.right-fixed-button {
	position: fixed;
    width: 60px;
    height: 180px;
    top: 50%;
    right: -16px;
    padding: 0;
    margin: -90px 0 0;
    background-color: #ff9207;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    -webkit-transition: margin-right .4s,right .2s;
    transition: margin-right .4s,right .2s;
    color: #313140;
    z-index: 10;
}
.right-fixed-button:hover {
	right:-6px;
}
.rfb-text-wrapp {
	box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding-left: 5px;
    display: inline-block;
    width: 164px;
    white-space: nowrap;
    line-height: 44px;
    font-size: 18px;
    font-family: Panton;
    color: #fff;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 22px 22px 0;
    transform-origin: 22px 22px 0;
}
.rotate-arrow img {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	width:12px;
}


#wof-1, #wof-2, #wof-3 {
	display:none;
}
#wof-3 .of-ulwrapp {
}
.wrapp-office-fields {
	position: fixed;
    z-index: 3;
    right: 44px;
    top: 50%;
    width: 250px;
    height: 380px;
    margin-top: -197px;
    cursor: default;
    box-shadow: 0 10px 20px rgba(5,112,169,.6);
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}
.office-fields-header {
	background-color:#d4effd;
	padding:12px 15px;
	font-weight: bold;
}
.of-header-text {
	font-size:18px;
	line-height:18px;
	padding:0 6px;
	vertical-align: middle;
}
.of-header-back {
	color:#0287cc;
	vertical-align: middle;
	cursor:pointer;
}
.of-header-back:hover {
	color:#39bceb;
}
.of-header-closebtn {
	font-size:20px;
	float:right;
	vertical-align: middle;
	cursor:pointer;
}
.of-header-closebtn:after {
	clear:both;
	float:none;
	content:'';
}
.of-ulwrapp {
	height: 295px;
    position: relative;
    width: 100%;
    background-color: #fff;
    overflow-y: scroll;
}
#wof-2 .of-ulwrapp, #wof-3 .of-ulwrapp {
	height: 100%;
	overflow-y: auto;
}
.office-fields {
	padding: 0 0 20px;
	margin:0;
}
#wof-3 .office-fields {
	margin-top:80px;
}
.office-fields li, [class^="office-item-"] {
	list-style-type:none;
	position:relative;
	padding: 10px 8px 10px 14px;
	cursor:pointer;
	font-size:11px;
	line-height:15px;
}
#wof-2 .office-fields li, #wof-2 [class^="office-item-"] {
	cursor:default;
}
.office-fields li:before, .office-fields li:after {
	content: "";
    position: absolute;
    display: block;
    height: 1px;
    left: 14px;
    right: 10px;
    bottom: 0;
    opacity: .5;
    background-color: #ccc;
}
 #wof-1 .office-fields li:hover:before,  #wof-1 .office-fields li:hover:after {
	background-color:#fc0;
}
.office-name {
	color:#0287cc;
	font-weight:bold;
	font-size:14px;
}
.office-email {
	display:none;
}
.office-phone img {
	width:10px;
	height:10px;
}
.office-uground img {
	width:8px;
	height:8px;
}
 #wof-1 .office-fields li:hover .office-name {
	color:#39bceb;
}
.office-uground {
	font-weight:bold;
}

.oi-content {
    display: inline-block;
}

#wof-1 .oi-arrow {
    display: inline-block;
    position: absolute;
    background: 0 0;
    width: 16px;
    top: 0;
    bottom: 0;
    right: 0;
}
#wof-1 .oi-arrow img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -4px;
    fill: #313149;
    opacity: .7;
	width:10px;
 }
 #wof-1 .office-fields li:hover .oi-arrow {
 	background-color:#fc0;
 }
 #wof-1 .office-fields-header img {
 	width:22px;
	vertical-align:middle;
 }
 #wof-2 .oi-arrow {
 	display:none;
 }
 #wof-2 .office-fields-header {
	 cursor:pointer;
 }
 #wof-2 .office-fields-header img, #wof-3 .office-fields-header img {
	 width:10px;
	 opacity:1;
 }
 .header-form-text {
	 font-size:16px;
	 font-weight:bold;
	 color:#313140;
	 text-transform:uppercase;
	 margin-bottom:10px;
	 margin-top:-5px;
 }
 .office-item-form input {
	width:90%;
 	height: 30px;
    line-height: 30px;
	padding:0 7px;
	margin-bottom:7px;
 }
 .office-item-form textarea {
	width:90%;
	padding:0 7px;
	margin-bottom:7px;	 
 }
 .call-me-bottom {
	position: absolute;
    bottom: 0px;
    left: 0;
	right:0;
	width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fc0;
    border-radius: 0 0 5px 5px;
    color: #222230;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    border: none;
 }
.send-email-bottom {
	position: absolute;
    bottom: 40px;
    left: 0;
	right:0;
	width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fc0;
    border-radius: 0 0 5px 5px;
    color: #222230;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    border: none;
}
.form-callback.on-acntive {
	font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 100px 10px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjOTFEQzVBIi8+Cjwvc3ZnPgo=);
	background-repeat:no-repeat;
	background-position:50% 0;
}

.sending-form {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0%;
	right:0;
	z-index:10;
	background-color:rgba(255,255,255,0.5);
}
.sending-form span {
	position:absolute;
	width:64px;
	height:64px;
	top:35%;
	left:35%;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQ1Ni44MTcgNDU2LjgxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDU2LjgxNyA0NTYuODE3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwOS42NDEsMzI0LjMzMmMtMTEuNDIzLDAtMjEuMTMsMy45OTctMjkuMTI1LDExLjk5MWMtNy45OTIsOC4wMDEtMTEuOTkxLDE3LjcwNi0xMS45OTEsMjkuMTI5ICAgIGMwLDExLjQyNCwzLjk5NiwyMS4xMjksMTEuOTkxLDI5LjEzYzcuOTk4LDcuOTk0LDE3LjcwNSwxMS45OTEsMjkuMTI1LDExLjk5MWMxMS4yMzEsMCwyMC44ODktMy45OTcsMjguOTgtMTEuOTkxICAgIGM4LjA4OC03Ljk5MSwxMi4xMzItMTcuNzA2LDEyLjEzMi0yOS4xM2MwLTExLjQyMy00LjA0My0yMS4xMjEtMTIuMTMyLTI5LjEyOUMxMzAuNTI5LDMyOC4zMzYsMTIwLjg3MiwzMjQuMzMyLDEwOS42NDEsMzI0LjMzMnoiIGZpbGw9IiM5MURDNUEiLz4KCQk8cGF0aCBkPSJNMTAwLjUwNSwyMzcuNTQyYzAtMTIuNTYyLTQuNDcxLTIzLjMxMy0xMy40MTgtMzIuMjY3Yy04Ljk0Ni04Ljk0Ni0xOS43MDItMTMuNDE4LTMyLjI2NC0xMy40MTggICAgYy0xMi41NjMsMC0yMy4zMTcsNC40NzMtMzIuMjY0LDEzLjQxOGMtOC45NDUsOC45NDctMTMuNDE3LDE5LjcwMS0xMy40MTcsMzIuMjY3YzAsMTIuNTYsNC40NzEsMjMuMzA5LDEzLjQxNywzMi4yNTggICAgYzguOTQ3LDguOTQ5LDE5LjcwMSwxMy40MjIsMzIuMjY0LDEzLjQyMmMxMi41NjIsMCwyMy4zMTgtNC40NzMsMzIuMjY0LTEzLjQyMkM5Ni4wMzQsMjYwLjg1NywxMDAuNTA1LDI1MC4xMDIsMTAwLjUwNSwyMzcuNTQyeiIgZmlsbD0iIzkxREM1QSIvPgoJCTxwYXRoIGQ9Ik0zNjUuNDU0LDEzMi40OGM2LjI3NiwwLDExLjY2Mi0yLjI0LDE2LjEyOS02LjcxMWM0LjQ3My00LjQ3NSw2LjcxNC05Ljg1NCw2LjcxNC0xNi4xMzQgICAgYzAtNi4yODMtMi4yNDEtMTEuNjU4LTYuNzE0LTE2LjEzYy00LjQ3LTQuNDc1LTkuODUzLTYuNzExLTE2LjEyOS02LjcxMWMtNi4yODMsMC0xMS42NjMsMi4yNC0xNi4xMzYsNi43MTEgICAgYy00LjQ3LDQuNDczLTYuNzA3LDkuODQ3LTYuNzA3LDE2LjEzczIuMjM3LDExLjY1OSw2LjcwNywxNi4xMzRDMzUzLjc5MSwxMzAuMjQ0LDM1OS4xNzEsMTMyLjQ4LDM2NS40NTQsMTMyLjQ4eiIgZmlsbD0iIzkxREM1QSIvPgoJCTxwYXRoIGQ9Ik0xMDkuNjQ0LDU5LjM4OGMtMTMuODk3LDAtMjUuNzQ1LDQuOTAyLTM1LjU0OCwxNC43MDNjLTkuODA0LDkuODAxLTE0LjcwMywyMS42NS0xNC43MDMsMzUuNTQ0ICAgIGMwLDEzLjg5OSw0Ljg5OSwyNS43NDMsMTQuNzAzLDM1LjU0OGM5LjgwNiw5LjgwNCwyMS42NTQsMTQuNzA1LDM1LjU0OCwxNC43MDVzMjUuNzQzLTQuOTA0LDM1LjU0NC0xNC43MDUgICAgYzkuODAxLTkuODA1LDE0LjcwMy0yMS42NTIsMTQuNzAzLTM1LjU0OGMwLTEzLjg5NC00LjkwMi0yNS43NDMtMTQuNzAzLTM1LjU0NEMxMzUuMzg3LDY0LjI5LDEyMy41MzgsNTkuMzg4LDEwOS42NDQsNTkuMzg4eiIgZmlsbD0iIzkxREM1QSIvPgoJCTxwYXRoIGQ9Ik00MzkuNjg0LDIxOC4xMjVjLTUuMzI4LTUuMzMtMTEuNzk5LTcuOTkyLTE5LjQxLTcuOTkyYy03LjYxOCwwLTE0LjA4OSwyLjY2Mi0xOS40MTcsNy45OTIgICAgYy01LjMyNSw1LjMzLTcuOTg3LDExLjgwMy03Ljk4NywxOS40MjFjMCw3LjYxLDIuNjYyLDE0LjA5Miw3Ljk4NywxOS40MWM1LjMzMSw1LjMzMiwxMS43OTksNy45OTQsMTkuNDE3LDcuOTk0ICAgIGM3LjYxMSwwLDE0LjA4Ni0yLjY2MiwxOS40MS03Ljk5NGM1LjMzMi01LjMyNCw3Ljk5MS0xMS44LDcuOTkxLTE5LjQxQzQ0Ny42NzUsMjI5LjkzMiw0NDUuMDIsMjIzLjQ1OCw0MzkuNjg0LDIxOC4xMjV6IiBmaWxsPSIjOTFEQzVBIi8+CgkJPHBhdGggZD0iTTM2NS40NTQsMzMzLjQ3M2MtOC43NjEsMC0xNi4yNzksMy4xMzgtMjIuNTYyLDkuNDIxYy02LjI3Niw2LjI3Ni05LjQxOCwxMy43OTgtOS40MTgsMjIuNTU5ICAgIGMwLDguNzU0LDMuMTQyLDE2LjI3Niw5LjQxOCwyMi41NmM2LjI4Myw2LjI4MiwxMy44MDIsOS40MTcsMjIuNTYyLDkuNDE3YzguNzU0LDAsMTYuMjcyLTMuMTQxLDIyLjU1NS05LjQxNyAgICBjNi4yODMtNi4yODMsOS40MjItMTMuODAyLDkuNDIyLTIyLjU2YzAtOC43NjEtMy4xMzktMTYuMjc1LTkuNDIyLTIyLjU1OUMzODEuNzI3LDMzNi42MSwzNzQuMjA4LDMzMy40NzMsMzY1LjQ1NCwzMzMuNDczeiIgZmlsbD0iIzkxREM1QSIvPgoJCTxwYXRoIGQ9Ik0yMzcuNTQ3LDM4My43MTdjLTEwLjA4OCwwLTE4LjcwMiwzLjU3Ni0yNS44NDQsMTAuNzE1Yy03LjEzNSw3LjEzOS0xMC43MDUsMTUuNzQ4LTEwLjcwNSwyNS44MzcgICAgczMuNTY2LDE4LjY5OSwxMC43MDUsMjUuODM3YzcuMTQyLDcuMTM5LDE1Ljc1MiwxMC43MTIsMjUuODQ0LDEwLjcxMmMxMC4wODksMCwxOC42OTktMy41NzMsMjUuODM4LTEwLjcxMiAgICBjNy4xMzktNy4xMzgsMTAuNzA4LTE1Ljc0OCwxMC43MDgtMjUuODM3cy0zLjU2OS0xOC42OTgtMTAuNzA4LTI1LjgzN1MyNDcuNjM2LDM4My43MTcsMjM3LjU0NywzODMuNzE3eiIgZmlsbD0iIzkxREM1QSIvPgoJCTxwYXRoIGQ9Ik0yMzcuNTQ3LDBjLTE1LjIyNSwwLTI4LjE3NCw1LjMyNy0zOC44MzQsMTUuOTg2Yy0xMC42NTcsMTAuNjYtMTUuOTg2LDIzLjYwNi0xNS45ODYsMzguODMyICAgIGMwLDE1LjIyNyw1LjMyNywyOC4xNjcsMTUuOTg2LDM4LjgyOGMxMC42NiwxMC42NTcsMjMuNjA2LDE1Ljk4NywzOC44MzQsMTUuOTg3YzE1LjIzMiwwLDI4LjE3Mi01LjMyNywzOC44MjgtMTUuOTg3ICAgIGMxMC42NTYtMTAuNjU2LDE1Ljk4NS0yMy42MDEsMTUuOTg1LTM4LjgyOGMwLTE1LjIyNS01LjMyOS0yOC4xNjgtMTUuOTg1LTM4LjgzMkMyNjUuNzE5LDUuMzMsMjUyLjc3OSwwLDIzNy41NDcsMHoiIGZpbGw9IiM5MURDNUEiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-repeat:no-repeat;
	background-position: center;	
	-webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.dnone-force {
	display:none !important;
}

.of-ulwrapp::-webkit-scrollbar{width:8px; background-color: #ffffff;}
.of-ulwrapp::-webkit-scrollbar-track{background-color: #ffffff;}
.of-ulwrapp::-webkit-scrollbar-thumb{background:#dbdbea; border-radius: 6px;}
.of-ulwrapp::-webkit-scrollbar-thumb:window-inactive{background:#fff;}
.of-ulwrapp::-webkit-scrollbar-thumb:vertical{height:5px;}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}