#sbar, .sbtn span, .sbox input, .sbox button span, .stips a, #srpop, .srpop-cl2, .srpop-cl2 + *
{transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms;}

form.sbox {background-color: transparent; display: inline-block; width: 100%; max-width: 100%; position: relative; vertical-align: top;}
.sbox input {font-size: 30px; line-height: 60px; color: #fff; border: 0px; border-bottom: 5px solid #fff; background-color: transparent; display: inline-block; width: 100%; padding: 0px 5px; padding-right: 50px; height: 60px; float: left; background: none; text-align: left; text-transform: initial; font-weight: 400; z-index: 10; position: relative}
.sbox input:focus, .sbox input:hover {border-bottom-color: #ef2127}

.sbox ::-webkit-input-placeholder {color: #fff; text-align: left;}
.sbox :-moz-placeholder {color: #fff; text-align: left;}
.sbox ::-moz-placeholder {color: #fff; text-align: left;}
.sbox :-ms-input-placeholder {color: #fff; text-align: left;}

.sbox input:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.8) !important;}
.sbox input:focus:-moz-placeholder {color:rgba(255,255,255,0.8) !important;}
.sbox input:focus::-moz-placeholder {color:rgba(255,255,255,0.8) !important;}
.sbox input:focus:-ms-input-placeholder {color:rgba(255,255,255,0.8) !important;}

.sbox button {position: absolute; top: 0px; right: 0px; bottom: 0px; width: 50px; border: 0px; cursor: pointer; z-index: 100; padding: 0px !important; outline: 0px; background-color: transparent;}
.sbox button span {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-image: url(../../../img/s.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.sbox button:hover span {transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6);}
/*.sbox button:before {content: ''; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 1px; background-color: rgba(59, 66, 75,0.15);}*/



.stips {background-color: #fff; border: 1px solid #ef2127; position: absolute; top: 100%; left: 0px; max-height: 250px; overflow-y: auto; display: none; text-align: left; border-top-width: 0px; z-index: 0; padding: 0px;}
.sbox input:focus + .stips.active, .sbox input:hover + .stips.active, .stips.active:hover {display: inline-block;}
/*body.sc2 .stips {display: none !important}*/

.stips a {font-size: 14px; line-height: 20px; color: #757c85; display: inline-block; width: 100%; text-align: left; padding: 5px; font-weight: 500; border-top: 1px solid rgba(0,0,0,0.05)}
.stip:first-child a {border-top: 0px;}
.stips a:hover {background-color: rgba(0,0,0,0.05)}
.stips .stip.active a {background-color: #ef2127; color: #fff;}

.sbtn {display: inline-block !important; width: 40px; height: 40px; cursor: pointer; padding: 0px; border: 0px; outline: 0px; background-color: transparent; position: relative; vertical-align: top;}
.sbtn:hover {opacity: 0.5}
/*.sbtn.active {background-color: #ef2127}*/
.sbtn span {font-size: 30px; line-height: 40px; color: #fff; display: inline-block; width: 100%; height: 100%; float: left; position: absolute; left: 0px; top: 0px; text-align: center; font-weight: 600}
.sbtn span:first-child {background-image: url(../../../img/s.svg); background-repeat: no-repeat; background-position: center; background-size: 26px auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.sbtn.active span:first-child {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.sbtn span:last-child {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.sbtn.active span:last-child {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}

body.sactive {overflow: hidden !important}
#srpop {background-color: rgba(18, 39, 61, 0.95); position: fixed; z-index: 99999; top: 0px; left: 0px; right: 0px; bottom: 0px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); opacity: 0}
body.sactive #srpop {transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); opacity: 1}
#srpopc {position: relative; z-index: 10; width: 600px; max-width: 100%;}
#srpopcc {padding-left: 60px; padding-right: 10px;}
.srpop-cl {position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background-color: transparent; padding: 0px; border: 0px; z-index: 0; cursor: pointer; width: 100%;}
.srpop-cl2 {font-size: 40px; color: #fff; background-color: #ef2127; position: absolute; left: 10px; top: 0px; width: 50px; height: 100%; border: 0px; padding: 0px;}
.srpop-cl2:hover, .srpop-cl2:hover + * {opacity: 0.5}