body {font-family: Rotonda-Bold;}


@font-face {
    font-family: 'Rotonda-Regular';
    src: url('../fonts/Rotonda-Regular.eot');
    src: local(''),
         url('../fonts/Rotonda-Regular.woff') format('woff'),
         url('../fonts/Rotonda-Regular.ttf') format('truetype'),
         url('../fonts/Rotonda-Regular.svg#Rotonda-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rotonda-Bold';
    src: url('../fonts/Rotonda-Bold.eot');
    src: local(''),
         url('../fonts/Rotonda-Bold.woff') format('woff'),
         url('../fonts/Rotonda-Bold.ttf') format('truetype'),
         url('../fonts/Rotonda-Bold.svg#Rotonda-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.av-blue {color: #3a2e94;}
.av-green {background: #83c44c; color: white;}
.av-normal {font-family: Rotonda-Regular; font-size: 16px; line-height: 24px;}

.navbar-avantage {background: white;}
.navbar-avantage a {color: #3a2e94; font-size: 18px; line-height: 30px; padding-right: 10px!important;  padding-left: 0px!important; letter-spacing: 2px; text-transform: uppercase;}
.navbar-avantage li a:after {content: "•"; padding-left: 10px;}
.navbar-avantage li:last-child a:after {content: "";}

h1.av-title {font-size: 38px; padding: 15px 0 10px 0; letter-spacing: 7px; margin-bottom: 50px!important; border-top: 18px solid #83c44c; border-bottom: 18px solid #83c44c; color: #3a2e94; text-transform: uppercase;}
h2.av-title2 {font-size: 34px; letter-spacing: 4px; margin-bottom: 30px!important; color: #3a2e94; text-transform: uppercase; text-align: left;}

.av-block {position: relative; display: inline-block; background: url(../images/av-bg.jpg) no-repeat top center; width: 400px; max-width: 100%; height: 343px; margin: 0 30px 40px 30px; background-size: contain;}
.av-block-name {position: absolute; width: 120px; top: 22px; left: 70px; text-align: center; color: white; font-size: 30px; letter-spacing: 3px; text-transform: uppercase;}
.av-block-price {position: absolute; left: 200px; top: 23px; width: 200px; font-size: 17px; text-transform: uppercase; color: #3a2e94; text-align: left; letter-spacing: 1px;}
.av-block-select {position: absolute; top: 157px; left: 110px; width: auto;}
.av-block-select h3 {text-align: left; text-transform: uppercase; font-size: 18px; color: white; letter-spacing: 1px;}
.av-block-select select {display: block; letter-spacing: 2px; width: auto; padding: 0 15px;  margin: 20px 0 0 30px; font-family: inherit; font-size: 16px;}

.av-hr {border-top: 18px solid #83c44c; border-left: 0; border-right: 0; border-bottom: 0;}
.av-order input {font-family: Rotonda-Regular; letter-spacing: 1px; text-transform: none; font-size: 15px;}
::-webkit-input-placeholder {font-family: Rotonda-Regular; letter-spacing: 4px; text-transform: uppercase; font-size: 18px;}
::-moz-placeholder {font-family: Rotonda-Regular; letter-spacing: 4px; text-transform: uppercase; font-size: 18px;}
:-ms-input-placeholder {font-family: Rotonda-Regular; letter-spacing: 4px; text-transform: uppercase; font-size: 18px;}
:-moz-placeholder {font-family: Rotonda-Regular; letter-spacing: 4px; text-transform: uppercase; font-size: 18px;}

.av-order .required {margin: 10px;}
.av-order .help-block {color: red;}
.av-order button.av-green {letter-spacing: 2px; text-transform: uppercase;}

.footer {background-color: white;}
.footer {color: #9d999a; font-size: 18px; letter-spacing: 1px; text-transform: uppercase;}
.footer span {color: #9d999a; font-family: Rotonda-Regular;}
.av-footer-left {}
.av-footer-right {text-align: right;}

@media only screen and (min-width: 100px) and (max-width: 500px) {
html {height: 100%; font-size: 100%;}
h1.av-title {font-size: 30px;}
h2.av-title2 {font-size: 24px;}
.av-block {width: 340px; height: 292px; margin: 0 0 30px 0;}
.av-block-name {width: 100px; left: 57px; font-size: 26px;}
.av-block-price {left: 165px; top: 17px; font-size: 14px; width: 155px;}
.av-block-select {top: 127px; left: 85px;}
.av-block-select h3 {font-size: 17px;}
.av-block-select select {font-size: 16px; margin: 20px 0 0 15px;} 
.av-footer-left, .av-footer-right {text-align: center;}
}