@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Open Sans';    
    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-weight: normal;
    font-weight: 400;
    font-style: normal;

}

body{background:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; color:#31343c}

a{color:#009fea; text-decoration:none; outline:none}
a:hover{color:#009fea; text-decoration:underline}

p{margin-bottom:20px}

a.logo{width:268px; height:380px; background:rgba(255,255,255,.9); text-align:center; display:block; margin:auto; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; box-shadow:0 0 6px #555; -moz-box-shadow:0 0 6px #555; -webkit-box-shadow:0 0 6px #555; -o-box-shadow:0 0 6px #555; padding:15px 55px 0; position:absolute; z-index:9999; top:0; left:50%; margin-left:-134px}

a.logo img{width:100%}

.banner{
	background:url(../images/banner-1.jpg) center top no-repeat;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height:575px
}

.site-heading{background:#d1381c; padding:22px 10px; font-family:"Trebuchet MS"; font-weight:bold; font-size:48px; color:#fff; text-align:center; line-height:48px; text-transform:uppercase; text-shadow:0 0 6px #444}

.section{padding:50px 0}
.section-grey{background:#e1e1e1}
.section-categories{padding-bottom:20px}

.list-element{margin-bottom:30px; font-family:"Trebuchet MS"; background:#fff; box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; -o-box-shadow:0 0 5px #999}
.list-element ul{position:relative}
.list-element ul, .list-element li{margin:0; padding:0; list-style:none}
.list-element li a{padding:22px 10px 0 95px; font-weight:bold; font-size:22px; text-transform:uppercase; background-repeat:no-repeat; background-size:76px 76px; text-decoration:none; display:block; outline:none; color:#31343C; height:76px}
.list-element li:hover a, .list-element li.active a{background-color:#0085c3; color:#fff}
.list-element li:hover li a, .list-element li.active li a{background:none; color:#31343C}

.list-element li.orange:hover a, .list-element li.orange.active a{background-color:#f56114}
.list-element li.orange:hover li a, .list-element li.orange.active li a{background:none; color:#31343C}

.list-element ul ul{position:absolute; z-index:1000; background:#fff; top:76px; left:0; width:100%; display:none; box-shadow:0 2px 5px #999; -moz-box-shadow:0 2px 5px #999; -webkit-box-shadow:0 2px 5px #999; -o-box-shadow:0 2px 5px #999}
.list-element ul ul li{padding:0 10px 0 95px; border-bottom:1px solid #cbcbcb; background:url(../images/bullet-arrow.gif) no-repeat 0 -2px; background-size:76px 100px; word-wrap:break-word}
.list-element ul ul li a{font-family:'Open Sans', Arial, Helvetica, sans-serif;  color:#31343c; padding:10px 0; font-weight:normal; font-size:18px; text-transform:none; background:#fff; height:auto}

.list-element ul ul li:hover{background-color:#f5f5f5}
.list-element ul ul li:hover a{color:#0085c3; background-color:#f5f5f5}

.page-heading{font-family:"Trebuchet MS"; font-size:30px; text-transform:uppercase; color:#31343c; text-align:center; padding:20px 0 5px; border-bottom:1px solid #31343c}
.page-heading-bot{background:url(../images/arrow.gif) no-repeat center top; height:12px; background-size:20px 10px}

.content{padding:40px 0 50px; border-bottom:1px solid #e1e1e1; line-height:30px}

.frm-contact{width:70%; margin:auto}
.frm-contact .heading{padding-bottom:40px; color:#666}
.frm .row{margin:0 0 30px 0}
.frm label{font-weight:normal; padding-top:10px}
.frm .form-control{padding:15px; background:#f0f0f0}
.frm .btn{padding:10px 30px; background:#009fea; color:#fff; font-size:20px}
.frm .btn:hover{background:#0085c3} 

.newsletter-holder{background:#31343c}
input.txt-newsletter{padding:13px 12px; font-size:16px; color:#31343c; width:100%; border:6px solid #31343c}
.btn-submit{font-family:"Trebuchet MS"; color:#fff; font-size:20px; background:#31343c; padding:16px 10px; border:none; width:100%; text-transform:uppercase; margin-top:10px}

.section-app-dnld{margin-top:40px; text-align:center; border-top:1px solid #c2c2c2; padding-top:40px}
.app-android{width:183px; height:62px; background:url(../images/app-android.png) no-repeat; display:inline-block}
.app-iOS{width:183px; height:62px; background:url(../images/app-iOS.png) no-repeat; display:inline-block}

#footer{background:#1f1f21; padding:25px 0 20px; font-size:18px; color:#9e9e9e; text-align:center}

#footer .links a{color:#9e9e9e; text-transform:uppercase; margin-right:20px}
#footer .links a:last-child{margin-right:0}

a.social{display:inline-block; width:32px; height:32px; margin-right:10px}
a.linkedin{background:url(../images/icon-linkedin.png) no-repeat}
a.googleplus{background:url(../images/icon-googleplus.png) no-repeat}
a.facebook{background:url(../images/icon-facebook.png) no-repeat}
a.pininterest{background:url(../images/icon-pininterest.png) no-repeat}
a.twitter{background:url(../images/icon-twitter.png) no-repeat}

#footer .social-links{padding-top:20px}
#footer .social-links a:last-child{margin-right:0}
#footer .copyright{font-size:16px; padding-top:20px}

@media (min-width: 768px) {
.btn-submit{margin-top:0}
#footer .links{text-align:center} 
#footer .social-links{padding-top:0; text-align:right}
#footer .copyright{padding-top:0; text-align:right}

}
@media (min-width: 992px) {
.row.newsletter-app{background:url(../images/line.gif) repeat-y 545px 0}
.section-app-dnld{margin-top:0; text-align:right; padding-top:0; border-top:none}
#footer .social-links{text-align:left}

}
@media (min-width: 1200px) {
.row.newsletter-app{background:url(../images/line.gif) repeat-y 700px 0}
}

@media (max-width: 1200px) {
.site-heading{padding:20px; font-size:40px}
}

@media only screen and (max-width: 992px){
a.logo{width:145px; height:200px; padding:10px 30px 0; margin-left:-65px}
.site-heading{padding:12px; font-size:30px}
.page-heading{font-size:25px}
.frm-contact{width:100%}
}
@media only screen and (max-width: 767px){
.site-heading{padding:12px 15px; font-size:22px; line-height:28px; text-shadow:0 0 4px #444}
.page-heading{font-size:20px}
.newsletter-holder{background:none}
}