@charset "utf-8";
@import url("fontawesome-4.2.0.min.css");

#topbar {
    padding: 10px 0 0 0;
    text-align: right;
    font-size: .8em
}

@font-face {
    font-family: 'Amarante';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/amarante-v4-latin-regular.eot');
    src: local('Amarante Regular'), local('Amarante-Regular'), url('fonts/amarante-v4-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/amarante-v4-latin-regular.woff2') format('woff2'), url('fonts/amarante-v4-latin-regular.woff') format('woff'), url('fonts/amarante-v4-latin-regular.ttf') format('truetype'), url('fonts/amarante-v4-latin-regular.svg#Amarante') format('svg')
}

@font-face {
    font-family: 'Adamina';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/adamina-v9-latin-regular.eot');
    src: local('Adamina Regular'), local('Adamina-Regular'), url('fonts/adamina-v9-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/adamina-v9-latin-regular.woff2') format('woff2'), url('fonts/adamina-v9-latin-regular.woff') format('woff'), url('fonts/adamina-v9-latin-regular.ttf') format('truetype'), url('fonts/adamina-v9-latin-regular.svg#Adamina') format('svg')
}
@font-face {font-family:"Algeria";src:url("ALGERIA.eot?") format("eot"),url("ALGERIA.woff") format("woff"),url("ALGERIA.ttf") format("truetype"),url("ALGERIA.svg#Algeria") format("svg");font-weight:normal;font-style:normal;}
p {font-size: 16px; 
line-height: 1.5em; 
text-indent: 2em;
}
#topbar li {
    display: inline;
    margin-right: 3px;
    padding-right: 8px;
    border-right: 1px solid
}

#topbar li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0
}

#header form {
    display: block;
    margin-top: 30px;
    position: relative;
    width: 100%
}

#header input,
#header button {
    display: block;
    height: 25px;
    border: 0
}

#header input {
    width: 100%;
    min-width: 250px;
    padding: 5px 40px 5px 5px
}

#header button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    font-size: 16px;
    cursor: pointer
}

#header button em {
    display: none
}

#topBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
color: #400000;
border: 3px solid #D8B088;
border-right-color: #fff;
border-bottom-color: #fff;
font-size:22px;
line-height:normal;
font-weight:normal;
background-color: #DAA866;
font-family:Amarante;
text-shadow: -1.7px -1px #ffffff,1px 4px 4px #555;
padding:5px;
text-align:center;
margin-bottom:2px;
border-radius: 14px;
border-style:inset;
    transition: all .8s ease;
}
#topBtn:hover {
  background-color: #694822;
  text-shadow: -1.7px -1px #ffffff,1px 4px 4px #000;
  color: #400000;
  border-right-color: #DBB893;
  border-bottom-color: #DBB893;
border-style:outset;
    transform: rotate(360deg);
}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}
}

.book-box {
    background-image: url(../images/stucco.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
    padding: 15px;
    border: 1px solid #e7e88c;
    color: #000;
    font-family: 'Arial', serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    border-radius: 10px
}

.link-box {
float:right;
width: 150px;
margin-left:10px;
padding:10px;
background:#CF852E;
border:2px solid #000000;
color:#fff;
font-family:'Amarante', serif;
font-weight:500;
font-size:16px;
line-height:20px;
}
.pos-box {
    float: left;
    margin-left: 50px;
    color: #000;
    padding: 5px 5px 5px 5px;
    background: #ffffff;
    border: 2px solid #000;
    font-family: 'Amarante', serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}
.note-box {
    margin: 10px 10px;
    color: #000;
    padding: 5px 5px 5px 5px;
    background: #ffffff;
    border: 2px solid #000;
    font-family: 'Amarante', serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px
}
.container {
    padding: 20px 10px
}

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container .heading{display:block;margin:0 0 2px 0;color: #ffffff;font-size:20px;line-height:normal;font-weight:normal;font-style:normal;padding-bottom:2px;}
.title {
display:block;margin:0 0 0 0;
color: #400000;
  border-top-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
font-size:32px;
line-height:normal;
font-weight:normal;
background-color: #EDE1D3;
font-family:Amarante;
text-shadow: -1.7px -1px #ffffff,1px 4px 4px #555;
padding-bottom:2px;
text-align:center;
margin-bottom:20px;
border-radius: 14px;
border-style:inset;
}
.title:hover {
  background-color: #DDB476;
  text-shadow: -1.7px -1px #ffffff,1px 4px 4px #000;
border-style:inset;
}

.head {
display:block;margin:0 0 0 0;
color: #400000;
  border-top-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
font-size:22px;
line-height:normal;
font-weight:normal;
background-color: #DAA866;
font-family:Amarante;
text-shadow: -1.7px -1px #ffffff,1px 4px 4px #555;
padding-bottom:2px;
text-align:center;
margin-bottom:20px;
border-radius: 14px;
border-style:inset;
}
.sitelink {
display:block;
color: #400000;
  border-top-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
font-size:22px;
line-height:normal;
font-weight:normal;
background-color: #FBD49B;
font-family:Amarante;
text-shadow: -1.7px -1px #ffffff,1px 4px 4px #555;
padding-bottom:2px;
text-align:center;
margin-bottom:20px;
border-radius: 14px;
border-style:outset;
}
.sitelink:hover {
  background-color: #DDB476;
  text-shadow: -1.7px -1px #ffffff,1px 4px 4px #000;
border-style:inset;
}


#twitter {
    display: block;
    padding: 15px
}

#twitter div {
    padding: 25px 0
}

#twitter div:first-child {
    border-right: 2px solid
}

.listing li {
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid
}

.listing li:last-child {
    margin-bottom: 0
}

.mediacontainer,
.mediacontainer iframe {
    display: block;
    margin: 0;
    padding: 0
}

.mediacontainer {
    width: 100%;
    color: #400000;
    position: relative
}

.quickinfo {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    word-wrap: break-word
}

.quickinfo li {
    display: block;
    width: 100%;
    min-height: 80px;
    margin: 0 0 20px 0;
    overflow: hidden
}

.quickinfo li:last-child {
    margin-bottom: 0
}

.quickinfo li a {
    display: block;
    position: relative;
    width: 100%;
    min-height: 80px;
    padding: 18px 0 0 80px;
    box-sizing: border-box
}

.quickinfo li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px
}

.sidebar .sdb_holder {
    margin-bottom: 50px
}

.sidebar .sdb_holder:last-child {
    margin-bottom: 0
}

#footer {
    padding: 10px
}

#footer .faico {
    margin-left: 0px
}

#footer .faico li {
    margin: 0 10px 0 0
}

#footer .faico li:last-child {
    margin-right: 0
}

#footer .faico a {
    border: 1px solid
}

#footer form {
    display: block;
    position: relative;
    width: 100%
}

#footer legend {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

#footer input,
#footer button {
    display: block;
    height: 30px;
    border: 0
}

#footer input {
    width: 100%;
    min-width: 250px;
    padding: 5px 40px 5px 5px
}

#footer button {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35px;
    font-size: 16px;
    cursor: pointer
}

#footer button em {
    display: none
}

#copyright p {
    margin: 0;
    padding: 0
}

::-webkit-scrollbar {
    width: 17px;
    height: 17px
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: #9c612f;
    border: 5px outset #3d2212;
    border-radius: 50px
}

::-webkit-scrollbar-thumb:hover {
    background: #ddad87
}

::-webkit-scrollbar-thumb:active {
    background: #ca8248
}

::-webkit-scrollbar-track {
    background: #ca8248;
    border: 15px double #764116;
    border-radius: 0
}

::-webkit-scrollbar-track:hover {
    background: #ddad87
}

::-webkit-scrollbar-track:active {
    background: #ca8248
}

::-webkit-scrollbar-corner {
    background: transparent
}

nav ul,
nav ol {
    margin: 0;
    padding: 0;
    list-style: none
}

#mainav .drop::after,
#mainav li li .drop::after,
#breadcrumb li a::after,
#mainav {
    text-align: center;
    text-transform: uppercase
}

#mainav ul ul {
    z-index: 9999;
    position: absolute;
    width: 160px
}

#mainav ul ul ul {
    left: 160px;
    top: 0
}

#mainav li {
    display: inline-block;
    position: relative;
    margin: 0 30px 0 0;
    padding: 0
}

#mainav li:last-child {
    margin-right: 0
}

#mainav li li {
    width: 100%;
    margin: 0;
    text-align: left;
    text-transform: none
}

#mainav li a {
    display: block;
    padding: 0
}

#mainav li li a {
    border: solid;
    border-width: 0 0 1px 0
}

#mainav li li:last-child a {
    border-bottom: 0
}

#mainav .drop {
    padding-left: 15px
}

#mainav li li a,
#mainav li li .drop {
    display: block;
    margin: 0;
    padding: 3px 15px
}

#mainav .drop::after,
#mainav li li .drop::after {
    content: "\f0d7"
}

#mainav .drop::after {
    top: 5px;
    left: 5px
}

#mainav li li .drop::after {
    top: 15px;
    left: 5px
}

#mainav ul ul {
    display: none
}

#mainav ul li:hover>ul {
    display: block
}

#mainav form {
    display: none;
    margin: 0;
    padding: 0
}

#mainav form select,
#mainav form select option {
    display: block;
    font-family: Amarante;
    border-radius:5px;
    cursor: pointer;
    background-color: #FAEAD0;
    outline: 0
}

#mainav form select {
    width: 100%;
    padding: 5px;
    border: 1px solid
}

#mainav form select option {
    margin: 5px;
    padding: 0;
    border: 0
}

#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#breadcrumb li {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 0
}

#breadcrumb li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 12px 0 0;
    font-size: 12px
}

#breadcrumb li a::after {
    top: 5px;
    right: 0;
    content: "\f101"
}

#breadcrumb li:last-child a {
    margin: 0;
    padding: 0
}

#breadcrumb li:last-child a::after {
    display: none
}

.pagination {
    display: block;
    width: 100%;
    text-align: center;
    clear: both
}

.pagination li {
    display: inline-block;
    margin: 0 2px 0 0
}

.pagination li:last-child {
    margin-right: 0
}

.pagination a,
.pagination strong {
    display: block;
    padding: 8px 11px;
    border: 1px solid;
    font-weight: normal;
    background-clip: padding-box
}

table,
th,
td {
    border: 1px solid;
    border-collapse: collapse;
    vertical-align: top;
    box-sizing: border-box
}

table,
th {
    table-layout: auto
}

table {
    width: 100%;
    margin-bottom: 15px
}

th,
td {
    padding: 5px 8px
}

td {
    border-width: 0 1px
}

#gallery {
    display: block;
    width: 100%;
    margin-bottom: 50px
}

#gallery figure figcaption {
    display: block;
    width: 100%;
    clear: both
}

#gallery li {
    margin-bottom: 30px
}

#gallery li a {
    display: block
}

#portfolio {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

#portfolio li,
#portfolio img {
    margin-bottom: 30px
}

.faico {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none
}

.faico li {
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
    line-height: normal
}

.faico li:last-child {
    margin-right: 0
}

.faico a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center
}

.faico a {
    color: #fff
}

.faico a:hover {
    color: #fff;
    background-color: #ccc
}
.faicon-google {
    background-color: #92A6CE
}
.faicon-facebook {
    background-color: #3b5998
}

.faicon-flickr {
    background-color: #ff0084
}

.faicon-linkedin {
    background-color: #0e76a8
}

.faicon-rss {
    background-color: #ee802f
}

.faicon-twitter {
    background-color: #00acee
}

.rounded,
input{
     color: black;
}
button,
textarea,
#header input,
#footer input,
#slide-wrapper figcaption,
.avatar,
#comments li,
.faico a,
#twitter,
.pagination a,
.pagination strong {
    border-radius: 8px
}

#header button,
#footer button {
    border-radius: 0 8px 8px 0
}

#mainav li li:last-child a {
    border-radius: 0 0 8px 8px
}

#mainav li li:first-child a,
#slide-wrapper figure img,
#slide-wrapper figure .view:hover::before {
    border-radius: 8px 8px 0 0
}


a {
    color: #400000;
}

hr,
.borderedbox {
    border-color: #d7d7d7 padding-right: 20px
}
.nospace{margin:0;padding:0;list-style:none;}
.borderedbox{padding:5px;border:1px solid;}
.clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table;content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}
a{outline:none;text-decoration:none;}
.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}
.btmspace-10{margin-bottom:10px;}
img{width:auto;max-width:100%;height:auto;margin:0;padding:0;border:none;line-height:normal;vertical-align:middle;box-sizing:border-box;border-radius: 8px;
}
.imgl{margin:0 15px 10px 0;clear:left;}
.imgr{margin:0 0 10px 15px;clear:right;}
label span {
    color: #f00;
    background-color: inherit
}

.rounded {
    color: inherit;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

.row0 a {
    color: #f9f9f9;
    background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

.row1 {
    color: #979797;
    background-color: inherit background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

.row1 a {
    color: #000000;
    background-color: inherit
}

.row2,
.row2 a {
    color: #3d2212;
    background-color: inherit background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

.row3 {
    color: #fff;
    background-color: inherit background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

.row4 {
    color: #fff;
    background-color: inherit background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

.row5 {
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
border-radius:10px;
padding:10px;
}

#topbar li {
    border-color: #fff
}

#header input {
    color: #ffffff;
    background-color: #979797
}

#header button {
    color: #f9f9f9;
    background-color: #CA8E4F
}

#slide-wrapper figure figcaption {
    color: #666;
    background-color: rgba(255, 255, 255, .5)
}

#slide-wrapper figure figcaption:hover {
    background-color: rgba(255, 255, 255, 1)
}

#slider #slide-tabs li a {
    color: #666;
    background-color: #dedacb;
    border-color: #666
}

#slider #slide-tabs li a:hover,
#slider #slide-tabs li.active a {
    color: #fff;
    background-color: #3d2212
}


#twitter {
    color: #fff;
    background-color: #3d2212
}

#twitter div:first-child {
    border-color: #fff
}

.listing li {
    border-color: #d7d7d7
}

.quickinfo li a {
    color: #666;
    background-color: #dedacb
}

.quickinfo li a:hover {
    color: #fff;
    background-color: #3d2212
}

#footer .faico a {
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .2)
}

#footer input {
    color: #fff;
    background-color: #979797
}

#footer button {
    color: #f9f9f9;
    background-color: #602D0F
}

#mainav li a {
    color: #fff
}

#mainav .active a,
#mainav a:hover,
#mainav li:hover>a {
    color: #f2dece;
    background-color: inherit
}

#mainav li li a,
#mainav .active li a {
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6)
}

#mainav li li:hover>a,
#mainav .active .active>a {
    color: #fff;
    background-color: #1a0f08
}

#mainav form select {
    border-color: #400000
}

#breadcrumb a {
    color: #888;
    background-color: inherit
}

#breadcrumb li:last-child a {
    color: #602D0F
}

.container .sidebar nav a {
    color: inherit;
    border-color: #d7d7d7
}

.container .sidebar nav a:hover {
    color: #602D0F
}

.pagination a,
.pagination strong {
    border-color: #d7d7d7
}

.pagination .current strong {
    color: #fff;
    background-color: #3d2212
}

table,
th,
td,
#comments .avatar,
#comments input,
#comments textarea {
    border-color: #d7d7d7
}

th {
    color: #000;
    background-color: #373737
}

tr,
#comments li,
#comments input[type="submit"],
#comments input[type="reset"] {
    color: inherit;
    background-color: #fbfbfb
}

tr:nth-child(odd),
#comments li:nth-child(odd) {
    color: inherit;
    background-color: #fff
}

table a,
#comments a {
    background-color: inherit
}

@-ms-viewport {
    width: device-width
}
input.myButton{
     background-image: url('../images/paypal1.png');
     border-style:none;
     width: 250px;
     font-family: 'Amarante';
     font-style: normal;

     color: #400000;
}
input.myButton:hover{
    background-image: url('../images/paypal2.png');
}

@media screen and (min-width:180px) and (max-width:750px) {
    .imgl,
    .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0
    }
    .sitelink {
        display: inline-block;
    }
    .head {
        width: 50%;
        text-align: center;
    }

    .fl_left,
    .fl_right {
        display: block;
        float: none
    }
    .one_half,
    .one_third,
    .two_third,
    .one_quarter,
    .two_quarter,
    .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0
    }
}

@media screen and (min-width:180px) and (max-width:900px) {
    .wrapper {
        max-width: 95%
    }
    #topbar {
        text-align: center
    }
    #header #logo {
        margin-bottom: 15px;
        text-align: center
    }
    #header #logo h1 {
        margin: 0;
        line-height: 1em
    }
    #header form {
        max-width: 250px;
        margin: 0 auto
    }
    #header input {
        min-width: 0
    }
    #mainav ul {
        display: none
    }
    #mainav form {
        display: block
    }    
    #twitter div {
        margin: 0;
        padding: 0
    }
    #twitter div:first-child {
        padding: 15px 0;
        border-right: 0
    }
    .quickinfo li {
        max-width: 250px
    }
    #footer div:last-child {
        margin-bottom: 0
    }
    #footer figure.center {
        text-align: left
    }
    #footer .faico li {
        margin: 0 10px 10px 0
    }
    #footer input {
        min-width: 0
    }
    #copyright {
        text-align: center
    }
    #copyright p:first-of-type {
        margin-bottom: 10px
    }
    #comments input[type="reset"] {
        margin-top: 10px
    }
    .pagination li {
        display: inline-block;
        margin: 0 5px 5px 0
    }
}

@media screen and (min-width:750px) and (max-width:900px) {
    .quickinfo {
        font-size: 11px;
        line-height: 1.2em
    }
    .quickinfo li a {
        padding: 20px 5px 0 85px
    }
}

@media screen and (min-width:978px) {
    .wrapper {
        max-width: 978px
    }
}

@media screen and (max-width:650px) {
    .scrollable {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 15px 0;
        overflow: auto;
        overflow-x: scroll
    }
    .scrollable table {
        margin: 0;
        padding: 0;
        white-space: nowrap
    }
}