@charset "utf-8";*{padding:0;margin:0} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-Bold.woff2') format('woff2'), url('../fonts/SegoeUI-Bold.woff') format('woff'), url('../fonts/SegoeUI-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI.woff2') format('woff2'), url('../fonts/SegoeUI.woff') format('woff'), url('../fonts/SegoeUI.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-Italic.woff2') format('woff2'), url('../fonts/SegoeUI-Italic.woff') format('woff'), url('../fonts/SegoeUI-Italic.ttf') format('truetype');font-weight: normal;font-style: italic;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-BoldItalic.woff2') format('woff2'), url('../fonts/SegoeUI-BoldItalic.woff') format('woff'), url('../fonts/SegoeUI-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-Light.woff2') format('woff2'), url('../fonts/SegoeUI-Light.woff') format('woff'), url('../fonts/SegoeUI-Light.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;} @font-face {font-family: 'Segoe UI Semilight';src: url('../fonts/SegoeUI-Semilight.woff2') format('woff2'), url('../fonts/SegoeUI-Semilight.woff') format('woff'), url('../fonts/SegoeUI-Semilight.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUIBlack-Italic.woff2') format('woff2'), url('../fonts/SegoeUIBlack-Italic.woff') format('woff'), url('../fonts/SegoeUIBlack-Italic.ttf') format('truetype');font-weight: 900;font-style: italic;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-LightItalic.woff2') format('woff2'), url('../fonts/SegoeUI-LightItalic.woff') format('woff'), url('../fonts/SegoeUI-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUIBlack.woff2') format('woff2'), url('../fonts/SegoeUIBlack.woff') format('woff'), url('../fonts/SegoeUIBlack.ttf') format('truetype');font-weight: 900;font-style: normal;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-SemiboldItalic.woff2') format('woff2'), url('../fonts/SegoeUI-SemiboldItalic.woff') format('woff'), url('../fonts/SegoeUI-SemiboldItalic.ttf') format('truetype');font-weight: 600;font-style: italic;font-display: swap;} @font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'), url('../fonts/SegoeUI-Semibold.woff') format('woff'), url('../fonts/SegoeUI-Semibold.ttf') format('truetype');font-weight: 600;font-style: normal;font-display: swap;} @font-face {font-family: 'Segoe UI Semilight';src: url('../fonts/SegoeUI-SemilightItalic.woff2') format('woff2'), url('../fonts/SegoeUI-SemilightItalic.woff') format('woff'), url('../fonts/SegoeUI-SemilightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;font-display: swap;} /*animate.css*/ .animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} *,*::after,*::before{box-sizing:border-box} a {color:#82b149} a:hover {color: #87b54f;} body{font-weight:normal;font-family: "Open Sans", sans-serif !important; font-weight: normal; color:#000; letter-spacing: 1.3px;} img{max-width:100%;} #intro {min-height: 350px;background: #f6fdee;} section {padding:85px 0 95px 0; display:block; clear:both} .scroll-section a.scroll { position: absolute; left: 0px; top: -95px; } .heading {font-size: 40px;color: #396793;font-weight: bold;margin-bottom: 55px;} .heading.we-support {margin-bottom: 0px; margin-top: 40px;} .icon, .text {display: inline-block;vertical-align: top;} .icon {margin-right: 15px;} .text h3 {font-size: 29px;font-weight: bold;color: #396793;} .text p {font-size: 24px;line-height: 1.2;} .section2-1 {text-align: center;} h3.other {margin: 40px 0;font-size: 42px;font-weight: bold;color: #396793;} .section2-1 h4 {font-size: 29px;font-weight: bold;color: #396793;margin-bottom: 5px;} p.or {font-size: 29px;font-weight: bold;color: #a5d068; margin-bottom: 5px;} .bg-blue {background: #e7f6fd;} .bg-green {background: #dff3c8;} .infographics-desktop {text-align:center; position: relative; margin-bottom: 55px;} .infographics-desktop h3 {position: absolute;top: 18%;/* left: 50%; */left: 42.5%;/* transform: translateX(-50%); */padding-top: 0;font-size: 42px;font-weight: bold;color: #396793;letter-spacing: 3px;transition: 0.5s;} .infographics-desktop ul {position: absolute;top: -10px;list-style-type: none;margin: 0;padding: 0;text-align: center;width: 100%;} .infographics-desktop ul li {position: absolute;font-size: 24px;} .infographics-desktop ul li:first-child {left: 0;margin-left: 6%;width: 15%;} .infographics-desktop ul li:nth-child(2) {left: 0;margin-left: 7%;width: 22%;margin-top: 19%;} .infographics-desktop ul li:nth-child(3) {/* left: 50%; */ left: 0%;/* transform: translateX(-50%); */width: 100%;margin-top: 30%;} .infographics-desktop ul li:nth-child(4) {right: 0;margin-right: 6%;width: 22%;margin-top: 20%;text-align: left;} .infographics-desktop ul li:nth-child(5) { right: 0; margin-right: 0%; width: 21%; margin-top: 1%; text-align: left;} section#jorney .carousel-inner {margin-top: 320px; display: inline-block;} section#jorney .carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 15;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;padding-left: 0;margin-right: 15%;margin-left: 15%;list-style: none;} section#jorney .carousel-indicators {top: 0px;margin: 0 auto;bottom: unset;} section#jorney .carousel-indicators li {width: 16.666667%;height: auto;text-indent: 0;background: transparent;font-size: 11px;text-align: center;line-height: 14px;opacity: 1;font-weight: 600; margin:0; padding-top: 25px; border: 0;} div#carouselExampleIndicators {width: 100%;} .carousel-thumb {display: block;width: 100%;float: left;text-align: center;} .carousel-thumb > * {display: block;margin: 0 auto;} section#jorney .carousel-indicators > .container {display: flex;} .carousel-thumb > img { border: 8px solid transparent;border-radius: 50%;margin-bottom: -69px;} section#jorney .carousel-indicators li.active .carousel-thumb > img{border: 8px solid #a8cf7c;} .carousel-thumb > span {color: #266190;font-size: 20px;line-height: 1.3;padding-top: 76px; padding-bottom: 20px; font-weight: 400; letter-spacing: 0.5px;} .carousel-thumb > span strong {font-size: 24px;} section#jorney .carousel-indicators li.active span { clear: both;background: #a8cf7c;float: left;width: 100%; border-bottom: 5px solid #26618F; color: #fff;} section#jorney .carousel-indicators:before, section#jorney .carousel-indicators:after {content: "";width: 1920px;position: absolute;height: 1px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.10);} section#jorney .carousel-indicators:before{top:0} section#jorney .carousel-indicators:after{bottom:0} section#jorney {overflow-x: hidden; overflow: hidden;} .carousel-text {text-align: center;} .carousel-text p {font-size: 22px;color: #266190;} p.know-more a {font-weight: bold;text-transform: uppercase;color: #266190;border-bottom: 1px solid #266190;line-height: 18px;font-size: 18px;} .carousel-text p.know-more {margin-bottom: 0;} .journey-example-inner {max-width: 1050px;margin: 0 auto;} .example {background: #e7f5fd;padding: 50px 60px;} .example ul {margin: 0;padding: 0;list-style-type: none;} .example ul li img {position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .example ul li {padding-left: 75px;position: relative;margin-bottom: 25px;min-height: 65px;} .example ul li span {font-size: 20px;} .example ul li span.sm-txt {font-size: 12px; display: block; line-height:14px} .example ul li:last-child {margin-bottom:0} .example h3 {font-size: 36px;font-weight: 600;color: #87b54f;margin-bottom: 25px;} section#start {padding:30px 0 30px 0;background: #a5d068; text-align:center} .start-journey {font-size:28px; font-weight:bold; color:#fff;width: auto;display: inline-block;} .start-journey a.now-btn {/*font-size: 30px;padding: 4px 22px 7px 22px;background: #396793;*/ color:#0e4c94; text-decoration: none;} .start-journey img {margin-right: 20px;} .footer-main {padding: 60px 0;} .footer-main {padding:50px 0 50px;} .footer-col {float: left;padding: 0 10px;} .footer-col ul {margin: 0;padding: 0;list-style-type: none;} .footer-col.col1 {/* width: 25.5%; */width:auto; padding: 0 50px 0 10px;} .footer-col.col2 {width:auto;/* width: 25%; */} .footer-col.col3 {width:auto;/* width: 25%; */} .footer-col.col3 ul {padding-right:0} .footer-col.col5 { float: right;position: relative;z-index: 9;} .footer-main {max-width: 1090px;margin: 0 auto; display: inline-block; text-align: left;} footer .container { text-align: center;} .pl01{padding-left:0!important} .h-auto{height: auto!important} .model-new{max-width: 1200px!important;} .footer-col ul {margin: 0;padding: 0;list-style-type: none;} .footer-col ul li a, .footer-col.col5 ul li:first-child, .footer-col.col4 ul > li {font-size: 18px;font-weight: bold;text-transform: uppercase;color: #08508b;} .footer-col.col5 ul li.payment-option { letter-spacing: 0;} .footer-col ul li li a {font-weight: normal;font-size: 16px;color: #000;text-transform: none; letter-spacing: 0;} .footer-col ul li li a {padding-left: 15px;background: url(../images/footer-bullet.png) no-repeat left 5px;} .footer-col ul ul {margin-top: 10px; margin-bottom: 15px;} .footer-col ul li {margin-bottom: 8px;padding-right: 15px;font-size: 18px; font-weight: bold; text-transform: uppercase; color: #08508b;} .footer-col.col4 {width:auto;/* width: 25%; */} .footer-main {max-width: 100%;margin: 0 auto; width: 100%;} .cybersafe-logo img { margin-top: 10px;} .footer-col.col5 ul li.cybersafe-logo, .footer-col.col5 ul li.payment-option { width: auto;float:left;letter-spacing: 0;} .footer-col.col5 ul li.cybersafe-logo { padding-right: 7px;text-align:center} .footer-col.col5 ul li.payment-option { padding-left: 15px; border-left:1px solid #e5e5e5;} .footer-col.col5 ul li.payment-option span { padding-top: 0; float: left; width: 100%; } .copyright {clear: both;width: 100%;text-align: center;background: #e7f5fd;} .copyright p {font-size: 14px;margin: 0;color: #266190;padding: 15px 0; letter-spacing: 1px;} .newsletter-form input { height: 45px;line-height: 45px;width: 100%;font-size: 14px;padding-left: 15px; padding-right: 15px; border: 1px solid #ccc;} /* .newsletter-form input[type="submit"] {position: absolute;right: 0;height: 45px;background: url(../images/newsletter.png) no-repeat center;border: 0;font-size: 0;min-width: 45px; cursor: pointer;} */ .newsletter-form input[type="submit"] {float: left; border: 0; font-size: 13px; background: #396793; padding: 10px; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; cursor: pointer; width:auto} .newsletter-form {position: relative;} .footer-col.col5 ul li {font-size: 14px;text-transform: uppercase;} li.payment-option img {margin-top: 5px; max-width: 84%;} .copyright p a {color: #266190;text-decoration: underline;} .copyright p a.links {text-decoration: none;} section#intro {background: url(../images/hero-bg.jpg) no-repeat center;background-size: cover;} .header-inside > * {display: inline-block;} .header-inside {text-align: center;} .header-inside h1 strong {font-weight: 700;} .header-inside h1 {font-size: 40px;/* text-transform: uppercase; */color: #266190;text-align: center; font-weight: 600; margin-top:15px;} .header-inside .text {margin-left: 20px;} .infographics-mobile {display: none;} /*--New RDG--*/ .aspire-part { padding-left: 25px; padding-right: 25px;} .aspire-part::after { content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; right: 0; } .aspire-part:last-child::after {display:none;} .aspire-part p {margin-bottom:0} .aspire-part .text h3 { line-height: 1; margin-bottom: 5px; } .user-mob { display: none; position: absolute; right: 60px; top: -13px; } .breadcrumb-main { background: #f6fcee; padding: 15px; } .breadcrumb-main .breadcrumb { background: #f6fcee; padding: 0; margin: 0; } .breadcrumb-main .breadcrumb ul { margin: 0 auto; padding: 0; width:100%; text-align:center; } .breadcrumb-main .breadcrumb ul li { margin: 0; padding: 0 10px; width:auto; text-align:center; display:inline-block;text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: 0; color: #000; border-right: 1px solid #000; line-height: 1; } .breadcrumb-main .breadcrumb ul li a {color: #000; font-size: 14px; font-weight: 400; text-decoration:none} .breadcrumb-main .breadcrumb ul li:last-child {border-right:0;} .page-ttile { width: 100%; text-align: center; color: #276191; letter-spacing: 0; font-size: 40px; /* text-transform: uppercase; */ font-weight: bold; margin-bottom: 40px; line-height: 1;} .bg-blue .about-content p, .about-content.blue-para p { color:#266190; line-height: 1.8; } .about-content p .highlight { font-weight: 700; text-decoration: underline; } .about-content p { font-size: 17px; margin-bottom: 25px; letter-spacing: 1px; line-height: 1.8; } .about-content p.semibold-txt { font-size: 22px; font-weight:600; } .about-box { background: #e7f5fd; padding: 40px 40px; width: 90%; margin: 50px 5%; float:left; min-height: 852px; } .brand-ttl { color: #87b54f; font-size: 30px; font-weight: 600; text-align: center; line-height: 1.3; width: 100%; float: left; margin: 30px 0; } .brand-logo { width: 100%; float: left; height: 73px; display: flex; flex-wrap: wrap; align-items: center; text-align: center; align-content: center; align-self: center; } .brand-logo img { display: inline-block; margin: 0 auto; } .brand-list { float: left; width: 100%; list-style: none; margin: 0; padding: 0; } .brand-list li { float: left; width: 100%; list-style: none; margin: 0 0 15px; padding: 0 0 15px; position: relative; color: #000; font-size: 20px; letter-spacing: 1px; } .brand-list li::after { content: ""; background: #266190; position: absolute; left: 0; width: 60px; height: 3px; bottom: 0; } .brand-list li:last-child {margin-bottom:0; padding-bottom:0; } .brand-list li:last-child::after {display:none; } .about-content.blue-para p a { font-weight: 700; text-decoration: underline; color:#87b54f; text-decoration-color: #87b54f; } #partners { background: #f6fcee; } #partners .heading { margin-bottom: 10px; } #partners .about-content p { line-height: 2; } .heading-sub { font-size: 22px; width: 100%; float: left; color: #266190; margin-bottom: 50px; font-weight: 600; } .partners-img { width: 100%; height: 79px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; align-self: center; margin-bottom: 20px; } #partners .about-content p.partners-bold { font-weight: 700; font-size: 20px; line-height: 1.3; margin-bottom: 10px;} .mt-50 { margin-top: 50px; } .offering-ttl { font-size: 26px; font-weight: 600; color: #396793; width: 100%; text-align: left; padding: 10px 0; } .offering-ttl a { color: #396793; text-decoration:none; } .offerings-txt { font-size: 18px; width: 100%; float: left; color: #000; margin-bottom: 40px; text-align: center; font-weight: 400; } .bg-blue .offerings-txt {margin-bottom: 0;} .more-btns { width: 100%; display: inline-block; margin-top: 15px; } .more-btns a {color: #87b54f; letter-spacing: 0; font-size: 16px; text-transform: capitalize; font-weight: 600; border: 2px solid #87b54f; line-height: 1; padding: 8px 15px 10px 15px; float: left; transition: 0.5s;} .more-btns a:hover {background: #87b54f; color: #fff; text-decoration:none;} .contact-form .form-group label { width: 100%; font-weight: 600; font-size: 18px; } .contact-form .form-group {margin-bottom: 25px;} .chkbx { float: none; display: inline-block; margin: 0 0 7px; width: 32%; } .chkbx input { display: inline-block; margin: 0 5px 0 0; } .btn.sbmt-btn { color: #396793; letter-spacing: 0; font-size: 20px; text-transform: capitalize; font-weight: 600; border: 2px solid #396793; line-height: 1; padding: 10px 15px; float: left; transition: 0.5s; outline: 0; } .sbmt-btn:hover {background: #396793; color: #fff; text-decoration: none;} .contact-form .form-group .form-control:focus {box-shadow: none; border-color: #ccc;} .contact-form .form-group .form-control { border-width: 1px; border-radius: 0; font-size: 16px; color: #000; padding: 10px 18px; height: 50px; outline: 0; border-color: #ccc; background-color: #fff; letter-spacing: 1px; border-radius: .25rem; } .contact-form .form-group textarea.form-control {height: 100px;} .sitemap-links ul { margin: 0; padding: 0; list-style-type: none; } .sitemap-links ul li { margin-bottom: 15px; } .sitemap-links ul li a { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #08508b; display: inline-block; text-decoration: none;} .sitemap-links ul li li a { padding-left: 15px; background: url(../images/footer-bullet.png) no-repeat left 8px; font-weight: normal; font-size: 16px; color: #000; text-transform: none; letter-spacing: 0; text-decoration:none; transition:0.5s;} .sitemap-links ul li li a:hover {padding-left:20px;} .sitemap-links ul, .sitemap-links ul li { width: 100%; float: left; } .sitemap-links ul li li { width: 25%; float: left; } .sitemap-links ul ul { margin-top: 10px; } .sitemap-links > ul > li {border-bottom: 1px solid #ccc; padding-bottom: 10px;} .sitemap-links > ul > li:last-child { border-bottom: 0; } .btn-header-link { padding:15px 30px 19px 30px; font-size: 20px; width: 100%; text-align: left; border-bottom: 1px solid #eee; border-radius: 0; font-weight: 600; color: #396793 !important; } .btn-header-link.collapsed { color: #396793; } .btn-header-link:focus { box-shadow: none; } #faq.accordion .card {margin-bottom: 15px; border: 1px solid #eee !important;} #faq.accordion .card .card-header { background-color: #fff; border-bottom: 0px solid #eee; padding: 0; } #faq .card .card-header .btn-header-link::after { content: ""; position: absolute; top: 25px; right: 15px; width: 9px; height: 9px; border-top: 2px solid #276191; border-right: 2px solid #276191; transform: rotate(135deg); transition:0s; left:auto; margin-right:-1px } #faq .card .card-header .btn-header-link.collapsed::after { transform: rotate(45deg);top: 28px; transition:0.2s; margin-right:0; right:15px} #faq.accordion .card .card-body {padding:40px 30px; } #faq.accordion .card .card-body p:last-child {margin-bottom:0;} #faq .card-body p a { font-weight: 700; text-decoration: underline; color: #87b54f; } #faq.accordion .card ul { margin: 0 0 15px; padding: 0; list-style: none; width: 100%; } #faq.accordion .card ul li { margin: 0 0 10px; padding: 0 0 0 15px; list-style: none; width: 100%; position: relative; font-size: 18px;} #faq.accordion .card ul li::before { content: ""; position: absolute; top: 12px; left: 0px; width: 6px; height: 6px; border-top: 1px solid #396793; border-right: 1px solid #396793; transform: rotate(45deg); transition:0.5s; } #faq.accordion .card table {width: 100%; margin: 0 0 15px;} #faq.accordion .card table th { font-size: 18px; color: #276191; border-bottom: 1px solid #e7f5fd; padding: 10px 15px; vertical-align: top;} #faq.accordion .card table tr:first-child th { background: #276191; color: #fff; } #faq.accordion .card table tr:nth-child(2n+1) {background: #e7f5fd;} #faq.accordion .card table td {font-size:18px; color:#000; border-bottom: 1px solid #e7f5fd; padding: 10px 15px; vertical-align: top;} #partner { background: #f6fcee; } body {overflow-x: hidden;} .about-content p a { font-weight: 600; text-decoration: underline; color: #87b54f; } .about-content p a:hover {font-weight: 600; text-decoration: underline; color: #87b54f;} .about-content p.about-know-more { font-size: 22px; margin-bottom: 0; } #faq1 { font-size: 18px; line-height: 1.5; } #faq { font-size: 18px; } .bg-gray {background: #f6fcee;} select.form-control {appearance: none;-moz-appearance: none;-webkit-appearance: none; background: url(../images/select-arrow.png) no-repeat 97% center; background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 14px; background-color: #fff; color: #888888;} .required-filed { color: red; } #cssmenu > ul > li.mob-sign-link {display:none;} .navbar-brand.logo-div img { max-width: 150px; } header {position: fixed;width: 100%; z-index: 9999; background: #fff; top: 0; left: 0; /* box-shadow: 0 0 5px #f2f7ec; */ } header.header-scrolled{ position: fixed;} header .navbar {box-shadow: 0 0px 20px rgba(111, 111, 111, 0.1);} body { padding-top: 104px; } body.sub-menu { padding-top: 148px; } .contact-form-2 .form-group {width: 48%; float: left;} .contact-form-2 .form-group:nth-child(2n) {float: right;} .contact-form-2 .form-group.captcha-grp {float: left; /* width:100% */} .contact-form-2 .form-group textarea.form-control { height: 190px; } #faq table p::first-letter {text-transform: uppercase;} .tablepart { width: 100%; display: inline-block; overflow-x: auto; margin-bottom: 25px; } /* .body-scrolled { padding-top: 170px; } */ .product-img-mob {display:none} .about-content, .about-box, .brand-list li {letter-spacing: 2px;} .anything-part { margin-top: 30px; } .anything-part .heading { margin-bottom: 30px; } .anything-body, .anything-body p { font-size: 18px; } .anything-body p a,.anything-body p a:hover { font-weight: 600; text-decoration: underline; color: #87b54f; } .social-media-link a { margin-right: 2px;} img.paytm-logo{max-width:70px;} .social-media-link a img {margin-top: 0;margin-left: 2px;margin-top: -3px;} .know-part { float: left; width: 100%; position: relative; /* display: flex; */ } .know-part.know-part-left::after {content:""; position:absolute; right:-15px; top:0; width:1px; height:100%; background:#ccc;} .know-icon { /* margin-right: 15px; */ } .know-ttl { float: left; width: 100%; font-size: 27px; font-weight: 600; color: #396793; margin-bottom: 5px; text-align: center; } .know-sub-text { float: left; width: 100%; font-size: 25px; font-weight: 400; color: #020202; margin-bottom: 5px; text-align: center; } .know-sample { float: left; width: 100%; text-align: center; } .know-sample a { color: #a5cf7b; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 18px; text-decoration: underline; text-decoration-thickness: 1px; } .know-part.know-part-left .know-icon { width: 59%; float: left; } .know-part.know-part-left .know-text { float: left; width: 41%; } .know-icon { width: 59%; float: left; } .know-text { float: left; width: 41%; } .know-inner { max-width: 1100px; margin: 0 auto; padding-bottom: 0px; border-bottom: 0px solid #ccc; margin-bottom: 0px;} .know-part-bottom { float: left; width: 100%; text-align: center; padding-top: 40px; border-top: 1px solid #ccc; margin-top: 40px; } .know-text-bottom { display: inline-block; float:left; max-width: 300px; } .know-icon-bottom { display: inline-block; float: left; } .know-part-bottom-1 { display: inline-block;display: inline-flex;align-items: center; } /*.know-part-bottom .heading { margin-bottom: 0; margin-top: 30px; }*/ .sub-para-1, .sub-para-1 p { text-align: center; font-size: 18px; line-height: 1.6; } .sub-para-1 { max-width: 820px; margin: 0 auto; margin-bottom: 30px; } .abt-highlight {color:#82b149; font-weight:600;} .abt-highlight span {color:#326a97;} .about-content p.about-cent-strong { color: #205783; margin-bottom: 0px; font-size: 22px; font-weight: 600; letter-spacing: 1px; text-align: center; margin-top: 40px; } .blue-para { font-weight: 600; text-align: center; } .founder-img-text-1 { width: 100%; text-align: center; color: #326495; font-weight: 700; font-size: 24px; float: left; margin-top: 15px; } .founder-img-text-2 { width: 100%; text-align: center; color: #326495; font-weight: 400; font-size: 24px; float: left; margin-top: 5px; letter-spacing: 1px; } .founder-img-text-3 { font-size: 18px; color: #326495; text-align: center; width: 100%; margin: 15px 0; float: left; } .founder-img-text-3 a {color: #326495; text-decoration:underline;} #founder .content-img { text-align: center; padding-right: 0; } .con-link {color: #82b149; text-decoration: underline; cursor: pointer; font-weight: 600; } a.con-link:not([href]):not([tabindex]) { color: #266190; text-decoration: underline; } .price-table {width:100%; border:none} .price-table.cost-table th {width:25%;} .price-table th { color: #000; font-size: 20px; padding: 10px; font-weight: 400; min-width: 130px; font-weight:600} .price-table th:first-child { background: #64b4d5; min-width:282px } .price-table th:nth-child(2) { background: #64b4d5; min-width:210px;border-left: 4px solid #fff; } .price-table th:nth-child(3) { background: #64b4d5; min-width:210px;border-left: 4px solid #fff; } .price-table th:nth-child(4) { background: #64b4d5; min-width:210px;border-left: 4px solid #fff; } .price-table th:nth-child(5) { background: #64b4d5; min-width:130px;border-left: 4px solid #fff; } .price-table th:nth-child(6) { background: #64b4d5; min-width:130px;border-left: 4px solid #fff; } .price-table td { color: #000; font-size: 18px; padding: 10px; font-weight: 400; border-left: 4px solid #fff; vertical-align: middle; } .price-table.cost-table td { vertical-align: top; text-align:left; } .price-table.cost-table th { text-align:left; } .price-table td:first-child {border-left:0;} .price-table tbody tr { /* background: #e7f6fd; */ } .price-table tbody tr:nth-child(even) { background: #fff; } .price-table tbody tr.tr-2 td:first-child { background: #eaf9ff; } .price-table tbody tr.tr-2 td:nth-child(2) { background: #eaf9ff; } .price-table tbody tr.tr-2 td:nth-child(3) { background: #eaf9ff; } .price-table tbody tr.tr-2 td:nth-child(4) { background: #eaf9ff; } .price-table tbody tr.tr-2 td:nth-child(5) { background:#eaf9ff; } .price-table tbody tr.tr-2 td:nth-child(6) { background:#eaf9ff; } .price-table tbody tr.tr-1 td:first-child { background: #d6f1fc; } .price-table tbody tr.tr-1 td:nth-child(2) { background: #d6f1fc; } .price-table tbody tr.tr-1 td:nth-child(3) { background: #d6f1fc; } .price-table tbody tr.tr-1 td:nth-child(4) { background: #d6f1fc; } .price-table tbody tr.tr-1 td:nth-child(5) { background: #d6f1fc; } .price-table tbody tr.tr-1 td:nth-child(6) { background: #d6f1fc; } /* .price-table tbody tr:nth-child(even) td:nth-child(2) { background: #f4f8fb; } .price-table tbody tr:nth-child(even) td:nth-child(3) { background: #f7fbfc; } .price-table tbody tr:nth-child(even) td:nth-child(4) { background: #f6fcfa; } .price-table tbody tr:nth-child(even) td:nth-child(5) { background: #f7fbfa; } .price-table tbody tr:nth-child(even) td:nth-child(6) { background: #e9fdf8; } */ .price-table tbody tr td.colspan-td { background: #b2d9ea !important; font-weight: 600; border:0; color: #000; } /* .price-table tbody tr td:nth-child(2) { background: #e9f0f6; } .price-table tbody tr td:nth-child(3) { background: #eff7fa; } .price-table tbody tr td:nth-child(4) { background: #eef8f7; } .price-table tbody tr td:nth-child(5) { background: #f1f7f5; } .price-table tbody tr td:nth-child(6) { background: #e3f7f2; } */ .note-text { width: 100%; display: inline-block; margin: 20px 0 0; } .note-txt { color: #396793; font-weight: bold; font-size: 18px; } .heading-tab { /* padding: 0 0 15px; font-size: 24px; */ width: 100%; text-align: center; /* border-radius: 0; font-weight: 700; color: #396793 !important; */ margin: 0 0 30px; display: inline-block; } .heading-tab span {line-height: 1; font-size: 18px; font-weight: 600; background: #87b54f !important; color: #fff; padding: 14px 30px 15px !important; border-radius: 35px; border: 0 !important; margin-right: 10px; float: none; position: relative; display: inline-block;} .heading-tab span::after {content: ""; position: absolute; height: 12px; width: 12px; background: #87b54f; left: 50%; bottom: -5px; transform: rotate(45deg);} .price-radio-btns{width:100%;text-align:center;z-index:9;margin-bottom: 15px;} .price-radio-btns span.radiospan{color:#1e1666;font-size:15px} .price-radio-btns span.radiospan input{margin-right:2px;margin-left:0px} .price-radio-btns span.radiospan input[value="ruppes"]{margin-left:0px} .price-radio-btns span.radiospan span {margin-left: 20px; font-size: 18px;} .price-radio-btns span.radiospan span:first-child {margin-left: 0px;} .table-part { width: 100%; } .price-table tbody tr td, .price-table thead tr th {text-align:center;} .price-table tbody tr td:first-child, .price-table thead tr th:first-child {text-align:left;} .price-table.table-2 th:first-child {background:#ffd897; color: #000; } .price-table.table-2 th:nth-child(2) {background:#ffd897; color: #000;} .price-table.table-2 th:nth-child(3) {background:#ffd897; color: #000;} .price-table.table-2 th:nth-child(4) {background:#ffd897; color: #000;} .price-table.table-2 th:nth-child(5) {background:#ffd897; color: #000;} .price-table.table-2 th:nth-child(6) {background:#ffd897; color: #000;} .price-table.table-2 th:nth-child(7) {background:#ffd897; color: #000;border-left: 4px solid #fff;} .price-table.table-2 tbody tr td.colspan-td { background: #f9e0b8 !important; color: #090909; } /* .price-table.table-2 tbody tr { background: #f8f3ef; } */ .price-table.table-2 tbody tr:nth-child(2n) { background: #fff; } .price-table.table-4 th {background:#f4c575} .price-table.table-4 tbody tr td.colspan-td1 { background: #FFF5E6 !important; color: #090909; } .price-table.table-4 tbody tr td.colspan-td { background: #fde7d2 !important; color: #090909; } .price-table.table-4 tbody tr { background: #fbf7ee; } .price-table.table-4 tbody tr:nth-child(2n) { background: #fff; } .price-table.table-4 tbody tr.tr-2 td:first-child { background: #fdf6f0; } .price-table.table-4 tbody tr.tr-2 td:nth-child(2) { background: #fdf6f0; } .price-table.table-4 tbody tr.tr-2 td:nth-child(3) { background: #fdf6f0; } .price-table.table-4 tbody tr.tr-2 td:nth-child(4) { background: #fdf6f0; } .price-table.table-4 tbody tr.tr-2 td:nth-child(5) { background: #fdf6f0; } .price-table.table-4 tbody tr.tr-2 td:nth-child(6) { background: #fdf6f0; } .price-table.table-4 tbody tr.tr-1 td:first-child { background: #fff2e7; } .price-table.table-4 tbody tr.tr-1 td:nth-child(2) { background: #fff2e7; } .price-table.table-4 tbody tr.tr-1 td:nth-child(3) { background: #fff2e7; } .price-table.table-4 tbody tr.tr-1 td:nth-child(4) { background: #fff2e7; } .price-table.table-4 tbody tr.tr-1 td:nth-child(5) { background: #fff2e7; } .price-table.table-4 tbody tr.tr-1 td:nth-child(6) { background: #fff2e7; } .price-table.table-3 th:first-child {background:#a5d067} .price-table.table-3 th:nth-child(2) {background:#a5d067} .price-table.table-3 th:nth-child(3) {background:#a5d067} .price-table.table-3 th:nth-child(4) {background:#a5d067} .price-table.table-3 th:nth-child(5) {background:#a5d067} .price-table.table-3 th:nth-child(6) {background:#a5d067} .price-table.table-3 tbody tr td.colspan-td { background: #d5f0ab !important; color: #090909; } .price-table.table-3 tbody tr td.colspan-td1 { background: #d5f0ab !important; color: #090909; } /* .price-table.table-3 tbody tr { background: #fff; } */ .price-table.table-3 tbody tr td:first-child { background: #e9f9d2; } .price-table.table-3 tbody tr td:nth-child(2) { background:#e9f9d2; } .price-table.table-3 tbody tr td:nth-child(3) { background:#e9f9d2; } .price-table.table-3 tbody tr td:nth-child(4) { background:#e9f9d2; } .price-table.table-3 tbody tr td:nth-child(5) { background:#e9f9d2; } .price-table.table-3 tbody tr td:nth-child(6) { background:#e9f9d2; } .price-table.table-3 tbody tr:nth-child(2n) td:first-child { background: #f4fde8; } .price-table.table-3 tbody tr:nth-child(2n) td:nth-child(2) { background:#f4fde8; } .price-table.table-3 tbody tr:nth-child(2n) td:nth-child(3) { background:#f4fde8; } .price-table.table-3 tbody tr:nth-child(2n) td:nth-child(4) { background:#f4fde8; } .price-table.table-3 tbody tr:nth-child(2n) td:nth-child(5) { background:#f4fde8; } .price-table.table-3 tbody tr:nth-child(2n) td:nth-child(6) { background:#f4fde8; } .pad-top-0 {padding-top:0 !important;} .newsletter-form .g-recaptcha { transform: scale(0.60) !important; -webkit-transform: scale(0.60) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; height: 45px; margin:0;width: 183px;margin-right: 15px; padding: 0 15px; } .price-table tbody tr.total td {font-weight:700;} .price-table.table-2 tbody tr.tr-2 td:first-child { background: #fdf9f0; } .price-table.table-2 tbody tr.tr-2 td:nth-child(2) { background:#fdf9f0; } .price-table.table-2 tbody tr.tr-2 td:nth-child(3) { background: #fdf9f0; } .price-table.table-2 tbody tr.tr-2 td:nth-child(4) { background: #fdf9f0; } .price-table.table-2 tbody tr.tr-2 td:nth-child(5) { background: #fdf9f0; } .price-table.table-2 tbody tr.tr-2 td:nth-child(6) { background: #fdf9f0; } .price-table.table-2 tbody tr.tr-2 td:nth-child(7) { background: #fdf9f0; } .price-table.table-2 tbody tr.tr-1 td:first-child { background: #ffefd6; } .price-table.table-2 tbody tr.tr-1 td:nth-child(2) { background: #ffefd6; } .price-table.table-2 tbody tr.tr-1 td:nth-child(3) { background: #ffefd6; } .price-table.table-2 tbody tr.tr-1 td:nth-child(4) { background: #ffefd6; } .price-table.table-2 tbody tr.tr-1 td:nth-child(5) { background:#ffefd6; } .price-table.table-2 tbody tr.tr-1 td:nth-child(6) { background:#ffefd6; } .price-table.table-2 tbody tr.tr-1 td:nth-child(7) { background:#ffefd6; } .price-table.table-4 th:first-child {background:#edc6a5; color: #000;} .price-table.table-4 th:nth-child(2) {background:#edc6a5; color: #000;} .price-table.table-4 th:nth-child(3) {background:#edc6a5; color: #000;} .price-table.table-4 th:nth-child(4) {background:#edc6a5; color: #000;} .price-table.table-4 th:nth-child(5) {background:#edc6a5; color: #000;} .price-table.table-4 th:nth-child(6) {background:#edc6a5; color: #000;} .price-table.table-4 tbody tr.tr02 td:first-child { background: #fff9f4; } .price-table.table-4 tbody tr.tr02 td:nth-child(2) { background: rgba(255, 249, 244,0.8); } .price-table.table-4 tbody tr.tr02 td:nth-child(3) { background: rgba(255, 249, 244,0.7); } .price-table.table-4 tbody tr.tr02 td:nth-child(4) { background: rgba(255, 249, 244,0.5); } .price-table.table-4 tbody tr.tr02 td:nth-child(5) { background: rgba(255, 249, 244,0.4); } .price-table.table-4 tbody tr.tr02 td:nth-child(6) { background: rgba(255, 249, 244,0.3); } .price-table.table-4 tbody tr.tr02 td:nth-child(7) { background: rgba(255, 249, 244,0.2); } .price-table.table-4 tbody tr.tr01 td:first-child { background: #f8f3ef; } .price-table.table-4 tbody tr.tr01 td:nth-child(2) { background: rgba(248, 243, 239,0.8); } .price-table.table-4 tbody tr.tr01 td:nth-child(3) { background: rgba(248, 243, 239,0.6); } .price-table.table-4 tbody tr.tr01 td:nth-child(4) { background: rgba(248, 243, 239,0.5); } .price-table.table-4 tbody tr.tr01 td:nth-child(5) { background: rgba(248, 243, 239,0.3); } .price-table.table-4 tbody tr.tr01 td:nth-child(6) { background: rgba(248, 243, 239,0.2); } .price-table.table-4 tbody tr.tr01 td:nth-child(7) { background: rgba(248, 243, 239,0.1); } .buy-btn { display: inline-block; color: #fff; background: #0070ba; padding: 10px 15px; font-size: 15px; line-height: 1; border-radius: 20px; transition:0.5s; text-decoration:none; } .buy-btn:hover { background: #0070ba; text-decoration:none; color:#fff; } .price-table.table-2 .buy-btn {background:#0070ba; color:#fff; } .price-table.table-2 .buy-btn:hover {background: #0070ba;} .price-table.table-3 .buy-btn {background: #0070ba; color:#fff; } .price-table.table-3 .buy-btn:hover {background:#0070ba;} .price-table.table-4 .buy-btn {background: #0070ba; color:#fff; } .price-table.table-4 .buy-btn:hover {background: #0070ba;} .intro-2 .header-inside .media { width: 50%; padding-right: 20px; } .intro-2 .header-inside .text h1 { text-align: left; line-height: 1.5; margin-top: 0;} .header-inside .text h1 { line-height: 1.1;} section#intro.intro-2 { padding: 80px 0; } .text p { font-size: 18px; line-height: 1.2; } .bg-green2{background:#f6feef;} .jorney-offering h2.heading {margin-bottom: 30px;} .jorney-offering h3.heading {font-size: 35px;} .know-self { float: left; width: 100%; text-align: center; margin-top: 10px; color: #a5cf7b; font-weight: 600; font-size: 17px; } .know-self a { color: #a5cf7b; text-align: center; font-weight: 600; font-size: 17px; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #a5cf7b; text-transform: uppercase; } .header-inside .text h1 {text-align: left; text-transform: uppercase;} .header-inside-text h2 { font-size: 50px; color: #266190; text-align: center; font-weight: 600; margin-top: 0px; position:relative; top:30px; } .header-inside-text h2 strong { font-weight: 700; } .header-inside {border-right: 0px solid #ddf0d4; padding-right: 30px; } .blue-bold { color: #205783; font-weight: 700; } .header-inside > * {display: inline-block;} .header-inside .text {margin-left: 20px;} .header-inside h1 {font-size:80px;text-transform:uppercase;color:#266190;text-align:left;font-weight:600; } .title-blue { color: #205783; margin-bottom: 30px; font-size: 22px; font-weight: 600; letter-spacing: 1px; text-align: center; margin-top: 0; } ul.common-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; } ul.common-list li::before { content: ''; position: absolute; left: 0; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 10px; height: 10px; display: block; top: 9px; } ul.common-list li { padding-left: 26px; position: relative; margin-bottom: 20px; min-height: inherit; font-size: 17px; width: 48%; text-align: left; list-style:none;} ul.common-list li a { color: #87b54f; text-decoration: underline; } .modal-body ul.common-list1 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; } .modal-body ul.common-list1 li::before { content: ''; position: absolute; left: 0; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 10px; height: 10px; display: block; top: 9px; } .modal-body ul.common-list1 li,.modal-body ul.common-list1 li:last-child { padding-left: 26px; position: relative; margin-bottom: 10px; min-height: inherit; font-size: 17px; width: 100%; text-align: left; list-style:none;} .modal-body ul.common-list1 li a { color: #87b54f; text-decoration: underline; } .modal-body ul.common-list1 ul {margin-top:15px} .modal-body ul.common-list1 ul li::before {display:none} .modal-body ul.common-list1 li li {padding-left:0; margin-bottom:0;position:relative; padding-left:18px; border-bottom:0} .modal-body ul.common-list1 ul li:before {content: ''; width: 8px; height: 8px; background: #9fc373; display: block; transform: none; top: 9px;border: none; border-radius : 8px;} h2.md-title { font-size: 1rem; font-weight: 600; margin-top: 15px; color: #396793; margin: 0 0 10px 0; text-align: left;} .know-self-2 { float: left; width: 100%; text-align: left; margin-top: 0px; color: #fff; font-weight: 700; font-size: 28px; margin-bottom: 15px;margin-bottom: 0px;line-height: 27px;margin-top: 0px;} .know-self-2 img{vertical-align: middle; margin-right: 20px} .know-self-2 a{ color: #0e4c94; word-break: break-all;} .about-content1 p { margin: 0; text-align:left !important } .about-content1 { height: 100%; display: flex; align-items: center; } .web-link {display:block; margin:15px 0 0 0; text-align:center} .web-link a {color:#87b54f; text-decoration:underline} .about-founder .heading { margin-bottom: 40px; } .socials { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center;} p.off-p,.about-founder .about-content p.off-p {color: #000; font-size: 18px; font-weight: 400; letter-spacing: 1px; text-align: center; margin-bottom:55px} .about-founder .about-content p.off-p {margin-bottom:0 !important} p.off-p.blue-bold { color: #205783 !important; font-weight: 600 !important; font-size: 28px !important; } .about-content .about-sub-ttl, p.about-sub-ttl-2 { font-weight: 600; font-size: 22px; color: #205783; } .about-col-cont-100-2 p { text-align: center !important; } /* .about-col p:last-child {margin:0} */ .know-self-2-btn a { font-size: 22px; color: #fff; padding: 12px 35px; background: #396793; text-decoration: none; display: inline-block; margin: 5px 10px 0; text-transform: uppercase; font-weight: 700; } .logo-02 {display: inline-block; border-left: 1px solid #eee; padding-left: 15px;} .wow {animation:none !important} .lowercase { text-transform: lowercase; } .know-self-2-btn-icon { float: none; width: 100%; text-align: center; display: flex; align-content: center; align-items: center; align-self: center; justify-content: center; } .know-btn-icon { display: inline-flex; align-items: center; justify-content: center; margin-right: 40px; border-right: 1px solid #d8f4bf; padding-right: 40px; } .know-btn-icon:last-child { margin-right: 0; padding-right: 0px; border-right: 0; } .know-btn-icon .text h3 a {color: #fff; text-decoration:none; font-size: 25px; } .self-assessment {background:#a5d068; padding:0 0 30px 0;margin-top:-18px} .banner-area { position: relative; overflow: hidden; margin: 0 0 40px 0; clear: both; } .banner-area .slick-dots { top : 0; justify-content: center; bottom:auto} .banner-area .slick-dots li {margin:0 30px !important} .about-col-t-10{margin-top: 7px;} .slider-full .slick-list, .slider-full .slick-track, .slider-full .slick-slide, .slider-full .slick-slide div {height: 100%;} .home-text-header { max-width: 1170px; margin: 0 auto; width: 100%; display: flex; align-items: center; justify-content: center;height: 80% !important;padding-bottom:0;} .hm-txt-layer {max-width:65%; color:#266190;height: auto !important; padding-left: 50px;} .hm-sml {/* font-size:18px; */font-size:25px; line-height:32px;margin-bottom:0;} .hm-lg {font-size: 50px; color: #266190; text-align: left; font-weight: 600; margin-top: 0px; position: relative; top: 0px; margin-bottom:10px;margin-bottom: 20px;line-height: 50px;margin-top: -4px} .learn-more {display:inline-block} .learn-more a {font-size:14px; color:#266190;padding:0 80px 0 0; text-transform:uppercase; font-weight:600; text-decoration: underline;} .learn-more a:hover,.learn-more a:focus,.learn-more a:visited { outline:none !important; border:none !important} .slider-full.slider {padding:90px 0 0;} .slider-full .slick-list,.slider-full .slick-track,.slider-full .slick-slide,.slider-full .slick-slide div { height:100%} .slider-full {height:auto} .pager__item { padding:15px 0 0 0; display: block; color:#266190 !important; position:relative; font-size:22px; font-weight:600; } .pager__item:before {content:""; position:absolute; left:0; top:0; width:1px; height:5px; background:rgba(0, 125, 182, 0); transition:.4s all} .slider-full .arrow { display: inline-block; margin-bottom: -29px; margin-left: -38px; display:none } .slick-active .pager__item:before {width:100%;background:#266190;} .header-top-text { font-size: 32px; color: #266190; text-align: center; font-weight: 700; float: left; width: 100%; padding: 0 15px; } .subheading { display: block; font-size: 24px; font-weight: 400; margin-top: 15px; } .btm-links {display:block; width:100%} .btm-links .more-btns {width:auto} p.see {margin-bottom:0;} .btm-links.mb30 {margin-bottom:0} .menu-dropdown,.menu-dropdown1 {background:#e7f5fd;padding:0 15px 0 15px; width:100%; display:block} .menu-dropdown ul,.menu-dropdown1 ul { list-style: none; display: flex; justify-content: center; margin: 0; } .menu-dropdown ul li,.menu-dropdown1 ul li {padding:0 30px; position:relative; display:inline-block} .menu-dropdown ul li a,.menu-dropdown1 ul li a {color: #000; text-align: center; display: block; font-weight:600;padding:0; position:relative; text-decoration:none;min-height: 44px;display: flex;align-items: center;} .menu-dropdown ul li a:before,.menu-dropdown1 ul li a:before,.menu-dropdown ul li:hover a:before,.menu-dropdown1 ul li:hover a:before {content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: #9fc373; bottom:0; display:block; opacity:0; transition:ease-out all 0.2s} .menu-dropdown ul li a.active:before,.menu-dropdown1 ul li a.active:before,.menu-dropdown ul li:hover a:before,.menu-dropdown1 ul li:hover a:before {opacity:1;} .menu-dropdown ul li.active a,.menu-dropdown1 ul li.active a,.menu-dropdown1 ul li a.active,.menu-dropdown ul li a.active {font-weight:600} .menu-dropdown ul li:before,.menu-dropdown1 ul li:before {content: ''; position: absolute; left: 0; width: 1px; height: 14px; background: #000; top:15px;} .menu-dropdown ul li:first-child:before,.menu-dropdown1 ul li:first-child:before {display:none} .fixed { position: fixed; top:0; left:0; width: 100%; } .scroll-section { position: relative; /*scroll-margin-top: 148px; scroll-padding-top: 148px;*/ } section { position: relative;} .mt148 {margin-top: 0;} .scroll-section .about-content p:last-child {/*margin-bottom:0*/} .note-text p:last-child {margin-bottom:0} .content-tb-btm {display:block; margin-top:20px;float: left;width: 100%;} .inv { display: none; } .certification-top {display:block; margin:0 0 30px 0} .certification-top form {display: flex; justify-content: center; align-items: flex-start; flex-wrap:wrap; position:relative} .certification-top select {display: block; width: 100%;font-weight: 400; line-height: 1.5;border: 1px solid #ced4da;background-size: 14px;appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/select-arrow.png) no-repeat 97% center;font-size: 16px; color: #000; padding:10px 30px 10px 18px; height: 50px; outline: 0; border-color: #ccc; background-color: #fff; letter-spacing: 1px; border-radius: .25rem; width:33%; max-width:180px;margin-right: 15px;margin-right:0;margin-left:0; } .certification-top select#state-selector,.certification-top select#state-selector1 {padding:10px 30px 10px 10px; max-width:235px} .certification-top .cities select,.certification-top .cities1 select,.certification-top .subcities select,.certification-top .subcities1 select {width:100%; max-width:100%; margin-right:0;margin-right: 10px;margin-left: 0;} .certification-top .cities,.certification-top .cities1,.certification-top .subcities,.certification-top .subcities1 {margin-left:15px; width:33%; max-width:180px} .state-selector-wrapper,.state-selector-wrapper1 {margin-right:15px} .state-selector-wrapper,.city-selector,.state-selector-wrapper1,.city-selector1 { width: 33%; margin:0 15px } .certification-top-link {display:block; margin:0 0 10px 0; text-align:center} .modal {z-index:99999 !important} .modal .modal-content {background:#f8fcff; padding:0;border: none;outline: none;border-radius: 0;overflow: visible;} .modal .modal-header {padding: 20px 30px 0 30px; font-size: 18px; font-weight: 700; border: none;} .modal .modal-title {font-size: 22px; font-weight: 700; color: #396793; line-height: 28px;text-align: left !important;} .modal .modal-title.center-txt {text-align: center !important; width:100%} .modal .modal-body {padding:15px 30px 30px; overflow-y:auto; max-height:500px; min-height:300px} .modal-body ul {list-style:none; padding:0; margin:0; display:block} .modal-body ul li {display:block; padding:0 0 10px 0; border-bottom:1px solid #bababa; margin:0 0 10px 0} .modal-body ul li:last-child {padding:0; margin:0; border:none} .modal .modal-header .close { padding: 0; margin: 0; width: 35px; height: 35px; background:#276190; display: flex; align-items: center; justify-content: center;margin-top: -55px; margin-right: -30px; opacity: 1;} .modal .modal-header .close:hover {opacity: 1;} .modal .modal-header .close span {line-height: 12px; display: block;} .modal-open .modal {padding-right:0 !important} .modal-open .modal-backdrop{z-index:9999} .modal .modal-lg,.modal .modal-xl { max-width: 1000px; } .approach-content ul li{width:20%;float:left;height:190px;background:#e7f5fd;border-right:1px solid #f3f2f2;border-bottom:1px solid #f3f2f2;position:relative} .approach-content ul li:nth-child(2n+2){background:#fff} .approach-content ul{border:1px solid #f3f2f2;float:left;width:100%;border-right:0;border-bottom:0; list-style:none; padding:0; margin:0} .approach-content ul li .content-inside{position:absolute;text-align:center;left:30px;right:30px;top:50%;transform:translateY(-50%);font-size:16px;font-style:italic} span.arrow{display:block} .approach-content ul li.font-15 .content-inside{font-size:15px;left:15px;right:15px;} .approach-content ul li .content-inside span.wht-bx{background:#fff;display: inline-block;padding:0 5px 4px;text-align: left;} .approach-content ul li .content-inside span.wht-bx span{text-align:center;display:block;} .link1{color:#396793;} .link1:hover{color:#000;} .link1 span{text-decoration:underline;font-style: italic;} .link1 img{margin-right:8px;} .underline{text-decoration:underline;} .approach-content ul li.no-italic .content-inside{font-style: normal;} section#approach-cont .container {max-width:1170px} .events-row {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 30px; font-size: 18px;} .events-row a {display: flex; justify-content: flex-start; align-items: flex-start; width:100%; color:#000; text-decoration:none; cursor:pointer} .events-row a:hover {} .events-row:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0} .events-col-date {width:13%; padding-right:30px; font-weight:600; font-size:18px; } .events-col-format {width:25%; padding-right:30px; } .events-col-title {width:25%; padding-right:30px;} .events-col-org {width:37%;position:relative; padding-right:25px} .header-scrolled {box-shadow: 0 0px 20px rgba(111, 111, 111, 0.1);} .branches-wrap,.branches-wrap1 { display: none;width: auto; padding:0; text-align: center; font-size:18px; transition:ease-out .5s all;margin-left: 0; } .branches-wrap strong,.branches-wrap1 strong {color: #396793; font-weight: bold; font-size: 24px;line-height: 28px;} .certification-top .cities,.certification-top .cities1,.area-selector,.area-selector1,.certification-top .subcities,.certification-top .subcities1 { display: none; } #champion.cities,#champion1.cities1 { display: none; } .events-row.title {font-weight:600; } .footer-col.col3 ul li { margin-bottom: 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #08508b;} /*.scroll-position {position:absolute; top:-200px; display:none}*/ .bg-pink {background:#fef7ed} .events-row.title a:not([href]):not([tabindex]) {color:#396793 !important} .news-col { width: auto; padding: 0; margin-top: 0px; float: left;position:relative;padding-top: 0px; } /*.news-col:before {content:''; position:absolute; left:10px; top:0; width:73.2%; height:1px; background:#e5e5e5}*/ .news-col h2 {font-size: 18px; font-weight: bold; text-transform: uppercase; color: #08508b; line-height:1.5; margin-bottom:10px; display:block;padding: 0 10px;} .newsletter-form {display:block; width:100%} .newsletter-form form {display:flex; width:100%;align-items: center;} .social-media-link span{display:block; padding : 5px 0 0 0} .chk-field { display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:13px; margin:0 } .chk-field input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .chk-field .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff;border: 1px solid #ccc; transition:all .2s } .chk-field:hover input ~ .checkmark { background-color: #fff; } .chk-field input:checked ~ .checkmark { background-color: #396793;border: 1px solid #396793 } .chk-field .checkmark:after { content: ""; position: absolute; display: none; } .chk-field input:checked ~ .checkmark:after { display: block; } .chk-field .checkmark:after { left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .news-field {margin-right:0;width: 54%; padding: 0 10px;} .news-field.terms {font-size:14px} .know-self-2.blue { color: #fff; } .view-more {color: #87b54f; letter-spacing: 0; font-size: 17px; text-transform: capitalize; font-weight: 600; border: none; line-height: 1; padding: 5px 0; float: right; transition: 0.5s; text-decoration: none !important; font-style: inherit !important; position: absolute; right: 0; top:0;} .view-more img {display:block; margin:0} .row2 .view-more {top:0} input:focus { outline:none} .switch { position: relative; display: inline-block; width: 55px; height: 29px; margin-bottom:0 !important } .switch input { opacity: 0; width: 0; height: 0; } .price-radio-btns .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s;border-radius: 16px; overflow: hidden; border: 1px solid #276190; } .price-radio-btns .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 5px; bottom: 5px; background-color:#276190; -webkit-transition: .4s; transition: .4s; border-radius:15px;-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .price-radio-btns .switch input:checked + .slider { background-color: #fff; } .price-radio-btns .switch input:focus + .slider { box-shadow: none; } .price-radio-btns .switch input:checked + .slider:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .top-gray-col { display: flex; align-items: center; } .switch-text { font-size: 16px; font-weight: 700; color: #276190; } .switch-cont { display: inline-block; margin: 0 15px; } .top-gray-col {padding:10px 0} .top-gray-col.col1 { padding-right: 0; margin-right: 20px; border-right: none; margin: 0 auto; display: inline-flex; padding-top:0} .checkbox-container,.radio-container { display: block; position: relative; padding-left:0; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; width: 24px; height: 24px; margin: 0 auto;} .checkbox-container input,.radio-container input {position: absolute; opacity: 0 !important; cursor: pointer; height: 24px !important; width: 24px !important; z-index: 999;left: 0;} .checkbox-container .checkmark,.radio-container .checkmark { position: absolute; top:0; left:0; height: 24px; width: 24px; background-color: #fff; border-radius: 50%; border: 1px solid #276190; } .checkbox-container:hover input ~ .checkmark,.radio-container:hover input ~ .checkmark { background-color: #276190; } .checkbox-container input:checked ~ .checkmark,.radio-container input:checked ~ .checkmark { background-color: #276190; } .checkbox-container .checkmark:after,.radio-container .checkmark:after { content: ""; position: absolute; display: none; } .checkbox-container input:checked ~ .checkmark:after,.radio-container input:checked ~ .checkmark:after { display: block; } .checkbox-container .checkmark:after,.radio-container .checkmark:after { left: 9px; top: 5px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .chk-field a:not([href]):not([tabindex]) { color: #82b149; text-decoration: none; } .checkbox-container1 { display: flex; position: relative; padding-left:0; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; width: 24px; height: 24px; margin: 0 auto;justify-content: center;} .checkbox-container1 .checkmark { width: 7px; height: 12px; border: solid #000; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display:block } /*country input css */ .iti {position: relative;display: inline-block; }.iti * { box-sizing: border-box; -moz-box-sizing: border-box; }.iti__hide { display: none; }.iti__v-hide { visibility: hidden; }.iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; padding-left: 43px !important;}.iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }.iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; }.iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; }.iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } }.iti__flag-box { display: inline-block; width: 20px; }.iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; }.iti__country { padding: 5px 10px; outline: none; }.iti__dial-code { color: #999; }.iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); }.iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; }.iti__flag-box, .iti__country-name { margin-right: 6px; }.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; }.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; }.iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); }.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,.iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; }.iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); }.iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; }.iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container {top: 30px;bottom: 30px;left: 30px;right: 30px;position: fixed; } .iti-mobile .iti__country-list {max-height: 100%;width: 100%; } .iti-mobile .iti__country {padding: 10px 10px;line-height: 1.5em; } .iti__flag {width: 20px; }.iti__flag.iti__be { width: 18px; }.iti__flag.iti__ch { width: 15px; }.iti__flag.iti__mc { width: 19px; }.iti__flag.iti__ne { width: 18px; }.iti__flag.iti__np { width: 13px; }.iti__flag.iti__va { width: 15px; }@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } }.iti__flag.iti__ac { height: 10px; background-position: 0px 0px; }.iti__flag.iti__ad { height: 14px; background-position: -22px 0px; }.iti__flag.iti__ae { height: 10px; background-position: -44px 0px; }.iti__flag.iti__af { height: 14px; background-position: -66px 0px; }.iti__flag.iti__ag { height: 14px; background-position: -88px 0px; }.iti__flag.iti__ai { height: 10px; background-position: -110px 0px; }.iti__flag.iti__al { height: 15px; background-position: -132px 0px; }.iti__flag.iti__am { height: 10px; background-position: -154px 0px; }.iti__flag.iti__ao { height: 14px; background-position: -176px 0px; }.iti__flag.iti__aq { height: 14px; background-position: -198px 0px; }.iti__flag.iti__ar { height: 13px; background-position: -220px 0px; }.iti__flag.iti__as { height: 10px; background-position: -242px 0px; }.iti__flag.iti__at { height: 14px; background-position: -264px 0px; }.iti__flag.iti__au { height: 10px; background-position: -286px 0px; }.iti__flag.iti__aw { height: 14px; background-position: -308px 0px; }.iti__flag.iti__ax { height: 13px; background-position: -330px 0px; }.iti__flag.iti__az { height: 10px; background-position: -352px 0px; }.iti__flag.iti__ba { height: 10px; background-position: -374px 0px; }.iti__flag.iti__bb { height: 14px; background-position: -396px 0px; }.iti__flag.iti__bd { height: 12px; background-position: -418px 0px; }.iti__flag.iti__be { height: 15px; background-position: -440px 0px; }.iti__flag.iti__bf { height: 14px; background-position: -460px 0px; }.iti__flag.iti__bg { height: 12px; background-position: -482px 0px; }.iti__flag.iti__bh { height: 12px; background-position: -504px 0px; }.iti__flag.iti__bi { height: 12px; background-position: -526px 0px; }.iti__flag.iti__bj { height: 14px; background-position: -548px 0px; }.iti__flag.iti__bl { height: 14px; background-position: -570px 0px; }.iti__flag.iti__bm { height: 10px; background-position: -592px 0px; }.iti__flag.iti__bn { height: 10px; background-position: -614px 0px; }.iti__flag.iti__bo { height: 14px; background-position: -636px 0px; }.iti__flag.iti__bq { height: 14px; background-position: -658px 0px; }.iti__flag.iti__br { height: 14px; background-position: -680px 0px; }.iti__flag.iti__bs { height: 10px; background-position: -702px 0px; }.iti__flag.iti__bt { height: 14px; background-position: -724px 0px; }.iti__flag.iti__bv { height: 15px; background-position: -746px 0px; }.iti__flag.iti__bw { height: 14px; background-position: -768px 0px; }.iti__flag.iti__by { height: 10px; background-position: -790px 0px; }.iti__flag.iti__bz { height: 14px; background-position: -812px 0px; }.iti__flag.iti__ca { height: 10px; background-position: -834px 0px; }.iti__flag.iti__cc { height: 10px; background-position: -856px 0px; }.iti__flag.iti__cd { height: 15px; background-position: -878px 0px; }.iti__flag.iti__cf { height: 14px; background-position: -900px 0px; }.iti__flag.iti__cg { height: 14px; background-position: -922px 0px; }.iti__flag.iti__ch { height: 15px; background-position: -944px 0px; }.iti__flag.iti__ci { height: 14px; background-position: -961px 0px; }.iti__flag.iti__ck { height: 10px; background-position: -983px 0px; }.iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; }.iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; }.iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; }.iti__flag.iti__co { height: 14px; background-position: -1071px 0px; }.iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; }.iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; }.iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; }.iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; }.iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; }.iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; }.iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; }.iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; }.iti__flag.iti__de { height: 12px; background-position: -1269px 0px; }.iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; }.iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; }.iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; }.iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; }.iti__flag.iti__do { height: 14px; background-position: -1379px 0px; }.iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; }.iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; }.iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; }.iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; }.iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; }.iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; }.iti__flag.iti__er { height: 10px; background-position: -1533px 0px; }.iti__flag.iti__es { height: 14px; background-position: -1555px 0px; }.iti__flag.iti__et { height: 10px; background-position: -1577px 0px; }.iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; }.iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; }.iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; }.iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; }.iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; }.iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; }.iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; }.iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; }.iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; }.iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; }.iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; }.iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; }.iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; }.iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; }.iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; }.iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; }.iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; }.iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; }.iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; }.iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; }.iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; }.iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; }.iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; }.iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; }.iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; }.iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; }.iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; }.iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; }.iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; }.iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; }.iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; }.iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; }.iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; }.iti__flag.iti__id { height: 14px; background-position: -2325px 0px; }.iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; }.iti__flag.iti__il { height: 15px; background-position: -2369px 0px; }.iti__flag.iti__im { height: 10px; background-position: -2391px 0px; }.iti__flag.iti__in { height: 14px; background-position: -2413px 0px; }.iti__flag.iti__io { height: 10px; background-position: -2435px 0px; }.iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; }.iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; }.iti__flag.iti__is { height: 15px; background-position: -2501px 0px; }.iti__flag.iti__it { height: 14px; background-position: -2523px 0px; }.iti__flag.iti__je { height: 12px; background-position: -2545px 0px; }.iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; }.iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; }.iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; }.iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; }.iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; }.iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; }.iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; }.iti__flag.iti__km { height: 12px; background-position: -2721px 0px; }.iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; }.iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; }.iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; }.iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; }.iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; }.iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; }.iti__flag.iti__la { height: 14px; background-position: -2875px 0px; }.iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; }.iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; }.iti__flag.iti__li { height: 12px; background-position: -2941px 0px; }.iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; }.iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; }.iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; }.iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; }.iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; }.iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; }.iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; }.iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; }.iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; }.iti__flag.iti__md { height: 10px; background-position: -3160px 0px; }.iti__flag.iti__me { height: 10px; background-position: -3182px 0px; }.iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; }.iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; }.iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; }.iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; }.iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; }.iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; }.iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; }.iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; }.iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; }.iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; }.iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; }.iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; }.iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; }.iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; }.iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; }.iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; }.iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; }.iti__flag.iti__my { height: 10px; background-position: -3578px 0px; }.iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; }.iti__flag.iti__na { height: 14px; background-position: -3622px 0px; }.iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; }.iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; }.iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; }.iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; }.iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; }.iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; }.iti__flag.iti__no { height: 15px; background-position: -3774px 0px; }.iti__flag.iti__np { height: 15px; background-position: -3796px 0px; }.iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; }.iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; }.iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; }.iti__flag.iti__om { height: 10px; background-position: -3877px 0px; }.iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; }.iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; }.iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; }.iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; }.iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; }.iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; }.iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; }.iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; }.iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; }.iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; }.iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; }.iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; }.iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; }.iti__flag.iti__py { height: 11px; background-position: -4185px 0px; }.iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; }.iti__flag.iti__re { height: 14px; background-position: -4229px 0px; }.iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; }.iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; }.iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; }.iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; }.iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; }.iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; }.iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; }.iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; }.iti__flag.iti__se { height: 13px; background-position: -4427px 0px; }.iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; }.iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; }.iti__flag.iti__si { height: 10px; background-position: -4493px 0px; }.iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; }.iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; }.iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; }.iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; }.iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; }.iti__flag.iti__so { height: 14px; background-position: -4625px 0px; }.iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; }.iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; }.iti__flag.iti__st { height: 10px; background-position: -4691px 0px; }.iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; }.iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; }.iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; }.iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; }.iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; }.iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; }.iti__flag.iti__td { height: 14px; background-position: -4845px 0px; }.iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; }.iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; }.iti__flag.iti__th { height: 14px; background-position: -4911px 0px; }.iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; }.iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; }.iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; }.iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; }.iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; }.iti__flag.iti__to { height: 10px; background-position: -5043px 0px; }.iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; }.iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; }.iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; }.iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; }.iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; }.iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; }.iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; }.iti__flag.iti__um { height: 11px; background-position: -5219px 0px; }.iti__flag.iti__un { height: 14px; background-position: -5241px 0px; }.iti__flag.iti__us { height: 11px; background-position: -5263px 0px; }.iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; }.iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; }.iti__flag.iti__va { height: 15px; background-position: -5329px 0px; }.iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; }.iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; }.iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; }.iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; }.iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; }.iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; }.iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; }.iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; }.iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; }.iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; }.iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; }.iti__flag.iti__za { height: 14px; background-position: -5588px 0px; }.iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; }.iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag {height: 15px;box-shadow: 0px 0px 1px 0px #888;background-image: url("../images/flags.png");background-repeat: no-repeat;background-color: #DBDBDB;background-position: 20px 0; } .iti { width: 100%; }@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("../images/flags@2x.png"); } } .iti__flag.iti__np {background-color: transparent; } /*menu.css*/ .navigation { padding: 22px 0 22px 30px; float: left; width: auto; } .navigation ul { margin-bottom: 0; } nav { position:relative;width:auto;margin:0 auto;} #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #cssmenu ul{padding:0;} #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #cssmenu #head-mobile { display:none } #cssmenu { } #cssmenu > ul > li { float:left; display:block; } #cssmenu > ul > li > a{color: #266190;font-size: 16px;font-weight: bold;text-transform: uppercase;/* padding: 14px 25px; */padding: 14px 20px;text-decoration: none; border-right: 0px solid #9fc373; } #cssmenu > ul > li.no-devider a:before, #cssmenu > ul > li:last-child a:before {display:none;} #cssmenu > ul > li:last-child a {padding: 0;} #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color: #9fc373;} #cssmenu ul > li:last-child a {border: 0;} #cssmenu ul li:last-child { position: relative; } #cssmenu > ul > li:hover > a:after, #cssmenu ul li.active a:after {content: "";width: auto;height: 1px;background: #266190;position: absolute;bottom: 5px;left: 25px;right: 25px;} #cssmenu > ul > li > a:before {content: "";width: 2px;height: 16px;background: #9fc373;position: absolute;right: 0; top:15px} img.blink-image {position: absolute;left: 1px;top: -5px;z-index: -1;} @-moz-keyframes blink {0% { opacity:1;}50% { opacity:0;}100% { opacity:1;}} @-webkit-keyframes blink {0% { opacity:1;}50% { opacity:0;}100% { opacity:1;}} /* IE */ @-ms-keyframes blink {0% { opacity:1;}50% { opacity:0;}100% { opacity:1;}} /* Opera and prob css3 final iteration */ @keyframes blink {0% { opacity:1;}50% { opacity:0;}100% { opacity:1;}} .blink-text { -moz-animation: blink normal 1.5s infinite ease-in-out; -webkit-animation: blink normal 1.5s infinite ease-in-out; -ms-animation: blink normal 1.5s infinite ease-in-out; animation: blink normal 1.5s infinite ease-in-out; position: absolute; right: -37px; /* top: 9px; */top: 5px; font-family: "Open Sans", sans-serif !important; font-weight: 600; color: #000; width: 50px; font-size: 10px; text-align: center; /* text-decoration: blink; */ } /*#cssmenu > ul > li.has-sub > a{padding-right:30px} #cssmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu > ul > li.has-sub > a:before{position:absolute;top:22px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} */ /* #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0} */ #cssmenu > ul > li.has-sub:hover > a:before{top:14px;height:16px} #cssmenu ul ul{position:absolute;left:-9999px; z-index:9; padding:0; } #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background: #266190;transition:all .25s ease; border-bottom:1px solid #eee; } #cssmenu ul ul li:hover{ width: 100%; -webkit-overflow-scrolling:touch; background: #a5d068; } #cssmenu li:hover > ul{left:auto; padding:0; -webkit-overflow-scrolling:touch; } #cssmenu li:hover > ul > li{height:auto !important; } #cssmenu ul ul ul{/* margin-left:101%; */margin-left:100.5%;top:0} #cssmenu ul ul li a{padding: 15px 15px;width:280px;font-family: "Open Sans", sans-serif;font-size:15px;line-height:17px;text-decoration:none;color:#fff;font-weight:400;text-transform: uppercase;} #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff} /* #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} */ #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0} #cssmenu ul ul ul li.active a{border-left:1px solid #333} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333} #cssmenu ul ul ul li a { line-height:17px; font-size:17px; } li.has-sub ul li.has-sub { position: relative; } i.has-sub ul li.has-sub:before { content: ""; } li.has-sub ul li.has-sub:before { content: ""; position: absolute; background: url(../../assets/img/footer-arrow-bl.png) no-repeat right center; right: 10px; top: 16px; width: 10px; height: 10px; } li.has-sub ul li.has-sub:hover:before {background: url(../../assets/img/footer-arrow.png) no-repeat right center;} /* New css for agriculture */ #cssmenu ul ul ul.agricultural-products { width: 580px; } #cssmenu ul ul ul.agricultural-products li { width: 50%; float: left; } #cssmenu ul ul ul.agricultural-products li:nth-child(2n) { border-left: solid 1px #eee; } /* New css for agriculture End*/ #cssmenu ul ul ul.fmcg-products { width:580px;background: #fff;} #cssmenu ul ul ul.fmcg-products li { width: 50%; float: left; } #cssmenu ul ul ul.fmcg-products li a { width: 100%; float: left;padding-right:0 } #cssmenu ul ul ul.fmcg-products li:last-child { margin-top: 0px; } #cssmenu ul ul ul.fmcg-products li:nth-child(1n) { border-left: solid 1px #eee; } #cssmenu ul ul ul.fmcg-products li:nth-child(3n) { border-left: solid 1px #eee; } #cssmenu ul ul ul.fmcg-products li:nth-child(5n) { border-left: solid 1px #eee; } #cssmenu ul ul ul.fmcg-products li:nth-child(6n) { border-left: solid 1px #eee; } #cssmenu ul ul ul.fmcg-products li:nth-child(7n) { border-left: solid 1px #eee; border-right: solid 1px #eee;width: 50.1%;} /*easy-responsive.css*/ ul.resp-tabs-list{margin: 0px;padding: 0px;} .resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;padding: 13px 15px;margin: 0 4px 0 0;list-style: none;cursor: pointer;float: left;} .resp-tabs-container {padding: 0px;background-color: transparent;clear: left;} h2.resp-accordion {cursor: pointer;padding: 5px;display: none;} .resp-tab-content {display: none;padding: 30px 0 0 0;} .resp-tab-active { border: 1px solid #d9e2ef !important; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; border-top: 1px solid #d9e2ef !important; border-bottom: 0px #fff solid !important;} .resp-tab-active {border-bottom: none;background-color: #fff;} .resp-content-active, .resp-accordion-active {display: block;} .resp-tab-content {border: 0px solid #d9e2ef ; border-top-color: #5AB1D0;} h2.resp-accordion {font-size: 13px;border: 0px solid #d9e2ef !important;border-top: 0px solid #d9e2ef;margin: 0 0 10px;padding: 15px 25px 15px 15px;} h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;} h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;} /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list {float: left;width: 100%; padding-right: 0px; text-align: center;} .resp-vtabs .resp-tabs-list li {display: block;padding: 5px 10px !important;margin: 0px;cursor: pointer;float: none; font-size: 21px; color: #08508b; background: none !important; border-bottom: 0px solid #eee !important; line-height: 1.2; /* color: #9fc373; */ float:left; width:16%; border-right: 1px solid #eee !important; line-height: 1; font-size: 18px; font-weight: 600; background: #e7f5fd !important; color: #08508b; padding: 14px 15px 15px !important; border-radius: 35px; border: 0 !important; /* margin-right: 10px; */ float: none; position: relative; display: inline-block; float: left; margin-right: 0.6%;} .resp-vtabs .resp-tabs-list li.single-text { padding-top: 23px !important;} .resp-vtabs .resp-tabs-list li:last-child { border-bottom: 0 !important; border-right: 0 !important;} .resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 0px solid #c1c1c1;float: left;width: 100%;min-height: auto;border-radius: 0px;clear: none;} .resp-vtabs .resp-tabs-container .resp-vtabs .resp-tab-content {border: none;word-wrap: break-word; border-left: 0px solid #d9e2ef;} .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: 0.6% !important; padding: 5px 10px !important; border-top: 0px solid; border: 0px solid #5AB1D0 !important; border-left: 0px solid #5AB1D0 !important; margin-bottom: 0px !important; border-right: 0px #eee solid !important; border-bottom: 0px solid #eee !important; font-size: 21px; /* color: #08508b; */ color: #87b54f; } .resp-arrow { width: 9px; height: 9px; float: right; margin-top: 7px; border-left: 0; border-right: 2px solid #08508b; border-top: 2px solid #08508b; transform: rotate(45deg); transition:0.3s; margin-right: -10px;} h2.resp-tab-active span.resp-arrow {border: none;border-right: 2px solid #08508b; border-top: 2px solid #08508b; transform: rotate(135deg);} /*-----------Accordion styles-----------*/ h2.resp-tab-active {background: #DBDBDB;/* !important;*/} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;} .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1;/* !important;*/} .resp-jfit {width: 100%;margin: 0px;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1;/* !important;*/} /* .resp-tabs-list li.plan-individual {line-height: 1;font-size: 30px;font-weight: 700;background: #396793 !important;color: #fff;padding: 20px 30px !important;border-radius: 35px;} */ .pricing-tab .resp-tabs-list {text-align:center} .pricing-tab .resp-tabs-list li { line-height: 1; font-size: 18px; font-weight: 600; background: #396793 !important; color: #fff; padding: 14px 30px 15px !important; border-radius: 35px; border: 0 !important; margin-right: 10px; float:none; position:relative; } .pricing-tab .resp-tabs-list li.resp-tab-active, .resp-tabs-list li.resp-tab-active {background: #dff3c8 !important; padding: 14px 30px 15px !important;} .pricing-tab .resp-tabs-list li.resp-tab-active::after, .resp-tabs-list li.resp-tab-active::after { content: ""; position: absolute; height: 12px; width: 12px; background: #dff3c8; left: 50%; bottom: -5px; transform: rotate(45deg); } .resp-tabs-list li.resp-tab-active {font-size:18px; color:#08508b; padding: 14px 15px 15px !important;} .tooltip-btn { position: relative; display: inline-block;opacity:1 !important } .tooltip { display:inline-block; position:relative; border-bottom:none; text-align:left; opacity:1 !important; font-size:18px;z-index: inherit !important; cursor:pointer} .tooltip .top {visibility: hidden; width:400px; background: #276190; font-size:14px; color: #fff; text-align: left; padding:10px; font-weight:400; border-radius: 6px; border:1px solid #276190; position: absolute; z-index: 1; left: -20px; top: 40px; cursor:pointer;} .tooltip:hover .top { visibility:visible; opacity:1; } .tooltip .top:after, .tooltip .top:before { bottom: 100%; left: 26px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip .top:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #276190; border-width: 10px; margin-left: -10px; } .tooltip .top:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #276190 !important; border-width: 10px !important; margin-left: -10px !important; } .tooltip .top p:last-child {margin-bottom:0 !important} .tooltip.right .top {width:128px;z-index: 999; text-align:center} .stat-txt { position: relative; z-index: 99; text-indent:-9999px; background:url(../images/info-icon.png) no-repeat 0 center; width:17px; display: inline-block; vertical-align: top; line-height: 1.5;} #newsletter p {padding:0 10px; font-size:14px} a.tb-links {color:#000; text-decoration:underline} .branches-wrap1 p,.branches-wrap p { position: absolute; left: 0; right: 0; margin: 0 auto; padding-top: 0; width: 100%; } .branches-wrap1 strong,.branches-wrap strong {display:flex; align-items:center; min-height:inherit;margin:15px 0} .menu-dropdown.offering .container {position:relative} .menu-dropdown.offering .price-radio-btns {position: absolute; right: 0; top: 8px; margin-bottom: 0; width: auto;} .menu-dropdown.offering .top-gray-col.col1 {padding-bottom:0} .price-table .buy-btn {display: inline-flex; color: #fff; background: #0070ba; padding: 10px 10px; font-size: 15px; line-height: 1; border-radius: 20px; transition: 0.5s; text-decoration: none; min-width: 114px; justify-content: center; cursor:pointer} a.buy-btn:not([href]):not([tabindex]) {color:#fff;cursor:pointer} .price-radio-btns.desk {display:inline-block} .price-radio-btns.mob {display:none} .fixed1{ top:0; position:fixed; width:auto; display:none; border:none; } .modal-table-cont,.modal-table-cont .myDiv { height: 350px; } .modal-table-cont table {table-layout: fixed; width: 100%;} .modal-table-cont .table-part { height: 100%; overflow: hidden; display: flex; flex-direction: column; } .modal-table-cont .tWrap__head {flex: 0 0 49px; overflow-y: scroll;overflow: hidden; background: #a5d067; padding-right: 17px;} .modal-table-cont .tWrap__body { overflow-y: scroll; } .modal-table-cont .tWrap__body thead {display:none} #guidance .branches-wrap {padding-bottom:0} .fixed1 { top:148px; position:fixed; width:auto; display:none; border:none; z-index:999 } .table-part .container {padding-left:0;padding-right:0} .tooltip.mob {display:none} .table-part.desktop {display:block} .table-part.mobile {display:none} .acnt-detail { display: block; margin-top:0; text-align: center; } .detail-col-act h2 {font-size: 1rem; font-weight: 600; margin-top: 15px; color:#396793; margin:0 0 10px 0; text-align:center} .detail-row-act { display:block; width:100% } .detail-col-act { width: 100%; text-align: center; padding: 0; display: inline-block; margin:0 0 30px 0 } .detail-col-act p {margin-bottom:0} .detail-col-act:last-child {border-right:none; } .act-det { display: flex; flex-wrap:wrap; margin:0; justify-content:space-between} .act-det-cont { width: 100%; text-align: left; display: inline-flex; margin:0;justify-content: center;} .act-det-cont strong {width:auto; display:inline-block; position:relative;margin-right: 8px; font-weight:600;flex:0 0 auto} .act-det-cont strong:before {content:':'; position:absolute; right:0; top:0; display:none} .captcha-grp .btn.sbmt-btn {float: right;margin-top: -43px;} .bg-orange { background: #fff4e4; } .btm-links .tooltip .top {width: 260px; text-align: center;left: 0; top:46px} .btm-links .tooltip .top::before,.btm-links .tooltip .top::after {left:15px; right:0; margin:0 !important} .whatsapp-wrap { position: fixed; right:10px; z-index: 99; top:auto; bottom:10px} .chart-cont { width: 100%; display: block; text-align: center; padding-top: 50px; } .chart-cont .desk-img {display:inline-block; margin:0; padding:0} .chart-cont .mob-img {display:none; margin:0; padding:0} /*.paypal-buttons {max-width:114px !important;min-width:114px !important}*/ .paypal-button { width: 114px; overflow: hidden; display: inline-flex; color: #fff; background:#0070ba; padding:5px 10px; font-size: 15px; line-height: 1; border-radius: 20px; transition: 0.5s; text-decoration: none; min-width: 114px; justify-content: center; cursor: pointer;height: 35px;vertical-align: bottom;} .know-sample .tooltip .top {width: 260px; text-align: center;left: 0; top:32px; text-transform:capitalize} .know-sample .tooltip .top::before,.know-sample .tooltip .top::after {left:15px; right:0; margin:0 !important} .know-sample .tooltip.tip-rt .top {left: auto; right:0} .know-sample .tooltip.tip-rt .top::before,.know-sample .tooltip.tip-rt .top::after {left: auto; right: 15px;} .journey-example-inner { max-width: 85%; margin: 0 auto;} .example { background: #fff; padding:0; box-shadow: 0 0 15px rgba(0,0,0,0.1); height:100%} /*#journey-example .know-part-bottom .heading {margin-bottom:40px;font-size:32px; font-weight:600}*/ .example-txt {padding: 30px 26px; min-height:368px} .example ul { margin: 0; padding: 0; list-style-type: none; } .example ul li { padding-left: 26px; position: relative; margin-bottom: 20px; min-height: inherit; font-size: 17px;text-align: left;} .example ul li:before {content:''; position:absolute; left:0;border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width:10px; height:10px; display:block; top:9px} p.off-p {color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; text-align: center; margin-bottom:55px} .example ul li:last-child{margin-bottom:0} .example h3 { font-size: 26px; font-weight: 600; color: #396793; margin-bottom: 0;} .foot-note { font-size: 13px !important; margin: 30px 0 0 0 !important; } .note{ font-size: 13px !important;} .ex-title { display: flex; align-items: center; margin-bottom: 25px; } .ex-icon { margin-right: 30px; max-width: 95px; height: 79px; display: inline-flex; align-items: center;margin-right: 15px;max-width: 70px; flex:0 0 auto} sup.plus { top: 3px; font-size: 14px; vertical-align: super; line-height: 14px; } sup.plus2 { top: 0; font-size: 14px; vertical-align: super; line-height: 14px; } .example-txt h4 sup.plus,.example-txt h4 sup.plus2 {font-size: 18px} .example-txt h4 sup.plus2 {font-size: 18px; top:-2px} /* 15 Feb 2022 */ .know-part-bottom-02 { border-top: 0; margin-top: 0;} .journey-example-new-01 {} .product-row { display: flex; justify-content: space-between; margin-top:30px } .product-col {width:19%; text-align:center; padding:0} .prod-col-img {display:block; text-align:center; margin-bottom:30px} .product-col h2 {font-size:24px; color:#266190; font-weight:700} .product-col p {color: #266190; font-size: 18px; line-height: 1.3; padding-top:0; padding-bottom:0; margin:0} #offering-sec .heading {margin-bottom: 40px; font-size: 32px;} .sample-h3 { text-align: left; } .sample-btn { clear: both; display: block; padding: 10px 10px; background: #396793; font-size: 16px !important; width: 135px; text-align: center; margin-top: 10px; letter-spacing: 0; font-weight: 600; } .sample-btn.tooltip .top { width: 230px; background: #e7f5fd; color: #396793; text-align: left; border: 1px solid #e7f5fd; left: 0px; top: 55px; } .sample-btn.tooltip .top::before {border-bottom-color: #e7f5fd !important;} .sample-btn.tooltip .top::after {border-bottom-color: #e7f5fd !important;} .inarea-txt {color: #88b551; margin-bottom: 0; font-size: 20px; font-weight: 600; letter-spacing: 1px; text-align: left; margin-top: 6px;} #intro.demo-intro { background: none; padding: 0; height: auto; min-height: 1px; opacity: 0; } /*owl*/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel button.owl-dot {display:inline-block; width:12px; height:12px; border-radius:50%; background:#a5d068; border:1px solid #a5d068; margin:0 4px} .owl-carousel .owl-dots { display: block; width: 100%; text-align: center; } .owl-carousel button.owl-dot.active { background:#396793; border:1px solid #396793} section#endorsements .carousel-indicators li img{width:68px;height:68px;border-radius:50%;margin-bottom:10px;display:inline-block;object-fit: cover;} section#endorsements .carousel-indicators li img{width:68px;height:68x;filter:grayscale(100%);border:3px solid transparent;object-fit: cover;} section#endorsements .carousel-indicators li:hover img,section#endorsements .carousel-indicators li.active img{filter:none;border-color:#54a8c7;background: #54a8c7;} section#endorsements .carousel-indicators li{width:100px;height:auto;text-indent:0;background:transparent;font-size:11px;text-align:center;line-height:14px;opacity:1;font-weight:600;} section#endorsements .carousel-indicators li{width:83px} section#endorsements .carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none} section#endorsements .carousel-indicators{top:-20px;margin:0 auto;bottom:unset} section#endorsements .carousel-inner{margin-top:200px} div#carouselExampleIndicators{width:100%;float: left;} section#endorsements .carousel-indicators li:first-child{display:none} section#endorsements .carousel-inner .carousel-item:first-child{text-align:center} .testimonial-text{width:60%;float:left;background:url(../images/quote.png) no-repeat left 0px;padding-top:55px;font-style:italic;padding-right:60px;min-height:460px} div#carouselExampleIndicators .carousel-item { min-height: unset; } span.name-quote{font-weight:700;font-size:16px;color:#54a8c7} span.name-quote span.name-quote2{display:block;font-weight:400;font-size:14px;color:#000} .testimonial-post{position:relative;float:left;width:100%} .testimonial-img{position:absolute;float:right;right:0;width:40%;top:37%;transform:translateY(-50%)} .testimonial-text p { line-height: 1.4; margin-bottom: 18px; } .carousel-arrow {position:absolute;bottom:auto;width:100%;padding:0 15px;left: 0; top: 50px;} .carousel-arrow .carousel-control-next,.carousel-arrow .carousel-control-prev{height: auto;width: auto;padding: 15px;font-size: 0;background: #54a8c7;border:1px solid #54a8c7;} .carousel-arrow .carousel-control-prev{left:40%;background:url(../images/bullet.png) no-repeat center #fff;transform: rotate(180deg);} .carousel-arrow .carousel-control-next{right:40%;background:url(../images/bullet.png) no-repeat center #fff;} .carousel-arrow .carousel-control-prev {left: 50%; margin-left: -50px;} .carousel-arrow .carousel-control-next {right: 50%; margin-right: -50px;} .carousel-arrow .carousel-control-next, .carousel-arrow .carousel-control-prev{padding: 20px 0; width: 42px;} .carousel-arrow{top: 150px; bottom: auto;} .hide-dsk{display:none;} select#myselection {display: block; width: 100%;font-weight: 400; line-height: 1;border: 1px solid #ced4da;background-size: 14px;appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/select-arrow.png) no-repeat 97% center;font-size: 16px; color: #000; padding:10px 30px 10px 10px; height: 40px; outline: 0; border-color: #ccc; background-color: #fff; letter-spacing: 1px; border-radius: .25rem; width:auto; max-width:inherit;margin-right: 15px;margin-right: 10px;margin-left: 0; } .modal .modal-header .modal-title {flex:1} #overview-off .example {min-height:394px} .hide-dsk {display:none} .hide-mbl {display:inline-block} section#endorsements .carousel-inner .carousel-item:first-child {text-align:center} /* .menu-dropdown.pr-nav ul li {padding:0 10px} .menu-dropdown.pr-nav nav {margin:0; width:80%}*/ .modal-table-cont .myDiv { display: none; } .info-graph-row {width:100%; display:flex} .info-graph-row h2 {color:#266190; line-height:28px; font-size:26px; font-weight:700} .info-graph-row p {text-align:center; font-size:18px;line-height:26px; font-weight:400; color:#484848} .info-graph-row p.subtl {color:#266190} .info-graph-row p:last-child {margin-bottom:0} .info-img {padding-bottom:0; width:100%; text-align:center; position:relative; display:block; margin-bottom:30px} .info-txt {display:block;text-align:center; width:100%; padding:0 10px; border-right:1px solid transparent;position:relative} .info-img:before {content:''; width:16px;height:16px; display:block; position:absolute; left:0; right:0; margin:0 auto; bottom:0; background:#fff; border:1px solid #266190; border-radius:20px;z-index:9; display:none} .info-txt:before {content:''; width:50%;height:1px; display:block; position:absolute; left:0; margin:0; top:-38px; background:#dedede; border:none; border-radius:0;display:none} .info-txt:after {content:''; width:50%;height:1px; display:block; position:absolute; right:0; margin:0; top:-38px; background:#dedede; border:none; border-radius:0;display:none} .info-graph-col { width: 25%; text-align: center; display: block; padding:0; } .info-graph-col.col1 .info-txt:before {display:none} .info-graph-col.col4 .info-txt:after {display:none} .info-graph-col.col1 .info-txt{padding-left:0} .info-graph-col.col4 .info-txt{padding-right:0; border-right:none} .faq-graph {width:100%; display:flex;justify-content: space-between; margin:0 0 30px 0} .faq-graph h2 {color:#266190; line-height:28px; font-size:26px; font-weight:700} .faq-graph p {text-align:center; font-size:18px;line-height:26px; font-weight:400; color:#484848} .faq-graph p br {display:none} .faq-graph p:last-child {margin-bottom:0} .faq-grph-img {padding-bottom:0; width:100%; text-align:center; position:relative; display:block; margin-bottom:20px} .faq-grph-txt {display:block;text-align:center; width:100%; padding:0; border-right:none;position:relative} .faq-graph-col { background: #fff; display: block; flex-wrap: wrap; border-radius: 25px; border: 2px solid #95b2c9; width: 23%; position:relative; padding:20px 15px } .faq-graph-col:before {content: ''; width: 15px; height: 20px; display: block; position: absolute; right: -15px; margin: 0; top: 50%; background: url(../images/graph-arw.png) no-repeat 0 0; border: none; z-index: 9; transform: translateY(-50%);} .faq-graph-col.col4:before {display:none} .faq-graph-journey {width:100%; display:flex;justify-content: space-between; margin:0 0 30px 0} .faq-graph-journey h2 {color:#266190; line-height:28px; font-size:26px; font-weight:700} .faq-graph-journey p {text-align:center; font-size:16px;line-height:26px; font-weight:400; color:#484848;min-height: 250px;} .faq-graph-journey p br {display:none} .faq-graph-journey p:last-child {margin-bottom:0} .journey-grph-img {padding-bottom:0; width:100%; text-align:center; position:relative; display:flex; margin-bottom:0; background:url(../images/graphics-bg.png) no-repeat center 0; background-size:contain;height:143px; font-size:23px; font-weight:700; color:#266190; align-items:center; justify-content:center; margin-bottom:25px} /*.journey-grph-img span {color:#266190}*/ .journey-grph-txt {display:block;text-align:center; width:100%; padding:0; border-right:none;position:relative} .graph-journey-col { display:block; border-radius: 0; width: 20%; position:relative; padding:0 15px } .graph-journey-col:before {content: ''; width: 100%; height: 11px; display: block; position: absolute; left:0; margin: 0; top: 67px; background:#d2e7b3; border: none; } #faq.accordion .card .journey-grph-txt ul {list-style:none; padding:0; margin:0} #faq.accordion .card .journey-grph-txt ul li {width:100%; display:block; position:relative; padding:0 0 0 15px; font-size:16px; text-align:left} #faq.accordion .card .journey-grph-txt ul li:before {content:''; position:absolute; width:3px;height:13px; background:#87b550; display:block; left:0; top:7px; transform:none; border:none} .faq-graph-journey p.subtl {font-weight:700; text-align:left;min-height: inherit;} #certified-last .about-content p {font-size:21px; font-weight:600; color:#396793; line-height:26px} #approach-cont .about-content p {font-size:21px; font-weight:600; color:#396793; line-height:26px; text-align:center} .note-text p.smltxt {font-size:13px} .price-table td span.small {font-size:13px} .tooltip.left.one .top {width:655px } .tooltip.left.two .top {width:540px } .tooltip.right.three .top {text-align:left} #endorsements { float: left; width: 100%; clear: both; } .bigtxt { font-weight: 500; font-size: 32px; line-height: 36px; } .tooltip.left.rl .stat-txt,.tooltip.right.rl .stat-txt {margin-left:5px} .tooltip.left.one .top { width: 750px; left: -300px; } .tooltip.left.one .top:after, .tooltip.left.one .top:before {left:310px} .tooltip.left.two .top:after, .tooltip.left.two .top:before {left:33px} .about-content2.privacy-policy p.off-p a{color:#396793; text-decoration:underline} .radio-container2 { display: block; position: relative; padding-left: 35px; margin-bottom: 0; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;font-weight:600; color:#396793 } .radio-container2 input { position: absolute; opacity: 0; cursor: pointer; left:0} .radio-container2 .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; border:1px solid #276190 } .radio-container2:hover input ~ .checkmark { background-color: #fff; }.radio-container2 input:checked ~ .checkmark { background-color: #276190; } .radio-container2 .checkmark:after { content: ""; position: absolute; display: none; } .radio-container2 input:checked ~ .checkmark:after { display: block; } .radio-container2 .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } .pricing-radio-panels { display: block; text-align: left; } .form-price-cont-new {flex-wrap: wrap;background: #eaf9ff;padding: 25px 25px 15px;} .form-price-cont-new input {width: 32% !important;margin-bottom:15px !important} .form-price-cont-new input:nth-child(3n){margin-right:0!important;} .no-br .pricing-radio-row{border: 0;padding: 0;} .form-price-cont-org{background: #ffefd6;} .pricing-radio-panels .note-txt {text-align: left !important;} .radio-row { display: flex; flex-wrap: wrap; justify-content: flex-start; } .radio-column { width: 100%; display:block; padding:0 0 30px 0 } .radio-column:last-child {padding:0} .radio-desc { display: block; padding: 0 0 0 35px; margin: 0; font-size:14px } .radio-row.role {justify-content: space-between;} .radio-row.role .radio-column {width:100%} .radio-row.level {justify-content: space-between;} .radio-row.level .radio-column {width:100%;padding: 0 0 20px 0;} .radio-row.four {justify-content: space-between;} .radio-row.four .radio-column {width:auto} .pricing-radio-row { border-bottom: 1px solid #dfdfdf; padding: 0 0 30px 0; margin: 0 0 30px 0; display:block } /*.pricing-radio-row.band {border-bottom:none; padding-bottom:0; margin-bottom:0}*/ .pricing-radio-row.band .box {display:none; font-size:28px; font-weight:600; color:#396793} p.sml-txt {font-size:14px}.band-column {display:block; padding-bottom:30px} .band-column:last-child {padding:0} .box.other input,.box.hrmore input {font-weight: 400; line-height: 1.5; border: 1px solid #ced4da;font-size: 16px; color: #000;height: 50px; outline: 0; border-color: #ccc; background-color: #fff; letter-spacing: 1px; border-radius: .25rem; margin:0; padding:0 15px; float:left; margin-right:30px;float: none;margin-right: 30px;display: inline-block;} .total { display: inline-block; } .one-price input#one_time_plan_qty,.band-column.change input#annualPlanQty{width: 100%;margin-bottom: 10px;} .box.other .checkout.dvPassport,.box.other .checkout1.dvPassport1, .box.hrmore .checkout.dvPassport,.box.hrmore .checkout1.dvPassport1 { text-align:left; width:100%} .radio-band-price .buy-btn {display: inline-block; color: #fff; background: #0070ba; padding: 15px 15px; font-size: 18px; line-height: 1; border-radius: 30px; transition: 0.5s; text-decoration: none; min-width: 150px; text-align: center; margin-top: 0;} .pay-cont {margin-top:30px; display:block; clear:both; width:100%} .checkout .price,.checkout1 .price1{visibility:hidden; opacity:0; display:none}/**/ .step-container,.step-container1 {width:100%;border-radius: 0;padding: 0;} .step-container header,.step-container1 header {font-size: 35px;font-weight: 600;margin: 0 0 30px 0;} .step-container .form-outer,.step-container1 .form-outer {width: 100%;overflow: hidden;display: block;} .step-container .form-outer form {display: flex;width: calc(100% * var(--stepNumber));} .form-outer form .page, .pricing-radio-panels form {width: calc(100% / var(--stepNumber));transition: margin-left 0.3s ease-in-out;} .pricing-radio-panels form {width:100%} .form-outer form .page .title,.pricing-radio-panels form .title {text-align: left;font-size: 25px;font-weight: 500;} .form-outer form .page .field,.pricing-radio-panels form .field {width: var(-.step-containerWidth);height: auto;margin: 0;display:block;position: relative;} .form-outer form .page .field .label,.pricing-radio-panels form .field .label {position: absolute;top: -30px;font-weight: 500;} .form-outer form .page .field input,.pricing-radio-panels form .field input {box-sizing: border-box;height: 100%;width: 100%;border: 1px solid var(--inputBorderColor);border-radius: 5px;padding-left: 15px;margin: 0 1px;font-size: 18px;transition: border-color 150ms ease;} .form-outer form .page .field input.invalid-input,.pricing-radio-panels form .field input.invalid-input {border-color: var(--errorColor);} .form-outer form .page .field select,.pricing-radio-panels form .field select {width: 100%;padding-left: 10px;font-size: 17px;font-weight: 500;} .form-outer form .page .field button,.pricing-radio-panels form .field button {display: inline-flex; color: #fff; background: #0070ba; padding: 10px 10px; font-size: 18px; line-height: 1; border-radius: 30px; transition: 0.5s; text-decoration: none; min-width: 114px; justify-content: center; cursor: pointer; border: none; align-items: center;float: right;} .form-outer form .page .field button.prev,.pricing-radio-panels form .field button.prev, .form-outer form .page .field button.prev1,.pricing-radio-panels form .field button.prev1 {float:left} .form-outer form .page .field button:hover,.pricing-radio-panels form .field button:hover {background: #0070ba;} .form-outer form .page .btns button,.pricing-radio-panels form .btns button {margin-top: 0 !important;} .form-outer form .page .btns button.prev,.pricing-radio-panels form .btns button.prev1 {margin-right: 3px;font-size: 17px;} .form-outer form .page .btns button.next,.pricing-radio-panels form .btns button.next1 {margin-left: 3px;} .step-container .progress-bar1,.step-container .progress-bar1 {display: flex;margin:0 0 40px 0;user-select: none;} .step-container .progress-bar1 .step,.step-container .progress-bar1 .step1,.step-container .progress-bar1 .step2 {text-align: center;width: 100%;position: relative;margin-left: -1px;} .step-container .progress-bar1 .step p,.step-container .progress-bar1 .step1 p,.step-container .progress-bar1 .step2 p {font-weight: 700;font-size: 18px;color: #000;margin-bottom: 8px;} .progress-bar1 .step .bullet,.progress-bar1 .step1 .bullet,.progress-bar1 .step2 .bullet {height: 35px; width: 100%; border: none; display:block}/*.progress-bar1 .step .bullet.active {border-color: var(--primary);background: var(--primary);}*/ .progress-bar1 .step .bullet span,.progress-bar1 .step1 .bullet span,.progress-bar1 .step2 .bullet span {height: 35px; width: 35px; border: none; display: inline-flex; border-radius: 50%; position: relative; transition: 0.2s; font-weight: 600; font-size: 18px; line-height: 25px; background: #08508b; color: #fff; align-items: center; justify-content: center;z-index: 99;} .progress-bar1 .step .bullet.active span,.progress-bar1 .step1 .bullet.active span,.progress-bar1 .step2 .bullet.active span {display: inline-flex; background: #89b658; color: #fff;} .progress-bar1 .step1.finish .bullet span,.progress-bar1 .step2.finish .bullet span {display: inline-flex; background: #89b658; color: #fff;} .progress-bar1 .step .bullet:before,.progress-bar1 .step1 .bullet:before,.progress-bar1 .step2 .bullet:before {position: absolute; content: ""; bottom: 16px; right: 0; height: 1px; width: 50%; background: #08508b; display:block} .progress-bar1 .step .bullet:after,.progress-bar1 .step1 .bullet:after,.progress-bar1 .step2 .bullet:after {position: absolute; content: ""; bottom: 16px; left: 0; height: 1px; width: 50%; background: #08508b; display:block} .progress-bar1 .step1.finish .bullet:before,.progress-bar1 .step2.finish .bullet:before {position: absolute; content: ""; bottom: 16px; right: 0; height: 1px; width: 50%; background: #08508b;} .progress-bar1 .step1.finish .bullet:after,.progress-bar1 .step2.finish .bullet:after {position: absolute; content: ""; bottom: 16px; left: 0; height: 1px; width: 50%; background: #08508b;} .progress-bar1 .step .bullet.active:before,.progress-bar1 .step1 .bullet.active:before,.progress-bar1 .step2 .bullet.active:before {background: #9fc373;transform: scaleX(0);transform-origin: left;animation: animate 0.3s linear forwards;}@keyframes animate {100% { transform: scaleX(1);}} .progress-bar1 .step .bullet.active:after,.progress-bar1 .step1 .bullet.active:after,.progress-bar1 .step2 .bullet.active:after {background: #9fc373;transform: scaleX(0);transform-origin: left;animation: animate 0.3s linear forwards;}@keyframes animate {100% { transform: scaleX(1);}} .progress-bar1 .step1.finish .bullet:before,.progress-bar1 .step2.finish .bullet:before,.progress-bar1 .step1.finish .bullet:after,.progress-bar1 .step2.finish .bullet:after {background: #9fc373;transform: scaleX(0);transform-origin: left;animation: animate 0.3s linear forwards;}@keyframes animate {100% { transform: scaleX(1);}} .progress-bar1 .step1:first-child .bullet:after,.progress-bar1 .step1:last-child .bullet:before, .progress-bar1 .step2:first-child .bullet:after,.progress-bar1 .step2:last-child .bullet:before {display:none} .progress-bar1 .step p.active,.progress-bar1 .step1 p.active,.progress-bar1 .step2 p.active {color: #8eb361;transition: 0.2s linear;} .progress-bar1 .step1.finish p,.progress-bar1 .step2.finish p {color: #8eb361;transition: 0.2s linear;} .progress-bar1 .step .check,.progress-bar1 .step1 .check,.progress-bar1 .step2 .check {position: absolute;left: 50%;top: 70%;font-size: 15px;transform: translate(-50%, -50%);display: none;} .progress-bar1 .step .check.active,.progress-bar1 .step1 .check.active,.progress-bar1 .step2 .check.active {display: none;color: #fff;} .progress-bar1 .step1.finish .check,.progress-bar1 .step2.finish .check {display: none;color: #fff;} .cost-band-desc { display: block; width: 100%; margin:0 0 30px 0 } .cost-band-desc p,.cost-band-desc .detail-row { display: flex; justify-content: flex-start; margin-bottom:15px } .spanname {display: inline-block; width: 200px; font-weight: 600;color:#396793} .spancol {display:inline-block; margin:0 15px} .form-outer form .page .field button.pay,.pricing-radio-panels form .field button.pay {background:#89b658}/**/ .conc-row span.spanname { width: 58%; } button:focus,button:hover {outline:none !important; } /*Hide all except first fieldset*/ .tip-title { font-size: 17px; font-weight: 600; color: #fff; } input.invalid { background-color: #ffdddd; } .tab,.tab1 { display: none; } .static-price {font-size: 22px; font-weight: 600; color: #396793;} .tooltip .cost-band-desc p {margin-bottom:5px} .tooltip .cost-band-desc p:last-child {margin-bottom:0} .conc-row .tooltip span.spanname { width: 73%; } .tooltip.estim .top {width:525px; z-index:999} .tooltip.estim .cost-band-desc {margin:0} .spandesc-txt { font-size: 14px; } .certification-top.one-price { display: flex; width: 100%; justify-content:flex-start; margin:0 0 30px 0 !important } .certification-top.one-price select {width: 100% !important; max-width: 100%;margin:0 0 15px 0} .cert-col { margin: 0 15px 0 0; width:32% } .cert-col strong {color:#396793} .cert-col:last-child {margin:0} .radio-band-price { width: 100%; text-align: left; } .tooltip .spanname,.tooltip .spancol,.tooltip .spandesc {color:#fff} .deatil-col-last { display: inline-block; width: 72%; } .form-price-cont { float: left; display: flex; align-items: flex-start; justify-content:space-between } .pricing-radio-panels form .field.btns .form-price-cont input { border-radius: 0; font-size: 16px; color: #000; padding: 10px 13px; height: 50px; outline: 0; border-color: #ccc; background-color: #fff; letter-spacing: 1px; border-radius: .25rem;border: 1px solid #ced4da;font-weight: 400; line-height: 1.5; margin-right:0} .pricing-radio-panels form .field.btns .form-price-cont input:hover,.pricing-radio-panels form .field.btns .form-price-cont input:focus {outline:none; box-shadow:none} .pricing-radio-row.band .tooltip .spandesc {color:#fff} .deatil-col-last .spandesc {display:block; width:100%} .form-price-cont-new ::placeholder ,.form-price-cont-new :-ms-input-placeholder,.form-price-cont-new ::-ms-input-placeholder {opacity:1!important;color:#000!important;font-size: 13px;letter-spacing:0.1px} .form-price-cont-new input::-webkit-input-placeholder,.form-price-cont-new textarea::-webkit-input-placeholder { /* Edge */ opacity:1;color: #000;font-size: 13px;letter-spacing:normal} .form-price-cont-new input:-ms-input-placeholder,.form-price-cont-new textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */opacity:1;color: #000;font-size: 13px;letter-spacing:normal} .form-price-cont-new input::placeholder,.form-price-cont-new textarea::placeholder {opacity:1;color: #000;font-size: 13px;letter-spacing:normal} .start-wrap {display: flex;justify-content: center;} .start-journey{width: auto;padding-right: 50px;border-right: 1px solid #d8f4bf; color:#0e4c94} .start-sec-r{width: auto;padding-left: 50px;} .pricing-radio-panels.pay-link-org-form1,.pricing-radio-panels.pay-link-org-form2,.pricing-radio-panels.pay-link-org-form3,.pricing-radio-panels.pay-link-indv-form1,.pricing-radio-panels.pay-link-indv-form2,.pricing-radio-panels.pay-link-indv-form3{display:none} .pricing-radio-panels.pay-form,.pricing-radio-panels.pay-form1, .pricing-radio-panels.pay-form2,.pricing-radio-panels.pay-form3,.pricing-radio-panels.pay-form4,.pricing-radio-panels.pay-form5,.pricing-radio-panels.pay-form6,.pricing-radio-panels.pay-form7,.pricing-radio-panels.pay-form8{display:none} input.session-number {border-radius: 0; font-size: 16px; color: #000; padding: 10px 18px; height: 50px; outline: 0; border-color: #ccc; background-color: #fff; letter-spacing: 1px; border-radius: .25rem; border: 1px solid #ced4da; font-weight: 400; line-height: 1.5; margin-right:0; text-align:center; max-width:150px} input.submit-btn {display: inline-flex; color: #fff; background: #0070ba; padding: 10px 15px; font-size: 15px; line-height: 1; border-radius: 20px; transition: 0.5s; text-decoration: none; min-width: 114px; justify-content: center; cursor: pointer; border:none} .note-lft { width: 14%; display: inline-block; font-weight: 600; position:relative} .note-lft:before {content: ':'; position: relative; right: auto; top: auto; font-weight: 600; display: inline-block; float: right; margin: 0 15px 0 0;} .note-text.list p {display:flex; } .top .radio-container2 {padding-left:0; color:#fff} .top .radio-desc{padding-left:0;} .radio-row.role.top .radio-column {padding:0 0 15px 0} .payment-btn { padding: 15px 0; } .payment-form { padding: 15px 0 0 0; float: left; width: 100%; clear: both; } .bg-orange .form-price-cont-new { background: #ffefd6;} .footer-col.col1 ul li:first-child{display:none;} footer #newsletter {display: flex;flex-flow: column;} footer #newsletter h2 {order:1} footer .newsletter-form {order:2; margin:0 0 15px 0} footer #newsletter p {order:3;margin-bottom: 0;} ul.common-list.con li {width:100%} ul.common-list.con li ul {margin-top:15px; padding-left:0} ul.common-list.con li ul li {padding-left:0; margin-bottom:0} ul.common-list.con li ul li:before {display:none} ul.common-list.con li a {color:#396793; font-weight:700} ul.common-list.con li ul ul {margin-top:0} ul.common-list.con li ul ul li {position:relative; padding-left:18px } ul.common-list.con li ul ul li:before {content: ''; width: 8px; height: 8px; background: #9fc373; display: block; transform: none; top: 12px;border: none; border-radius : 8px;} a.link-bold {font-weight:700} .buy-btn.con { margin-right: 60px; margin-left: 60px; background: none; color: #396793; font-weight: 700; text-decoration: underline; padding:0} .resp-vtabs.legal ul.resp-tabs-list {display:flex; justify-content:center} .resp-vtabs.legal .resp-tabs-list li {width:auto;margin-right: 15px !important; padding:23px 30px 14px 30px !important} .resp-vtabs.legal .resp-tabs-list li a{font-size: 18px; font-weight: 600; color: #08508b; text-decoration:none} .legal { display: flex; width: 100%; margin: 0 0 30px 0; } ul.list-a { list-style: none; padding: 0; margin: 0; display: block; width: 100%; } ul.list-a li {margin-bottom:15px} ul.list-a ul {list-style: none; padding: 0 0 0 21px; margin: 0;} .about-content2.privacy-policy { line-height: 30px !important; } .top-ver { display: flex; justify-content: space-between; } .btm-ver p.off-p { margin: 30px 0 0 0; font-size: 14px; } p.off-p.policy-ver {font-size: 14px;} .total_amount_certification { font-size: 25px; color: #396793; font-weight: 600; width: 100%; display: block; margin: 30px 0 0 0; text-align: center; } .form-price-cont.form-price-cont-new .g-recaptcha{ transform: scale(0.60); -webkit-transform: translateX(9px)scale(0.60); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin:0 0 15px 0} .pdf-link a{ background: url(../images/pdf.png) no-repeat 0 0; padding: 5px 0 5px 40px} .modal-body .resp-vtabs .resp-tabs-container {background:none} .modal-body .resp-vtabs .resp-tab-content {padding:30px 0} .pdf-link1 a {padding: 10px 15px; font-size: 15px; line-height: 1; border-radius: 20px; transition: 0.5s; text-decoration: none; background: url(../images/pdf-w.png) no-repeat 15px center #0070ba; background-size:22px; padding-left: 50px; opacity: 1; color: #fff; display:inline-flex } .pdf-link1 { display: block; float: left; width: 100%; clear: both; text-align: center; padding: 10px 0 0 0; } a.btnd { margin: 0 10px 0 0; } #parentVerticalTab3.resp-vtabs .resp-tabs-container { background:none} #parentVerticalTab3.resp-vtabs .resp-tabs-list li {background:#c5e7fa !important} #parentVerticalTab3.resp-vtabs .resp-tabs-list li.resp-tab-active {background:#dff3c8 !important} @media only screen and (min-width:1025px) { .example-prt {padding-left:15px; padding-right:15px;margin-bottom: 0;} #intro {padding: 110px 0;} .resp-vtabs .resp-tab-content {min-height: auto;} .form-group.pl-15 { padding-left: 10px; } label.pl-15 { padding-left: 10px; } .partner-div { display: inline-block; width: 100%; /* padding: 0 70px; */ } .partner-div .col-3part { padding-left: 25px; padding-right: 25px; } #partners .heading {margin-bottom: 30px;} .content-img-left {text-align:left} .content-img-right {text-align:right} .mt-90 { margin-top: 90px; } #offering-services .container, #offering-2 .container, #sitemap .container, #track .container, #plan .container, #identify .container, #explore .container , #seek-support .container , #certified .container, section .container { max-width: 1000px; } section#offering-2 .container.container-02 { max-width: 1020px; } .home-body section .container, section#jorney .container, section#start .container { max-width: 1170px; } .contact-img, .content-img { padding-right: 15px; } .content-img-right {padding-right:0; padding-left:15px} .content-img img {margin-top:10px} #overview .container {max-width: 900px;} #overview .about-content .heading {font-size: 33px; line-height: 1.2; /* margin-top: -10px; */} #overview .content-img {margin-top: 10px;text-align: center; padding-right: 0;} .resp-vtabs .resp-tabs-list li {min-height: 65px;} .anything-part .heading {font-size: 30px; } .heading.heading-bt {margin-bottom: 40px;} footer .container {max-width: 1170px;} #founder .about-content p, #partners .sub-para-1 p { line-height: 2; margin-bottom: 40px; } .home-body header {box-shadow: 0 0px 20px rgba(111, 111, 111, 0.1);} .growth-img { margin-top: -20px; } section#jorney .carousel-text { padding-left: 4%; padding-right: 4%; } .growth-img { margin: 0px 0 0px -90px; max-width: inherit; } .header-inside-text h2 {font-size: 50px; padding-top: 30px;} .header-inside-text {top: 25px; position: relative;} .price-tab .resp-vtabs .resp-tabs-list li {display: flex; justify-content: center; align-items: center;padding:14px 30px 15px !important; width:200px} .price-tab .resp-vtabs .resp-tabs-list {display: flex; justify-content: center;} .price-tab .resp-vtabs .resp-tabs-list li {margin-right:15px !important} .price-tab .resp-vtabs .resp-tabs-list li:last-child {margin-right:0 !important} } @media only screen and (min-width:1024px) { #section3 .heading { line-height: 1.4; letter-spacing: 3px; margin-bottom: 20px; } #section3 { padding: 90px 0 110px; } /*#journey-example .heading { font-weight: 600; }*/ .example ul li span {letter-spacing: 1px;} .about-content .heading { font-size: 38px; color: #396793; font-weight: bold; margin-bottom: 35px; } /* #company, #partners, #offering-2, #sitemap { padding: 70px 0; } */ .pad-top-0 {padding-top:0 !important} .navbar-brand {margin-left: 10px;} section#intro.intro-2 .container {display: flex; flex-wrap: wrap; width: 100%;} section#intro.intro-2 .header-inside-text h2 {top: 0; line-height: 1.4;} } .about-content2{height: 100%;display: block;width: 100%;align-items: left;} .about-content2 .title-blue, .about-content2 p.off-p {text-align: left;margin-bottom: 20px;} .about-content2 .br-none a br{display: none;} .color-black{color: #000;font-weight: 600;} .certification-top select#state-selector, .certification-top select.cus-drop {max-width: 240px !important;} .cus-container .sub-para-1 {max-width: 850px;} .cus-container{max-width: 930px !important;} .pricing-radio-row.band .spandesc { font-weight: 600; color: #396793;} .pricing-radio-row.band .spandesc .spandesc-txt {font-weight:400; color:#000} .tooltip.estim .top .checkbox-container1 .checkmark {width: 7px; height: 12px; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; margin-top:3px} .sml-text {font-size:14px; font-weight:400} #myModal3.modal .modal-lg {max-width:600px} #myModal3.modal .modal-table-cont {height:auto} .pricing-radio-panels form .btns button { margin-top: -15px !important; } .payment-btn { padding: 30px 0 0 0; text-align: center; float: left; width: 100%; } #approach-cont .about-content p:last-child { margin-bottom: 40px; } .total_amount_guidance,.total_amount_certification {position: relative; display: inline-block; font-size: 26px; font-weight: 600; color: rgb(57, 103, 147); width: auto; text-align: center; margin: 0; line-height: 26px; vertical-align: middle; margin: 0 15px 0 0;} /*.total_amount_guidance::before { content: 'Total : '; position: relative; display: inline-block; vertical-align: text-bottom; margin: 0 10px 0 0; }*/ footer #newsletter a.links {color:#396793; font-weight:700;text-decoration: underline;} .copyright a {font-weight:700; text-decoration:underline !important} ul.common-list.fullwd li {width:100%} .text-bold {font-weight:600} .el-table .price-table td,.el-table .price-table th {font-size:16px; line-height:18px} .modal-table-cont.el-table .tWrap__head {flex:0 0 152px} .el-table .price-table td.wdac1, .el-table .price-table th.wdac1 {width:350px} .modal-table-cont.el-table, .modal-table-cont.el-table .myDiv {height:590px} .modal-table-cont.el-table .price-table.table-3 tr:nth-child(2n) th { background: #86a953;} .modal-table-cont.el-table .tWrap__head { padding-right: 0; overflow-y: scroll; } p.note.tb-note { margin-top: 30px; } .modal-nopad.modal .modal-body {padding:0; margin-top:0} .modal-nopad .modal-header .modal-title {margin-bottom:15px; padding:0 20px} .modal-nopad.modal .modal-lg, .modal-nopad.modal .modal-xl {max-width:810px} .thumb-row {display:flex; justify-content:space-between; margin:30px 0 } .thumb-col {width:32%; margin:0 } .thumb-col:last-child {margin:0} .green-txt { color: #000; font-weight: 500; font-style: italic; background: #e7f6d2; display: inline-block; padding: 10px 30px; text-align: center; border-radius: 10px; line-height: 26px; max-width: 100%;} .tech-row { justify-content: center; margin: 30px 0; } .tech-col .example {background: #e7f6d2; box-shadow: none; border-radius: 10px;} .tech-col .example h3 {font-size:18px} .tech-col .ex-title {margin-bottom:10px} .tech-col .example ul li {margin-bottom:5px; font-size:15px} .tech-col .example ul li:before {width:7px; height:7px; top:9px} .tech-col .example-txt {min-height:inherit;padding: 25px 26px;} .form-price-col input {width:100% !important} .form-price-col { width: 24%; } .pricing-radio-panels form .btns .form-price-col button { margin-top: 0 !important; } .form-price-cont.form-price-cont-new .form-price-col .g-recaptcha { transform: scale(0.64); -webkit-transform: translateX(0)scale(0.64); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin: 0 } .pricing-radio-panels form .field .form-price-col button {float:left; margin-top: 5px !important;} .form-price-cont-new.get-code-inputs {padding-bottom:0} span.min-txt { color: #396793; font-weight: 600; display: inline-block; margin: 0 10px 0 0; } a.link-screen {text-decoration:underline; font-weight:700} .intralinks {display:block; margin:0; padding:0; width:100%} .intralinks ul {list-style:none; padding:0; margin:0; width: 100%; display: flex; justify-content: center; margin: 0 0 40px 0;} .intralinks ul li {text-transform:capitalize; font-weight:700; display:inline-block; padding:0 15px 0 0; margin:0 15px 0 0; position:relative; line-height:18px } .intralinks ul li:before {content:''; position:absolute; right:0; width:1px; height:14px; background:#87b550; display:block; top:2px} .intralinks ul li a {color:#87b550} .intralinks ul li:last-child {padding:0; margin:0} .intralinks ul li:last-child:before {display:none} .goto-top { display: flex; justify-content: flex-end; margin: 0 0 30px 0; } .goto-top a {text-decoration:underline; position:relative; color:#87b550; font-weight:700} .goto-top a:after {content:''; position:relative;display: inline-block; padding: 0; width:10px; height:10px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg); border: solid #87b550; border-width: 0 2px 2px 0; margin:0 0 0 8px;color:#87b550; top:2px} @media only screen and (max-width:1024px) { .navigation { padding: 22px 0 22px 10px; } .news-col::before {width: 70%;} .captcha-grp .btn.sbmt-btn { float: left; margin-top: 30px; } .example-txt {min-height: 398px;} .example-prt {margin-bottom:0} /*.menu-dropdown.pr-nav ul li {font-size:13px; padding:0 10px;line-height: 24px;}*/ .carousel-arrow .carousel-control-prev {left: 45%;} .carousel-arrow .carousel-control-next {right: 45%} /*.menu-dropdown.pr-nav nav {width: 83%;} .menu-dropdown.pr-nav ul li {font-size:12px}*/ .info-txt {min-height:182px} .info-txt br {display:none} .start-journey a.now-btn {font-size:27px} #cssmenu > ul > li > a{padding: 14px 8px;font-size: 13px;} } @media only screen and (min-width:993px) and (max-width:1024px){.infographics-desktop ul li:first-child {width: 16%;margin-left: 0;} .infographics-desktop ul li {font-size: 16px;} .infographics-desktop ul li:nth-child(2) {margin-top: 24%;margin-left: 5%;} .infographics-desktop ul li:nth-child(3) {margin-top: 38%;} .infographics-desktop ul li:nth-child(4) {margin-top: 25%;margin-right: 1%;} .infographics-desktop ul li:nth-child(5) {width: 15%;} .footer-col.col5 {width:32%} .news-col { float:left; width:45%} .events-col-date {width:14%} .top-gray-col.col1 { padding-right: 10px; margin-right: 10px;} .switch-cont {margin:0 15px} .switch-text {font-size:15px} .newsletter-form form {flex-wrap:wrap} .news-field {margin-bottom:0; width:21%} .news-field.terms {width:50%} .price-table th:first-child {min-width: 202px;} .start-journey {font-size: 30px;} } @media only screen and (max-width:500px){ .price-radio-btns span.radiospan span { margin-left: 0; font-size: 15px; float:left; width: auto; text-align: left; padding-right: 10px; } .price-radio-btns {display: inline-block;} #offering-sec { padding-left: 0; padding-right: 0; } #offering-sec .heading { font-size: 23px; } .on-txt, .know-self-2.blue { font-size: 20px !important; text-align:center } } @media only screen and (max-width:992px) { .header-inside > * {max-width: 48%;} .header-inside h1 {font-size: 50px;} .text-icon .icon {margin: 0;text-align: center;width: 100%;margin-bottom: 20px;} .text-icon .text {text-align: center;} .carousel-thumb > span {font-size: 10px;} .carousel-thumb > span strong {font-size: 16px;} .example {padding: 30px;} .start-journey {font-size: 21px;} .start-journey a {padding: 10px 0px; font-size: 21px;} section#start {padding:15px 0 5px 0;} .footer-main {max-width: unset;} .footer-col {padding: 0 15px;} .footer-col.col1 {width: 40%;} .footer-col.col2 {width: 30%;} .footer-col.col3 {width: 30%;} .footer-col.col4 {clear: both;width: 40%;} .footer-col.col5 {width: 60%;} .infographics-mobile ul {margin: 0;padding: 0;list-style-type: none;max-width: 50%;margin: 0 auto;} .infographics-mobile ul li {padding-left: 40px;position: relative;} .infographics-mobile ul li:before {content: "";width: 24px;height: 60px;background: url(../images/mobile-arrow.png) no-repeat left top;position: absolute;left: 0;background-size: auto 53px; top:0} .infographics-mobile ul li span {display: inline-block;margin-left: 20px;} .infographics-mobile ul li > * {vertical-align: top;} .infographics-mobile ul li {margin-bottom: 20px; font-size: 18px;} .infographics-mobile ul li:last-child {margin-bottom:0;} .infographics-mobile h3 {background: url(../images/mobile-beyond-bg.png) no-repeat center top;background-size: 100%;width: 330px;margin: 0 auto;height: 150px;/* line-height: 146px; */line-height: 4;font-size: 30px; font-weight: bold; color: #396793; letter-spacing: 3px;text-align: center;} .aspire-part::after {height: 60%;} .menu-dropdown ul li,.menu-dropdown1 ul li {padding: 0 10px;} .modal .modal-lg,.modal .modal-xl { max-width: 96%; } .approach-content ul li{width:33.33333333333%} .self-assessment {margin-top:-1px} .infographics-mobile ul {display:flex; justify-content:space-between;flex-wrap:wrap; max-width:80%} .infographics-mobile ul li {width:48%; display:flex; align-items:center; font-size:17px; line-height:20px} .infographics-mobile ul li > img {max-width:60px} .news-col {width:100%;clear:both; margin-top:10px} .news-field {width:28%; margin-bottom:0} .chk-field .checkmark {top:-5px} .newsletter-form form {flex-wrap:wrap} .news-field.terms {width:50%} .events-col-date {width:21%} .view-more {top:0} .events-col-date { width: 20%; flex: 0 0 20%; } .events-col-org { width: 37%; position: relative; padding-right:25px; padding-bottom:0; } .view-more {position: absolute; right: 0; top: 0 !important; bottom: auto; left: auto;} .events-col-org {width:25%} .events-col-title,.events-col-format {width:28%} .pager__item {font-size:22px} .top-gray-col.col1 {border-right:none} .top-gray-col {padding:5px 0} .switch-cont {margin:0 5px} .user-d { display: none !important; } .user-mob { display: block; right: 66px; top: 32px; } .know-part.know-part-left .know-icon,.know-icon {width:100%; text-align:center; margin-bottom:15px} .know-part.know-part-left .know-text,.know-text {width:100%; text-align:center} #cssmenu ul { margin:0; padding:0; } #cssmenu > ul > li > a { font-size: 17px; padding: 12px 6px; } #cssmenu ul ul li a,#cssmenu ul ul ul li a{font-size:15px; line-height:16px; width: auto;} #cssmenu ul ul li a{ width: 224px;} #cssmenu ul ul ul.agricultural-products { width: 450px; } #cssmenu ul ul ul.agricultural-products li { width: 48%; } #cssmenu ul ul ul.agricultural-products { width: 100%; } #cssmenu ul ul ul.fmcg-products li { width: 100%; float: left; } #cssmenu ul ul ul.fmcg-products li:last-child { margin-top: 0 !important; width: 100%; } .navigation { margin:0; } nav{width:100%; } #cssmenu{width:100%; position: absolute; right:0; z-index: 999998!important; } #cssmenu ul{width:100%;display:none; background:#266190; padding:0; margin:50px 0 0; } #cssmenu ul li{width:100%;border-top:1px solid #eee} #cssmenu ul li:hover{background: #a5d068; border-radius:0; } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto; width: 100%; float: left; } #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0; color: #fff;} #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color:#fff !important} #cssmenu > ul > li:hover > a::after, #cssmenu ul li.active a::after {background: #a5d068} #cssmenu > ul > li{float:left} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#fff !important;} #cssmenu ul ul li:hover{background:#fff !important} #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#000; background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#000} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:0px;color:#ddd;font-size:12px;font-weight:700} .button{width:40px;height:34px;position:absolute;right:15px;top:-15px;cursor:pointer;z-index: 12399994; border-radius: 4px; border:0px solid #ddd; } .button:after{position:absolute;top:14px;right:8px;display:block;height:8px;width:22px;border-top:2px solid #87b54f;border-bottom:2px solid #87b54f;content:''} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:8px;right:8px;display:block;height:2px;width:22px;background:#87b54f;content:''} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:15px;border:0;height:2px;width:19px;background:#87b54f;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .button.menu-opened:before{top:15px;background:#87b54f;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #fff;height: 38px;width:46px;cursor:pointer;} #cssmenu .submenu-button.submenu-opened{background:transparent} #cssmenu ul ul .submenu-button{height: 46px;width: 46px;/* position: relative; */} #cssmenu .submenu-button:after{position:absolute;top:18px;right:19px;width:8px;height:2px;display:block;background:#fff;content:'';} #cssmenu ul ul .submenu-button:after{top: 22px;right: 19px;} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu .submenu-button:before{position:absolute;top:15px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''} #cssmenu ul ul .submenu-button:before{top: 19px;right: 22px;} #cssmenu .submenu-button.submenu-opened:before{display:none} #cssmenu ul ul ul li.active a{border-left:none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} img.blink-image { right: 0; top: -5px; left: auto; z-index: -1; } .blink-text { right:-16px; padding-top: 3px; } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {border-radius:0;} .text-center.infra-text p{width:100%;} li.has-sub ul li.has-sub:before{display:none;} #cssmenu ul ul ul ul li a::before{ left: 42px;} #cssmenu ul ul ul ul li a { padding-left: 55px;} #cssmenu ul ul ul.agricultural-products li { width: 100%; } #cssmenu > ul > li > a:before {display:none;} #cssmenu ul li:last-child img {filter: brightness(0) invert(1);/* margin: 5px 0; */} #cssmenu > ul > li:last-child a {padding: 11px;} img.blink-image { width: 40px; /* right: -33px; */right: -25px; } .blink-text { font-size: 8px; width: 40px; /* right: -33px; */right: -25px; } .navigation { padding: 0; } #cssmenu > ul > li > a { padding:10px 5px; } img.info-main { max-width: 60%; } .infographics-desktop h3 {font-size:30px; right: 0; margin: 0 auto; left:0} .infographics-desktop ul li:first-child {margin-left:0; width:17%} .infographics-desktop ul li {font-size: 16px; line-height: 18px; } .infographics-desktop ul {top:-6px} .infographics-desktop ul li:nth-child(2) { left: 0; margin-left: 7%; width: 22%; margin-top: 20%; } .infographics-desktop ul li:nth-child(3) {margin-top:34%} .infographics-desktop ul li:nth-child(4) { right: 0; margin-right: 0; width: 24%; margin-top: 20%; text-align: center;} .infographics-desktop ul li:nth-child(5) { right: 0; margin-right: 0%; width: 20%; margin-top: 0; text-align: center; } .table-part {margin-bottom:30px} #guidance .branches-wrap {padding-bottom:60px} .price-table.cost-table th,.price-table.cost-table td { min-width: 164px; width: 164px;} .price-table th:first-child {min-width:inherit} .tooltip.mob {display:none;position: absolute;left: 130px;} .tWrap__head {display:none} .tooltip .top {width:250px;left:-10px;right: auto;} .tooltip .top::after, .tooltip .top::before {left:17px; right:auto} .tooltip.right .top {right: -14px;left: auto;} .tooltip.left.rl .top {right: -14px;left: auto; width:250px} .tooltip.left.rl.one .top {right:auto; width:400px; left:-35px} .tooltip.left.rl.one .top::before, .tooltip.left.rl.one .top::after {right:40px} .tooltip.right .top::before,.tooltip.right .top::after {left: auto; right: 12px;} .tooltip.left .top {right: auto;left: -15px;} .tooltip.left .top::before,.tooltip.left .top::after {left:25px; right: auto;} .tooltip.left.rl .top::before, .tooltip.left.rl .top::after {left: auto;right: 13px;} .tooltip.left2 .top {right: auto;left: -100px;} .tooltip.left2 .top::before,.tooltip.left2 .top::after {left:110px; right: auto;} .colspan-td .tooltip .top {left: auto;right: -15px;} .colspan-td .tooltip .top::before,.tooltip .top::after {left: auto;right: 13px;} .tooltip.left.rl.one .top::before, .tooltip.left.rl.one .top::after { right: auto; left: 45px} .fixed1 {top: 147px;} .price-tabel .checkbox-container1 {margin:0;align-items: center;} .table-part.desktop {display:none} .table-part.mobile {display:block} .price-table th:first-child {min-width:428px} .price-table.cost-table th,.price-table.cost-table td { min-width: 164px; width: 164px;} .price-table.cost-table th:first-child,.price-table.cost-table td:first-child {min-width:175px } .price-table.cost-table h2.table-title { float: none; } .price-table.cost-table tbody tr { border-radius:0; box-shadow:none !important; float: none; display: block; clear: both; width: 100% !important; margin: 20px 0 20px 0 !important; background:#fff } .price-table.cost-table tbody tr {box-shadow:none; background:none} .price-table.cost-table tbody td { width: 100% !important; min-width: 100% !important; border-left: none;} .price-table.cost-table th { display: none; } .price-table.cost-table td { display: inline-flex; width: 100%; padding: 12px 15px 15px; justify-content: flex-start;align-items: flex-start; } .price-table.cost-table td::before { content: attr(data-col); font-weight: bold; width:40%; display: inline-block; color: #396793; margin:0;flex: 0 0 auto; font-size: 16px;line-height: 18px;text-align: left;font-size: 18px;line-height: 1.5;} .price-table.cost-table td.number-pan { text-align: left; } .price-table.cost-table tbody tr td, .price-table thead tr th { text-align: center; } .price-table.cost-table tbody tr td {text-align:left} .price-table.cost-table tbody tr td:last-child {border-bottom:none} .price-table.cost-table td.colspan-td::before {display:none} .price-table.cost-table td.colspan-td {text-align:center} .price-table.cost-table td.colspan-td:first-child, table.price-table td.colspan-td:first-child {text-align:center} .price-table.cost-table td.colspan-td {justify-content: center;} .price-table.cost-table .tooltip {margin-left: 5px;} .price-table.cost-table td::before {color:#000} .price-table.cost-table td::before {width:25%} .news-col::before {width:96.5%;} .price-table.cost-table tbody tr td.fixed-top2 {position:sticky; top:0; left:0} .journey-example-inner {max-width:100%} .example-txt {padding:0} .ex-icon { margin-right: 15px; max-width: 85px; height: 69px; flex: 0 0 auto; } .example-txt { min-height: 380px; } .product-col {width:33.33%; margin-bottom:30px; padding:0 15px } .product-row { display: flex; justify-content: center; flex-wrap: wrap; } .product-col h2 {font-size:20px} .product-col p {font-size:16px; line-height:20px} .product-col:nth-child(4),.product-col:nth-child(5) {margin-bottom:0} .sample-btn.tooltip .top::after, .sample-btn.tooltip .top::before {left: 17px;right: auto; } .testimonial-text br{display:none;} .carousel-inner img{max-width:100%;} .carousel-item{min-height:350px;} .carousel-arrow .carousel-control-prev {left: 45%;} .carousel-arrow .carousel-control-next {right: 45%} /*.menu-dropdown.pr-nav nav {width: 83%;} .menu-dropdown.pr-nav ul li {font-size:12px; line-height:14px}*/ .ex-title {flex-wrap:wrap} #overview-off .example { min-height: 440px; padding: 15px; } .info-graph-row h2 {font-size:22px} .info-txt {min-height:234px} .faq-graph {flex-wrap:wrap; margin-bottom:15px} .faq-graph-col {width:48%; margin-bottom:15px} .faq-graph-journey {flex-wrap:wrap;justify-content: center; margin-bottom:0} .graph-journey-col {width:33.33%; margin-bottom:30px} .graph-journey-col::before {top:69px} .start-journey a.now-btn { font-size: 24px; } .step-container .progress-bar1 .step p,.step-container .progress-bar1 .step1 p {font-size:16px} .tooltip.estim .top {width:450px} .form-price-cont-new input {width: 48% !important;} .form-price-col input {width: 100% !important;} .form-price-cont-new input:nth-child(3n){margin-right:15px!important;} .form-price-cont-new input:nth-child(2n){margin-right:0!important;} .footer-col.col5 {width: 100%; float: left; padding: 0 10px; margin-top: 15px;} .resp-vtabs.legal .resp-tabs-list li {padding: 14px 15px 14px 15px !important;} .top-ver {flex-wrap:wrap} .top-ver .policy-ver {order:1} .top-ver h3 {order:2} section#endorsements .carousel-indicators li,section#endorsements .carousel-indicators li img {width:44px; height:44px; font-size:0} .carousel-arrow { position: absolute; bottom: auto; width: 100%; padding: 0 15px; left: 0; top: 50px; } .price-tab .col-lg-12,.price-tab .resp-tab-content {padding-left:0; padding-right:0; float: left; width: 100%;} .modal-body .table-part .container {width:100%; max-width:100%} .modal-body .price-table.table-3 tbody tr:nth-child(2n) td:first-child { background: #d5f4a7; } .modal-body .price-table.table-3 tbody tr td:first-child { background: #d5f4a7; } .modal-nopad.modal .modal-lg, .modal-nopad.modal .modal-xl {max-width:96%} .start-journey{width:auto;} .start-sec-r {width: auto; padding-left:10px} .start-journey img,.know-self-2 img {max-height:95px} .start-journey a.now-btn,.know-self-2 a {font-size:18px} section#start { padding: 15px 0 15px 0; } .resp-vtabs ul.resp-tabs-list {display:flex;justify-content:center} .resp-vtabs .resp-tabs-list li {width:auto} .form-price-col { width: 32%; } .form-price-col.pr-btn-cont { flex: 1; padding: 0 0 0 2%; } } @media only screen and (min-width:992px) and (max-width:1100px){ .know-btn-icon{padding-right: 15px;margin-right: 15px;} .start-journey a.now-btn {font-size: 28px;} .start-journey {font-size: 24px;} } @media only screen and (min-width:768px) and (max-width:991px){ .start-journey img {margin-right: 5px;} .start-journey{padding-right: 10px;} .start-journey a.now-btn {font-size: 19px;} .know-btn-icon{padding-right: 15px;margin-right: 0;border: 0;} .know-self-2-btn-icon{flex-wrap:wrap;} .green-txt.green-txt-new { padding: 10px 15px; width: 100%;} } @media only screen and (max-width:767px){ section#jorney .carousel-indicators li {width: 15px;height: 15px;font-size: 0;border: 1px solid #396793;border-radius: 50%;padding: 0; margin-right: 3px;margin-left: 3px;} section#jorney .carousel-indicators li.active {background: #396793;} section#jorney .carousel-indicators li img, section#jorney .carousel-indicators li span{display: none;font-size: 0;} section#jorney .carousel-inner {margin-top: 120px;} section#jorney .carousel-indicators:before, section#jorney .carousel-indicators:after{display:none;} .example {padding: 30px;} .start-journey img,.know-self-2 img { display: block; width: 74px; height:94px; object-fit: contain; object-position: center center; margin: 0px 15px 0px 0px; flex: 0 0 auto; } .footer-col {width: 100% !important;} .header-inside h1 {font-size: 28px;} .header-inside .text {margin-left: 0;margin-top: 20px;display: inline-block;} .text-icon .icon{max-width: 30%;margin: 0;float: left;} .text-icon .text {max-width: 70%;/* float: right; */padding-left: 15px;margin-bottom: 35px; text-align: left;} .footer-main {float: left;width: 100%;} .header-inside > * {max-width: unset;} .example {margin-bottom: 30px;} section {padding: 60px 10px;} .infographics-mobile ul li > img {max-width: 55px;} .heading {font-size: 30px;} .text h3 {font-size: 25px;} section#jorney .heading {word-break: break-all; font-size: 22px;} .infographics-mobile ul { max-width: 100%;} /*--new--*/ h3.other {margin: 20px 0; font-size: 35px;} .section2-1 h4 {font-size: 25px;} .example h3, .page-ttile {font-size: 30px;} .carousel-text p {font-size: 18px; text-align: center;} p.or {margin-bottom: 5px;} .example ul li span { font-size: 18px; letter-spacing: 0; } .user-mob { display: block; right: 45px; top: -10px; } .user-mob img { max-width: 80%; } .user-d { display: none !important; } .mob-order-2 {order:2} .about-content p.semibold-txt {font-size: 20px;} .heading {margin-bottom: 20px;} .about-box {min-height: auto;padding: 20px 20px; width: 100%; margin: 15px 0;} .sitemap-links ul li li { width: 100%; float: left; } .offering-ttl {margin-bottom: 25px;} #offering .content-img { margin-top: 25px; } #offering .row.mt-50 { margin-top: 25px; } .contact-img { margin-bottom: 30px; } section#jorney .carousel-indicators {/* width: 30%; */width: 100%; left: 0; display: block; float: left; margin: 0;} /* section#jorney .carousel-inner { margin-top: 0; width: 65%; float: right; padding-left: 0px; } */ section#jorney .carousel-inner { margin-top: 250px; width: 100%; float: right; padding-left: 0px; } section#jorney .carousel-indicators li { /* width: 100%; */width: 33.33%; height: auto; font-size: 0; border: 0; border-radius: 0; padding: 0; margin-right: 0px; margin-left: 0px; float: left; min-height:111px; } section#jorney .carousel-indicators li img, section#jorney .carousel-indicators li span {display: block; font-size: 100%;} section#jorney .carousel-indicators li.active {background:none;} header { position: fixed; width: 100%; z-index: 9999; background: #fff; top: 0; left: 0; /* box-shadow: 0 0 5px #f6fcee; */ box-shadow: 0 0 5px #eee; } body { padding-top: 100px; } .more-btns {margin-bottom: 0px;text-align: center;} .footer-main .footer-col.col1, .footer-main .footer-col.col2 {} .footer-col.col1, .footer-col.col3{width: auto !important} .footer-main .footer-col.col4 li {/* display:none; */} .footer-main {padding: 40px 0;} .footer-main .footer-col.col4 li.cybersafe-logo, #cssmenu > ul > li.mob-sign-link {display:block;} #cssmenu > ul > li.mob-sign-link{display:none} .navbar-brand.logo-div img { /* max-width: 150px; */max-width: 95px; } .logo-02 img { max-width: 130px; } #overview .about-content .heading {word-break: break-all; font-size: 22px;} #overview .about-content p.semibold-txt {font-size: 18px;} .carousel-thumb > span {padding-bottom: 10px; padding-top: 40px;} section#jorney .carousel-indicators li .carousel-thumb img { max-width: 75px; } .carousel-thumb > img {margin-bottom: -40px;} section#jorney .carousel-indicators {position: relative;} section#jorney .carousel-indicators { position: absolute; top: 0; } .content-img.content-img-left, .content-img.content-img-right { text-align: center; } .btn-header-link {padding: 10px 20px;} .contact-form-2 .form-group {width: 100%; float: left;} #faq.accordion .card .card-body {padding: 20px 20px;} #founder .heading { text-align: center !important; } .product-img-mob { margin-bottom: 30px; display: inline-block; width: 100%; text-align: center; } .product-img-dsk {display:none} .wow { animation: none !important; } section#jorney .carousel-indicators li.active span {padding-right: 0px; padding-left: 0px;} .mb-30-mob {margin-bottom: 30px;} .mt-30-mob {margin-top: 30px;} .text-center-mob {text-align:center !important} .more-btns a {display: inline-block;float: none;} .aspire-part::after {display:none;} .know-part.know-part-left::after {display:none;} .know-icon {width: 40% !important;padding-right: 10px;} .know-text {width: 60% !important;} #journey-example {padding-left:0; padding-right:0;} .know-ttl {font-size: 18px; text-align: center;} .know-sub-text {font-size: 18px; text-align: center;} .know-sample a {font-size: 16px; text-align: left;} .know-part.know-part-left {margin-bottom:15px;} .know-text-bottom, .know-icon-bottom {float: none;} .table-part { overflow-x: auto; } #overview .content-img {text-align:center} #cssmenu ul li.active a::after {display:none;} .mob-mb-15 {margin-bottom:15px;} .table-part { width: 100%;float: left; overflow-x:inherit; margin-bottom:0} section#jorney { padding-left: 0; padding-right: 0; } .know-sample,.know-self {text-align:center} .know-self a { font-size: 15px; } .jorney-offering h3.heading { font-size: 20px !important; } section#intro.intro-2 { padding: 30px 0; } .intro-2 .header-inside .text h1 { text-align: center; line-height: 1.2; } .header-inside-text, .header-inside { max-width: 100%; width: 100%; padding-right:0; padding-left:0; border-right: 0; } .header-inside .media img { max-width: 100%;} .header-inside{display:flex; width: 360px; margin: 0 auto;} #intro{min-height:240px; padding: 30px 0;} .header-inside .text { width: 50%;} .header-inside .text h1 { text-align: center; } .header-inside-text h2 {font-size: 25px; top:0; margin-top:10px;} .intro-2 .header-inside .media { width: auto; max-width: 100%; padding-right: 0px;} .about-sub-ttl.text-center { text-align: left !important; } #company .about-col-cont-100-2 p { text-align: left !important;} ul.common-list li {width: 100%;} #header nav.navbar { padding-left: 0;padding-top: 19px; padding-bottom: 18px; } .navbar-brand {margin-right: 10px;} .logo-02 {padding-left: 10px;} .know-self-2-btn a {min-width: 220px; font-size: 17px;} .header-top-text {font-size: 25px;} .pager__item {font-size: 22px;} .banner-area .slick-dots li {margin:0 15px !important} .hm-lg {font-size: 35px;} .pager__item::before {top: 3px; height: 3px;} .slick-prev, .slick-next {top: 30% !important;} .slider-full.slider { padding-bottom: 10px; padding-top: 70px; margin-top: 20px; } .slick-next::before, .slick-prev::before {width: 25px !important; height: 25px !important;} button.slick-prev {left:10px !important;} button.slick-next {right:10px !important;} .banner-area .slick-dots {padding: 0 15px; bottom: auto; top: 0;} /* .slick-initialized .slick-slide {opacity:0 !important;} .slick-initialized .slick-slide.slick-active {opacity:1 !important;} */ .slick-dots li {margin:0 3px !important;} .menu-dropdown ul,.menu-dropdown1 ul {flex-wrap:wrap} .menu-dropdown ul li a.menu-dropdown1 ul li a {font-size:12px} .menu-dropdown ul li,.menu-dropdown1 ul li { padding: 0 5px; } .menu-dropdown,.menu-dropdown1 {padding:10px 0 12px 0} body {padding-top:88px} body.sub-menu {padding-top:120px} .approach-content ul li{width:50%;height: 155px;line-height:1.5} .approach-content ul li .content-inside,.approach-content ul li.font-15 .content-inside{font-size:13px;left: 15px;right: 15px} .approach-content ul li.blu {background: #f4f8fb;} .approach-content ul li.wht {background: #fff;} .approach-content ul li:last-child{width:100%;} .events-col-date {width:100%; } .events-col-format {width:100%; } .events-col-title {width:100%; } .events-row,.events-row a{flex-wrap:wrap} .events-col-org {width:100%} .content-img img {margin-top:0} .state-selector-wrapper,.city-selector { width: 48%; margin:0 } .state-selector-wrapper {margin-right:10px} .menu-dropdown ul li a,.menu-dropdown1 ul li a {font-size: 12px; min-width: inherit; line-height: 14px; padding:0;min-height:33px} .menu-dropdown ul li::before, .menu-dropdown1 ul li::before {height: 11px; top: 11px;} .menu-dropdown ul li, .menu-dropdown1 ul li {padding:0 4px 0 6px} .events-col-date,.events-col-format,.events-col-title,.events-col-org {position:relative; padding:0 0 0 150px} .events-col-date:before {content:'Date'; position:absolute; left:0; top:auto; color:#396793; font-weight:600} .events-col-format:before {content:'Format'; position:absolute; left:0; top:auto; color:#396793; font-weight:600} .events-col-title:before {content:'Title'; position:absolute; left:0; top:auto; color:#396793; font-weight:600} .events-col-org:before {content:'Organise By'; position:absolute; left:0; top:auto; color:#396793; font-weight:600} .events-row.title {display:none} .certification-top select {width:48%; margin-bottom:10px} .certification-top .cities,.certification-top .cities1 {width:48%;} .events-row {padding-bottom: 0;margin-bottom: 40px; border-bottom:none} .events-col-date, .events-col-format, .events-col-title, .events-col-org {padding: 0 0 15px 150px;border-bottom: 1px solid #eee;margin-bottom: 15px;} .events-col-org {border-bottom:none;margin-bottom: 0;} #header nav.navbar { padding-left: 0;padding-top: 15px; padding-bottom: 14px; } .menu-dropdown, .menu-dropdown1 {padding:0} .hm-lg,.hm-sml,.learn-more {text-align:center} .learn-more {width:100%} .learn-more a {padding:0} .footer-col.col3 ul {padding-right:0} .footer-col.col3 {margin-bottom:15px; } .price-radio-btns span.radiospan {display:inline-block} .on-txt { display: inline-block; width: 100%; line-height: 32px; font-size: 28px; margin: 0 0 15px 0; } .aspire-part { padding-left: 15px; padding-right: 15px; } .text-icon .aspire-part .icon {max-width:100%; margin-bottom:15px} .text-icon .aspire-part .text {max-width:100%;} .aspire-part p {font-size:19px} #header .navbar > .container { position: relative; } .know-part-bottom-1 {display:flex; align-items:center; justify-content:center} .know-part-bottom-1 .know-text-bottom {max-width:31%;margin-right: 15px;} .know-self-2-btn-icon .icon {flex:0 0 40%} .infographics-mobile ul {max-width:100%} .events-col-date {flex:0 0 100%} .events-col-org {padding-bottom:60px} .view-more {left:150px} .newsletter-form form {flex-wrap:wrap} .news-field {margin-bottom:15px;margin: 0 15px 0 0;width: 47%;margin-right: 0;} .mid-text {display: inline-block; min-height: 45px;} .chk-field .checkmark {top:0} .news-field.terms {margin-bottom:10px} .chk-field {line-height:25px} .switch-text {font-size:14px} .footer-col.col4 {width:49% !important; padding:0} .footer-col.col5 {width:51% !important} .hm-lg, .hm-sml, .learn-more {text-align:left} .hm-txt-layer {padding-left:30px} .home-text-header {max-width:96%; padding-bottom:0} ul.resp-tabs-list { display: none;} h2.resp-accordion.resp-tab-active {background: #dff3c8 !important; color: #08508b !important;}h2.resp-accordion { display: block; font-size: 16px; font-weight: 600; background: #e7f5fd !important; color: #08508b; clear:both} .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none;} .resp-accordion-closed { display: none !important;} .resp-vtabs .resp-tab-content:last-child { border-bottom: none !important;} .resp-tab-content {padding:10px} .resp-vtabs .resp-tab-content {border:0px solid #d9e2ef !important} .resp-tab-content {border: 1px solid #d9e2ef !important;} h2.resp-tab-active {padding: 15px 25px 15px 15px !important;} .pricing-tab .resp-arrow {margin-top: 5px;} .pricing-tab h2.resp-tab-active span.resp-arrow {margin-top: 3px;} .faq-cont h2 span.resp-arrow {margin-top: 4px;} .faq-cont h2.resp-tab-active span.resp-arrow {margin-top: 3px;} #cssmenu ul ul ul.agricultural-products { width: 100%; } #cssmenu #head-mobile{display:block;padding:0px;color:#ddd;font-size:12px;font-weight:700} #cssmenu{width:100%; position: absolute; right:0; z-index: 999998!important; } #cssmenu ul{width:100%;display:none; padding:0; } .button{width:40px;height:34px;position:absolute;right:10px;top:-45px;cursor:pointer;z-index: 12399994; border-radius: 4px; border:0px solid #ddd; } .button:after{position:absolute;top:14px;right:8px;display:block;height:8px;width:22px;border-top:2px solid #87b54f;border-bottom:2px solid #87b54f;content:''} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:8px;right:8px;display:block;height:2px;width:22px;background:#87b54f;content:''} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:15px;border:0;height:2px;width:19px;background:#87b54f;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .button.menu-opened:before{top:15px;background:#87b54f;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button.submenu-opened{background:#266190} #cssmenu ul ul .submenu-button{height: 46px;width: 46px;/* position: relative; */} #cssmenu ul ul .submenu-button:after{top: 22px;right: 19px;} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu ul ul .submenu-button:before{top: 19px;right: 22px;} #cssmenu .submenu-button.submenu-opened:before{display:none} .navigation { padding: 15px 0 0 10px; width:100%; position:absolute;right: 0; top: 24px; } #cssmenu ul ul {top: 0px;} #cssmenu ul { margin:0;margin-top: 0px; top: 33px;} #cssmenu ul.open { opacity: 1; transition:0.0s} #cssmenu > ul { opacity: 0; transition:0.5s} #cssmenu > ul > li > a { padding: 11px; font-size: 16px; } #cssmenu ul ul ul.agricultural-products { width: 100%; margin-top: 0; } #cssmenu ul ul ul.agricultural-products li { width: 100%; } #cssmenu ul ul ul.fmcg-products {width: 100%;} #cssmenu ul ul ul.fmcg-products li { width:100%; float: left; } #cssmenu ul ul ul.fmcg-products li a { width: 100%; float: left;padding-right:0 } #cssmenu ul ul ul.fmcg-products li:last-child { margin-top:0; } .button { top:-24px;} .navigation {top: 24px; } .price-radio-btns.desk {display:inline-block} .price-radio-btns.mob {display:none} img.info-main { max-width: 60%; } .infographics-desktop h3 {font-size: 18px; right: 0; margin: 0 auto; left: 0; top: 22%;} .infographics-desktop ul li:first-child {margin-left:0; width:19%} .infographics-desktop ul li {font-size: 13px; line-height: 18px; } .infographics-desktop ul {top:-6px} .infographics-desktop ul li:nth-child(2) { left: 0; margin-left: 7%; width: 22%; margin-top: 20%; } .infographics-desktop ul li:nth-child(3) {margin-top:34%} .infographics-desktop ul li:nth-child(4) { right: 0; margin-right: 0; width: 24%; margin-top: 20%; text-align: center;} .infographics-desktop ul li:nth-child(5) { right: 0; margin-right: 0%; width: 20%; margin-top: 0; text-align: center; } table.price-table td::before {width:45%} .fixed1 {top: 153px;/*display:none !important*/} .price-table th:first-child {min-width:321px} .switch {width:46px; height:23px} .price-radio-btns .slider::before {left: -2px;bottom: 2px;} .menu-dropdown.offering .price-radio-btns {position: relative; right: auto; top: auto; margin-bottom: 0; width: 100%;padding-bottom: 5px; padding-top: 2px;} .price-radio-btns .switch input:checked + .slider:before { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } .news-col::before {width:93.6%;} .whatsapp-wrap {bottom:40px} .price-table td {font-size:17px} .btm-links .tooltip.mbright .top {left:auto; right:0} .btm-links .tooltip.mbright .top::before, .btm-links .btm-links .tooltip.mbright .top::after { left: auto; right: 10px; margin: 0 !important; } .example-txt { min-height: inherit; } .example { margin-bottom: 0; } .certification-top {margin:0} #plan1.owl-carousel,#plan2.owl-carousel,#plan3.owl-carousel,#plan4.owl-carousel,#plan5.owl-carousel {padding-top:30px} .owl-carousel .owl-dots {position: absolute;top: -13px;} #ind-scroll.owl-carousel .owl-dots,#org-scroll.owl-carousel .owl-dots {position:relative; top:auto} div#carouselExampleIndicators{width:100%;padding:0 15px} .carousel-inner img{max-width:65%;} .testimonial-img{width:100%;position: static;transform: translateY(0);} .testimonial-text{width:100%;padding: 55px 0 0 0;font-size: 14px;line-height: 1.5;background-position: 0 0; min-height: 611px;} .hide-mbl{display:none;} .hide-dsk img{max-width:100%;} .carousel-item { min-height: 250px;} section#endorsements .carousel-indicators{ margin-top:30px} section#endorsements .carousel-indicators li { width: 15px; height: 15px; font-size: 0; border: 1px solid #54a8c7 ; border-radius: 50%; } section#endorsements .carousel-indicators li img { display: none; font-size: 0; } section#endorsements .carousel-indicators li.active { background: #54a8c7 ; } .carousel-inner img{max-width:65%;} section#endorsements .carousel-inner{margin-top:120px;} .testimonial-img{width:100%;position: static;transform: translateY(0);} .testimonial-text{width:100%;padding: 55px 0 0 0;font-size: 14px;line-height: 1.5;background-position: 0 0; min-height: 611px;} .carousel-arrow {position: absolute; bottom: auto; width: 100%; padding: 0 15px; left: 0; top: 50px;} .carousel-arrow .carousel-control-prev { left: 40%; background: url(../images/bullet.png) no-repeat center #fff; transform: rotate(180deg); margin-left:auto} .carousel-arrow .carousel-control-next { right: 40%; background: url(../images/bullet.png) no-repeat center #fff;margin-right:auto } .carousel-arrow .carousel-control-next, .carousel-arrow .carousel-control-prev { padding: 0; width: 30px; height: 30px; } .hide-dsk {display:inline-block} .hide-mbl {display:none} /*.menu-dropdown.pr-nav nav {width:100%} .menu-dropdown.pr-nav ul li {max-width:inherit} .menu-dropdown.pr-nav ul li {padding:0 5px} .menu-dropdown.pr-nav ul li:first-child {padding-left:0} .menu-dropdown.pr-nav ul li:last-child {padding-right:0} .menu-dropdown.pr-nav ul {flex-wrap:inherit} .menu-dropdown.pr-nav ul li a {font-size: 10.5px;display: flex;align-items: flex-start;padding: 8px 0 9px 0;}*/ .pricing-page .fixed1 {top:167px} #overview-off .example { min-height: inherit; padding: 20px; margin-bottom: 30px; height:auto } body.sub-menu.pricing-page { padding-top: 165px; } .info-graph-row {flex-wrap:wrap} .info-graph-col {width:50%} .info-img {padding-bottom: 0; width: 100%; text-align: center; position: relative; margin-bottom: 30px; padding-right:0; flex: 0 0 auto} .info-graph-col {display:block; width:50%;flex-wrap:wrap;padding:0 15px} .info-graph-col.col1 .info-txt,.info-graph-col.col4 .info-txt,.info-graph-col .info-txt {padding:0 0 50px 0; min-height:inherit; border:none} .info-img::before { left: auto; right: 0; margin: 0; bottom: auto; top: 42px; display:none } .info-txt::after { content: ''; width: 1px; height: 70%; display: block; position: absolute; right: auto;top:auto; margin: 0; bottom: 0; border: none; border-radius: 0; left: -9px; display:none } .info-graph-row h2,.info-graph-row p {text-align:center} .info-txt::before { content: ''; width: 1px; height: 48px; display: block; position: absolute; left: -9px; margin: 0; top: 0;border: none; border-radius: 0; bottom: auto; display:none } .info-graph-col.col4 .info-txt {padding:0 0 0 30px} .graph-journey-col {width:50%; margin-bottom:30px} .faq-graph-journey p {min-height:inherit} .tooltip.left.rl.one .top {width: 300px; left: auto; right: -100px;} .tooltip.left.rl .top {z-index:9} .tooltip.left.rl.one .top::before, .tooltip.left.rl.one .top::after {right: 94px;left: auto; } #journey-example .know-part-bottom .heading {font-size:25px} /*#journey-example .know-part-bottom .heading br {display:none}*/ section#journey-example {padding-bottom:0 !important} .know-part-bottom-02 {padding-bottom:40px} .bigtxt { font-size: 24px;line-height: 28px;} .content-tb-btm {margin-bottom:20px} .branches-wrap, .branches-wrap1 {margin-left:0; margin-top:15px} .with-scroll .fixed1 {display:none !important} #journey-example1 .heading {line-height:28px} #journey-example1 .bigtxtbold { line-height:34px} #journey-example1 .bigtxt { font-size: 22px;line-height: 26px;} .step-container .progress-bar1 .step p,.step-container .progress-bar1 .step1 p,.step-container .progress-bar1 .step2 p,.step-container .progress-bar1 .step2 p { font-size: 12px; min-height: 33px; line-height: 16px; } .step-container { box-sizing: border-box; border-radius: 0;} .tooltip.left.estim .top { right: -50px; left: auto; } .tooltip.left.estim .top::before, .tooltip.left.estim .top::after { left: auto; right: 47px; } .tooltip.estim .top { width: 320px; } .about-content2 .br-none a br{ display: block;} .radio-row.level .radio-column ,.radio-row.role .radio-column{width:100%;} .radio-row.level .radio-column,.radio-row.four .radio-column {padding-bottom:10px} .radio-row.four .radio-column {width:100%} .spanname {width:58%} .spancol {width:2%} .spandesc {width:40%} #myModal3.modal .modal-body {max-height:330px;min-height: 330px;} #myModal3.modal .modal-table-cont {height:auto} .form-price-cont-new input {width: 100% !important;} .form-price-cont-new input:nth-child(3n) {margin-right: 0 !important;} .start-wrap{flex-wrap:wrap;} .start-journey{width:100%;padding: 0 0 10px 0;border:0;border-bottom: 1px solid #d8f4bf; display:flex; align-items:center} .start-sec-r{width:100%;padding:0;} .know-self-2{margin-top: 5px; text-align: left; display: flex; align-items: center;} .know-self-2 img { display: block; margin: 0px 15px 0px 0px; } .header-inside .media{width:50%} .pricing-radio-panels form .btns button { margin-top: 0 !important; } .payment-form { margin-top: 15px; clear: both; float: left; width: 100%; } .note-text.list p {flex-wrap:wrap} input.session-number {max-width:100px} .note-lft { width: 24%;} .total_amount_guidance,.total_amount_certification {width:100%; margin:0 0 15px 0} .start-journey a, .know-self-2 a {text-align: left; font-size: 24px; line-height: 30px; flex: 1; } #e-learn h2.resp-accordion,#certification h2.resp-accordion {display:none} .start-journey a.now-btn, .know-self-2 a { font-size: 17px; } .start-wrap .start-journey a.now-btn { font-size: 17px; padding: 0; flex: none;line-height: 1.5; margin:0 5px } .start-wrap .know-self-2 a{word-break: break-word;} #e-learn .col-lg-7,#certification {order:2} #e-learn .col-lg-7 p:last-child {margin-bottom:0} #e-learn .col-lg-5 {order:1; margin-bottom:30px} #e-learn .example-prt {margin-bottom:30px} #e-learn .mt-5 { margin-top:0!important;} .thumb-row {margin:0;justify-content: space-between;} .thumb-col { width: 32%; margin: 0; } .form-price-col { width: 48%; } .form-price-col.pr-btn-cont { flex: 1; padding: 0 0 0 4%; } .green-txt.green-txt-new { padding: 10px 10px; width: 100%;} #certification .payment-btn a.buy-btn { margin-bottom: 15px; margin-left: 0; } .intralinks ul {flex-wrap:wrap; margin-bottom:20px} .intralinks ul li {padding:0 5px 0 0; margin:0 5px 0 0} .intralinks ul li:last-child { padding: 0; margin: 0; } } @media only screen and (max-width:479px) { .infographics-desktop {display:none} .certification-top select {width:100%} .certification-top .cities,.certification-top .cities1 {width:100%; margin-top:15px;margin-left:0} .aspire-part { padding-left:25px; padding-right: 25px; } .text-icon .aspire-part .icon {max-width:30%; margin-bottom:0} .text-icon .aspire-part .text {max-width:70%;} .aspire-part p {font-size:17px; line-height:28px} .infographics-mobile ul li {width:100%; min-height: 54px;} #header .navbar > .container { position: static; } .know-icon {width: 25% !important;padding-right: 10px;} .know-text {width: 70% !important;} .infographics-mobile h3 {width:100%} .know-part-bottom-1 {flex-wrap:wrap} .know-part-bottom-1 .know-text-bottom {max-width:100%;margin-right: 0;} .know-self-2-btn-icon {flex-wrap: wrap;} .know-btn-icon { margin-right: 0px; border-right: 0; padding-right: 0px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d8f4bf; width: 100%; justify-content: left;} .know-btn-icon:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;} .know-self-2-btn-icon .icon {flex:0 0 30%} .events-col-date {flex:0 0 100%} .menu-dropdown ul li a,.menu-dropdown1 ul li a {font-size: 11.5px; } .pager__item { font-size: 18px; } body { padding-top: 87px; } .news-field { margin-bottom: 15px; margin: 0 0 15px 0; width: 100%; } .news-field.terms { margin-bottom: 15px; width:100%} .hm-sml {font-size:22px} .top-gray-col.col1 {padding-right: 0;margin-right: 0;justify-content: center;} .top-gray-col {width:100%} .switch input:checked + .slider::before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);} .footer-col.col4 {width:100% !important; padding:0 15px} .footer-col.col5 {width:100% !important; margin-top: 10px; padding: 0 10px;} .view-more {top: auto !important; bottom: 0; left: 150px;}.home-text-header { flex-wrap: wrap; padding: 0 15px; } .hm-txt-layer {max-width: 100%; width: 100%; padding-left: 0; padding-top: 15px; } .hm-lg, .hm-sml, .learn-more {text-align:center} .hm-txt-layer {padding-left:0} .home-text-header {max-width:100%; padding-bottom:10px} .navigation {top: 39px; } .mid-text { display: inline-block; width: 100%; text-align: center; margin-bottom: 15px; min-height:inherit } .infographics-mobile {display: block;} .infographics-desktop {display: none;} .certification-top select {max-width:100%; margin-right:0; margin-left:0} .certification-top .cities, .certification-top .cities1 {max-width: 100%;margin-right: 0;} .certification-top .cities select, .certification-top .cities1 select {width: 100%;max-width: 100%;} .certification-top select#state-selector, .certification-top select#state-selector1 {max-width: 100%;} .certification-top .cities, .certification-top .cities1, .certification-top .subcities, .certification-top .subcities1 { margin-left: 0; width: 100%; max-width: 100%; margin-top:15px } #guidance .branches-wrap {padding-bottom:0} .branches-wrap1 p, .branches-wrap p {position:relative} .branches-wrap1 strong, .branches-wrap strong {justify-content: center;} .modal .modal-header {padding:20px 15px 0 15px} .modal .modal-body {padding:15px 15px 30px} .modal table.price-table td::before {width:47%} .modal .el-table table.price-table td::before { width: 27%; } .el-table .price-table.cost-table td::before {font-size:16px; line-height:18px} .modal .modal-header .close {margin-right: -15px;} .price-table th:first-child {min-width:150px} .price-table th:nth-child(2) {min-width:150px} .price-table .buy-btn {max-width:inherit} .btm-links .tooltip.left1 .top {left:-45px} .btm-links .tooltip.left1 .top::before, .btm-links .tooltip.left1 .top::after {left:45px} .chart-cont .desk-img {display:none; } .chart-cont .mob-img {display:inline-block;} .whatsapp-wrap {bottom:80px} .know-sample .tooltip .top {left: auto; right:-30px} .know-sample .tooltip .top::before,.know-sample .tooltip .top::after {left: auto; right: 45px;} .know-sample .tooltip.tip-rt .top {left: auto; right:-30px} .know-sample .tooltip.tip-rt .top::before,.know-sample .tooltip.tip-rt .top::after {left: auto; right: 45px;} .example { padding: 15px; } .example-txt { min-height: inherit; } .product-col {width:100%; margin-bottom:30px; padding:0 15px } .product-row { display: flex; justify-content: center; flex-wrap: wrap; } .product-col h2 {font-size:22px} .product-col p {font-size:18px; line-height:20px} .product-col:nth-child(4) {margin-bottom:30px} .product-col:nth-child(5) {margin-bottom:0} /*.menu-dropdown.pr-nav ul li {max-width:inherit} .menu-dropdown.pr-nav ul li a {font-size: 9.5px;min-height: 61px;display: flex;align-items: flex-start;padding: 8px 0 9px 0;}*/ .pricing-page .fixed1 {top:179px} body.sub-menu.pricing-page { padding-top: 185px; } .info-txt::after {height:82%} .faq-graph {flex-wrap:wrap; margin-bottom:0} .faq-graph-col {width:100%; margin-bottom:30px} .faq-graph-col::before { content: ''; right: 0; margin: 0; top: auto; transform: rotate(90deg); left: 0; margin: 0 auto; bottom: -20px;} .graph-journey-col {width:100%; margin-bottom:30px} .faq-graph-journey p {min-height:inherit} .banner-area .slider-full-new .home-text-header {padding:0} .info-graph-col {width:100%} .certification-top select {margin-bottom:0} .step-container .progress-bar1 .step p,.step-container .progress-bar1 .step1 p,.step-container .progress-bar1 .step2 p { font-size: 11px; min-height: 33px; } .spanname {width:46%} .spancol {width:2%} .spandesc {width:52%} .spandesc .checkbox-container1 {margin:0} .box.other input {width:100%; margin-bottom:15px} .step-container .progress-bar1 .step2:first-child,.step-container .progress-bar1 .step2:last-child,.step-container .progress-bar1 .step1:first-child,.step-container .progress-bar1 .step1:last-child {width:50%} .cert-col { margin: 0 0 30px 0; width: 100%; } .certification-top.one-price {justify-content: space-between; flex-wrap:wrap} .cert-col p { font-size: 14px; } .box.other input, .box.hrmore input {margin-right:0;width: 100%;} .price-table.cost-table td::before { width: 44%; } #myModal3.modal .modal-body {max-height: 251px; min-height: 251px; padding-bottom: 15px;} .pricing-radio-panels form .field.btns .form-price-cont input {margin-right:0; width:100%; margin-bottom:15px} .resp-vtabs.legal .resp-tabs-list li a {font-size:12px} .resp-vtabs.legal .resp-tabs-list li {margin-right:5px !important; min-width:100px} .note-lft {width:auto; flex: 0 0 auto} .price-table tbody tr.tr-2.role-ht td { height: 198px; } .buy-btn {padding: 10px 10px;font-size: 14px;} .payment-btn a.buy-btn {margin-bottom:5px} #certification .payment-btn a.buy-btn {margin-bottom:0; margin-left: 0;} #certification .col-md-12 .payment-btn a.buy-btn {margin-bottom: 50px; margin-left: 60px;} #certification .col-md-12 .payment-btn a.buy-btn:last-child {margin-bottom:0} .form-price-cont.form-price-cont-new .g-recaptcha { transform: scale(0.9); -webkit-transform: translateX(0)scale(0.9); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .form-price-cont.form-price-cont-new {width:100%} .form-price-col { width: 100%; } .form-price-col.pr-btn-cont { flex: 0 0 auto; padding: 0; } .form-price-cont.form-price-cont-new .form-price-col .g-recaptcha { transform: scale(0.9); -webkit-transform: translateX(0)scale(0.9);} .form-price-cont-new.get-code-inputs { padding-bottom:25px; } .green-txt.green-txt-new { padding: 10px 10px; } .green-txt.green-txt-new br { display: none; } a.btnd { margin: 0 0 5px 0; } .intralinks ul li a {font-size:13px} }