@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline-color: transparent;
    outline: 0;
}
body {
    margin: 0;
    width: 100%;
    display: table;
    min-width: 960px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #454545;
}
img {border: 0;}
p {margin: 0;}

/*/////////////////////////////////// STEP2 ////////////////////////////////////////////*/
header {
    padding: 5px 0;
    border-bottom: solid 1px #d0cdcd;
}
header .wrapper {
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.logo {margin: 0 auto;width: 60%;}
header p {
    max-width: 650px;
    width: 100%;
}
.f30{font-size:30px}.total{color:#1f9e11}#showProductSelect{border-radius:10px;color:#333;font-size:14px;font-weight:700;position:relative;text-align:right;width:100%;margin:10px 0;border: 2px solid #c6c3c3;}#showProductSelect td{height:30px;width:50%}#showProductSelect td:last-of-type{text-align:left;padding:0 10px}#totalStep2{font-size:20px}#discount,#full_price,.total{text-align:center}#full_price{color:red;text-decoration:line-through}.f19{font-size:19px}.f26{font-size:26px}

.header__logo{text-align:center}.wrapper{margin:0 auto;max-width:1200px;overflow:hidden!important}.header{height:60px;width:100%;background-color: rgba(255,255,255,.9);position:fixed;display:block;z-index:9999;}.topnav{overflow:hidden;min-height:51px;display:none;width:100%}.topnav .logo{max-height:50px;vertical-align:middle;margin:0 auto;display:block}.topnav #myLinks{display:none;background:#fff;margin-top:0}.topnav a{color:#000;padding:14px 16px;text-decoration:none;font-size:17px;display:block}.topnav a.icon{background:#fff;display:block;position:absolute;left:0;top:7px;color:#000}.header .wrapper{padding:5px 0}.row{width:100%;margin:0 auto}.row [class^=col-]{float:left}.row [class^=col-]:not(:last-child){margin-right:20px}#shop{border-bottom:2px solid #e2e2e2}.logo-box{float:left;width:25%}.button-box{float:right}.nav{float:left;position:relative;margin-right:50px;transition:all .5s}.navigation{list-style:none;text-align:center;transition:all .5s}.navigation li{display:inline-block;padding:15px 0;transition:all .2s}.navigation li:not(:last-child){margin-right:15px}.navigation li a{color: #f26522;text-decoration:none;font-weight: bold;}.navigation li:hover{border-bottom: 2px solid #f26522;transform:scale(1.1);}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:15px 40px;display:inline-block;border-radius:100px;transition:all .2s;position:relative;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.btn:hover::after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:0;transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.btn::after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.btn-red{background-color:red;color:#fff}.box{width:24%;display:inline-block;float:left}.box img{width:100%}.how{text-align:center}.how img{width:170px;border-radius:100px}@media only screen and (max-width:1025px){.mobileHidden{display:none}.topnav{display:block}}

@media only screen and (max-width:767px){   
    footer .contacts{
        margin-top:0 !important;
    }
    footer .links{
        margin-top:0 !important;
    }.header{height:49px}.topnav .logo{max-height: 39px;}.topnav a.icon{top:0}
}
.wrapper {
    max-width: 1010px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}
.priceBox {
    float: right;
    text-align: right;
    max-width: 320px;
    width: 100%;
    padding: 12px;
    margin: 10px 0 0;
    border: solid 1px #cecdcd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.priceBox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 200;
    max-width: 220px;
}
.priceBox li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    flex-wrap: wrap;
}

/*footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}
.social-network a.icoFacebook {
    background-color:#3B5998;
}
.social-network a.icoInstagram {
    background-color: orangered;
}
 .social-network a.icoFacebook i, .social-network a.icoInstagram i {
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}

.social{
    /* text-align:center; */
}
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}
.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 50px;
    height: 50px;
    font-size:20px;
}
.social-circle li i {
    margin:0;
    line-height:50px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: black;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.container{max-width:1360px;margin:0 auto;width:95%}p{font-size:17px;line-height:26px}footer{padding:10px 0 40px;background:#232923;color:rgba(255,255,255,.8);}footer a,footer p{font-size:14px}footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 15px}footer .contacts,footer .links,footer .seller{width:100%;max-width:320px;margin-top: 21px;}footer .seller .logo{margin:0}footer .seller p{font-size:15px}footer .links{display:flex;flex-direction: column;margin-top: 98px;}footer h4{margin-bottom:15px}footer a{color:#d3d5d3;text-decoration:none;margin-bottom:7px}footer .contacts p{margin-bottom:10px}footer .contacts img{margin-right:5px}.copyright{max-width:1360px;margin:10px auto;width:95%;border-top:solid 1px #4e4e4e;padding-top:8px;font-size:12px}/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
footer .contacts{
    margin-top:98px;
}

.seller .logo{
    width: 70%;
    margin-bottom: 20px !important;

}
.priceBox li p:nth-of-type(1) {margin-right: 15px;}
.priceBox .grandTotal {font-size: 25px;}
.priceBox .total {font-weight: 700;width: inherit;}
.content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 68px;
}
.formBox {
    
}
.form-frame {
	width: 100%;
    max-width: 320px;
    padding: 10px;
    background-color: #e2e2e2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.total {color: #1f9e11;}
#full_price, .total, #discount, .total {text-align: center;}
#full_price {
    color: #F00;
    text-decoration: line-through;
}
.infoBox {
    max-width: 650px;
    margin: 0;
    padding: 10px;
}
.infoBox div {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.infoBox img {margin-right: 14px;}
.infoBox h4 {
    font-size: 18px;
    max-width: 800px;
    width: 100%;
    margin: 12px 0;
}
.infoBox h4 span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}
.rushOrder {
    border: none;
    border-radius: 8px;
    color: white;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 1px 1px #000;
    background-color: #4CAF50;
    text-align: center;
    margin: 20px auto;
    display: block;
    text-transform: uppercase;
    box-shadow: 0px 5px 10px #B0B0B0;
    cursor: pointer;
}
.rushOrder:hover {box-shadow: none;}
footer {
    border-top: solid 1px #cecece;
    /* max-width: 1010px; */
    /* width: 95%; */
    margin: 0 auto;
    padding: 10px 0;
    margin-top: 41px;
}
footer p {}
footer p a {}

@media only screen and (max-width: 1020px) {
	.content {flex-direction: column;}
	.formBox {margin: 0 auto;}
    .total {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10px 0;
		font-size: 18px;
	}
    .total {font-size: 21px;}
    .priceBox {
		margin: 10px auto 0;
		float: none;
		text-align: center;
	}
	.infoBox {
		border-top: none;
		max-width: inherit;
	}
}
@media only screen and (max-width: 1100px) {
    body {min-width: 100%;}
    #full_price, .total, #discount, .total {text-align: center;}
    #full_price {
        color: #F00;
        text-decoration: line-through;
    }
}
@media only screen and (max-width: 840px) {
	.logo {
    width: 152px;
}
    header p {
    	width: 95%;
    	margin: 0 auto;
    	display: block;
    }
}
@media only screen and (max-width: 375px) {
    .wrapper {padding: 0;}
    .infoBox img {width: 60px}
}
@media only screen and (max-width: 330px) {
	.content {
		width: 95%;
		margin: 10px auto;
	}
    .formBox {
        width: 100%;
        min-width: auto;
    }
}
/*/////////////////// END STEP2 ///////////*/
/*////////////////////////////// STEP3 //////////////////////////////////////*/
.success-page .logo {
    margin: 10px auto 20px;
    display: block;
}
.success-page h2, .success-page h3, .success-page h4 {
    text-align: center;
    margin: 10px 0;
}
.success-page h2 span {
    display: block;
    font-weight: 200;
}
.success-page h3 {font-size: 18px;}
.success-page h4 {font-size: 21px;}
.success-page h4 span {
    font-weight: 200;
    margin-left: 10px;
}
.info-table {
    display: flex;
    max-width: 460px;
    margin: 0 auto;
}
.info-table ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25%;
}
.info-table ul:nth-of-type(1), .ship-info ul {width: 50%;}
.info-table ul:nth-of-type(2) {text-align: center;}
.info-table ul:nth-of-type(3), .ship-info ul:nth-of-type(2) {text-align: right;}
.info-table li {
    padding: 7px 0;
    border-bottom: solid 1px #ccc;
    height: 41px;
}
.product-name {font-weight: 600;}
.info-table li:nth-of-type(1) {
    background: #969696;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 5px 10px 10px;
}
.info-table ul:nth-of-type(1) li {padding-left: 15px}
.info-table ul:nth-of-type(3) li, .ship-info ul:nth-of-type(2) li {padding-right: 15px}
.price-vat {
    max-width: 460px;
    margin: 0 auto 20px;
    text-align: right;
    font-size: 12px;
    padding: 3px 11px;
}
.info-table ul:nth-of-type(3) li:nth-of-type(1) {
	text-align: center;
	padding-right: 0;
}
@media only screen and (max-width: 375px) {
    .success-page .logo {
    	width: 120px;
    	margin: 10px auto;
    }
}
/*/////////////////////////// END STEP3 //////////////////////////////*/