@charset "utf-8";
@import url("abold/stylesheet.css");
@font-face {
	font-family: Erangle;
	src: url("Erangle.ttf");
}

body {
	margin: 0px;
	
}
#maincontainer {
	width: 100%;
	overflow: hidden;
	
}
#maincontainer .firsttime {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(topbanner.jpg);
    background-size: 93px auto;
    color: #d7000f;
    text-shadow: 0px 17px 47px #FFFFFF;
    font-size: 11px;
}
#maincontainer .firsttime .toptext {
    background-color: #ffffff;
    border-radius: 65px;
    text-align: center;
	
}


#maincontainer header {
    background-image: url(header%20back%202.jpg);
    background-size: cover;
    background-position: 36% 0%;
}

#maincontainer header .headerunit {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 75px;
}
header .headerunit .firstheader {
    justify-content: center;
    color: #FFFFFF;
    text-shadow: 5px 0px 12px #000000;
	
}
.headerunit .firstheader .firstheadertexttwo {
    width: 318px;
    font-size: 26px;
    font-family: Erangle;
    text-decoration: none;
    letter-spacing: 9px;
    font-weight: normal;
    font-variant: normal;
    line-height: 46px;
    text-align: center;
    padding-right: 16px;
}
.headerunit .firstheader .firstheadertext {
    width: 318px;
    padding-left: 6px;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: -0px 0px;
    font-weight: normal;
    font-variant: normal;
    padding-top: 0px;
    padding-bottom: 33px;
}


.headerunit .firstheader .first-link {
    padding-top: 0px;
    margin-top: -13px;
    margin-bottom: -42px;
}
.firstheader .first-link .firstbutton {
    border-radius: 30px;
    padding-top: 9px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 8px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FF3C23;
    font-weight: bold;
    font-size: large;
}




header .headerunit .headerimage {
    flex-basis: 30%;
    margin-top: 57px;
    margin-left: -28px;
    margin-bottom: -84px;
    
}
.headerunit .headerimage img {
    width: 318px;
    height: 386px;
}
/* Base */

#swipe{
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: -12px;
}
.swipe1 {
    color: hsl(0, 0%, 28%);
    font-size: 20px;
    font-weight: bold;
    font-family: monospace;
    cursor: pointer;
    text-transform: uppercase;
    
}

.swipe1 {
  
  background: linear-gradient(to right, hsl(0, 0%, 30%) 0, hsl(0, 0%, 100%) 10%, hsl(0, 0%, 30%) 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
}

@keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 600px;
  }
  100% {
    background-position: 600px;
  }
}

.first.line {
	position: relative;
	display: flex;
	justify-content: center;
}

.samasya {
    background-color: black;
    color: #FFFFFF;
    text-align: center;
    padding-top: 13px;
    padding-left: 5px;
    padding-right: 6px;
    font-weight: normal;
    padding-bottom: 13px;
    background-image: url(gold/bg%20all.jpg);
}
.samasya .samasyahead2 {
    margin-top: -15px;
}

.samasya .samasya.iteams {
	
}
.samasya4{
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.samasya1 {
position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.samasya .samasya.iteams .samasya2 {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
}	
.samasya .samasya.iteams .botton.samasya {
    display: flex;
    position: sticky;
    justify-content: center;
    background-color: #E90206;
    border-radius: 91px / 78px;
    -webkit-box-shadow: 0px 0px 17px 5px #FF060A;
    box-shadow: 0px 0px 17px 5px #FF060A;
    width: 50%;
    text-decoration: none;
    color: #FFFFFF;
	
	
}
.samasya .samasya.iteams .buttoncontainer {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    text-decoration: underline;
}
.samasya .samasya.iteams .offer1 {
    background-image: url(gold/offer01bg.jpg);
    background-position: 35% 0%;
    position: relative;
    justify-content: center;
    align-content: center;
	display: flex;

}



		








#maincontainer .flip {
    background-image: url(topbannerflip.png);
    height: 65px;
    background-size: 90px auto;
    background-position: 0% 148px;
}

#maincontainer .yarsha1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: -169px;
    padding-left: 23px;
	}


#maincontainer .solutionbanner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
	
}
#maincontainer .solutionbanner .solutionbannerimage {
}
#maincontainer .solutionbanner .bannertextone {
    background-color: #f7211e;
    border: thick dashed #FFFFFF;
    font-size: 12px;
    width: 800px;
    color: #EDECEC;
}

.solutionbanner .solutionbannerimage img {
	
	
	height: 125px;
	min-width: 200px;
	min-height: 10px;
	max-height: 300px;
	max-width: 600px;
 flex-grow: 1;
	
}
#maincontainer .aboutfirst {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    background-image: url(header%20background.jpg);
    background-size: cover;
}
#maincontainer .aboutfirst .abouttextfirst {
    background-color: rgba(1, 0, 0, 0.60);
    max-width: 800px;
    font-size: 22px;
    text-align: center;
    border-radius: 25px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 52px;
    padding-left: 25px;
    color: #FFFFFF;
}




.aboutfirst .abouttextfirst .secondbutton {
    text-decoration: none;
    background-color: #f7211e;
    padding-top: 17px;
    padding-right: 17px;
    padding-bottom: 17px;
    padding-left: 17px;
    border-radius: 43px;
    color: #000000;
    font-weight: bold;   
}
#maincontainer .why {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-size: 15px;
}
.custom-notification-container .custom-notification-content-wrapper .custom-notification-content {
    color: #FFF;
    font-weight: bolder;
}

.custom-notification-content-wrapper .custom-notification-content #country {
    color: #F8FF00;
    font-size: large;
}

.whytext h1 .xbs {
    color: #f7211e;
    font-size: 46px;
}


#maincontainer .why .whyimageone {
	flex-basis: auto;
}
.why .whyimageone img {
}
#maincontainer .why .whytext {
}
#maincontainer .why .whyimagetwo {
}
.why .whyimagetwo img {
}
#maincontainer hr {
    margin-left: auto;
    margin-right: auto;
    width: 43%;
    height: 3px;
    background-color: #0ABF2A;
}
#maincontainer .reason {
    background-color: #000000;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    background-image: url(satisflip.jpg);
    background-size: cover;
    color: #FFFFFF;
}
#maincontainer .reason .thirdbutton {
    text-decoration: none;
    background-color: #f7211e;
    padding-top: 17px;
    padding-right: 17px;
    border-radius: 43px;
    padding-bottom: 17px;
    padding-left: 17px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 184px;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
}



#maincontainer .reason .original {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    background-image: url(url);
    background-color: rgba(1, 0, 0, 0.60);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 17px;
    font-size: 20px;
}
.reason .original .originalimage {
    flex-basis: 30%;	
    		
}
.original .originalimage img {
    width: 250px;
    height: 217px;
}
.reason .original .originaltext {
    font-weight: bolder;
    flex-basis: 70%;
}
.reason .original .satisfaction {
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: center;
	align-items: center;
}
.original .satisfaction .satisfactiontext {
    font-weight: bolder;
    flex-basis: 70%;
}
.original .satisfaction .satisfactionimage {
    flex-basis: 30%;
}
.satisfaction .satisfactionimage img {
    width: 205px;
    height: 204px;
}
.reason .original .iso {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	width: 100%;
}
.original .iso .isoimage {
    flex-basis: 30%;
	
}
.original .iso .isotext {
    font-weight: bolder;
    font-size: 30px;
    flex-basis: 70%;
}
.iso .isoimage img {
    width: 205px;
    height: 204px;
}
#maincontainer .advantages {
    display: flex;
    justify-content: center;
	text-align: center;
    
}
#maincontainer .advantageslist {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-image: url(satisflip.jpg);
    color: aliceblue;
    flex-wrap: wrap;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #000000;
    background-size: cover;
}
#maincontainer .advantageslist .listad {
    background-color: rgba(1, 0, 0, 0.60);
    padding-top: 27px;
    padding-right: 27px;
    padding-bottom: 27px;
    padding-left: 27px;
    border-radius: 15px;
}
/*********form*****/
#maincontainer .formcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
    text-align: center;
    background-image: url(formbackgsmall.jpg);
    background-size: cover;
	color: white;
	padding: 25px;
}
.formone .check .qty {
	display: flex;
justify-content: space-between;
	align-items: flex-end;
		
}
.formone .check .discount {
	display: flex;
justify-content: space-between;
	align-items: flex-end;
	
}
.formone .check .total {
display: flex;
justify-content: space-between;
	align-items: flex-end;
}
.formedit .formone .buttonform {
	display: flex;
	justify-content:center;
		
}
.ac_footer {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    color: white;
    width: 100%;
    background-image: url(formbackgsmall.jpg);
    background-size: cover;
	padding: 25px;
}
.formedit .formone #form-name {
	width: 70%;
	height: 40px;
	text-align: center;
	
}
#maincontainer .formcontainer .formedit {
	width: 100%;
}

.formedit .formone #form-phone {
width: 70%;
	height: 40px;
	text-align: center;
}
.formedit .formone #form-address {
width: 70%;
	height: 40px;
	text-align: center;
}
.formedit .formone .check {
    padding-left: 50px;
    padding-right: 50px;
    font-size: x-large;
	color: white;
}
#maincontainer .formcontainer .formedit {
	background-color: rgba(1, 0, 0, 0.60);
}
#maincontainer .ac_footer {
}
.formone .buttonform .button-submit {
	width: 50%;
	height: 40px;
	 position: relative;
    
    border-radius: 20px;
    font-weight: bold;
    border: 0;
    background-image: linear-gradient(to top, #a20b0c, #ff1111);
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    font-size: 16px;
    margin-left: -8px;
    color: #FFFFFF;
}
.formcontainer .formedit .formnumber {
    font-size: x-large;
}
.formedit .formone .fillform {
    font-size: x-large;
}
.ac_footer .payment .paymentone {
}
.payment .paymentone img {
    width: 153px;
    height: 26px;
}
.formone .buttonform .button-submit:hover {
    transform: scale(1.1);
    color: #000000;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,0,0,1.00) 100%);
	
}
.advantageslist .adim img {
    width: 510px;
    height: 363px;
}
.headerunit .headerimage img {
    height: 349px;
    width: 479px;
}
.iso .isoimage img {
    width: 237px;
    height: 228px;
}
.buttoncontainer .botton.samasya .blackbutton {
    color: #FFFFFF;
    font-weight: bold;
    font-size: large;
    text-decoration: none;
}
.headerbuttoncontainer {
	
}

.headerbuttons {
    
    display: flex;
    justify-content: space-around;
    padding-top: 14px;
    color: #FFFFFF;
    margin-bottom: -44px;
    background-image: url(gold/hedder%20bar%20bg.png);
    height: 47px;
	position: sticky;
}
.headerbuttons .headerbutton1 {
    background-color: #FF1D21;
    text-decoration: none;
    font-weight: bold;
    font-size: large;
    color: #FFFFFF;
    width: 127px;
    height: 29px;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    border-radius: 22px;
    padding-top: 6px;
	
}
.custom-notification-container .custom-notification-image-wrapper #map1 {
    margin-left: 14px;
}
.custom-notification-content-wrapper .custom-notification-content #product {
    color: #EFFD00;
}






	





@media only screen and (max-width: 700px) {
	#maincontainer header {
    background-image: url(bgh.jpg);
    background-size: cover;
    background-position: 36% 0%;
}




  
}
