/*
	01. Html and body(Main setting)
	02. Home
	03. Navigation
	04. About Section
	05. Our team Section
	06. Services Section	
	07. Portfolio Section
	08. Testimonial
	09. Contact Section	
	10. Footer
    11. FAQ
    12. Blog
    13. Blog<ReadMore>
*/

/* 01. BODY AND WRAPPER ================================================== */

html,

body {

    background-color: #FFF;

    color: #000;

    letter-spacing: 1px;

    height: 100%;

}

h1 {

    letter-spacing: 2px;

    font-family: 'Vollkorn-Italic';

    font-size: 48px;

    padding-top: 70px;

    width: 100%;

}

h1 span {

    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

}

footer {

    height: 170px;

    background-color: #FEC140;

}

.container-fluid {

    height: 100%;

}

.fancy {

    line-height: 2px;

}

.fancy span {

    display: inline-block;

    position: relative;

    font-size: 15px;

    font-family: 'Lato-Light';

    padding-bottom: 10%;

}

.fancy span:before {

    right: 100%;

    margin-right: 15px;

}

.fancy span:after {

    left: 100%;

    margin-left: 15px;

}

.fancy span:before,

.fancy span:after {

    content: "";

    position: absolute;

    height: 5px;

    border-top: 1px solid #FFF;

    top: 0;

    width: 80px;

}

.social span.fa {

    font-size: 25px;

    padding: 3px;

}

.social span.fa.fa-facebook {

    padding: 3px 0px 0px 10px;

}

/* 02. HOME =========================================================== */

#home {

    /*
    
    height: 100%;
    background: url('../img/home-slider01.png') no-repeat center center fixed;*/

    /*
    display: table;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
*/

    /* FIXED FOR IE */

    /* initial status for phone */

}

/*
#home h1 {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    color: #FFF;
    font-family: 'Lato-Bold';
    font-size: 64px;
}
#home h1 span {
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}
*/

/* 03. NAVIGATION ============================================ */

.navbar-brand {

    display: none;

}

.navbar {

    background-color: #FFF;

    border-bottom: 1px solid #FEC140;

}

.navbar ul {

    text-align: center;

    float: none;

    display: inline-flex;

}

.navbar ul a {

    color: #000;

    border-top: 1px solid #FFF;

    border-bottom: 1px solid #FFF;

}

.navbar ul li.logo a {

    border-bottom: none;

    border-top: none;

}

.navbar ul li.logo a:hover {

    border-bottom: none;

    border-top: none;

}

#navbarCollapse .logo a img {

    margin-top: -5px;

    border-bottom: none;

}

#navbarCollapse li a.navbar-brand {

    margin: 8px 25px 0px 25px;

}

#navbarCollapse li a {

    padding: 0px;

    vertical-align: middle;

    margin: 15px 25px 15px 25px;

    color: #000;

    font-family: 'Lato-Regular';

    font-size: 12px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.nav li a:hover,

.nav li a.selected {

    text-decoration: none;

    color: #FEC140;

    border-top: 1px solid #FEC140;

    border-bottom: 1px solid #FEC140;

}

/* 04. ABOUT ================================================== */

.content p {

    font-family: 'Lato-Light';

    font-size: 15px;

    padding-top: 75px;

    line-height: 1.5;

}

#about .social span.fa {

    color: #FEC140;

}

#about .social span {

    margin: 0px 5px 60px 5px;

    width: 37px;

    height: 37px;

    border-radius: 50%;

    border: 4px solid #FEC140;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#about .imageContainer {

    color: #FFF;

    letter-spacing: 1px;

    height: 100%;

    background: url('../img/about-banner.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    /*    background-attachment : fixed;   FIXED FOR IE 		*/

}

#about .imageContainer p {

    /* position: absolute; */

    font-family: 'Vollkorn-Italic';

    font-size: 1.7em;

    padding: 8%;

    margin: 0 16%;

}

#about .fancy span {

    font-size: 19px;

}

#about .imageContainer p img {

    vertical-align: text-top;

}

#circle {

    background-color: #FEC140;

    width: 50px;

    height: 50px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    border-radius: 25px;

}

/* 05. OUR TEAM ================================================== */

#ourteam {

    margin-bottom: 30px;

}

#ourteam .team-box img {

    margin: 75px 0 30px 0;

    width: 221px;

    height: 221px;

    border: 6px solid #FEC140;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#ourteam img:hover {

    background: transparent;

    color: #000;

    filter: alpha(opacity=80);

    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);

    opacity: 0.8;

    -moz-opacity: 0.80;

    zoom: 1;

}

#ourteam .name {

    font-size: 24px;

    font-family: 'Lato-Black';

}

#ourteam .whoareus {

    font-size: 19px;

    letter-spacing: 1px;

    font-family: 'Vollkorn-Italic';

}

/* 06. Services ================================================== */

#services {

    color: #FFF;

    background: url('../img/services.png') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    /* FIXED FOR IE */

}

#services h1 span {

    border-top: 1px solid #FFF;

    border-bottom: 1px solid #FFF;

}

#services .service-box span {

    font-size: 40px;

    padding: 15px;

}

#services .services_type {

    padding: 20px 0 20px 0;

}

#services .services_type p {

    font-size: 13px;

    font-family: 'Lato-Light';

    margin-top: 18px;

    line-height: 2.0;

}

#services p.services-more {

    padding: 0px 45px 15px 45px;

}

#services .service-box span {

    width: 87px;

    height: 87px;

    border-radius: 50%;

    border: 7px solid #FFF;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#services .service-box span:hover {

    background: #FEC140;

    border: 7px solid #FEC140;

}

#services .services_type .title {

    font-size: 24px;

    font-family: 'Lato-Black';

    letter-spacing: 2px;

}

/* 07. Portfolio ================================================== */

#portfolio .breadcrumb {

    background-color: #FFF;

}

#portfolio .breadcrumb li a:hover,

#portfolio .breadcrumb li a.selected {

    color: #FEC140;

    border-top: 2px solid #FEC140;

    border-bottom: 2px solid #FEC140;

    font-family: 'Lato-Bold';

}

#portfolio .list-inline li {

    padding-top: 50px;

    padding-bottom: 50px;

}

#portfolio .list-inline li a {

    font-family: 'Lato-Thin';

    font-size: 15px;

    color: #000;

    text-decoration: none;

}

#portfolio img {

    margin-bottom: 60px;

    width: 268px;

    height: 268px;

    border: 6px solid #FEC140;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

/* 08. Testimonial ================================================== */

#testimonial {

    color: #FFF;

    background: url('../img/testimonial.png') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    /* FIXED FOR IE */

}

#testimonial h1 span {

    border-top: 1px solid #FFF;

    border-bottom: 1px solid #FFF;

}

#testimonial .carousel-inner p {

    font-family: 'Vollkorn-Italic';

    margin: 6% 20%;

    font-size: 19px;

    line-height: 200%;

    letter-spacing: 2px;

    height: 200px;

}

#testimonial .testimonianl-type {

    margin-top: 70px;

}

/* 09. Contact ================================================== */

#contact .content {

    font-family: 'Lato-Thin';

    font-size: 15px;

    padding: 70px 0px 70px 0px;

}

#contact .contact-icon {

    height: 270px;

}

/* Hover-Effect*/

.hovicon-effect {

    display: inline-block;

    /* line-height: 90px; */

    /* cursor: pointer; */

    padding: 20px;

    width: 91px;

    height: 91px;

    border-radius: 50%;

    text-align: center;

    /* position: relative; */

    /* text-decoration: none; */

    /* z-index: 1; */

    /* color: #000; */

    border: 7px solid rgba(0, 0, 0, 1);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-size: 40px;

}

.hovicon-effect:hover {

    box-shadow: 0 0 0 8px rgba(254, 193, 64, 1);

    border: 1px solid rgba(254, 193, 64, 1);

    background-color: rgba(254, 193, 64, 1);

    color: #FFF;

    font-size: 53px;

}

#contact .glyphicon {

    top: -10px;

}

#contact .descrip {

    font-size: 16px;

    font-family: 'Lato-Regular';

    font-style: italic;

}

.contact_form {

    background: url('../img/contact.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    /* FIXED FOR IE */

}

#contact .details {

    font-family: 'Vollkorn-Italic';

    padding: 5% 5% 0 5%;

}

#contact p {

    padding-bottom: 10px;

    padding-top: 23px;

}

#contact span .form-control {

    height: 45px;

    vertical-align: middle;

    color: #000;

    font-size: 19px;

    border-radius: 35px;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    opacity: 0.4;

}

#contact p .form-control {

    font-size: 17px;

    color: #000;

    border-radius: 22px;

    -webkit-border-radius: 22px;

    -moz-border-radius: 22px;

    opacity: 0.6;

    padding: 20px;

    letter-spacing: 1px;

}

#contact .moreDetail {

    display: none;

}

#contact a {

    color: #FFF;

    text-decoration: none;

}

#contact p.contact-icon {

    height: 180px;

}

#contact input:required {

    background: #FFF url(../img/invalid.png);

    background-position: 95% 9px;

    background-repeat: no-repeat;

    box-shadow: inherit;

}

#contact textarea:required {

    background: #FFF url(../img/valid.png);

    background-position: 97% 16px;

    background-repeat: no-repeat;

    box-shadow: inherit;

}

#contact input:focus:invalid {

    background: #FFF url(../img/invalid-red.png) no-repeat 95% 9px;

    border-color: #ec7e7e;

    box-shadow: 0 0 2px rgba(236, 126, 126, 0.7);

}

#contact textarea:focus:invalid {

    background: #FFF url(../img/invalid-red.png) no-repeat 97% 16px;

    border-color: #ec7e7e;

    box-shadow: 0 0 2px rgba(236, 126, 126, 0.7);

}

/* 10. Footer ================================================== */

#footer p {

    color: #FFF;

    font-size: 12px;

    font-family: 'Lato-Thin';

}

#footer .social span {

    margin: 60px 5px 10px 5px;

    width: 37px;

    height: 37px;

    border-radius: 50%;

    border: 4px solid #FFF;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#footer .social span:hover {

    color: #060606;

    border: 4px solid #060606;

}

#footer .copyright:hover {

    color: #060606;

}

/* 11. Fax ================================================== */

#faq {

    font-size: 15px;

    font-family: 'Lato-Light';

}

.search {

    padding: 50px;

}

.search h3 {

    margin: 20px 0 20px 0;

    font-family: 'Lato-Regular';

}

.search span {

    padding: 20px;

}

.search span .form-control {

    padding: 0 20px 0 20px;

    height: 45px;

    text-align: left;

    background-color: #FEC140;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    opacity: 0.3;

    letter-spacing: 1px;

    font-family: 'Vollkorn-Italic';

    font-size: 17px;

}

.inner-addon {

    position: relative;

}

.inner-addon input {

    padding-left: 60px;

}

#faq .inner-addon i {

    position: absolute;

    padding: 55px 0px 10px 970px;

}

.faqContainer {

    text-align: left;

    padding: 0 40px 40px 40px;

}

.faqContainer h3 {

    font-family: 'Lato-Bold';

    margin: 30px;

}

.faqContainer h3 span {

    color: #FEC140;

}

#faqlist li {

    padding-bottom: 20px;

    line-height: 2.0;

}

.widget h5 {

    font-family: 'Lato-Bold';

    font-size: 19px;

    padding-bottom: 20px;

}

.widget ul {

    list-style: none;

    padding-left: 0px;

    font-family: 'Vollkorn-Italic';

}

.widget ul li {

    letter-spacing: 2px;

}

/*
#faq .widget p {

    font-family: 'Lato-Light';

    padding-right: 90px;

}
*/

#faq .widget p a {

    color: #FEC140;

    text-decoration: none;

}

#faq .widget p a:hover {

    color: #FEC140;

    font-style: italic;

    font-weight: bold;

    text-decoration: none;

}

/* 12. 	Blog ================================================== */

#blog {

    font-size: 15px;

    font-family: 'Lato-Thin';

}

#blog h1 {

    padding-bottom: 50px;

}

#blog .post {

    padding-left: 90px;

    padding-right: 90px;

    font-size: 13px;

    position: relative;

}

#blog .date {

    position: absolute;

    left: 0;

    font-family: 'Lato-Bold';

    font-size: 1.6em;

    line-height: 0.8em;

    /* border-bottom: 1px solid #e9e9e9; */

}

#blog .date div {

    margin: 10px 20px 10px 20px;

    width: 45px;

    height: 45px;

    border: 1px solid #FEC140;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#blog .date span {

    margin-left: -13px;

    margin-top: -40px;

    position: absolute;

}

#blog .inner iframe {

    width: 700px;

    height: 420px;

}

#blog .inner .post-content {

    line-height: 150%;

}

#blog .inner .post-image img {

    width: 700px;

}

#blog .carousel-inner .item img {

    width: 700px;

}

#blog .carousel .glyphicon {

    font-size: 20px;

}

#blog .subtitle span {

    font-family: 'Vollkorn－Italic';

    font-size: 12px;

    padding-right: 30px;

}

/*
#blog .explore span {
    font-family: 'Lato-Regular';
    font-style: italic;
    font-size: 13px;

}
*/

#blog .explore span a {

    color: #000;

    text-decoration: none;

    font-family: 'Lato-Regular';

    font-style: italic;

    font-size: 13px;

}

#blog .pager li>a,

.pager li>span {

    border: 1px solid #FEC140;

    font-family: 'Vollkorn-Bold';

    font-size: 12px;

    color: #FEC140;

    margin: 3px 0 3px 0;

}

#blog .viewer {

    margin: 50px;

}

#blog .viewer i {

    font-family: 'Lato-Light';

}

#blog .viewer a {

    color: #000;

    text-decoration: none;

    font-size: 13px;

}

.right-inner-addon {

    position: relative;

}

.right-inner-addon input {

    padding-left: 60px;

}

.right-inner-addon .glyphicon {

    position: absolute;

    padding: 15px;

    margin-left: 200px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

}

.searchbar .form-control {

    padding: 0 20px 0 20px;

    /*    width: 200px;*/

    height: 45px;

    text-align: left;

    background-color: #FEC140;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 35px;

    opacity: 0.3;

    font-size: 19px;

    font-family: 'Vollkorn-Italic';

    letter-spacing: 1px;

}

.widget {

    /* margin: 40px; */

    text-align: left;

    font-size: 14px;

    line-height: 1.5;

    padding-bottom: 50px;

}

.widget p {

    padding-right: 46px;

}

.widget ul li a {

    color: #FEC140;

    text-decoration: none;

}

.widget_email_archieve ul {

    font-family: 'Lato-Regular', serif;

    font-style: normal;

    list-style: none;

    padding-left: 0px;

}

#sidebar .widget_email_tags ul.pager {

    text-align: auto;

}

.widget_recents ul {

    list-style: none;

    padding-left: 0px;

}

#blog .posttwo {

    padding-left: 60px;

}

#blog .post-review {

    padding-top: 30px;

}

#blog .post-review p .title {

    font-family: 'Lato-Regular';

    font-size: 16px;

}

#blog .post-review p .time {

    font-family: 'Vollkorn-Italic';

    font-size: 11px;

}

#blog .post-review p .comment {

    font-family: 'Lato-Thin';

    font-style: italic;

    font-size: 13px;

}

#blog .post-review div img {

    position: absolute;

    margin: 10px 20px 10px 20px;

    width: 68px;

    height: 68px;

    border: 1px solid #FEC140;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.post-review p {

    padding-left: 100px;

    padding-top: 10px;

}

.post-review span {

    display: block;

    padding: 5px;

}

.post-review span i {

    font-family: 'Lato-Light';

}

#blog .fancy {

    margin: 20px;

    border-top: 1px solid #000;

}

/* 13. 	Blog <explore>========================================== */

.post-comment {

    padding-bottom: 150px;

}

.post-comment span {

    padding: 10px;

}

.post-comment span .form-control {

    height: 45px;

}

.post-comment .form-control {

    padding: 20px;

    text-align: left;

    background-color: #FEC140;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    opacity: 0.3;

    font-size: 17px;

    font-family: 'Vollkorn-Italic';

    letter-spacing: 1px;

}

.post-comment a {

    text-decoration: none;

    color: #000;

    font-family: 'Lato-Regular';

}

.post-comment a:hover {

    color: #FEC140;

}