.content{width:100%; max-width:1100px; margin:0 auto; padding:0 0; /*background:#C99;*/}
  .padding-left-right{
                         padding-right:60px;
                               padding-left:60px;
                }
                .padding-left-right-15{
                         padding-right:15px;
                               padding-left:15px;
                }
                 .padding-left-right-25{
                         padding-right:25px;
                               padding-left:25px;
                }
                .padding-right-20{
                          padding-right:20px;
                }
                .padding-left-120{
                          padding-left:120px;
                }
                .padding-right-10{
                    padding-right:10px;
                }
                .border-fot-left-right{
                    border-left:solid 1px #393939;
                     border-right:solid 1px #393939;
                }
                .padding-top-10{
                          padding-top:10px;
                }
                .padding-top-300{
                          padding-top:300px;
                }                
                .padding-top-20{
                     padding-top:20px;
                }
                .padding-top{
                     padding-top:30px;
                }
                .padding-top-bottom{
                     padding-top:30px;
                       padding-bottom:30px;
                }
                .padding-top-bottom-100{
                     padding-top:100px;
                       padding-bottom:100px;
                }
                .border-top-20{
                    border-top:solid 20px #393939;
                }
                .border-bottom-3{
                    border-bottom:solid 1px #999999;
                }
                .no-margin{
                    margin:0;
                }
                .bg-gray{
                    background-color:#f4f4f4;
                }
                .bg-white{
                    background-color:#fff;
                }
                
                
      
.s-12{
font-size:12px !important;
}
.s-13{
font-size:13px !important;
}
.s-14{
font-size:14px !important;
}
.s-16{
font-size:16px !important;
}
.s-18{
font-size:18px !important;
}
.s-20{
font-size:18px !important;
}
.s-22{
font-size:22px !important;
}
.s-24{
font-size:24px !important;
}
.s-28{
font-size:28px !important;
}
.s-32{
font-size:32px !important;
}
.s-36{
font-size:36px !important;
}
.s-40{
font-size:40px !important;
}
.s-50{
font-size:50px !important;
}
.s-60{
font-size:60px !important;
}
.color-red{
color:#c51d1d !important;
}
.color-gray{
color:#9c9aa0;
}
.color-1{
color:#393939 !important; 
}
.color-2{
color:#d6b66d !important; 
}
.color-3{
color:#999999 !important; 
}
.color-4{
color:#3c3c3c !important; 
}
.bg-color-white{
background-color:#fff !important;
}
.bg-color-light{
background-color:#f8f8f8 !important;
}
.bg-color-gray{
background-color:#fafafa !important;
}
.bg-color-gray-1{
background-color:#f2f2f2 !important;
}
.bg-color-1{
background-color:#393939 !important; 
}
.bg-color-2{
background-color:#d6b66d !important; 
}
.bg-color-3{
background-color:#999999 !important; 
}
.bg-color-4{
background-color:#3c3c3c !important; 
}
.bg-color-gray-2{
background-color:#f0f0f0;

}
.color-gray{
color:#bdbdbd;
}
.bg-color-green{
background-color:#7cd268 !important;
}
.border-1{
border:solid 1px #dcdcdc;
}
.border-0{
border:solid 1px #393939 !important;
}
.border-0-3{
border:solid 3px #393939 !important;
}
.border-2{
border:solid 3px #d6b66d !important;
}
.border-3{
border:solid 1px #999999 !important;

}
.border-gray{
border:solid 1px #cdcdcd !important;

}
.btn{
border-radius:0 !important;
}

.padding-left-5{
padding-left:5px !important;
}
.padding-left-10{
padding-left:10px !important;
}
.padding-left-15{
padding-left:15px !important;
}
.padding-left-20{
padding-left:20px !important;
}
.padding-left-25{
padding-left:25px !important;
}
.left-25{
left:25px !important;
}
.right-15{
right:15px !important;
}
.padding-left-30{
padding-left:30px !important;
}
.padding-left-35{
padding-left:35px !important;
}
.padding-left-40{
padding-left:40px !important;
}
.padding-right-5{
padding-right:5px !important;
}
.padding-right-10{
padding-right:10px !important;
}
.padding-right-15{
padding-right:15px !important;
}
.padding-right-20{
padding-right:20px !important;
}
.padding-right-25{
padding-right:25px !important;
}
.padding-right-30{
padding-right:30px !important;
}
.padding-right-35{
padding-right:35px !important;
}
.padding-right-40{
padding-right:40px !important;
}
.padding-left-right-5{
padding-left:5px !important;
padding-right:5px !important;
}
.padding-left-right-10{
padding-right:10px !important;
padding-left:10px !important;
}
.padding-left-right-15{
padding-right:15px !important;
padding-left:15px !important;
}
.padding-left-right-20{
padding-right:20px !important;
padding-left:20px !important;
}
.padding-left-right-25{
padding-right:25px !important;
padding-left:25px !important;
}
.padding-left-right-30{
padding-right:30px !important;
padding-left:30px !important;
}
.padding-left-right-35{
padding-right:35px !important;
padding-left:35px !important;
}
.padding-left-right-40{
padding-right:40px !important;
padding-left:40px !important;
}


.margin-left-right-auto{
margin-left:auto !important;
margin-right:auto !important;
}
.margin-top-bottom-5{
margin-top:5px !important;
margin-bottom:5px !important;
}
.margin-top-bottom-10{
margin-top:10px !important;
margin-bottom:10px !important;
}
.margin-top-20{
margin-top:20px !important;
}
.margin-left-5{
margin-left:5px !important;
}
.margin-left-10{
margin-left:10px !important;
}
.margin-left-15{
margin-left:15px !important;
}
.margin-left-20{
margin-left:20px !important;
}
.margin-left-25{
margin-left:25px !important;
}
.margin-left-30{
margin-left:30px !important;
}
.margin-left-35{
margin-left:35px !important;
}
.margin-left-40{
margin-left:40px !important;
}
.margin-left-100{
margin-left:100px !important;
}
.margin-right-5{
margin-right:5px !important;
}
.margin-right-10{
margin-right:10px !important;
}
.margin-right-15{
margin-right:15px !important;
}
.margin-right-20{
margin-right:20px !important;
}
.margin-right-25{
margin-right:25px !important;
}
.margin-right-30{
margin-right:30px !important;
}
.margin-right-35{
margin-right:35px !important;
}
.margin-right-40{
margin-right:40px !important;
}
.margin-left-right-5{
margin-left:5px !important;
margin-right:5px !important;
}
.margin-left-right-10{
margin-right:10px !important;
margin-left:10px !important;
}
.margin-left-right-15{
margin-right:15px !important;
margin-left:15px !important;
}
.margin-left-right-20{
margin-right:20px !important;
margin-left:20px !important;
}
.margin-left-right-25{
margin-right:25px !important;
margin-left:25px !important;
}
.margin-left-right-30{
margin-right:30px !important;
margin-left:30px !important;
}
.margin-left-right-35{
margin-right:35px !important;
margin-left:35px !important;
}
.margin-left-right-40{
margin-right:40px !important;
margin-left:40px !important;
}
.margin-left-right-50{
margin-right:50px !important;
margin-left:50px !important;
}
.margin-left-right-60{
margin-right:60px !important;
margin-left:60px !important;
}
.margin-left-right-70{
margin-right:70px !important;
margin-left:70px !important;
}

.padding-top-5{
padding-top:5px !important;
}
.padding-top-10{
padding-top:10px !important;
}
.padding-top-15{
padding-top:15px !important;
}
.padding-top-20{
padding-top:20px !important;
}
.padding-top-25{
padding-top:25px !important;
}
.padding-top-30{
padding-top:30px !important;
}
.padding-top-35{
padding-top:35px !important;
}
.padding-top-40{
padding-top:40px !important;
}
.padding-top-50{
padding-top:50px !important;
}
.padding-top-60{
padding-top:60px !important;
}
.padding-top-70{
padding-top:70px !important;
}
.padding-top-110{
padding-top:110px !important;
}

.padding-top-120{
padding-top:120px !important;
}
.padding-top-130{
padding-top:130px !important;
}
.padding-top-135{
padding-top:135px !important;
}
.padding-top-140{
padding-top:140px !important;
}
.padding-top-145{
padding-top:145px !important;
}
.padding-top-150{
padding-top:150px !important;
}
.padding-top-155{
padding-top:155px !important;
}
.padding-top-165{
padding-top:165px !important;
}
.padding-top-170{
padding-top:170px !important;
}
.padding-top-175{
padding-top:175px !important;
}
.padding-top-180{
padding-top:180px !important;
}
.padding-top-185{
padding-top:185px !important;
}
.padding-top-190{
padding-top:190px !important;
}
.padding-top-195{
padding-top:195px !important;
}
.padding-top-200{
padding-top:200px !important;
}
.padding-bottom-5{
padding-bottom:5px !important;
}
.padding-bottom-10{
padding-bottom:10px !important;
}
.padding-bottom-15{
padding-bottom:15px !important;
}
.padding-bottom-20{
padding-bottom:20px !important;
}
.padding-bottom-25{
padding-bottom:25px !important;
}
.padding-bottom-30{
padding-bottom:30px !important;
}
.padding-bottom-35{
padding-bottom:35px !important;
}
.padding-bottom-40{
padding-bottom:40px !important;
}
.padding-bottom-60{
padding-bottom:60px !important;
}
.padding-top-bottom-5{
padding-top:5px !important;
padding-bottom:5px !important;
}
.padding-top-bottom-10{
padding-bottom:10px !important;
padding-top:10px !important;
}
.padding-top-bottom-15{
padding-bottom:15px !important;
padding-top:15px !important;
}
.padding-top-bottom-20{
padding-bottom:20px !important;
padding-top:20px !important;
}
.padding-top-bottom-25{
padding-bottom:25px !important;
padding-top:25px !important;
}
.padding-top-bottom-30{
padding-bottom:30px !important;
padding-top:30px !important;
}
.padding-top-bottom-35{
padding-bottom:35px !important;
padding-top:35px !important;
}
.padding-top-bottom-40{
padding-bottom:40px !important;
padding-top:40px !important;
}
.padding-top-bottom-60{
padding-bottom:60px !important;
padding-top:60px !important;
}
.padding-top-bottom-70{
padding-bottom:70px !important;
padding-top:70px !important;
}

.no-padding{
padding:0 !important;
}
.no-padding-l-r{
padding-left:0 !important;
padding-right:0 !important;
}
.margin-top-10{
margin-top:10px !important;
}
.margin-top-100{
margin-top:100px !important;
}
.margin-top-105{
margin-top:105px !important;
}
.margin-top-110{
margin-top:110px !important;
}
.margin-top-115{
margin-top:115px !important;
}
.margin-top-120{
margin-top:120px !important;
}
.margin-top-125{
margin-top:125px !important;
}
.margin-top-130{
margin-top:130px !important;
}
.margin-top-135{
margin-top:135px !important;
}
.margin-top-140{
margin-top:140px !important;
}
.margin-top-145{
margin-top:145px !important;
}
.margin-top-150{
margin-top:150px !important;
}
.margin-top-155{
margin-top:155px !important;
}
.margin-top-160{
margin-top:160px !important;
}
.margin-top-165{
margin-top:165px !important;
}
.margin-top-170{
margin-top:170px !important;
}
.margin-top-175{
margin-top:100px !important;
}
.margin-top-180{
margin-top:180px !important;
}
.margin-top-185{
margin-top:185px !important;
}
.margin-top-190{
margin-top:190px !important;
}
.margin-top-195{
margin-top:195px !important;
}
.margin-top-200{
margin-top:200px !important;
}
.margin-top-300{
margin-top:300px !important;
}
.margin-top-400{
margin-top:400px !important;
}
.margin-top-450{
margin-top:450px !important;
}
.margin-top-500{
margin-top:500px !important;
}
.no-margin{
margin:0 !important;
}
.text-upper{
text-transform:uppercase;
}

.text-lower{
text-transform:lowercase;
}
.pos-rel{
position:relative;
display:block;
}
.h-5{
height:5px !important;
}
.w-0{
width:0% !important;
}
.w-5{
width:5% !important;
}
.w-10{
width:10% !important;
}
.w--10{
width:10px !important;
}
.w-20{
width:20% !important;
}
.w--20{
width:20px !important;
}
.w-30{
width:30% !important;
}
.w--30{
width:30px !important;
}
.w-40{
width:40% !important;
}
.w-50{
width:50% !important;
}
.w--50{
width:50px !important;
}
.w-60{
width:60% !important;
}
.w--60{
width:60px !important;
}
.w-70{
width:70% !important;
}
.w-80{
width:80% !important;
}
.w-90{
width:90% !important;
}
.w-100{
width:100% !important;
}
.ww-150{
width:150px !important;
}
.w--200{
width:200px !important;
}
.w--230{
width:230px !important;
}
.w--250{
width:250px !important;
}
.w--300{
width:300px !important;
}
.w--450{
width:450px !important;
}
.m-w--450{
max-width:450px !important;
}
.h-5{
height:5px !important;
}
.h-10{
height:10px !important;
}
.h-5{
height:5px !important;
}
.h-10{
height:10px !important;
}
.h-15{
height:15px !important;
}
.h-20{
height:20px !important;
}
.h-25{
height:25px !important;
}
.h-30{
height:30px !important;
}
.h-35{
height:35px !important;
}
.h-40{
height:40px !important;
}
.h-45{
height:45px !important;
}
.h-50{
height:50px !important;
}
.h-60{
height:60px !important;
}
.h-80{
height:80px !important;
}
.h-100{
height:100px !important;
}
.h-100p{
height:100% !important;
}
.m-h-150{
min-height:150px !important;
}
.m-h-200{
min-height:200px !important;
}
.m-h-350{
min-height:350px !important;
}
.m-h-400{
min-height:400px !important;
}
.h-150{
height:150px !important;
}
.h-200{
height:200px !important;
}
.h-250{
height:250px !important;
}
.h-275{
height:275px !important;
}

.h-350{
height:350px !important;
}
.h-395{
height:395px !important;
}
.h-400{
height:400px !important;
}
.h-450{
height:450px !important;
}
.l-h-18{
line-height:18px !important;
}
.l-h-24{
line-height:24px !important;
}
.l-h-28{
line-height:28px !important;
}
.l-h-32{
line-height:36px !important;
}
.l-h-36{
line-height:36px !important;
}
.l-h-40{
line-height:40px !important;
}
.l-h-50{
line-height:50px !important;
}
.l-h-60{
line-height:60px !important;
}

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

.border-white-1{
border:solid 1px #fff !important;
}




.border-r-6{
border-radius:0.60em !important;
}
.border-r-b-6{
border-bottom-left-radius:0.60em !important;
border-bottom-right-radius:0.60em !important;
}
.border-r-1{
border-radius:1em !important;
}



.c-border-1-8{

border:solid 8px #e43838;
}
.c-border-2-8{

border:solid 8px #9c4899;
}
.c-border-3-8{

border:solid 8px #039ebc;
}
.c-border-4-8{

border:solid 8px #a9d72a;
}
.c-border-5-8{

border:solid 8px #e6ba0d;
}

.c-1{
color:#e43838 !important;
}
.c-2{
color:#9c4899 !important;
}
.c-3{
color:#039ebc !important;
}
.c-4{
color:#a9d72a !important;
}
.c-5{
color:#e6ba0d !important;
}

.border-right-18-1{
border-right:solid 18px #e43838;
}
.border-right-18-2{
border-right:solid 18px #9c4899;
}
.border-right-18-3{
border-right:solid 18px #039ebc;
}
.border-right-18-4{
border-right:solid 18px #a9d72a;
}
.border-right-18-5{
border-right:solid 18px #e6ba0d;
}
.border-left-18-1{
border-left:solid 18px #e43838;
}
.border-left-18-2{
border-left:solid 18px #9c4899;
}
.border-left-18-3{
border-left:solid 18px #039ebc;
}
.border-left-18-4{
border-left:solid 18px #a9d72a;
}
.border-left-18-5{
border-left:solid 18px #e6ba0d;
}

.bg-color-3-h-2{
background-color:#393939;
}

.bg-color-3-h-2:hover{
background-color:#d6b66d;
}

.btn-port{
  border-radius:0.80em;
  /* @editable properties */
  color: #949494;
  cursor: pointer;
  font: 400 13px/21px "Open Sans", sans-serif;
  padding: 6px 12px;
  transition: all .3s ease-in-out;
  position: relative;
  overflow: visible;
  margin: 0 10px 10px;
  display: inline-block; 
  border:solid 1px #cdcdcd !important;
  
  }

.btn-port:hover {
  /* @editable properties */
  color: #d6b66d !important;
    border:solid 1px  #d6b66d !important;
  
  
  }

.active-port {
  /* @editable properties */
   color: #d6b66d;
  cursor: default;
  border:solid 1px #d6b66d !important;
  
  }
  
  .m-h-500{
  min-height:500px;
  }
  
  .h-500{
 height:500px;
  }
    .h-400{
 height:400px;
  }
  
  .no-border{
  border:none !important;
  }
  .border-black{
  border:solid 1px #000 !important;
  }

.border-bottom-ds{
border-block-start-style: dashed !important;
border-style: none none dashed !important;
border-color: -moz-use-text-color -moz-use-text-color rgb(255, 255, 255) !important;
border-top: medium none !important;
border-left: medium none !important;
border-right: medium none !important;
}
.border-bottom-dt{
border-block-start-style: dotted !important;
border-style: none none dotted !important;
border-color: -moz-use-text-color -moz-use-text-color rgb(255, 255, 255) !important;
border-top: medium none !important;
border-left: medium none !important;
border-right: medium none !important;
}
.d-table{
display:table;
}
.d-block{
display:block;
}
.d-inline{
display:inline-block;
}

.bg-transparent{
background-color:transparent;
}
.no-shadow{
border-color:  none;
    outline: 0;
    -webkit-box-shadow:  none;
    box-shadow: none;
}
.form-control:focus,.form-control{
    border-color:  transparent;
    outline: 0;
    -webkit-box-shadow:  none;
    box-shadow: none;
    border:none;
    border-radius:0;

}
.color-white{
color:#fff;
}

.form-control::-webkit-input-placeholder {
   color: white;
}

.form-control:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

.form-control:-ms-input-placeholder {  
   color: white;  
}



.f-lob{
font-family: 'Lobster', cursive;
}

.f-beb{
font-family: 'Bebas Neue', Regular;
}

.f-tre{
font-family: 'Trebuchet MS', sans-serif;
}

.border-dt{
border-block-start-style: dotted !important;
border-style:dotted !important;
border-color: -moz-use-text-color -moz-use-text-color rgb(255, 255, 255) !important;

}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #999999;
    background-color: #fff;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}


/* style 2 */

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}


/* style 4 */

.inputfile-4 + label {
    color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #722040;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #722040;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #d3394c;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #722040;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #d3394c;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #722040;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 6 */

.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
    border: 1px solid #d3394c;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #d3394c;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}

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

img{
max-width:100% !important;
}