/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
html,body{
height:100%;
}
body{
font-family: 'Poppins', sans-serif;
font-size: 14px;
min-height: 100vh;
padding-top: 77px;
}
* {
box-sizing: border-box;
}
.clearfix:after, .clearfix:before {
display: table;
content: " ";
}
.clearfix {
clear: both;
}
img{max-width:100%}
.svgespreeso{
margin:10px;
width:180px;
height:auto;
}
.header {
position: fixed;
width: 100%;
height: 77px;
background: #DFC822 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
opacity: 1;
padding: 0px 0px 0px 4px;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.h100{
height:100%;
}
.forminp {
margin-top: 10px;
}
.formdsgn {
width: 352px;
/* height: 325px; */
background: #FFFFFF 0% 0% no-repeat padding-box;
/* background: #FFFFFF; */
box-shadow: 0px 3px 10px #00000033;
border-radius: 15px;
opacity: 1;
margin-top: 22%;
margin-left: 170px;
margin-bottom: 11%;
}
.formdsgnhands {
width: 352px;
/* height: 325px; */
background: #FFFFFF 0% 0% no-repeat padding-box;
/* background: #FFFFFF; */
box-shadow: 0px 3px 10px #00000033;
border-radius: 15px;
opacity: 1;
text-align: center;
margin: 30px auto;
}
.formheader {
position: inherit;
top: 241px;
left: 985px;
/* width: 132px; */
height: auto;
text-align: center;
font: normal normal bold 18px/38px;
font-weight: bold;
letter-spacing: 0.36px;
color: #000000;
text-transform: uppercase;
opacity: 100%;
/*margin-top: 15px;*/
padding:20px 0px 0px 0px;
}
.txtbox {
font-size: 12px;
width: 290px;
height: 39px;
border: 1px solid #E5E5E5;
border-radius: 20px;
opacity: 1;
background-color: #F3F3F3;
/*margin-top: 10px;*/
margin:5px 0px;
}
.btnlogin {
width: 170px;
height: 40px;
text-align: center;
font: normal normal 600 15px/27px;
letter-spacing: 0.45px;
color: #1A1818;
text-transform: uppercase;
opacity: 1;
background-color: #DFC822;
border-radius: 20px;
/*border-color: #fcfafa4d;*/
border-style:none;
margin: 15px 0px 20px;
box-shadow: 2px 2px 6px #0000004d;
font-size:15px;
font-weight:600;
}
input[type="text"] {
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
color: #000000;
}
/*Breadcrumb css starts*/
.partnerprog-breadcrumb{
clear: both;
text-align:left;
}
.partnerprog-breadcrumb ol.breadcrumb{
padding: 0;
list-style: none;
line-height: 18px;
margin: 0;
border-radius: 0;
}
.partnerprog-breadcrumb ol.breadcrumb li{
display: inline;
font-size: 14px;
position: relative;
padding: 0;
text-transform: capitalize;
margin-right: 20px;
/*font-family: 'Poppins-Regular';*/
}
.partnerprog-breadcrumb ol.breadcrumb li a, .partnerprog-breadcrumb ol.breadcrumb li:last-child {
color: #000;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
font-size: 14px;
text-transform: capitalize;
/*font-family: 'Poppins-Regular';*/
}
.partnerprog-breadcrumb ol.breadcrumb li + li:before {
padding: 0 5px;
color: #000;
content: ">";
position: relative;
font-weight:400;
}
.partnerprog-breadcrumb ol.breadcrumb li:first-child::before{content:"";}
/*Breadcrumb css ends*/
.screen-1{
text-align:center;
background: #DFC822 0% 0% no-repeat padding-box;
padding-left:5%;
padding-right:5%;
padding-bottom: 20px;
position: relative;
padding-top:20px;
/*height:100%;*/
}
.title-1{
/*font-size:2.5em;*/
/*font-weight:900;*/
font-weight:600;
font-size:40px;
}
.partnerprog_heading{
text-align: left;
padding: 0 15px;
}
.titleseven{
text-align:left;
line-height:44px;
margin-bottom:20px;
margin-top:20px;
}
.join-title{font-size:40px;margin:0;}
.center-vertically {
display: flex;
justify-content: center;
/*align-items: center;
height: 100%;*/
}
.listcontantbenimobi {
margin-top:15px;
text-align: left;
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 14px;
/*margin-left: 15px;*/
}
.listcontantbenimobi ol{
margin:0;
margin-left:30px
}
.listcontantbenimobi ol li{
margin:0;
padding:0;
margin-bottom:20px;
}
.listcontantbenimobi ol li .br{
/* margin-left:30px; */
}
.listcontantbenimobi ol > li:before {
/*margin-left:-15px*/
}
.screen-2{
text-align:center;
padding:40px 0;
overflow:hidden;
}
.about-title{
text-align:center;
font-size:30px;
line-height:46px;
font-weight:700;
margin-bottom:10px;
}
.about-espresso{
text-align:left;
margin:0 20%;
font-size:16px;
line-height:30px;
padding:0 10px;
}
.about-signature{
text-align:right;
margin:10px 20%;
}
.card-holder{
padding-left:10%;
padding-right:10%;
}
.officersimg {
position: relative;
display: block;
/*margin: 10px 0 35px 0px;*/
height: 630px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 10px #00000033;
border-radius: 15px;
opacity: 1;
text-align: center;
padding: 20px 15px 50px 15px;
}
.name-img{
margin-bottom:20px;
}
.name-label{
text-transform:uppercase;
font-weight:600;
font-size:20px;
line-height:36px;
color:#1A1818;
}
.name-position{
font-size:14px;
line-height:26px;
color:#757575;
}
.name-share{
margin-top:25px;
margin-bottom:18px;
height:28px
}
.name-content{
color:#818386;
line-height:24px;
font-size:14px;
padding:0 23px;
}
.name_content_top{
height:565px;
}
.name_more_content{
height:565px;
}
.name-read{
width: 100%;
bottom: 18px;
position: absolute;
left: 0;
font-size:14px;
line-height:20px;
color:#B3B3B3;
text-transform:uppercase;
cursor:pointer;
}
.officersimg .name-read-mob{
width: 100%;
margin:10px 0px 15px 0px;
/*bottom: 18px;
position: absolute;
left: 0;*/
font-size:14px;
line-height:20px;
color:#B3B3B3 !important;
text-transform:uppercase;
cursor:pointer;
-webkit-text-fill-color:#B3B3B3;
}
.card{
}
.screen-3{
background:#F1F1F1;
text-align:center;
padding:75px 10%;
}
.screen-3-title{
font-size:30px;
line-height:43px;
font-weight:600;
margin-bottom:10px;
}
.screen-3-sub-title{
font-size:24px;
line-height:30px;
font-weight:600;
}
.screen-3-sub-title div{
font-size:16px;
line-height:30px;
font-weight:400;
margin-bottom:10px;
}
.screen-3-box{
box-shadow: 0px 0px 10px #00000033;
border-radius: 15px;
overflow:hidden;
}
.screen-3-th{
padding:35px 40px;
background:#DFC822;
overflow:hidden;
text-align:left;
}
.stars4{text-align:right}
.screen-3-box-sub{
font-size:16px;
line-height:25px;
font-weight:600;
}
.screen-3-box-title{
font-size:26px;
line-height:36px;
font-weight:700
}
.screen-3-td{
padding:30px 40px;
overflow:hidden;
background:#FFF;
}
.screen-3-td-title{
font-size:18px;
font-weight:700;
text-transform:uppercase;
line-height:25px;
}
.screen-3-td-content{
font-size:14px;
color:#757575;
line-height:20px;
margin-bottom:15px;
/*padding:0px 44px 0px 43px;*/
}
.screen-3-td-content_3star{
/*padding:0px 57px 0px 0px;*/
}
.screen-4{
padding:30px 5% 0;
text-align:center;
overflow:hidden;
}
.screen-4-img{
height:180px
}
.screen-4-sub{
font-size:20px;
line-height:40px;
font-weight:600;
color: #000;
text-decoration: none;
display: block;
}
.screen-4-title{
font-size:30px;
line-height:40px;
font-weight:600;
margin-bottom:8px;
color: #000;
text-decoration: none;
display: block;
}
.screen-4-content{
font-size:16px;
line-height:24px;
color:#818386;
margin-bottom:70px;
padding:0 45px;
}
.screen-5{
padding:50px 15% 0;
overflow:hidden;
background-color: #DFC822;
text-align:center;
}
.stepshead{
font-size:30px;
line-height:46px;
margin:0;
font-weight:700
}
.stepssvg{
width:100%;
}
.stepsvgmob{
display:none;
}
.stepscont1,.stepscont2,.stepscont3,.stepscont4{
text-align:center;
overflow:hidden;
box-shadow: 0px 0px 8px 0px #999
}
.stepspara{
line-height:26px;
font-size:16px;
padding:0 18px;
font-weight:600;
}
.spts{
/*-webkit-text-fill-color: rgba(223,200,34,1);*/
/*color: rgba(223,200,34,1);*/
font-size:30px;
line-height:30px;
color:#DFC822;
margin:0;
margin:15px 0;
font-weight:600;
}
.stepscont1 {
height: 150px;
background: #FFFFFF;
border-radius: 15px 15px 0px 0px;
margin-top: 5px;
}
.stepscont2{
height: 190px;
background: #FFFFFF;
border-radius: 15px 15px 0px 0px;
margin-top: -35px;
}
.stepscont3 {
height: 230px;
background: #FFFFFF;
border-radius: 15px 15px 0px 0px;
margin-top: -75px;
}
.stepscont4 {
height: 265px;
background: #FFFFFF;
border-radius: 15px 15px 0px 0px;
margin-top: -110px;
}
.screen-6{
padding:5% 15%;
overflow:hidden;
background:#F1F1F1;
}
.screen-6-title{
font-size:30px;
line-height:46px;
font-weight:700
}
.screen-6-list{
font-size:14px;
line-height:23px;
margin: 0;
padding: 15px;
}
.screen-6-list li{
margin-bottom:7px;
margin-left: 10px;
}
.screen-6-list li .br {
/* margin-left:30px; */
}
screen-6-list ol>li:before {
margin-left: -30px;
}
.screen-7{
padding:5% 15%;
overflow:hidden;
background:#FFF;
}
.screen-7-title{
font-size:30px;
line-height:46px;
font-weight:700
}
.screen-7-list{
font-size:14px;
line-height:23px;
margin: 0;
padding: 15px;
/*padding:15px 60px 15px 20px;*/
list-style:none;
}
.screen-7-list li{
margin-bottom:5px;
position:relative;
}
.screen-7-list li:before{
content: '>';
top: 0;
left: -20px;
position: absolute;
margin-left: 0px;
}
.screen-8{
padding:5% 15%;
overflow:hidden;
background:#DFC822;
}
.screen-8-title{
font-size:20px;
line-height:30px;
font-weight:600;
margin-bottom:10px;
padding:0px 25px 0px 0px;
}
.screen-8-content{
font-size:14px;
line-height:23px;
margin-bottom:40px;
}
.screen-8-b-title{
font-size:30px;
line-height:46px;
color:#FFF;
font-weight:600;
text-align:center
}
.screen-9{
padding:5% 15%;
overflow:hidden;
}
.screen-9-title{
font-size:30px;
line-height:46px;
font-weight:600;
margin-bottom:10px;
margin-top:70px;
}
.screen-9-content{
font-size:20px;
line-height:36px;
margin-bottom:10px;
}
.footer-1{
overflow:hidden;
padding: 2% 15px;
background:#000;
}
.footer-1-logo{
padding:5px
}
.footer-1-callus{
color:#A7A9AC;
font-size:26px;
line-height:36px;
font-weight:100;
margin: 0 10px;
}
.footer-1-contact{
color:#A7A9AC;
font-size:10px;
line-height:22px;
font-weight:400;
margin:0 45px;
}
.footer-1-social{
margin:40px 0;
}
.footer-2{
background:#1C1C1C;
padding:36px 100px 200px;
color:#FFFFFF;
font-size:12px;
line-height:18px;
}
.footer-2-terms{
font-size:16px;
font-weight:400;
margin-bottom:30px
}
.footer-2-account{
font-weight:300;
font-size:12px;
margin-bottom:20px;
color:#FFFFFF;
}
.footer-2-list{
color:#FFFFFF;
font-weight:300;
font-size:13px;
line-height:22px;
}
.footer-2-content{
margin-bottom:30px;
}
.footer-2-content div{
margin-bottom:20px;
font-weight:300;
color:#FFFFFF;
}
.footer-2-condition{
font-weight:400;
text-decoration:underline;
}
.footer-2-condition a:hover{
color:#DFC822;
}
.footer-2-bottom{
margin-top:30px;
}
.footer-2-bottom div{
margin-bottom:20px;
font-weight:300;
color:#FFFFFF;
}
.privacy{
padding:20px 0;
text-align:center;
color:#A7A9AC;
border-top:1px solid #A7A9AC;
}
.privacy a{
color:#A7A9AC;
text-decoration:none;
font-size:12px;
}
.privacy ul{
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
align-items: center;
justify-content: center;
}
.privacy ul li{
position: relative;
padding-right: 14px;
padding-top:0;
}
.privacy ul li:after{
content: " ";
width: 1px;
height: 14px;
background: #a7a9ac;
position: absolute;
right: 7px;
top: 3px;
}
.grey-text{color:#9F9F9F}
.slick-slide {
height: auto !important;
}
.slick-dots li button:before {
content: "" !important;
border-radius: 15px;
border: 3px solid #DFC822;
}
.slick-dots li.slick-active button:before {
background-color: #DFC822;
}
.officersimg.show div, .officersimg.show img {
display: none
}
.officersimg .extratext{
display:none
}
.officersimg.show .extratext, .officersimg.show .name-content,.officersimg.show .name-read {
display: block
}
.hide-in-desktop{
display:none;
}
ol {
margin: 0 0 1.5em;
padding: 0;
counter-reset: item;
}
ol > li {
margin: 0;
padding: 0;
text-indent: 0em;
list-style-type: none;
counter-increment: item;
/*width: 550px;*/
}
ol > li:before {
display: inline-block;
width: 1em;
padding-right: 15px;
font-weight: bold;
text-align: right;
content: counter(item) ".";
/* position:absolute;
left:0; */
margin-left: -30px;
}
.thankyouhead{
text-align: center;
font-size: 30px;
font-weight: 600;
color: #000000;
margin: 10px 0px;
}
.ourteam{
font-size: 24px;
color: #757575;
margin-bottom: 10px;
line-height: 30px;
text-align: center;
padding: 0 50px;
}
.thankuimg{
margin-bottom: 10px;
}
.twitter{
margin-left:10px;
}
.footer-1-social a.fa {
font-size:27px;
padding :0 20px;
}
.mobiviewicon{
display:none;
}
.svgfooter{
width:180px;
height:50px;
}
.terms-vertical{
text-align:center;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
.hide-in-mobile{
display:none;
}
.hide-in-desktop{
display:block;
}
.h100{
height:auto
}
.title-1 .join-title{
font-size:26px;
margin-bottom: 25px;
font-weight:600;
}
.center-vertically .titleseven{
margin: 30px 10px 0px 10px !important;
}
.screen-1-img{
max-width:50%;
margin:20px 0;
}
.about-title{
font-size:26px;
}
.screen-1{
height:auto;
padding-bottom: 30px;
}
.center-vertically{
height:auto;
display:block;
}
.about-espresso{
/*margin: 0 35px;*//*moin sir*/
margin: 0 25px;
text-align:left;
}
.about-signature{
margin: 30px 35px 20px;
font-weight:600
}
.officersimg{
height:630px;
}
.name-content{
padding:0 15px;
}
.name-content_more{
padding:0 15px;
}
.screen-3{
padding:65px 20px;
}
.screen-3-th{
padding: 35px 20px 20px;
}
.screen-3-td{
padding:30px 20px;
}
.stars4{
margin-top:10px;
text-align:left;
}
.screen-3-sub-title{
font-size:18px;
margin-bottom:20px;
}
.screen-3-td-title{
text-align:left;
}
.screen-3-td-content{
text-align:left;
margin-bottom:15px;
padding:0;
}
.screen-4-img{
height:auto;
}
.screen-4-sub{
margin:10px 0px 0px 0px;
}
.screen-4-content {
padding:0 12px;
}
.screen-6-list{
/*padding: 15px 37px 15px 0px;*/
padding: 15px 0 15px 0px;
}
.screen-6-list li{
margin-bottom:10px;
margin-left:30px !important;
}
.screen-6-list li .br {
margin-left:0px;
}
.screen-5{
padding: 5% 20px;
}
.screen-6,.screen-7,.screen-8{
padding: 5% 25px;
}
.screen-3-title,.screen-6-title,.screen-7-title,.screen-8-b-title,.screen-9-title{
font-size:26px
}
screen-3-title,.screen-7-title{
padding:0 10px;
}
.screen-8-b-title{
margin-bottom:20px;
}
.screen-9{
padding: 5% 25px;
text-align:center;
}
.screen-9-title{
line-height:40px;
margin-top:40px
}
.screen-9-content{
font-size:16px;
line-height:26px;
}
.footer-1{
padding:15px 25px;
text-align:center;
height:auto;
}
.footer-2{
padding:15px 25px 150px;
}
.footer-2-account{
font-size:10px
}
.footer-2-list{
font-size:10px;
}
.footer-2-pay-content{
font-size:10px;
}
.br{
display:inline;
}
.stepshead{
font-size:26px;
margin-bottom:15px;
}
.stepspara{
/*padding:0 27px 20px 20px;*/
padding:0px 18px 10px 18px;
}
.spts{
font-size:26px;
padding:5px 20px;
font-weight:600;
}
.stepscont1, .stepscont2, .stepscont3, .stepscont4{
margin:10px;
height:auto;
border-radius:15px;
text-align:left;
}
.stepssvg{
display:none
}
.stepsvgmob{
display:block;
margin-top:60px;
}
.name-img{
margin:0 auto
}
.card-holder{
padding-left:15px;
padding-right:15px;
}
.officersimg{
margin-left:8px;
margin-right:8px;
}
.listcontantbenimobi ol{
margin:0px 34px;
}
.listcontantbenimobi ol li .br{
margin-left:0px;
}
.listcontantbenimobi ol > li:before {
color:#FFF
}
.ourteam {
padding:0 35px;
}
.deskviewicon{
display:none;
}
.footer-1-social {
margin:20px 0;
}
.footer-1-social a.fa {
margin:15px 0;
color:#dfc822;
}
.mobiviewicon{
display:block;
}
.privacy {
padding:20px 0;
}
}
.deskviewicon a{
text-decoration:none;
}
.mobiviewicon a{
text-decoration:none;
}
.deskviewicon a.fa{
color:#dfc822;
}
.err-msg{
color:red;
/*padding:5px 0px 0px 35px;*/
font-size:12px;
text-align:left;
/*height:10px;*/
margin: 0px 40px;
}
.err-msg-flot {
float:left;
}
.resnd {
/*text-align: left;*/
float:right;
color: #DFC822;
margin-left: 225px;
font-size: 11px;
text-decoration: none;
margin:0px 35px;
}
.svgdesktop {
width: 16px;
height: 16px;
margin-left: -30px;
margin-bottom: -3px;
color: #4CAF50;
}
.secmsg {
text-align: left;
color: #717171;
margin:0px 45px;
font-size:11px;
}
label {
position: relative;
}
label:before {
content: "";
position: absolute;
left: 10px;
top: 50px;
bottom: 0;
width: 20px;
background-image:url('../../../img/check.svg');
background-repeat:no-repeat;
}
.checkpos{
position: relative;float:right; margin: 15px -5px;right: 50px;cursor: pointer;color: #4CAF50
}