@font-face {
 font-family: cambria;
 src: url("Cambria.eot") /* EOT file for IE */
}
@font-face {
 font-family: cambria;
 src: url("Cambria.ttf") /* TTF file for CSS3 browsers */
}



@font-face {
 font-family: cambriaBld;
 src: url("CambriaBold.eot") /* EOT file for IE */
}
@font-face {
 font-family: cambriaBld;
 src: url("CambriaBold.ttf") /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: adam;
 src: url("adam.eot") /* EOT file for IE */
}
@font-face {
 font-family: adam;
 src: url("adam.ttf") /* TTF file for CSS3 browsers */
}



body {

direction: ltr;
width:100%;
font-size:14px;
font-family: Arial;
height:100%;

}





.clearfix {
  overflow: auto;
  zoom: 1;

}



.flexer {

display: flex;
  
  /* Then we define the flow direction and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;

  align-items: stretch;


}


#header {
height: 100px;
    background-color: #630d0d;

} 


.logo {

font-family:cambriaBld;
font-weight:bold;
font-size:3.0em;

color:#c4151b;

padding:0;

background-color:#fff;
text-align:center;

margin-top:3px;
margin-bottom:3px;
min-height:72px;
}

.logo a {
color:#c4151b;
text-decoration:none;
}

#nav2 {
color:#f2f2f2;
font-size:1.3em;
padding:1px;
padding-right:10px;
padding-left:10px;
background-color:#600;
}


#nav1 {
color:#f2f2f2;
font-size:1.3em;
padding:1px;
padding-right:10px;
padding-left:10px;
margin-top:2px;
background-color:#300;
}


#nav3 {


color:#f2f2f2;
font-size:1.3em;
padding-top:3px;
padding-right:10px;
padding-left:10px;
display:block;
}



h3 {

padding:10px;
margin:0;
}

h4 {

padding:10px;
margin:0;
}

h5 {

padding:10px;
margin:0;
}

#content {
background-color: #fff;
}


.secthead {
font-family:Arial;
font-size:1.4em;

padding-top:10px;
}




hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

.maincont2 {
overflow:hidden;
display:block;
}
 
.mm {
  margin-bottom: -2000px;
  padding-bottom:2000px;

}

.maincont h3 {
font-family:Arial;
font-size:1.0em;

}



.maincont h4 {
color:#444;
font-size:0.8em;
}

h5 {
color:#222;

}

.scroll {
height:400px;
overflow-x:hidden;
overflow-y:scroll;


}


.container1 {
background-color:#f2f2f2;
padding:5px;
height:486px;
overflow:hidden;
}


.container1b {
color:#fff;
padding:5px;
margin-bottom:10px;
height:134px;
overflow:hidden;
}


.container1c {

height:330px;
overflow:hidden;
}


.container2 {

background-color:#fff;
padding:5px;
height:350px;
overflow:hidden;
}


.container2 h3 {
font-size:1.0em;
}



.container3 {
color:#fff;
height:270px;
overflow:hidden;
}

.container4 {
padding:5px;
margin-top:10px;
color:#fff;
height:86px;
overflow:hidden;
}

.container5 {
color:#fff;
padding:5px;
margin-top:10px;
height:87px;
overflow:hidden;
}

.container7 {
color:#fff;
padding:10px;

}

.container3f {
color:#fff;
padding:10px;
height:333px;
overflow:hidden;
}


.article {
background-size:auto 100%;
padding-right:100px;
margin:5px;
}


.cartcont {

color:#222;
background-color:#f2f2f2;
padding:5px;


}


#text2 {
font-size:0.8em;
margin-bottom:1.2em;
text-align:justify;
color:#000;
line-height:1.3em;
}




.jcarousel {
    position: relative;
    overflow: hidden;
 padding:0;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
margin: 0;
    padding: -10px;
}






.jcarousel2 {
    position: relative;
    overflow: hidden;
 padding:0;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel2 ul {
    width:270px;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/





.jcarousel3 {
    position: relative;
    overflow: hidden;
 padding:0;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel3 ul {
    width: 200000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}




.wnow {
list-style: none;
margin: 0;
    padding: 0;

}




.wnow li{
list-style: none;
margin: 0;
    padding: 0;

}


li{
list-style: none;
margin: 0;
    padding: 0;

}







sub { 
    vertical-align: sub;
    font-size: 12px;
color:#000;

}


.jumpto {
width:100%;

}






.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12,
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11,
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10,
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9,
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8,
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7,
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6,
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5,
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4,
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3,
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2,
.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 {
margin:0;
padding:0;
}




.opcont2 {
overflow:hidden;
height:110px;
}

.container3e {
color:#fff;
padding:10px;
min-height:350px;
}


.btn {

padding:6px 8px;
}



.modal.custom .modal-dialog .modal-content {
    background-color:#fff;
font-size:.9em;
   color:#300;
}

.modal.custom .modal-dialog .modal-header {

font-family:cambria;
color:#c4151b;
background-color:#f2f2f2;
}

.modal.custom .modal-dialog .modal-footer {

font-family:cambria;
color:#fff;
background-color:#300;
}