@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

*{margin:0;padding:0;outline:0}

/*body{
    font-family:'Source Sans Pro',sans-serif;
    font-size:14px;
    line-height:18px;
    color:#000;
    background:url('../images/bg.jpg') repeat fixed 0 0 #fff;
}*/
body{
    font-family: 'Poppins', sans-serif;
    font-size:16px;
    line-height:28px;
    color:#333;
}

.templete{width:100%;margin:0 auto;}

.contemplete{
width:100%;
margin:0 auto;
}

.clear{overflow:hidden;}

.clear:after{
content:"";
display:block;
clear:both;
}

/* Header */
.searchbtn{
    margin-top:25px;
    text-align:right;
}
.headersection{
min-height:100px;
background:#C6E0D3;
color:#fff;
}

.logo{
    display:flex;
    align-items:center;
    padding:15px;
}

.logo img{
    width:50px;
    height:auto;
}

.logo-text h1{
    font-family: Georgia, serif;
    font-size:48px;
    color:#000;
    margin:0;
    font-weight:bold;
}

.logo-text p{
    font-family: Georgia, serif;
    font-size:20px;
    color:#4B2BBE;
    font-style:italic;
    margin-top:5px;
}

.navsection{
    background:#C6E0D3;
    height:51px;
}

.navsection ul{
    margin:0;
    padding:0;
    list-style:none;
}

.navsection ul li{
    float:left;
}

.navsection ul li a{
    display:block;
    padding:12px 25px;
    background:#C6E0D3;
    color:#000;
    text-decoration:none;
    border-right:1px solid #fff;
    font-size:18px;
}

.navsection ul li a:hover{
    background:#d89b20;
    color:#fff;
}

.about-content{
    padding:0px;
    text-align:justify;
}

.about-content h2{
    font-size:20px;
    color:#222;
    margin-bottom:20px;
    font-weight:600;
}

.about-content p{
    font-size:16px;
    line-height:20px;
    color:#444;
    margin-bottom:15px;
    font-weight:400;
}

.about-content strong{
    color:#000;
    font-weight:600;
}
/* Content */
.contentsection{
    background:#fff;
    border:1px solid #ca932f;
    padding:0px;
    overflow:hidden;
    box-sizing:border-box;
}
.readmore{
    clear:both;
    margin-top:10px;
}

.samepost{
    font-size:32px;
    line-height:24px;
    text-align:justify;
    overflow:hidden;
    margin-bottom:20px;
    clear:both;
}

.maincontent{
    width:75%;
    background: #fef4e5 none repeat scroll 0 0;
    border: 1px solid #ded4c5;
    float:left;
    overflow:hidden;
    margin: 0 15px 15px 0;
    padding: 8px 15px;
    box-sizing:border-box;
}

.samepost{
    font-size:16px;
    line-height:24px;
    text-align:justify;
    overflow:hidden;
    margin-bottom:20px;
}

.samepost h2{
border-bottom:2px solid #e0d6c7;
color:#ac7511;
font-size:25px;
padding:10px 0;
}

.samepost h2 a{
color:#ac7511;
text-decoration:none;
}
.postimg{
    width:200px;
    height:auto;
    float:left;
    margin-right:15px;
    border:1px solid #ebb450;
    padding:5px;
}
/* Sidebar Latest Articles */
.popular{
    overflow:hidden;
    margin-bottom:15px;
}

.popular h3{
    font-size:16px;
    margin-bottom:8px;
}

.popular img{
    width:50px;
    height:30px;
    border:1px solid #ddd;
    margin-bottom:8px;
}
/* Sidebar */
.sidebar{
    width:23%;
    float:right;
    box-sizing:border-box;
}
.samesidebar{
    margin-bottom:20px;
}

.samesidebar h2{
    background:#e6af4b;
    padding:8px 10px;
    font-size:22px;
    margin-bottom:10px;
}
/* Pagination */
.pagination{
    width:100%;
    display:block;
    clear:both;
    overflow:hidden;
    margin-top:20px;
    text-align: center;
}

.pagination a{
border:1px solid #a7700c;
border-radius:4px;
color:#333;
padding:5px 10px;
margin:2px;
text-decoration:none;
display:inline-block;
}

.pagination a:hover{
background:#e6af4b;
color:#fff;
}
.relatedpost img{
    width:100px;
    height:100px;
    border:1px solid #ddd;
    padding:3px;
}
/* Footer section */

.footersection{
    background:#b7801c;
    text-align:center;
    padding:15px 0;
    overflow:hidden;
    color:#fff;
}

.footermenu{
    margin-bottom:10px;
}

.footermenu a{
    color:#fff;
    text-decoration:none;
    padding:5px 10px;
    font-size:16px;
}

.footermenu a:hover{
    color:#000;
}

.footersection p{
    margin:0;
    font-size:16px;
}
.footermenu ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
}

.footermenu ul li{
    display:inline-block;
}

.footermenu ul li a{
    color:#fff;
    text-decoration:none;
    padding:5px 10px;
    font-size:16px;
}

.footermenu ul li a:hover{
    color:#000;
}

.fixedicon{
    text-align:center;
    margin-top:10px;
}

.fixedicon a{
    display:inline-block;
    margin:0 5px;
}

.fixedicon img{
    width:20px;
    height:20px;
}

/* about us */
.about h2{
    color:#b7801c;
    font-size:28px;
    border-bottom:2px solid #ddd;
    padding-bottom:10px;
    margin-bottom:15px;
}

.about h3{
    color:#b7801c;
    font-size:22px;
    margin:15px 0 10px;
}

.about p{
    font-size:16px;
    line-height:26px;
    text-align:justify;
    margin-bottom:15px;
}

.about ul{
    margin:10px 0 15px 30px;
}

.about ul li{
    font-size:16px;
    line-height:28px;
}

.gallery{
    overflow:hidden;
    margin-top:20px;
}

.gallery-item{
    float:left;
    width:30%;
    margin:1.5%;
    border:1px solid #ddd;
    padding:5px;
    box-sizing:border-box;
    background:#fff;
}

.gallery-item img{
    width:100%;
    height:180px;
    object-fit:cover;
    cursor:pointer;
    transition:0.3s;
}

.gallery-item img:hover{
    transform:scale(1.05);
}

/* Popup Style */
#popup{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    z-index:99999;
}

#popupImg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:90%;
    max-height:90%;
    border:5px solid #fff;
    border-radius:5px;
}

.close{
    position:absolute;
    top:15px;
    right:30px;
    color:#fff;
    font-size:40px;
    font-weight:bold;
    cursor:pointer;
}

.gallery-item{
    float:left;
    width:30%;
    margin:1.5%;
    border:1px solid #ddd;
    padding:5px;
    box-sizing:border-box;
}
.pagination{
    text-align:center;
    margin:20px 0;
}

.pagination a,
.pagination span{
    padding:8px 12px;
    margin:2px;
    border:1px solid #ddd;
    text-decoration:none;
}

.pagination .current{
    background:#ff6600;
    color:#fff;
    border:1px solid #ff6600;
}

.gallery{
overflow:hidden;
margin-top:20px;
}

.gallery-item{
float:left;
width:30%;
margin:1.5%;
border:1px solid #ddd;
padding:5px;
box-sizing:border-box;
background:#fff;
}

.gallery-item img{
width:100%;
height:200px;
object-fit:cover;
cursor:pointer;
}

.pagination{
text-align:center;
margin:20px 0;
clear:both;
}

.pagination a,
.pagination span{
padding:8px 12px;
margin:2px;
border:1px solid #ddd;
text-decoration:none;
}

.pagination .current{
background:#ff6600;
color:#fff;
border:1px solid #ff6600;
}

/* Popup */
#popup{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.9);
z-index:99999;
}

#popupImg{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
max-width:90%;
max-height:90%;
border:5px solid #fff;
}

.close{
position:absolute;
top:20px;
right:30px;
color:#fff;
font-size:40px;
cursor:pointer;
}


.gallery-item img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.form input[type="text"],
.form input[type="email"],
.form textarea{
width:95%;
padding:8px;
border:1px solid #ccc;
}

.form input[type="submit"]{
background:#c48b22;
color:#fff;
border:none;
padding:10px 20px;
cursor:pointer;
}

.form input[type="submit"]:hover

.success{
color:green;
font-weight:bold;
}

.error{
color:red;
font-weight:bold;
}
.about h3{
color:#b57f16;
margin-top:20px;
margin-bottom:10px;
}

.about p{
line-height:24px;
margin-bottom:10px;
}

iframe{
border-radius:5px;
}

.staff-gallery{
    width:100%;
    overflow:hidden;
    margin-top:20px;
}

.staff-box{
    float:left;
    width:160px;
    margin:10px;
    padding:10px;
    border:1px solid #ddd;
    background:#fff;
    text-align:center;
    min-height:200px;
}

.staff-box img{
    width:140px;
    height:160px;
    display:block;
    margin:0 auto;
    border:1px solid #ccc;
}

.staff-box:hover{
    box-shadow:0 0 8px #999;
}

.staff-box h4{
    margin-top:8px;
    font-size:16px;
}

.staff-box p{
    font-size:12px;
    color:#666;
}

.clear{
    clear:both;
}