@import url('https://fonts.googleapis.com/css?family=Inconsolata:700');

.font-15 {
    font-size:15px;
}
.font-13 {
    font-size:13px;
}
.font-18 {
    font-size:18px;
}
.font-20 {
    font-size:20px;
}
.font-45 {
    font-size:45px;
}

.weight-200 { font-weight:200; }
.weight-300 { font-weight:300; }
.weight-400 { font-weight:400; }
.weight-700 { font-weight:700; }

/*geek site search style*/
.geek-srch-btn {width:35px;height:35px;;margin:0px !important;padding:5px !important;background:rgba(0,0,0,.2);}
@media only screen and (max-width: 768px) {
    .geek-srch-btn {
        width:145px;
        height:30px;
        margin:auto !important;
        padding:auto;
        background-color: rgba(0,0,0,.2);
        float: left; 
        padding:10px;
        margin-bottom:10px;
    }
    .geek-col-12 {
        float:left;
        width:100%;
        }
    .geek-srch:after{content: " Search the site"; font-family: "Roboto"; font-size:14px;}
    
}

/*slider before content*/

.slider_before_content{padding-top:50px;padding-bottom:50px;}

/*slidersmall before content */

#slidersmall .content-main-image, #slideraftercontent .content-main-image {
    width: auto;
    height: 200px;
}
#slidersmall .content-img-inner-div, #slideraftercontent .content-img-inner-div {
    height:200px;
    margin: 0 15px;
}
#slidersmall .blur_background, #slideraftercontent .blur_background {
    z-index: -1;
    position: relative;
    top: -200px;
    height: 200px;
    filter: blur(50px);
    -webkit-filter: blur(50px);
}


/*sliderBig before contents*/
#sliderbig .grid, #sliderBigaftercontent .grid{ width: 100%;height: 500px; }
#sliderbig .owl-nav span, #sliderBigaftercontent span { font-size: 22px; }
#sliderbig .owl-nav button, #sliderBigaftercontent .owl-nav button { top: 45%; }
#sliderbig .blur_background, #sliderBigaftercontent .blur_background {
    position: relative;
    top:-500px;
    height:500px;
    filter: blur(90px);
    -webkit-filter: blur(50px);
    background-size: cover;
    z-index:-1;
}
#sliderbig .owl-item, #sliderBigaftercontentm .owl-item { 
    float: left; 
    width: 140px;
    background: #ccc0;
    height: 500px;
    padding: 5px;
}
#sliderbig .grid .caption, #sliderBigaftercontent .grid .caption {
    display:none;
    position:absolute;
    bottom:0px;
    color:#92d903;
    padding:5px;
    border-radius:8px;
    font-size:12px;
}
#sliderbig .content-img-inner-div, #sliderBigaftercontent .content-img-inner-div {
    height:500px;
}
#sliderbig .content-main-image, #sliderBigaftercontent .content-main-image{
    height:500px;
}

/*sliderGrid before content*/
#slidergrid .grid{float:left;min-height:179px;padding:0px;border:5px solid #fff;background-color:#fff;}
#slidergrid .content-main-image {min-height:200px;border: 1px solid #ccc;}
/*#slidergrid .blur_background {top: -141px;min-height:141px;display:none;}*/

/*item List before content*/
#sliderlist {width:100%;padding:20px 0px;display:inline-block;}
#sliderlist .grid{float:left;width:100px;height:100px;padding:0px; margin: 5px;border:5px solid #ccc;}
#sliderlist .grid .caption{display:none;position:absolute;bottom:0px;background: rgba(0,0,0,0.8);color:#92d903;padding:5px;border-radius:8px;font-size:12px;background-size:80%;}

/*slider after contents*/
.slider_after_content{padding-top:50px;padding-bottom:50px;}


/*slider grid After contents*/
#slider-grid-after-content {width:100%;padding:20px 0px;}
#slider-grid-after-content .content-main-image {min-height:200px;}
#slider-grid-after-content .blur_background {top: -141px;min-height:141px;display:none;}
#slider-grid-after-content .grid .caption{display:none;position:absolute;bottom:0px;background: rgba(0,0,0,0.8);color:#92d903;padding:5px;border-radius:8px;font-size:12px;}
#slider-grid-after-content .grid .content-main-image, #slidersmall .grid .content-main-image, #slidergrid .content-main-image{
    min-height: 200px;
    position: relative;
    z-index: 9;
}
#slider-grid-after-content .grid .blur_background,  #slidersmall .grid .blur_background, #slidergrid .blur_background{
    min-height: 200px;
    background-size: 100%;
    z-index: 0;
    display: block;
    filter: blur(50px);
    -webkit-filter: blur(50px);
    position: relative;
    left: 0;
    transform: scale(1);
    top:-200px;

}
#slider-grid-after-content .content-img-inner-div, #slidergrid .content-img-inner-div {
    height: 200px;
}
#slider-grid-after-content .grid {
    margin-top:15px;
    margin-bottom:15px;
}

/*item list after content*/

#sliderlist {width:100%;padding:20px 0px;display:inline-block;}
#sliderlist .grid{float:left;width:100px;height:100px;padding:0px; margin: 5px;border:5px solid #ccc;}
#sliderlist .grid .caption{display:none;position:absolute;bottom:0px;background: rgba(0,0,0,0.8);color:#92d903;padding:5px;border-radius:8px;font-size:12px;background-size:80%;}
/*..............geek menumega............*/

@media only screen and (min-width: 992px) {
    .geek-menu-mega { min-width: 800px !important; left: -300px !important; z-index:9999 ;padding:0px;background:#ffffff !important}
    .geek-menu-mega  ul  { list-style: none outside none; margin:0; padding: 0;text-align: left;
     }
    .geek-menu-mega  ul  li { 
    display: inline-block;
    margin-bottom:2px;
    border-bottom: 1px dashed rgba(255,255,255,.3);
        width:33.33% !important; 
        min-height:35px
    }
    .geek-menu-mega ul li:before{
        content: '';
        display: inline-block;
        vertical-align: middle;     
    }
    .geek-menu-mega  ul  li  a {white-space: normal;font-size: 13px !important;
    line-height:17px !important;
        display: inline-block;  
        vertical-align: middle;    

     }
     .geek-menu-mega  ul  li  a:hover{color:red}
}




 .geek-menu-mega  ul  li  a:hover{color:red}
 @media(max-width:768px) {
    .mega-dropdown .dropdown-menu ul{
        padding-left:0 !important;
     }
 }
/*fancybox custom navigation and close style*/
.myClose {
    border: 2px solid #ccc;
    background-color:#eeeeeeb5;
    height:50px;
    width:50px;
    border-radius:50%;
}
.myright {
    position:absolute;
    border: 2px solid #ccc;
    background-color:#eeeeeeb5;
    height:40px;
    width:40px;
    top:45%;
    border-radius:50%;
    bottom:-70px;
}
.myleft {
    position:absolute;
    border: 2px solid #ccc;
    background-color:#eeeeeeb5;
    height:40px;
    width:40px;
    top:45%;
    border-radius:50%;
    bottom:-70px;
}
.myClose span{
    position:relative;
    top:25%;
    left:27%;
    color:#333;
}
.myright span{
    position:relative;
    top:25%;
    left:25%;
    color:#333;
}
.myleft span{
    position:relative;
    top:25%;
    left:25%;
    color:#333;
}
/*end*/
/*middle a div*/
.geek-middle {
        position: relative;top: 50%;transform: translateY(-50%);
}
.flex-reverse{
   -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; 
}