body,
html {
overflow-x: hidden!important;
min-height: 100%;
}
body {
font-family: "Ubuntu", sans-serif;
color: #323a3e;
font-size: 18px;
}
body a {
text-decoration: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
a:hover {
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
}
.navbar {
padding: 0;
}
li.nav-item {
margin: 0 auto;
text-align: center;
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {
background: transparent;
color: #323a3e;
}
.navbar-light .navbar-nav .nav-link {
font-size: 18px;
font-weight: 800;
color: #323a3e;
padding: 3px 40px;
}
.navbar-light .navbar-nav .nav-link:hover {
color: #444d52;
}
.header-top {
position: fixed;
margin: 0 auto;
width: 100%;
box-shadow: 0 12px 25px 6px rgba(60, 193, 255, 0.15);
z-index: 999;
border-top: 1px solid #ddd;
}
.headernavbar,
.headernavbar-alt {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
background: #fff;
}
.logo {
padding: 20px 0;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.logo-alt {
padding: 10px 0;
}
.logo img,
.logo-alt img {
height: 45px;
}
.rowcenter {
align-items: center;
}
.bookbtn {
background: #9bd908;
border-radius: 10px;
border: 1px solid #fff;
color: #fff !important;
padding: 10px 20px !important;
margin-top: -7px;
display: inline-block;
margin-left: 55px !important;
font-weight: 500 !important;
font-size: 18px !important;
}
.bookbtn:hover {
background: #7eb006 !important;
}
.digitaltransform,
.digitalstages {
display: flex;
align-items: center;
text-align: center;
content-visibility: auto;
}
.digitaltransform {
padding: 200px 0 100px;
background: #f7fcff;
}
.digitalstages-main {
	background: -webkit-linear-gradient(#0d6992, #1f80ad);
}
.digitalstages {
padding: 120px 0;
background: url(../images/banner.png) no-repeat top right;

	background-size: contain !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.digitalstages h1 {
	color: #fff;
}
.digitalstages h3 span {
	color: #9bd908;
}
.universitieslogos {
padding: 90px 0;
background: #f4f7fc;
}
.scheduledemo {
padding: 120px 0;
background: #d7f3ff;
}
.studentebookmain {
background: -webkit-linear-gradient(#fafdff, #eef9dd);
position: relative;
}
.studentebook {
padding: 120px 0;
background: url(../images/arrow.png) no-repeat 96% 20%;
background-size: 190px;
}
.webinarwatchmain {
background: -webkit-linear-gradient(#fbfeff, #eef5e0);
position: relative;
}
.webinar2 {
background: url(../images/circlesblue.png) no-repeat 55% 70%;
background-size: 450px;
padding: 120px 0 200px;
}
.arrowintheimage {
position: absolute;
width: 320px;
left: 52%;
bottom: 8%;
}
@-webkit-keyframes wiggle1 {
0% {
-webkit-transform: rotate(10deg);
}
25% {
-webkit-transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(20deg);
}
75% {
-webkit-transform: rotate(-5deg);
}
100% {
/* -webkit-transform: rotate(0deg); */
-webkit-transform: rotate(10deg);
}
}

@-ms-keyframes wiggle1 {
0% {
-ms-transform: rotate(1deg);
}
25% {
-ms-transform: rotate(-1deg);
}
50% {
-ms-transform: rotate(1.5deg);
}
75% {
-ms-transform: rotate(-5deg);
}
100% {
/* -ms-transform: rotate(0deg); */
-ms-transform: rotate(1deg);
}
}

@keyframes wiggle1 {
0% {
transform: rotate(10deg);
}
25% {
transform: rotate(-10deg);
}
50% {
transform: rotate(20deg);
}
75% {
transform: rotate(-5deg);
}
100% {
/* transform: rotate(0deg); */
transform: rotate(10deg);
}
}
.studentebook .studnttwo {
background: url(../images/circles.png) no-repeat center;
background-size: 450px;
}
.studnttwo img {
-webkit-animation-name: wiggle;
-ms-animation-name: wiggle;
-ms-animation-duration: 5000ms;
-webkit-animation-duration: 5000ms;
/* -webkit-animation-iteration-count: 100; */
/* -ms-animation-iteration-count: 100; */
-webkit-animation-iteration-count: 500;
-ms-animation-iteration-count: 500;
-webkit-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
}

@-webkit-keyframes wiggle {
0% {
-webkit-transform: rotate(10deg);
}
25% {
-webkit-transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(20deg);
}
75% {
-webkit-transform: rotate(-5deg);
}
100% {
/* -webkit-transform: rotate(0deg); */
-webkit-transform: rotate(10deg);
}
}

@-ms-keyframes wiggle {
0% {
-ms-transform: rotate(1deg);
}
25% {
-ms-transform: rotate(-1deg);
}
50% {
-ms-transform: rotate(1.5deg);
}
75% {
-ms-transform: rotate(-5deg);
}
100% {
/* -ms-transform: rotate(0deg); */
-ms-transform: rotate(1deg);
}
}

@keyframes wiggle {
0% {
transform: rotate(10deg);
}
25% {
transform: rotate(-10deg);
}
50% {
transform: rotate(20deg);
}
75% {
transform: rotate(-5deg);
}
100% {
/* transform: rotate(0deg); */
transform: rotate(10deg);
}
}
00:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(3px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(3px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(1px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
.supportchannel {
background: -webkit-linear-gradient(#b9e453, #fefffe);
padding: 200px 0;
}
.footercomm {
padding: 120px 0;
background: #00567c;
text-align: center;
}
.footercomm img {
height: 50px;
}
.digitaltransform img.blueimg,
.digitaltransform h1,
.digitaltransform h2 {
text-align: center;
max-width: 80%;
margin: auto;
}
.digitaltransform h2 {
font-weight: 400;
color: #606c78;
}
.digitaltransform h2 span {
color: #3cc1ff;
font-weight: 500;
}
.digitaltransform img.blueimg {
width: 200px;
margin-top: 10px;
}
.digitalstages h2 {
color: #3cc1ff;
font-size: 2.5rem;
}
.digitalstages p {
color: #fff;
text-align: left;
font-size: 24px;
line-height: 1.8;
}
.digitalstages h3 {
color: #fff;
font-size: 2rem;
font-weight: 400;
margin-top: 15px;
line-height: 1.4;
}
.digitalstages img {
max-width: 100%;
margin-top: 60px;
}
.studentebook h1 {
margin-bottom: 40px;
line-height: 1.3;
}
.studentebook h1 span {
color: #9bd908;
}
.webinarwatch h1 {
font-size: 2rem;
margin-bottom: 30px;
}
.webinarwatch h1 span {
color: #3cc1ff;
}
.webinarwatch p {
margin-top: 45px;
font-weight: 500;
margin-bottom: 20px;
}
.webinarwatch h3 {
margin-bottom: 10px;
}
.webinarwatch h3 span {
font-weight: 300;
font-size: 1.75rem;
}
.supportchannel h2 {
margin-bottom: 30px;
}
.supportchannel h2 span {
color: #fff;
}
.supportchannel p {
font-size: 14px;
}
.supportchannel p span {
font-size: 12px;
font-style: italic;
}
.scheduledemo h3 span {
font-weight: 400;
}
.supptpad {
padding: 0 50px;
}
.dldbtn {
background: #9bd908;
border-radius: 10px;
color: #fff !important;
padding: 10px 20px 12px !important;
display: inline-block;
font-weight: 700;
font-size: 18px;
}
.dbblue {
	color: #0b6893 !important;
}
.dldbtn:hover {
background: #7eb006 !important;
}
.wthnw {
background: #3cc1ff;
border-radius: 10px;
color: #fff !important;
box-shadow: 0 0 10px 2px rgba(60, 193, 255, 0.5);
padding: 10px 20px 12px !important;
display: inline-block;
font-weight: 700;
}
.wthnw:hover {
background: #29a3dc !important;
box-shadow: 0 0 1px 0 rgba(60, 193, 255, 0.25) !important;
}
.videocontainer {
position: relative;
padding: 40px 40px 32.25%;
height: 0;
overflow: hidden;
margin: 30px 0;
}
.videocontainer iframe {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
min-width: 60%;
min-height: 60%;
box-shadow: 0 0 32px 0 rgba(0, 86, 124, 0.5);
}
.abovevideo {
width: 60%;
margin: 30px auto;
text-align: center;
box-shadow: 0 0 32px 0 rgba(0, 86, 124, 0.5);
}
.abovevideotwo {
width: 90%;
margin: 0 auto;
text-align: center;
box-shadow: 0 0 32px 0 rgba(0, 86, 124, 0.5);
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videocontainer.videotwo {
padding: 30px 30px 56.25% !important;
margin: -30px 0 0 -30px;
}
.videocontainer.videotwo iframe {
margin: 0 0 0 30px;
width: 89% !important;
height: 85% !important;
box-shadow: 0 0 18px 0 rgba(0, 86, 124, 0.5);
}
.containertwo {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@keyframes bang {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.hoverme {
cursor: pointer;
position: relative;
	margin-top: 40px;
}
.hoverme span {
color: #333;
font-size: 0.9em;
}
.hoverme i {
position: absolute;
display: block;
left: 11.5%;
top: 0;
width: 3px;
height: 5px;
background: red;
opacity: 0;
}
.hoverme:hover i:nth-of-type(1) {
transform: translate3d(-37px, -65px, 0) rotate(33deg);
background: #00c4ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(2) {
transform: translate3d(75px, -80px, 0) rotate(331deg);
background: #d5ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(3) {
transform: translate3d(78px, -87px, 0) rotate(260deg);
background: #ff1100;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(4) {
transform: translate3d(24px, -94px, 0) rotate(334deg);
background: #ff009d;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(5) {
transform: translate3d(9px, -92px, 0) rotate(98deg);
background: #22ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(6) {
transform: translate3d(-68px, -63px, 0) rotate(340deg);
background: #c400ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(7) {
transform: translate3d(87px, -94px, 0) rotate(339deg);
background: #004dff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(8) {
transform: translate3d(-13px, -61px, 0) rotate(111deg);
background: #ff00d5;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(9) {
transform: translate3d(52px, -68px, 0) rotate(171deg);
background: #00ff91;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(10) {
transform: translate3d(62px, -68px, 0) rotate(162deg);
background: #ff6600;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(11) {
transform: translate3d(47px, -75px, 0) rotate(34deg);
background: #d5ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(12) {
transform: translate3d(-96px, -94px, 0) rotate(218deg);
background: #00ffea;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(13) {
transform: translate3d(-6px, -59px, 0) rotate(286deg);
background: #ff3c00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(14) {
transform: translate3d(18px, -97px, 0) rotate(253deg);
background: #95ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(15) {
transform: translate3d(80px, -62px, 0) rotate(51deg);
background: #0066ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(16) {
transform: translate3d(-39px, -70px, 0) rotate(114deg);
background: #1aff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(17) {
transform: translate3d(32px, -94px, 0) rotate(195deg);
background: #ff8400;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(18) {
transform: translate3d(-3px, -97px, 0) rotate(78deg);
background: #09ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(19) {
transform: translate3d(-94px, -78px, 0) rotate(321deg);
background: #7300ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(20) {
transform: translate3d(4px, -67px, 0) rotate(157deg);
background: #ff1e00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(21) {
transform: translate3d(28px, -66px, 0) rotate(276deg);
background: #ff0066;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(22) {
transform: translate3d(3px, -73px, 0) rotate(157deg);
background: #00d5ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(23) {
transform: translate3d(-96px, -78px, 0) rotate(21deg);
background: #ff2600;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(24) {
transform: translate3d(26px, -52px, 0) rotate(293deg);
background: #44ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(25) {
transform: translate3d(-36px, -99px, 0) rotate(21deg);
background: #a200ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(26) {
transform: translate3d(75px, -74px, 0) rotate(43deg);
background: #b7ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(27) {
transform: translate3d(-55px, -96px, 0) rotate(36deg);
background: #a600ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(28) {
transform: translate3d(-70px, -92px, 0) rotate(263deg);
background: #fbff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(29) {
transform: translate3d(-52px, -88px, 0) rotate(43deg);
background: #002fff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(30) {
transform: translate3d(15px, -53px, 0) rotate(39deg);
background: #fff200;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(31) {
transform: translate3d(-52px, -88px, 0) rotate(290deg);
background: #ff9d00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(32) {
transform: translate3d(-57px, -54px, 0) rotate(98deg);
background: #ff2200;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(33) {
transform: translate3d(36px, -90px, 0) rotate(235deg);
background: #ff00ea;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(34) {
transform: translate3d(43px, -62px, 0) rotate(346deg);
background: #00ffbf;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(35) {
transform: translate3d(12px, -55px, 0) rotate(7deg);
background: #00ff7b;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(36) {
transform: translate3d(36px, -93px, 0) rotate(17deg);
background: #00ccff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(37) {
transform: translate3d(55px, -93px, 0) rotate(227deg);
background: #ff0062;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(38) {
transform: translate3d(80px, -51px, 0) rotate(26deg);
background: #00ff80;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(39) {
transform: translate3d(-65px, -66px, 0) rotate(356deg);
background: #00ff88;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(40) {
transform: translate3d(-10px, -99px, 0) rotate(44deg);
background: #4800ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(41) {
transform: translate3d(30px, -74px, 0) rotate(58deg);
background: #00ff6f;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(42) {
transform: translate3d(-76px, -58px, 0) rotate(135deg);
background: #ff001e;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(43) {
transform: translate3d(16px, -86px, 0) rotate(63deg);
background: #00e6ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(44) {
transform: translate3d(30px, -81px, 0) rotate(342deg);
background: #00ffea;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(45) {
transform: translate3d(87px, -85px, 0) rotate(342deg);
background: #0062ff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(46) {
transform: translate3d(-17px, -78px, 0) rotate(59deg);
background: #5eff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(47) {
transform: translate3d(66px, -90px, 0) rotate(299deg);
background: #e1ff00;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(48) {
transform: translate3d(83px, -90px, 0) rotate(348deg);
background: #00ddff;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(49) {
transform: translate3d(72px, -81px, 0) rotate(132deg);
background: #ff00cc;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
.hoverme:hover i:nth-of-type(50) {
transform: translate3d(68px, -60px, 0) rotate(315deg);
background: #00ff2f;
animation: bang 700ms ease-out forwards;
opacity: 0;
}
#part1 {
transform: rotate(0deg);
}
#part1 .circle {
background-color: #6f7d89;
animation: first 0.5s 1 forwards;
}
#part2 {
transform: rotate(61deg);
}
#part2 .circle {
background-color: #007a96;
animation: second 0.5s 1 forwards 0.5s;
}
#part3 {
transform: rotate(108deg);
}
#part3 .circle {
background-color: #9bd908;
animation: third 0.5s 1 forwards 1s;
}
#part4 {
transform: rotate(223deg);
}
#part4 .circle {
background-color: #3cc1ff;
animation: fourth 0.5s 1 forwards 1.5s;
}
@keyframes first {
from {
transform: rotate(0deg);
}
to {
transform: rotate(61deg);
}
}
@keyframes second {
from {
transform: rotate(0deg);
}
to {
transform: rotate(47deg);
}
}
@keyframes third {
from {
transform: rotate(0deg);
}
to {
transform: rotate(115deg);
}
}
@keyframes fourth {
from {
transform: rotate(0deg);
}
to {
transform: rotate(137deg);
}
}
@media (min-width: 1200px) {
.containertwo {
max-width: 900px;
}
}
@media (min-width: 992px) {
.containertwo {
max-width: 900px;
}
}
@media (min-width: 768px) {
.containertwo {
max-width: 720px;
}
}
@media (min-width: 576px) {
.containertwo {
max-width: 540px;
}
}
.mktoForm {
width: 100% !important;
}
.mktoFormRow {
clear: none !important;
width: 50% !important;
float: left !important;
position: relative !important;
}
.mktoFieldWrap {
width: 100% !important;
}
.mktoFormCol {
width: 95% !important;
}
.mktoOffset {
height: 0 !important;
}
label {
display: none !important;
}
label#LblExplicit_Consent__c {
display: inline !important;
width: 94% !important;
float: right !important;
}
.mktoCheckboxList {
float: left !important;
}
input,
#Industry {
width: 100% !important;
padding: 10px !important;
border: none !important;
}
.mktoButtonWrap {
margin-left: 0 !important;
}
.mktoButtonRow {
width: 100% !important;
padding-top: 5px !important;
height: 22px !important;
}
.mktoButton {
color: #fff !important;
background: #9bd908 !important;
border-radius: 6px !important;
padding: 8px 45px 10px !important;
border: none !important;
margin-top: 10px !important;
text-shadow: none !important;
font-size: 16px !important;
}
.mktoButton:hover {
background: #7eb006 !important;
}
input,
#Industry {
border: 1px solid #ddd !important;
}
.mktoForm input[type=text]:focus, .mktoForm input[type=url]:focus, .mktoForm input[type=email]:focus, .mktoForm input[type=tel]:focus, .mktoForm input[type=number]:focus, .mktoForm input[type=date]:focus, .mktoForm select.mktoField:focus, .mktoForm textarea.mktoField:focus {
outline: none !important;
}
/* #mktoForm_4797 .mktoFormRow:nth-child(5),
#mktoForm_4269 .mktoFormRow:nth-child(6),
#mktoForm_4271 .mktoFormRow:nth-child(6) {
width: 100% !important;
padding-top: 5px !important;
padding-bottom: 0px !important;
} */
#mktoForm_4797 .mktoCheckboxList,
#mktoForm_4269 .mktoCheckboxList,
#mktoForm_4271 .mktoCheckboxList {
margin-top: -35px !important;
}
#mktoForm_4417 input,
#mktoForm_4417 #Industry {
border: 1px solid transparent !important;
}
.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
padding: 0.45em 0.3em 0.3em 0em !important;
}
.mktoFormRow:nth-child(6) {
height: 0px !important;
}
#mktoForm_4417 .mktoFormRow:nth-child(6) {
height: 0px !important;
width: 50% !important;
padding-top:0 !important;
}
#mktoForm_4417 .mktoFormRow:nth-child(7) {
width: 100% !important;
margin-top: 5em !important;
margin-bottom:-25px !important;
}
#mktoForm_4417 #Explicit_Consent__c {
margin-top: 0 !important;
}
@media (max-width: 530px) {
#mktoForm_4417 #Explicit_Consent__c {
margin-top: -20px !important;
}
#mktoForm_4417 label#LblExplicit_Consent__c {
width: 94% !important;
}
}

.modal-body {
padding: 0 50px 50px;
}
.circ {
color: #fff !important;
}
.circ {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: center;
}

.circ-left,
.circ-right {
flex-shrink: 0;
position: relative;
/* width: calc(50% - 198px); */
width: calc(50% - 300px);
z-index: 2;
}

.circ-left {
padding-right: 50px;
padding-top: 105px;
text-align: left;
}

.circ-mid {
align-items: center;
display: flex;
flex-direction: column;
flex-shrink: 0;
height: 396px;
justify-content: center;
padding: 58px;
position: relative;
text-align: center;
width: 396px;
z-index: 1;
}

.circ-center svg {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}

.circ-right {
padding-left: 50px;
padding-top: 105px;
text-align: right;
}

.circ-text {
position: relative;
z-index: 2;
color: #fff;
font-size: 15px;
}

.circ-line {
margin: 10px 0;
background: currentColor;
height: 1px;
position: relative;
width: 100%;
z-index: 1;
}

.circ-line:before {
border: 0 solid;
bottom: 0;
content: "";
display: block;
position: absolute;
}

.circ-label.is-1 .circ-line:before {
border-bottom-width: 1px;
left: calc(100% - 1px);
width: 67px;
}

.nostresshead-main {
background: -webkit-linear-gradient(#035981, #1f80ad);
}
.nostresshead {
padding: 220px 0 120px;
background: url(../images/banner.png) no-repeat top right;
background-size: cover !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}
.nostresshead h1 {
color: #fff;
text-align: center;
}
.nostresshead h2 {
color: #3cc1ff;
font-size: 2.5rem;
text-align: center;
}
.nostresshead h3 {
color: #fff;
font-size: 2rem;
font-weight: 400;
margin-top: 15px;
line-height: 1.8;
padding-bottom: 50px;
}
.nostresshead h3 span {
color: #9bd908;
background: url("../images/greenline.png") no-repeat bottom;
	padding-bottom: 20px;
	background-size: contain !important;
}
.nostresshead p,
.nostresshead li {
color: #fff;
text-align: left;
font-size: 20px;
line-height: 1.8;
	font-weight: 400;
}
.nostresshead ul {
	padding-left: 20px;
}
.nostresshead img {
max-width: 100%;
margin-top: 60px;
}
.schedulewebinar {
	padding: 120px 0;
}
.schedulewebinar p {
	color: #606c78;
	font-size: 18px;
	margin-bottom: 0;
}
.schedulewebinar p span {
	color: #3cc1ff;
}
.schedulewebinar p.headinsec {
	font-size: 18px;
}
.schedulewebinar p.biggersec {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 25px;
}
.schedulewebinar p.biggersec.lssm {
	margin-bottom: 5px;
}
.schedulewebinar p.biggersec span {
	font-weight: 400;
	color: #222;
}
p.biggersec,
p.smallsec {
	color: #222;
}
.schedulewebinar h3 {
	color: #3cc1ff;
	font-size: 42px;
	margin-top: 20px;
}
.hoverme.seconded i {
	left: 45.5%;
}
@media (max-width: 1430px) {
.studentebook {
background-size: 120px;
}
}
@media (max-width: 1200px) {
.navbar-light .navbar-nav .nav-link {
padding: 3px 20px;
}
.bookbtn {
margin-left: 25px !important;
}
}
@media (max-width: 992px) {
	.nostresshead {
		background: none;
	}
.studentebook {
background-size: 170px;
background-position: 96% 37%;
}
.webinar2 {
background-position: 80% 52%;
}
.supptpad {
margin-bottom: 25px;
}
.videocontainer {
padding: 40px 40px 50.25%;
}
.inrespcol {
flex: 0 0 33.33333332%;
max-width: 33.33333332%;
}
.navbar-light .navbar-nav .nav-link {
padding: 10px 10px;
}
li.nav-item {
margin: 0;
text-align: right;
}
.bookbtn {
margin: 15px 0 25px 0 !important;
}
button.navbar-toggler:focus,
a.nav-link:focus {
outline: 5px auto #9bd908;
}
}
@media (max-width: 600px) {
.arrowintheimage {
position: absolute;
width: 320px;
left: 10%;
}
.studentebook {
background-size: 135px;
background-position: 96% 62%;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
width: 23px !important;
margin-top: -35px !important;
}
input,
#Industry {
background: #fff !important;
}
input {
padding: 10px !important;
}
.mktoForm .mktoCheckboxList {
width: 23px !important;
margin-right: 10px !important;
}
.mktoFormRow:nth-child(6) input {
padding: 0 !important;
}
#mktoForm_4417 .mktoFormRow:nth-child(6) input {
padding: 10px !important;
}
label#LblExplicit_Consent__c {
width: 92% !important;
}
.videocontainer {
padding: 0 0 59.25%;
}
.videocontainer iframe {
min-width: auto;
min-height: auto;
width: 100%;
}
.abovevideo {
width: 100%;
margin: 20px auto;
text-align: center;
}

#mktoForm_4797 #Industry,
#mktoForm_4269 #Industry,
#mktoForm_4271 #Industry {
margin-top: -15px !important;
}
#mktoForm_4797 .mktoCheckboxList,
#mktoForm_4269 .mktoCheckboxList,
#mktoForm_4271 .mktoCheckboxList {
margin-top: 0 !important;
}
#mktoForm_4797 .mktoFormRow:nth-child(6),
#mktoForm_4269 .mktoFormRow:nth-child(6),
#mktoForm_4271 .mktoFormRow:nth-child(6) {
padding-top: 0 !important;
margin-top: -8px !important;
}
}
@media (max-width: 576px) {
	.schedulewebinar {
		text-align: center;
	}
	.schedulewebinar p.biggersec,
	.schedulewebinar p.biggersec span,
	.schedulewebinar p.smallsec,
	.schedulewebinar p {
		font-size: 28px;
		text-align: center;
	}
	.schedulewebinar p.biggersec {
		margin-top: 35px;
	}
	.rotatebgimg {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 100%;
    left: -50%;
    z-index: -1;
    background: url(background.png) 0 0 repeat;
    -webkit-transform: rotate(53deg);
    -moz-transform: rotate(53deg);
    -ms-transform: rotate(53deg);
    -o-transform: rotate(53deg);
    transform: rotate(53deg);
}
}
@media (max-width: 480px) {

.inrespcol {
flex: 0 0 50%;
max-width: 50%;
}
.mktoFormRow {
width: 100% !important;
}
input,
#Industry {
background: #fff !important;
}
#mktoForm_4417 .mktoFormRow:nth-child(6) {
width: 100% !important;
}
#mktoForm_4797 input, 
#mktoForm_4269 input, 
#mktoForm_4271 input, 
#mktoForm_4258 input, 
#mktoForm_4256 input, 
#mktoForm_4253 input,
#mktoForm_4417 input, 
#mktoForm_4417 .mktoFormRow:nth-child(6) input {
padding: 18px 14px !important;
font-size:15px !important;
margin-bottom:10px !important;
}
#mktoForm_4797 #Industry, 
#mktoForm_4269 #Industry, 
#mktoForm_4271 #Industry {
font-size:15px !important;
margin-bottom:10px !important;
margin-top:15px !important;
}
#mktoForm_4258 #Industry, 
#mktoForm_4256 #Industry, 
#mktoForm_4253 #Industry {
font-size:15px !important;
margin-bottom:10px !important;
}
#mktoForm_4417 .mktoFormRow:nth-child(7) {
margin-top: 4em !important;
margin-bottom: -32px !important;
}
.mktoFormCol {
width: 100% !important;
}
.mktoForm {
padding:0 !important;
}
.modal-body {
padding: 30px 30px 50px;
}
}

@media (max-width: 414px) {
#mktoForm_4417 #Explicit_Consent__c {
margin-top: -35px !important;
}
}
@media (max-width: 364px) {
.logo img,
.logo-alt img {
height: 35px;
}
#mktoForm_4417 label#LblExplicit_Consent__c {
width: 91% !important;
}
}
@media (max-width: 320px) {
.inrespcol {
flex: 0 0 100%;
max-width: 100%;
}
}

.circ-grey {
color: #6f7d89;
}
.circ-teal {
color: #007a96;
}
.circ-green {
color: #9bd908;
}
.circ-blue {
color: #3cc1ff;
}

@media (min-width: 769px) {
.desktop {
display: block;
}

.mobile {
display: none;
}

.label-13 {
/* margin-top: 40px; */
margin-top: 110px;
}

.label-13 .circ-percent {
padding-top: 50px;
}

.label-32 {
/* margin-top: 70px; */
margin-top: 160px;
}

.line-17 {
margin-left: -140px;
width: 345px;
}
.line-13 {
margin-left: -90px;
}
.line-32 {
/* width: 505px; */
width: 405px;
}
.line-38 {
/* width: 470px; */
width: 390px;
}

.shape {
height: 50px;
/* width: 400px; */
width: 270px;
border-bottom: 1px solid white;
border-left: 2px solid white;
-moz-transform: skew(45deg);
-webkit-transform: skew(45deg);
transform: skew(45deg);
background: none;
margin-top: -40px;
}

.circ-main-label {
font-size: 70px;
color: white;
}
.circ-main-text {
font-size: 26px;
line-height: 1.5em;
}

.circ-percent {
font-size: 24px;
}

.donut-chart {
position: relative;
width: 400px;
height: 400px;
margin: 5rem auto 2rem;
border-radius: 100%;
}

.circ-mid {
width: 500px !important;
height: 500px !important;
}

.portion-block {
border-radius: 50%;
clip: rect(0px, 400px, 400px, 250px);
height: 100%;
position: absolute;
width: 100%;
}
.circle {
border-radius: 50%;
/* clip: rect(0px, 300px, 400px, 0px); */
clip: rect(0px, 250px, 400px, 0px);
height: 100%;
position: absolute;
width: 100%;
font-family: monospace;
font-size: 1.5rem;
}

p.center {
background: #00567c;
position: absolute;
text-align: center;
font-size: 28px;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 320px;
height: 320px;
margin: auto;
border-radius: 50%;
line-height: 15px;
padding: 25% 0 0;
}
}

@media (max-width: 768px) {
.mobile {
display: block;
}

.desktop {
display: none;
}

.circ-main-label {
font-size: 35px;
color: white;
}
.circ-main-text {
font-size: 13px;
}

.circ-percent {
font-size: 24px;
}

.circ-left,
.circ-right {
width: 50%;
padding-top: 0;
}

.circ-left {
padding-right: 0;
}

.circ-right {
padding-left: 0;
}

.circ-mid {
width: 100% !important;
padding: 0 !important;
}

.donut-chart {
position: relative;
width: 250px;
height: 250px;
margin: 5rem auto 2rem;
border-radius: 100%;
}

p.center {
background: #00567c;
position: absolute;
text-align: center;
font-size: 28px;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 180px;
height: 180px;
margin: auto;
border-radius: 50%;
line-height: 15px;
padding: 15% 0 0;
}

.portion-block {
border-radius: 50%;
clip: rect(0px, 250px, 250px, 150px);
height: 100%;
position: absolute;
width: 100%;
}

.circle {
border-radius: 50%;
clip: rect(0px, 150px, 250px, 0px);
height: 100%;
position: absolute;
width: 100%;
font-family: monospace;
font-size: 1.5rem;
}
}