body, html{
/* font-family: 'Montserrat', Helvetica, arial sans-serif; */
font-size: 16px;
background: #f4f4f4;
line-height: 1.6;
}
.woocommerce-checkout #footer {
    display: none;
}
h1, h2{
font-weight: 500;
}

a{
color: #6ECCDF;
}
p:empty {
	display: none;
  }
a:hover, a:focus{
color: #9EDFE8;
}

#logo-container {

    overflow: hidden;
    padding: 0em 0 4em 0;
    /* border-radius: 10px; */
}

.yellow-box{
	margin-top: 1em;
	background-color: #f6cf54;
	overflow: hidden;
	padding: 1em 3em 4em 3em;
	border-radius: 10px;
}

.yellow-box .btn{
margin-top: 1em;
}
.menuAccount {
    position: absolute;
    top: 0.7em;
    right: 0;
    border-color: #fff;
    padding: 0.25rem 0.5rem;
    z-index: 99;
}
.menuAccount .navbar-toggler-icon {
    background-image: url(assets/images/menu.svg);
}
.menuAccount.clicked .navbar-toggler-icon {
    background-image: url(assets/images/menu-close.svg);
}
.menuAccount:focus {
    box-shadow: none;
    outline: none;
}
.logo, .logo:hover {
    position: relative;
    font-weight: 700;
    font-size: 1.2em;
    color: #5D6AC5;
    letter-spacing: 0.15rem;
    text-decoration: none;
    border: transparent double 6px;
    text-transform: uppercase;
    padding: 0.75rem 1rem 0.75rem 2.65rem;
    display: flex;
    background: transparent;
    text-align: center;
    padding-left: 0px;
}
/* inner page */
.logo.fluid {
    width: 100%;
    display: block;
    padding: 0px;
    top: 0.5em;
}
 

#main > article {
    max-width: 960px;
    margin: 0px auto;
    padding-bottom: 4em;
}
#main > article .woocommerce-message .wc-forward, .button.wc-forward {
    display: none!important;
}
#main > article h1.entry-title {
    margin-top: 1em;
}
#main > article .woocommerce-message {
    border-radius: .25rem!important;
}
.woocommerce form .form-row {
    padding: 3px 3px 3px 0;
    margin: 0 0 10px;
    display: table;
    width: 100%;
}
.woocommerce-checkout .form-row > label {
    font-size: 1rem;
    margin: 0px;
}
.woocommerce-checkout input.input-text, .woocommerce-input-wrapper .select2-selection {
    height: 40px;
    padding: 0px 0.75rem;
    font-size: 1em;
    font-weight: normal;
    border-radius: 0.25em;
    border: #eee solid 1px;
    display: block;
    line-height: 35px!important;
    background: #fff;
}
.woocommerce form .form-row label {
    line-height: 2;
    font-weight: lighter;
}
#main .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
}
#main .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 0px;
}
#main .woocommerce table.shop_table tfoot th, #main .woocommerce table.shop_table td {
    font-weight: 300;
    vertical-align: top;
}
.woocommerce-checkout .product-name img{
    height: auto;
    max-width: 100%;
    float: left;
    margin-right: 10px;
    width: 60px;
}
.product_shortdesc ul {
    list-style: none;
    padding: 0px;
}
.product_shortdesc {
    color: #637381;
    font-size: 14px;
    font-weight: lighter;
    text-align: left;
    padding: 0.75em 0;
    padding-left: 70px;
}
.woocommerce-checkout .theChampGoogleBackground:before {
    position: absolute;
    content: "Sign up with Google";
    left: 40px;
    line-height: 45px;
    font-style: normal;
    color: #fff;
    font-size: 0.85em;
    font-weight: 500;
}
.woocommerce-checkout .theChampFacebookBackground {
    background-color: #3C589A;
    width: 95%;
    border-radius: 5px;
    height: 45px;
}
.woocommerce-checkout .theChampFacebookBackground:before {
    position: absolute;
    content: "Sign in with Facebook";
    left: 35px;
    line-height: 45px;
    font-style: normal;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 14px;
}
.woocommerce-checkout ul.the_champ_login_ul li {
    display: block;
    width: 49.5%!important;
}
.woocommerce-checkout .theChampGoogleBackground {
    background-color: #dd4b39;
    width: 95%;
    border-radius: 5px;
    height: 45px;
}
#main .woocommerce table.shop_table td.product-name {
    font-weight: 500;
    color: #5D6AC5;
}
.woocommerce-checkout h3, .the_champ_social_login_title {
    font-size: 1rem;
    text-transform: uppercase;
    color: #333;
    text-align: left;
    padding: 1em 0;
    opacity: 0.75;
    font-weight: 400;
    letter-spacing: 2px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block;
    background: var(--blue);
    width: 100%;
    padding: 1em 0;
    font-weight: 500;
    font-size: 1.2em;
    float: none;
}
.woocommerce-checkout #payment div.payment_box:before {
    visibility: hidden;
}
.woocommerce-checkout #payment div.payment_box {
    margin-bottom: 0px;
    background: transparent;
    margin-top: 50px;
    padding: 1em 0;
    font-size: 100%;
}
tr.cart-subtotal {
    display: none;
}
div#coupon-anchor .ui-dialog .ui-dialog-titlebar button {
    font-size: 14px;
    width: auto;
    height: auto;
    display: inline;
    font-size: 14px;
    text-indent: 0px;
    padding: 0em 0.75em;
    background: #fff;
    border: #ddd solid 1px;
    border-radius: 0;
    margin: 10px 0;
    left: 0;
    color: #ccc;
    right: 0;
    top: 0;
    margin-top: 0;
}
div#coupon-anchor .ui-dialog .ui-dialog-titlebar button span.ui-button-text, div#coupon-anchor .ui-dialog .ui-dialog-titlebar button span {
    text-indent: 0;
    display: inline-block;
    position: relative;
    left: 0px;
    margin: 0px;
    width: auto;
    padding: 0px;
    line-height: 30px;
    text-transform: uppercase;
    height: auto;
}
div#coupon-anchor .ui-dialog .ui-dialog-titlebar > span {
    display: none;
}
div#coupon-anchor .ui-dialog .ui-dialog-titlebar {
    background: transparent;
    border: transparent;
    padding: 0px;
    height: auto;
    position: absolute;
    right: 5px;
    top: 5px;
    display: none;
}
div#coupon-anchor .ui-dialog {
    position: relative;
    top: 0px!important;
    width: 100%!important;
    border: none;
    background: transparent;
    left: 0px!important;
    border-radius: 0px;
    
}
div#coupon-anchor {
    position: relative;
    width: 100%;
}
#primary .woocommerce form.checkout_coupon p {
    font-size: 1rem;
}
.woocommerce form.checkout_coupon {
    margin: 0;
    border: none;
    padding: 0px;
    font-size: 0.85em;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: var(--light);
}
.woocommerce-checkout #payment ul.payment_methods li input:checked ~ label {
    background: var(--light);
    color: #e83e8c!important;
}
.woocommerce {
    display: inline-block;
}
.woocommerce-checkout #payment ul.payment_methods li label {
    position: absolute;
    top: 0px;
    left: 0%;
    width: 49.996667%;
    text-align: center;
    display: block;
    cursor: pointer;
    line-height: 60px;
    font-size: 1em;
    background: #fff;
    font-weight: bold;
    border: var(--light) solid 1px;
    border-radius: 0 0 0 0;
    z-index: 99;
    white-space: nowrap;
    color: var(--secondary);
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
}
.woocommerce-checkout #payment ul.payment_methods li input {
    display: none;
}
#main .woocommerce-checkout #payment ul.payment_methods li {
    padding-top: 0px;
    position: static;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal label img, .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal label a {
    display: none;
}
.woocommerce-checkout #payment div.payment_box p {
    /* font-size: 100%; */
    font-weight: normal;
}
#main #payment p {
    font-weight: normal;
    /* font-size: 100%; */
}
#main .woocommerce-checkout p {
    font-size: 1rem;
}
body.woocommerce-checkout {
    background-color: #5d6ac5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%236573d6' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%236a79e0'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}
body.woocommerce-checkout .logo.fluid {
    color: #fff;
}
body.woocommerce-checkout .logo.fluid > img {
    border: #fff solid 2px;
    border-radius: 5px;
}
body.woocommerce-checkout #main > article h1.entry-title {
    color:white!important;
    text-transform: uppercase;
}
body.woocommerce-checkout .menuAccount{display:none;}
body.woocommerce-checkout .menuAccount .navbar-toggler-icon {
    background-image: url(assets/images/menu_white.svg);
}
body.woocommerce-checkout .menuAccount.clicked .navbar-toggler-icon {
    background-image: url(assets/images/menu-close-white.svg);
}
.woocommerce-checkout #payment ul.payment_methods li label {
    left: 66.666%;
    border-radius: 0 5px 0 0;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal label {
    left: 0;
    border-radius: 5px 0 0 0;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_cheque label {
    left: 49.99%;
}
.first-col:before {
    /* background: #f4f4f4; */
    content: "";
    position: absolute;
    left: -1px;
    top: -16px;
    height: calc(100% + 32px);
    width: 100%;
    border-radius: 0;
}
.logo > img{
	margin-right: 5px;
    width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
}
#logo_brand {
    width: 60%;
    margin: 0px auto;
}

#logo_mark{
width: 50%;
float: left;
}

#main svg .st1, #main svg .st3, #main svg .st4, #main svg .st5, #main svg .st6, #main svg .st11{
stroke-dasharray: 150;
stroke-dashoffset: 150;
animation: dash 4s linear forwards;
animation-timing-function: ease-out;
}

#featured{
margin: 2.5em 0 4em 0;
}
#intro {
    padding: 4em 0 0 0;
}
#featured ul{
display: block;
margin: 0;
padding: 0;
text-align: center;
}

#featured ul li{
list-style: none;
margin: 0.5em 1em;
padding: 0;
display: inline-block;
width: 6em;
}

#featured ul li img{
width: 100%;
height: auto;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.slider {
    background-color:#dfe3e8;
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 40%;
	position: relative;
}
.slider:before,.slider:after {
    content: "";
    width: 40%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
}
#main .btn-group .btn.active {
    border-color: rgb(255, 218, 102);
    background: rgb(255, 218, 102);
}
#main .btn-group .btn {
    background: transparent;
    border: rgba(41, 45, 50, 0.1) solid 1px;
    color: #292d32;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: 0px;
    border-radius: 1em;
    padding: 2em 4em;
    margin-right: 5px;
    margin-left: 5px;
}
#intro .container > .row {
    margin-top: 2em;
    display: inline-flex;
    margin-bottom: 2em;
}
#premium {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-color: rgb(125, 217, 226);
    background-position: calc(100% - 50px) 18px;
    z-index: 99;
}
#premium.slider:before, #premium.slider:after {
    background-image: url(assets/images/slider_.svg);
    background-color: rgba(125, 217, 226,0.1);

    background-position: top left;
    transform: rotate(0deg);
    height: 100%;
    left: 0px;
    width: 100%;
    top: -24px;
    background-repeat: repeat-x;
    background-color: transparent;
    background-size: 28px;
    z-index: -1;
}
#premium.slider:after {
    background-position: top left;
    left: 0px;
    transform: rotate(180deg);
    height: 100%;
    top: 24px;
}
.post-thumbnail {
    display: block;
    width: 100%;
    height: 17em;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    /* border: #fff solid 1.25rem; */
}
.card.post {
    border: none;
    border-radius: 0;
}
.card-deck .card.post {
    flex: 0 0 calc(50% - 30px);
    -ms-flex: 0 0 calc(50% - 30px);
    flex-flow: row wrap;
}
.nav-links {
    margin-top: 1em;
}
.nav-links a {
    padding: 5px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.nav-links .nav-next {
    text-align: right;
}
.card.post time.updated {
    display: none;
}
/* ::-moz-selection { color: #222; }
::selection { color: #222; } */
@media only screen and (max-width : 1068px) {
    .post-thumbnail {
        height: 10em;
    }
}
@media only screen and (max-width: 767px){
.card-deck .card.post  {
    flex: 0 0 calc(100% - 30px);
    -ms-flex: 0 0 calc(100% - 30px);
}
.post-thumbnail {
    height: 13em;
}
}
@media only screen and (min-width : 1068px) {
	.slider {
		/* background-image: url(assets/images/background.jpg); */
    }
    #slider.slider:before{
        background: #dfe3e8;
        background-image: url(assets/images/logo-spying.svg);
        background-size: 45%;
        background-position: center center;
        background-repeat: no-repeat;
        width:50%;
    }
    #slider.slider:after {background-image:none;}
	.slider:before, .slider:after {
		background: rgba(255, 255, 259, 0.3);
		background-image: url(assets/images/slider_grey.svg);
		background-repeat: repeat-y;
		background-position: -1px;
		background-size: 28px;
	}
	.slider:after {
		background-color: transparent;
		transform: rotate(180deg);
    }
    #premium {
        background-image: url(assets/images/success.png);
    }

}
#main h1, .slider h1, #premium.slider h2 {
    font-size: 2.25em;
    text-align: left;
    line-height: 1.4;
    margin-top: 2em;
    font-weight: 700;
}

.welcome h4 {
    font-weight: 400;
    font-size: 1.5em;
    margin-bottom: 2em;
}

.logo span, h4{
opacity: 0.6;
}

h1{
margin-top: 1.5em;
text-align: center;
font-size: 3.5em;
}

h4{
margin-top: 1em;
line-height: 1.4;
}

#main{
color: #292d32;
overflow: hidden;
}

#main *, #slider{
position: relative;
z-index: 2;
}

.signup{
text-align: center;
}

#main .btn, #slider .btn{
margin-top: 1em;
}

img{
width: 100%;
height: auto;
}

ul.keywords{
float: left;
font-size: 1.5em;
display: block;
margin: 3em 2em 2em 2em;
padding: 0;
opacity: 0.6;
position: relative;
z-index: 2;
}

ul.keywords li{
float: left;
list-style: none;
margin: 0 0 0 1em;
border-bottom: 2px solid #ff1f39;
}

.square{
font-size: 1.2em;
position: relative;
padding: 5.5em 3em;
text-align: center;
height: 15em;
}

.square.icon{
background-color: #111;
background-size: 4em;
background-repeat: no-repeat;
background-position: 50%;
overflow: hidden;
padding: 0;
}

#footer{
margin-top: 0em;
padding: 5em 0 10em 0;
color: #767b82;
background-color: #292D32;
font-size: 0.8em;
}

#footer a{
color: #FFC400;
display: inline-block;
padding-bottom: 0.4em;
}

#footer a:hover{
text-decoration: none;
color: #6ECCDF;
}

#footer p{
margin-top: 1em;
margin-bottom: 2em;
}

.btn, .btn.active{
padding: 1em 2.5em;
border-radius: 10em;
border: 0;
}
.btn-group .btn{box-shadow: none;}
.btn-primary{
background-color: #292d32;
color: #fff;
}

.btn-warning{
background-color: #f6c544;
}

.btn-primary:hover, .btn-primary:focus{
background-color: #495059;
}
.btn-create {
    background-color: #5D6AC5;
	color: #fff;
	margin-right: 20px;
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,.35);
}
#slider .btn-create {background:#e83e8c;}
.btn-create:hover, .btn-create:focus{
	background-color: #004085;
	}
#primary h2 {
	margin: 1em 0;
}
#primary p {
    font-size: 1.25rem;
    color: #637381;
}
/* nav */
.top-nav{
margin: 2em 0 1.5em 0;
padding: 0;
text-align: right;
font-size: 0.9em;
}

.top-nav li{
float: none;
display: inline;
margin: 0 0 0 2em;
}

.top-nav li a{
float: none;
display: inline-block;
background: transparent;
}

.top-nav li a{
color: #3E4A56;
padding: 0 0 0.4em 0;
}

.top-nav li a:hover, .top-nav li.active a, .top-nav li a:focus{
text-decoration: none;
color: #6ECCDF;
}

.top-nav li a i{
margin-right: 0.25em;
margin-bottom: 0;
}

.row .col-table{
padding: 2em 4em;
vertical-align: top;
}

#intro .text-left{
text-align: left;
width: 100%;
/* max-width: 29em; */
}

#intro .text-right{
text-align: left;
width: 100%;
/* max-width: 29em; */
}

.row .col-graphic-right{
padding: 3em 0 4em 0.5em;
}

.row .col-graphic-left{
padding: 3em 0.5em 4em 0;
}

blockquote{
border: 3px solid #282d33;
font-size: 0.8em;
padding: 1em 2em;
}

.sample-logo img, #samples img.big{
width: 100%;
border-radius: 8px;
margin: 1.1em 0;
}

#samples .pull-up{
color: #f3f0ee;
}

.icon-area{
text-align: left;
padding: 2em 2em 0 2em;
font-size: 0.85em;
}

.icon-area img{
width: 4em;
display: inline-block;
}

.icon-area h3{
font-size: 1.5em;
}

#footer a.media{
padding: 0;
background-image: none;
display: inline-block;
}

#footer a.media img {
    width: 8em;
    filter: grayscale(100%);
    margin: 1em;
}

@media only screen and (max-width : 768px) {
	#nav{
	font-size: 0.7em;
	text-align: right;
	margin: 0;
	background: transparent;
	text-align: center;
	}
	
	#nav, #nav.active{
		padding: 0.75em 0 0 0;
	}
	
	#nav.active .navbar-header{
	display: none;
	}
	
	#nav li{
	float: none;
	}

	#nav li a, #nav.active li a, #nav .nav > li > a, #nav.active .nav > li > a{
	padding: 0.7em 1.2em;
	margin: 0 0.2em;
	font-size: 11px;
	}
}

@media only screen and (min-width : 768px) {
	.container-table {
		display:table;
		width: 100%;
		box-sizing: border-box;
	}

	.row-table {
		height: 100%;
		display: table-row;
	}

	.row .col-table {
	  display: table-cell;
	  float: none;
	  padding: 0 4em;
	}
	
	#intro .text-left{
		float: right;
	}
	
	.row .col-graphic-right{
	padding: 0 0 4em 2.5em;
	}
	
	.row .col-graphic-left{
	padding: 0 2.5em 4em 0;
	}
	
	.pull-up{
	margin-top: -6em;
	}
}


@media only screen and (min-width : 992px) {
	.pull-up{
	margin-top: -12em;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h1, #main h1{
    	font-size: 1.3em;
    }
    
    .welcome{
    padding: 0;
    text-align: center;
    margin: 0 auto;
    float: none;
    width: 60%;
    }
    
    #main h1{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 1em;
    }
    
    .signup{
    width: 100%;
    }
    
    #main .btn{
    float: none;
    display: inline-block;
    }
    
    #logo-container{
    /* padding: 3em 1em 4em 1em; */
    }
    #intro .container > .row {
        margin-top: 0;
        margin-bottom: 0;
    }
    .logo{
    width: 85%;
    }
    
    #samples .pull-up{
	margin-top: 2em;
	color: #e14d6d;
	text-align: center;
	}
	
	#samples img.big{
	margin-top:2em;
	}
	.decorations{
	margin-bottom: 1em; 
	}
}



@media only screen and (max-width : 768px) {
    
    h1, #main h1{
    	font-size: 1.5em;
    }
    
    #logo-container{
    /* padding: 2em 0 3em 1em; */
    }
    #intro .container > .row {
        margin-top: 0;
        margin-bottom: 0;
    }
    .welcome h4 {
        margin-bottom: 2em;
        text-align: left;
    }
    .logo{
    width: 100%;
    }
    
    #logo_brand{
    width: 80%;
    margin-left: 2.5%;
    }
    
    #logo_mark{
    width: 80%;
    margin-left: 7%;
    margin-top: -22%;
    }
    
    .welcome {
        width: 100%;
        margin: 0;
        padding: 15px;
    }
    
    #main h1{
    padding-top: 0;
    }
    
    .top-nav{
    text-align: center;
    }
    
    .top-nav li{
    margin: 0 1em;
    }
    
    #samples img.big{
	margin-top:0;
    }
    #primary p {
        font-size: 1rem;
    }
}

@media only screen and (max-width : 480px) {
	body{
	font-size: 14px;
	}
	
    .logo {
        width: 75%;
        padding-right: 5%;
        padding-top: 0;
        margin: 0px;
        display: block;
        text-align: left;
        border: none;
    }
	h1, #main h1{
    	font-size: 1.2em;
    }
    
    #logo_brand{
    width: 88%;
    margin-left: -4%;
    }
    
    #logo_mark{
    width: 88%;
    margin-left: 0.5%;
    margin-top: -22%;
    }
    
    .welcome {
        width: 100%;
        margin: 0;
        padding: 15px;
    }
    .menuAccount {
        position: absolute;
        top: 15px;
        right: 15px;
        border-color: #5D6AC5;
        padding: 0.25rem 0.5rem;
        z-index: 99;
        padding: 2px;
        border-width: 2px;
        border-radius: 0px;
        font-size: 1em;
    }
    
    
}
.product-remove a { padding: 0; margin: 0; }
.woocommerce-checkout .woocommerce { width: 100%; }

.woocommerce-NoticeGroup-checkout { width: 100%; }
.woocommerce-NoticeGroup { width: 100%; }