/*-------------------------------------------------
GLOBALS CLASSES 
-------------------------------------------------*/
*{padding:0; margin:0;}
body{font-family:"Garamond";
    font-size:14px;
    color:white;
    background:#A76565
}
header img{
    float:left;
}
header h2 {
    font-size:170%
}
main section ul {
    font-size:17px;
}
h1{
    font-family:"Garamond";
    font-size:40px;
    font-weight:normal;
    color:white;
    padding-top:60px;
    padding-bottom:20px;
    text-align:center;
}
h2{
    font-family:"Garamond";
    font-size:50px;
    font-weight:normal;
    font-color:white;
}
P{ line-height:20px;}
a{text-decoration:none; color:#ffed71;}
a:hover{color:#ffffff;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.clearing { clear:both;}
.marTop20{margin-top:20px;}
.marTop30{margin-top:30px;}
.marTop40{margin-top:40px;}
.marRight30{margin-right:30px;}
.bg-bottom{ background:none bottom !important;}
.panel{}
.title{}
.content{}
.button a{ text-decoration:none; background:url(../images/btn-bg.png) no-repeat; width:90px; height:30px; text-align:center; line-height:30px; display:block;}
.button a:hover{background:url(../images/btn-bghover.png) no-repeat; color:#04192f;}
.page-wrap{ width:960px; margin:0 auto; overflow:hidden;}
.wrap{ width:960px; margin:0 auto; overflow:hidden;}
.input-newsletter{ background:url(../images/newsletter-bg.png) no-repeat center; width:210px; height:46px; border:none; text-indent:10px; color:#fff;font-family:"Trebuchet MS"; font-size:14px;}


/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/

.header{
    background:#000;url(../images/bg2.jpg) repeat-x; height:200px; width:100%;}
.logo{
    width:120px;
    height:100px;
    margin:0 auto;}
.logo h1{
    color:#ffffff;
    font-size:45px;
    font-weight: normal;
    padding-top:30px;
    padding-bottom:40px;
    text-align:center;}
header {
    border-bottom: 3px solid #931420;
    padding-top: 1.5em;
    padding-bottom: 2em;
}

.circle {
    list-style-type:circle;
}
.tab { margin-left: 40px; }

h3 {
    font-family:"Garamond", Sans-Serif;
    color:white;
}

p {
    font-family:"Garamond", "sans-serif";
    font-size: 25px;
}
.container {
    max-width: 640px;
    margin: 30px auto;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}
.comment {
    display: block;
    transition: all 1s;
}
.commentClicked {
    min-height: 0px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 5px 10px
}
.container textarea {
    width: 100%;
    border: none;
    background: #E8E8E8;
    padding: 5px 10px;
    height: 50%;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #016BA8;
    transition: all 0.5s;
    margin-top: 15px;
}

.header img {
    float: left;
    width: 120px;
    height: 120px;
    background: #555;
    margin-top:40px;
}

.header h1 {
    position:relative;
    float:left;
    top: 18px;
    left: 10px;
}

/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
#nav {
    list-style-type: circle;
    margin:0;
    padding:0;
    text-align:center;
}
#nav li {
    display:block;
    position:relative;
    float:left;
    background: black; /* menu background color */
}
#nav li a {
    display:block;
    padding:0;
    text-decoration:none;
    width:253.1px;
    line-height:70px;
    color:#ffffff;
}
#nav li li a {font-size:120%;}
#nav li:hover {background:#003f20;} /* highlights current hovered list item and the parent list items when hovering over sub menues */
#nav ul {
    position:absolute;
    padding:0;
    left:0;
    display:none; /* hides sublists */
}
#nav li:hover ul ul {display:none;}
#nav li:hover ul {display:block;}
#nav li li:hover ul {
    display:block;
    position:relative;
    margin-left:200px;
    margin-top:-35px;
    z-index:999999;
}

* {
    box-sizing: border-box;
}

body {
    font-family: Garamond, Helvetica, sans-serif;
}

/* Float four columns side by side */
.column {
    float: left;
    width: 30%;
    padding: 50px; 75px 50px 50px;
}

/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    text-align: center;
    background-color: #f1f1f1;
}

main section p {
    text-align:center;
}

blockquote {
   font-family: Garamond, Helvetica sans-serif;
    font-size:130%;
    text-align:center;

}
/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner-wrap{width:960px; overflow:hidden; margin:0 auto;}
.banner{ height:430px; background:url(../images/banner-bg.png) no-repeat;}
.banner .banner-img{ margin:0 auto; padding-top:54px; width:420px;}
.shadow{ width:950px; height:38px; background:url(../images/shadow.png) no-repeat center; margin-bottom:45px;}

/*-------------------------------------------------
BOX CLASSES
-------------------------------------------------*/
.box{ width:300px; overflow:hidden; float:left;}
.box .panel .title{ background:url(../images/line-bg.jpg) repeat-x bottom; padding-bottom:25px; margin-bottom:25px;}
.box .panel .title span{ float:left; margin-right:12px;}
.box .panel .title h1{ color:#ffffff; font-weight:normal;}
/*-------------------------------------------------
WRAP2 CLASSES
-------------------------------------------------*/
.wrap2{ width:880px; height:75px; margin:0 auto; overflow:hidden; background:url(../images/box-bg.png) no-repeat; margin-top:60px; margin-bottom:60px; padding:40px 40px;}
.wrap2 .content{ width:500px; float:left;}
.icon{ float:left; width:35px; height:60px; margin-right:25px;}
.wrap2 h1{ color:#001325;}
.wrap2 .button{ float:right; display:block;}
.wrap2 .button a{background:url(../images/box-bg2.png) no-repeat;  width:220px; height:60px; font-size:26px; line-height:60px; text-transform:uppercase; padding-left:40px;}
.wrap2 .button a:hover{ width:220px; height:60px; padding-left:40px; background:url(../images/box-bg2hover.png) no-repeat; color:#ec3600;}

/*-------------------------------------------------
WRAP3 CLASSES
-------------------------------------------------*/
.wrap3{ width:960px; margin:0 auto;}
.wrap3 .panel{ width:300px; float:left;}
.wrap3 .panel .title{ padding-bottom:30px;}
.wrap3 .panel .title h1{ color:#ffffff;}
.wrap3 .panel .content img{ margin-bottom:20px;}
.wrap3 .panel .content p a{ color:#ffed71; text-decoration:underline; font-style:italic; padding-top:30px; display:block;}
.wrap3 .panel .content p a:hover{ color:#fff; text-decoration:none;}
.wrap3 .panel .content .icon{ float:left; padding-right:20px;}
.wrap3 .panel .content spna{ text-decoration:underline; color:#ffffff;}
.wrap3 .panel .content ul{padding-top:30px;}
.wrap3 .panel .content ul li{ list-style:none; background:url(../images/line-bg.jpg) repeat-x bottom; line-height:38px;}
.wrap3 .panel .content ul li a{ text-decoration:none; color:#ffffff;}
.wrap3 .panel .content ul li a:hover{color:#ffed71;}

/*-------------------------------------------------
COLS CLASSES
-------------------------------------------------*/
.leftcol{ float:left; width:630px; overflow:hidden; margin-top:30px;}
.leftcol .panel{ width:100%;}
.leftcol .panel .title{ background:url(../images/line-bg.jpg) repeat-x bottom; padding-bottom:25px; margin-bottom:25px;}
.leftcol .panel .title h1{ text-transform:uppercase;}
.leftcol .panel .content h2{ color:#1e3246; padding-bottom:15px; padding-top:10px;}
.leftcol .panel .title span{ font-size:18px; color:#1e3246;}
.leftcol .panel .content p{ padding-bottom:20px;}
.leftcol .panel .content img{ float:left; margin-right:20px; background:#dd2900; padding:3px; border:#f32d00 solid 2px;}


.rightcol{ float:right; width:300px; overflow:hidden; margin-top:30px;}

/* carousel css */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Make the images invisible by default */
.Containers {
    display: none;
}

/* forward & Back buttons */
.Back, .forward {
    cursor: pointer;
    position: absolute;
    top: 48%;
    width: auto;
    margin-top: -23px;
    padding: 17px;
    color: grey;
    font-weight: bold;
    font-size: 19px;
    transition: 0.4s ease;
    border-radius: 0 5px 5px 0;
    user-select: none;
}

/* Place the "forward button" to the right */
.forward {
    right: 0;
    border-radius: 4px 0 0 4px;
}

/*when the user hovers,add a black background with some little opacity */
.Back:hover, .forward:hover {
    background-color: rgba(0,0,0,0.8);
}

/* Caption Info */
.Info {
    color: #e3e3e3;
    font-size: 16px;
    padding: 10px 14px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

/* Worknumbering (1/3 etc) */
.MessageInfo {
    color: #f2f2f3;
    font-size: 14px;
    padding: 10px 14px;
    position: absolute;
    top: 0;
}

/* The circles or bullets and indicators */
.dots {
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 0 3px;
    background-color: #acc;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.5s ease;
}

.enable, .dots:hover {
    background-color: #717161;
}

/* Faint animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.4s;
    animation-name: fade;
    animation-duration: 1.4s;
}

@-webkit-keyframes fade {
    from {opacity: .5}
    to {opacity: 2}
}

@keyframes fade {
    from {opacity: .5}
    to {opacity: 2}
}

/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.footer-wrap{ background:url(../images/bg2.jpg); margin-top:80px; margin-bottom:30px; overflow:hidden;}
.footer-wrap .wrap{ width:960px; margin:0 auto;background:url(../images/footerbg-light.png) no-repeat center; height:208px; padding-top:60px; padding-bottom:60px; overflow:hidden;}
.footer-wrap .wrap .panel{width:300px; float:left;}



.footer-wrap .wrap .panel .content ul{ padding-bottom:30px; margin-bottom:20px; overflow:hidden;}
.footer-wrap .wrap .panel .content ul li{list-style:none; float:left;}
.footer-wrap .wrap .panel .content ul li .button{ background:url(../images/signup-btn.png); width:80px; height:46px; border:none; font-size:18px; color:#3d1a1b;  font-family:"Trebuchet MS"; margin-left:10px;}

.cotact{width:300px;}
.cotact ul li{ border-bottom:#0d304f solid 1px; list-style:none; line-height:50px;}
.cotact ul li img{ padding-right:10px;}


.copyright-wrap{ background:url(../images/bg3.jpg) repeat-x center; height:63px; padding-top:45px;padding-bottom:15px;}
.copyright-wrap .content{text-align:center; color:#feaf32;}
.copyright-wrap .content p a{ color:#feaf32; text-decoration:none;}
.copyright-wrap .content p a:hover{ color:#ffffff;}
.copyright-wrap .content p a.active{ color:#ffffff;}