.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.close {
    float: right;
    font-size: 15px;
    line-height: 20px;
}

button.close {
    padding: 0;
    cursor: pointer;
    color:#FFF;
    border: 0;
    -webkit-appearance: none;
	width:15px;
	height:15px;
    background:transparent;
    font-size:15px;
    margin:15px 16px 0 0
}


.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #403e3e;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.50;
	filter: alpha(opacity=50);
}

.modal {
    position: fixed;
     top: 12%;
    left: 47%;
    z-index:1050;
    width: 682px;
    margin-left: -299px;
    background:#FFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    outline: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
	max-height:585px;

}
.modal.small {
     width: 463px;
     margin-left: -231px;
}
.modal.small  .modal-header{
     background:#FFF;
     height:37px;
}
.modal.small  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.small .modal-title {
    color: #7fbf35;
    font-size:18px;
    margin:10px 0 5px 0
}
.modal.small .modal-body {
    background: url(../images/success.png) no-repeat top center;
    padding-top:70px;
    margin-top:0;
    font-size:18px;
    width:65%;
    text-align:center;
    padding-bottom:35px;
    line-height:24px
}
.modal.small .modal-body.noimage {
  background:none;
  padding-top:20px;
  width:85%
}
.modal.big {
     width:800px;
     margin-left: -400px;
}
.modal.big  .modal-header{
     background:#FFF;
     height:37px;
}
.modal.big  button.close{
     /*background:#ffad00;*/
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
      z-index:1
}
.modal.big .modal-title {
    color: #403e3e;
    font-size:20px;
    margin:10px 0 15px 0;
    width:100%;
        text-align:center;
}
.modal.big .modal-body {
    background:none;
    margin-top:0;
    font-size:15px;
    width:100%;
    padding:0 30px 20px 30px;
    line-height:20px;
    height:470px
    
}
.modal.big .modal-body > .content {
    width:100%;
    height:400px;
    padding-right:10px;
    position:relative;margin-top:25px
}
.ps--active-x.content > .ps__rail-x, .ps--active-y.content > .ps__rail-y {
    background:#e6e6e6
}

/*.modal.big .modal-body > .content::-webkit-scrollbar-track
{
	
	border-radius: 3px;
	background-color: #fff;
}

.modal.big .modal-body > .content::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.modal.big .modal-body > .content::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a1a1a1;
}


.modal.big .modal-body > .content::-webkit-scrollbar-thumb:hover {
  background: #ffad00; 
}*/

.modal.sendmessage {
     width: 598px;
     margin-left: -299px;
}
.modal.sendmessage.showcase {
     width:516px;
     margin-left: -258px;
}
.modal.sendmessage  .modal-header{
     background:#FFF;
     height:37px;

}
.modal.sendmessage  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.sendmessage .modal-title {
    color: #7fbf35;
    font-size:24px;
    margin:0 0 5px 0;
    font-family: 'Ubuntu-Regular';
    text-align:left
}
.modal.sendmessage.showcase .modal-title {
    color: #403e3e;
    font-size:20px;
    margin:20px 0 10px 0;
    font-family: 'Ubuntu-Regular';
    text-align:center;
}
.modal.sendmessage .modal-description {
  
    font-size:16px;
    margin:0px 0 30px 0;
    line-height:22px

}
.modal.sendmessage .modal-body {
    padding:12px 42px 10px 42px;
    margin-top:0;
    font-size:18px;
    width:100%;
    display: table;
    
}

.modal.demands {
     width: 598px;
     margin-left: -299px;
    max-height: 600px;
}
.modal.demands  .modal-header{
     background:#FFF;
     height:37px;

}
.modal.demands  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}

.modal.demands .modal-body {
    padding:5px 42px 5px 42px;
    margin-top:0;
    font-size:14px;
    width:100%;
    display: table;
    
}


.modal.demansmessage {
     width: 848px;
     margin-left: -424px;
}
.modal.demansmessage  .modal-header{
     background:#FFF;
     height:auto;

}
.modal.demansmessage  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.demansmessage .modal-title {
    color: #7fbf35;
    font-size:24px;
    margin:0 0 5px 0;
    font-family: 'Ubuntu-Regular';
    text-align:left
}
.modal.demansmessage .modal-description {
  
    font-size:16px;
    margin:0px 0 30px 0;
    line-height:22px

}
.modal.demansmessage .modal-body {
    padding:0px 45px 5px 45px;
    margin-top:0;
    font-size:14px;
    width:100%;
    display: table;
    
}


.modal.products {
     width: 800px;
     margin-left: -400px;
}
    .modal.products .modal-header {
        background: #FFF;
        height: auto;
        font-size: 16px;
        color: #1a1a1;
        padding: 25px 45px 10px 45px;
        text-align: center;
        line-height: 22px;
        box-shadow:0 0 7px rgba(26,24,24,0.2);
        position: relative;
        z-index: 1;
    }



.modal.products  button.close{
    background: #ffad00;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.modal.products .modal-title {
    color: #7fbf35;
    font-size:24px;
    margin:0 0 5px 0;
    font-family: 'Ubuntu-Regular';
    text-align:left
}
.modal.products .modal-description {
  
    font-size:16px;
    margin:0px 0 30px 0;
    line-height:22px

}
.modal.products .modal-body{
    padding:0px 45px 5px 45px;
    margin-top:0;
    font-size:14px;
    width:100%;
    display: table;
    
}

.ui-helper-hidden-accessible {
    display: none;
}


.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
    z-index: -1;
}

.modal.fade.in {
	top: 29%;
	z-index: 9999;width:36%
}

.modal-header {
    height: 80px;
    width: 100%;
    color: white;
    color: #000;
    font-family: 'Montserrat-SemiBold';
    background:#fff;
    border-radius:18px 18px 0 0

}

.modal-header .close {
	position: relative;
}

.modal-header .modal_title {
	margin: 0;
	line-height: 30px;
	color: #c3276f;
}

.modal-body {
   position: relative;
   width: 79.3%;
   margin:0 auto 0 auto;
}
#divDetail {
   overflow-y: auto;
}
.modal-icon
{
	background:url(../images/sifresifirla.svg) no-repeat;
	width:86px;
	height:81px;
	margin:-40px auto 0 auto;
}
.modal-title {
    color: #1a1a18;
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    margin: 22px 0 17px 0;
    width: 100%;
    text-align: center;
}
.modal-form {
    margin-bottom: 0;
}


.modal-footer {
    padding: 8px;
    margin-bottom: 0;
    *zoom: 1;
}

.modal-footer.error {
	color: #d33801;
	text-align: center;
    font-family: 'Prompt-Regular';
}

.modal-footer:before,
.modal-footer:after {
	display: table;
	line-height: 0;
	content: "";
}

.modal-footer:after {
	clear: both;
}

.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}





@media only screen and (max-width:359px){ .modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:360px) and (max-width:369px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}} 
@media only screen and (min-width:370px) and (max-width:399px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:400px) and (max-width:479px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:480px) and (max-width:559px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:560px) and (max-width:639px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}}
@media only screen and (min-width:640px) and (max-width:659px){.modal{width: 92%;left: 4%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:80%; margin-left:35px}}
@media only screen and (min-width:660px) and (max-width:699px){.modal{width: 92%;left: 4%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-8px;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:80%; margin-left:35px}}
@media only screen and (min-width:700px) and (max-width:759px){.modal{width: 92%;margin-left: 0; left:4%; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-8px;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{  margin-left:70px}.modal.small{ margin-left:15%}}
@media only screen and (min-width:760px) and (max-width:810px){.modal{max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-47%}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: -47%;}.modal.demands{width:94%; margin-left:-47%; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.demansmessage{ width:94%; margin-left:-47%}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{  margin-left:-34%}.modal.small{ margin-left:-29%}}
@media only screen and (min-width:811px) and (max-width:999px){.modal{max-height: 685px; position:absolute;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-47%}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.demands{ max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.demansmessage{ width:94%; margin-left:-47%}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{  margin-left:-34%}.modal.small{ margin-left:-29%}}
@media only screen and (min-width:1000px) and (max-width:1024px){} 

@media only screen and (min-width: 1025px) and (max-width:1278px)  {}
@media only screen and (min-width: 1279px) and (max-width:1366px) {}