@font-face { font-family: 'Regular'; 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#Regular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Bold'; src: url("fonts/OpenSans-Bold-webfont.eot"); src: url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Bold-webfont.svg#Bold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'BoldItalic'; src: url("fonts/OpenSans-BoldItalic-webfont.eot"); src: url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-BoldItalic-webfont.svg#BoldItalic") format("svg"); font-weight: normal; font-style: normal; }

@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-weight: normal; font-style: normal; }

@font-face { font-family: 'Icon'; src: url("fonts/genericons-regular-webfont.eot"); src: url("fonts/genericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/genericons-regular-webfont.woff") format("woff"), url("fonts/genericons-regular-webfont.ttf") format("truetype"), url("fonts/genericons-regular-webfont.svg#genericons-regular-webfont") format("svg"); font-weight: normal; font-style: normal; }


body { font-family: Regular; overflow-x: hidden; }
@media screen and (max-width: 768px) { body { overflow-x: hidden;  } }

/* ------------------------- Header ------------------------------------------*/

header { width: 100%; height: 150px; background: url(../../images/bg-02.jpg); }
@media screen and (max-width: 768px) { header { margin: 0 auto; width: 100%; height: auto;  } }

header .cont { width:850px; height:60px; display:block; float:center; }
@media screen and (max-width: 768px) { header .cont { display:block; width:90%; height: auto; padding-bottom: 30px;   float:none; } }

header h2 { font-family: ExtraBold; font-size: 50px; color: #000; padding-top: 15px; text-align: center; }
@media screen and (max-width: 768px) { header h2 {font-size: 40px; line-height: 40px; text-align: center; } }

header p.sc { font-family: ExtraBold; font-size: 50px; color: red; padding-top: 15px; text-align: center; }
@media screen and (max-width: 768px) { header p.sc {font-size: 40px; line-height: 40px; text-align: center; } }

header h3 { font-family: bold; font-size: 22px; color: #ff0000; padding-top: 6px; text-align: center; }

header span { font-family: regular; font-size: 40px; color: red; text-align: center; }
@media screen and (max-width: 768px) { header span { font-size: 30px; line-height: 40px; text-align: center; } }

header p em { font-family: ExtraBold; font-size: 50px; color: black; padding-top: 15px; text-align: center; }
@media screen and (max-width: 768px) { header p em {font-size: 40px; line-height: 40px; text-align: center; } }

header img { width:100px; height:auto; float:right; margin-left: 5px; margin-right: 5px;}
@media screen and (max-width: 768px) { header img { display:inline-block; margin-top:-45px; margin-left:50px;  margin-bottom:5px; float:left; } }

header a { text-decoration: none; }

/* ------------------------- Header2 -----------------------------------------*/

#header2 { width: 100%; height: 225px; background-color: rgba(0, 0, 0, 0.84);}
@media screen and (max-width: 768px) { #header2 { width:100%; height: auto; padding-bottom: 20px; } }

#header2 h3 {font-family: bold; font-size: 25px; color: #fff; padding-top: 10px; padding-bottom: 10px; text-align: center;}

#header2 p.bold {font-family: bold; font-size: 25px; color: #fff; padding-top: 10px; padding-bottom: 10px; text-align: center;}

#header2 .cont {width:75%;  text-align: center;}
@media screen and (max-width: 768px) { #header2 .cont { width:100%; } }

#header2 h4 { display: inline-block;  margin: auto; padding-left: 15px; padding-right: 15px; font-family: bold; font-size: 25px; color: #fff; line-height: 30px; text-align: center;}
@media screen and (max-width: 768px) { #header2 h4 { font-size: 20px; line-height: 25px; padding-bottom:10px; float: none;} }

#header2 a {text-decoration: none; color: red; }

#header2 a:hover { color: #fff; }

#header2 .b2 a { display:inline-block; width:300px; margin:6px 6px 0; padding:10px 10px; color:#fff; font-family:Bold; font-size:30px; text-align:center; text-decoration: none; border-radius:26px; border: 4px solid white; box-shadow:inset 0 -2px 0 rgba(180,0,0,0.1); background-color: red; }
@media screen and (max-width: 768px) { #header2 .b2 a { display: inline-block; width: 100%; margin: 4px 0;  font-family: Bold; font-size: 30px;  border-radius:26px; border: 4px solid black; } }

#header2 .b2 a:hover { color: #000; background:rgba(255,240,0,0.7); }
@media screen and (max-width: 768px) { #header2 .b2 a:hover { color: #000; background:rgba(255,240,0,0.7);   } }

#header2 .b2 a:active { background: #fff; }
@media screen and (max-width: 768px) { #header2 .b2 a:active {  background: #fff;  } }



/* ------------------------- Navigation Bar ----------------------------------*/

nav#top { width: 100%; height: 100px; }
@media screen and (max-width: 768px) { nav#top { height: auto; } }

nav#top ul { position: relative; float: left; height: 100%; clear: both; }
@media screen and (max-width: 768px) { nav#top ul#nav-nq { display: none; clear: both;} }

nav#top ul li { display: block; float: left; list-style: none; }

nav#top ul a { display: block; margin-top:15px; padding: 10px; color: #000; font-family: Bold; font-size: 14px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; text-decoration: none; transition: 0s; }

nav#top ul a:hover { color: #FF0000; background: url(../../images/bg-01.jpg); transition: none; }

nav#top ul a:active { color:#000; transition: none; }

nav#top ul#nav-nq li:first-child a { font-family: Icon; font-size: 36px; margin: 5 0;}

nav#top img { position: absolute; border: none; }
@media screen and (max-width: 768px) { nav#top img { position: relative; max-width: 64%; height: auto; margin: 4px 0; } }

nav#top #nav-mq { display: none; }
@media screen and (max-width: 768px) { nav#top #nav-mq { display: none; height: 550px; } }

nav#top #nav-mq > ul { display: block; float: none; }

nav#top #nav-mq li { float: none; }

nav#top #nav-mq a { font-size: 18px; display: block;}

nav#top #nvbt, nav#top #nvbt2 { display: none; float: right; margin: 12px 0; padding: 17px 20px; color: rgba(0, 0, 0, 0.8); font-family: Icon; font-size: 26px; border: solid 1px rgba(0, 0, 0, 0.15); border-top: solid 1px rgba(0, 0, 0, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.25); border-radius: 6px; background: #fff; }
@media screen and (max-width: 768px) { nav#top #nvbt, nav#top #nvbt2 { display: block;  } }

nav#top #nvbt2 { display: none; color: #bbb; text-shadow: 0 1px 0 #fff; border-top: solid 1px rgba(0, 0, 0, 0.25); border-bottom: solid 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.05); }



/* ------------------------- Main Container ----------------------------------*/

.cont { position: relative; width: 1100px; margin: 0 auto; padding: 0 50px; text-align:center;}
@media screen and (max-width: 768px) { .cont { width: 100%; padding: 0 12px; } }

.cont h4 {text-align: center; display: inline; line-height: 1.25; }

.cont h1 { width:825px; text-align: center; display: inline-block; font-size: 36px; font-family: bold;}
@media screen and (max-width: 768px) { .cont h1 { width: 100%; } }

.cont2 { width: 100%; height: auto; margin: 0 auto; text-align: center; display: inline-block;}
@media screen and (max-width: 768px) { .cont2 { width: 50%; } }

.cont3 { position: relative; width: 875px; margin: 0 auto; padding: 0 50px; text-align:left;}
@media screen and (max-width: 768px) { .cont3 { width: 90%; padding: 0 12px; } }

.cont3 p { font-family: Regular; font-size: 17px; line-height: 20px; padding-bottom: 4px;}

.cont4 { width: 265px; float: left; margin: 0 auto; font-size: 16px; line-height: 20px;}
@media screen and (max-width: 768px) { .cont4 { width:100%; margin: 0 auto; padding-bottom: 20px;  } }


/* ------------------------- Container Under Header --------------------------*/

#lf1 { width: 100%; height: auto; text-align: center; border-top: solid 2px rgba(0, 0, 0, 0.04); border-bottom: solid 2px rgba(0, 0, 0, 0.075); background: url(../../images/bg-01.jpg); }
@media screen and (max-width: 768px) { #lf1 { width: 100%; height: auto; margin: 0 auto; float: none; } }

#lf1 .cont { display:block; width: 900px; margin: auto; padding-top: 40px; padding-bottom: 40px; }
@media screen and (max-width: 768px) { #lf1 .cont { width: 90%; margin: 0 auto;  overflow: hidden;} }

#lf1 h2 { font-family: Bold; font-size: 35px; line-height: 32px; text-align: center; padding: 10px; text-transform: uppercase;}
@media screen and (max-width: 768px) { #lf1  h2 { width:100%; line-height: 35px; text-align: center; } }

#lf1 h3 {font-family: bold; font-size: 28px; color: #ff0000; text-align: center; padding-bottom: 15px; }
@media screen and (max-width: 768px) { #lf1  h3 { line-height: 32px; } }

#lf1 h4 {float:left; margin-right: 30px; font-family: bold; font-size: 25px; line-height: 30px; color: #000; text-align: center;}
@media screen and (max-width: 768px) { #lf1  h4 { line-height: 32px; padding-bottom:10px; float: none;} }

#lf1 img {margin: 5px 5px 15px 5px; Padding: 5px; border-radius: 15px; background: #fff; }
@media screen and (max-width: 768px) { #lf1 img { margin: 0 auto; width:90%; float:none; } }

#lf1 .cont2 { width: auto; margin: auto; text-align: center;}
@media screen and (max-width: 768px) { #lf1 .cont2 { padding-bottom:5px; width:100%;  text-align: center;} }

#lf1 .cont2 img {margin: 5px 5px 15px 5px; Padding: 5px; border-radius: 15px; background: #fff; }
@media screen and (max-width: 768px) { #lf1 .cont2 img { padding-bottom:5px; width:60%;  text-align: center;} }

#lf1 a {text-decoration: none; color: #ff0000;}
#lf1 a:hover { color:#000; }

#lf1 .b p.bold {font-family: Bold; font-size: 25px; text-align: center; margin-bottom: 20px;}


/* --- Container for Categories  ---------------------------------------------*/

#lf2 { position: relative; padding: 10px;   background: #fff; background: url(../../images/bg-02.jpg);  }
@media screen and (max-width: 768px) { #lf2 { width: 100%; margin: 0 auto; } }

#lf2 h4 { padding: 10px 0; font-family: Bold; font-size: 24px; text-align: center; }

#lf2 h3 { padding: 24px 0; font-family: Bold; font-size: 30px; text-align: center; }

#lf2 .b { width: 1000px; margin: 0 auto;}
@media screen and (max-width: 768px) { #lf2 .b { float: none; width: 100%; margin: 0 auto; } }

#lf2 .b p.bold {font-family: Bold; font-size: 25px; text-align: center;}
@media screen and (max-width: 768px) { #lf2 .b p.bold { width: 100%; } }

#lf2 .b h3 { padding: 24px 0; font-family: Bold; font-size: 26px; text-align: center; }
@media screen and (max-width: 768px) { #lf2 .b h2 { padding: 12px 14px; color: #fff; font-size: 24px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.64); } }

#lf2 .b a { display:inline-block; width:300px; margin: 6px 6px 0; padding:10px 10px; color:#000; font-family:Bold; font-size:15px; text-align:center; text-decoration: none; border-radius:3px; box-shadow:inset 0 -2px 0 rgba(180,0,0,0.1); background-color: #fff000; }
@media screen and (max-width: 768px) { #lf2 .b a { display: inline-block; width: 100%; margin: 4px 0; padding: 14px; font-family: Bold; font-size: 18px;   } }

#lf2 .b a:hover { color: #000; background:#87CEFA; }
@media screen and (max-width: 768px) { #lf2 .b a:hover { color: #000; background:#87CEFA;   } }

#lf2 .b a:active { background: #fff; }
@media screen and (max-width: 768px) { #lf2 .b a:active {  background: #fff;  } }

#lf2 .b2 a { display:inline-block; width:300px; margin: 6px 6px 0; padding:10px 10px; color:#fff; font-family:Bold; font-size:30px; text-align:center; text-decoration: none; border-radius:26px; border: 4px solid black; box-shadow:inset 0 -2px 0 rgba(180,0,0,0.1); background-color: red; }
@media screen and (max-width: 768px) { #lf2 .b2 a { display: inline-block; width: 90%; padding: 14px; font-family: Bold; font-size: 30px;  border-radius:26px; border: 4px solid black; } }

#lf2 .b2 a:hover { color: #000; background:rgba(255,240,0,0.7); }
@media screen and (max-width: 768px) { #lf2 .b2 a:hover { color: #000; background:rgba(255,240,0,0.7);   } }

#lf2 .b2 a:active { background: #fff; }
@media screen and (max-width: 768px) { #lf2 .b2 a:active {  background: #fff;  } }

#lf2 .b3 a { display:inline-block; width:300px; margin: 6px 6px 0; padding:10px 10px; color:#000; font-family:Bold; font-size:20px; text-align:center; text-decoration: none; border-radius:26px; border: 4px solid black; box-shadow:inset 0 -2px 0 rgba(180,0,0,0.1); background-color: #fff000; }
@media screen and (max-width: 768px) { #lf2 .b3 a { display: inline-block; width: 100%; margin: 4px 0; padding: 14px; font-family: Bold; font-size: 20px;  border-radius:26px; border: 4px solid black; } }

#lf2 .b3 a:hover { color: #000; background:rgba(255,240,0,0.7); }
@media screen and (max-width: 768px) { #lf2 .b3 a:hover { color: #000; background:rgba(255,240,0,0.7);   } }

#lf2 .b3 a:active { background: #fff; }
@media screen and (max-width: 768px) { #lf2 .b3 a:active {  background: #fff;  } }

#lf2 .c { width: 100%; margin: auto; text-align: center;}
@media screen and (max-width: 768px) { #lf2 .c { float: none; width: 100%; margin: 0 auto; } }

#lf2 .c a { display:inline-block; width:300px; margin: auto; padding:10px 10px; color:#000; font-family:Bold; font-size:15px; text-align:center; text-decoration: none; border-radius:3px; box-shadow:inset 0 -2px 0 rgba(180,0,0,0.1); background-color: #fff000; }
@media screen and (max-width: 768px) { #lf2 .c a { display: inline-block; width: 100%; margin: 4px 0; padding: 14px; font-family: Bold; font-size: 14px; } }

#lf2 .c a:hover { color: #000; background:#87CEFA; }
@media screen and (max-width: 768px) { #lf2 .c a:hover { color: #000; background:#87CEFA;   } }

#lf2 .c a:active { background: #fff; }
@media screen and (max-width: 768px) { #lf2 .c a:active {  background: #fff;  } }
@media screen and (max-width: 768px) { #lf2 img { margin-bottom:5px; width:100%; height: auto; } }

b { font-family: Bold; }

#lf2 .cont h1 {padding: 24px 0; font-family: Bold; font-size: 40px; text-align: center;}
@media screen and (max-width: 768px) { #lf2 .cont h1 { width: 100%; } }

#lf2 .cont h2 {padding: 24px 0; font-family: Bold; font-size: 30px; text-align: center;}
@media screen and (max-width: 768px) { #lf2 .cont h2 { width: 100%; } }

#lf2 .cont p { width:825px; font-family: Regular; padding: 10px; font-size: 16px; line-height: 20px; text-align: justify; display:inline-block; }
@media screen and (max-width: 768px) { #lf2 .cont p { width: 100%; font-size: 17px; line-height: 22px; } }

#lf2 .cont p.2 { width:825px; font-family: Regular; padding: 10px; font-size: 16px; line-height: 20px; float:right; }
@media screen and (max-width: 768px) { #lf2 .cont p.2 { width: 100%; } }

#lf2 .cont p.bold { font-family: Bold; padding: 15px; font-size: 20px; line-height: 20px; text-align: center;}

#lf2 .cont p.bold2 { font-family: Bold; padding: 15px; font-size: 25px; line-height: 20px; text-align: center;}

#lf2 .cont a.two { font-family: Bold; padding: 15px; font-size: 30px; text-align: center; text-decoration: none; color: red; }
@media screen and (max-width: 768px) { #lf2 .cont a.two { width: 100%; } }

#lf2 .cont a.two:hover { font-family: Bold; padding: 15px; text-align: center; text-decoration: none; color: blue; }


#lf2 .cont2 { width:875px; }
@media screen and (max-width: 768px) { #lf2 .cont2 { width:100%; height: auto; margin: 0 auto;} }

#lf2 .cont2 img { margin-left: 25px; float: left; border-radius: 10px; }
@media screen and (max-width: 768px) { #lf2 .cont2 img { width: 70%; float: none; margin: 0 auto;  } }

#lf2 .cont2 img.l { margin-left: 25px; float: left; border-radius: 10px; }
@media screen and (max-width: 768px) { #lf2 .cont2 img.l { width: 70%; float: none; margin: 0 auto; } }

#lf2 .cont2 p { font-family: Regular; font-size: 16px; line-height: 22px;}
@media screen and (max-width: 768px) { #lf2 .cont2 p { margin: 0 auto; float:none; width: 100%; font-size: 17px; line-height: 22px; } }

#lf2 .cont2 p.two { width:475px; font-family: Regular; font-size: 15px; line-height :normal; float:right; margin-right: 20px;}
@media screen and (max-width: 768px) { #lf2 .cont2 p.two { margin: 0 auto; float:none; line-height:normal; width: 100%; } }

#lf2 .cont2 span { font-family: bold; font-size: 25px; color: green; float:left; margin-right: 10px;}
@media screen and (max-width: 768px) { #lf2 .cont2 span {  line-height: 1; } }

#lf2 .cont2 a img{ margin: 10px; }
@media screen and (max-width: 768px) { #lf2 a img { width:60%; } }

#lf2 hr { height:1px; width:825px; border-top:6px solid #F00; margin-top:10px;}
@media screen and (max-width: 768px) { #lf2 hr { width:100%; } }

#lf2 .cont3 { Padding: 5px; float:left; display: inline-block; }
@media screen and (max-width: 768px) { #lf2 .cont3 { padding-bottom:5px; width:50%;  text-align: center;} }

#lf2 .cont4 { display: inline-block; Padding: 5px; float:right; }
@media screen and (max-width: 768px) { #lf2 .cont4 { padding-bottom:5px; width:100%;  text-align: center; } }


/* ------------------------- Container Under Header --------------------------*/

#lf3 { width: 100%; height: auto; text-align: center; border-top: solid 2px rgba(0, 0, 0, 0.04); border-bottom: solid 2px rgba(0, 0, 0, 0.075); background: url(../../images/bg-01.jpg); }
@media screen and (max-width: 768px) { #lf3 { width: 100%; height: auto; margin: 0 auto;} }

#lf3 .cont { width: 900px; margin: auto; padding-top: 40px; padding-bottom: 40px; text-align: center;}
@media screen and (max-width: 768px) { #lf3 .cont { width: 100%; margin: 0 auto; } }

#lf3 h2 { font-family: Bold; font-size: 35px; line-height: 32px; text-align: center; padding: 10px; text-transform: uppercase;}
@media screen and (max-width: 768px) { #lf3  h2 { line-height: 32px; text-align: center; } }

#lf3 h3 {font-family: bold; font-size: 28px; color: #ff0000; text-align: center; padding-bottom: 15px; }
@media screen and (max-width: 768px) { #lf3  h3 { line-height: 32px; } }

#lf3 h4 {float:left; margin-right: 30px; font-family: bold; font-size: 25px; line-height: 30px; color: #000; text-align: center;}
@media screen and (max-width: 768px) { #lf3  h4 { line-height: 32px; padding-bottom:10px; float: none;} }

#lf3 img { border-radius: 15px; }
@media screen and (max-width: 768px) { #lf3 img { width: 100%; height: auto; } }

#lf3 a {text-decoration: none; color: #ff0000;}
#lf3 a:hover { color:#000; }



/* -------------------------FOOTER -------------------------------------------*/

footer { width: 100%; height: auto; padding-top: 10px; background: rgba(0, 0, 0, 0.84);  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { footer { width: 100%; margin: 0 auto; overflow-x: hidden;} }

footer p { display: block; width:30%; font-family: bold; font-size: 20px; color: #fff; padding-bottom: 20px; line-height: 25px; text-align: center; margin: 0 auto;}
@media screen and (max-width: 768px) { footer p { display: block; width: 100%; } }

footer .p2 { width:100%; font-family: bold; font-size: 20px; color: #fff; padding-bottom: 30px; line-height: 25px; text-align: center; float: left;}
@media screen and (max-width: 768px) { footer .p2 { display: block; } }

footer a { text-decoration: none; color: #ff0000; }
footer a:hover { color:#fff; }

footer h3 { width:100%; font-family: bold; font-size: 12px; color: #fff; line-height: 25px; text-align: center; }
@media screen and (max-width: 768px) { footer h3 { display: block; width: 100%; } }

footer .b2 a { display:inline-block; width:300px; margin: 0 auto; padding:10px 10px; color:#fff; font-family:Bold; font-size:30px; text-align:center; text-decoration: none; border-radius:26px; border: 4px solid #fff; box-shadow:inset 0 -2px 0 rgba(180,0,0,0.1); background-color: red; }
@media screen and (max-width: 768px) { footer .b2 a { display: block; width: 100%; margin: 0 auto; font-family: Bold; font-size: 30px;  border-radius:26px; border: 4px solid #fff; } }

footer .b2 a:hover { color: #000; background:rgba(255,240,0,0.7); }
@media screen and (max-width: 768px) { footer .b2 a:hover { color: #000; background:rgba(255,240,0,0.7);   } }

footer .b2 a:active { background: #fff; }
@media screen and (max-width: 768px) { footer .b2 a:active {  background:#fff;  } }

footer .cont { width:100%; margin: 0 auto; }
@media screen and (max-width: 768px) { footer .cont { width: 100%; display: block; margin: 0 auto;} }

footer p.am { font-size:30px; line-height:35px;}
@media screen and (max-width: 768px) { footer p.am { width:100%; display: block; text-align: center; } }

footer .cont1 { width:100%; display:flex; align-items: center; justify-content: center; margin-right:5px; margin-left:5px; }
@media screen and (max-width: 768px) { footer .cont1 { width:100%; display: block; text-align: center; } }

footer .cont1 img {margin: 15px 10px 15px 10px; Padding:5px; border-radius: 10px; background:#fff; }
@media screen and (max-width: 768px) { footer .cont1 img { width: 50%;  text-align: center; } }

footer .cont2 { width:auto; display:flex; align-items: center; justify-content: center; margin-right:5px; margin-left:5px; }
@media screen and (max-width: 768px) { footer .cont2 { width: 100%; display: block; text-align: center; } }

footer .cont2 img {margin: 15px 10px 15px 10px; Padding:5px; border-radius: 10px; background:#fff; }
@media screen and (max-width: 768px) { footer .cont2 img { width: 50%; text-align: center; } }

footer .cont2 p { display:block; width:100%; font-size:12px; line-height:15px; }

footer .cont2 p.bold { font-size:18px; text-align:center;}


/* ------------------------- Clear Floats ------------------------------------*/
.float { clear:both; }


/* ------------------------- Extras ------------------------------------------*/
p.bold {font-family: Bold; font-size: 18px;}

@media screen and (max-width: 768px) { .nc-inner iframe { height: 300px; width:100%; } }

@media screen and (max-width: 768px) { .nc-inner img { width:100%; } }



#fly { position: relative; width: 100%; height: 90px; }

#fly .cont { position: relative; height: 100%; text-align: center; }

#fly .flybox { display: table; height: 100%; margin: 0 auto; }

#fly .flybox a { position: relative; display: table-cell; width: 220px; vertical-align: middle; color: #275187; font-family: Regular; font-size: 14px; letter-spacing: -1px; text-decoration: none; overflow: visible; transition: ease 0.2s; }

#fly .flybox a:hover { color: #f90; }

#fly .flybox a p { position: relative; display: block; width: 100px; margin-left: 65px; margin-right: 35px; padding: 8px 10px; text-align: left; z-index: 900; }

#fly .flybox a:nth-child(2) p { margin-right: 0; }

#fly .flybox a img { position: absolute; top: 1px; left: 0; border: solid 4px #fff; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); transform: rotate(-8deg); z-index: 800; transition: ease 0.2s; }

#fly .flybox a:hover img { border: solid 4px #fff000; transition: ease 0.2s; }

#fly .flybox a p span { display: block; margin-top: 6px; margin-bottom: -4px; font-family: Bold; font-size: 11px; color: #bbb; letter-spacing: 0; }



.map-container { max-width: 800px;  margin: 0 auto;  overflow: hidden;  }

.map { width: 30%;  margin-right: 20px; float: left; overflow: hidden; }
@media (max-width: 600px) { .map  { width: 100%; text-align: center; display: block; font-size: 16px; float: none; margin-bottom: 20px; } }

.map:last-child { margin-right: 0; }

.map a  { font-size: 16px; text-decoration: none; text-align: center; color: red; display: inline-block; }
@media (max-width: 600px) { .map a  { width: 100%; text-align: center; display: block; font-size: 20px; } }



iframe { width: 800px;  height: 400px; }
@media (max-width: 600px) { iframe { width: 100%; margin-right: 0; margin-bottom: 20px; } }