* { margin: 0; padding: 0; }
html,body { height: 100%; font-size: 10px; font-family: montserratregular, sans-serif;  }

body.modal-open {-webkit-transform: none}
body.page-activities{-webkit-transform:none;}

html.t-close, html.t-close body {overflow: auto !important;}
/* remove border around a, checkbox*/
a:link, a:visited,  a:focus{ border: 0 !important; outline: 0 !important;}
input, textarea, select {outline:none !important;}
input:active, textarea:active, .select:active {outline:none !important;}
:focus {outline:none !important;}
textarea {resize:none !important;}
textarea {resize:vertical !important;}
textarea {resize:horizontal !important;}
button:active, button:focus { outline: none !important;} button::-moz-focus-inner { border: 0 !important;}
[selected="true"] { -moz-user-focus: normal !important;}

.position-relative{position: relative;}
.position-absolute{position: absolute;}

body {background: #f2f2f2; color: #8f8f8f;}
.wrapper { display: table; height: 100%; width: 100%;  }
.full-content {  display: table-row;  height: 100%; width: 100%;}
.content-main{width: 100%;float: left;}

.text-center { text-align: center;}

.fon-white{background: #fff;}
.fon-gray{background: #fafafa;}
.fon-gray-light{background: #fbfbfb;}

.fon-wan-gray{background: #f2f2f2;}
.fon-red{background: #cf1c35;}
.fon-dark-grey{background: #3a3a3a;}
.fon-black-grey{background: #202020;}
.fon-grey{background: #31302f;}
.fon-light-grey{background:#202020;}

.form-control::-moz-placeholder {color: #9ea1a2;opacity: 0.9;}
.alert{font-size: 1.5em; font-family: montserratmedium, sans-serif; text-align: center;}

.w-80{width: 80%;}

/* Display - FLEX */
.flex-d{display: flex; }
.flex-column{flex-direction: column;}


/* device show block */
.for-mobile, .for-tablet { display: none;}
.for-desktop.for-tablet{display: block;}

.for-desktop-inline{display:inline;}
.for-tablet-inline,.for-mobile-inline{display:none;}

.for-desktop-flex, .for-desktop-flex.for-tablet-flex{display:flex;}
.for-tablet-flex,.for-mobile-flex{display:none;}

@media (max-width: 1080px){

    .for-tablet{display: block;}
    .for-desktop.for-not-tablet{display: none;}
    .icon-blocks  .for-tablet{display: inline;}

    .for-desktop-inline{display:none;}
    .for-tablet-inline{display:inline;}

    .for-desktop-flex{display:none;}
    .for-tablet-flex{display:flex;}
    .for-desktop-flex.for-tablet-flex{display:flex;}


}
@media (max-width: 767px) {
    .for-desktop{display: none !important;}
    .for-tablet{display: none !important;}
    .for-mobile{display: block !important;}
    .for-desktop.for-tablet{display: none;}
    .icon-blocks  .for-mobile{display: inline !important;}

    .for-tablet-inline{display:none;}
    .for-mobile-inline{display:inline;}

    .for-desktop-flex.for-tablet-flex{display:none;}
    .for-tablet-flex{display:none;}
    .for-mobile-flex{display:flex;}
}


/* device show img */
.for-desktop-img{display: block;}
.for-tablet-img, .for-mobile-img{display: none;}

@media (max-width: 992px) {
    .for-desktop-img{display: none;}
    .for-tablet-img{display: block;}
}
@media (max-width: 767px) {
    .for-tablet-img, .not-mobile{display: none;}
    .for-mobile-img{display: block;}
}


/* breadcrumb */
.breadcrumbs{width: 100%; float: left; padding:0; margin: 10px 0 0 0;}
.breadcrumbs ol.breadcrumb {margin: 0; padding: 0; background-color:transparent;}
.breadcrumbs ol.breadcrumb li{font-family: montserratlight, sans-serif; font-size: 1.3em;color: #949494;}
.breadcrumbs ol.breadcrumb li a{color: #949494;}
.breadcrumbs .breadcrumb > li + li::before { padding: 0 7px; color: #bfbfbf; content: ">";}


.border-red-left {border-left: 3px solid #cf1c35; padding:0 0 0 20px;}
    @media (max-width: 420px) {
        .border-red-left { padding:0 0 0 12px;}
    }
.border-grey-button {border-bottom: 1px solid #ececec;}





/* batton*/
.btn-default { color: #fff; background-color: #cf1c35; border-color: #cf1c35;}
.btn-default:hover{background:  #e73452;color: #fff;border-color: #e73452; }

.btn:hover, .btn:focus,.btn.focus { color: #fff;}
.btn:active, .btn.active { outline: 0;  background-image: none;  box-shadow: none;}

.btn-default:focus, .btn-default.focus {color: #fff;   background-color: #cf1c35;   border-color: #cf1c35;box-shadow: none;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #fff; background-color: #cf1c35; border-color: #cf1c35;box-shadow: none;}

.btn-default:active:hover, .btn-default.active:hover,
.btn-default:active:focus, .btn-default.active:focus,
.btn-default:active.focus, .btn-default.active.focus { color: #fff; background-color: #cf1c35; border-color: #cf1c35;box-shadow: none;}

.close{display: none;}

.border-botton-fon{float: left; width: 100%; margin: 5px 0 30px 0;}
.border-botton{width: 90px; margin: 0 auto; height: 3px; background-color:#464544; }

input[type="file"] { width: 100%;}


.btn-outline-grey{background: #FAFAFA; border: 1px solid #EAEAEA; color: #2F2F2F; display: flex; align-items: center; }
.btn-outline-grey svg{height: 14px; width: 14px; fill: #505050; margin-right: 8px;}

.btn-outline-grey:hover,
.btn-outline-grey:focus,
.btn-outline-grey:active{color: #2F2F2F; border: 1px solid #dbdbdb; background: #FDFDFD;}

.btn-link-dropdown{background: transparent; display: flex; align-items: center; border-radius: 0;}
.btn-link-dropdown svg{height: 16px; width: 8px; fill: #505050; margin-left: 8px;}

.btn-link-dropdown:hover,
.btn-link-dropdown:focus,
.btn-link-dropdown:active{color: #2F2F2F;}

.btn-not-outline{background: transparent; border: none; color: #707070; display: flex; align-items: center; }
.btn-not-outline:hover,
.btn-not-outline:focus,
.btn-not-outline:active{color: #2F2F2F; text-decoration: underline;}



/* modal*/
.modal-header{padding: 20px 15px 0 15px;border-bottom: none;}

.modal-sm{width: 300px; height: 200px; top:50%;  margin-top: -150px; margin-bottom: 0;}
.modal-content{border-radius: 4px; text-align: center;}
.modal-content h4{font-family: montserratsemibold, Verdana, sans-serif;
    font-weight: normal; color: #2f2f2f; font-size: 2em; line-height: 1.2em;  margin: 0 0 5px 0; padding: 0;}
.modal-content p{color: #8f8f8f; font-size: 1.4em; line-height: 1.3em;  margin: 0 0 5px 0;  padding: 0;}
.modal-content p:last-child{margin: 0;}

.modal-content p img{width: 40px; margin: 0 0 12px 0; }
.modal-body{ padding: 0 0 15px 0; }
.modal-footer { padding:5px 0 28px 0; text-align:center;  border-top: none;}

.modal-close{right: -10px; top:-10px;}
.modal-close  img{width: 25px; height:25px; cursor:pointer}


/* text */
.block-text{width: 100%; float: left; margin: 0; padding: 30px 0 20px 0;}

.text{width: 100%; float: left; margin: 0; padding: 0;}
.text h1{font-size: 3em; color: #3f3f3f; margin: 0 0 20px 0; padding: 0;
    font-family: montserratmedium, sans-serif; font-weight: normal; text-transform: uppercase; }
.text h2{font-size: 2.8em; color: #cf1c35; margin: 30px 0 15px 0; padding: 0;
    font-family: montserratmedium, sans-serif;font-weight: normal; text-transform: uppercase;}
.text h2:first-child{ margin: 15px 0 15px 0; }

.text h3{font-size: 2.2em; color: #3f3f3f; margin: 25px 0 12px 0; padding: 0;
    font-family: montserratmedium, sans-serif; font-weight: normal; }
.text h4{font-size: 1.8em; line-height: 1.4em; color: #3f3f3f; margin: 0 0 10px 0; padding: 0;
    font-family: montserratmedium, sans-serif; font-weight: normal; }

.text ul{ margin: 20px 15px 30px 35px; padding: 0;font-size: 1.6em;line-height:1.4em; }
.text li{padding: 6px 0 6px 10px;  font-weight: normal; color: #4f4f4f;}

.text p{font-size: 1.4em; line-height:1.5em; color: #4f4f4f; margin: 0 0 12px 0; padding: 0; font-family: montserratlight, sans-serif;}
.text strong, b, strong, em{font-weight: normal; font-family: montserratmedium, sans-serif; font-style: normal;}
.text p a{color: #cf1c35;text-decoration: none;}
.text p a:hover{color: #e30613;}

.info-block .text p{font-size: 1.6em; line-height:1.6em;}
.info-block .text li{font-family: montserratlight, sans-serif;}

.dropdown-menu { max-height: 350px; outline: medium none; overflow-x: hidden; overflow-y: auto; font-size: 16px;
    border-radius: 0; min-width: 100%;}