/* Author     : Yuliyan */
body, header, section, footer, article, h1, h2, h3, h4, h5, h6, input, button, label, p, fieldset, nav, ul, li, a, span, strong, em, select, form, div {
    margin: 0;
    padding: 0;
    border: 0;
}

@font-face
{
    font-family: ExtraBold;
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
        url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
        url('../fonts/opensans-extrabold-webfont.svg#ExtraBold') format('svg');
}
@font-face
{
    font-family: OpenSansExtraBoldItalic;
    src: url('../fonts/opensans-extrabolditalic-webfont.eot');
    src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
        url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
        url('../fonts/opensans-extrabolditalic-webfont.svg#OpenSansExtraBoldItalic') format('svg');
}

@font-face
{
    font-family: VAGRounded;
    src: url('../fonts/VAGRoundedBlack.ttf');
}

@font-face
{
    font-family: OpenSansRegular;
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
}
@font-face {
  font-family: porkys;
  src: url('../fonts/PORKYS_.TTF'),
       url('../fonts/font.eot');
}

@font-face{
    font-family: OPENSANS-SEMIBOLD;
    src: url('../fonts/OPENSANS-SEMIBOLD_0.TTF'),
        url('../fonts/OPENSANS-SEMIBOLD.eot');
}

@font-face{
    font-family: OPENSANS-SEMIBOLDITALIC;
    src: url('../fonts/OPENSANS-SEMIBOLDITALIC_0.TTF'),
         url('../fonts/OPENSANS-SEMIBOLDITALIC.eot');
}

.placeholder {
    color: #555;
    font-style:italic;
    font-size:13px;
    font-family:OpenSansRegular;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #555;
    font-style:italic;
    font-size:13px;
    font-family:OpenSansRegular;
}
::-webkit-input-placeholder {
    color: #555;
    font-style:italic;
    font-size:13px;
    font-family:OpenSansRegular;
}

:-moz-placeholder { /* Firefox 18- */
    color: #555;
    font-style:italic;
    font-size:13px;
    font-family:OpenSansRegular;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #555 !important;
    font-style:italic;  
    font-size:13px;
    font-family:OpenSansRegular;
}
#wrapper{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #f9f9f9 40%, #bde1ed 45%, #bde1ed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f9f9f9), color-stop(50%,#bde1ed), color-stop(100%,#bde1ed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 40%,#bde1ed 45%,#bde1ed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 40%,#bde1ed 45%,#bde1ed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 40%,#bde1ed 45%,#bde1ed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#f9f9f9 40%,#bde1ed 45%,#bde1ed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#bde1ed',GradientType=0 ); /* IE6-9 */
 

}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
#form-h1{
    font-family: porkys;
    color:#009ce2;
  
    
}
.title{
    padding-top: 20px;
    font-size: 2em !important;
}
#imageOne{
    margin-left: -1em;
}
#imageTwo{
   
    margin-top:1em;
}
.home-content {
    margin-top: 0em;
    margin-right: 10px;
}
.home-content h1{
    color:#f5f5f5;
  
    font-style: italic;
    font-family:OpenSansRegular;
    font-weight: normal;
}
.home-content p{
    color:#0f276c;
    font-family:OpenSansRegular;
    font-weight: normal;
  
    font-style: italic;
}
.home-content h2 {
    font-size: 1.1em;
    padding-bottom: 10px;
    color: #0f276c;
    font-family:OpenSansRegular;
    font-weight: bolder;
    text-align: center;
}
.home-content ul{
    padding-left: 3em;
}
.home-content ul li{
    color:#0f276c;
    font-family:OpenSansRegular;
    font-weight: normal;
}
#formWrapper{
    margin-top:-14em;
}
#formWrapper h3{
    font-size: 1.6em;
}
#formWrapper .privacy-marketing {
    font-size: 14px;
    font-style: italic;
}
#formWrapper .privacy-marketing input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}
#apply_form {
    background: rgb(109,179,242); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
    color: white !important;
    font-size: 2em;
    font-style: italic;
    border: 1px solid #0e3e5f;
    border-radius: 10px;
    -moz-box-shadow: 0 0 6px #000000;
    -webkit-box-shadow: 0 0 6px #000000;
    box-shadow: 0 0 6px #000000;

}
#apply_form:hover{
    color:black;
}
.error {
    color: red;
    font-size: 0.9em;
}
footer {
  
    background: #0071ca; /* Old browsers */
    text-align:center;
    padding: 10px;
    color:#f5f5f5;
}
#form{
    -moz-box-shadow:    0 0 40px #000000;
    -webkit-box-shadow: 0 0 40px #000000;
    box-shadow:         0 0 40px #000000;
    padding: 1.2em;
    border: 3px ridge #ffbf38;
    border-radius: 10px;
}
.alert-success {
    margin-top: -3.4em;
}
#thank_you {
    border: 1px solid black;
    border-radius: 10px;
    margin-top: 200px;
    margin-bottom: 289px;
    padding: 1em;
    font-size: 2.5em;
    background: #f0f0f0;
    font-style: italic;
    box-shadow: 0 0 10px darkblue;
}
#header {


    font-style: italic;
    margin-top: 2em;
    text-align: center;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: white !important;
    cursor: pointer !important;
}
.col-xs-12.col-sm-6.col-md-6.col-lg-6 {
    min-height: 5.2em;
}
label{
    font-weight: normal !important;
}
a.navbar-brand {
    color: white;
}
 
#about{
    margin:0 auto !important ;
  
    text-align: left !important ;
}
#about h2{
    color: #f98d02;
    font-size: 2.4em;
    font-weight: bold;
}
#aboutFrame{
 
    padding-top: 10px;
    padding-top: 10px;
    margin-left: 18% !important;
    
}
#contactForm{
    width: 40em;
    margin:0 auto;
    background: #57AAFF;
    padding: 10px 10px 10px 10px ;
}
#h2_contact_page{
    font-size: 2.8em;
    color: #f98d02;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 1em;
}
#contactForm button{
    height: 2em;
    background: #f98d02;
    color: white;
    border: 4px solid white;
    font-size: 2.8em;
}
#contactForm button:hover{
    color:black;
    
}
#contactUser{
    background: url('../public/images/user.png') no-repeat scroll left / 24px #fff;
    background-position-x: 2%;
    padding-left: 45px; 
}
#contactEmail{
    background: url('../public/images/message.png') no-repeat scroll left / 24px #fff;
    background-position-x: 2%;
    padding-left: 45px; 
}
#contactComment{
    background: url('../public/images/pen.png') no-repeat scroll left / 24px #fff;
    background-position-x: 2%;
    background-position-y: 6%;
    padding-left: 45px;
    resize: none;
}
a.lead-a {
    color: white;
    font-size: 0.75em;
    font-family: OpenSansRegular;
}
.col-lg-7 {
    margin-left: 8em;
}

@media (min-width: 20em) and (max-width:30em){  /* 320px - 480px (? 16) */ 
    #formWrapper {
        margin-top: 2em;
    }
    #imageTwo {
        /*        display: none;*/
    }
    #logoImg{
        width: 157% ;
    }
    #banerImg{
        display:none;
    }
    .home-content h1 {
        color: black;
    }
    .home-content p {
        color: black;
    }
    .home-content h2 {
        color: black;
    }
    .home-content ul li {
        color: black;
    }
    #aboutFrame{
        margin-left: 0% !important;
    }
    #contactForm{
        width: 20em; 
    }
    .col-lg-7 {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 30em)and (max-width:37.5em){   /* 480px - 600px (? 16) */ 
    #formWrapper {
        margin-top: 2em;
    }
    #imageTwo {
        /*        display: none;*/
    }
    #logoImg{
        width: 157%;
    }
    #banerImg{
        display:none;
    }
    .home-content h1 {
        color: black;
    }
    .home-content p {
        color: black;
    }
    .home-content h2 {
        color: black;
    }
    .home-content ul li {
        color: black;
    }
    #aboutFrame{
        margin-left: 0% !important;
    }
    #contactForm{
        width: 30em; 
    }
    .col-lg-7 {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 37.5em) and (max-width:48em){    /* 600px - 768px (? 16) */
    #formWrapper {
        margin-top: 2em;
    }
    #imageTwo {
        /*        display: none;*/
    }
    #logoImg{
        width: 157%;
    } 
    #banerImg{
        display:none;
    }
    .home-content h1 {
        color: black;
    }
    .home-content p {
        color: black;
    }
    .home-content h2 {
        color: black;
    }
    .home-content ul li {
        color: black;
    }
    #aboutFrame{
        margin-left: 0% !important;
    }
    .col-lg-7 {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 48em) and (max-width:64em){   /* 768px - 1024px (? 16) */
    #logoImg {
        width: 24em;
        margin-left: -1em;
    }
    #banerImg {
        margin-left: -1.8em;
        margin-top: -6.8em;
        width: 25em;
    }
    #imageTwo {
        margin-top: 20.4em;
    }
    #formWrapper {
        margin-top: -9em;
    }
    #formWrapper h1{
        font-size:1.8em;
    }
    #formWrapper h3{
       font-size: 1.4em;
}
    #form{
        width: 28em;
    }
    #formWrapper {
        margin-left: -2em;
        margin-top: -9em;
    }
    #aboutFrame{
        margin-left: 0% !important;
    }
    .col-lg-7 {
        margin-left: 4em;
        margin-right: 3em;
    }
}
@media (min-width: 64em) and (max-width:75em) /* 976px - 1200px (? 16) */ {
    #logoImg {
        width: 30em;
    }
    #banerImg {
        width: 30em;
        margin-top: 5.8em;
    }
    #imageTwo {
        margin-top: 2em;
    }
    #formWrapper {
        margin-top: -12em;
    }
    #aboutFrame{
        margin-left: 0% !important;
    }
    .col-lg-7 {
        margin-left: 4em;
        margin-right: 4em;
    }
}

#cookie-bar {background: #555; width:100% !important; height:auto ; line-height:24px !important; color:#eeeeee; text-align:center; padding:0.5em 5%; text-align: center !important; color: #fff;}
#cookie-bar.fixed {position:fixed ; top:0; left:0;  z-index: 99999;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {color: #fff ; font-size: 12px !important;   text-transform: none; margin-top: 0px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); }
#cookie-bar .cb-enable {display: block;height: 15px;position: absolute;right: 18px;text-decoration: none!important;text-indent:9000px;top: 0;width: 14px;background: #555!important;}
.cb-enable::after {content: "×";background: rgb(85, 85, 85);text-decoration: none;font-size: 36px;position: absolute;text-indent: 0px;top: 0px;left: 0px;line-height: 1em;margin: 0px !important;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:underline;}