﻿/*
    @media (min-width: 1200px) {    L
    @media (min-width: 992px) {     M
    @media (min-width: 768px) {     S
    @media (max-width: 767px) {}    XS
*/

.min {
	width: 1%;
}

.vam { vertical-align: middle !important; }
.nowrap {
	white-space: nowrap;
}

.opa50 { opacity:0.5}

.text-large { font-size: 32px; }

.text-alert { 
    background: url('/Images/alert.png') no-repeat 0 50%; 
    padding-left: 45px;
}

.iblock { display: inline-block; }
.inline { display: inline; }

.relative { position: relative; }

.center { 
	text-align: center;
}


.abscenter { 
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}

.abs {
    position: absolute;
}

.vat { vertical-align: top; }

.gray { color: #a1a1a1 !important; }
.black { color: #000 !important; }
.red { color: #da291c !important; }
.green { color: #070 !important; }



.blue-shadow {
    color: #337ab7 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.red-shadow {
    color: #da291c !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.bold { font-weight: bold; }

.b15 { bottom: 15px; }

.w100p { width: 100% !important; }

.w50 { width: 50px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }

.lh108 { line-height: 108px; }

.p0 { padding: 0 !important; }
.p10 { padding: 10px; }
.pt110 { padding-top: 110px; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pr10 { padding-right: 10px !important; }

.vp10 { 
	padding-left: 10px;
	padding-right: 10px;
}

.m0 { margin: 0px !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr40 { margin-right: 40px; }
.mr60 { margin-right: 60px; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.ml0 { margin-left: 0px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px !important; }
.ml60 { margin-left: 60px; }
.ml90 { margin-left: 90px; }

.hauto {
	height: auto !important;
}


.mh250 { max-height: 250px !important; }

@media (min-width: 768px) {    
    .wide-mt50 { margin-top: 50px; }  
    
    .wide-pt130 { padding-top: 130px; }
}


.arrowbox {
     position: relative; 
     background: #da291c;
     color: #fff;
} 

.arrowbox:after { 
    bottom: 100%; 
    left: 50%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
    border-color: rgba(218, 41, 28, 0); 
    border-bottom-color: #da291c; 
    border-width: 15px;
    margin-left: -15px; 
}

@media (max-width: 767px) {
    .xs-show { display:block !important; }    
    .xs-hide { display:none !important; }
}

@media (min-width: 768px) {
    .xs-show { display:none; }    
    .xs-hide { display:block; }
}

.square {
    -moz-border-radius: 0;
	-webkit-border-radius: 0; 
	border-radius: 0;
}

.vscroll {
	max-height: 300px;
	overflow-y: auto;
}

.pull-right-out { position: absolute;right: -15px;top: 18px; }


.rounded {
    border-radius: 10px;
}

.floating-buttons {
    position: fixed;
    bottom: 0;
    padding: 20px;
    background-color: #e8e8e3;
    border-top: 2px solid #fff;
    z-index: 100;
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}