/** * All of the CSS for your public-facing functionality should be * included in this file. */
* body {
     margin:0;
     padding:0;
     font-weight:400;
}
h1.c2spdf-heading {
     font-size:36px;
     text-align:center;
     color:#707070;
     font-weight:900;
}
h4.c2spdf-heading {
     color:#707070;
}
.c2spdf-content-block  {
     max-width:100% !important;
     padding:0 20px;
}
.c2spdf-inner-block h3 {
     color:#707070;
     margin:0;
}
.c2spdf-inner-block h2 {
     font-size:24px;
     color:#707070;
     margin:0;
}
.c2spdf-post-request-block{
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: center;
}
.c2spdf-post-block {
     padding:15px;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-bottom: 50px;
}
.c2spdf-post-block h2{
     padding-bottom: 15px;
}
.th-block {
     max-width: 22%;
}
.th1-block {
     max-width: 88%;
}
.th2-block {
     max-width: 44%;
}
.th3-block {
     max-width: 29.3%;
}
.th4-block {
     max-width: 22%;
}
.th5-block {
     max-width: 17.6%;
}
.th6-block {
     max-width: 14.6%;
}
.c2spdf-inner-block p {
     margin-top:0;
     color: #707070;
}
*, *:before, *:after {
     box-sizing: border-box;
}
.c2spdf-inner-block .fields{
     border-bottom: 1px solid #707070;
     padding-top: 3%;
     font-size: 18px;
}
.c2spdf-inner-block .sendButton{
     padding-top: 6%;
}
.c2spdf-inner-block .fields input{
     all: unset;
     color: #707070;
     width: 100%; 
}
.c2spdf-inner-block .fields label{
     display: contents;
}
.c2spdf-cart img{
     margin: unset !important;
}
.c2spdf-img{
     margin-bottom: 15px;
     margin-top: 15px;
}
button .c2spdf-cart-item {
     position: absolute;
     height: 24px;
     width: 24px;
     top: -13px;
     right: -15px;
}
button .c2spdf-cart-item:before {
     content: '+';
     display: block;
     line-height: 15px;
     height: 20px;
     width: 20px;
     font-size: 15px;
     font-weight: 600;
     background: white;
     color: #707070;
     border-radius: 20px;
     text-align: center;
     border: 1px solid #707070;
}
button.sendtocart .c2spdf-cart-item {
     display: block;
     animation: xAxis 1s forwards cubic-bezier(1, 0.44, 0.84, 0.165);
}
button.sendtocart .c2spdf-cart-item:before {
     animation: yAxis 1s alternate forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}
button.removeadd {
     display: none;
}
.c2spdf-panel-close{
     float: right;
     font-weight: 600;
     cursor: pointer;
     margin-right: -10px;
     margin-top: 6px;
}
.c2spdf-cart {
     position: fixed;
     top: 15%;
     right: 20px;
     width: 50px;
     height: 50px;
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 25px;
     box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease 0s;
     cursor: pointer;
     border: 1px solid #707070;
}
.c2spdf-cart:before {
     content: attr(data-totalitems);
     font-size: 12px;
     font-weight: 600;
     position: absolute;
     top: -12px;
     right: -12px;
     background: #fff;
     line-height: 24px;
     padding: 0 5px;
     height: 24px;
     min-width: 24px;
     color: #707070;
     text-align: center;
     border-radius: 24px;
     box-sizing: border-box;
     border: 1px solid #707070;
}
.c2spdf-cart.shake {
     animation: shakeCart 0.4s ease-in-out forwards;
}
@keyframes xAxis {
     100% {
         transform: translateX(calc(50vw - 105px));
    }
}
@keyframes yAxis {
     100% {
         transform: translateY(calc(-50vh + 75px));
    }
}
@keyframes shakeCart {
     25% {
         transform: translateX(6px);
    }
     50% {
         transform: translateX(-4px);
    }
     75% {
         transform: translateX(2px);
    }
     100% {
         transform: translateX(0);
    }
}
button.c2spdf-accordion {
     all: unset;
     cursor: pointer;
}
button.c2spdf-sendMail {
     padding: 9px;
     position: relative;
     outline: none;
     color: #707070;
     font-size: 11px;
     border: 1px solid #707070;
     z-index: 5;
     background: #ffffff;

}
button.c2spdf-addtocart{
     padding: 9px;
     position: relative;
     outline: none;
     color: #707070;
     font-size: 11px;
     border: 1px solid #707070;
     z-index: 5;
     background: #ffffff;
     margin-right: auto;
     margin-top: 20px;
}
.c2spdf-head{
     position: fixed;
     z-index: 10;
}
.c2spdf-slectedPDF ul li {
     display: inline;
}
.c2spdf-slectedPDF{
     width: 100%;
     height: auto;
     background: #ebe9e9;
     border-radius: 20px;
     padding: 2%;
}
.c2spdf-slectedPDF ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
.c2spdf-tandc{
     padding-top: 4%;
}
.c2spdf-slectedPDF ul li {
     border: 1px solid #ddd;
     margin: unset !important;
    /* Prevent double borders */
     background-color: #f6f6f6;
     padding: 6px !important;
     text-decoration: none;
     font-size: 12px;
     color: #707070 !important;
     display: inline-block;
     position: relative;
     padding-right: 1px !important;
     border-radius: 15px;
}
.c2spdf-slectedPDF ul li:hover {
     background-color: #eee;
}
.c2spdf-close {
     cursor: pointer;
     position: relative;
     top: 50%;
     right: 0%;
     padding: 12px 16px;
     transform: translate(0%, -50%);
     padding-right: 1px;
}
.c2spdf-panel-block1 {
     padding:15px;
     width: 60%;
}
.c2spdf-panel-block2 {
     padding:15px;
     width: 40%;
}
.c2spdf-panel {
     padding: 0 18px;
     background-color: white;
     max-height: 0;
     height: auto;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     width: 80%;
     float: right;
     position: fixed;
     top: 20%;
     right: 55px;
     border: 0px;
}
.c2spdf-panel-body{
     height: 100%;
     /*background-color: #f1f1f152;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.c2spdf-panel-body p{
     line-height: 1.2;
     font-size: 18px;
}
.c2spdf-inner-block h2,h3,h4{
     margin: unset !important;
}

.c2spdf-error{
     font-size : 12px;
     color : red; 
     display:none; 
}
.c2spdf-alert-close{
     position: relative;
     top: -30%;
     left: 27%;
     cursor: pointer;
}
.c2spdf-alertbar{
     background-color: green;
     color:white;
     display: none;
     font-size: 22px;
     line-height: 45px;
     height: 50px;
     position: fixed;
     text-align: center;
     text-decoration: none;
     top: 25%;
     width: 250px;
     z-index: 100;
     margin-left: 40%;
}

.c2spdf-image-left, .c2spdf-image-right
	{
		display: flex;
		align-items: center;
	}

.c2spdf-image-left img
{
	float: left; 
     max-width: 49% !important;
}

.c2spdf-image-right img
{
	order: 1;
	float: right; 
     max-width: 49% !important;
}

.c2spdf-image-left p
{
	margin-left:20px;
}

.c2spdf-image-right p
{
	margin-right: 20px;
}

.c2spdf-load-arrow {
     position: absolute;
     display: none;
     cursor: pointer;
     width: 40px; 
     height: 40px;
     top: 80%; 
     left: -80%;
     margin: -20px 0 0 -20px;
}
.c2spdf-load-arrow:before , .c2spdf-load-arrow:after {
     position: absolute;
     display: block;
     content: '';
     width: 30px; height: 30px;
     left: 50%; top: 50%;
     margin-top: -15px;
     border-width: 2px;
     border-style: solid;
     border-color: transparent;
     border-bottom-color: #707070;
     border-right-color: #707070;
     border-radius: 0 0 5px 0;
     transform: translate(-50%, -50%) rotate(-45deg);
     transition: all .4s ease-in-out;
}
.c2spdf-load-arrow.active:before {
     border-radius: 50%;
     animation: .8s rotate .4s linear forwards infinite;
}
.c2spdf-load-arrow.active:after {
     width: 38px; height: 38px;
     border-radius: 50%;
     animation: .8s rotate2 .4s linear forwards infinite;
}
@keyframes rotate {
     to {
          transform: translate(-50%, -50%) rotate(405deg);
        }
 }
@keyframes rotate2 {
     to {
          transform: translate(-50%, -50%) rotate(-315deg);
          }
     }
.c2spdf-load-arrow.disabled:before , .c2spdf-load-arrow.disabled:after {
     margin-top: 0;
     transform: translate(-50%, -50%) rotate(135deg) rotateY(180deg);
}

/*media at breakpoint 576px*/
@media screen and (max-width: 576px) {
     .c2spdf-panel-block1 {
          width: 100%;
     }
     .c2spdf-panel-block2 {
          width: 100%;
     }
     #c2spdf-sendMail{
          overflow-y: auto;
          height: 450px;
     }
     .c2spdf-post-block{
          width: 100% !important;
     }
     .th-block {
          max-width: 100%;
     }
      .th1-block {
          max-width: 100%;
     }
      .th2-block {
          max-width: 100%;
     }
      .th3-block {
          max-width: 100%;
     }
      .th4-block {
          max-width: 100%;
     }
      .th5-block {
          max-width: 100%;
     }
      .th6-block {
          max-width: 100%;
     }
     .c2spdf-alertbar{
          margin-left: 0%;
     }
}