html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}


@font-face {
    font-family:'QanelasSoft';
    src: url('../fonts/QanelasSoft-Regular.eot');
	src: url('../fonts/QanelasSoft-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/QanelasSoft-Regular.woff2') format('woff2'),
		url('../fonts/QanelasSoft-Regular.woff') format('woff'),
		url('../fonts/QanelasSoft-Regular.svg#QanelasSoft-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}

@font-face {
    font-family:'QanelasSoftBold';
    src: url('../fonts/QanelasSoft-Bold.eot');
	src: url('../fonts/QanelasSoft-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/QanelasSoft-Bold.woff2') format('woff2'),
		url('../fonts/QanelasSoft-Bold.woff') format('woff'),
		url('../fonts/QanelasSoft-Bold.ttf') format('truetype'),
		url('../fonts/QanelasSoft-Bold.otf') format('opentype'),
		url('../fonts/QanelasSoft-Bold.svg#QanelasSoft-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}

@font-face {
    font-family:'MrsWhite';
    src: url('../fonts/Mrs White.eot');
	src: url('../fonts/Mrs White.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Mrs White.woff2') format('woff2'),
		url('../fonts/Mrs White.woff') format('woff'),
		url('../fonts/Mrs White.ttf') format('truetype'),
		url('../fonts/Mrs White.otf') format('opentype'),
		url('../fonts/Mrs White.svg#Mrs White') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}

.mrs-white{
	font-family: 'MrsWhite';
}

.Qregular{
	font-family: 'QanelasSoft';
}

.Qbold{
	font-family: 'QanelasSoftBold';
}

.hidden{
	display: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table {
  border-collapse: collapse;
}

a img {
  border: none;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  color: #fff;
}
a:hover{
  color: #000;
}

textarea {
  -webkit-resize: none;
  -moz-resize: none;
  resize: none;
}

.clearfloat:before, .clearfloat:after {
  content: "";
  display: table;
}

.clearfloat:after {
  clear: both;
}

/* For IE 6/7 (triggers hasLayout) */
.clearfloat {
  *zoom: 1;
}

.margin-right {
  margin-right: 0 !important;
}

.remove {
  border-bottom: 0 !important;
  background-image: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.last {
  margin-right: 0 !important;
  padding-right: 0px !important;
}

/*FONTS--------------------------------------------------------------------*/
/* @font-face { */
  /* font-family: 'FontAwesome'; */
  /* src: url('fonts/fontawesome-webfont.eot?v=4.3.0'); */
  /* src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),  */
       /* url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),  */
       /* url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),  */
       /* url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),  */
       /* url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); */
  /* font-weight: normal; */
  /* font-style: normal; */
/* } */


p, ul, ol, section, article, div {
  font-size: 18px;
}
h1, h2, h3, h4, h5, h6{
  font-weight: normal;
  text-transform: uppercase;
}
h1 {
  font-size: 30px;
  line-height: 60px;
  font-weight:bold;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
  font-family: 'QanelasSoftBold';
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
  font-family: 'QanelasSoftBold';
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
  font-family: 'QanelasSoftBold';
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
  font-family: 'QanelasSoftBold';
}


/*BODY-------------------------------------------------------------------*/

body {
  background-color: #fff;
  font-size: 100%;
  font-family: 'QanelasSoft';
  color: #17469e;
}
.wrapper{
  max-width: 712px;
  margin: 0 auto;
  position: relative;
}

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

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	text-align: center;
}

/*-------------- header ---------------*/

.logo {
    text-align: center;
}

.headText {
	margin-top:45px;
	display:inline-block;
}
.titleB {
	background: #c62024;
	color:#FFFFFF;
	text-align:center;
}

.titleB h1{
	text-transform: none;
	font-size: 35px;
	font-weight: normal;
}

.custom-h2{
	font-size: 18px;
}
.custom-h2-lg{
	font-weight: normal;
	text-transform: none;
	font-size: 35px;
}

.redB {
	background:#d92027;
	color:#FFFFFF;
	padding-bottom:25px;
}
.redTop {
	margin-bottom:25px;
	text-align:center;
	height:5px;
	background:url(../images/red-01.png) center top no-repeat;
}
.redBottom {
	text-align:center;
	background:url(../img/red-02.png) center top no-repeat;
	height:55px;
	position:relative;
	z-index:2;
	margin-bottom: 15px;
}
	
.pictureBig {
	width:100%;
	min-height:563px;
	background-image: url(../images/foot.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	z-index:1;
	position:relative;
	
}
.pictureBig h2 {
	color:#949494;
	margin:55px 0 15px 0;
	text-align:center;}
.formBlue p {
	color:#FFFFFF;
	font-size:11px;
	text-transform:uppercase;
}
.formLeft {
	float:left;
	width:46%;
}
.formRight {
	float:right;
	width:46%;
}
.i1, .i2, .i3, .i4, .i5, .i6{
  position: relative;
  color: #949494;
  font-size: 16px;
  width: 315px;
}
/* .i2{ */
  /* font-size: 14px; */
/* } */
/* .i1:before, .i2:before, .i3:before, .i4:before, .i5:before, .i6:before{ */
  /* position: absolute; */
  /* top: 11px; */
  /* left: 9px; */
  /* width: 1.28571429em; */
  /* text-align: center; */
  /* border-right:1px solid #cccccc; */
  /* padding-right:6px; */
  /* font-family: 'FontAwesome'; */
/* } */
/* .i1:before{ */
  /* content: '\f007'; */
/* } */
/* .i2:before{ */
  /* content: '\f041'; */
/* } */
/* .i3:before{ */
  /* content: '\f095'; */
/* } */
/* .i4:before{ */
  /* content: '\f0e0'; */
/* } */
/* .i5:before{ */
  /* content: '\f073'; */
/* } */
/* .i6:before{ */
  /* content: '\f234'; */
/* } */
.flormRow {
	margin:17px 0;
	text-align:center;
}
.flormRow label {
	width:100%;
	color:#FFFFFF;
	font-size:12px;
	display:block;
	padding:5px;
}
.styled-select select {
   background: transparent;
   width: 340px;
   padding: 5px 10px 4px 50px;
   line-height: 1;
   border: 0;
   border-radius: 5px;
   -webkit-appearance: none;
   font-size: 17px;
   outline: none;
   color:#949494;
   line-height:27px;
}
.styled-select {
       width: 325px;
  height: 37px;
   overflow: hidden;
   border-radius:5px;
   background: #fff url(../images/new_arrow.png) no-repeat right;
   -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.input{
  background: #fff;
  border: 0;
  color:black;
  width: 325px;
  height: 40px;
  padding: 5px 10px 4px 15px;
  font-size: 17px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius:10px;
border: 1px solid black;
}
.submit-btn{
	font-family: 'QanelasSoftBold';
    padding: 8px 0px;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    background: #d92027;
    font-size: 21px;
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
    width: 325px;
}
.submit-btn:hover {
  background: #ec2028;
  color: #fff;
}

.logo-slogan{
	display: inline-block;
	float: right;
	margin-top: 40px;
}

.slogan{
	font-size: 40px;
	color: black;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin-right: 30px;
	line-height: 36px;
}

footer {
	height:20px;
	background-color:#e1e1e1;
	border-bottom:10px #17479e solid;
	margin-top:30px}
/*-------------- menu ---------------*/
#menu{
  margin-left:36%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
#menu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#menu ul li{
  position: relative;
}
#menu > ul > li{
  float: left;
}
#menu ul li a{
  display: block;
  white-space: nowrap;
  font-size: 17px;
  color: #000;
  position: relative;
  padding: 10px 20px;
  background:#fff;
  border-radius:3px;
  color: #ec2028;
  font-weight:bold;
  cursor: pointer;
}
#menu > ul > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #006394;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu > ul > li:hover > a:before, #menu > ul > li:focus > a:before, #menu > ul > li:active > a:before, #menu > ul > li.current-menu > a:before {
  left: 0;
  right: 0;
}
#menu > ul > li:hover > a{
}
#menu ul li a i{
  color: #ec2028;
  font-size: 14px;
  margin-left: 10px;
}
#menu > ul > li > ul {
  top: 100%;
  left: 0;
  opacity: 0;
}
#menu ul li ul {
  min-width: 199px;
  visibility: hidden;
  position: absolute;
  text-align: left;
  z-index: 9999;
  background:#fff;
  padding: 0;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
}
#menu ul li ul li:last-child{
  border-bottom: none;
}
#menu ul li ul li a{
	background-color: transparent;
  padding: 6px 15px;
  font-weight: normal;
  color: #ec2028;
  font-size: 14px;
  border-radius:0px;
  cursor: pointer;
}
#menu ul li ul li ul {
  top: 0;
  left: 100%;
  opacity: 0;
}
#menu ul li:hover > ul {
  visibility: visible;
}
#menu > ul > li:hover > ul {
  top: 93%;
  opacity: 1;
}
#menu ul li ul li:hover ul {
  left: 100%;
  opacity: 1;
}
#menu ul li ul li a:hover{
  color: #fff;
  background:#ec2028;
}
/* end animations-------------------------------------------------------------------*/

/*/*media queries----------------------------------------------------------*/

@media only screen and (max-width: 1680px) {
}

@media only screen and (max-width: 1500px) {
 
}

@media only screen and (max-width: 1440px) {
  
}

@media only screen and (max-width: 1366px) {
}

@media only screen and (max-width: 1200px) {
  .wrapper{padding: 0 10px;}
}

@media only screen and (max-width: 1100px) {
  
  
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 980px) {
  
}




@media only screen and (max-width: 800px) {
  .mainText {
	  width:53%;
	  font-size:15px;}
}

@media only screen and (max-width: 700px) {
  .mainText h1 {
	  font-size:18px;
	  line-height:23px;
	 }
   .mainText h1 span {
	   display:block;
	  } 
}

@media only screen and (max-width: 640px) {
    .mainText {
	  width:100%;
	  font-size:15px;
	  margin-top:10px;
	  float:none;}
	  .mainText h1 span {
	   display:inline;
	  } 
	  .mainText h1 {
		  margin-bottom:0px;}
	.formBlue {
		float:none;
		width:auto;
		padding:15px;
		min-height:inherit;
	}
	.flormRow {
		margin:3px 0;}
	.input, .styled-select select, .styled-select {
		width:92%;}
}

@media only screen and (max-width: 550px) {

}

@media only screen and (max-width: 500px) {
.mainText {
	font-size:13px;
}
.flormRow {
		margin:0px 0 2px 0;}
.formBlue {
		padding:4px 15px;
	}
.features ul li {
	margin-right:4%}
.features, .features p {
	font-size:13px;}
.features h2 {
	font-size:18px;
	margin-bottom:0px;}
}

@media only screen and (max-width: 430px) {

}

@media only screen and (max-width: 360px) {
  
}

@media only screen and (max-width: 320px) {
  
}