/* ---------------------------------------------------------------------- */
/* 1. Reset & Clearfix */
/* ---------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}
html {overflow-x:hidden;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;}
body {margin:0;height:100%;}
ul {margin:0;padding:0;list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden], template {display:none;}
a {background-color:transparent;text-decoration:none;color:#e21839;}
a:active, a:hover {outline:0;color:#e21839;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:700;}
button {border:none;}
textarea:focus, input:focus, button:focus, a:focus, img {
    outline: none;
}
dfn {font-style: italic;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:400;}
mark {background:#ff0;color:#000;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.8em;font-size:12px;}
sub {bottom:-0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
hr {box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
textarea:focus, input:focus {outline: none;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}
p {margin: 0; padding: 0;}
/* ---------------------------------------------------------------------- */
/*  2. Basic Elements & Classes */
/* ---------------------------------------------------------------------- */
body {font-size: 14px;font-family: 'Roboto', sans-serif;font-weight:400;background:#fff; line-height: 1.4; -ms-overflow-style: scrollbar;}
body * { -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01); }
h1, h2, h3, h4, h5 {color: #000; padding-bottom: 10px;font-family: 'Roboto', sans-serif;}
h2 {font-size:28px;line-height:33px;font-weight:700;}
::-webkit-input-placeholder {color:#a4b0a4;}
::-moz-placeholder {color:#a4b0a4;}
:-moz-placeholder {color:#a4b0a4;}
:-ms-input-placeholder {color:#a4b0a4;}
/**/
*,*:after,*:before {-webkit-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: '';display: table;}
.clearfix:after {clear: both;}
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-justify { text-align:justify !important;}
.align-right{ text-align:right !important; }
.left{float:left !important;}
.right{float:right !important;}
.absolute{position:absolute;}
.relative{position:relative;}
.absolute-area {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.hidden{display:none !important;}
.block {display:block;}
.inline-block{display:inline-block;}
.fix {overflow: hidden;}
.uppercase {text-transform:uppercase;}
.notransform {text-transform:none;}
.mcenter {margin:0 auto;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500 !important;}
.fw700 {font-weight:700 !important;}
.fw900 {font-weight:900 !important;}
.container{position: relative;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
@media (min-width:768px){.container{width:750px;}}
@media (min-width:992px){.container{width:970px;}}
@media (min-width:1200px){.container{width:1170px;}}
.clear {clear:both;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt40 {padding-top:40px;}
.pl10 {padding-left: 10px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.mb40 {margin-bottom:40px;}
.vatop {vertical-align:top;}
.float-left {float: left;}
.cursor-pointer {
    cursor: pointer;
}
.no-cursor {
    cursor: default;
}
.mt20 {
    margin-top: 20px;
}
.light-grey {
    color: rgba(0, 0, 0, 0.5);
}
.word-break {
    word-break: break-word;
}
.display-table {
    display: table;
}
/**/
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;src: local('Roboto Light'), local('Roboto-Light'), url(/fonts/r300c.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;src: local('Roboto Light'), local('Roboto-Light'), url(/fonts/r300l.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(/fonts/r400c.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(/fonts/r400l.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'), url(/fonts/r500c.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'), url(/fonts/r500l.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/r700c.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/r700l.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;src: local('Roboto Black'), local('Roboto-Black'), url(/fonts/r900c.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;src: local('Roboto Black'), local('Roboto-Black'), url(/fonts/r900l.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;}

/**/
#main {
    overflow-x:hidden;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
/* Header */
@media (max-width:767px){
    #header .abtn {display:none !important;}
    .inbtn {line-height:72px;margin-right:0 !important;}
}
@media (max-width:379px){
    .h_bl {width:35%;}
    .inbtn span {display:none;}
    .inbtn img {display:inline-block !important;}
}
@media only screen and (min-width:380px) and (max-width:459px){
    .h_bl {width:47%;}
}
@media only screen and (min-width:460px) and (max-width:599px){
    .h_bl {width:57%;}
}
@media only screen and (min-width:600px) and (max-width:767px){
    .h_bl {width:67%;}
}
@media (min-width:768px){
    .h_bl {width:70%;}
}
@media (min-width:992px){
    .h_bl {width:80%;}
}



@media (max-width:991px){
    #header {
        text-align:left;
    }
    .logo {
        padding-left:5px !important;
    }
}
#header {
    background:#fff;
    width:100%;
    min-height:72px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    z-index:99;
}
.logo {
    padding:13px 0 19px;
}
/*menu*/
@media (max-width:767px){

}
@media (min-width:768px){

}
@media (max-width:991px){
    .mainmenu {
        overflow: hidden;
        background: #fff;
    }
    #mainmenu {
        display: none;
        position: fixed;
        top: 0;
        right: -200px;
        height: 100%;
        z-index: 999999;
        width: 280px;
        background-color: #fff;
        z-index:9999;
        overflow-y: auto;
        overflow-x: hidden;
        padding:33px;
    }
    .pageslideBg {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        z-index: 9998;
        overflow: hidden;
    }
    .toggle-button {
        display:block;
    }
    .mainmenu li a, .mainmenu li span {
        display:block;
        color:rgba(0, 0, 0, 0.87);
        font-size:16px;
        line-height: 50px;
        border-bottom:2px solid #fff;
        padding-left:35px;
    }
    .mainmenu li span {
        display:block;
        color: rgba(0, 0, 0, 0.5);
        font-size:16px;
        line-height: 50px;
        border-bottom:2px solid #fff;
        padding-left:35px;
    }
    .mainmenu li {
        position:relative;
    }
    .nav {padding:33px !important;}
    .prof_menu li:nth-child(1) img {
        top:11px !important;
    }
    .prof_menu li:nth-child(2) img {
        top:14px !important;
    }
    .prof_menu li:nth-child(3) img {
        top:3px;
    }
    .mainmenu li:nth-child(5) img {
        height:18px;
    }

    .prof_menu li img {
        height:auto !important;
    }
    .mainmenu li img {
        display:inline-block;
        position:absolute;
        left:0;
        height:22px;
        top:13px;
    }
    .profile a span {
        position:absolute;
        left:-4px;
    }
    .profile {
        border-top:1px solid #BDBDBD;
        padding-top:15px;
        margin-top:15px;
    }
    .profile img {height:28px !important;top:9px !important;}
}
@media (min-width:992px){
    .mainmenu {
        padding-left:33px;
    }
    .mainmenu li {
        display:inline-block;
        position:relative;
    }
    .mainmenu li img {display:none;}
    .mainmenu li a {
        display:block;
        color:rgba(0, 0, 0, 0.87);
        line-height: 70px;
        border-bottom:2px solid #fff;
    }
    .mainmenu li a[class="menu-current-page"] {
        display:block;
        color:rgba(0, 0, 0, 0.87);
        line-height: 70px;
        border-bottom:2px solid #e21839;
    }
    .mainmenu li a:hover {
        color:#e21839;
        border-bottom:2px solid #e21839;
    }
    .mainmenu li.profile a:hover {
        color:rgba(0, 0, 0, 0.87);
        border-bottom:2px solid #fff;
        font-weight:400;
    }
    .profile {
        min-width:192px;
        text-align:center;
        padding:0 !important;
    }
    .profile a {
        padding:0 15px !important;
    }
    .prof_menu {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 192px;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
        padding:10px;
        border-radius:2px;
        text-align:left;
        z-index: 1;
    }
    .profile:hover .prof_menu, .profile:hover a span:after, .profile:hover a span:before {
        display: block;
    }
    .prof_menu li {
        position:relative;
        font-size:16px;
        display: block;
        line-height:24px !important;
        padding: 5px 0 5px 30px !important;
    }
    .prof_menu li a {
        display:inline-block !important;
        font-size:16px;
        line-height:24px !important;
        padding:0 !important;
    }
    .prof_menu li:nth-child(1) img {
        top:4px;
    }
    .prof_menu li:nth-child(2) img {
        top:8px;
    }
    .prof_menu li:nth-child(3) img {
        top:3px;
    }
    .prof_menu li img {
        display:inline-block;
        position:absolute;
        left:0;
    }
    .profile a span:before{
        content: '';
        display: none;
        border-color: transparent transparent rgba(0,0,0,0.05) transparent;
        border-style: solid;
        border-width: 20px;
        position: absolute;
        top:31px;
        left: -30px;
        margin-left: -10px;
    }
    .profile a span:after{
        content: '';
        display: none;
        border-color: transparent transparent rgb(255,255,255) transparent;
        border-style: solid;
        border-width: 20px;
        position: absolute;
        top:32px;
        left: -30px;
        margin-left: -10px;
        z-index:2;
    }
    @-moz-document regexp(".+accemedin.+") {
        .profile a span:before{
            content: '';
            display: none;
            border-color: transparent transparent rgba(0,0,0,0.05) transparent;
            border-style: solid;
            border-width: 20px;
            position: absolute;
            top:10px;
            left: 20px;
            margin-left: -10px;
        }
        .profile a span:after{
            content: '';
            display: none;
            border-color: transparent transparent rgb(255,255,255) transparent;
            border-style: solid;
            border-width: 20px;
            position: absolute;
            top:11px;
            left: 20px;
            margin-left: -10px;
            z-index:2;
        }
    }
    .prof_menu li a:before {
        content:"";
    }
    .profile a span {
        position:relative;
    }
    .profile span img {
        display:inline-block;
    }
    .mainmenu li {
        padding:0 10px;
    }
    .toggle-button {
        display:none;
    }
}
@media(min-width:1200px){
    .mainmenu li {
        padding:0 33px;
    }
}
.photo {
    margin-right:10px;
    width:28px;
    height:28px;
    border-radius:50%;
    vertical-align: middle;
}
.toggle-button {
    position: absolute;
    width:40px;
    height:27px;
    top:22px;
    right:20px;
    padding: 4px;
}
.toggle-button:hover {
    cursor: pointer;
}
.toggle-button .menu-bar {
    position: absolute;
    border-radius: 2px;
    width: 70%;
}
.toggle-button .menu-bar-top {
    border: 2px solid #828282;
    border-bottom: none;
    top:5px;
}
.toggle-button .menu-bar-middle {
    height: 2px;
    background-color: #828282;
    margin-top:4px;
    margin-bottom:4px;
    top:8px;
}
.toggle-button .menu-bar-bottom {
    border: 2px solid #828282;
    border-top: none;
    top:19px;
}
.ssm-overlay.ssm-nav-visible {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    display: none;
    z-index: 100;
}



/** MENU AND HEADER ABOVE */
.rline {
    height:28px;
    width:100%;
    background:#e21839;
    text-align:center;
    color:#fff;
    font-size:14px;
    line-height:28px;
}
.logo {padding:16px 0;}
.h_bl {vertical-align:top;}
#header .abtn {
    margin-top:16px;
    border:1px solid #e21839;
}
@media (min-width:768px){
.ibg {
    left:0;
    right:0;
    top: 0;
    bottom: 0%;
    background: -moz-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);
    background: -webkit-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);
    background: -o-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);
    background: -ms-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);
    background: linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);
}
}
.inbtn {
    color:#000;
    margin-right:25px;
}
.inbtn img {
    width:40px;
    margin-top:16px;
    display:none;
}

/* Footer */
@media (max-width:767px){
#footer {display:none !important;}
}
@media (min-width:768px){
#footer {line-height:20px;}
.fsweat {margin-left:22%;}
.femail {margin-left:11%;}
.ffacebook {margin-left:20%;}
.fcopyright {margin-left:10%;}
.fpolicy {margin-left:10%;}
}
@media (min-width:992px){
#footer {line-height:24px;}
.fsweat {margin-left:24%;}
.femail {margin-left:15%;}
.ffacebook {margin-left:17%;}
.fcopyright {margin-left:25%;}
.fpolicy {margin-left:24%;}
}
@media (min-width:1200px){
.fsweat, .femail, .ffacebook, .fcopyright, .fpolicy {margin-left:4%;}
}
#footer {
    background:#fff;
    /*height:52px;*/
    color:#828282;
    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1);
    font-size:12px;
    padding:15px 0;
}
#footer a {color:#828282;}
#footer a:hover {color:#e21839;}
.flogo img {width:87px;}
/**/
.validation-label{color:red;text-align:left!important;font-size:13px!important}
