/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    
    Author     : nextbox



COLORS

Yellow links    #ffd100






**************************
*****  HOMEPAGE
**************************
*/

body{
        overflow-x: hidden;
        font-family: 'Source Sans Pro', sans-serif;  
        font-size:16px;
}

.slide_main_title
{
    font-family: 'Oswald';font-size:30px;color:#666666;margin-bottom: 0;text-transform: uppercase;line-height: 32px
}

.slide_main_subtitle
{
    font-family: 'Oswald' !important;font-style: normal;font-weight: 300;font-size:22px;line-height:23px;color:#666666;text-transform: uppercase
}

a:hover, a:focus{
    color:#cccccc;
    text-decoration: none;
}

.menu-line{

    border-right:1px solid #ffffff;
    display: inline-block;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #e2e2e2 !important;
}

.menu-line-start{
border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    display: inline-block;
}

.menu-line-start:hover
{
    opacity:0.5;
}

.menu-line:hover
{
    opacity:0.5;
}

.vacancy_header_background
{
    background-color: #FF0000;
}

.vacancy_header
{
    
    color:#f8f8f8;
    text-align: center;
    font-weight:700;
    padding:10px;
    font-size:16px;
}


.badges img:hover
{
    opacity:0.5;
    
}


.container
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.badges
{
    text-align: center;
    padding-top:20px;
    padding-bottom:20px;
    border:3px solid #000000;
    background-color: #FFD200;
    color:#000000;
    font-size:18px;
}


.user_back_background
{
    background-color: #f1f1f1;
    text-transform: uppercase;
    font-size:12px;
}

.user_back_background a{
    text-decoration: none;
    color:#000000;
   
}

.user_back_background a:hover{
    text-decoration: none;
    color:#000000;

}



.user_topbar_right
{
    text-align: right;
    
}

.user_topbar_right a{
    
 
}

.logo_bar
{
    padding-top:30px;
    padding-bottom:30px;
}

.logo_bar h3{
    font-size:20px;
    margin-bottom:0px;
    margin-top:10px;
    font-weight: 200;
    line-height: 24px;
}
.logo_bar h4{
    font-size:20px;
    margin-top:5px;
    font-weight: 200;
}

.logo-cell-centered img:hover{
    opacity:0.5;
}



.img-trasparent:hover, immagine-bt:hover, .sharebuttons:hover
{
		opacity:0.5;
    /* Firefox */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    /* WebKit */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.5s;
    /* Standard */
    transition-property: opacity;
    transition-duration: 0.5s;
}

.search-field{
    margin-top:10px;
}

.menu_backround_global
{
    background-color: #333333;
}

.newsletter-home-box
{
    background-color: #7b7b7b;
    color:#f8f8f8;
    padding-top:45px;
    padding-bottom:45px;
    font-size:15px;
}

.campi-testo{
    
    padding:10px;
    border:0;
    color:#000000;
    margin-right: 10px;
    	
}

.share-button-header img
{
    height:20px;
}



.title-black-bar
{
    border:0;
	font-size:		18px !important;
	background-color:	#333333;
	font-weight:		700;
	color:			#ffffff;
	padding:10px;
    text-decoration: none;
}

.small-link
{
    font-size:14px;
}

.menu-close
{
    text-align: right !important;
    font-weight: bold;
    padding-right:18px;
    padding-bottom:18px;
    font-size:12px;
}

.menu-close:hover
{
    cursor: pointer !important;
    color:#ffd100;
}

.product-info
{
    margin-top:30px;
}

/* 
 *********************
ERRORS
*********************
*/

.globalErrorStyle
{
    color: #ffffff;
    border: 0;
    background-color: #cc0000;
    padding: 5px;
    margin-top: 5px;
    font-weight: bold;
}

/* 
 *********************
GLOBAL
*********************
*/


.modal-backdrop {
    opacity:0.9 !important;
}

.modal
{
    z-index: 999999 !important;
}

.cbp-hsinner {
    z-index: 999 !important;
}


.modal-content
{
    border-radius: 0;
    box-shadow: none;
}

.btn-primary
{
    background-color: #FFD200;
    color:#000000;
    border:1px solid #FFD200;
}

.btn-primary:hover
{
    background-color: #000000;
    color:#ffffff;
    
}

.btn
{
    border-radius: 0;
    border: none;
    font-weight: bold;
}

.btn-default
{
    background-color: #e6e6e6;
    color:#000000;
    border:1px solid #e6e6e6;
}

.btn-default:hover
{
    background-color: #000000;
    color:#ffffff;
}



.carousel-control.right {
    background-image: none !important;
}

.carousel-control.left {
    background-image: none !important;
}

.carousel-control
{
    text-shadow:0;
    filter: none;
    text-shadow: none;
}

.alert
{
    border-radius: 0;
    
}

.alert-warning
{
    color:#000000 !important;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label
{
    color:#000000 !important;
}




.generic-error
{
padding: 5px;

border: 0;
color: #cc0000;
margin-top: 10px;    
}

.form-control
{
 border-radius: 0;   
}

.breadcrumb
{
    padding-left:0;
    text-transform: lowercase;
}


.btn-language
{
    background:transparent;
    font-size:12px;
    padding-top:12px;
}

.language-dropdown-menu a{
padding-top: 5px;
padding-bottom: 5px;    
}

a{
    color:#000000;
}

.fieldMiddleSize{
    margin-top:5px;
    
}


.cbp-hssubmenu a{
    text-transform: uppercase;
}


.productTitle{
 font-weight:700;   
}

.product-info
{
    font-size:16px;
}

.user-profile-bar{
    background-color:#dfdfdf;
    padding:5px;   
    color:#000000;
    
    text-transform: uppercase;
}

.dropdown-menu a{
    text-decoration: none;
}

.dropdown a:hover{
    text-decoration: none;
}

.dropdown-menu{
 border-radius:0;   
}


/* 
 *********************
TIMER OFFERS
*********************
*/

.timer-offer
{
    margin-top:0px !important;
}

.timer-offer h2
{
    font-family: 'Oswald';
    font-size:35px;
    color:#333333;
    text-transform: uppercase;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:20px;
    
}



/* 
 *********************
ERRORS
*********************
*/

.formError a{
    color:#ffffff;
    text-decoration: underline;
}


.formConfirm{
    color:#ffffff;
    background-color:#339966;  
    padding:5px;
    margin-bottom:10px;
}


.form_error_line{
color: #ffffff;
border: 0;
background-color: #cc0000;
padding: 5px;
margin-top: 5px;    
}


/* 
 *********************
CAROUSEL TO FADE
*********************
*/

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}    

.nx-logo-on-carousel:hover{
    /* opacity: 0.5; */
}

/* 
 *********************
FILE UPLOADER
*********************
*/

.file_view_line
{
    border-bottom:1px solid #cccccc;
}


/* 
 *********************
BOTTONI
*********************
*/

.submitButton
{
    border:0;
	font-size:		14px !important;
	background-color:	#FFD200;
	font-weight:		700;
	color:			#333333;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:35px;
    padding-right:35px;
    text-decoration: none;
    text-align: center;
    display:inline-block;
}

.submitButton:hover
{
    border:0;
	font-size:		14px !important;
	background-color:	#000000;
	font-weight:		700;
	color:			#ffffff;
    text-decoration: none;
    text-align: center;
}

.submitButtonSquare
{
    border:0;
	font-size:		14px !important;
	background-color:	#FFD200;
	font-weight:		700;
	color:			#333333;
    padding:10px;
    text-decoration: none;
}

.submitButtonSquare:hover
{
    border:0;
	font-size:		14px !important;
	background-color:	#000000;
	font-weight:		700;
	color:			#ffffff;
    text-decoration: none;
}


.submitbutton input{
    padding:10px;
}



.submitButtonBlack
{
	border:0;
	font-size:		14px !important;
	background-color:	#000000;
	font-weight:		700;
	color:			#f8f8f8;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:35px;
    padding-right:35px;
	text-decoration: none;
}

.submitButtonBlack:hover
{
	border:0;
	font-size:		14px !important;
	background-color:	#cccccc;
	font-weight:		700;
	color:			#ffffff;
	text-decoration: none;
}

.submitButtonBlackSquare
{
	border:0;
	font-size:		14px !important;
	background-color:	#000000;
	font-weight:		700;
	color:			#f8f8f8;
    padding:10px;
	text-decoration: none;
}

.submitButtonBlackSquare:hover
{
	border:0;
	font-size:		14px !important;
	background-color:	#cccccc;
	font-weight:		700;
	color:			#ffffff;
	text-decoration: none;
}


.checkoutButton
{
	border:0;
	font-size:		12px !important;
	background-color:	#FFD200;
	font-weight:		700;
	color:			#333333;
	height:46px;
	vertical-align:middle;
}

.checkoutButton:hover
{
	border:0;
	font-size:		12px !important;
	background-color:	#000000;
	font-weight:		700;
	color:			#ffffff;
	height:46px;
	vertical-align:middle;
}



/* 
 *********************
FOOTER
*********************
*/


.footer-background
{
    background-color:#f1f1f1;
    
    
}

.footer-background a{
    color:#000000;
    text-decoration: none;
}

.footer-background a:hover{
    color:#000000;
    text-decoration: underline;
}

.signature-background-footer{
    background-color:#333333;
    color:#f1f1f1;
    font-size:14px;
    padding-top:20px;
    padding-bottom:50px;
    font-weight: 200;
    letter-spacing: 1px;
}

.signature-background-footer a{
 
    color:#f1f1f1;
   text-decoration: none;
}

.signature-background-footer a:hover{
 
    color:#ffd100;
    text-decoration: none;
}

/* 
 *********************
BREADCUMB
*********************
*/

.breadcrumb
{
    background-color: #ffffff;
    margin-bottom:0;
    
}

.breadcrumb a
{
    color:#000000;
    text-decoration: none;
    
}

.breadcrumb a:hover
{
    color:#000000;
    text-decoration: underline;
    
}

.breadcumb-line
{
    /* border-bottom:1px solid #cccccc;*/
    margin-bottom:50px;
    
}


/* 
 *********************
TABS
*********************
*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    background-color: #e2e2e2;
    
}
.nav-tabs > li > a
{
    border-radius: 0;
    background-color:#7b7b7b;
    color:#f8f8f8;
}

.tab-pane{
    background-color:#e2e2e2;
    padding:20px;
}

/* 
 *********************
PRODOTTI
*********************
*/

.product-gallery a:hover
{
    opacity:0.5;
}

.product-page-divider
{
    border-bottom:3px solid #333333;
    padding-bottom:3px;
    margin-bottom:20px;
    font-weight:bold;
    font-size:18px;
    width:100%;
}

.product-cube-grid 
{
    text-align: center;
    padding-bottom:20px;
}


.product-cube-grid a{
    color:#000000;
    
}

.product-cube-grid a:hover{
    color:#cccccc;
    text-decoration: none;
    
}

.inner-product-cube-grid:hover{
    background-color: #ffd100;
    color:#000000;
    
}

.inner-product-cube-grid img:hover{
    //opacity:0.5;
}

.inner-product-cube-grid img{
    margin-bottom:10px;
}


/* 
 *********************
CONFIGURATORE
*********************
*/

.correlated_title_box {
    border-bottom:2px solid #333333;
    padding:5px;
    font-weight: bold;
}

.numberOf
{
    width: 240px;
    border-style: solid;
    border-color:#cccccc;
}

.image-colum-configurator
{
    /* padding:20px;*/
}

.image-colum-configurator .submitButton
{
    width:100%;

}

.image-colum-configurator h2
{
    font-family: 'Oswald' !important;
    margin-top:0;
    font-style: normal;
    font-weight: 300;
    font-size:22px;
    line-height:23px;
    color:#333333;
    text-transform: uppercase;
    padding-bottom:20px;    
    padding-left:0px;    
    padding-right:20px;    
    padding-top:0px;    
    margin-bottom:0;
    font-weight: normal;
}

.image-colum-configurator h1
{
    margin-top:0;
    font-family: 'Oswald';
    font-size:30px;
    color:#333333;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 32px;
    padding-left:0px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:5px;
}

.image-colum-configurator p
{
    font-family: 'Oswald' !important;
    margin-top:0;
    font-style: normal;
    font-weight: 300;
    font-size:22px;
    line-height:23px;
    color:#333333;
    text-transform: uppercase;
    padding-bottom:5px;    
    padding-left:0px;    
    padding-right:0px;    
    padding-top:0px;    
    margin-bottom:0;
}


.configurator-small-message
{
    font-size:12px;
}


.phaseTitleNew{
	
	font-weight: 700;
	margin-bottom:12px;
	margin-top:12px;
	background-color:#cccccc;
	color:#000000;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	
}

.phaseTitleNumber{
	
	font-weight: 700;
	background-color:#FFD200;
	color:#000000;
	width:30px;
	text-align: center;
    border-right:3px solid #ffffff;
    border-bottom:3px solid #FFD200 !important;
}

.phaseTitleTable{
	border:0px;width:100%;margin-top:5px;margin-bottom:10px;
}

.phaseHyperlinkNew{
	font-size:12px;
	margin-bottom:12px;
	margin-top:12px;
	background-color:#cccccc;
	color:#000000;
	
}

.phaseHyperlinkNew a{
	color:#000000;
	text-decoration: none;
}
.phaseHyperlinkNew a:hover{
	color:#000000;
	text-decoration: underline;
}

.showCostDetailsNew, .showCostDetailsNew:hover{
	font-size: 10px;
	margin-bottom: 12px;
	margin-top: 12px;
	color: black;
	padding: 5px;
	text-decoration:none;
}

.masterTooltip{
    background-color:#FFD200;
    padding-left:5px;
    padding-right:5px;
    color:#000000;
    /* margin-left:20px; */
}


.masterTooltip:hover{
    text-decoration: none;
    /* margin-left:20px; */

}

.popover
{
    border-radius: 0px;
    width : 350px;

}



select {

      -webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background: url('/images/form_combo_arrow.png') no-repeat;          /*Adds background-image*/
      background-position: right;           /*Position of the background-image*/
      back
      width: 100%;            /*    *Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
      border-radius:0;
      padding:5px;
    border: 1px solid #dfdfdf !important;
    background-color:#dfdfdf;  
    width:200px;
    margin-top:5px;
  }

  select:hover
  {
    background-color:#FFD200;  
    border: 1px solid #FFD200 !important;
  }
  
  
  
  input{
      border-radius:0;
      padding:5px;      
      
  }
  
  
  .paper-type-button
  {
      background-color: #7b7b7b;
      display: inline-block;
      width:100%;
      padding:20px;
      color:#ffffff;
  }

  .paper-type-button img
  {
      width:90px;
  }


  .paper-type-button:hover{
      opacity:0.5;
  }
  

  .cost_details{
      background-color: #f1f1f1;
      padding-top:10px;
      padding-bottom:5px;
      margin-bottom:10px;
  }

  #multiple_error, #validation_error, #paperWeight_error, #width_error, #formatPlastRequired_error, #nCopies_error{
      color:#ffffff;
      border:0;
      background-color:#cc0000;
      padding:5px;
      margin-top:5px;
  }

  label{
font-weight: normal;
  }
  
  
  .formError
  {
      padding-top:2px;
      padding-bottom:2px;
      padding-left:5px;
      color:#ffffff;
      border:0;
      background-color:#cc0000;
      margin-top:0;
      font-size:12px;
      text-transform:uppercase;
  }
  
.formLabel 
{
    color:#333333 !important;
    
}



.delivery_box .formImputLine
{
    font-weight: bold;
}

.invoice .formImputLine
{
    font-weight: bold;
}

.sample_delivery_box .formImputLine
{
    font-weight: bold;
}


.styled-select
{
    font-weight: normal !important;
}

  .fieldMiddleSize{
      width:280px;
      
  }
  
  .styled-select select{
       width:280px;
  }
  
  .formLabel{
      width:180px;
  }
  
  
  .template_box a
  {
      color:#000000;
  }
  
  
  .templateLinkSelected{
      font-weight:700;
      background-color: #FFD200;
  }
  
  .templateSelected{
      font-weight:700;
      background-color: #FFD200;
  }
  
    .cart-correlated-products .correlated-product-text
    {
        padding:20px;
    }
  
  
  .configurator-correlated-products .correlated-product-text a
  {
    padding:20px;      
  }

 .correlated-products-box
  {
    
    margin-bottom:20px;
  }

  
  
  .correlated-products-box a{
      display: block;
      background-color:#f1f1f1; 
      text-align: left;


      font-family: 'Oswald';
      font-size: 30px;
      color:#666666;
      text-transform: uppercase;
      line-height: 32px;      
  }

  .correlated-products-box p{
        font-style: normal;
        font-weight: 300;
        font-size: 22px;
        line-height: 23px;
        text-transform: uppercase;
        background-color: transparent;
        text-align: left;
        padding:0;
  }  

  .correlated-cart-box-title{
    font-style: normal;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 22px;
    line-height: 23px;
    text-transform: uppercase;
    background-color: transparent;
    text-align: left;
    padding:0;
    margin-top:50px;
  }

  .correlated-products-box a:hover{
      background-color:#FFD200;
      color:#333333;
  }
  
  .correlated-products-box img:hover{
      opacity: 0.5;
  }  
  
.phaseTitle 
{
    border-bottom: 3px solid #333333;
    padding-bottom: 3px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    padding-left:5px;
}



/* 
*********************
ORDER CONFIG
*********************
*/

.order-confirm-table-column  td.option-row
{
    padding-top:20px;
    padding-bottom:30px;
}

.order-confirm-table-column  td.option-row a
{
    text-decoration: underline;
}

  /* 
 *********************
CONFIGURATORE BUTTONS
*********************
*/

  .btn-date-costo{
  color: #000000;
background-color: #f1f1f1;

border-radius:0px;
width:25%;
font-weight: 700;
padding-bottom:40px;
  }
  
   .btn-date-costo.active{
  color: #000000;
background-color: #FFD200;
-webkit-box-shadow: none;
box-shadow: none;
background-image: url('/images/selected_price.png');
background-position: center bottom;
background-repeat: no-repeat;

  } 
  
  .btn-date-costo:hover
  {
      /* opacity:0.5; */
      background-color: #cccccc;
  }
  
  
  
  .main_price_text{
    margin-top:2px;
    margin-bottom:10px;

  }
  
  .main_price_no_vat_text
  {
    font-size:26px;
    text-align: center; 
    
    margin-bottom:10px;
      
  }
  
  .original_main_price_no_vat_text
  {
      display:none;
  }

  .original_main_price_no_vat_text
  {
    font-size:26px;
    text-align: center; 
    
    margin-bottom:0px;
    text-decoration: line-through;
      
  }
  
     .yellow{
        background-color: #ffd100;
    } 
  
    
    
    
    
         .user_topbar_right a{
        padding:15px;display: inline-block
    } 
  
         .user_topbar_left a{
        padding:15px;display: inline-block
    }     
    
    
    select{
        margin-top:0;
        margin-bottom:5px;
    }    
    
    
    /*  SLIDESHOW */
    
    
    .carousel-caption{

right:auto;
top: 5px;
left: 0px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: left;
text-shadow: none;
    }
    
    
.slideshow-full-background    
{
    background-color: #dddddd;
}   
    

/* ALL DESIGNS */


.offer-report-total
{
    padding-bottom:50px;
}

.customerNote{
    border:1px solid #cccccc !important;
}

.phaseTitle{
    font-weight: 700;
    font-size:18px;
    margin-top:10px;
}

.progress{
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: #cccccc;

}

.progress-bar{
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .0) !important;   
}

.progress-bar-warning
{
    background-color:#ffd100;
    color:#000000;
}

.fileupload-page-box p
{
    font-size:14px;
}

.fileupload-page-box p b
{
    font-size:18px;
}

.file-upload-uploading-page-title h3
{
    margin-top:0;
}

.label 
{
    border-radius: 0;
    display:inline-block;
}


.signature-box-right
{
    font-size:12px;
}


/*
************************
 MOBILE MENU
************************

*/




.panel-heading{
border-top-left-radius: 0px;
border-top-right-radius: 0px;   
text-align: center;

    padding-top:30px;
    padding-bottom:30px;
}

.panel{
    box-shadow: none;
    border:0;
    border-radius: 0;
}

.panel-group{
    border-radius: 0;
}

#titoloMainMobileMenu{
    background-color: #000000;
    color:#ffffff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#titoloMainMobileMenu a{
    color:#ffffff;
}

#titoloMainMobileMenu a:hover{
    color:#cccccc;
}

.panel-heading a{
    color:#000000;
}


.panel-heading a:hover{
    color:#cccccc;
}


.homepage-brands-bar{
    margin-top:90px;
}


.content-for-inner-pages{
    padding-bottom:150px;
}

.inner-text-page-format{
    text-align: left;
    font-size:16px;
    line-height: 23px;
}



.image-colum-configurator{
    
}

.main-site-subtitle{
    font-size: 20px;
    margin-bottom: 0px;
    margin-top:0px;
    font-weight: 200;
}

.tab-content a
{
    font-weight: bold;
    text-decoration: underline;
}

.tab-content a:hover
{
    font-weight: bold;
    text-decoration: none;
    opacity: 1;
    color:#000000;

}


/* CART */


.coupon-error
{
    color:#ff0000;
    font-weight:bold;
    font-size:14px;
}

.coupon-login-message
{
    text-align: center;
    margin-bottom:30px;
}

.coupon-login-message h3
{
    margin-top:0px;
}

.coupon-cart-notification
{
    font-weight: bold;
    font-size: 16px;
    margin-bottom:10px;
    color:#3c763d;
}

.cart-and-order-product-row-text
{
    font-size:16px;
}



.payment-container
{

  width:30%;
  margin-left:auto;
  margin-right:auto;
}



.payment-waitress
{
    font-weight: bold;
    font-size: 24px;    
    padding-top:30px;
    padding-bottom:90px;
}


.fieldFullSize
{
    width:100%;
}


.breadcrumb-cart { 
    list-style: none; 
    overflow: hidden; 
    font: 18px Sans-Serif;
    padding-left:0;
    margin-bottom:0;
    background-color:#f1f1f1;
  }
  .breadcrumb-cart li { 
    float: left; 
  }
  .breadcrumb-cart li a {
    color: #000;
    text-decoration: none; 
    padding: 20px 20px 20px 35px;
    background:#f1f1f1; 
    position: relative; 
    display: block;
    float: left;
    color:#000000;
  }

  .breadcrumb-cart li a::after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #f1f1f1;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
  }  

  .breadcrumb-cart li a::before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;       
    border-bottom: 50px solid transparent;
    border-left: 30px solid #333333;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
  }

  .breadcrumb-cart li.yellow a:hover { 
    background:#000;
    color:#fff; 
  }

  .breadcrumb-cart li.yellow a:hover:after { 
    border-left-color:#000 !important; 
  }

  .breadcrumb-cart li.yellow a:hover { 
    background:#000;
    color:#fff; 
  }

  .breadcrumb-cart li.yellow a {
    background:#FFD200; 
    color:#000;
  }

  .breadcrumb-cart li.yellow a::after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #FFD200;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
  }  

  .breadcrumb-cart .yellow li.yellow a::before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;       
    border-bottom: 50px solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
  }

.breadcrumb-cart i
{
    margin-left:20px;
}

.breadcrumb-cart li:last-child a::after { 
    border: 0 !important; 
  }

  .breadcrumb-cart li:last-child a::before { 
    border: 0 !important; 
  }

.product_page_title
{
    font-family: 'Oswald';
    font-size: 30px;
    color: #333333;
    
    text-transform: uppercase;
    line-height: 32px;
    
    margin-bottom: 5px;    
}

.inner-site-page
{
    font-size:18px;
}

.inner-site-page h2
{
    font-size:16px;
    font-weight: bold;
    margin-top:3px;
    margin-bottom:10px;
    color:#666666;
}

/* PAYPAL EXTRA PAYMENTS */


.paypal-box-confirm
{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    width:350px;
    margin-bottom:90px;
}



/* BOOK CONFIGURATOR */ 


.btn-book-selector{
    color: #000000;
  background-color: #ffffff;
  border-radius:0px;
  font-weight: 700;
  padding:20px;
  border:3px solid #ffffff;
  display: table-cell;
  width:200px !important;
  

    }
    
     .btn-book-selector.active{
    color: #000000;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  
  background-position: center bottom;
  background-repeat: no-repeat;
  border:3px solid #333333;
  
    } 
    
    .btn-book-selector:hover
    {
        /* opacity:0.5; */
        background-color: #ffffff;
    }

.product-select-grid label
{
    
}

.book-selection-grid-page h3
{
    margin-top:90px;
    margin-bottom:20px;
    letter-spacing: 1px;
}


.product-grid
{
    width:50%;
    margin-left:auto;
    margin-right:auto;
}

.product-grid .submitButton
{
    padding-top:5px !important;
    padding-bottom:5px !important;
}

.input-group-addon
{
    border-radius:0 !important;
}

.create_book_form label
{
    font-weight: bold;
}

.user-books-table td
{
    vertical-align: middle;
}

.user-books-table .submitButtonBlack
{
    padding:10px;
    display: inline-block;
}

.user-books-table .submitButton
{
    padding:10px;
    display: inline-block;
}


.panel-default > .panel-heading 
{
    text-transform: uppercase;
}

/* BLOG */ 

.blog-articles
{
    margin-top:90px;
    margin-bottom:90px;
}

 .blog-articles img
 {
     width:100%;
 }

 .blog-articles h2
 {
    font-family: 'Oswald';
    font-size: 20px;
    text-transform: uppercase;
 }

.blog-articles-list
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
}


.alert-danger a
{
    color:#a94442;
    text-decoration: underline;
}

.alert-danger a:hover
{
    color:#a94442;
    text-decoration: none;
}

.form-submit div
{
    margin-bottom:10px;
}

.btn-secondary:hover
{
    background-color:#000000;
    color:#ffffff;
}

/* 
************************************************************************
 RESPONSIVE LAYOUT - RESPONSIVE LAYOUT - RESPONSIVE LAYOUT 
************************************************************************
*/
/* 
************************
SMARTPHONE
************************
*/
@media (max-width: 768px) { 


    .paypal-box-confirm
    {
        text-align: center;
        margin-left:auto;
        margin-right:auto;
        width:90%;
        margin-bottom:90px;
    }



    .top-menu-desktop{
        display:none;
    }
    .top-menu-mobile{
        display:block;
    }
    
    
    .menu-desktop{
        display: none !important;
    }
    .menu-mobile{
        display: block;
    }
    
    .slideshow-full-background{
        display:none;
    }
    
    
    
    .user_topbar_right{
        text-align: center;
        
    }   
    

    
    .user_topbar_left{
        display:none;
        
    }   
    
    .logo-cell-centered{
        text-align:center;
    }
    
    .language-place{
        display: none;
    }
    
    .language-place-mobile{
        display: block;
        text-align: center;
        margin-top:10px;        
    }

    .language-place-mobile a{
        margin-right:10px;
        margin-left:10px;
        color:#000000;

    }

    .cbp-hsmenu > li > a{
        margin-top:20px;
    }

    .home-box-cell img{
        margin-bottom:20px;
    }

    .newsletter-box-right{
        text-align: center;
    }

    .newsletter-box-left{
                padding-bottom:20px;
        text-align: center;
    }

        .footer-second-menu-box{
     padding-bottom:20px;   
    } 
    
    .footer-logo-cell{
        text-align: center;
        
    }
    .footer-logo-cell-right{
        text-align: center;
    }

    .footer-logo-cell img{
        margin-bottom:10px;
        
    }
    .footer-logo-cell-right img{
        margin-bottom:10px;
    }
    .signature-box
    {
     text-align: center;   
    }
  .signature-box-right
    {
     text-align: center;   
    }  
    
    .image-colum-configurator{
        display: none;
        
    }
    
    .search-field{
        display: none;
    }
    
    .language-for-mobile{
     display:block;   
     text-align: center;
    }
    
    .free_test_sample_logo{
        margin-top:30px;
    }
    
    
    #eKomiSeal_default{
        text-align: center;
        padding-top:30px;
    }
    
    .soddisfazione-clienti{
        text-align: center;margin-top:10px;
        padding-left:20%;
        padding-right:20%;
        padding-top:30px;

    }
    
    .main-base-innerpage{
        margin-right:10%;
        margin-left:10%;
    }
    
    
    .footer-second-menu-box{
        text-align: center;
    }
    
    
    .breadcrumb{
        text-align: center;
    }
    
    .offer-report-total{
    text-align: center;
    padding-bottom:50px;
    }
    
    .phase-bar-desktop
    {
        display:none;
    }    
    
    
    .register-page-second-column{
        padding-top:50px;
        text-align: center;
    }
    
    .register-page-first-column{
        
        text-align: center;
    }    
    
    
    #eKomiWidget_default{
     display: none;   
    }
    
    .newsletter-box-right
    {
        text-align: center;
    }
    
    .newsletter-box-right input{
        display:block;
        margin-bottom:10px;
        width:100%;
    }
    
    .responsive-user-data {
        width:100%;
    }
    
    .responsive-user-data td
    {
        display:block;
        width:100% !important;
    }
    
    .responsive-user-data .formLabel{
        text-align: left;
    }
 
    .responsive-user-data .fieldMiddleSize{
        width:100%;
    }
    
    .responsive-user-data select{
        width:100%;
    }
    
    .register-page-second-column{
        text-align:left;
    }
    
    .centered-button-box{
        text-align: center !important;
       
    }

.centered-button-box a{
display:block;
}

.user-format-box input{
    display:block;
    
}

.user-format-box .fieldMiddleSize{
    width:100% !important;
}

.user-format-box .submitButton{
    width:100%;
}

.col-xs-12 select{
    width:100%;
}
.phaseTitleNew{
    width:90%;
}

.phaseTitleNumber{
    width:10%;
    
}

.configurator-phase-back-image{
    background-image: none !important;
}

.configurator-cover-back-image{
    background-image: none !important;
}

.mobile-page-title-centered{
    text-align: center;
}

.no-right-padding{
    padding-right:0;
}

.btn-group > .btn, .btn-group-vertical > .btn{
    display: block;
    float: none;
    width:100%;
}

.submitButton{
    width:100%;
}


.responsive-user-data thead{
    display: none;
}


.carttable td{
    font-size:18px !important;
}

.pricemobile{
    font-weight: bold !important;
    font-size:18px !important;
    text-align: center !important;
} 

.submitButtonBlack{
    display: block;
    width: 100%;
    text-align: center;
}

    .hide-on-mobile{
        display: none !important;
    }

    .datemobile{
        text-align: center !important;
    }
    
    .cart-total-table{
        width:100% !important;
    }
    
    .cart-total-table td{
        text-align: left !important;
    }
    
    .cart-total-table-centered td{
        text-align:center !important;
        padding-right:0 !important;
    }
    
    .no-color-background{
        background-color: transparent !important; 
    }
    
    .grey-color-background{
        background-color: #cccccc !important; 
        padding-top:10px;
        padding-bottom:10px;
        font-size:18px !important;
    }    
    
    .carttable td{
        padding-bottom:10px;
    }
    
    
    .coupon-table{
        width:100%;
    }
    
    .coupon-table input{
        width:100% !important;
        margin-left:0 !important;
    }
    .submitButton{
        width:100% !important;
    }
 
    .add-bottom-space-mobile{
        margin-bottom:25px;
    }
    
    .order-confirm-box-mobile{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .payment-container
{

  width:90%;
  margin-left:auto;
  margin-right:auto;
}

.breadcumb-line
{
    margin-bottom:5px;
    text-align: center;
}

.product_page_title
{
    margin-top:5px;
    text-align: center;
}




}




/* 
************************
TABLETS
************************
*/
@media (min-width: 768px) and (max-width: 992px) { 

    .top-menu-desktop{
        display:none;
    }
    .top-menu-mobile{
        display:block;
    }    
    
    .menu-desktop{
        display: none;
    }
    .menu-mobile{
        display: block;
    }
    
    
    
    .image-colum-configurator{
        display: none;
    }    
    
.cbp-hsmenu > li
{
    margin-left: 1em;
    font-size:11px;
    padding-top:20px;
    padding-bottom:20px;;
}  
    
    
    .language-place-mobile{
        display: none;
    }    
    
    .search-field{
        display:none;
    }    

    .newsletter-box-right{
        text-align: center;
        
    }

    .newsletter-box-left{
        text-align: center;
        padding-bottom:20px;
    }    
    
    
    .footer-second-menu-box{
     padding-bottom:20px;   
    } 
    
    .footer-logo-cell{
        text-align: right;
    }
    .footer-logo-cell-right{
        text-align: right;
    }    
    
    
    .signature-box
    {
     text-align: left;   
    }
  .signature-box-right
    {
     text-align: right;   
    }      
    
    .user_topbar_left{
        display:none;
    }
    
    .user_topbar_right{
        text-align: center;
    }
    
    .language-for-mobile{
     display:block;   
    }
    
    .free_test_sample_logo{
        margin-top:30px;
    }    
    
    .phase-bar-desktop
    {
        display:none;
    }
    
    #eKomiWidget_default{
     display: none;   
    }    
    
}
/* 
************************
SMALL DESKTOPS
************************
*/
@media (min-width: 992px) and (max-width: 1200px) { 

    .top-menu-desktop{
        display:block;
    }
    .top-menu-mobile{
        display:none;
    }
    
    
    .menu-desktop{
        display: block;
    }
    .menu-mobile{
        display: none;
    }
    
   
.cbp-hsmenu > li
{
    margin-left: 2em;
    font-size:12px;
}

    .language-place-mobile{
        display: none;
    }    


    .newsletter-box-right{
        text-align: right;
    }

    .newsletter-box-left{
        text-align: left;
    }

    .footer-logo-cell{
        text-align: right;
    }
    .footer-logo-cell-right{
        text-align: right;
    }    

    
    .signature-box
    {
     text-align: left;   
    }
  .signature-box-right
    {
     text-align: right;   
    }      
    
    .language-for-mobile{
     display:none;   
    }

    
    .logo-box-header{
        /* max-width: 120px; */
    }    
    

    .breadcrumb-cart { 
        list-style: none; 
        overflow: hidden; 
        font: 16px Sans-Serif;
        padding-left:0;
        margin-bottom:0;
        background-color:#000;
      }

    
}
/* 
************************
BIG DESKTOPS
************************
*/
@media (min-width: 1200px) { 
   
    .top-menu-desktop{
        display:block;
    }
    .top-menu-mobile{
        display:none;
    }    
    
    .menu-desktop{
        display: block;
    }
    .menu-mobile{
        display: none;
    }    
    
    
       .language-place-mobile{
        display: none;
    }    
 
    .newsletter-box-right{
        text-align: right;
    }

    .newsletter-box-left{
        text-align: left;
    }    

    .footer-logo-cell{
        text-align: right;
    }
    .footer-logo-cell-right{
        text-align: right;
    }    
    
       
    .signature-box
    {
     text-align: left;   
    }
  .signature-box-right
    {
     text-align: right;   
    }   
    
    
    .language-for-mobile{
     display:none;   
    }    
    
    .logo-box-header{
         max-width: 120px; 
    }  
    


}

.wrappers {
    position: sticky;
    top: 10px;
    margin-bottom: 44px;
    width: 270px;
}

.wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 20px 34px -15px rgba(0,0,0,.1);
    box-shadow: 0 20px 34px -15px rgba(0,0,0,.1);
    border-radius: 5px;
    border: 2px solid #f0f0f4;
    text-align: center;
    padding: 15px 0;
    height: auto;
    width: 100%;
}

.product-basket {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    width: 100%;
    margin-bottom: auto;
}
.position-relative {
    position: relative !important;
}

.wrapper .all {
    width: 100%;
    margin-bottom: 20px;
}

.wrapper h5, .wrapper h6 {
    font-size: 18px;
    padding: 0 20px;
    margin: -10px 0 0 0;
}

.wrapper .money {
    text-align: center;
    width: 100%;
    padding: 0 20px;
}

.money span.unvarMoney {
    font-size: 20px;
    text-decoration: line-through;
    display: block;
}

.money span.varMoney {
    font-size: 25px;
}

.wrapper .lastButton {
    width: 100%;
}

.wrapper .lastButton .buttonBar {
    margin: 0;
}
.buttonBar {
    display: flex;
    border: 1px solid #dedede;
    border-radius: 50em;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.wrapper .lastButton .buttonBar .basketLink {
    border-left: 0;
}
.buttonBar a.basketLink {
    background: #0c3b5d;
    color: #fff;
    border-left: 1px solid #dedede;
    width: 100%;
}

.buttonBar a span {
    display: inline-block;
    padding: 10px 0;
    position: relative;
    font-size: 15px;
}

.buttonBar a.basketLink span::before {

    background-position: -84px -83px;

}
.buttonBar a span::before {
    content: "";
    display: block;
    background: url("../images/iconSet.svg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    width: 30px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -20px;
}

.sticky {
    position: fixed;
    z-index: 100;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.hidden {
    display:none!important
}
.varyantlar {
    text-align: left;
}
.image-radio {
    cursor:pointer;
    outline:#e9e9e9 solid 2px;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex;
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px;
    display: grid;
    border-radius: 4px;
}
label.image-radio img {
    width: 100%;
    max-height: 35px;
    min-width: 70px;
}
.image-radio span {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#919191;
    text-align:center;
}
.image-radio input[type=radio] {
    display:none
}
.image-radio-checked {
    color:#000;
    outline:#40bbf4 solid 3px
}
.image-radio .flaticon {
    position:absolute;
    color:#4a79a3;
    background-color:#fff;
    padding:0 3px;
    top:3px;
    right:0
}
.image-radio-checked .flaticon {
    display:block!important;
    visibility:visible!important
}
.image-checkbox {
    cursor:pointer;
    outline:#e9e9e9 solid 2px;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex;
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px;
    display: grid;
    border-radius: 4px;
}
.image-checkbox span {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#919191;
    text-align:center
}
.image-checkbox input[type=checkbox] {
    display:none
}
.image-checkbox-checked {
    color:#000;
    outline:#40bbf4 solid 3px
}
.image-checkbox .flaticon {
    position:absolute;
    color:#4a79a3;
    background-color:#fff;
    padding:0 3px;
    top:3px;
    right:8px
}
.image-checkbox-checked .flaticon {
    display:block!important;
    visibility:visible!important
}

.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2,.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:3rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:3rem!important
}
.m-n1{
    margin:-.25rem!important
}
.mt-n1,.my-n1{
    margin-top:-.25rem!important
}
.mr-n1,.mx-n1{
    margin-right:-.25rem!important
}
.mb-n1,.my-n1{
    margin-bottom:-.25rem!important
}
.ml-n1,.mx-n1{
    margin-left:-.25rem!important
}
.m-n2{
    margin:-.5rem!important
}
.mt-n2,.my-n2{
    margin-top:-.5rem!important
}
.mr-n2,.mx-n2{
    margin-right:-.5rem!important
}
.mb-n2,.my-n2{
    margin-bottom:-.5rem!important
}
.ml-n2,.mx-n2{
    margin-left:-.5rem!important
}
.m-n3{
    margin:-1rem!important
}
.mt-n3,.my-n3{
    margin-top:-1rem!important
}
.mr-n3,.mx-n3{
    margin-right:-1rem!important
}
.mb-n3,.my-n3{
    margin-bottom:-1rem!important
}
.ml-n3,.mx-n3{
    margin-left:-1rem!important
}
.m-n4{
    margin:-1.5rem!important
}
.mt-n4,.my-n4{
    margin-top:-1.5rem!important
}
.mr-n4,.mx-n4{
    margin-right:-1.5rem!important
}
.mb-n4,.my-n4{
    margin-bottom:-1.5rem!important
}
.ml-n4,.mx-n4{
    margin-left:-1.5rem!important
}
.m-n5{
    margin:-3rem!important
}
.mt-n5,.my-n5{
    margin-top:-3rem!important
}
.mr-n5,.mx-n5{
    margin-right:-3rem!important
}
.mb-n5,.my-n5{
    margin-bottom:-3rem!important
}
.ml-n5,.mx-n5{
    margin-left:-3rem!important
}
.m-auto{
    margin:auto!important
}
.mt-auto,.my-auto{
    margin-top:auto!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mb-auto,.my-auto{
    margin-bottom:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}
@media (min-width:576px){
    .m-sm-0{
        margin:0!important
    }
    .mt-sm-0,.my-sm-0{
        margin-top:0!important
    }
    .mr-sm-0,.mx-sm-0{
        margin-right:0!important
    }
    .mb-sm-0,.my-sm-0{
        margin-bottom:0!important
    }
    .ml-sm-0,.mx-sm-0{
        margin-left:0!important
    }
    .m-sm-1{
        margin:.25rem!important
    }
    .mt-sm-1,.my-sm-1{
        margin-top:.25rem!important
    }
    .mr-sm-1,.mx-sm-1{
        margin-right:.25rem!important
    }
    .mb-sm-1,.my-sm-1{
        margin-bottom:.25rem!important
    }
    .ml-sm-1,.mx-sm-1{
        margin-left:.25rem!important
    }
    .m-sm-2{
        margin:.5rem!important
    }
    .mt-sm-2,.my-sm-2{
        margin-top:.5rem!important
    }
    .mr-sm-2,.mx-sm-2{
        margin-right:.5rem!important
    }
    .mb-sm-2,.my-sm-2{
        margin-bottom:.5rem!important
    }
    .ml-sm-2,.mx-sm-2{
        margin-left:.5rem!important
    }
    .m-sm-3{
        margin:1rem!important
    }
    .mt-sm-3,.my-sm-3{
        margin-top:1rem!important
    }
    .mr-sm-3,.mx-sm-3{
        margin-right:1rem!important
    }
    .mb-sm-3,.my-sm-3{
        margin-bottom:1rem!important
    }
    .ml-sm-3,.mx-sm-3{
        margin-left:1rem!important
    }
    .m-sm-4{
        margin:1.5rem!important
    }
    .mt-sm-4,.my-sm-4{
        margin-top:1.5rem!important
    }
    .mr-sm-4,.mx-sm-4{
        margin-right:1.5rem!important
    }
    .mb-sm-4,.my-sm-4{
        margin-bottom:1.5rem!important
    }
    .ml-sm-4,.mx-sm-4{
        margin-left:1.5rem!important
    }
    .m-sm-5{
        margin:3rem!important
    }
    .mt-sm-5,.my-sm-5{
        margin-top:3rem!important
    }
    .mr-sm-5,.mx-sm-5{
        margin-right:3rem!important
    }
    .mb-sm-5,.my-sm-5{
        margin-bottom:3rem!important
    }
    .ml-sm-5,.mx-sm-5{
        margin-left:3rem!important
    }
    .p-sm-0{
        padding:0!important
    }
    .pt-sm-0,.py-sm-0{
        padding-top:0!important
    }
    .pr-sm-0,.px-sm-0{
        padding-right:0!important
    }
    .pb-sm-0,.py-sm-0{
        padding-bottom:0!important
    }
    .pl-sm-0,.px-sm-0{
        padding-left:0!important
    }
    .p-sm-1{
        padding:.25rem!important
    }
    .pt-sm-1,.py-sm-1{
        padding-top:.25rem!important
    }
    .pr-sm-1,.px-sm-1{
        padding-right:.25rem!important
    }
    .pb-sm-1,.py-sm-1{
        padding-bottom:.25rem!important
    }
    .pl-sm-1,.px-sm-1{
        padding-left:.25rem!important
    }
    .p-sm-2{
        padding:.5rem!important
    }
    .pt-sm-2,.py-sm-2{
        padding-top:.5rem!important
    }
    .pr-sm-2,.px-sm-2{
        padding-right:.5rem!important
    }
    .pb-sm-2,.py-sm-2{
        padding-bottom:.5rem!important
    }
    .pl-sm-2,.px-sm-2{
        padding-left:.5rem!important
    }
    .p-sm-3{
        padding:1rem!important
    }
    .pt-sm-3,.py-sm-3{
        padding-top:1rem!important
    }
    .pr-sm-3,.px-sm-3{
        padding-right:1rem!important
    }
    .pb-sm-3,.py-sm-3{
        padding-bottom:1rem!important
    }
    .pl-sm-3,.px-sm-3{
        padding-left:1rem!important
    }
    .p-sm-4{
        padding:1.5rem!important
    }
    .pt-sm-4,.py-sm-4{
        padding-top:1.5rem!important
    }
    .pr-sm-4,.px-sm-4{
        padding-right:1.5rem!important
    }
    .pb-sm-4,.py-sm-4{
        padding-bottom:1.5rem!important
    }
    .pl-sm-4,.px-sm-4{
        padding-left:1.5rem!important
    }
    .p-sm-5{
        padding:3rem!important
    }
    .pt-sm-5,.py-sm-5{
        padding-top:3rem!important
    }
    .pr-sm-5,.px-sm-5{
        padding-right:3rem!important
    }
    .pb-sm-5,.py-sm-5{
        padding-bottom:3rem!important
    }
    .pl-sm-5,.px-sm-5{
        padding-left:3rem!important
    }
    .m-sm-n1{
        margin:-.25rem!important
    }
    .mt-sm-n1,.my-sm-n1{
        margin-top:-.25rem!important
    }
    .mr-sm-n1,.mx-sm-n1{
        margin-right:-.25rem!important
    }
    .mb-sm-n1,.my-sm-n1{
        margin-bottom:-.25rem!important
    }
    .ml-sm-n1,.mx-sm-n1{
        margin-left:-.25rem!important
    }
    .m-sm-n2{
        margin:-.5rem!important
    }
    .mt-sm-n2,.my-sm-n2{
        margin-top:-.5rem!important
    }
    .mr-sm-n2,.mx-sm-n2{
        margin-right:-.5rem!important
    }
    .mb-sm-n2,.my-sm-n2{
        margin-bottom:-.5rem!important
    }
    .ml-sm-n2,.mx-sm-n2{
        margin-left:-.5rem!important
    }
    .m-sm-n3{
        margin:-1rem!important
    }
    .mt-sm-n3,.my-sm-n3{
        margin-top:-1rem!important
    }
    .mr-sm-n3,.mx-sm-n3{
        margin-right:-1rem!important
    }
    .mb-sm-n3,.my-sm-n3{
        margin-bottom:-1rem!important
    }
    .ml-sm-n3,.mx-sm-n3{
        margin-left:-1rem!important
    }
    .m-sm-n4{
        margin:-1.5rem!important
    }
    .mt-sm-n4,.my-sm-n4{
        margin-top:-1.5rem!important
    }
    .mr-sm-n4,.mx-sm-n4{
        margin-right:-1.5rem!important
    }
    .mb-sm-n4,.my-sm-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-sm-n4,.mx-sm-n4{
        margin-left:-1.5rem!important
    }
    .m-sm-n5{
        margin:-3rem!important
    }
    .mt-sm-n5,.my-sm-n5{
        margin-top:-3rem!important
    }
    .mr-sm-n5,.mx-sm-n5{
        margin-right:-3rem!important
    }
    .mb-sm-n5,.my-sm-n5{
        margin-bottom:-3rem!important
    }
    .ml-sm-n5,.mx-sm-n5{
        margin-left:-3rem!important
    }
    .m-sm-auto{
        margin:auto!important
    }
    .mt-sm-auto,.my-sm-auto{
        margin-top:auto!important
    }
    .mr-sm-auto,.mx-sm-auto{
        margin-right:auto!important
    }
    .mb-sm-auto,.my-sm-auto{
        margin-bottom:auto!important
    }
    .ml-sm-auto,.mx-sm-auto{
        margin-left:auto!important
    }
}
@media (min-width:768px){
    .m-md-0{
        margin:0!important
    }
    .mt-md-0,.my-md-0{
        margin-top:0!important
    }
    .mr-md-0,.mx-md-0{
        margin-right:0!important
    }
    .mb-md-0,.my-md-0{
        margin-bottom:0!important
    }
    .ml-md-0,.mx-md-0{
        margin-left:0!important
    }
    .m-md-1{
        margin:.25rem!important
    }
    .mt-md-1,.my-md-1{
        margin-top:.25rem!important
    }
    .mr-md-1,.mx-md-1{
        margin-right:.25rem!important
    }
    .mb-md-1,.my-md-1{
        margin-bottom:.25rem!important
    }
    .ml-md-1,.mx-md-1{
        margin-left:.25rem!important
    }
    .m-md-2{
        margin:.5rem!important
    }
    .mt-md-2,.my-md-2{
        margin-top:.5rem!important
    }
    .mr-md-2,.mx-md-2{
        margin-right:.5rem!important
    }
    .mb-md-2,.my-md-2{
        margin-bottom:.5rem!important
    }
    .ml-md-2,.mx-md-2{
        margin-left:.5rem!important
    }
    .m-md-3{
        margin:1rem!important
    }
    .mt-md-3,.my-md-3{
        margin-top:1rem!important
    }
    .mr-md-3,.mx-md-3{
        margin-right:1rem!important
    }
    .mb-md-3,.my-md-3{
        margin-bottom:1rem!important
    }
    .ml-md-3,.mx-md-3{
        margin-left:1rem!important
    }
    .m-md-4{
        margin:1.5rem!important
    }
    .mt-md-4,.my-md-4{
        margin-top:1.5rem!important
    }
    .mr-md-4,.mx-md-4{
        margin-right:1.5rem!important
    }
    .mb-md-4,.my-md-4{
        margin-bottom:1.5rem!important
    }
    .ml-md-4,.mx-md-4{
        margin-left:1.5rem!important
    }
    .m-md-5{
        margin:3rem!important
    }
    .mt-md-5,.my-md-5{
        margin-top:3rem!important
    }
    .mr-md-5,.mx-md-5{
        margin-right:3rem!important
    }
    .mb-md-5,.my-md-5{
        margin-bottom:3rem!important
    }
    .ml-md-5,.mx-md-5{
        margin-left:3rem!important
    }
    .p-md-0{
        padding:0!important
    }
    .pt-md-0,.py-md-0{
        padding-top:0!important
    }
    .pr-md-0,.px-md-0{
        padding-right:0!important
    }
    .pb-md-0,.py-md-0{
        padding-bottom:0!important
    }
    .pl-md-0,.px-md-0{
        padding-left:0!important
    }
    .p-md-1{
        padding:.25rem!important
    }
    .pt-md-1,.py-md-1{
        padding-top:.25rem!important
    }
    .pr-md-1,.px-md-1{
        padding-right:.25rem!important
    }
    .pb-md-1,.py-md-1{
        padding-bottom:.25rem!important
    }
    .pl-md-1,.px-md-1{
        padding-left:.25rem!important
    }
    .p-md-2{
        padding:.5rem!important
    }
    .pt-md-2,.py-md-2{
        padding-top:.5rem!important
    }
    .pr-md-2,.px-md-2{
        padding-right:.5rem!important
    }
    .pb-md-2,.py-md-2{
        padding-bottom:.5rem!important
    }
    .pl-md-2,.px-md-2{
        padding-left:.5rem!important
    }
    .p-md-3{
        padding:1rem!important
    }
    .pt-md-3,.py-md-3{
        padding-top:1rem!important
    }
    .pr-md-3,.px-md-3{
        padding-right:1rem!important
    }
    .pb-md-3,.py-md-3{
        padding-bottom:1rem!important
    }
    .pl-md-3,.px-md-3{
        padding-left:1rem!important
    }
    .p-md-4{
        padding:1.5rem!important
    }
    .pt-md-4,.py-md-4{
        padding-top:1.5rem!important
    }
    .pr-md-4,.px-md-4{
        padding-right:1.5rem!important
    }
    .pb-md-4,.py-md-4{
        padding-bottom:1.5rem!important
    }
    .pl-md-4,.px-md-4{
        padding-left:1.5rem!important
    }
    .p-md-5{
        padding:3rem!important
    }
    .pt-md-5,.py-md-5{
        padding-top:3rem!important
    }
    .pr-md-5,.px-md-5{
        padding-right:3rem!important
    }
    .pb-md-5,.py-md-5{
        padding-bottom:3rem!important
    }
    .pl-md-5,.px-md-5{
        padding-left:3rem!important
    }
    .m-md-n1{
        margin:-.25rem!important
    }
    .mt-md-n1,.my-md-n1{
        margin-top:-.25rem!important
    }
    .mr-md-n1,.mx-md-n1{
        margin-right:-.25rem!important
    }
    .mb-md-n1,.my-md-n1{
        margin-bottom:-.25rem!important
    }
    .ml-md-n1,.mx-md-n1{
        margin-left:-.25rem!important
    }
    .m-md-n2{
        margin:-.5rem!important
    }
    .mt-md-n2,.my-md-n2{
        margin-top:-.5rem!important
    }
    .mr-md-n2,.mx-md-n2{
        margin-right:-.5rem!important
    }
    .mb-md-n2,.my-md-n2{
        margin-bottom:-.5rem!important
    }
    .ml-md-n2,.mx-md-n2{
        margin-left:-.5rem!important
    }
    .m-md-n3{
        margin:-1rem!important
    }
    .mt-md-n3,.my-md-n3{
        margin-top:-1rem!important
    }
    .mr-md-n3,.mx-md-n3{
        margin-right:-1rem!important
    }
    .mb-md-n3,.my-md-n3{
        margin-bottom:-1rem!important
    }
    .ml-md-n3,.mx-md-n3{
        margin-left:-1rem!important
    }
    .m-md-n4{
        margin:-1.5rem!important
    }
    .mt-md-n4,.my-md-n4{
        margin-top:-1.5rem!important
    }
    .mr-md-n4,.mx-md-n4{
        margin-right:-1.5rem!important
    }
    .mb-md-n4,.my-md-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-md-n4,.mx-md-n4{
        margin-left:-1.5rem!important
    }
    .m-md-n5{
        margin:-3rem!important
    }
    .mt-md-n5,.my-md-n5{
        margin-top:-3rem!important
    }
    .mr-md-n5,.mx-md-n5{
        margin-right:-3rem!important
    }
    .mb-md-n5,.my-md-n5{
        margin-bottom:-3rem!important
    }
    .ml-md-n5,.mx-md-n5{
        margin-left:-3rem!important
    }
    .m-md-auto{
        margin:auto!important
    }
    .mt-md-auto,.my-md-auto{
        margin-top:auto!important
    }
    .mr-md-auto,.mx-md-auto{
        margin-right:auto!important
    }
    .mb-md-auto,.my-md-auto{
        margin-bottom:auto!important
    }
    .ml-md-auto,.mx-md-auto{
        margin-left:auto!important
    }
}
@media (min-width:992px){
    .m-lg-0{
        margin:0!important
    }
    .mt-lg-0,.my-lg-0{
        margin-top:0!important
    }
    .mr-lg-0,.mx-lg-0{
        margin-right:0!important
    }
    .mb-lg-0,.my-lg-0{
        margin-bottom:0!important
    }
    .ml-lg-0,.mx-lg-0{
        margin-left:0!important
    }
    .m-lg-1{
        margin:.25rem!important
    }
    .mt-lg-1,.my-lg-1{
        margin-top:.25rem!important
    }
    .mr-lg-1,.mx-lg-1{
        margin-right:.25rem!important
    }
    .mb-lg-1,.my-lg-1{
        margin-bottom:.25rem!important
    }
    .ml-lg-1,.mx-lg-1{
        margin-left:.25rem!important
    }
    .m-lg-2{
        margin:.5rem!important
    }
    .mt-lg-2,.my-lg-2{
        margin-top:.5rem!important
    }
    .mr-lg-2,.mx-lg-2{
        margin-right:.5rem!important
    }
    .mb-lg-2,.my-lg-2{
        margin-bottom:.5rem!important
    }
    .ml-lg-2,.mx-lg-2{
        margin-left:.5rem!important
    }
    .m-lg-3{
        margin:1rem!important
    }
    .mt-lg-3,.my-lg-3{
        margin-top:1rem!important
    }
    .mr-lg-3,.mx-lg-3{
        margin-right:1rem!important
    }
    .mb-lg-3,.my-lg-3{
        margin-bottom:1rem!important
    }
    .ml-lg-3,.mx-lg-3{
        margin-left:1rem!important
    }
    .m-lg-4{
        margin:1.5rem!important
    }
    .mt-lg-4,.my-lg-4{
        margin-top:1.5rem!important
    }
    .mr-lg-4,.mx-lg-4{
        margin-right:1.5rem!important
    }
    .mb-lg-4,.my-lg-4{
        margin-bottom:1.5rem!important
    }
    .ml-lg-4,.mx-lg-4{
        margin-left:1.5rem!important
    }
    .m-lg-5{
        margin:3rem!important
    }
    .mt-lg-5,.my-lg-5{
        margin-top:3rem!important
    }
    .mr-lg-5,.mx-lg-5{
        margin-right:3rem!important
    }
    .mb-lg-5,.my-lg-5{
        margin-bottom:3rem!important
    }
    .ml-lg-5,.mx-lg-5{
        margin-left:3rem!important
    }
    .p-lg-0{
        padding:0!important
    }
    .pt-lg-0,.py-lg-0{
        padding-top:0!important
    }
    .pr-lg-0,.px-lg-0{
        padding-right:0!important
    }
    .pb-lg-0,.py-lg-0{
        padding-bottom:0!important
    }
    .pl-lg-0,.px-lg-0{
        padding-left:0!important
    }
    .p-lg-1{
        padding:.25rem!important
    }
    .pt-lg-1,.py-lg-1{
        padding-top:.25rem!important
    }
    .pr-lg-1,.px-lg-1{
        padding-right:.25rem!important
    }
    .pb-lg-1,.py-lg-1{
        padding-bottom:.25rem!important
    }
    .pl-lg-1,.px-lg-1{
        padding-left:.25rem!important
    }
    .p-lg-2{
        padding:.5rem!important
    }
    .pt-lg-2,.py-lg-2{
        padding-top:.5rem!important
    }
    .pr-lg-2,.px-lg-2{
        padding-right:.5rem!important
    }
    .pb-lg-2,.py-lg-2{
        padding-bottom:.5rem!important
    }
    .pl-lg-2,.px-lg-2{
        padding-left:.5rem!important
    }
    .p-lg-3{
        padding:1rem!important
    }
    .pt-lg-3,.py-lg-3{
        padding-top:1rem!important
    }
    .pr-lg-3,.px-lg-3{
        padding-right:1rem!important
    }
    .pb-lg-3,.py-lg-3{
        padding-bottom:1rem!important
    }
    .pl-lg-3,.px-lg-3{
        padding-left:1rem!important
    }
    .p-lg-4{
        padding:1.5rem!important
    }
    .pt-lg-4,.py-lg-4{
        padding-top:1.5rem!important
    }
    .pr-lg-4,.px-lg-4{
        padding-right:1.5rem!important
    }
    .pb-lg-4,.py-lg-4{
        padding-bottom:1.5rem!important
    }
    .pl-lg-4,.px-lg-4{
        padding-left:1.5rem!important
    }
    .p-lg-5{
        padding:3rem!important
    }
    .pt-lg-5,.py-lg-5{
        padding-top:3rem!important
    }
    .pr-lg-5,.px-lg-5{
        padding-right:3rem!important
    }
    .pb-lg-5,.py-lg-5{
        padding-bottom:3rem!important
    }
    .pl-lg-5,.px-lg-5{
        padding-left:3rem!important
    }
    .m-lg-n1{
        margin:-.25rem!important
    }
    .mt-lg-n1,.my-lg-n1{
        margin-top:-.25rem!important
    }
    .mr-lg-n1,.mx-lg-n1{
        margin-right:-.25rem!important
    }
    .mb-lg-n1,.my-lg-n1{
        margin-bottom:-.25rem!important
    }
    .ml-lg-n1,.mx-lg-n1{
        margin-left:-.25rem!important
    }
    .m-lg-n2{
        margin:-.5rem!important
    }
    .mt-lg-n2,.my-lg-n2{
        margin-top:-.5rem!important
    }
    .mr-lg-n2,.mx-lg-n2{
        margin-right:-.5rem!important
    }
    .mb-lg-n2,.my-lg-n2{
        margin-bottom:-.5rem!important
    }
    .ml-lg-n2,.mx-lg-n2{
        margin-left:-.5rem!important
    }
    .m-lg-n3{
        margin:-1rem!important
    }
    .mt-lg-n3,.my-lg-n3{
        margin-top:-1rem!important
    }
    .mr-lg-n3,.mx-lg-n3{
        margin-right:-1rem!important
    }
    .mb-lg-n3,.my-lg-n3{
        margin-bottom:-1rem!important
    }
    .ml-lg-n3,.mx-lg-n3{
        margin-left:-1rem!important
    }
    .m-lg-n4{
        margin:-1.5rem!important
    }
    .mt-lg-n4,.my-lg-n4{
        margin-top:-1.5rem!important
    }
    .mr-lg-n4,.mx-lg-n4{
        margin-right:-1.5rem!important
    }
    .mb-lg-n4,.my-lg-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-lg-n4,.mx-lg-n4{
        margin-left:-1.5rem!important
    }
    .m-lg-n5{
        margin:-3rem!important
    }
    .mt-lg-n5,.my-lg-n5{
        margin-top:-3rem!important
    }
    .mr-lg-n5,.mx-lg-n5{
        margin-right:-3rem!important
    }
    .mb-lg-n5,.my-lg-n5{
        margin-bottom:-3rem!important
    }
    .ml-lg-n5,.mx-lg-n5{
        margin-left:-3rem!important
    }
    .m-lg-auto{
        margin:auto!important
    }
    .mt-lg-auto,.my-lg-auto{
        margin-top:auto!important
    }
    .mr-lg-auto,.mx-lg-auto{
        margin-right:auto!important
    }
    .mb-lg-auto,.my-lg-auto{
        margin-bottom:auto!important
    }
    .ml-lg-auto,.mx-lg-auto{
        margin-left:auto!important
    }
}
@media (min-width:1200px){
    .m-xl-0{
        margin:0!important
    }
    .mt-xl-0,.my-xl-0{
        margin-top:0!important
    }
    .mr-xl-0,.mx-xl-0{
        margin-right:0!important
    }
    .mb-xl-0,.my-xl-0{
        margin-bottom:0!important
    }
    .ml-xl-0,.mx-xl-0{
        margin-left:0!important
    }
    .m-xl-1{
        margin:.25rem!important
    }
    .mt-xl-1,.my-xl-1{
        margin-top:.25rem!important
    }
    .mr-xl-1,.mx-xl-1{
        margin-right:.25rem!important
    }
    .mb-xl-1,.my-xl-1{
        margin-bottom:.25rem!important
    }
    .ml-xl-1,.mx-xl-1{
        margin-left:.25rem!important
    }
    .m-xl-2{
        margin:.5rem!important
    }
    .mt-xl-2,.my-xl-2{
        margin-top:.5rem!important
    }
    .mr-xl-2,.mx-xl-2{
        margin-right:.5rem!important
    }
    .mb-xl-2,.my-xl-2{
        margin-bottom:.5rem!important
    }
    .ml-xl-2,.mx-xl-2{
        margin-left:.5rem!important
    }
    .m-xl-3{
        margin:1rem!important
    }
    .mt-xl-3,.my-xl-3{
        margin-top:1rem!important
    }
    .mr-xl-3,.mx-xl-3{
        margin-right:1rem!important
    }
    .mb-xl-3,.my-xl-3{
        margin-bottom:1rem!important
    }
    .ml-xl-3,.mx-xl-3{
        margin-left:1rem!important
    }
    .m-xl-4{
        margin:1.5rem!important
    }
    .mt-xl-4,.my-xl-4{
        margin-top:1.5rem!important
    }
    .mr-xl-4,.mx-xl-4{
        margin-right:1.5rem!important
    }
    .mb-xl-4,.my-xl-4{
        margin-bottom:1.5rem!important
    }
    .ml-xl-4,.mx-xl-4{
        margin-left:1.5rem!important
    }
    .m-xl-5{
        margin:3rem!important
    }
    .mt-xl-5,.my-xl-5{
        margin-top:3rem!important
    }
    .mr-xl-5,.mx-xl-5{
        margin-right:3rem!important
    }
    .mb-xl-5,.my-xl-5{
        margin-bottom:3rem!important
    }
    .ml-xl-5,.mx-xl-5{
        margin-left:3rem!important
    }
    .p-xl-0{
        padding:0!important
    }
    .pt-xl-0,.py-xl-0{
        padding-top:0!important
    }
    .pr-xl-0,.px-xl-0{
        padding-right:0!important
    }
    .pb-xl-0,.py-xl-0{
        padding-bottom:0!important
    }
    .pl-xl-0,.px-xl-0{
        padding-left:0!important
    }
    .p-xl-1{
        padding:.25rem!important
    }
    .pt-xl-1,.py-xl-1{
        padding-top:.25rem!important
    }
    .pr-xl-1,.px-xl-1{
        padding-right:.25rem!important
    }
    .pb-xl-1,.py-xl-1{
        padding-bottom:.25rem!important
    }
    .pl-xl-1,.px-xl-1{
        padding-left:.25rem!important
    }
    .p-xl-2{
        padding:.5rem!important
    }
    .pt-xl-2,.py-xl-2{
        padding-top:.5rem!important
    }
    .pr-xl-2,.px-xl-2{
        padding-right:.5rem!important
    }
    .pb-xl-2,.py-xl-2{
        padding-bottom:.5rem!important
    }
    .pl-xl-2,.px-xl-2{
        padding-left:.5rem!important
    }
    .p-xl-3{
        padding:1rem!important
    }
    .pt-xl-3,.py-xl-3{
        padding-top:1rem!important
    }
    .pr-xl-3,.px-xl-3{
        padding-right:1rem!important
    }
    .pb-xl-3,.py-xl-3{
        padding-bottom:1rem!important
    }
    .pl-xl-3,.px-xl-3{
        padding-left:1rem!important
    }
    .p-xl-4{
        padding:1.5rem!important
    }
    .pt-xl-4,.py-xl-4{
        padding-top:1.5rem!important
    }
    .pr-xl-4,.px-xl-4{
        padding-right:1.5rem!important
    }
    .pb-xl-4,.py-xl-4{
        padding-bottom:1.5rem!important
    }
    .pl-xl-4,.px-xl-4{
        padding-left:1.5rem!important
    }
    .p-xl-5{
        padding:3rem!important
    }
    .pt-xl-5,.py-xl-5{
        padding-top:3rem!important
    }
    .pr-xl-5,.px-xl-5{
        padding-right:3rem!important
    }
    .pb-xl-5,.py-xl-5{
        padding-bottom:3rem!important
    }
    .pl-xl-5,.px-xl-5{
        padding-left:3rem!important
    }
    .m-xl-n1{
        margin:-.25rem!important
    }
    .mt-xl-n1,.my-xl-n1{
        margin-top:-.25rem!important
    }
    .mr-xl-n1,.mx-xl-n1{
        margin-right:-.25rem!important
    }
    .mb-xl-n1,.my-xl-n1{
        margin-bottom:-.25rem!important
    }
    .ml-xl-n1,.mx-xl-n1{
        margin-left:-.25rem!important
    }
    .m-xl-n2{
        margin:-.5rem!important
    }
    .mt-xl-n2,.my-xl-n2{
        margin-top:-.5rem!important
    }
    .mr-xl-n2,.mx-xl-n2{
        margin-right:-.5rem!important
    }
    .mb-xl-n2,.my-xl-n2{
        margin-bottom:-.5rem!important
    }
    .ml-xl-n2,.mx-xl-n2{
        margin-left:-.5rem!important
    }
    .m-xl-n3{
        margin:-1rem!important
    }
    .mt-xl-n3,.my-xl-n3{
        margin-top:-1rem!important
    }
    .mr-xl-n3,.mx-xl-n3{
        margin-right:-1rem!important
    }
    .mb-xl-n3,.my-xl-n3{
        margin-bottom:-1rem!important
    }
    .ml-xl-n3,.mx-xl-n3{
        margin-left:-1rem!important
    }
    .m-xl-n4{
        margin:-1.5rem!important
    }
    .mt-xl-n4,.my-xl-n4{
        margin-top:-1.5rem!important
    }
    .mr-xl-n4,.mx-xl-n4{
        margin-right:-1.5rem!important
    }
    .mb-xl-n4,.my-xl-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-xl-n4,.mx-xl-n4{
        margin-left:-1.5rem!important
    }
    .m-xl-n5{
        margin:-3rem!important
    }
    .mt-xl-n5,.my-xl-n5{
        margin-top:-3rem!important
    }
    .mr-xl-n5,.mx-xl-n5{
        margin-right:-3rem!important
    }
    .mb-xl-n5,.my-xl-n5{
        margin-bottom:-3rem!important
    }
    .ml-xl-n5,.mx-xl-n5{
        margin-left:-3rem!important
    }
    .m-xl-auto{
        margin:auto!important
    }
    .mt-xl-auto,.my-xl-auto{
        margin-top:auto!important
    }
    .mr-xl-auto,.mx-xl-auto{
        margin-right:auto!important
    }
    .mb-xl-auto,.my-xl-auto{
        margin-bottom:auto!important
    }
    .ml-xl-auto,.mx-xl-auto{
        margin-left:auto!important
    }
}
.text-monospace{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}
.text-justify{
    text-align:justify!important
}
.text-wrap{
    white-space:normal!important
}
.text-nowrap{
    white-space:nowrap!important
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media (min-width:576px){
    .text-sm-left{
        text-align:left!important
    }
    .text-sm-right{
        text-align:right!important
    }
    .text-sm-center{
        text-align:center!important
    }
}
@media (min-width:768px){
    .text-md-left{
        text-align:left!important
    }
    .text-md-right{
        text-align:right!important
    }
    .text-md-center{
        text-align:center!important
    }
}
@media (min-width:992px){
    .text-lg-left{
        text-align:left!important
    }
    .text-lg-right{
        text-align:right!important
    }
    .text-lg-center{
        text-align:center!important
    }
}
@media (min-width:1200px){
    .text-xl-left{
        text-align:left!important
    }
    .text-xl-right{
        text-align:right!important
    }
    .text-xl-center{
        text-align:center!important
    }
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.font-weight-light{
    font-weight:300!important
}
.font-weight-lighter{
    font-weight:lighter!important
}
.font-weight-normal{
    font-weight:400!important
}
.font-weight-bold{
    font-weight:700!important
}
.font-weight-bolder{
    font-weight:bolder!important
}
.font-italic{
    font-style:italic!important
}
.text-white{
    color:#fff!important
}
.text-primary{
    color:#007bff!important
}
a.text-primary:focus,a.text-primary:hover{
    color:#0056b3!important
}
.text-secondary{
    color:#6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover{
    color:#494f54!important
}
.text-success{
    color:#28a745!important
}
a.text-success:focus,a.text-success:hover{
    color:#19692c!important
}
.text-info{
    color:#17a2b8!important
}
a.text-info:focus,a.text-info:hover{
    color:#0f6674!important
}
.text-warning{
    color:#ffc107!important
}
a.text-warning:focus,a.text-warning:hover{
    color:#ba8b00!important
}
.text-danger{
    color:#dc3545!important
}
a.text-danger:focus,a.text-danger:hover{
    color:#a71d2a!important
}
.text-light{
    color:#f8f9fa!important
}
a.text-light:focus,a.text-light:hover{
    color:#cbd3da!important
}
.text-dark{
    color:#343a40!important
}
a.text-dark:focus,a.text-dark:hover{
    color:#121416!important
}
.text-body{
    color:#212529!important
}
.text-muted{
    color:#6c757d!important
}
.text-black-50{
    color:rgba(0,0,0,.5)!important
}
.text-white-50{
    color:rgba(255,255,255,.5)!important
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.text-decoration-none{
    text-decoration:none!important
}
.text-break{
    word-break:break-word!important;
    overflow-wrap:break-word!important
}
.text-reset{
    color:inherit!important
}
.visible{
    visibility:visible!important
}
.invisible{
    visibility:hidden!important
}

.topWrapper ul, ol {
    list-style: none;
    width: 100%;
    padding: 0px 20px;
}

.topWrapper ul, li {
    text-align: left;
}

.topWrapper ul, li span {
    float: right;
}

.topWrapper li span.grandtotal {
    color: #bb196a;
    font-size: 22px;
}

.loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(242, 242, 242, 0.5);
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.flex-center-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-content-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-horizontal-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
}
@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
.u-stats-progress {
    position: relative;
    width: 13.75rem;
    height: 13.75rem;
    border-radius: 50%;
    box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
    margin-left: auto;
    margin-right: auto;
}
.u-stats-progress__info {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    padding: 2rem;
    text-align: center;
}
.svg-preloader {
    z-index: -1;
    background: #fff url(../svg/preloaders/circle-preloader.svg) center no-repeat !important;
    overflow: hidden;
    transition: all 0.4s ease-in;
}
.svg-preloader
:not(.u-icon):not(.btn):not(.u-media-player):not(.u-media-player__icon):not(
    .u-label
  ) {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.spinner-border,
.spinner-grow {
    vertical-align: middle;
}
.dropdown-menus {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    background-color: #ffd100;
    padding: 10px;
    z-index: 9999;
    width: 150%;
}

.dropdown-menus:hover {
    display: block;
    z-index: 9999;
}

.dropdown-menus li {
    margin-bottom: 5px;
    list-style-type: none;
    text-align: right !important;
}

.dropdown-menus li a {
    color: #333;
    text-decoration: none;
    position: relative;
    z-index: 999;
    padding: 5px;
}

.dropdown-menus a:hover {
    text-decoration: underline;
}

.col-3-5 {
    width: 265px;
    float: left;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .col-3-5 {
        width: 220px;
    }
}
@media only screen and (max-width: 1023px) {
    .col-3-5 {
        display: none;
    }
}
.col-9-5 {
    padding-left: 25px;
    width: calc(100% - 265px);
    float: left;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .col-9-5 {
        width: calc(100% - 220px);
    }
}
@media only screen and (max-width: 1023px) {
    .col-9-5 {
        width: 100%;
        padding: 0 !important;
    }
}
.col-8-5 {
    padding-right: 25px;
    width: calc(100% - 414px);
    float: left;
}
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
    .col-8-5 {
        width: calc(100% - 380px);
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .col-8-5 {
        width: calc(100% - 280px);
    }
}
.col-4-5 {
    width: 414px;
    float: right;
}
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
    .col-4-5 {
        width: 380px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .col-4-5 {
        width: 280px;
    }
}

.pageContent {
    float: left;
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 32px 40px;
    margin-top: 25px;
    margin-bottom: 40px;
}

.basketPage {
    float: left;
    width: 100%;
}
.basketPage .item:first-child {
    padding-top: 20px;
}
.basketPage .item:last-child {
    border-bottom: none;
}
.basketPage .item {
    border-bottom: 1px solid #e2e2e2;
    padding: 42px 0;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
.basketPage .item {
    position: relative;
}

.basketPage .item .left {
    float: left;
    width: 60%;
    display: flex;
    align-items: center;
}

.basketPage .item .images {
    height: 100px;
    width: 100px;
    float: left;
    position: relative;
}

.basketPage .item span.remove {
    transition: 0.3s;
    cursor: pointer;
    position: absolute;
    width: 28px;
    height: 28px;
    background: url(../images/smallClose.svg) #efefef no-repeat center;
    border-radius: 50%;
    right: 10px;
    top: 5px;
    border: 1px solid #dcdcdc;
    color: #707070;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
}

.basketPage .item .images picture {
    display: flex;
    height: 100%;
    align-items: center;
}

.basketPage .item .images picture img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.basketPage .item .text {
    float: left;
    width: calc(100% - 100px);
    padding-left: 25px;
}

.basketPage .item .text .name {
    float: left;
    width: 100%;
}

.basketPage .item .text .name a {
    text-decoration: none !important;
}

.basketPage .item .text .name h4 {
    font-size: 20px;
    color: #0c3b5d;
    margin: 0 0 2px 0;
    line-height: 24px;
    text-transform: capitalize;
}

.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.p-2 {
    padding: .5rem !important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.rounded-lg {
    border-radius: .3rem !important;
}
.bg-gray {
    background-color: #FFFAE5 !important;
}

img {
    max-width: 100%;
}
img {
    vertical-align: middle;
    border-style: none;
}

.basketPage .item .text .name span {
    font-size: 14px;
    color: #0c3b5d;
    display: block;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.font-size-11 {
    font-size: 1.3rem !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-size-13 {
    font-size: 1.4rem !important;
}

.basketPage .item .right {
    float: right;
    width: 42%;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basketPage .item .numbers {
    float: left;
    margin: -5px 0 0 0;
    min-width: 130px;
    margin-right: 20px;
}

.basketPage .item .numbers sub {
    font-size: 14px;
    color: #0c3b5d;
    bottom: 0;
    display: block;
    text-align: center;
    margin-top: -15px;
    line-height: 14px;
    margin-bottom: 8px;
}

.basketPage .item .numbers-row {
    border: 1px solid #d1d1d1;
    border-radius: 40px;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.basketPage .item .numbers-row input {
    border: none;
    width: 38px;
    text-align: center;
    font: 15px overpassbold, Roboto-Bold;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    height: 33px;
    outline: 0;
    pointer-events: none;
    background: #fff;
    color: #0c3b5d;
}

.numbers-row input {
    padding: 0 !important;
    margin: 0;
    overflow: visible;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.basketPage .item .numbers-row .inc {
    float: right;
    width: 38px;
    height: 33px;
    text-align: center;
    color: #fec33b;
    font-size: 28px;
    cursor: pointer;
    line-height: 33px;
    position: relative;
    right: 1px;
}

.basketPage .item .numbers-row .dec {
    float: left;
    width: 38px;
    height: 33px;
    text-align: center;
    color: #fec33b;
    font-size: 28px;
    cursor: pointer;
    line-height: 33px;
}

.sidebar {
    position: sticky;
    top: 120px;
    z-index: 1;
}

.basketWidget:last-child {
    margin-bottom: 0;
}
.basketWidget {
    border: 1px solid #e2e2e2;
    padding: 25px 35px;
    margin-bottom: 20px;
    margin-top: 25px;
}
.basketWidget .all > ul {
    border: none;
    padding: 0;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.basketWidget .all > ul > li {
    font-size: 15px;
    list-style-type: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 7px 0;
}

.basketWidget .all > ul > li > span {
    font-size: 15px;
    min-width: 100px;
    text-align: right;
    float: right;
}

.mores.blue {
    background: #0c3b5d;
}
.mores.blue {
    background: #0c3b5d;
}
.nextButton a, .nextButton button, .giveButton a, .giveButton button {
    font-size: 16px;
    text-transform: uppercase;
}
.mores {
    transition: .3s;
    color: #fff;
    font: 18px overpassbold,Roboto-Bold;
    font-size: 18px;
    padding: 8px 32px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
    text-decoration: none !important;
}
.w-100 {
    width: 100% !important;
}

.mores.blue:hover {
    background: #fff;
    border-color: #0c3b5d;
    color: #0c3b5d;
}

.linkBottom {
    width: 100%;
    padding: 30px 0 0 0;
    display: inline-block;
    border-top: 1px solid #e2e2e2;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.adressPage .item {
    border: 1px solid #e2e2e2;
    padding: 32px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    min-height: 257px;
    display: flex;
    align-items: center;
}

.adressPage .item a {
    color: #0c3b5d;
}
.adressPage .item a {
    text-decoration: none !important;
}

.adressPage .item .new {
    font-size: 17px;
}

.text-center {
    text-align: center !important;
}

.adressPage .item .new i {
    display: block;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    color: #fec33b;
    font-size: 30px;
    padding: 12px 0;
    margin: 0 auto 10px auto;
}

.modalType.active {
    transition: .3s;
    visibility: inherit;
    pointer-events: auto;
    opacity: 1;
}
.modalType.active {
    transition: .3s;
    visibility: inherit;
    pointer-events: auto;
    opacity: 1;
}
.modalType {
    transition: .3s;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
}

.modalType .modalbg {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -1;
    left: 0;
    top: 0;
}

.modalType.active {
    visibility: inherit;
    pointer-events: auto;
}

.modalType .mcmodal {
    max-width: 900px;
    height: auto;
    margin: 50px auto;
    font-size: 15px;
    line-height: 28px;
    padding: 0;
    width: 100%;
    background: #fff;
}
*, ::after, ::before {
    box-sizing: border-box;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.modalType.active {
    visibility: inherit;
    pointer-events: auto;
}

.modalType .mcmodal .modalTitle {
    padding: 13px 60px 10px 30px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.modalType .mcmodal .modalTitle h4 {
    font: 18px;
    margin: 0;
    text-transform: uppercase;
}

.modalType .buttonCloses {
    background: url(../images/closeBtn.svg) no-repeat center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    cursor: pointer;
}

.modalType .mcmodal .modalContent {
    padding: 20px 30px;
    max-height: 80vh;
    overflow: auto;
}

.pages .form-group, .pageContent .form-group, .mcmodal .form-group, .basketWidget .form-group, .proGlobal .form-group {
    align-items: center;
    margin-bottom: 20px;
}
.modalType .mcmodal .form form input.form-control, .modalType .mcmodal .form form select.form-control {
    border-color: #c4c4c4;
    background-color: #fcfcfc;
    height: 45px;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.pages small, .pageContent small, .mcmodal small, .basketWidget small, .proGlobal small {
    font-size: 15px;
    color: #0c3b5d;
}

.modalType .mcmodal .form form .submit input[type="submit"], .modalType .mcmodal .form form .submit button {
    transition: .3s;
    background: var(--nblue);
    font: 16px;
    background: #0c3b5d;
    line-height: 41px;
    width: 100%;
    border-radius: 30px;
    padding: 4px;
    border: 2px solid transparent;
    text-transform: capitalize;
    color: #F5FAFC;
}

.modalType .mcmodal .form form .submit input[type=submit]:hover,.modalType .mcmodal .form form .submit button:hover{transition:.3s;background:#fff;color:#0c3b5d;border-color:#0c3b5d}

.adressPage .registeredItem {
    padding: 25px 5px;
}

.adressPage label, .adressPage .all {
    width: 100%;
}

.adressPage label {
    padding: 0 50px;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
    margin: 0;
    font-size: 15px;
}

.adressPage input[type="radio"] {
    width: 19px;
    height: 19px;
    position: absolute;
    left: 20px;
    top: 3px;
    z-index: 1;
    border-color: #e2e2e2;
}

input[type="radio"]::before, .mcmodal input[type="radio"]::before, .basketWidget input[type="radio"]::before, .proGlobal input[type="radio"]::before {
    content: "";
    background: #fec33b;
    width: 9px;
    height: 9px;
    display: block;
    margin: 3px auto;
    opacity: 0;
    border-radius: 50%;
}

.adressPage .item h5 {
    font-size: 17px;
    margin: 6px 0 5px 0;
    font-weight: bold;
}

.adressPage .item p {
    font-size: 14px;
    margin: 0;
    line-height: 24px;
    font-weight: normal;
}

.adressPage .item ul {
    padding: 0;
    margin: 10px 0 0 0;
}

.adressPage .item ul li {
    list-style-type: none;
    float: left;
    margin-right: 15px;
}

.adressPage .item ul li a {
    display: block;
    font-size: 13px;
    text-decoration: underline !important;
    color: #0080bb;
    width: 100%;
}

.adressPage span.selected {
    float: right;
    font-size: 15px;
    color: #242729;
}

.adressPage span.selected i {
    color: #e2e2e2;
    margin-right: 5px;
}

.adressPage .item.selected {
    background: #f9f9f9;
    border-color: #fec33b;
}

.tabPage {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d1d1d1;
}
.tabPage {
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding: 0 76px;
    border-bottom: none !important;
}

.tabPage > ul {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.tabPage > ul li {
    border: none;
    font-size: 17px;
    margin-right: 40px;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff !important;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.tabPage > ul li a {
    border: none !important;
    color: #0c3b5d !important;
    padding: 12px 0;
    position: relative;
    font-size: 17px;
    display: block;
}

.nav-tabs .nav-item.active {
    color: #495057;
    border-bottom: 3px solid #fec33b !important;
}

.tabPage > ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.tabPage > ul li {
    border: none;
    font-size: 17px;
    margin-right: 40px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #FFF !important;
}

.nav-tabs > li > a {
    border-radius: 0;
    background-color: #fff !important;
}

.tab-content {
    display: inline-block;
    margin-top: 0 !important;
    width: 100%;
}

.tab-pane {
    background-color: none !important;
    padding: 0px;
    border-bottom: 1px solid #e2e2e2;
}

.paymentCol.col-sm-5 {
    float: right !important;
}

.paymentCol.pr-35.col-sm-7 {
    float: left !important;
}

.willFlip {
    color: #1b1e1f;
    background-color: #f3f3f3;
    border: none;
    width: 100%;
    float: right;
    height: 205px;
    margin: 0 auto;
    position: relative;
    top: 20px;
}

.front {
    opacity: 0;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}

.front::before {
    content: "";
    background: url(../images/card.svg) no-repeat;
    background-size: auto;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.front .card-body {
    padding: 0 15px;
    height: 100%;
    display: flex;
    align-items: center;
}

.willFlip .allCard {
    width: 100%;
}

.pages .form-group, .pageContent .form-group, .mcmodal .form-group, .basketWidget .form-group, .proGlobal .form-group {
    align-items: center;
    margin-bottom: 20px;
}

#cardNumber {
    font-size: 13px;
}
.pages input[type="text"], .pages input.form-control, .pageContent input[type="text"], .pageContent input.form-control, .mcmodal input[type="text"], .mcmodal input.form-control, .basketWidget input[type="text"], .basketWidget input.form-control, .proGlobal input[type="text"], .proGlobal input.form-control {
    border-color: #c4c4c4;
    background-color: #fcfcfc;
    height: 45px;
}
.pages input[type="text"], .pages input.form-control, .pageContent input[type="text"], .pageContent input.form-control, .mcmodal input[type="text"], .mcmodal input.form-control, .basketWidget input[type="text"], .basketWidget input.form-control, .proGlobal input[type="text"], .proGlobal input.form-control {
    border-color: #c4c4c4;
    background-color: #fcfcfc;
    height: 45px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.cardBox input {
    letter-spacing: 3px;
}
.front input {
    background: none !important;
    color: #1b1e1f;
    border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    padding-left: 0;
    padding-right: 0;
    height: auto !important;
}

.willFlip {
    color: #1b1e1f;
}

.card-holder-content {
    width: calc(100% - 55px);
    float: left;
}

.card-holder-content input {
    font-size: 15px;
    text-transform: uppercase;
}

.card-expires-content {
    width: 55px;
    float: right;
}

.pages label, .pageContent label, .mcmodal label, .basketWidget label, .proGlobal label {
    font-size: 15px;
    margin: 0;
}
.pages label, .pageContent label, .mcmodal label, .basketWidget label, .proGlobal label {
    font-size: 15px;
    margin: 0;
}
.miniText {
    font-size: 6px !important;
    color: #cecece;
}

.content-date-input {
    position: relative;
    float: right;
}

.content-date-input input {
    float: left;
    text-align: right;
    font-size: 12px !important;
    color: #1b1e1f;
    width: 20px;
    padding: 0;
}

.content-date-input span {
    position: absolute;
    font-size: 12px !important;
    color: #1b1e1f;
    transform: rotate(-5deg);
    margin-left: 2px;
}

.back {
    opacity: 0;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}

.card-bar {
    margin-top: 10%;
    background: #efecec;
    height: 40px;
}

.back-middle input {
    text-align: right;
    padding: 0 10px !important;
}

.pages .form-group, .pageContent .form-group, .mcmodal .form-group, .basketWidget .form-group, .proGlobal .form-group {
    align-items: center;
    margin-bottom: 20px;
}

.pages label, .pageContent label, .mcmodal label, .basketWidget label, .proGlobal label {
    font-size: 15px;
    margin: 0;
    margin-bottom: 0px;
}

.pages .selectBox::before, .pageContent .selectBox::before, .mcmodal .selectBox::before, .basketWidget .selectBox::before, .proGlobal .selectBox::before {
    content: "\f358";
    color: #707070;
    font-family: "Font Awesome 5 Free";
    width: 36px;
    border-left: 1px solid #c4c4c4;
    position: absolute;
    right: 0;
    pointer-events: none;
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 45px;
}

.paymentRow .selectBox select {
    padding: 10px 26px 10px 8px;
}
select.card-input_field {
    cursor: pointer;
}
.pages select, .pageContent select, .mcmodal select, .basketWidget select, .proGlobal select {
    width: 100%;
    border-color: #c4c4c4;
    background: #fcfcfc !important;
    border-radius: 0.25rem;
    font-size: 16px;
    height: auto;
    outline: 0;
    padding: 10px 40px 10px 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #0c3b5d;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.tooltips {
    color: #0080bb;
    font-size: 17px;
    position: relative;
    text-decoration: underline;
    left: 4px;
}

.pages label i, .pageContent label i, .mcmodal label i, .basketWidget label i, .proGlobal label i {
    font-style: normal;
    color: #d80606;
    font-size: 14px;
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 5px;
}

.tooltips small {
    transition: 0.3s;
    position: absolute;
    background: #0080bb;
    width: auto;
    min-width: 200px;
    text-align: center;
    border-radius: 4px;
    z-index: 9;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    top: -63px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.pages label, .pageContent label, .mcmodal label, .basketWidget label, .proGlobal label {
    font-size: 13px;
    margin: 0;
}

#cwInput {
    padding-right: 0 !important;
    width: 60px;
}

.note {
    float: left;
    width: 100%;
}

.detailText {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.detailText h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.detailText .all {
    font-size: 15px;
    border: 1px solid #c4c4c4;
    background: #fcfcfc;
    border-radius: 4px;
    padding: 23px;
    max-height: 130px;
    overflow: auto;
}

.detailText .all p:last-child {
    margin: 0;
}
.detailText .all p {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 20px 0;
}

form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
button, input {
    overflow: visible;
}

.pages .checkbox label, .pages .form-check label, .pageContent .checkbox label, .pageContent .form-check label, .mcmodal .checkbox label, .mcmodal .form-check label, .basketWidget .checkbox label, .basketWidget .form-check label, .proGlobal .checkbox label, .proGlobal .form-check label {
    font-size: 13px;
    padding-left: 25px;
    position: relative;
    cursor: pointer;
    width: 100%;
    font-weight: normal;
}

.pages .checkbox a, .pages .form-check a, .pageContent .checkbox a, .pageContent .form-check a, .mcmodal .checkbox a, .mcmodal .form-check a, .basketWidget .checkbox a, .basketWidget .form-check a, .proGlobal .checkbox a, .proGlobal .form-check a {
    font-size: 13px;
    color: #0080bb;
    text-decoration: underline !important;
}

.basketWidget .mTitle {
    font-size: 15px;
    color: #0c3b5d;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 7px;
    font-weight: bold;
}

.basketWidget .listing .item {
    padding: 12px 0;
    border-bottom: 1px solid #dfdfdf;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.basketWidget .listing .item .images {
    width: 94px;
    height: 62px;
    float: left;
    margin-right: 20px;
}

.basketWidget .listing .item .images picture {
    display: flex;
    align-items: center;
    height: 100%;
}

.basketWidget .listing .item a {
    color: #0c3b5d;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.basketWidget .listing .item .images picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.basketWidget .items ul {
    padding: 10px 0 0 0;
    margin: 0;
}

.basketWidget .items ul li {
    margin: 3px 0;
    list-style-type: none;
    font-size: 13px;
}

#transfer .adressPage .item {
    min-height: 160px;
}

#transfer .adressPage .item img {
    display: block;
    margin-bottom: 10px;
}

#transfer .adressPage label {
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
    margin: 0;
    font-weight: normal;
}
#transfer .adressPage label {
    padding: 15px 30px !important;
}

#transfer .adressPage .item small {
    display: block;
    margin-top: 10px;
}

#transfer .adressPage .item span {
    margin: 15px 0 0 0;
}

.btn-soft-primary {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
    border-color: transparent;
}
.btn-soft-primary.active,
.btn-soft-primary:active,
.btn-soft-primary:focus,
.btn-soft-primary:hover {
    color: #fff;
    background-color: #377dff;
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.1);
}
.btn-soft-primary.disabled,
.btn-soft-primary:disabled {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
    box-shadow: none;
}
.btn-soft-primary:not(:disabled):not(.disabled).active,
.btn-soft-primary:not(:disabled):not(.disabled):active,
.show > .btn-soft-primary.dropdown-toggle {
    color: #fff;
    background-color: #377dff;
}
.btn-soft-secondary {
    color: #71869d;
    background-color: rgba(113, 134, 157, 0.1);
    border-color: transparent;
}
.btn-soft-secondary.active,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover {
    color: #fff;
    background-color: #71869d;
    box-shadow: 0 4px 11px rgba(113, 134, 157, 0.1);
}
.btn-soft-secondary.disabled,
.btn-soft-secondary:disabled {
    color: #71869d;
    background-color: rgba(113, 134, 157, 0.1);
    box-shadow: none;
}
.btn-soft-secondary:not(:disabled):not(.disabled).active,
.btn-soft-secondary:not(:disabled):not(.disabled):active,
.show > .btn-soft-secondary.dropdown-toggle {
    color: #fff;
    background-color: #71869d;
}
.btn-soft-success {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    border-color: transparent;
}
.btn-soft-success.active,
.btn-soft-success:active,
.btn-soft-success:focus,
.btn-soft-success:hover {
    color: #fff;
    background-color: #00c9a7;
    box-shadow: 0 4px 11px rgba(0, 201, 167, 0.1);
}
.btn-soft-success.disabled,
.btn-soft-success:disabled {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    box-shadow: none;
}
.btn-soft-success:not(:disabled):not(.disabled).active,
.btn-soft-success:not(:disabled):not(.disabled):active,
.show > .btn-soft-success.dropdown-toggle {
    color: #fff;
    background-color: #00c9a7;
}
.btn-soft-info {
    color: #09a5be;
    background-color: rgba(9, 165, 190, 0.1);
    border-color: transparent;
}
.btn-soft-info.active,
.btn-soft-info:active,
.btn-soft-info:focus,
.btn-soft-info:hover {
    color: #fff;
    background-color: #09a5be;
    box-shadow: 0 4px 11px rgba(9, 165, 190, 0.1);
}
.btn-soft-info.disabled,
.btn-soft-info:disabled {
    color: #09a5be;
    background-color: rgba(9, 165, 190, 0.1);
    box-shadow: none;
}
.btn-soft-info:not(:disabled):not(.disabled).active,
.btn-soft-info:not(:disabled):not(.disabled):active,
.show > .btn-soft-info.dropdown-toggle {
    color: #fff;
    background-color: #09a5be;
}
.btn-soft-warning {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, 0.1);
    border-color: transparent;
}
.btn-soft-warning.active,
.btn-soft-warning:active,
.btn-soft-warning:focus,
.btn-soft-warning:hover {
    color: #1e2022;
    background-color: #f5ca99;
    box-shadow: 0 4px 11px rgba(245, 202, 153, 0.1);
}
.btn-soft-warning.disabled,
.btn-soft-warning:disabled {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, 0.1);
    box-shadow: none;
}
.btn-soft-warning:not(:disabled):not(.disabled).active,
.btn-soft-warning:not(:disabled):not(.disabled):active,
.show > .btn-soft-warning.dropdown-toggle {
    color: #1e2022;
    background-color: #f5ca99;
}
.btn-soft-danger {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, 0.1);
    border-color: transparent;
}
.btn-soft-danger.active,
.btn-soft-danger:active,
.btn-soft-danger:focus,
.btn-soft-danger:hover {
    color: #fff;
    background-color: #ed4c78;
    box-shadow: 0 4px 11px rgba(237, 76, 120, 0.1);
}
.btn-soft-danger.disabled,
.btn-soft-danger:disabled {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, 0.1);
    box-shadow: none;
}
.btn-soft-danger:not(:disabled):not(.disabled).active,
.btn-soft-danger:not(:disabled):not(.disabled):active,
.show > .btn-soft-danger.dropdown-toggle {
    color: #fff;
    background-color: #ed4c78;
}
.btn-soft-light {
    color: #f7faff;
    background-color: rgba(247, 250, 255, 0.1);
    border-color: transparent;
}
.btn-soft-light.active,
.btn-soft-light:active,
.btn-soft-light:focus,
.btn-soft-light:hover {
    color: #1e2022;
    background-color: #f7faff;
    box-shadow: 0 4px 11px rgba(247, 250, 255, 0.1);
}
.btn-soft-light.disabled,
.btn-soft-light:disabled {
    color: #f7faff;
    background-color: rgba(247, 250, 255, 0.1);
    box-shadow: none;
}
.btn-soft-light:not(:disabled):not(.disabled).active,
.btn-soft-light:not(:disabled):not(.disabled):active,
.show > .btn-soft-light.dropdown-toggle {
    color: #1e2022;
    background-color: #f7faff;
}
.btn-soft-dark {
    color: #1e2022;
    background-color: rgba(30, 32, 34, 0.1);
    border-color: transparent;
}
.btn-soft-dark.active,
.btn-soft-dark:active,
.btn-soft-dark:focus,
.btn-soft-dark:hover {
    color: #fff;
    background-color: #1e2022;
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.1);
}
.btn-soft-dark.disabled,
.btn-soft-dark:disabled {
    color: #1e2022;
    background-color: rgba(30, 32, 34, 0.1);
    box-shadow: none;
}
.btn-soft-dark:not(:disabled):not(.disabled).active,
.btn-soft-dark:not(:disabled):not(.disabled):active,
.show > .btn-soft-dark.dropdown-toggle {
    color: #fff;
    background-color: #1e2022;
}
.btn-soft-indigo {
    color: #2d1582;
    background-color: rgba(45, 21, 130, 0.1);
    border-color: transparent;
}
.btn-soft-indigo.active,
.btn-soft-indigo:active,
.btn-soft-indigo:focus,
.btn-soft-indigo:hover {
    color: #fff;
    background-color: #2d1582;
    box-shadow: 0 4px 11px rgba(45, 21, 130, 0.1);
}
.btn-soft-indigo.disabled,
.btn-soft-indigo:disabled {
    color: #2d1582;
    background-color: rgba(45, 21, 130, 0.1);
    box-shadow: none;
}
.btn-soft-indigo:not(:disabled):not(.disabled).active,
.btn-soft-indigo:not(:disabled):not(.disabled):active,
.show > .btn-soft-indigo.dropdown-toggle {
    color: #fff;
    background-color: #2d1582;
}
.btn-soft-navy {
    color: #21325b;
    background-color: rgba(33, 50, 91, 0.1);
    border-color: transparent;
}
.btn-soft-navy.active,
.btn-soft-navy:active,
.btn-soft-navy:focus,
.btn-soft-navy:hover {
    color: #fff;
    background-color: #21325b;
    box-shadow: 0 4px 11px rgba(33, 50, 91, 0.1);
}
.btn-soft-navy.disabled,
.btn-soft-navy:disabled {
    color: #21325b;
    background-color: rgba(33, 50, 91, 0.1);
    box-shadow: none;
}
.btn-soft-navy:not(:disabled):not(.disabled).active,
.btn-soft-navy:not(:disabled):not(.disabled):active,
.show > .btn-soft-navy.dropdown-toggle {
    color: #fff;
    background-color: #21325b;
}

.month-bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 4px;
    min-height: 80px;
    width: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.month-bar__date {
    position: absolute;
}
.month-bar__bg {
    position: absolute;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
}
.month-bar__date__month {
    font-size: 21px;
    margin-right: 4px;
}
.month-bar--12 {
    background-image: -o-linear-gradient(170deg, #dadada, #f7f7f7);
    background-image: linear-gradient(280deg, #dadada, #f7f7f7);
}
.month-bar--12 .month-bar__date__month {
    color: #fa3f3f;
}
.month-bar--12 .month-bar__bg {
    background: url(/svg/ay/12.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--11 {
    background-image: -o-linear-gradient(170deg, #5e6062, #7c7c7c);
    background-image: linear-gradient(280deg, #5e6062, #7c7c7c);
}
.month-bar--11 .month-bar__date__month {
    color: #fff;
}
.month-bar--11 .month-bar__bg {
    background: url(/svg/ay/11.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--10 {
    background-image: -o-linear-gradient(170deg, #fff7f7, #fffef7);
    background-image: linear-gradient(280deg, #fff7f7, #fffef7);
}
.month-bar--10 .month-bar__date__month {
    color: #663800;
}
.month-bar--10 .month-bar__bg {
    background: url(/svg/ay/10.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--09 .month-bar__bg {
    background: url(/svg/ay/09.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--09 {
    background-image: -o-linear-gradient(170deg, #f9ebf8, #fff7fa);
    background-image: linear-gradient(280deg, #f9ebf8, #fff7fa);
}
.month-bar--09 .month-bar__date__month {
    color: #690000;
}
.month-bar--08 .month-bar__bg {
    background: url(/svg/ay/08.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--08 .month-bar__date__month {
    color: #b56400;
}
.month-bar--08 {
    background-image: -o-linear-gradient(350deg, #fffbe7, #fffbd1);
    background-image: linear-gradient(100deg, #fffbe7, #fffbd1);
}
.month-bar--07 .month-bar__bg {
    background: url(/svg/ay/07.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--07 .month-bar__date__month {
    color: #b56400;
}
.month-bar--07 {
    background-image: -o-linear-gradient(350deg, #fffbf4, #fef5e9);
    background-image: linear-gradient(100deg, #fffbf4, #fef5e9);
}
.month-bar--06 .month-bar__bg {
    background: url(/svg/ay/06.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--06 .month-bar__date__month {
    color: #3c4a8c;
}
.month-bar--06 {
    background-image: -o-linear-gradient(350deg, #f4f6ff, #e9edfe);
    background-image: linear-gradient(100deg, #f4f6ff, #e9edfe);
}
.month-bar--05 .month-bar__bg {
    background: url(/svg/ay/05.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--05 .month-bar__date__month {
    color: #5163bb;
}
.month-bar--05 {
    background-image: -o-linear-gradient(170deg, #ebf1f9, #f7f9ff);
    background-image: linear-gradient(280deg, #ebf1f9, #f7f9ff);
}
.month-bar--04 .month-bar__bg {
    background: url(/svg/ay/04.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--04 .month-bar__date__month {
    color: #90a2fb;
}
.month-bar--04 {
    background-image: -o-linear-gradient(350deg, #effaff, #eaf6fa);
    background-image: linear-gradient(100deg, #effaff, #eaf6fa);
}
.month-bar--03 .month-bar__bg {
    background: url(/svg/ay/03.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--03 .month-bar__date__month {
    color: #7c8b9a;
}
.month-bar--03 {
    background-image: -o-linear-gradient(350deg, #f9fbff, #eaf3fa);
    background-image: linear-gradient(100deg, #f9fbff, #eaf3fa);
}
.month-bar--02 .month-bar__bg {
    background: url(/svg/ay/02.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--02 .month-bar__date__month {
    color: #5d6589;
}
.month-bar--02 {
    background-image: -o-linear-gradient(350deg, #f9fbff, #ecf0f3);
    background-image: linear-gradient(100deg, #f9fbff, #ecf0f3);
}
.month-bar--01 .month-bar__bg {
    background: url(/svg/ay/01.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--01 .month-bar__date__month {
    color: #646464;
}
.month-bar--01 {
    background-image: -o-linear-gradient(350deg, #f8f8f8, #e2e2e2);
    background-image: linear-gradient(100deg, #f8f8f8, #e2e2e2);
}
.siparisimages {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #484848;
    display: block;
    font-size: 16px;
    height: 60px;
    padding: 12px 6px 0 6px;
    text-align: center;
    width: 60px;
    border-radius: 60px;
    z-index: 0;
}
ul.timeline {
    list-style-type: none;
    position: relative;
    z-index: 9;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 28px;
    width: 3px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 30px 0;
    padding-left: 60px;
}
ul.timeline > li:before {
    content: " ";
    background: #6c84fa;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 0 5pt #f7f8f9;
    outline-width: 5px;
    outline-color: #f7f8f9;
    margin-top: 1px;
    left: 19px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
ul.timeline > li.ok:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #fff;
    font-size: 9px;
    padding-left: 4px;
    padding-top: 2px;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    background: #6c84fa;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #FFF;
    left: 19px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.bg-soft-success {
    background-color: #f7fdf7 !important;
}
.bg-soft-primary {
    background-color: #e6effc !important;
}
.bg-soft-secondary {
    background-color: #eef0f2 !important;
}
.bg-soft-info {
    background-color: #e5f7ff !important;
}
.bg-soft-warning {
    background-color: #fef0e8 !important;
}
.bg-soft-danger {
    background-color: #fce7eb !important;
}
.bg-soft-light {
    background-color: #fefeff !important;
}
.bg-soft-dark {
    background-color: #e2e3e5 !important;
}
.bg-soft-success-1 {
    border: solid 1px #d5f9d7;
    background-color: #f6fff7;
}

.bg-white{
    background-color:#fff!important
}
.bg-transparent{
    background-color:transparent!important
}

.font-size-35 {
    font-size: 2.188rem !important;
}
.font-size-40 {
    font-size: 2.5rem !important;
}
.font-size-50 {
    font-size: 3.125rem !important;
}
.font-size-41 {
    font-size: 2.563rem !important;
}
.font-size-60 {
    font-size: 3.75rem !important;
}
.font-size-70 {
    font-size: 4.75rem !important;
}

.sidebar .widget ul {
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 25px 30px;
}

.sidebar .widget ul li {
    list-style-type: none;
}

.sidebar .widget ul li a {
    transition: .3s;
    font-size: 15px;
    color: #0c3b5d;
    display: block;
    padding: 3px 0;
    margin-left: 12px;
    text-decoration: none;
    position: relative;
}

.sidebar .widget ul li a::before {
    content: "";
    background: #fec33b;
    height: calc(100% - 13px);
    width: 5px;
    display: block;
    position: absolute;
    left: -12px;
    top: 5px;
    opacity: 0;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.siparisgoruntule, .siparisgoruntule:active, .siparisgoruntule.active, .siparisgoruntule[disabled], fieldset[disabled] .siparisgoruntule {
    background-color: #fffaf3 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.font-size-18 {
    font-size: 18px !important;
}
.text-success {
    color: #28a745 !important;
}

.d-block {
    display: block !important;
}

.siparisimages {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #484848;
    display: block;
    font-size: 16px;
    height: 60px;
    padding: 12px 6px 0 6px;
    text-align: center;
    width: 60px;
    border-radius: 60px;
    z-index: 0;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
div > img {
    margin: 5px auto !important;
    text-align: center;
    display: block;
}

.input-group-append {
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group .form-control {
    position: relative;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 90% !important;
    margin-bottom: 0;
}

.badge{
    display:inline-block;
    padding:.25em .4em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .badge{
        transition:none
    }
}
a.badge:focus,
a.badge:hover {
    text-decoration:none
}
.badge:empty {
    display:none
}
.btn .badge {
    position:relative;
    top:-1px
}
.badge-pill {
    padding-right:.6em;
    padding-left:.6em;
    border-radius:10rem
}
.badge-primary {
    color:#fff;
    background-color:#297cbb
}
a.badge-primary:focus,
a.badge-primary:hover {
    color:#fff;
    background-color:#206091
}
a.badge-primary.focus,
a.badge-primary:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(41,124,187,.5)
}
.badge-secondary {
    color:#fff;
    background-color:#77838f
}
a.badge-secondary:focus,
a.badge-secondary:hover {
    color:#fff;
    background-color:#5f6a74
}
a.badge-secondary.focus,
a.badge-secondary:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(119,131,143,.5)
}
.badge-success {
    color:#fff;
    background-color:#00c9a7
}
a.badge-success:focus,
a.badge-success:hover {
    color:#fff;
    background-color:#00967d
}
a.badge-success.focus,
a.badge-success:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,201,167,.5)
}
.badge-info {
    color:#3b444f;
    background-color:#00dffc
}
a.badge-info:focus,
a.badge-info:hover {
    color:#3b444f;
    background-color:#00b2c9
}
a.badge-info.focus,
a.badge-info:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,223,252,.5)
}
.badge-warning {
    color:#3b444f;
    background-color:#ffc107
}
a.badge-warning:focus,
a.badge-warning:hover {
    color:#3b444f;
    background-color:#d39e00
}
a.badge-warning.focus,
a.badge-warning:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger {
    color:#fff;
    background-color:#de4437
}
a.badge-danger:focus,
a.badge-danger:hover {
    color:#fff;
    background-color:#c22d20
}
a.badge-danger.focus,
a.badge-danger:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(222,68,55,.5)
}
.badge-light {
    color:#3b444f;
    background-color:#f8f9fa
}
a.badge-light:focus,
a.badge-light:hover {
    color:#3b444f;
    background-color:#dae0e5
}
a.badge-light.focus,
a.badge-light:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark {
    color:#fff;
    background-color:#3b444f
}
a.badge-dark:focus,
a.badge-dark:hover {
    color:#fff;
    background-color:#252b32
}
a.badge-dark.focus,
a.badge-dark:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(59,68,79,.5)
}
.badge-white {
    color:#3b444f;
    background-color:#fff
}
a.badge-white:focus,
a.badge-white:hover {
    color:#3b444f;
    background-color:#e6e6e6
}
a.badge-white.focus,
a.badge-white:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,255,255,.5)
}
.badge-indigo {
    color:#fff;
    background-color:#2d1582
}
a.badge-indigo:focus,
a.badge-indigo:hover {
    color:#fff;
    background-color:#1e0e56
}
a.badge-indigo.focus,
a.badge-indigo:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(45,21,130,.5)
}
.badge-gray {
    color:#3b444f;
    background-color:#ebf0f7
}
a.badge-gray:focus,
a.badge-gray:hover {
    color:#3b444f;
    background-color:#c7d5e8
}
a.badge-gray.focus,
a.badge-gray:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(235,240,247,.5)
}
.badge-violet {
    color:#fff;
    background-color:#532184
}
a.badge-violet:focus,
a.badge-violet:hover {
    color:#fff;
    background-color:#39175b
}
a.badge-violet.focus,
a.badge-violet:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(83,33,132,.5)
}
.badge-violet-1 {
    color:#fff;
    background-color:#a864a8
}
a.badge-violet-1:focus,
a.badge-violet-1:hover {
    color:#fff;
    background-color:#8b4e8b
}
a.badge-violet-1.focus,
a.badge-violet-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(168,100,168,.5)
}
.badge-violet-light {
    color:#fff;
    background-color:#6f13cd
}
a.badge-violet-light:focus,
a.badge-violet-light:hover {
    color:#fff;
    background-color:#560f9e
}
a.badge-violet-light.focus,
a.badge-violet-light:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(111,19,205,.5)
}
.badge-brown-light {
    color:#3b444f;
    background-color:#ceac61
}
a.badge-brown-light:focus,
a.badge-brown-light:hover {
    color:#3b444f;
    background-color:#c0973c
}
a.badge-brown-light.focus,
a.badge-brown-light:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(206,172,97,.5)
}
.badge-brown {
    color:#3b444f;
    background-color:#f8bd5b
}
a.badge-brown:focus,
a.badge-brown:hover {
    color:#3b444f;
    background-color:#f6a92a
}
a.badge-brown.focus,
a.badge-brown:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(248,189,91,.5)
}
.badge-maroon {
    color:#fff;
    background-color:#c72f74
}
a.badge-maroon:focus,
a.badge-maroon:hover {
    color:#fff;
    background-color:#9e255c
}
a.badge-maroon.focus,
a.badge-maroon:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(199,47,116,.5)
}
.badge-indigo-light {
    color:#fff;
    background-color:#080e7b
}
a.badge-indigo-light:focus,
a.badge-indigo-light:hover {
    color:#fff;
    background-color:#05094b
}
a.badge-indigo-light.focus,
a.badge-indigo-light:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(8,14,123,.5)
}
.badge-red-light-2 {
    color:#fff;
    background-color:#ff3c4e
}
a.badge-red-light-2:focus,
a.badge-red-light-2:hover {
    color:#fff;
    background-color:#ff0920
}
a.badge-red-light-2.focus,
a.badge-red-light-2:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,60,78,.5)
}
.badge-blue-dark-1 {
    color:#fff;
    background-color:#045cff
}
a.badge-blue-dark-1:focus,
a.badge-blue-dark-1:hover {
    color:#fff;
    background-color:#0049d0
}
a.badge-blue-dark-1.focus,
a.badge-blue-dark-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(4,92,255,.5)
}
.badge-gray-1 {
    color:#fff;
    background-color:#67747c
}
a.badge-gray-1:focus,
a.badge-gray-1:hover {
    color:#fff;
    background-color:#505a60
}
a.badge-gray-1.focus,
a.badge-gray-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(103,116,124,.5)
}
.badge-gray-2 {
    color:#3b444f;
    background-color:#f7f8f9
}
a.badge-gray-2:focus,
a.badge-gray-2:hover {
    color:#3b444f;
    background-color:#dadfe3
}
a.badge-gray-2.focus,
a.badge-gray-2:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(247,248,249,.5)
}
.badge-gray-3 {
    color:#fff;
    background-color:#3b444f
}
a.badge-gray-3:focus,
a.badge-gray-3:hover {
    color:#fff;
    background-color:#252b32
}
a.badge-gray-3.focus,
a.badge-gray-3:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(59,68,79,.5)
}
.badge-gray-4 {
    color:#3b444f;
    background-color:#eceff3
}
a.badge-gray-4:focus,
a.badge-gray-4:hover {
    color:#3b444f;
    background-color:#cdd5df
}
a.badge-gray-4.focus,
a.badge-gray-4:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(236,239,243,.5)
}
.badge-blue {
    color:#3b444f;
    background-color:#43c5db
}
a.badge-blue:focus,
a.badge-blue:hover {
    color:#3b444f;
    background-color:#26aec5
}
a.badge-blue.focus,
a.badge-blue:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(67,197,219,.5)
}
.badge-blue-1 {
    color:#fff;
    background-color:#297cbb
}
a.badge-blue-1:focus,
a.badge-blue-1:hover {
    color:#fff;
    background-color:#206091
}
a.badge-blue-1.focus,
a.badge-blue-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(41,124,187,.5)
}
.badge-gray-5 {
    color:#fff;
    background-color:#18181b
}
a.badge-gray-5:focus,
a.badge-gray-5:hover {
    color:#fff;
    background-color:#000
}
a.badge-gray-5.focus,
a.badge-gray-5:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(24,24,27,.5)
}
.badge-gray-6 {
    color:#fff;
    background-color:#18181a
}
a.badge-gray-6:focus,
a.badge-gray-6:hover {
    color:#fff;
    background-color:#000
}
a.badge-gray-6.focus,
a.badge-gray-6:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(24,24,26,.5)
}
.badge-gray-7 {
    color:#fff;
    background-color:#5c6770
}
a.badge-gray-7:focus,
a.badge-gray-7:hover {
    color:#fff;
    background-color:#454d54
}
a.badge-gray-7.focus,
a.badge-gray-7:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(92,103,112,.5)
}
.badge-gray-8 {
    color:#3b444f;
    background-color:#c5cdd8
}
a.badge-gray-8:focus,
a.badge-gray-8:hover {
    color:#3b444f;
    background-color:#a7b3c3
}
a.badge-gray-8.focus,
a.badge-gray-8:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(197,205,216,.5)
}
.badge-gray-9 {
    color:#3b444f;
    background-color:#9fa9b8
}
a.badge-gray-9:focus,
a.badge-gray-9:hover {
    color:#3b444f;
    background-color:#828fa2
}
a.badge-gray-9.focus,
a.badge-gray-9:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(159,169,184,.5)
}
.badge-gray-10 {
    color:#3b444f;
    background-color:#c1c1c1
}
a.badge-gray-10:focus,
a.badge-gray-10:hover {
    color:#3b444f;
    background-color:#a8a8a8
}
a.badge-gray-10.focus,
a.badge-gray-10:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(193,193,193,.5)
}
.badge-gray-11 {
    color:#fff;
    background-color:#484848
}
a.badge-gray-11:focus,
a.badge-gray-11:hover {
    color:#fff;
    background-color:#2f2f2f
}
a.badge-gray-11.focus,
a.badge-gray-11:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(72,72,72,.5)
}
.badge-gray-23 {
    color:#3b444f;
    background-color:#f4f4f4
}
a.badge-gray-23:focus,
a.badge-gray-23:hover {
    color:#3b444f;
    background-color:#dbdbdb
}
a.badge-gray-23.focus,
a.badge-gray-23:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(244,244,244,.5)
}
.badge-gray-33 {
    color:#3b444f;
    background-color:#ebf0f7
}
a.badge-gray-33:focus,
a.badge-gray-33:hover {
    color:#3b444f;
    background-color:#c7d5e8
}
a.badge-gray-33.focus,
a.badge-gray-33:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(235,240,247,.5)
}
.badge-sea-green {
    color:#fff;
    background-color:#1d508d
}
a.badge-sea-green:focus,
a.badge-sea-green:hover {
    color:#fff;
    background-color:#143863
}
a.badge-sea-green.focus,
a.badge-sea-green:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(29,80,141,.5)
}
.badge-dark-1 {
    color:#fff;
    background-color:#1e2022
}
a.badge-dark-1:focus,
a.badge-dark-1:hover {
    color:#fff;
    background-color:#060707
}
a.badge-dark-1.focus,
a.badge-dark-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(30,32,34,.5)
}
.badge-navy {
    color:#fff;
    background-color:#0057ff
}
a.badge-navy:focus,
a.badge-navy:hover {
    color:#fff;
    background-color:#0046cc
}
a.badge-navy.focus,
a.badge-navy:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,87,255,.5)
}
.badge-pink {
    color:#3b444f;
    background-color:#ffe5ee
}
a.badge-pink:focus,
a.badge-pink:hover {
    color:#3b444f;
    background-color:#ffb2cd
}
a.badge-pink.focus,
a.badge-pink:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,229,238,.5)
}
.badge-dark-2 {
    color:#fff;
    background-color:#1a2b49
}
a.badge-dark-2:focus,
a.badge-dark-2:hover {
    color:#fff;
    background-color:#0d1523
}
a.badge-dark-2.focus,
a.badge-dark-2:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(26,43,73,.5)
}
.badge-yellow-lighter-2 {
    color:#3b444f;
    background-color:#f7bc5a
}
a.badge-yellow-lighter-2:focus,
a.badge-yellow-lighter-2:hover {
    color:#3b444f;
    background-color:#f5a829
}
a.badge-yellow-lighter-2.focus,
a.badge-yellow-lighter-2:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(247,188,90,.5)
}
.badge-orange {
    color:#fff;
    background-color:#f05700
}
a.badge-orange:focus,
a.badge-orange:hover {
    color:#fff;
    background-color:#bd4500
}
a.badge-orange.focus,
a.badge-orange:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(240,87,0,.5)
}
.badge-green {
    color:#fff;
    background-color:#28871c
}
a.badge-green:focus,
a.badge-green:hover {
    color:#fff;
    background-color:#1b5d13
}
a.badge-green.focus,
a.badge-green:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(40,135,28,.5)
}
.badge-pink-1 {
    color:#fff;
    background-color:#ff0045
}
a.badge-pink-1:focus,
a.badge-pink-1:hover {
    color:#fff;
    background-color:#cc0037
}
a.badge-pink-1.focus,
a.badge-pink-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,0,69,.5)
}
.badge-purple-1 {
    color:#fff;
    background-color:#232753
}
a.badge-purple-1:focus,
a.badge-purple-1:hover {
    color:#fff;
    background-color:#14162f
}
a.badge-purple-1.focus,
a.badge-purple-1:focus {
    outline:0;
    box-shadow:0 0 0 .2rem rgba(35,39,83,.5)
}
.badge-soft-primary {
    color:#3a2ca3;
    background-color:#dedaff
}
.badge-soft-primary[href]:focus,
.badge-soft-primary[href]:hover {
    text-decoration:none;
    color:#3a2ca3;
    background-color:#b1a7ff
}
.badge-soft-secondary {
    color:#3c3e57;
    background-color:#d5d6db
}
.badge-soft-secondary[href]:focus,
.badge-soft-secondary[href]:hover {
    text-decoration:none;
    color:#3c3e57;
    background-color:#babbc3
}
.badge-soft-success {
    color:#238a5f;
    background-color:#d7f7ea
}
.badge-soft-success[href]:focus,
.badge-soft-success[href]:hover {
    text-decoration:none;
    color:#238a5f;
    background-color:#adefd4
}
.badge-soft-info {
    color:#2f709f;
    background-color:#dbeffe
}
.badge-soft-info[href]:focus,
.badge-soft-info[href]:hover {
    text-decoration:none;
    color:#2f709f;
    background-color:#a9d9fd
}
.badge-soft-warning {
    color:#cb9340;
    background-color:#fff3e1
}
.badge-soft-warning[href]:focus,
.badge-soft-warning[href]:hover {
    text-decoration:none;
    color:#cb9340;
    background-color:#ffdda9
}
.badge-soft-danger {
    color:#a31f3f;
    background-color:#ffd6e0
}
.badge-soft-danger[href]:focus,
.badge-soft-danger[href]:hover {
    text-decoration:none;
    color:#a31f3f;
    background-color:#ffa3b9
}
.badge-soft-light {
    color:#a0a0a3;
    background-color:#fefeff
}
.badge-soft-light[href]:focus,
.badge-soft-light[href]:hover {
    text-decoration:none;
    color:#a0a0a3;
    background-color:#cbcbff
}
.badge-soft-dark {
    color:#070811;
    background-color:#cecfd1
}
.badge-soft-dark[href]:focus,
.badge-soft-dark[href]:hover {
    text-decoration:none;
    color:#070811;
    background-color:#b4b5b8
}
.badge-soft-extra-1 {
    color:#111321;
    background-color:#d1d2d6
}
.badge-soft-extra-1[href]:focus,
.badge-soft-extra-1[href]:hover {
    text-decoration:none;
    color:#111321;
    background-color:#b6b8be
}

.border {
    border: 1px solid #dee2e6 !important;
}

.bg-brown-light {
    background-color: #fbe0ff !important
}
a.bg-brown-light:focus,
a.bg-brown-light:hover,
button.bg-brown-light:focus,
button.bg-brown-light:hover {
    background-color: #fff7e5 !important;
}
.bg-brown {
    background-color: #f8bd5b !important;
}
a.bg-brown:focus,
a.bg-brown:hover,
button.bg-brown:focus,
button.bg-brown:hover {
    background-color: #f6a92a !important;
}
.bg-maroon {
    background-color: #c72f74 !important;
}
a.bg-maroon:focus,
a.bg-maroon:hover,
button.bg-maroon:focus,
button.bg-maroon:hover {
    background-color: #9e255c !important;
}
.bg-indigo-light {
    background-color: #080e7b !important;
}
a.bg-indigo-light:focus,
a.bg-indigo-light:hover,
button.bg-indigo-light:focus,
button.bg-indigo-light:hover {
    background-color: #05094b !important;
}
.bg-red-light-2 {
    background-color: #ff3c4e !important;
}
a.bg-red-light-2:focus,
a.bg-red-light-2:hover,
button.bg-red-light-2:focus,
button.bg-red-light-2:hover {
    background-color: #ff0920 !important;
}
.bg-blue-dark-1 {
    background-color: #045cff !important;
}
a.bg-blue-dark-1:focus,
a.bg-blue-dark-1:hover,
button.bg-blue-dark-1:focus,
button.bg-blue-dark-1:hover {
    background-color: #0049d0 !important;
}
.bg-gray-1 {
    background-color: #67747c !important;
}
a.bg-gray-1:focus,
a.bg-gray-1:hover,
button.bg-gray-1:focus,
button.bg-gray-1:hover {
    background-color: #505a60 !important;
}
.bg-gray-2 {
    background-color: #f7f8f9 !important;
}
a.bg-gray-2:focus,
a.bg-gray-2:hover,
button.bg-gray-2:focus,
button.bg-gray-2:hover {
    background-color: #dadfe3 !important;
}
.bg-gray-3 {
    background-color: #3b444f !important;
}
a.bg-gray-3:focus,
a.bg-gray-3:hover,
button.bg-gray-3:focus,
button.bg-gray-3:hover {
    background-color: #252b32 !important;
}
.bg-gray-4 {
    background-color: #eceff3 !important;
}
a.bg-gray-4:focus,
a.bg-gray-4:hover,
button.bg-gray-4:focus,
button.bg-gray-4:hover {
    background-color: #cdd5df !important;
}
.bg-blue {
    background-color: #43c5db !important;
}
a.bg-blue:focus,
a.bg-blue:hover,
button.bg-blue:focus,
button.bg-blue:hover {
    background-color: #26aec5 !important;
}
.bg-blue-1 {
    background-color: #297cbb !important;
}
a.bg-blue-1:focus,
a.bg-blue-1:hover,
button.bg-blue-1:focus,
button.bg-blue-1:hover {
    background-color: #206091 !important;
}
.bg-gray-5 {
    background-color: #18181b !important;
}
a.bg-gray-5:focus,
a.bg-gray-5:hover,
button.bg-gray-5:focus,
button.bg-gray-5:hover {
    background-color: #000 !important;
}
.bg-gray-6 {
    background-color: #18181a !important;
}
a.bg-gray-6:focus,
a.bg-gray-6:hover,
button.bg-gray-6:focus,
button.bg-gray-6:hover {
    background-color: #000 !important;
}
.bg-gray-7 {
    background-color: #5c6770 !important;
}
a.bg-gray-7:focus,
a.bg-gray-7:hover,
button.bg-gray-7:focus,
button.bg-gray-7:hover {
    background-color: #454d54 !important;
}
.bg-gray-8 {
    background-color: #c5cdd8 !important;
}
a.bg-gray-8:focus,
a.bg-gray-8:hover,
button.bg-gray-8:focus,
button.bg-gray-8:hover {
    background-color: #a7b3c3 !important;
}
.bg-gray-9 {
    background-color: #9fa9b8 !important;
}
a.bg-gray-9:focus,
a.bg-gray-9:hover,
button.bg-gray-9:focus,
button.bg-gray-9:hover {
    background-color: #828fa2 !important;
}

.mb-auto, .my-auto {
    margin-bottom: auto !important;
}
.mt-auto, .my-auto {
    margin-top: auto !important;
}
.h-100 {
    height: 100% !important;
}

ul.timeline > li.ok::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #fff;
    font-size: 9px;
    padding-left: 4px;
    padding-top: 2px;
    -webkit-font-smoothing: antialiased;
    background: #6c84fa;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #FFF;
    left: 19px;
    width: 20px;
    height: 20px;
    z-index: 400;
    font-weight: 900;
}

.font-size-1 {
    font-size: 1.4rem !important;
}

.text-right {
    text-align: right !important;
}

@media only screen and (max-width: 1023px) {
    .col-8-5 {
        width: 100% !important;
        padding: 0;
    }

    .col-4-5 {
        width: 100% !important;
        padding: 0;
        margin: 20px 0 100px 0;
    }

    .adressPage .item {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .basketPage .item {
        display: block;
        height: auto;
        padding: 20px 0 !important;
        margin: 0 -10px;
    }
    .basketPage .item .left {
        width: 100%;
        display: inherit;
        float: none;
    }
    .basketPage .item .images {
        width: 90px;
        padding-right: 0;
        height: 100%;
    }
    .basketPage .item span.remove {
        top: 0;
        right: -10px;
    }
    .basketPage .item .text {
        width: calc(100% - 90px);
        padding-left: 20px;
        height: auto;
    }
    .basketPage .item .right {
        width: calc(100% - 90px);
        display: inline-block;
        padding-left: 20px;
        margin-top: 10px;
        float: right;
    }
    .basketPage .item .numbers {
        margin: 0 0 5px 0;
    }
    .basketPage .item .numbers sub {
        margin: 8px !important;
        float: right;
    }
    .basketPage .item .right .money {
        float: left;
        width: 100%;
        text-align: left;
        margin: 5px 0 0 0;
        max-width: initial !important;
    }
    .money span {
        width: 100%;
        float: left;
    }
    .basketPage .money .varMoney {
        font-size: 28px !important;
        margin: 0 !important;
    }
}