/*** fonts **/
html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
    font-family: 'Neutra2Text',serif !important;
    color: #6f7071;
    overflow-x: hidden;
    position: relative;
    margin: 0;
}

a , a:link, a:visited , a:focus {
    color: #c1815f;
    text-decoration: none;
    outline: 0;
}
a:hover {
    color: #7c7c7c !important;
    outline: 0;
}
h1,h2,h3,h4,h5,h6 {
    color: #c1815f;
}
@font-face {
    font-family: 'Neutra2Text';
    src: url('../fonts/Neutra2Lining/Neutra2Text_book-Lining.ttf') format('truetype');
    src: url('../fonts/Neutra2Lining/Neutra2Text_book-Lining.eot') format('embedded-opentype');
    src: url('../fonts/Neutra2Lining/Neutra2Text_book-Lining.svg') format('svg');
    src: url('../fonts/Neutra2Lining/Neutra2Text_book-Lining.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Neutra2Text';
    src: url('../fonts/Neutra2Lining/Neutra2Text_bold-Lining.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Neutra2Text';
    src: url('../fonts/Neutra2Lining/Neutra2Text_book_italic-Lining.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Neutra2Text';
    src: url('../fonts/Neutra2Lining/Neutra2Text_bold_italic-Lining.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/*** button code  ***/

.btn-quote {
    color: #fff;
    /*background-color: #c1d72e;*/
    background-color: #a5d659;
}
.btn-quote:focus,
.btn-quote.focus {
    color: #fff;
    background-color: #b6b6b6;
}
.btn-quote:hover {
    color: #fff;
    background-color: #b6b6b6;
}
/*** grid for eight columns **/
.eight-cols > .col-xs-12  {
    width: 100%;
    text-align: center;
}
.eight-cols > .col-xs-6  {
    width: 50%;
    text-align: center;
}
@media (min-width: 768px) {
    .eight-cols > .col-sm-6  {
        width: 50%;
        text-align: center;
    }
    .eight-cols > .col-sm-4  {
        width: 25%;
        text-align: center;
    }
}
@media (min-width: 992px) {
    .eight-cols .col-md-1  {
        width: 12.5%;
        text-align: center;
    }
}
@media (min-width: 1200px) {
    .eight-cols .col-lg-1  {
        width: 12.5%;
        text-align: center;
    }
}
/*** grid for seven columns **/

.seven-cols .col-md-1,
.seven-cols .col-lg-1,
.seven-cols .col-xs-1  {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1,
    .seven-cols .col-xs-1 {
        width: 14.285714285714285714285714285714%;
        text-align: center;
    }
}
/*.seven-cols .col-xs-1:hover {
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    opacity: 1.0;
}*/
/*** grid for five columns **/

.five-cols .col-md-1,
.five-cols .col-lg-1,
.five-cols .col-xs-1  {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .five-cols .col-md-1,
    .five-cols .col-sm-1,
    .five-cols .col-lg-1,
    .five-cols .col-xs-1 {
        width: 20%;
        text-align: center;
    }
}
/**** Animation opacity **/
@keyframes wash-out {
    0%   { opacity: 0.3; }
    100% { opacity: 1; }
}
/*** code for NAV and Banner ***/
.carousel-caption {
    position: relative;
    left: 0;
    bottom: 0;
    right:0;
    z-index: 10;
    color:#ffffff;
    padding: 0;
    text-shadow: none !important;
}
.carousel-caption > h1{
    padding: 10px 5%;
    margin: 0 auto;
    font-size: 12px;
    color: #B1B1B1;
}
.carousel-indicators .active {
    background-color: transparent !important;
    opacity: 1.0;
}
.carousel-indicators li {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    width: 8px;
    height: 8px;
    border-radius: 50% !important;
    opacity:0.4;
}
.carousel-indicators li.active {
    width: 9px;
    height: 9px;
    border-radius: 50% !important;
}
.carousel-indicators {
    bottom: 0;
}
.carousel-control {
    opacity: 1.0 !important;
}
.navbar-brand {
    padding:10px;
    position: relative;
    z-index: 9999;
    height: auto !important;
}
.navbar-brand > img {
    max-width: 70%;
    width:100%;
}
.navbar-default {
    background: #FFFFFF none !important;
    border-bottom: 5px solid #c1815f !important;
}
/*  to padding */

.top-padding-mobile {
    padding-top: 70px !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background: #FFFFFF none !important;
}
.hentry {
    margin-bottom: 70px !important;
}
.container {
    padding: 20px 10px;
}
.home .container {
    padding-bottom: 60px !important;
}
#blog-listing {
    margin-bottom: 70px !important;
}
.dropdown-menu {
    z-index: 9999;
    float: none;
    position: relative;
    opacity: 1;
    box-sizing: content-box;
}
.navbar-toggle {
    margin-top: 18px;
}
@media (min-width: 768px) {
    .hentry {
        margin-bottom: 70px !important;
    }
    .container {
        padding: 20px 0 20px;
    }
    .home .container {
        padding-bottom: 60px !important;
    }
    .entry-content, .post {
        /*margin-top:20px;*/
        margin-bottom:20px;
    }
    .top-padding {
        padding-top: 80px !important;
    }
    .margin-ten {
        margin: 10px 0;
    }
    .margin-top {
        margin-top: 20px;
    }
    .margin-bottom {
        margin-bottom: 20px;
    }
    /** dropdown menu */
    .dropdown-menu {
        position: absolute;
    }
    .dropdown-menu > li > a {
        white-space: normal !important;
        text-align: center !important;
        border-bottom: 2px solid #fff;
        padding: 7px 20px;
        color: #FFFFFF !important;
    }
    .dropdown-menu > li:last-of-type > a {
        border-bottom: none !important;
        color: #FFFFFF !important;
    }
    .dropdown-menu > li > a:hover , .dropdown-menu > li:last-of-type > a:hover {
        color: #333 !important;
        background: #FFFFFF none !important;
    }
    .open > .dropdown-menu,.navbar-nav > li > .dropdown-menu {
        width: 125%;
        width: -webkit-calc( 100% + 40px) !important;
        width: -moz-calc( 100% + 40px) !important;
        width: calc( 100% + 40px) !important;
        margin-left: -20px !important;
        background: #868688 !important;
        padding: 0 !important;
        margin-top: 5px !important;
        border-radius: 0 !important;
    }
    /**** Nav Section ***/
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
        box-shadow: none !important;
    }
    .nav-height {
        min-height: 80px;
        padding: 0 15px 0 30px;
    }
    .main-nav-height {
        padding-top: 40px;
        float: right;
    }
    .navbar-brand {
        margin: 0;
        padding:15px 0 0 !important;
    }
    .navbar-brand > img {
        max-width: 140px !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 0 10px !important;
        font-weight: 500;
        font-size: 1.0em;
        color: #000;
    }
    .navbar-default .navbar-nav > li:last-of-type > a {
        padding: 0 0 0 20px !important;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color: #7c7c7c !important;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #7c7c7c;
        background: none !important;
        box-shadow: none !important;

    }
    
    /*** carousel code ***/
    .carousel-inner > .item > img {
        opacity: 1.0 !important;
        width: 100%;
    }
    .carousel-caption {
        position: relative;
        left: 0;
        bottom: 0;
        right:0;
        z-index: 10;
        color:#ffffff;
        padding: 0;
    }
    .carousel-caption > h1{
        padding: 20px 5%;
        width: 750px;
        margin: 0 auto;
        font-size: 18px;
    }
    .carousel-indicators {
        bottom: 15px;
    }
    .carousel-indicators li {
        margin: 0 5px;
        width: 8px;
        height: 8px;
        border-radius: 50% !important;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
        margin: 0 5px;
        border-radius: 50% !important;
    }
    .carousel-circle {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 220px;
        height: 220px;
        border-radius: 110px;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-circle > h3 {
        position: relative;
        width: 90%;
        height: auto;
        left: 5%;
        line-height: 30px;
        font-size: 1.7em;
        top: 25%;
        text-align: center;
        opacity: 1;
        color: #FFF;
        font-weight: normal !important;
    }
    #blog-listing {
        margin-bottom: 70px !important;
    }
}
@media (min-width: 992px) {
    .top-padding {
        padding-top: 110px !important;
    }
    .nav-height {
        min-height: 110px;
        padding: 0 35px 0 50px;
    }
    .navbar-brand > img {
        max-width: 150px !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 0 20px !important;
        font-size: 1.2em;
    }
    .navbar-default .navbar-nav > li:last-of-type > a {
        padding: 0 0 0 20px !important;
    }
    .carousel-circle {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 280px;
        height: 280px;
        border-radius: 140px;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-circle > h3 {
        position: relative;
        width: 90%;
        height: auto;
        left: 5%;
        line-height: 30px;
        font-size: 2.0em;
        top: 30%;
        text-align: center;
        opacity: 1;
        color: #FFF;
        font-weight: normal !important;
    }
    .carousel-caption > h1 {
        padding: 30px 10%;
        width: 970px;
        margin: 0 auto;
        font-size: 20px;
    }
    .carousel-indicators {
        bottom: 25px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 880px !important;
    }
    .main-nav-height {
        padding-top: 50px;
    }
    .navbar-brand > img {
        max-width: 209px !important;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 1.3em;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 1.4em;
    }
    .carousel-caption > h1 {
        padding: 50px 5%;
        width: 1170px;
        margin: 0 auto;
        font-size: 26px;
    }
    .carousel-indicators {
        bottom: 30px;
    }
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 50% !important;
    }
    .carousel-indicators li.active {
        width: 11px;
        height: 11px;
        border-radius: 50% !important;
    }
    .carousel-circle {
        position: absolute;
        left: 10%;
        top: 13.5%;
        width: 360px;
        height: 360px;
        border-radius: 180px;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-circle > h3 {
        position: relative;
        width: 80%;
        height: auto;
        left: 10%;
        line-height: 40px;
        top: 30%;
        text-align: center;
        opacity: 1;
        color: #FFF;
        font-weight: normal !important;
        font-size: 2.3em;
    }
}
/**** home page slider ***/
.hoverCarousel > .hover-box > h4 {
    font-size: 14px !important;
    padding-top: 30px;
    /*color:#777777 ;*/
    color:#4A4A4A;
    opacity: 1;
}
.hoverCarousel > .hover-box > h2 {
    font-size: 18px !important;
    /*color: #555555;*/
    color:#333;
    z-index: 1001;
    opacity: 1;
    padding: 0;
    margin: 20px 0;
}
.hoverCarousel > .hover-box > p {
    font-size: 12px !important;
    /*color: #888888;*/
    color:#4A4A4A;
    padding-top: 10px;
    opacity: 1;
}
.hoverCarousel > .hover-box > a.link-box {
    font-size: 19px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 35px;
    background-color: #399eb0;
    transition: all 0.5s ease 0s;
    border-radius: 50%
}
.hoverCarousel > .hover-box > a:hover.link-box {
    color: #ffffff;
    background-color: #2F7DAB;
    text-decoration: none;
}
/**** Home page carousel section ***/
#home {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 5px solid #c1815f !important;
}
#carouselCaption {
    position: relative;
    padding: 0 !important;
    width: 100%;
    background-color: #2F2F2F;
}

/*** footer **/
#footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 0px !important;
    margin: 0 !important;
    border-top: 5px solid #c1815f !important;
    color: #c1815f;
    background: #ffffff;
    z-index:9999;
}
.social {
    text-align: center;
}
.social > a {
    padding: 0px 10px !important;
    font-size: 1.5em;
}
.social > a:hover {
    color: #7c7c7c !important;
}
#footer .contact {
    text-align: center;
}
#footer .contact a {
    padding: 0 5px;
}
#footer .contact  a span{
    font-size: 1.4em;
}
@media (min-width: 768px) {
    #footer {
        padding: 15px !important;
    }
    .social {
        text-align: left;
    }
    .social > a:first-of-type {
        padding: 10px 0 0 0px !important;
        font-size: 1.5em;
    }
    .social > a {
        padding: 0px 10px !important;
        font-size: 1.5em;
    }
    .social > a:hover {
        color: #7c7c7c !important;
    }
    #footer .contact {
        text-align: right;
    }
    #footer .contact a:last-of-type {
        padding: 0;
    }
    #footer .contact a {
        padding: 0 20px;
        line-height: 29px;
        vertical-align: middle;
    }
    
}
@media (min-width: 992px) {
    #footer {
        padding: 15px 35px !important;
    }
}
/*** content **/
.blog-archive {
    display: block;
    width:100%;
    padding:35px 0 20px;
    border-top: 5px solid #ccc !important;
    border-bottom: 5px solid #ccc !important;
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-content, .entry-summary {
    font-size: 14px !important;
}
.blog-sub-banner {
    padding: 10px 0;
    text-align: center;
}
.blog-sub-banner > img {
    width:70%;
    max-width: 100%;
    margin: 0 auto;
}
.blog-archive h2 {
    margin: 0px;
}
.article {
    padding-top: 30px;
}
.article > .col-sm-3 > img {
    width: 100%;
}
@media (min-width: 768px) {
    .entry-content p, .entry-summary p, .entry-content li{
        font-size: 16px !important;
        color:#333;
        padding-bottom:10px;
        text-align: justify;
    }
    .entry-content img, .entry-content video {
        padding: 20px 0;
    }
    .entry-content h1, .entry-content h2, .entry-content h3 {
        padding-bottom:10px;
    }
    .blog-sub-banner {
        padding: 25px 0;
    }
}
.entry-meta {
    font-size: 16px;
}
.author {
    font-size: 14px;
}
.active , a[aria-expanded="true"] , a:active{
    color: #7c7c7c !important;
}
#comments-title, #reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text{
    font-family: 'Neutra2Text',serif !important;
}/** archive **/
.archive .page-title{
    color: #c1815f;
    font-size: 18px;
}
.archive .entry-title a{
    color: #c1815f;
}
.archive .widget-area, .search .widget-area{
    padding: 0 0 0 15px;
}
/** search ***/
.search .page-title {
    font-size: 18px;
}
.search .page-title,.search .entry-title a {
    color: #c1815f;
}
.widget-title {
    color: #333 !important;
    font-weight: normal !important;
}
.home .entry-content ul li {
    text-align:center;
}
/** video **/
.videoWrapper {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.about_logo {
    text-align: center;
}
.about_logo img {
    width:100%;
    margin: 0 auto;
}
.padding30_mobile {
    padding-top: 30px;
}

@media (min-width: 768) {
    .padding30_mobile {
        padding-top: 0px;
    }
}