/* =================================
	highlights CSS
================================= */



.head-top {background-image:url(../img/header-bg.jpg);
background-repeat: repeat-x;}
/*	text pic
============================== */
div.txt_area{
    padding: 0px 0 15px;
    margin: 0 0px 15px;

}
div.txt_area h2{
    color: #d70a30;
    line-height: 1.35;
    text-shadow: 1px 1px 2px #bfbfbf;
}

@media all and (min-width: 768px) {
div.txt_area h2{
    margin:10px 0px;
    font-size: 200%;

}
div.txt_area p{
    font-size: 93.8%;
     line-height: 2.5;
}
div.areaR{
    margin: 0px 0 15px 20px;
    float: right;
}




div.areaL{
    margin: 0px 20px 15px 0;
    float: left;
}
div.pics span{
    width: 420px;
    height: 268px;
    display: block;
    background-repeat: no-repeat;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
    background-size: 420px 268px;
}

div.pics1 span{
    width: 300px;
    height: 191px;
    display: block;
    background-repeat: no-repeat;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
    background-size: 300px 191px;
}




div.wide_pics span{
    width: 920px;
    height:181px;
    display: block;
    background-repeat: no-repeat;
    background-color: #6c6c6c;
    background-size: 920px 181px;
    margin: 30px 0 20px;
}

div.wide_pics2 span{
    width: 750px;
    height:181px;
    display: block;
    background-repeat: no-repeat;
    background-color: #6c6c6c;
    background-size: 750px 181px;
    margin: 10px auto;
}


}
@media all and (max-width: 767px) {
div.txt_area h2{
    margin-bottom: 15px;
    font-size: 100%;
}
div.txt_area{
    padding: 0px 0 15px;
    margin: 0 0px 15px;
}
div.txt_area p{
    font-size: 87.5%;
         line-height: 2.5;
}
div.pics span{
    margin: 0 auto 15px;
    width: 270px;
    height: 172px;
    background-size: 270px 172px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
}


div.pics1 span{
    margin: 0 auto 15px;
    width: 270px;
    height: 172px;
    background-size: 270px 172px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
}

div.wide_pics span{
    margin: 15px auto 10px;
    width: 270px;
    height: 53px;
    background-size: 270px 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
}


div.wide_pics2 span{
    margin: 15px auto 10px;
    width: 270px;
    height: 53px;
    background-size: 270px 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
}

}

/*  checkitout_area
============================== */
div.checkitout_area h2{
    color: #d70a30;
    line-height: 1.35;
    text-shadow: 1px 1px 2px #bfbfbf;
    text-align: center;
}
@media all and (min-width: 768px) {
div.checkitout_area h2{
    margin-bottom: 20px;
    font-size: 162.5%;
}
}
@media all and (max-width: 767px) {
div.checkitout_area h2{
    margin-bottom: 15px;
    font-size: 100%;
}
}