/* =============================================================================
WHITE GAP REMOVING
============================================================================= */

html, body {
    width: auto !important;
    overflow-x: hidden !important;
}

/* =============================================================================
FONTS
============================================================================= */
@font-face {
    font-family: Lato;
    src: url(../fonts/LatoLatin-Light.ttf);
    font-weight: 300;
}@font-face {
    font-family: Lato;
    src: url(../fonts/LatoLatin-Regular.ttf);
    font-weight: 400;
}@font-face {
    font-family: Lato;
    src: url(../fonts/LatoLatin-Medium.ttf);
    font-weight: 500;
}@font-face {
    font-family: Lato;
    src: url(../fonts/LatoLatin-Bold.ttf);
    font-weight: 700;
}

body{
    font-family: Raleway, Helvetica, Arial, sans-serif;
}

a{
    color: #e74c3c;
}

.hideme{
    opacity:0;
}

footer{
    margin-top: 20px;
    color: #d0d0d0;
    font-size: 12px;
    font-weight: 200;
    text-align: center;
}

.template{
    display: none;
}

/*
@media(max-width: 992px){
.container{
max-width: 70%;
}
}@media(max-width: 600px){
.container{
max-width: 90%;
}
}@media(min-width: 993px){
.container{
max-width: 50%;
}
}
*/

/*<!--NAVBAR-->*/
nav{
    background-color: #fff;
    color: #000;
    text-align: center;
    font-weight: 400;
    box-shadow: none;
}nav ul a{
    padding-left: 30px;
    padding-right: 30px;
    font-family: Oswald;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    height: 50px;
    margin-bottom: 14px;
}nav ul a:hover{
    background-color: #fff;
    border-bottom: 2px solid #e74c3c;
    color: #e74c3c !important;
}nav i{
    font-family: Oswald;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
}

nav .button-collapse{
    float: none;
}

@media(max-width: 800px){
    nav ul a{
        font-size: 16px;
        padding-left: 18px;
        padding-right: 18px;
    }
}@media(min-width: 600px){
    nav .button-collapse{
        display: none;
    }
}

/*<!--SITE TITLE-->*/
.siteTitle img{
    width: 75px;
    position: relative;
    top: 15px;
}
.siteTitle{
    color: #000;
    font-size: 60px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-align: center;
    margin-bottom: 15px;
}.siteTitle1{
    color: #e74c3c; /*#95989A;*/
    font-weight: 700;
}.siteTitle2{
    font-weight: 700;
}.siteTitle3{
    color: #e74c3c;
    font-weight: 500;
}.siteTitle4{
    display: none;
    color: #95989A;
    font-weight: 300;
}

.siteTitle{
    transform: scale(1.2);
}

.siteTitle a{
    color: inherit;
}

@media(max-width: 800px){
    #preloader .siteTitle{
        font-size: 45px;
    }.siteTitle{
        transform: scale(1.05);
    }#preloader .siteTitle img{
        width: 60px;
    }
}@media(max-width: 600px){
    #preloader .siteTitle{
        font-size: 39px;
    }
}

.watermark{
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}.watermark img{
    width: 40px;
    position: relative;
    top: 10px;
}

@media(max-width: 991px){
    .watermark{
        transform: scale(.8);
        right: 5px;
        bottom: 5px;
    }
}@media(max-width: 600px){
    .watermark{
        transform: scale(.5);
        right: -30px;
        bottom: 2px;
    }
}

/*<!--NEWSLETTER-->*/

#newsletter{
    background-color: #fff;     border: 1px solid #d0d0d0;
    padding: 0px 15px;
    margin-bottom: 20px;
    color: #95989A;
    text-align: center;
    height: 63px
}#newsletter input, #newsletter label{
    text-align: left;
    color: #007AFF;
    font-weight: 200;
}#newsletter input{
    color: #95989A;
    background-color: #fff;
    border: 1px solid #B7B7B7;
    margin-top: 10px;
    height: 40px;
}#newsletter input:focus{
    box-shadow: none;
}#newsletter form{
    margin: 0 auto;
}#newsletter .btn{
    margin-bottom: 20px;
}#newsletter .btn{
    background-color: #27ae60; /*#B7B7B7;*/
    margin-top: 10px;
    margin-bottom: 0px;
    height: 40px;
    box-shadow: none;
    float: right;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 70%;
}#newsletter p{
    text-align: center;
    margin-top: 10px;
    font-weight: 200;
    font-size: 13px;
}

@media(min-width: 1380px){
    #newsletter p{
        margin-top: 10px;
    }
}
@media(max-width: 991px){
    #newsletter .row{
        margin-bottom: 0px;
    }
    #newsletter{
        height: 126px;
    }#newsletter p{
        margin-top: 10px;
    }
}
@media(max-width: 600px){
    #newsletter .btn{
        float: none;
    }#newsletter p{
        text-align: center;
    }#newsletter{
        height: 232px;
    }
}
@media(min-width: 1200px){
    #newsletter form{
        /*        max-width: 85%;*/
    }
}@media(min-width: 1500px){
    #newsletter form{
        /*        max-width: 75%;*/
    }
}

/*<!--SOCIAL-->*/
#shares{
    margin-bottom: 25px;
}

#sideBar .jssocials-share-link{
    border: none !important;
    margin: 0px;
    padding: 0px;
}#sideBar .jssocials-share-link img{
    border-radius: 5px;
    width: 30px;
}

/*<!--POSTS LIST-->*/
#posts{

}

.postLine, .postsLine{
  width: 80%;
    border: 0;
    height: 2px;
/*     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #d0d0d0, rgba(0, 0, 0, 0)); */
    background-color: #d0d0d0;
}

.post{
    background-color: #fff;
/*    border: 1px solid #d0d0d0;*/
/*     border-bottom: 1px solid #d0d0d0; */
    margin-bottom: 25px;
}

.postsTitle{
    color: #000;
    font-size: 26px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 30px;
    padding-right: 30px;
}.postsImgDiv{
    margin-left: 15px;
    margin-right: 15px;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    top: 15px;
}.postsImg{
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}.postsDate a{
    color: #999 !important;
    font-size: 17px;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
}.postsContent{
    max-height: 200px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;

    /*TRUMBOWYG ALERT!*/
    font-size: 17px;
    font-weight: 300;
    line-height: 2;
}.postsHidden{
    min-height: 50px;
    position: relative;
    top: -40px;
    z-index: 100;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, .3)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, .3)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #fff, rgba(255, 255, 255, .3)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(bottom, #fff, rgba(255, 255, 255, .3)); /* Standard syntax */
}.postsBtnDiv{
    text-align: center;
    position: relative;
    top: -40px;
    min-height: 30px;
}.postsBtn{
    color: #e74c3c;
    text-transform: uppercase;
    position: relative;
    top: 20px;
    border-radius: 5px;
    padding: 5px 15px;
    transition: 1s ease-in-out;
}.postsBtn:hover{
    transform: scale(2) !important;
    opacity: 0.8 !important;
}

.morePostsBtnDiv{
    border-bottom: 1px solid #d0d0d0;
    background-color: #fff;     border: 1px solid #d0d0d0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}.morePostsBtn{
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    background-color: #fff;
    width: 280px;
}

@media(max-width: 600px){
    .postsImgDiv{
        min-height: 150px;
    }
}

/*<!---SIDE BAR-->*/
#sideBar{
    text-align: center;
}

#sideBar #author{
    padding: 15px 0px;
    border-bottom: 1px solid #d0d0d0;
    background-color: #fff;     border: 1px solid #d0d0d0;
}#sideBar .authorFace{
    width: 150px;
    border-radius: 75px;
}#sideBar .authorName{
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px 15px;
}#sideBar .authorText{
    padding: 0px 15px;
    font-size: 13px;
}#sideBar #author a{
    color: #999;
}

/*<!---PRODUCTS-->*/
#sideBar #products .product{
    cursor: pointer;
    border-bottom: 1px solid #d0d0d0;
    background-color: #fff;     border: 1px solid #d0d0d0;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
}#sideBar #products .productImgDiv{
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}#sideBar #products .productImgDiv img{
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s ease-in-out;
}#sideBar #products .productImgDiv img:hover{
    transform: translate(-50%, -50%) rotate(15deg) scale(1.2);
}#sideBar #products .productTitle{
    font-size: 20px;
    font-weight: 400;
}#sideBar #products .productContent{
    padding: 0px 15px;
    font-size: 13px;
}

/*<!--CONTACT-->*/
#sideBar #contact{
    margin-top: 20px;
    border-bottom: 1px solid #d0d0d0;
}
#sideBar #contact .contactTitle{
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
}#sideBar #contact{
    padding: 15px 15px;
    background-color: #fff;     border: 1px solid #d0d0d0;
}#sideBar #contact input, #sideBar #contact label{
    text-align: left;
    font-weight: 200;
}#sideBar #contact input, #sideBar #contact textarea{
    font-weight: 300;
    border: 1px solid #B7B7B7;
    margin-top: 10px;
    height: 30px;
    outline: none;
}#sideBar #contact input:focus, #sideBar #contact textarea:focus{
    box-shadow: none;
}#sideBar #contact textarea{
    height: 100px;
    resize: vertical;
}#sideBar #contact input::-webkit-input-placeholder, #sideBar #contact textarea::-webkit-input-placeholder {
    color: #999;
}#sideBar #contact input:-moz-placeholder, #sideBar #contact textarea:-moz-placeholder { /* Firefox 18- */
    color: #999;  
}#sideBar #contact input::-moz-placeholder, #sideBar #contact textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #999;  
}#sideBar #contact input:-ms-input-placeholder, #sideBar #contact textarea:-ms-input-placeholder {  
    color: #999;  
}

/*<!--BUTTON SPINNER-->*/
.spinner {
    margin: 0px auto 0;
    text-align: center;
}

.spinner > div {
    width: 14px;
    height: 14px;
    background-color: #e74c3c;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/*<!--PRELOADER-->*/
#preloader{
    /*    display: none;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 9999;
    text-align: center;
}#preloader .spinner-wrapper{
    position: absolute;
    z-index: 10000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}#preloader .spinner > div{
    background-color: #000;
    width: 24px;
    height: 24px;
}#preloaderInfo{
    color: #999;
    font-size: 18px;
    font-weight: 200;
}

/*<!--POST PAGE-->*/

.post-single{
    background-color: #fff;
/*     border-bottom: 1px solid #d0d0d0; */
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.postTitle{
    color: #000;
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 30px;
    padding-right: 30px;
}.postImgDiv{
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    top: 15px;
}.postImg{
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}.postDate{
    color: #999 !important;
    font-size: 17px;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
}.postDate a{
    color: #999 !important;
    font-size: 17px;
    font-weight: 300;
}.postContent{
    padding-left: 30px;
    padding-right: 30px;

    /*TRUMBOWYG ALERT!*/
    font-size: 17px;
    font-weight: 300;
    line-height: 2;
}

.postContent iframe{
    max-width: 100%;
}

@media(max-width: 600px){
    .postImgDiv{
        min-height: 150px;
    }
}

.postContent a, .postsContent a{
    font-weight: bolder;
    text-decoration: underline;
}