@font-face {
    font-family: 'thesanscdsemibold';
    src: url('../font/thsclf6s-webfont.eot');
    src: url('../font/thsclf6s-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/thsclf6s-webfont.woff2') format('woff2'),
         url('../font/thsclf6s-webfont.woff') format('woff'),
         url('../font/thsclf6s-webfont.ttf') format('truetype'),
         url('../font/thsclf6s-webfont.svg#thesanscdsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1{
    font-family: 'thesanscdsemibold';
    font-size: 48px;
    color: #444;
}

h2{
    font-family: 'thesanscdsemibold';
    font-size: 38px;
    color: #444;
}

h3{
    font-family: 'thesanscdsemibold';
    font-size: 30px;
    color: #444;
}

h5{
    font-family: 'Arial';
    font-size: 18px;
    color: #444;
    font-weight: bold;
    
}

h6{
    font-family: 'Arial';
    font-size: 12px;
    color:#5f5f5f;
}

p{
    font-family: 'Arial';
    font-size: 16px;
    color:#5f5f5f;
}

a{text-decoration: underline;}
a.btn{text-decoration: none;}


body { 
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container{max-width: 970px;}


.navbar-default{
    border-bottom: 12px solid #e2001d;
    background-color: white;
    
}

.navbar-brand {
    height: auto;
    padding: 25px 15px;
    
}

.navbar{
    min-height: auto;
    margin-bottom: 0;
    
}

.img-responsive{margin: 0 auto;}

#header-content .content{
    max-width: 800px;
    margin: 0 auto;
    float: none;
    display: inline-block;
    padding: 20px 0 60px;
}


#header-content .btn-default {
    color: #fff;
    background-color: #ed1c24;
    border: none;
    border-radius: 0;
    padding: 8px 40px 10px;
    font-size: 20px;
    margin: 30px 0 0;   
}

#header-content .red-ink{color: #ed1c24;}


#main-content{
    padding: 40px 0;
    background-color: #f5f5f5;
}


#main-content h2{margin-bottom: 5px;}
#main-content h3{margin: 0px 0 40px;}
#main-content h6{margin: 30px 0 15px;}

#main-content .title{
    background-image: url(../img/title-bg.png);
    width: 217px;
    height: 36px;
    padding: 8px 12px;
    margin: 15px 0 10px;
}
#main-content .title h4{
    margin: 0;
    color: #fff;
    font-weight: bold;
}

#main-content .content{
    padding: 0 12px;
}

#footer-content{
    padding: 40px 0;
    
}

.tnc{
    padding: 36px 18px;
}


#footer-content h2{
    margin: 20px 0 40px;
    
}

#footer-content ul{
    padding-left: 15px;
    font-size: 15px;
    color: #5f5f5f;
}

#footer-content li{margin-bottom: 10px;}

footer{
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

footer a{
    color: #5f5f5f;
    text-decoration: underline;
}

footer ul{
    list-style: none;
    padding-left: 0;
    font-size: 12px;
    color:#5f5f5f;
    margin: 20px 0;
    
    
}

footer ul li{
    display: inline-block;
    border-left: 1px solid #ddd;
    padding: 8px 10px 10px 14px;
    
}

footer ul li:first-child{
    border-left: none;
}

footer .container{max-width: 1025px;padding-left:10px;padding-right:10px;}

.modal-header{border-bottom: none;}

.modal-dialog {width: 100%;}
.modal-body{padding: 30px 60px 40px;}
.modal-body h3{margin-bottom: 30px;}
.modal-body p{margin-bottom: 15px;}



/*------------------------------------------------------------*/


@media (max-width: 767px) {
    
    
    h1{font-size: 32px;}
    h2{font-size: 26px;}
    h3{font-size: 19px;}
    
    .navbar-brand img{width: 70%;}
    
    #header-content .content {
        max-width: auto;
        padding: 0px 15px 45px;
        
    }
    
  
    #header-content .btn-default {margin: 10px 0 0; font-size: 16px;}
    
    #main-content h3{margin: 0 0 10px;}
    #main-content .content {margin-bottom:20px;}
    #main-content h6 {margin: 0;line-height: 16px;}
    
    
    #footer-content h2 {margin: 20px 0 20px;}
    #footer-content h5 {margin-top: 20px}
    
    
    .modal-dialog {width: auto;}
    .modal-body {padding: 0px 30px 10px;}
    .modal-body h3{font-size: 18px;margin-bottom: 15px;}
    .modal-body p {font-size: 12px;margin-bottom: 10px;}
    
}



/*------------------------------------------------------------*/


@media (max-width: 991px) and (min-width: 768px){
    
    .hidden-xs{display: none;}
    #header-content .content {
        max-width: auto;
        padding: 0px 15px 45px;
        
    }
    #main-content h3{margin: 0 0 10px;}
    
    #footer-content .img-responsive{
        width: 100%;
    }
    
    #footer-content h5 {margin-top: 20px}
    
    #footer-content h2 {margin: 20px 0 20px;}
    
    
}