#popup{position: relative;}

#popup .asterisk{

	color: #FF3737;

    font-size: 13px;

    font-weight: bold;

}

#popup .api-file-ext{font-size: 11px; color: #6A6A6A}

#popup .api-submit{padding: 15px 5px; position: relative}



#popup input[type="text"], #popup textarea, #popup select{

    border: 1px solid #CCCCCC ;

    vertical-align: middle;

    background: #FAFAFA;

    -webkit-box-shadow: 0 1px 3px 0 rgba(200, 200, 200, 0.35) inset;

    -moz-box-shadow:    0 1px 3px 0 rgba(200, 200, 200, 0.35) inset;

    box-shadow:         0 1px 3px 0 rgba(200, 200, 200, 0.35) inset;

    max-width: 400px;

}

#popup input[type="text"]{ height: 24px; padding: 0 7px; line-height: 24px}

#popup input[type="text"]:focus, #popup textarea:focus, #popup select:focus{

    border: 1px solid;

    border-color: #A3A3A3 #B4B4B4 #C2C2C2;

}





/* ========================================================================

   Component:  JS Error Module

 ========================================================================== */

#popup [class*="ts-field-"]{

    display: inline-block;

    margin-left: 6px;

    width: 14px;

    height: 12px;

    background-image: url("images/note.png");

    background-repeat: no-repeat;

}

#popup .ts-field-error{background-position: 0 0;}

#popup .ts-field-saccess{background-position: 0 -14px;}





/* ========================================================================

   Component: Captcha

 ========================================================================== */

#popup .mf-captcha{padding: 5px;}

#popup .mf-captcha-wrap{display: inline-block;}

#popup .mf-captcha .mf-text{margin:0 0 3px;font-size: 13px;}

#popup .mf-captcha img{margin: 0 0 10px;}

#popup .mf-captcha input[type="text"]{width: 168px;text-transform: uppercase;}







/* ========================================================================

   Component: Alert

 ========================================================================== */

.ts-alert{

    background: none repeat scroll 0 0 #EBF7FD;

    border: 1px solid rgba(45, 112, 145, 0.3);

    border-radius: 4px;

    color: #2D7091;

    padding: 10px;

    text-shadow: 0 1px 0 #FFFFFF;

    margin: 15px 0;

    display: block;

    font-size: 14px;

    line-height: 21px;

}

.ts-alert p{margin: 0 !important; padding: 0 !important;}

.ts-alert-success {

    background: none repeat scroll 0 0 #F2FAE3;

    border-color: rgba(101, 159, 19, 0.3);

    color: #659F13;

}

.ts-alert-warning {

    background: none repeat scroll 0 0 #FFFCEB;

    border-color: rgba(226, 131, 39, 0.3);

    color: #E28327;

}

.ts-alert-danger {

    background: none repeat scroll 0 0 #FFF1F0;

    border-color: rgba(216, 80, 48, 0.3);

    color: #D85030;

}





/* ========================================================================

   Component: File inputs

 ========================================================================== */

#popup .api-file-wrap{position: relative;float: left;}

#popup .api-file-wrap input[type="file"]{visibility: hidden;}

#popup .api-file-name{color: #000000;font-size: 14px;}

#popup .api-file-string{overflow: hidden;margin: 0 0 5px;}


#popup .api-btn-small{height: 18px;font: normal 13px/18px Arial,sans-serif;}

#popup .api-form-row{overflow: hidden;}



/* v1.2.9 */

#popup .option-qroup{display: inline-block;vertical-align: middle;}

#popup .date-group input[type="text"]{margin-bottom: 5px;}



/* v1.3.4 */

#popup .hidden_protection {

    background: transparent !important;

    border: 0 none !important;

    box-shadow: none !important;

    color: transparent !important;

    position: absolute !important;

    right: 0 !important;

    top: 0 !important;

}

#popup h2 {
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    }
    #popup .button {
        background-color: #2b91af;
        border-radius: 10px;
        box-shadow: 0 2px 3px rgba(0,0,0,0.3);
        color: #fff;
        cursor: pointer;
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none
    }
    
    #popup .button.small {
        border-radius: 15px;
        float: right;
        margin: 22px 5px 0;
        padding: 6px 15px
    }
    
    #popup .button:hover {
        background-color: #1e1e1e
    }
    
    #popup .button>span {
        font-size: 84%
    }
    
    #popup .button.b-close,.button.bClose {
        border-radius: 7px 7px 7px 7px;
        box-shadow: none;
        font: bold 131% sans-serif;
        padding: 0 6px 2px;
        position: absolute;
        right: -7px;
        top: -7px
    }
    
    #popup .example {
        display: block;
        line-height: 1.25;
        padding: 30px 110px 15px 0
    }
    
    
    #popup,#popup2,#popup .bMulti {
        background-color: #fff;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 0 25px 5px #999;
        color: #111;
        display: none;
        min-width: 450px;
        padding: 25px
    }
    
    #popup .logo {
        color: #2b91af;
        font: bold 325% 'Petrona',sans
    }
    
    #popup,.bMulti {
        min-height: 250px
    }
    
    
    
    #popup .bMulti p {
        font: 500% 'Petrona',sans-serif;
        padding: 45px 0 0;
        text-align: center
    }
    
    #popup .bMulti a {
        left: 175px;
        position: absolute;
        top: 175px
    }
    
    #popup .lt-ie9 .bModal {
        background-color: #000
    }
    
    #popup { display:none; }
    #popup .api-submit input[type="submit"], button, .button_p{
        padding: 5px 10px 5px 10px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        text-decoration: none;
        background: #e66200;
        color: #ffffff;
        border:none;
		}
		
    #search-submit-button {padding: 0;}
        
    #visual .phonehead {
        position: absolute;
        bottom: 13px;
        font: 18px Arial;
        color: #fff;
        right: 50px;
    }
    
    #visual-inner .phonehead {
        position: absolute;
        bottom: 9px;
        font: 18px Arial;
        color: #fff;
        right: 50px;
    }
    .group {display:none}

#sendLayer{left: 0;top: 0;position: absolute;display: none;z-index: 403;margin:0px 0px 0px 0px;}
#sendLayer, #sendLayer table{width:100%;}
#questionLayer{width: 406px;left: 0;top: 0;position: absolute;display: none;z-index:402;margin:0;}
#layerShadow{position: absolute;left: 0;top: 0;display: none;z-index: 400;}
	
#questionLayer TABLE.tbl{border: 1px solid #d6d8d9;background-color: #FFFFFF;}
#sendLayer TABLE.tbl{border: 1px solid #d6d8d9;background-color: #FFFFFF;}
TD.commonTitleQuestion	{text-align:center;}
TD.shadow{background-color: #C2C2C2;}
TD.commonTitleImages	{padding: 15px 20px 5px 0px;}
.bgLightBlue{background-color: #D1D1D1;}
DIV.titleInQuestion{text-align: center;font-weight: bold;padding: 4px 0 4px 0;background-color: #F4F4F4;}
TD.question{font-size: 13px;padding: 5px 0 5px 20px;}
TD.answerOnQuestion{border-left: 1px solid #E7E7E7;	padding: 6px 20px 0px 8px;}
TD.answerOnQuestion INPUT{width: 240px;height: 20px;border: 1px solid #A8A8A8;}
TD.yourQuestion{padding:16px 20px 5px 20px;}
TD.yourQuestion TEXTAREA{width: 351px;height: 129px;border: 1px solid #A8A8A8;margin:0px}
INPUT.text	{width:238px;}
TD.SendImages	{padding: 0px 20px 0px 20px;}
TD.QuitImages	{padding: 0px 20px 25px 20px;}
TD.QuitImages a {color:#5d6061 !important;}

 .hint {
    position: relative;
    cursor: pointer;
}

.hint .fa {
    margin-left: 7px;
}

 .hint .fa:before {
    font-size: 14px;
    content: "\f1db";
}
 .hint .fa:after {
    position: relative;
    top: -2px;
    right: 7px;
    font-size: 8px;
    content: "\f129";
}

 .hint .text {
    position: absolute;
    top: 25px;
	left:50%;
    margin-left: -270px;
    display: none;
    min-width: 540px;
    vertical-align: middle;
    line-height: 18px;
	border: 1px solid #C8C8C8;	background-color: #FFFFFF;	box-shadow: -4px 8px 15px 0 rgba(0,1,1,0.13);
    z-index: 10;
	border-radius:3px;
   color: #333333;	font-family: "PT Sans";	font-size: 14px;	line-height: 28px;
   text-align:left;
}

.hint:hover .text {display:block}
@media (max-width: 767px) {
	#popup.oformit-zakaz{
		position:fixed !important;
		top:50% !important;
		transform: translateY(-50%);
	}
}
@media (max-width: 600px) {
	#popup,#popup2,#popup .bMulti {
		min-width:250px;
		padding:10px;
		max-width:270px;
	}
}

#continue.btn.btn-primary, .order-bottom .btn.btn-primary.submit  {
	cursor: pointer;
	padding: 5px 10px 5px 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    background: #e66200;
    color: #ffffff;
    border: none;
	text-transform: uppercase;

}

#popup .button.b-close {background: #e66200;}
.order-bottom  .b-close.btn {color: #000; padding: 0; background: none; text-transform: none; padding:0 10px;}



#first_step #order_list .content_TABLE thead tr:first-child {background-color: #e66200 !important;}
#first_step #order_list .content_TABLE td {padding: 7px 5px;}

#ordergorm #second_step input[type="text"], #ordergorm #second_step textarea {max-width: 100%;}

#sendLayer, #sendLayer table{
	width:auto;
	border-radius: 10px;
	}

    
	#sendLayer .button.b-close {
		background: #e66200;
	}

    #sendLayer .button>span {
        font-size: 84%
    }
    
    #sendLayer .button.b-close,.button.bClose {
        border-radius: 7px 7px 7px 7px;
        box-shadow: none;
        font: bold 131% sans-serif;
        padding: 0 6px 2px;
        position: absolute;
        right: -7px;
        top: -7px
    }
	
	#sendLayer .commonTitleQuestion{
		padding: 20px;
	}