@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{font-family: 'Poppins', sans-serif;}

header{

	background-image: url(../images/header_bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

	padding-top: 75px;

	position: relative;

    box-sizing: border-box;

    overflow: hidden;

    padding-bottom: 10px;

}



header .container .two:nth-child(2){

	margin-top: 8%;

	text-align: center;

	color: #fff;

	position: relative;



}

header .container .two:nth-child(2) h1{

	font-size: 65px;

	font-weight: bold;

	text-transform: uppercase;

	}

header .container .two:nth-child(2) h4{

	font-size: 30px;

	font-weight: 300;

	}

header .container .two:nth-child(2) span:nth-child(1) {

    position: absolute;

    left: 0;

    z-index: 9;

    top: -60px;

}

header .container .two:nth-child(2) span:nth-child(5) {

    position: absolute;

    right: 16%;

}



header button{

background: -moz-linear-gradient(left,  #2439ff 0%, #8700dc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #2439ff 0%,#8700dc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #2439ff 0%,#8700dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

color: #fff;

font-size: 25px;

font-weight: 200px;

border-radius: 10px;

border:0px;

padding: 10px 45px;

margin-top: 50px;

-webkit-box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);

-moz-box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);

box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);

 transition: 0.3s;

}

header button:hover{

background: -moz-linear-gradient(left,  #8700dc 0%, #2439ff 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #8700dc 0%,#2439ff 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #8700dc 0%,#2439ff 100%);

 transition: 0.1s;

}

button:focus {

    outline: none;

}

.triangle-bottomright {

    width: auto;

    height: 0;

    border-bottom: 100px solid #fff;

    border-left: 1920px solid transparent;

    position: absolute;

    left: 0;

    z-index: 999;

    bottom: 0px;

}



.co-workers .container{

	background-color: #e6e6e6;

    border-radius: 10px;

    margin-top: 80px;

    padding-top: 25px;

    padding-bottom: 15px;

    background-image: url(../images/co-workers_bg.png);

	background-repeat: no-repeat;

	background-position: right top;

	background-size: cover;

}

.co-workers h6{

	font-size: 24px;

	font-weight: bold;

	color: #161616;

}

.co-workers p{

	font-size: 17px;

	font-weight: normal;

	color: #161616;

	margin-bottom: 0px;

	line-height: 30px;

	letter-spacing: 0.05em;

}



.how_it_work_heading h2 {

    text-align: center;

    font-size: 38px;

    font-weight: bold;

    padding-top: 80px;

    padding-bottom: 20px;

}

.how_it_work{

background: -moz-linear-gradient(left, #0d1196 21%, #8700dc 63%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #0d1196 21%,#8700dc 63%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #0d1196 21%,#8700dc 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

color: #fff;

padding-top: 22px;

padding-bottom: 22px;

}

.how_it_work h1 {

    text-align: center;

    font-weight: bold;

    font-size: 28px;

    padding-top:28px;

}

.how_it_work h6 {

    text-align: center;

    font-size: 16px;

    font-weight: normal;

}

.how_it_work p {

    font-size: 16px;

    text-align: left;

    line-height: 30px;

    letter-spacing: 0.05em;

    font-weight: normal;

    position: relative;

    margin-left: 77px;

    padding-top: 15px;

}

.how_it_work p:before {

		position: absolute;

		background-image: url(../images/border_blue.jpg);

		background-repeat: no-repeat;

		background-position: center center;

		height: 200px !important;

   	    width: 2px;

		content: "";

		left: -45px;

    	top: -38px;

}

.warranty_heading p {

    text-align: center;

    font-size: 26px;

    color: #151515;

    font-weight: normal;

    margin-top: 40px;

    margin-bottom: 40px;

}

.offers img {

    border-radius: 10px 0px 0px 10px;

}

.offers .two:nth-child(2){

    border-radius: 0px 10px 10px 0px;

    background: #0d1196;

}

.offers ul {

    padding-top: 55px;

}

.offers .two.col-lg-6 ul li {

    list-style: none;

    color: #fff;

    line-height: 1.8em;

    font-size: 19px;

    padding-bottom: 15px;

    margin-top: 18px;

}

.offers ul li img {

    padding-right: 10px;

}

.how_to_get{

    margin-top: 80px;

    padding-top: 60px;

    padding-bottom: 60px;

    background-image: url(../images/how_to_get_bg.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	background-size: cover;

	color: #fff;

	margin-bottom: 80px;

}

.how_to_get .how-register-btn{
background: -moz-linear-gradient(left,  #2439ff 0%, #8700dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2439ff 0%,#8700dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2439ff 0%,#8700dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff;
font-size: 19px;
font-weight: 200px !important;
border-radius: 10px;
border:0px;
padding: 10px 29px;
margin-top: 30px;
-webkit-box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);
box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);
transition: 0.3s;
display: inline-block;
text-align: center;
}
.how_to_get .how-register-btn:hover{
background: -moz-linear-gradient(left,  #8700dc 0%, #2439ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #8700dc 0%,#2439ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #8700dc 0%,#2439ff 100%);
transition: 0.1s;
text-decoration: none;
}

.how_to_get .col-lg-6{

    background: rgba(0,0,0,0.8);

    border-radius: 10px;

    padding: 45px;

}

.how_to_get h2 {

    font-size: 27px;

    font-weight: bold;

}

.how_to_get p {

    font-size: 16px;

    line-height: 1.8;

}

.how_to_get .col-7 {

    background-color: rgba(0,0,0,0.8);

    padding: 45px;

    border-radius: 10px;

}

.footer h2 {

    text-align: center;

    font-size: 17px;

    border-bottom: 1px solid #cacaca;

    border-top: 1px solid #cacaca;

    padding-top: 24px;

    padding-bottom: 24px;

    margin-bottom: 20px;

    color: #00000a;

    font-weight: 400;

}

.footer p {

    text-align: center;

    font-size: 14px;

    color: #707070;

    margin-bottom: 20px;

}

/*modal css*/
.discount-form .modal-dialog{
    max-width: 560px;
}
.discount-form form .form-field{
    margin-bottom: 20px;
}
.discount-form form .form-field input{
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 5px;
}
.discount-form form .form-field input:focus,
.discount-form form .form-submit button:focus{
    outline: none;
}
.discount-form form .form-submit button{
background: -moz-linear-gradient(left,  #2439ff 0%, #8700dc 100%);
background: -webkit-linear-gradient(left,  #2439ff 0%,#8700dc 100%);
background: linear-gradient(to right,  #2439ff 0%,#8700dc 100%);
color: #fff;
font-size: 18px;
font-weight: 200px !important;
border-radius: 10px;
border:0px;
padding: 10px 29px;
margin-top: 20px;
margin-bottom: 15px;
-webkit-box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);
box-shadow: 2px 26px 49px 8px rgba(0,0,0,0.25);
transition: 0.3s;
display: inline-block;
}
.discount-form form .form-submit button:hover{
background: -moz-linear-gradient(left,  #8700dc 0%, #2439ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #8700dc 0%,#2439ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #8700dc 0%,#2439ff 100%);
transition: 0.1s;
text-decoration: none;
}
.discount-form form .note-field p span{
    color: #f00;
    font-weight: 600;
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.main_loader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 9999;
    display: none;
}

@media(max-width: 1024px){

	header .one{ display: none; }

	header .container .two:nth-child(2) {

    margin-top: 61px;

    padding-bottom: 62px;

    margin-left: 18%;

}

.offers ul {

    padding: 20px;

}

.offers .two.col-lg-6 ul li {

    font-size: 16px;

     padding-bottom: 15px;

    margin-top: 18px;

}

}

@media(max-width:768px){

.offers .one:nth-child(1) img {

    border-radius: 10px 10px 0px 0px;

    width: 100%

}

.offers .two:nth-child(2) {

    border-radius: 0px 0px 10px 10px;

    background: #0d1196;

}



header .container .two:nth-child(2) {

    margin-left: 0px;

}

header .container .two:nth-child(2) h4 {

    font-size: 20px;

}

header .container .two:nth-child(2) h1 {

    font-size: 50px;

    font-weight: bold;

    text-transform: uppercase;

}

header .container .two:nth-child(2) span:nth-child(1) {

    position: absolute;

    left: 26px;

    z-index: 9;

    top: -49px;

    width: 39px;

}

header .container .two:nth-child(2) span:nth-child(5) {

    position: absolute;

    right: 9%;

    width: 39px;

}

section.co-workers {

    margin: 15px;

}

section.offers {

    margin: 15px;

}

.how_it_work p {

    margin-left: 0;

    padding-top: 15px;

    text-align: center;

}

.co-workers .container {

    background-position: left top;

    text-align: center;

}



.offers ul {

    padding: 10px;

}

.offers ul li {

    line-height: 1.8em;

    font-size: 14px;

    padding-bottom: 10px;

    padding-top: 10px;

}

.offers ul li img {

    padding-right: 3px;

    width: auto;

    float: left;

    margin-bottom: 22px;

    margin-right: 10px;

}

section.offers .one {

    padding: 0;

}

.how_to_get {

    padding: 15px;

}

.how_to_get .col-lg-6 {

    padding: 25px;

}

}