/*==================================================
/**
 * Table of Contents :
 *
* 1.0 - DEFAULT CSS
* 2.0 - HEADER CSS
* 3.0 - NAVIGATION
* 4.0 - BANNER
* 5.0 - SECTION CONTENT
* 6.0 - BUY TEMPLATE
* 7.0 - SERVICES
* 8.0 - BEST SELLERS
* 9.0 - RATING START
* 10.0 - VIDEO SECTION
* 11.0 - BEST SLIDER SECTION
* 12.0 - TESTIMONIALS STYLE 
* 13.0 - COUNTER UP SECTION
* 14.0 - FROM THE BLOG
* 15.0 - GIFT CARD SECTION
* 16.0 - KODE PACKAGES
* 17.0 - NEWSLETTERS SECTION
* 18.0 - FOOTER
* 4.2 - SUB BANNER FOR INNER PAGES
* 19.1 - PAGE HEADING
* 20.0 - PROFILE TABS
* 21.0 - AUTHOR SECTION
* 22.0 - BANNER SEARCH
* 23.0 - BLOG FULL WIDTH
* 24.0 - PORTFOLIO
* 25.0 - FILTERABLE
* 26.0 - BLOG DETAIL 
* 27.0 - COMMENTS
* 28.0 - COMMENTS-FORM
* 29.0 - SINGLE BLOG PAGE
* 30.0 - SINGLE SIDEBAR
* 31.0 - NEWS AND EVENTS STYLE 2
* 32.0 - CONTACT US
* 33.0 - ABOUT US 2
* 34.0 - KODE SERVICE SECTION
* 35.0 - ABOUT US VIDEO SECTION
* 36.0 - COUNT UP SECTION 2
* 2.2 - HEADER 1
* 2.3 - HEADER 3
* 37.0 - SEARCH SECTION
* 19.2 - HEADING STYLE
* 19.3 - HEADING STYLE 2
* 35.1 - SERVICE SECTION
* 38.0 - TOP CATEGOREIS
* 39.0 - CALL TO ACTION
* 40.0 - PAPULAR BOOKS SECTION
* 41.0 - LIBRARY VIDEO SECTION
* 42.0 - LIBRARIEy COUNT UP SECTION
* 43.0 - LIBRARY POST
* 44.0 - LIBRARY TESTIMONILAS
* 45.0 - LIBRARY AUTHORS
* 19.4- HEADING STYLE
* 46.0 - INTRO SECTION
* 47.0 - LIBRARY MEMBERSHIP
* 48.0 - LIBRARY NEWSLETTERS
* 49.0 - LIB LOCATION SECTION
* 50.0 - LIBRARY ABOUT US
* 19.5 - HEADING STYLE 3
* 51.0 - LIBRARY THEME INTRO
* 52.0 - LIBRARY BLOG STYLE 2
* 53.0 - LIBRARY GALLERY STYLE 2
* 52.2 - LIBRARY BLOG ERROR 2
* 54.0 - LIBRARY LOCATION MAP
* 55.0 - LIBRARY BOOK DETAIL
* 56.0 - LIBRARY EVENT LISTING
* 57.0 - LIBRARY EVENT DETAIL
* 58.0 - COMING SOON
* 59.0 - UP TO DATE SECTION
* 60.0 - FOOTER 3
* 61.0 - MEGA MENU
* 62.0 - EVENT DETAIL PAGE
* 63.0 - grid-item
* 64.0 - BOOKS LISTING STYLE 5
* 65.1 - BOOKS LISTING STYLE 4
* 66.0 - TEAM LISTING STYLE
* 67.0 - OUR LIBRARIES
* 68.0 - Price Table Page Style
* 69.0 - AUTHOR DETAIL PAGE
* 70.0 - BIOGRAPHY SECTION
* 71.0 - RECENT RELEASE SECTION
* 72.0 - CERTIFICATES SECTION START

[Color codes]

Background:	#ffffff (white)
Content:	#505050 (light black)
Header h1:	#195d10 (green)
Header h2:	#195d10 (green)
Footer:		#252525 (dark black)

a (standard):	#ffffff (dark blue)
a (visited):	#ffffff (light blue)
a (active):	#ffffff (pink)

[Typography]
  
Body copy:		14px/ 'Open Sans', sans-serif;
Headers:		'Oswald', sans-serif;
Input, textarea:	'Oswald', sans-serif;
Sidebar heading:	'Oswald', sans-serif;

-------------------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic);
/*
==========================================
                                DEFAULT CSS
==========================================
*/
.wrapper{
    float:left;
    width:100%;
    overflow:hidden;
}
section{
    float:left;
    width:100%;
    padding:70px 0px 40px;
}
section.kode-services-section{
    padding:20px 0px;
}
.kode-services-section .kode-service p{
    font-size:15px;
    color:#777;
}
section.buy-template{
    padding:50px 0px;
}
.buy-template .kode-btns{
    margin-top:7px;
}
.gray-bg{
    background-color:#f0f0f0;
}
.kode-content{
    float:left;
    width:100%;
    padding: 30px 0px 0px 0px;
}
.kode-content section:first-child{
    padding:40px 0px 40px;
}
.padding-tb-50{
    padding-top:70px;
    padding-bottom:40px;
}
/*
==========================================
                                HEADER CSS
==========================================
*/
header{
    width:100%;
    z-index:200;
}
.logo-container{
    float:left;
    width:100%;
    position: relative;
}
.logo-container .col-md-9{
    position: static !important;

}
.logo{
    float:left;
}

.top-strip{
    float:left;
    width:100%;
    padding:10px 0px;
}
.top-strip .site-info{
    float:right;
}
.top-strip .site-info ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
.top-strip .site-info ul li{
    float:left;
    margin:0px 0px 0px 10px;
}
.top-strip .site-info ul li i{
    margin:0px 5px 0px 0px;
}
.top-strip .site-info ul li a{
    text-decoration:none;
    color:#fff;
}

/*
==========================================
                                BANNER
==========================================
*/
.dl-menuwrapper{
    display:none;
}
.kode-navigation{
    float:right;
}
.kode-navigation ul{
    float:left;
    width:100%;
    list-style:none;
    margin:10px 0px;
    padding:0px;
}
.kode-navigation ul li{
    float:left;
    position:relative;
    margin:0px 15px;
}
.kode-navigation ul li a{
    color:#fff;
    text-decoration:none;
    padding:15px 0px;
    display:block;
}
.header-3 .kode-navigation ul li a{
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    color:#262626;
}
.kode-navigation ul li:before{
    content:"";
    height:1px;
    width:0;
    left:0px;
    bottom:0px;
    right:0px;
    margin:auto;
    background-color:#fff;
    position:absolute;
}
.kode-navigation ul li:hover:before{
    width:100%;
}

.kode-navigation ul ul{
    background-color:rgba(0,0,0,0.7);
    position:absolute;
    left:0px;
    top:100%;
    z-index:100;
    visibility:hidden;
    opacity:0;
    margin:20px 0px 0px 0px !important;
    min-width:250px;
    border-bottom: solid 5px;
    padding: 0px 0px 5px 0px; 
}
.kode-navigation ul li:hover > ul{
    opacity:1;
    visibility:visible;
    margin:0px !important;
}
.kode-navigation ul ul li{
    float:left;
    width:100%;
    margin:0px;
}
.kode-navigation ul ul li:hover:before{
    display: none;

}
.kode-navigation ul ul li a{
    padding:7px 15px;
    color:#fff;
}
.kode-navigation ul ul ul{
    top:0px;
}
.kode-navigation ul ul li a:hover{
    background: rgba(0,0,0,0.8);
}
.kode-navigation ul li.last ul{
    left:auto;
    right:0px;
}
.kode-navigation ul li.last ul ul{
    left:auto;
    right:100%;
}
/*
==========================================
                                BANNER
==========================================
*/

.kode-banner{
    float:left;
    width:100%;
    position:relative;
}
.kode-banner:before{

}
.kode-banner .bx-wrapper ul li:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    /*background-color:rgba(0,0,0,0.5);*/
    height:100%;
    width:100%;
    z-index:100;
}

.kode-banner .bx-pager{
    display:none;
}
.kode-banner .bx-wrapper .bx-controls-direction a{
    height: 60px;
    width: 30px;
    margin-top: -30px;
}
.kode-banner .bx-wrapper .bx-controls-direction a:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size: 80px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    line-height: 60px;
}
.kode-banner .bx-wrapper .bx-controls-direction a.bx-next:before{
    content: "\f105";
}

.kode-banner .kode-caption{
    position:absolute;
    left:0px;
    width:100%;
    top:40%;
    text-align:center;
    z-index:200;
}
.kode-banner .kode-caption h2{
    font-size:90px;
    text-transform:uppercase;
    color:#fff;
}
.kode-banner .kode-caption h5{
    font-size:30px;
    color:#fff;
    text-transform:uppercase;
    padding:0px 15px;
    position:relative;
    display:inline-block;
}
.kode-banner .kode-caption h5:before, .kode-banner .kode-caption h5:after{
    content:"";
    height:5px;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;
    width:100px;
    left:100%;
    top:17px;
    position:absolute;
}
.kode-banner .kode-caption h5:after{
    left:auto;
    right:100%;
}
.kode-banner .kode-caption p{
    color:#fff;
}
.kode-banner .input-container{
    display:inline-block;
    position:relative;
    float:none;
    width:auto;
    margin:20px 0px 0px 0px;
}
.kode-banner .input-container input[type="text"]{
    background-color:rgba(0,0,0,0.6);
    height:50px;
    border-radius:30px;
    width:580px;
}
.kode-banner .input-container button{
    position:absolute;
    top:0px;
    right:0px;
    background-color:#333;
    border-radius:0px 30px 30px 0px;
    height:100%;
    color:#fff;
    font-size:18px;
    text-align:center;
    padding: 10px 20px;
}
.kode-banner .input-container button:hover{
    background-color: #fff;
}
.kode-banner .input-container button:hover i{
    color: #000;
}
.kode-banner .input-container button i{
    color:#fff;
    float:none;
    position:static;
    margin:0px;
    font-size:18px;
}
.input-container button:hover{
    color:#333;	
}
.kode-banner .kode-caption-2{
    position:absolute;
    width:50%;
    left:50%;
    margin-left:-41%;
    top:25%;
    z-index:100;
}
.kode-banner .kode-caption-3 .kode-text{
    padding:0px 0px 0px 300px;
}
.kode-banner .kode-caption-3 .kode-thumb{
    float:left;
    width:280px;
}
.kode-header-class-3 .kode-banner .kode-caption-2{
    top:35%;
}
.kode-banner .kode-caption-2 h5, .kode-banner .kode-caption-2 h2{
    color:#fff;
    font-weight:normal;
    font-size:34px;
    text-transform:uppercase;
}
.kode-banner .kode-caption-2 h2{
    font-size:70px;
    font-weight:bold;
    margin-bottom:15px;
}
.kode-banner .kode-caption-2 p{
    color:#fff;
}
.kode-banner .kode-caption-2 .caption-btns{
    float:left;
    margin-top:21px;
}
.kode-banner .kode-caption-2 .caption-btns a{
    display:inline-block;
    padding:10px 30px;
    border: solid 2px #fff;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    text-decoration:none;
    margin-right:10px;
}
.kode-banner .kode-caption-2 .caption-btns{
}
/*
==========================================
                        SECTION CONTENT
==========================================
*/
.section-content{
    float:left;
    width:100%;
    text-align:center;
    margin-bottom:30px;
    padding:0px 100px;
}
.section-content h2{
    font-size:30px;
    text-transform:uppercase;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 21px;
    line-height:normal;
    margin-top:-8px;
}
.section-content.white h2{
    color: #fff;
}
.section-content.white h2:before{
    border-color: #fff;
}
.section-content h2:before{
    content: "";
    width: 30px;
    height: 5px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    position: absolute;;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
}
.section-content p{
    margin-bottom:0px;
}
/*
==========================================
                        BUY TEMPLATE
==========================================
*/
.buy-template{
    background-color:#2a2a2a;
}
.buy-template h2{
    font-size:24px;
    color:#fff;
    margin:0px 0px 10px 0px;
    text-transform:uppercase;
}
.buy-template p{
    margin:0px;
    font-size:16px;
    color:#fff;
    line-height: 18px;
}

.buy-template .kode-btns{
    float:right;
}
.buy-template .kode-btns a{
    display:inline-block;
    float:left;
    margin:0px 10px;
    padding:10px 20px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}
.buy-template .kode-btns a:hover{
    background-color:#fff !important;
    color: #000;
}
.buy-template .kode-btns a:first-child{
    background-color:#444444;
}
/*
==========================================
                        SERVICES
==========================================
*/
.kode-service{
    float:left;
    width:100%;
    padding:30px 20px 30px 20px;
    border:solid 1px #cfcfcf;
    border-radius:3px;
    text-align:center;
    margin-bottom:30px;
}
.kode-service i{
    height:90px;
    width:90px;
    display:inline-block;
    background-color:#efeff0;
    border-radius:100%;
    margin:0px 0px 15px 0px;
    font-size:50px;
    padding:18px 0px;
}
.kode-service:hover i{
    background-color:#fff;
}
.kode-service h3{
    font-size:18px;
    color:#4a454b;
    font-weight:400;
    position:relative;
    padding:0px 0px 15px 0px;
}
.kode-service h3 a{
    text-decoration:none;
    color:#4a454b;
}
.kode-service:hover h3 a{
    color:#fff;
}
.kode-service h3:before{
    content:"";
    height:4px;
    width:50px;
    border-top:solid 1px #cbcbcd;
    border-bottom:solid 1px #cbcbcd;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
}
.kode-service:hover h3:before{
    border-color:#fff;
}
.kode-service p{
    color:#9a9a9a;
    font-size:13px;
    margin: 0px 0px 24px 0px;
}
.kode-service:hover p, .kode-service:hover h3{
    color:#fff;
}
.kode-service a.read-more{
    display:inline-block;
    padding:5px 15px;
    color:#777;
    font-size:13px;
    border:solid 1px #999;
    text-decoration:none;
    line-height:24px;
    margin:0px;	
}
.kode-service:hover a.read-more:hover{
    background-color:#fff;
    color:#333333;
    border-color:#fff;
}
.kode-service:hover a.read-more{
    color:#fff;
    border-color:#fff;
}

/*
==========================================
                        BEST SELLERS
==========================================
*/

.kode-best-seller{
    float:left;
    width:100%;
}
.best-seller-pro{
    float:left;
    width:100%;
    padding:30px;
    background-color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    border:solid 1px #f0f0f0;
}
.best-seller-pro figure{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.best-seller-pro figure img{
    float:left;
    width:100%;
}
.best-seller-pro h3{
    font-size:18px;
    font-weight:normal;
    margin:0px;
}
.best-seller-pro h3 a{
    color:#333;
}
.best-seller-pro .kode-text{
    float:left;
    width:100%;
}
.best-seller-pro .kode-caption{
    position:absolute;
    left:0px;
    top:50%;
    width:100%;
    padding:30px;
    text-align:center;
    opacity:0;
    margin-top:30px;
}
.best-seller-pro:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    opacity:0;
}
.best-seller-pro:hover:before{
    opacity:1
}
.best-seller-pro:hover .kode-caption{
    opacity:1;
    margin-top:-140px;
}
.best-seller-pro .kode-caption h3{
    font-weight:bold;
    font-size:22px;
    color:#fff;
    margin:0px 0px 10px 0px;
}
.best-seller-pro .kode-caption h3 a{
    color:#fff;
    text-decoration:none;
}
.best-seller-pro .kode-caption p{
    color:#fff;
}
.best-seller-pro .kode-caption .rating{
    margin-bottom:10px;
}
.best-seller-pro .kode-caption p.price{
    font-size:30px;
    margin:5px 0px 20px;
}
.best-seller-pro .kode-caption a.add-to-cart{
    display:inline-block;
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding:10px 20px;
    border:solid 2px #fff;
    text-decoration:none;
    line-height:normal;
}
.best-seller-pro .kode-caption a.add-to-cart:hover{
    color:#000;
    background-color:#fff;
}

/*
==========================================
                        RATING START
==========================================
*/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
}
.rating > span {
    display: inline-block;
    position: relative;
    color:#fff;
    font-size:20px;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
}

/*
==========================================
                        VIDEO SECTION
==========================================
*/
.kode-video-section{
    float:left;
    width:100%;
    background-image:url(images/video-bg.png);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    text-align:center;
    padding:120px 0px;
}
.kode-video-section:before{
    content:"";
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-image:url(images/video-bg-pettern.png);

}
.kode-video-section .container{
    position:relative;
}
.kode-video-section h2{
    font-size:34px;
    color:#fff;
    margin:0px 0px 30px 0px;
    text-transform:uppercase;
    letter-spacing:10px;
}
.kode-video-section h4{
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:5px;
    color:#fff;
    margin-bottom:30px;
}
.kode-video-section p{
    text-transform:uppercase;
    color:#fff;
}
.kode-video-section a.play{
    height:62px;
    width:62px;
    border:solid 2px #fff;
    background-color:rgba(255,255,255,0.2);
    text-align:center;
    color:#fff;
    font-size:24px;
    padding:15px 0px;
    border-radius:4px;
    margin:0px 0px 30px 0px;
}
.bx-controls-auto{display:none;}
/*
==========================================
                        VIDEO SECTION
==========================================
*/
.kode-best-slider{
    float:left;
    width:100%;
}
.kode-best-slider h2{
    font-size:24px;
    font-weight:normal;
    text-transform:uppercase;
    padding:0px 0px 15px 0px;
    margin:0px 0px 20px 0px;
    border-bottom:solid 1px #CCC;
}


.kode-best-pro-seller{
    float:left;
    width:100%;
    margin:15px 0px 30px;
}
.kode-best-pro-seller .kode-text h4{
    margin-bottom:5px;
}
.kode-best-pro-seller .kode-thumb{
    float:left;
    width:130px;
    position: relative;
}
.kode-best-pro-seller .kode-thumb:before{
    content: "\f067";
    font-family: FontAwesome;
    top: 50%;
    margin-top: -11px;
    color: #fff;
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    opacity: 0;
    z-index: 10;
}
.kode-best-pro-seller:hover .kode-thumb:before{
    opacity: 1;
}
.kode-best-pro-seller:hover .kode-thumb img{
    opacity: 0.1;
}
.kode-best-pro-seller .kode-text{
    padding:0px 0px 0px 150px;
}
.kode-best-pro-seller h4{
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    margin:0px;
}
.kode-best-pro-seller p{
    margin:0px;
}
.kode-best-pro-seller p.price{
    display:inline-block;
    color:#fff;
    font-weight:bold;
    padding:3px 10px;
    margin-bottom:15px;
}
.kode-best-pro-seller .rating{
    text-align:left;
    margin:5px 0px;
}
.kode-best-pro-seller .rating > span{
    color:#333;
    line-height:20px;
}
.kode-best-pro-seller a.add-to-cart{
    font-size:14px;
    font-weight:normal;
    color:#333;
    position:relative;
    padding:5px 0px;
}
.kode-best-pro-seller a.add-to-cart:before{
    content:"\f101";
    font-size:16px;
    font-family:FontAwesome;
    float:right;
    position:absolute;
    top:0px;
    right:-20px;
}

.kode-best-slider .bx-pager{
    display:none;
}
.kode-best-slider .bx-wrapper .bx-controls-direction a{
    background-color:#f2f2f2;
    height:30px;
    width:30px;
    top:-64px;
    right:0px;
    margin:0px;
    color:#999999;
}
.kode-best-slider .bx-wrapper .bx-controls-direction a:hover{
    color:#fff;
}
.kode-best-slider .bx-wrapper .bx-controls-direction a.bx-prev{
    left:auto;
    right:36px;
}
.kode-best-slider .bx-wrapper .bx-controls-direction a:before{
    content:"\f105";
    font-family:FontAwesome;
    font-size:26px;
    line-height:28px;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    text-align:center;

}
.kode-best-slider .bx-wrapper .bx-controls-direction a.bx-prev:before{
    content:"\f104";
}
/*
=============================================
                TESTIMONIALS STYLE 
=============================================
*/
.testimonial-section{
    float:left;
    width:100%;
    background-image:url(images/testimonials-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:80px 0px 72px;
}
.testimonial-section:before{
    content:"";
    background-color:rgba(0,0,0,0.8);
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
}
.kode-testimonials-4 {
    text-align: center;
}
.kode-testimonials-4 h2{
    color: #fff;
    margin-bottom: 30px;
    font-size: 30px;
}

.kode-testimonials-4 .bxslider2{
    margin:0px;
    padding: 0;
}
.kode-testimonials-4 .bxslider2 > li{
    text-align:center;
}
.kode-testimonials-4{
    float:left;
    width:100%;
    position:relative;
}
.kode-testimonials-4 .kode-text{
    float:left;
    width:100%;
    text-align:center;
    position:relative;
    padding:0px 200px;
}
.kode-testimonials-4 .kode-text p{
    margin:0px;
    font-size:18px;
    color:#fff;
    font-weight:300;
    line-height:25px;
}
.kode-testimonials-4 .client-name h2{
    font-size:26px;
    font-weight:bold;
    margin: 20px 0px 15px 0px;
}
.kode-testimonials-4 .client-name p.designation{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
}
.kode-testimonials-4 .bx-pager{
}
.kode-testimonials-4 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.kode-testimonials-4  .bx-wrapper .bx-pager.bx-default-pager a{
    height: 12px;
    width: 12px;

}
.kode-testimonials-4 .kode-thumb{
    height:150px;
    width:150px;
    border:solid 5px;
    border-radius:100%;
    overflow:hidden;
    margin:3px;
    display:inline-block;
}

.kode-testimonials-4 .bx-wrapper .bx-controls-direction a{
    margin-top:0px;
    left:38%;
    top:60px;
}
.kode-testimonials-4 .bx-wrapper .bx-controls-direction a.bx-next{
    left:auto;
    right:38%;
}
.kode-testimonials-4 .bx-wrapper .bx-controls-direction a:before{
    content:"\f104";
    font-family: FontAwesome;
    font-size: 40px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;

}
.kode-testimonials-4 .bx-wrapper .bx-controls-direction a.bx-next:before{
    content:"\f105";
}
/*
=============================================
                        COUNTER UP SECTION
=============================================
*/
.count-up-section{
    padding:80px 0px;
    width:100%;
    float:left;

}
.count-up-section .count-up{
    float:left;
    width:100%;
    text-align:center;
}
.count-up-section span.counter{
    font-size:70px;
    color:#fff;
    font-weight:bold;
    line-height:70px;
}
.count-up-section .count-up p{
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:18px;
    margin:0px;
}
/*
=============================================
                        FROM THE BLOG
=============================================
*/
section.kode-blog-section{
    padding:50px 0px 20px;
}
.kode-blog-list{
    float:left;
    width:100%;
    background-color:#f9f9f9;
    border:solid 1px #CCC;
    margin-bottom:30px;
}
.kode-blog-list:hover{
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    background-color:#fff;
    border-color:#f6f6f6;
}
.kode-blog-list .kode-thumb{
    float:left;
    width:270px;
    position:relative;
}
.kode-blog-list .kode-thumb img{
    width: 100%;
}

.kode-blog-list .kode-text{
    padding:12px 20px 12px 290px;
}
.kode-blog-section .kode-blog-list .kode-text{
    padding:30px 20px 12px 290px;
}

.kode-blog-list .kode-text p{
    margin:0px 0px 5px;
    padding:0px;
}
.kode-blog-section  .kode-blog-list .kode-text p{
    font-size:15px;
    margin-bottom:10px;
}
.kode-blog-list .kode-text h2{
    margin:0px 0px 23px;
    padding:0px;
}
.kode-blog-list h2{
    font-size:20px;
    font-weight:normal;
    text-transform:uppercase;
    position:relative;
    margin:0px 0px 10px 0px;
    padding:0px 0px 5px 0px;
}

.kode-blog-list h2:before{
    content:"";
    width:20px;
    border-top:1px solid;
    border-bottom:1px solid;
    height:5px;
    position:absolute;
    left:0px;
    bottom:-14px;
}
.kode-blog-list a.more{
    color:#333;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    position:relative;
    margin:0px 0px 0px 0px;
}
.kode-blog-list a.more:hover:before{
    right:-25px;
}
.kode-blog-list a.more:before{
    content:"\f101";
    font-family:FontAwesome;
    position:absolute;
    right:-20px;
    top:-1px;
    font-size:16px;
}
.kode-blog-list .blog-date{
    position:absolute;
    bottom:0px;
    right:0px;
    width:90px;
    text-align:center;
    background-color:rgba(255,255,255,0.9);

}
.kode-blog-list:hover .blog-date{
    width:100%;
}
.kode-blog-list .blog-date p{
    font-size:36px;
    margin:5px 0px;
}
.kode-blog-list .blog-date span{
    width:100%;
    float:left;
    padding:3px 0px;
    color:#fff;
}

/*
=============================================
                        GIFT CARD SECTION
=============================================
*/

.gift-card-section{
    position:relative;
    min-height:630px;
    padding:50px 0px;
}


.gift-card-section:before{
    content:"";
    width:891px;
    height:470px;
    position:absolute;
    left:50%;
    background-image:url(images/laptop.png);
    background-repeat:no-repeat;
    background-position:center;
    bottom:-25px;
}

.gift-card-section .kode-gift{
    float:left;
    width:50%;
}
.gift-card-section .kode-gift ul{
    list-style:none;
    margin:0px 0px 4px 0px;
    width:100%;
    padding:0px;
    float:left;
}
.gift-card-section .kode-gift ul li{
    float:left;
    width:100%;
    padding:20px;
    border:solid 1px rgba(255,255,255,0);
    position: relative;
}
.gift-card-section .kode-gift ul li:before{
    content: "\f105";
    height: 30px;
    width: 15px;
    background-color:rgba(255,255,255,0.1);
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -15px;
    color: #fff;
    font-family: FontAwesome;
    border-radius:0px 50px 50px 0px;
    line-height: 29px;
    opacity: 0;
}
.gift-card-section .kode-gift ul li:hover:before{
    opacity: 1
}
.gift-card-section .kode-gift ul li h2{
    font-size:24px;
    color:#fff;
    font-weight:bold;
    margin:0px 0px 10px 0px;
    text-transform:uppercase;
    vertical-align:middle
}
.gift-card-section .kode-gift ul li h2 a{
    color:#fff;
    text-decoration:none;
}
.gift-card-section .kode-gift ul li i{
    font-size:30px;
    color:#fff;
    margin-right:10px;
}
.gift-card-section .kode-gift ul li p{
    color:#fff;
    margin: 0px 0px 3px 0px
}
.gift-card-section .kode-gift ul li:hover{

    border-top:solid 1px rgba(255,255,255,0.3);
    border-bottom:solid 1px rgba(255,255,255,0.3);
    background-color:rgba(255,255,255,0.1)
}

/*
=============================================
                                KODE PACKAGES
=============================================
*/
.kode-package{
    float:left;
    width:100%;
    position:relative;
    border:solid 1px #ecebed;
    margin-bottom:30px;
}
.kode-package:hover{
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3)
}
.banner-search h2:before {
    background: #858585;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 1px;
}
.banner-search h2:after{
    content: "";
    height: 10px;
    width: 10px;
    border-right: solid 1px #858585;
    border-top: solid 1px #858585;
    position: absolute;
    right: -5px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background-color: #2a2a2a;
    transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);

}
.kode-package .header-bg{
    float:left;
    width:100%;
    position:absolute;
    left:0px;
    top:0px;
    background-color:#000;
    overflow: hidden;
}
.kode-package .header-bg img{
    opacity:0.5;
    float:left;
    width:100%;
}
.kode-package:hover .header-bg img{
    transform:scale(2);
    -moz-transform:scale(2);
    -webkit-transform:scale(2);
    transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -webkit-transition:all 2s ease-in-out;
    opacity:1;
}
.kode-package .package-content{
    float:left;
    width:100%;
    position:relative;
    z-index:100;
    text-align:center;
    padding:30px;
}
.kode-package .package-content h2{
    font-size:24px;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:30px;
}
.kode-package .package-content .package-price{
    height:126px;
    width:126px;
    background-color:#fff;
    border:solid 4px #e7e6e8;
    border-radius:100%;
    font-size:27px;
    color:#333;
    padding:37px 0px;
    margin:0px auto 20px auto;
}
.kode-package:hover .package-content .package-price{
    border-color:#fff;
    color:#fff;
    transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.3);
}
.kode-package .package-content .package-price small{
    font-size:14px;
    color:#666;
    width:100%;
    float:left;
}
.kode-package:hover .package-content .package-price small{
    color:#fff;
}

.kode-package .package-content ul{
    float:left;
    width:100%;
    margin:0px 0px 20px 0px;
    list-style:none;
    padding:0px;
}
.kode-package .package-content ul li{
    border-top:solid 1px #ecebed;
    padding:13px 0px;
    font-size:14px;
    color:#666;
    position: relative;;
}

.kode-package .package-content ul li p{
    margin:0px;
    font-size:17px;
}
.kode-package .package-content ul li:last-child{
    padding:13px 0px 0px;
}
.kode-package .package-content ul li:first-child{
    border:none;
    padding:0px 0px 13px;
}
.kode-package .package-content a.purchase{
    display:inline-block;
    padding:10px 25px;
    border:solid 1px #ecebed;
    color:#000;
    font-size:15px;	
    text-transform:capitalize;
    text-decoration:none;
    line-height: 25px;
}
.kode-package .package-content a.purchase:hover{
    color:#fff;
}
/*
=============================================
                        NEWSLETTERS SECTION
=============================================
*/
.kode-newsletters{
    background-image:url(images/newsletter-bg.png);
    background-position:bottom center;
    background-repeat:no-repeat;
    float: left;
    width: 100%;
    padding:50px 0px;	
}
.kode-newsletters .section-content p{
    color:#fff;
}
.kode-newsletters .input-container{
    width:65%;
    float:none;
    margin:0px auto;
    position:relative;
    clear:both;
}
.kode-newsletters .input-container input[type="text"]{
    height:65px;
    padding:10px 20px;
    border:none;
}
.kode-newsletters .input-container button{
    position:absolute;
    right:10px;
    top:10px;
    bottom: 10px;
    padding: 9px 30px 10px 30px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
}
.kode-newsletters .input-container button:hover{
    background-color:#000;
}

/*
=============================================
                                FOOTER
=============================================
*/
footer{
    float:left;
    width:100%;
    background-color:#000;
    padding:40px 0px;
}

.copyrights{
    float:left;
    width:100%;
    background-color:#111111;
    padding:20px 0px;
}
.copyrights p{
    color:#fff;
    margin:3px 0px;
    font-size:15px;
    text-align: center;
}

.copyrights .cards{
    float:right;
}


/*
=============================================
                SUB BANNER FOR INNER PAGES
=============================================
*/
.kode-inner-banner{
    float:left;
    width:100%;
    background-image:url(images/inner-banner.png);
    background-size:cover;

}

.kode-profile-text{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-profile-text img{
    width:100%;
    border:solid 4px #ccc;
}

.kode-inner-banner-2{
    min-height:250px;
}
.kode-inner-banner-2 .kode-page-heading{
    margin:64px 0 50px;
}

.kode-inner-banner-3{
    min-height:315px;
}
.kode-inner-banner-4{
    min-height:385px;
}
/*
=============================================
                                PAGE HEADING
=============================================
*/
.kode-page-heading{
    float:left;
    width:100%;
    text-align:center;
    margin:50px 0px 50px 0px;
}
.kode-page-heading h2{
    font-size:24px;
    color:#fff;
    text-transform:uppercase;
    margin:0px 0px 10px 0px;
}
.kode-page-heading .breadcrumb{
    margin:0px;
}
.kode-inner-banner-2 .kode-page-heading h2{
    font-size:40px;
}
.breadcrumb li.active{
    color:#fff;
}
/*
=============================================
                SUB BANNER FOR INNER PAGES
=============================================
*/
.kode-profile-tabs{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-profile-tabs .kode-thumb, .kode-profile-tabs .kode-thumb img{
    float:left;
    width:100%;
}
.kode-profile-tabs .kd-horizontal-tab .nav-tabs{
    margin-top:-51px;
    text-align:center;
    float:left;
    width:100%;
}
.kode-profile-tabs .tab-content{
    float:left;
    width:100%;
}
.kode-profile-tabs .kd-horizontal-tab .nav-tabs > li > a{
    background-color:rgba(255,255,255,0.7);
    padding:9px 15px;
    font-size:14px;
    text-transform:uppercase;
    color:#333;
    border-radius:0;
    font-weight:bold;
    outline:none;
}
.kode-profile-tabs .kd-horizontal-tab .nav-tabs > li.active > a{
    background-color:#fff;
    padding:13px 15px;
    border-top:solid 4px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
}
.kode-profile-tabs .kd-horizontal-tab .nav-tabs > li{
    float:none;
    display:inline-block;
    margin:0px 3px;
    vertical-align:bottom;
    width:20%;
}
/*
=============================================
                                AUTHOR SECTION
=============================================
*/
.kode-top-author{
    padding:50px 0px 20px;
}

.kode-author{
    float:left;
    width:100%;
    position:relative;
    margin-bottom:30px;
}
.kode-author img{
    float:left;
    width:100%;
}
.kode-author .kode-caption{
    float:left;
    width:100%;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:rgba(255,255,255,0.8);
    text-align:center;
    padding:20px 15px 25px 15px;
}
.kode-author .kode-caption h4{
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px 0px 0px;
}
.kode-author:hover .kode-caption h4, .kode-author:hover .kode-caption p{
    color:#fff;
}
.kode-author.kode-author-2:hover .kode-caption p{
    margin:0px;
}
.kode-author.kode-author-2 .social-icon ul li a{
    line-height:24px;
}
.kode-author .kode-caption p{
    text-transform:uppercase;
    margin:0px 0px 7px 0px;
}
.social-icon{
    float:left;
    width:100%;
}
.social-icon ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
    text-align:center;
}
.social-icon ul li{
    display:inline-block;
    margin:0px 0px;
}
.social-icon ul li a{
    height:36px;
    width:36px;
    color:#333;
    display:block;
    border:solid 1px #CCC;
    color:#999;	
    line-height:36px;
}
.kode-author:hover .kode-caption .social-icon ul li a{
    color:#fff;
    border-color:#fff;
}
.kode-blog-full .kode-thumb .blog-btns ul li a:hover{
    color:#fff;
}
.social-icon ul li a:hover{
    color:#fff;
    background-color:#000;
    border-color:#000;
}

.kode-author-2 .kode-caption{
    width:60%;
    text-align:left;
    left:auto;
    right:0px;
    background-color:#fff;
    padding: 15px 15px 0px;

}
.kode-author.kode-author-2:hover .kode-caption{
    background:none;
    width:100%;
    padding:40px;
}
.kode-author-2 .kode-caption .social-icon{
    display:none;
    text-align:left;
}
.kode-author-2 .kode-caption .social-icon ul li{
    float:left;
    margin-right:5px;
}
.kode-author-2:hover .kode-caption .social-icon{
    display:block;
}
.kode-author-2:hover img{
    opacity:0.2
}
.kode-author-2{
    position:relative;
}
.kode-author-2:before{
    content:"";
    position:absolute;
    left:20px;
    top:20px;
    right:20px;
    bottom:20px;
    border:solid 2px rgba(255,255,255,0);
}
.kode-author-2:hover:before{
    border:solid 2px rgba(255,255,255,1);
}
.kode-author-2 .kode-caption .social-icon ul li{
    margin:0px 6px;
}
.kode-author-2 .kode-caption .social-icon ul li a{
    border:none;
    height:auto;
    width:auto;
}
.kode-author-2 .kode-caption .social-icon ul li a:hover{
    background:none;
    color:#000;
}


/*
=============================================
                                BANNER SEARCH
=============================================
*/
.banner-search{
    float:left;
    width:100%;
    padding:30px;
    background-color:#2a2a2a;
    border-top:solid 3px;
}
.banner-search h2{
    font-size:22px;
    color:#fff;
    text-transform:uppercase;
    margin:0px;
}
.banner-search input[type="text"], .banner-search select{
    height:44px;
    border:none;
    width:100%;
    padding:6px 10px;
    color:#CCC;
}
.banner-search button{
    height:44px;
    width:100%;
    color:#fff;
    font-weight: bold;
    text-transform: uppercase;
}
.banner-search button:hover{
    background-color:#000;
}
/*
=============================================
                                BLOG FULL WIDTH
=============================================
*/
.kode-blog-full{
    float:left;
    width:100%;
    margin-bottom:30px;
    border-bottom:solid 1px #e1e1e1;
    padding-bottom:30px;
}
.kode-blog-full .kode-thumb{
    float:left;
    width:100%;
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
    background-color:#000;

}
.kode-blog-full:hover .kode-thumb img{
    opacity:0.5;
}
.kode-blog-full .kode-thumb .blog-btns{
    position:absolute;
    left:0px;
    top:110%;
    right: 0px;
    width:100%;
    margin-top:-17px;
    text-align:center;
}
.kode-blog-full:hover .kode-thumb .blog-btns{
    top:50%;
}
.kode-blog-full .kode-thumb .blog-btns ul{
    list-style:none;
    margin:0px;
    padding:0px;
    display: inline-block;
    float: none;

}
.kode-blog-full .kode-thumb .blog-btns ul li{
    float: left;
    margin: 0px 0px 0px 4px ;
}
.kode-blog-full .kode-thumb .blog-btns ul li:first-child{
    margin: 0px
}
.kode-blog-full .kode-thumb .blog-btns ul li a{
    height:34px;
    width:34px;
    background-color:#FFF;
    color:#666;
    text-align:center;
    padding:8px 0px;
    display:block;
    line-height: 18px;
}
.kode-blog-full .kode-text{
    float:left;
    width:100%;
}
.kode-blog-full .kode-text h2{
    font-size:24px;
    text-transform:uppercase;
    margin-bottom: 13px;
}
.kode-blog-full .kode-text p{
    color:#666;
    line-height:27px;
}
.kode-blog-full .kode-text a.read-more{
    font-size:14px;
    font-weight:bold;
    color:#333;
    margin-top: 5px;
    display: inline-block;
}
.kode-blog-full .kode-text a.read-more:hover{
    color: #fff;

}
.kode-blog-full .kode-thumb img{
    float:left;
    width:100%;
}
.kode-blog-full .meta-date{
    float:left;
    width:100%;

}
.kode-blog-full .meta-date .writer .kode-thumb{
    height:77px;
    width:77px;
    overflow:hidden;
    border-radius:100%;
    border:solid 3px #333;
    float:left;
}
.kode-blog-full .meta-date .writer{
    border-bottom:solid 1px #CCC;
    padding:0px 0px 15px 0px;
    margin:0px 0px 12px 0px;
    float:left;
    width:100%;
}
.kode-blog-full .meta-date p{
    margin:0px;
    color:#b4b4b4;
}
.kode-blog-full .meta-date .writer h4{
    font-size:16px;
    text-transform:uppercase;
    margin: 0px;
}
.kode-blog-full .meta-date .kode-date{
    float:left;
    width:100%;
}
.kode-blog-full .meta-date .kode-date h2{
    font-size:30px;
    margin: 0px;
}
.kode-blog-full .meta-date .kode-date h2 small{
    font-size:14px;
    font-weight:bold;
}
.kode-blog-full .blog-content{
    float:left;
    width:80%;
}

/*
=============================================
                                PORTFOLIO
=============================================
*/
.kode-portfolio-page{

}
.kode-portfolio{
    float:left;
    width:100%;
    margin:0px 0px 30px 0px;
    background-color: #fff;
}
.kode-portfolio .kode-thumb{
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
}
.kode-portfolio .kode-thumb img{
    width:100%;
}
.kode-portfolio:hover .kode-thumb img{
    opacity:0.2;
}
.kode-portfolio .kode-text{
    float:left;
    width:100%;
    text-align:center;
    padding:25px 20px;
    border:solid 1px #cbcbcd;
}
.kode-portfolio .kode-text h4{
    font-size:16px;
    font-weight:bold;
    margin:0px 0px 10px 0px;
}
.portfolio-meta{
    float:left;
    width:100%;
}
.portfolio-meta ul {
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
    text-align:center;
}
.portfolio-meta ul li{
    display:inline-block;
    margin:0px 5px;
}
.portfolio-meta ul li a{
    font-size:15px;
    color:#888;
    text-transform:capitalize;
}
.portfolio-meta ul li i{
    margin:0px 5px 0px 0px;
    font-size:14px;
}

.kode-portfolio .portfolio-btns{
    float:left;
    width:100%;
    position:absolute;
    left:0px;
    top:110%;

}
.kode-portfolio:hover .portfolio-btns{
    top:48%;
}
.portfolio-btns ul{
    list-style:none;
    margin:0px;
    padding:0px;
    text-align:center;
    float:left;
    width:100%;
}
.portfolio-btns ul li{
    display:inline-block;
}
.portfolio-btns ul li a{
    padding:5px 8px;
    border-radius:3px;
    border:solid 2px #fff;
    color:#fff;
    text-decoration:none;
    font-size:16px;
}
.portfolio-btns ul li a:hover{
    color:#333;
    background-color:#fff;
}

#filterable-item-filter-1{
    text-align: center;
    float: left;
    width: 100%;
    margin:0px 0px 30px 0px;
    padding:0px
}
#filterable-item-filter-1 li{
    display: inline-block;
    cursor: pointer;
    margin:5px;
}
#filterable-item-filter-1 li a{
    display: block;
    padding: 5px 20px;
    font-size: 14px;
    border:solid 1px #cbcbcd;
    border-radius: 3px;
    color: #777;
}
#filterable-item-filter-1 li a:hover, #filterable-item-filter-1 li a.active{
    color: #fff;
}
#filterable-item-holder-1{
    float: left;

}
/*
=============================================
                                BLOG DETAIL 
=============================================
*/

.kode-blog-detail{
    float:left;
    width:100%;
}
.kode-blog-detail .kode-text, .kode-blog-detail .kode-thumb{
    float:left;
    width:100%;
    position:relative;
}
.kode-blog-detail .kode-text{
    padding-bottom:20px;
    border-bottom:solid 1px #CCC;
    margin-bottom:30px;
}
.kode-blog-detail .kode-thumb img{
    width:100%;
}
.kode-blog-detail .kode-detail-meta{
    float:left;
    width:100%;
    padding:20px 0px 13px 0px;
}
.kode-comments .kode-text p,
.kode-blog-detail .kode-text p{
    line-height:27px;
}
.kode-blog-detail .kode-user{
    float:left;
    width:50%;
}
.kode-blog-detail .kode-user img{
    width:100%;
}
.kode-blog-detail .kode-user .user-thumb{
    float:left;
    height:76px;
    width:76px;
    border-radius:100%;
    overflow:hidden;
    border:solid 3px #48a7d4;
}
.kode-blog-detail .user-profile{
    padding:15px 0px 0px 86px;

}
.kode-blog-detail .user-profile h4{
    margin:0px 0px 5px 0px;
    font-size:14px;
    text-transform:uppercase;
}
.kode-blog-detail .user-profile p{
    margin:0px;
    font-size:12px;
    text-transform:uppercase;
}

.kode-blog-detail .blog-meta{
    float:right;
}
.kode-blog-detail .blog-meta ul{
    float:left;
    list-style:none;
    margin:20px 0px;
    padding:0px;
    width:100%;
}
.kode-blog-detail .blog-meta ul li{
    float:left;
    margin:0px 5px;
}
.kode-blog-detail .blog-meta ul li i{
    margin:0px 8px 0px 0px;
}
.kode-blog-detail .blog-meta ul li a{
    color:#666;
    text-decoration:none;
}
.kode-blog-detail .kode-text h2{
    text-transform:uppercase;
}
blockquote{
    background-color:#f6f6f6;
    padding: 30px 30px 33px 30px;
    font-weight:normal;
}

.kode-blog-detail .kode-blog-date {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 15px 0px;
}
.kode-blog-detail .kode-blog-date p{
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0px;
    position: relative;
    padding: 0px 0px 5px 0px;

}
.kode-blog-detail .kode-blog-date p:before{
    content: "";
    height: 1px;
    width: 15px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    right:0px;
    margin: auto;
    bottom: -0px;
}
.kode-blog-detail .kode-blog-date p small{
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
    line-height: 21px;
}


/*
=============================================
                                BLOG DETAIL 
=============================================
*/
.kode-comments{
    margin-bottom:30px;
    width:100%;
    float:left;
}
.kode-comments h2{
    text-transform:uppercase;
    margin-bottom:30px;
}

.kode-comments ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}
.kode-comments ul li{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.kode-comments ul li .kode-thumb{
    float:left;
    width:80px;
    height:80px;
    border-radius:100%;
    overflow:hidden;
}
.kode-comments ul li .kode-thumb img{
    width:100%;
}
.kode-comments ul li .kode-text{
    padding:0px 0px 0px 100px;
    position:relative;
}
.kode-comments ul li .kode-text a.reply{
    position:absolute;
    right:0px;
    top:0px;
    color:#333;
    border:solid 1px #999;
    display:inline-block;
    padding:0px 10px 1px 10px;
    text-decoration:none;
    font-size:10px;
    line-height: 24px;
    text-transform:uppercase;
}
.kode-comments ul li .kode-text a.reply:hover{
    color:#fff;
}
.kode-comments ul li .kode-text h4{
    margin:0px 0px 5px 0px;
    font-size:16px;
    text-transform:uppercase;
}
.kode-comments ul li .kode-text p.designation{
    font-size:12px;
    text-transform:uppercase;
    margin:0px;
}
.kode-comments ul ul{
    padding:0px 0px 0px 100px;
    margin-top:20px;
}

/*
=============================================
                                COMMENT FORM
=============================================
*/
.comment-form{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.comment-form h2{
    text-transform:uppercase;
    margin:0px 0px 20px 0px;
}
.comment-form input[type="text"], .comment-form textarea{
    float:left;
    width:100%;
    height:40px;
    border:solid 1px #ccc;
    padding:6px 10px;
}
.comment-form label{
    font-weight: normal;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: -10px;
    left: 0px;
    right: 0;
    margin:auto; 
    width: 100px;

}
.comment-form .input-container{
    text-align:center;
    margin-bottom: 0px;
}
.comment-form textarea{
    height:300px;
}
.comment-form textarea:focus, .comment-form input[type="text"]:focus{
    box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.2) inset;
    background-color: #f4f4f4;
}
.comment-form button{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    font-weight: bold;
    padding:8px 20px;
}
.comment-form button:hover{
    background-color:#000;
}
/*
=============================================
                        SINGLE BLOG PAGE
=============================================
*/
.kode-single-blog{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-single-blog:hover{
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
}
.kode-single-blog figure{
    float:left;
    width:100%;
    background-color:#000;
    position:relative;
}
.kode-single-blog figure a:before{
    content:"\f067";
    position:absolute;
    font-size:29px;
    color:#fff;
    text-align:center;
    font-family:FontAwesome;
    color:#fff;
    left:0px;
    top:50%;
    width:100%;
    margin-top:-11px;
    opacity:0;
}
.kode-single-blog:hover figure a:before{
    opacity:1
}
.kode-single-blog figure img{
    float:left;
    width:100%;
}
.kode-single-blog:hover figure img{
    opacity:0.2
}
.kode-single-blog .kode-text{
    float:left;
    width:100%;
    border-bottom:solid 1px #ccc;
    border-right:solid 1px #ccc;
}
.kode-single-blog .kode-text h3{
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    margin:24px 0px 6px 0px;
}
.kode-single-blog .kode-text p{
    text-transform:uppercase;
}
.kode-single-blog .kode-text .kode-date{
    float:left;
    background-color:#4a4750;
    font-size:26px;
    color:#fff;
    width:60px;
    text-align:center;
    margin:0px 20px 0px 0px;
    padding:20px 0 15px;
}
.kode-single-blog .kode-text .kode-date span{
    float:left;
    width:100%;
    font-size:14px;
    text-transform:uppercase;	
}

/*
=============================================
                        SINGLE BLOG PAGE
=============================================
*/

.kode-single-sidebar{
    float:left;
    width:100%;
    margin-bottom:30px;
}

.kode-single-sidebar figure{
    float:left;
    width:100%;
    background-color:#000;
    position:relative;
}
.kode-single-sidebar figure a:before{
    content:"\f067";
    position:absolute;
    font-size:30px;
    color:#fff;
    text-align:center;
    font-family:FontAwesome;
    color:#fff;
    left:0px;
    top:50%;
    width:100%;
    margin-top:-15px;
    opacity:0;
}
.kode-single-sidebar:hover figure a:before{
    opacity:1
}
.kode-single-sidebar figure img{
    float:left;
    width:100%;
}
.kode-single-sidebar:hover figure img{
    opacity:0.2
}
.kode-single-sidebar .kode-text{
    float:left;
    width:100%;
    background-color:#f6f6f6;
    margin-bottom:20px;
}
.kode-single-sidebar .kode-text h3{
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    margin:20px 0px 0px 0px;
}
.kode-single-sidebar .kode-text p{
    text-transform:uppercase;
}
.kode-single-sidebar .kode-text .kode-date{
    float:left;
    background-color:#4a4750;
    font-size:26px;
    color:#fff;
    width:60px;
    text-align:center;
    margin:0px 20px 0px 0px;
    padding:10px 0px;
}
.kode-single-sidebar .kode-text .kode-date span{
    float:left;
    width:100%;
    font-size:14px;
    text-transform:uppercase;	
}
/*
=============================================
                NEWS AND EVENTS STYLE 2
=============================================
*/
.kode-blog-list.option-2{
    position:relative;
}
.kode-blog-list.option-2 .kode-thumb{
    width:100%;
}
.kode-blog-list.option-2 .kode-thumb img{
    width:100%;
}
.kode-blog-list.option-2 .kode-text{
    padding:50px 20px 20px 20px;
    text-align:center;
    float:left;
    width:100%;
    position:static;
    left:0px;
    bottom:0px;
    background:#fff;
}
.kode-blog-list.option-2 h2{
    margin-bottom:15px;
}
.kode-blog-list.option-2 h2:before{
    margin:auto;
    right:0px;
    width:50px;
}
.kode-blog-list.option-2 p.location i{
    margin:0px 5px 0px 0px;
}

.kode-blog-list.option-2 .blog-date{
    left:0px;
    margin:auto;
    bottom:-27px;
}
/*
=============================================
                                CONTACT US
=============================================
*/
.kode-map{
    float:left;
    width:100%;
}

.kode-map .map-canvas{
    float:left;
    width:100%;
    height:400px;
    border:none;
}

.kode-location{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-location p{
    margin:0px;
}
.contact-info{
    float:left;
    width:100%;

}
.contact-info ul{
    float:left;
    width:100%;
    list-style:none;
    margin:0px;
    padding:0px;
}
.contact-info ul li{
    float:left;
    width:33.333%;
    text-align:center;
    padding:0px 10px;
}
.contact-info ul li i{
    font-size:30px;
    border:solid 10px;
    height:84px;
    width:84px;
    border-radius:100%;
    line-height:64px;
    margin-bottom:15px;
}
.contact-info ul li i.border-red{
    border-color:#db2d14
}
.contact-info ul li i.border-yellow{
    border-color:#e8c21c
}
.contact-info ul li i.border-blue{
    border-color:#3ec2f9
}
.contact-info ul li h4{
    font-size:14px;
    text-transform:uppercase;
    margin:0px;
}
.contact-info ul li p{
    font-size:14px;
    word-wrap: break-word;
    line-height:18px;
}

/*
=============================================
                                ABOUT US 2
=============================================
*/
.book-guide{
    float:left;
    width:100%;
}
.book-guide img{

}
.book-guide p.cap:first-letter{
    font-size:40px;
    display:inline-block;
    float:left;
    padding:16px 12px;
    color:#fff;
    margin-right:10px;
}
/*
=============================================
                        KODE SERVICE SECTION
=============================================
*/
.kode-service-section{
    float:left;
    width:100%;
    background-color:#151515;
    padding:0px;
    background-image: url("images/pettern.png");
    position: relative;
}
.kode-service-section:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color:rgba(0,0,0,0.5); 
}

.kode-service-2{
    float:left;
    width:100%;
    text-align:center;
    padding:50px 0px 37px 0px;
    border-bottom:solid 4px transparent;

}
.kode-service-2:hover{
}
.kode-service-2 i{
    font-size:30px;
    margin-bottom:15px;
    color:#fff;
    border-radius: 100%;
    color: #fff;
    font-size: 30px;
    height: 60px;
    line-height: 56px;
    margin-bottom: 15px;
    width: 60px;
}
.kode-service-2 h3{
    font-size:20px;
    color:#fff;
    position:relative;
    margin-bottom:25px
}
.kode-service-2 h3:before{
    content:"";
    height:4px;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;
    width:30px;
    position:absolute;
    left:0px;
    right:0px;
    bottom:-15px;
    margin:auto;
}
.kode-service-2 h3 a{
    color:#fff;
    text-decoration:none;
}
.kode-service-2 p{
    color:#fff;
    margin:0px 0px 5px 0px;
}
.tabs-content{
    float:left;
    width:100%;
}
/*
=============================================
                ABOUT US VIDEO SECTION
=============================================
*/
.kode-video-section-2{
    float:left;
    width:100%;
    padding:50px 0px;
}
.kode-video-section-2 .kode-text{
    float:left;
    width:100%;
    padding:40px 0px 40px 0px;
}
.kode-video-section-2 h2{
    font-size:20px;
}
.kode-video-section-2 h2, .kode-video-section-2 p{
    color:#fff;
}
.kode-video-section-2 p{
    margin-bottom:20px;
}
.kode-video-section-2{
    background-image:url(images/testimonials-bg.jpg);
    background-size:cover;
    position:relative;
}
.kode-video-section-2:before{
    content:"";
    background-color:rgba(0,0,0,0.94);
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}
.kode-video{
    float:left;
    width:100%;
    position:relative;
}
.kode-video img{
    width:100%;
}
.kode-video a{
    display: inline-block;
}
.kode-video a:before{
    content:"";
    background-color:rgba(0,0,0,0);
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}
.kode-video a:hover:before{
    background-color:rgba(0,0,0,0.6);
}
.kode-video a:after{
    content: "\f04b";
    height: 60px;
    width: 60px;
    background-color: rgba(255,255,255,0.3);
    color: #fff;
    font-family: FontAwesome;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    border: solid 1px rgba(255,255,255,0.8);
    position: absolute;;
    left: 0px;
    right: 0px;
    margin:-30px auto 0px auto ;
    top: 50%;
    line-height: 58px;
    opacity: 0
}
.kode-video a:hover:after{
    opacity: 1

}

.kode-video-section-2 a.more{
    display:inline-block;
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    padding:7px 20px 8px 20px;
    border-radius:3px;
    text-decoration:none;
}
.kode-video-section-2 a.more:hover{
    background-color: #fff;
    color: #000;

}
/*
=============================================
                COUNT UP SECTION 2
=============================================
*/
.count-up-section-2{
    padding:50px 0px;
    width:100%;
    float:left;
}
.count-up-section-2 .count-up .counter {
    font-size:45px;
    color:#fff;
    float:left;
    width:100%;
    line-height: 47px;
}
.count-up-section-2 .count-up p{
    font-size:18px;
    text-transform:uppercase;
    color:#fff;
    margin: 0px;
}
.count-up-section-2 .count-up p:before{
    height:50px;
    width:50px;
    content:"";
    border-bottom:solid 1px #fff;
    border-left:solid 1px #fff;
    margin:0px 20px 0px 40px;
    display:inline-block;
}
/*
=============================================
                        HEADER 1
=============================================
*/
.header-1{
    position:static;
}
.header-1 .logo-container{
    padding:20px 0px;
}
.header-1 .top-strip p{
    font-size:12px;
    text-transform:uppercase;
    margin:0px;
    color:#fff;
}
.header-1 .top-strip{
    background-color:#2a2a2a;
}
.top-strip ul.my-account{
    list-style:none;
    float:right;
    margin:0px;
    padding:0px;
}
.top-strip ul.my-account li{
    float:left;
    margin:0px 10px;
}
.top-strip ul.my-account li a{
    display:block;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
}

.header-1 .kode-navigation ul{
    margin:0px;
    background:none;
}
.header-1 .kode-navigation ul li a{
    text-transform:uppercase;
    padding:16px 0px;

}
.header-1 .kode-navigation ul ul{
    background:none;
    padding:10px;
    background-color:#fff;
    top:110%;
}
.header-1 .kode-navigation ul ul li{
    border-top:dotted 1px #ccc;
    margin:0px;
}
.header-1 .kode-navigation ul ul li:first-child{
    border:none;
}
.header-1 .kode-navigation ul ul li:before{
    display:none;
}
.header-1 .kode-navigation ul ul li a{
    padding:10px 14px;
    text-transform:capitalize;
    font-size:15px;
    font-weight:400;	
    color:#666;
}
.header-1 .kode-navigation ul ul li a:hover{
    color:#fff;
}
/*
=============================================
                        HEADER 3
=============================================
*/
.header-3 {}
.header-3 .top-strip{
    padding:7px 10px 7px 0px;
}
.header-3 .logo-container{
    position: static;
}
.header-3 .top-strip p{
    margin:3px 0px;
    color:#fff;
    font-size:15px;
}
.header-3 .kode-navigation{
    float:left;
    width:100%;
    background-color:#fff;
}
.header-3 .kode-navigation ul{
    margin:0px;
    background: #fff;
}
.header-3 .kode-navigation ul li a{
    color:#666;
    padding:30px 18px;
    text-transform:uppercase;
}
.header-3 .kode-navigation ul li{
    margin:0px;

}
.header-3 .kode-navigation ul li:before{
    content:"";
    height:0px;
    width:100%;
    left:0px;
    top:100%;
    background-color:#999;
}
.header-3 .kode-navigation ul li:hover:before{
    height:5px;
}
.header-3 .kode-navigation ul li:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #007bff transparent;
    position:absolute;
    left:0px;
    right:0px;
    margin:auto;
    bottom:0px;
    opacity:0;

}
.header-3 .kode-navigation ul li:hover:after{
    opacity:1;
}
.header-3 .logo{
    padding:0px;
    height:120px;
    position:relative;
    width:100%;
    margin-top:12px;
}
.header-3 .logo img{
    position:absolute;
    right:0px;
    top:0px;
    bottom:0px;
    margin:auto;
}
.header-3 .social-icon{
    width:auto;
    float:right;
    margin-top:1px;
}
.header-3 .social-icon ul{
    width: auto;
    margin-top:1px;
}
.header-3 .social-icon ul li{
    margin:0px 0px;
}
.header-3 .social-icon a{
    border:none;
    color:#fff;
    margin:0px 15px 0px 0px; 

}
.header-3 .social-icon ul li a{
    margin: 0px;
    width:26px;
    height:26px;
    line-height:26px;

}
.header-3 .kode-navigation ul ul li:after, .header-3 .kode-navigation ul ul li:before{
    display:none;
}
.header-3 .kode-navigation ul ul li a{
    padding:10px 15px;
    font-size:14px;
    text-transform:capitalize;
}
.header-3 .kode-navigation ul ul li{
    float:left;
    width:100%;
}
.header-3 .kode-navigation ul ul{
    border-top:solid 5px;
    box-shadow:0px 5px 5px 0px rgba(0,0,0,0.3);
    border-radius:0px;
    padding: 5px;
}
.header-3 .kode-navigation ul ul li a:hover{
    color:#fff;
}
/*
=============================================
                        SEARCH SECTION
=============================================
*/
.search-section{
    padding:0px;
    background-color:#2a2a2a;
    width:100%;
    float:left;
}
.search-section .nav-tabs{
    border:none;
    margin:-64px 0px 0px 0px;
    vertical-align:bottom;
}
.search-section .nav-tabs > li{
    margin:0px 0px 0px -4px;
    border:none;
    float:none;
    display:inline-block;
    vertical-align:bottom;
    position:relative;

}

.search-section .nav-tabs > li > a{
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    border-radius:0px;
    padding:15px 45px;
    background-color:#fff;
    color:#2a2a2a;
    border:none;
    margin:0px;
}
.search-section .nav-tabs > li.active > a, .search-section .nav-tabs > li.active > a:focus{
    color:#fff;
    border:none;
    padding:22px 45px;
    outline:none;
}
.search-section .nav-tabs > li.active > a:before{
    content:"";
    border-right:14px solid #000;
    border-top:14px solid transparent;
    position:absolute;
    left:-14px;
    top:0px;
}
.search-section .nav-tabs > li:first-child.active > a:before, .search-section .nav-tabs > li:last-child.active > a:after{
    display:none;
}
.search-section .nav-tabs > li.active > a:after{
    content:"";
    border-left:14px solid #000;
    border-top:14px solid transparent;
    position:absolute;
    right:-14px;
    top:0px;
}
.search-section .nav-tabs > li > a:hover, .search-section .nav-tabs > li.active > a:hover{
    border:none;
    color:#fff;
}
.search-section .nav-tabs > li:first-child{
    margin:0px;
}

.search-section .form-container{
    float:left;
    width:100%;
    padding:40px 0px;
}
.search-section .form-container input{
    float:left;
    width:100%;
    height:50px;
    color:#fff;
    background-color:#444444;
    padding:8px 15px;
}
.search-section .form-container select{
    float:left;
    width:100%;
    height:50px;
    color:#fff;
    background-color:#444444;
    padding:8px 15px;
    border: none;
}
.search-section .form-container input:focus{
    background: #171717;
}
.search-section .form-container button{
    height:50px;
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    border-radius:0px;
    font-weight:bold;
}
.search-section .form-container button:hover{
    background: #fff;
    color: #000;
}
/*
=============================================
                        HEADING STYLE
=============================================
*/
.section-heading{
    float:left;
    width:100%;
    padding:0px 100px;
    text-align:center;
    margin:0px 0px 30px 0px;
}
.section-heading h2{
    font-size:44px;
    color:#333;
    text-transform:uppercase;
    margin:0px 0px 10px 0px;
}
.section-heading h5{
    font-size:16px;
    color:#9f9f9f;
    margin:0px;
    font-weight:normal;
}
.section-heading p{
    color:#9f9f9f;
    margin:0px 0px 15px 0px;
    padding:0px 0px 15px 0px;
    position:relative;
}
.section-heading p:before{
    content:"";
    width:50px;
    height:2px;
    background-color:#9f9f9f;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
}
.section-heading.dark-sec h2, .section-heading.dark-sec h5, .section-heading.dark-sec p{
    color:#fff;
}
/*
=============================================
                        HEADING STYLE 2
=============================================
*/
.section-heading-1{
    float:left;
    width:100%;
    text-align:center;
    margin-bottom:36px;
    position:relative;
    margin-top:-5px;
}
.section-heading-1 h2{
    font-size:32px;
    text-align:center;
    font-family: 'Raleway', sans-serif;
    text-transform:capitalize;
}
.kode-icon{
    float:left;
    width:100%;
}
.section-heading-1 .kode-icon:before, .section-heading-1 .kode-icon:after{
    content:"";
    position:absolute;
    left:35%;
    margin:auto;
    bottom:14px;
    width:150px;
    height:1px;
    background-color:#CCC;
}
.section-heading-1 .kode-icon:after{
    left:auto;
    right:35%;

}
.section-heading-1 i{
    font-size:20px;
    color:#333;
}
.section-heading-1.dark-sec h2,  .section-heading-1.dark-sec p, .section-heading-1.dark-sec p:after, .section-heading-1.dark-sec i{
    color:#fff;
}
.section-heading-1.dark-sec{
}
.section-heading-1.dark-sec p:before, .section-heading-1.dark-sec p:after{
    background-color:#fff;
}
.section-heading-1 p{
    margin-bottom:17px;
}

/*
=============================================
                        SERVICES SECTION
=============================================
*/
.kode-service-3{
    float:left;
    width:100%;
    text-align:center;
    padding:20px 20px 30px 20px;
    border-bottom:solid 1px #dbdbdb;
    margin-bottom:30px;
}
.kode-service-3 i{
    color:#777;
    height:90px;
    width:90px;
    border-radius:15px;
    border:solid 1px #ccc;
    font-size:40px;
    padding:24px 0px;
    margin-bottom:20px;
}
.kode-service-3:hover i{
    border-width:5px;
    padding:20px 0;
}
.kode-service-3 h3{
    text-transform:uppercase;
    font-size:20px;
    margin:0px 0px 12px 0px;
}
.kode-service-3 h3 a{
    text-decoration:none;
    color:#777;
}
.kode-service-3 a.read-more{
    font-size:14px;
    font-weight:bold;
    color:#777;
    position:relative;
    padding:0px 0px 10px 0px;
    text-decoration:none;
}
.kode-service-3 a.read-more:before{
    content:"";
    width:20px;
    height:1px;
    background-color:#777;
    position:absolute;
    left:0px;
    right:0px;
    margin:auto;
    bottom:0px;
    text-decoration:none;
}

/*
=============================================
                        TOP CATEGOREIS
=============================================
*/

.lib-categories-section{
    background-image:url(images/top-categories-bg.png);
    background-size:cover;
    position:relative;
}
.lib-categories-section:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.8);
}
.lib-categories-section .container{
    position:relative;
}

.lib-categories-section .nav-tabs{
    float:left;
    width:100%;
    margin:0px 0px 30px 0px;
    background-color:#fff;
    text-align:center;
}
.lib-categories-section .nav-tabs > li{
    float:none;
    display:inline-block;
}
.lib-categories-section .nav-tabs > li > a{
    padding:19px 20px;
    border-radius:0;
    color:#333;
    border:none;
}
.lib-categories-section .nav-tabs > li.active > a, .lib-categories-section .nav-tabs > li.active > a:focus{
    color:#fff;
    border:none;
    outline:none;
}
.lib-categories-section .best-seller-pro:hover{
    z-index:10;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);
}
.lib-categories-section .bx-pager{
    display:none;
}
.lib-categories-section .bx-wrapper .bx-controls-direction a{
    background-color:#fff;
    color:#333;
    height:60px;
    width:60px;
    margin:0px;
    line-height:58px;
    top:-90px;
    left:0px;

}
.lib-categories-section .bx-wrapper .bx-controls-direction a:hover{
    color: #fff;
}
.lib-categories-section .bx-wrapper .bx-controls-direction a.bx-prev{
    border-right:solid 3px #000;
}
.lib-categories-section .bx-wrapper .bx-controls-direction a.bx-next{
    border-left:solid 3px #000;
}
.lib-categories-section .bx-wrapper .bx-controls-direction a.bx-next{
    left:auto;
    right:0px;
}
.lib-categories-section .bx-wrapper .bx-controls-direction a:before{
    content:"\f177";
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    width:100%;
    left:0px;
    top:0px;
    text-align:center;
}
.lib-categories-section .bx-wrapper .bx-controls-direction a.bx-next:before{
    content:"\f178";
}

/*
=============================================
                                CALL TO ACTION
=============================================
*/
section.lib-call-to-action{
    background-color:#363636;
    text-align:center;
    padding:70px 0px;
    position: relative;
}
section.lib-call-to-action:before{
    content: "";
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-image: url("images/pettern.png");
}
section.lib-call-to-action .container{
    position: relative;
}
.lib-call-to-action h2{
    font-size:40px;
    text-transform:uppercase;
    color:#fff;
    margin-top:-6px;
}
.lib-call-to-action p{
    color:#fff;
    margin-bottom:30px;
    line-height:normal;
}
.lib-call-to-action a.more{
    display:inline-block;
    color:#000;
    background-color:#fff;
    padding:10px 20px;
    border-radius:5px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
}
.lib-call-to-action a.more:hover{
    background: #000;
    color: #fff;
}

/*
=============================================
                        PAPULAR BOOKS SECTION
=============================================
*/

.lib-papular-books{
    padding:0 0 70px 0px;
}
.lib-papular-books .nav-tabs{
    float:left;
    width:50%;
    text-align:center;
    margin:-24px 0px 0px 0px;
    border:none;
    float:right;
}
.lib-papular-books .tab-content{
    float:left;
    width:50%;
    padding:0px 15px;
}
.lib-papular-books .nav-tabs > li{
    margin-top: 24px;
}
.lib-papular-books .nav-tabs > li > a{
    display:block;
    font-size:14px;
    font-weight:bold;
    margin:0px;
    color:#333;
    padding:0px;
    float:left;
}
.lib-papular-books .nav-tabs > li > a:hover, .lib-papular-books .nav-tabs > li.active > a, .lib-papular-books .nav-tabs > li.active > a:focus{
    color:#fff;
    outline:none;
}
.lib-papular{
    float:left;
    width:100%;
    border:solid 1px #CCC;
    padding:10px 20px 10px 10px;	
}
.lib-papular .kode-thumb{
    float:left;
}
.lib-papular .kode-thumb img{
    float: left;
    width: 100%;
}
.lib-papular .kode-text{
    padding:10px 0px 0px 270px;
}
.lib-papular .kode-text h2{
    font-size:19px;
    margin-bottom:10px;
}
.lib-papular .kode-text h4{
    font-size:14px;
    margin: 0px 0px 10px;
}
.lib-papular .lib-price{
    float:left;
    width:100%;
}
.lib-papular .lib-price h3{
    float:left;
}
.lib-papular .lib-price a{
    float:right;
    color:#333;
    font-weight:bold;
}
.lib-papular .lib-price a:hover{
    text-decoration: underline;
}

.lib-papular-thumb{
    float:left;
    width:100%;
    border:solid 1px #CCC;
    padding:5px;
}
.lib-papular-thumb img{
    width:100%;
    float:left;
}
.lib-papular-books .rating {
    text-align: left;
}
.lib-papular-books .rating > span{
    color: #000;
}
/*
=============================================
                        LIBRARY VIDEO SECTION
=============================================
*/

.lib-video-section{
    background-image:url(images/video-bg3.png);
    background-size:cover;
    position:relative;
    text-align:center;
    padding:100px 0px;
    background-position:center center;
}
.lib-video-section:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.4);
    background-image:url(images/video-bg-pettern.png);
}
.lib-video-section .container{
    position:relative;
}
.lib-video-section h2{
    color:#fff;
    font-size:40px;
    position:relative;
    padding-bottom:20px;
}
.lib-video-section h2:before{
    content:"";
    height:2px;
    width:50px;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    background-color:#fff;
}
.lib-video-section h4{
    font-size:20px;
    color:#fff;
}
.lib-video-section p{
    color:#fff;
}
.lib-video-section a.video-play{
    background-color:#fff;
    height:80px;
    width:80px;
    border-radius:100%;
    text-align:center;
    padding:27px 0px;
    font-size:26px;
    margin-bottom:20px;
}
/*
=============================================
                        COUNT UP SECTION
=============================================
*/

.lib-count-up-section{
    padding:0px;
    text-align:center;
    float: left;
    width: 100%;
}

.lib-count-up-section span.counter{
    font-size:30px;
    color:#fff;
    border-radius:100%;
    height:90px;
    width:90px;
    display:inline-block;
    background-color:rgba(255,255,255,0.5);
    line-height:92px;
    margin-bottom:50px;
    position:relative;
}
.lib-count-up-section span.counter:before{
    content:"";
    position:absolute;
    border:solid 3px #fff;
    border-radius:100%;
    left:-25%;
    top:-25%;
    margin:auto;
    height:150%;
    width:150%;
}
.lib-count-up-section p{
    font-size:24px;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    padding:0px 0px 10px 0px;
}
.lib-count-up-section p:before{
    content:"";
    height:1px;
    width:50px;
    background-color:#fff;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
}
.lib-count-up-section .count-up{
    padding:93px 0px 60px;
}
.lib-count-up-section .row .col-md-3:nth-child(odd){
    background-color:rgba(0,0,0,0.1)
}
/*
=============================================
                        LIBRARY POST
=============================================
*/
.owl-blog .item{
    padding:0px 15px;
}
.lib-blog-post{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.lib-blog-post:hover{
    box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3)
}
.lib-blog-post .kode-thumb{
    float:left;
    width:100%;
    position:relative;
    background-color:#000;
    overflow: hidden;
}
.lib-blog-post .kode-thumb img{
    width:100%;
}
.lib-blog-post:hover .kode-thumb img{
    opacity:0.3;
}
.lib-blog-post .kode-text{
    float:left;
    width:100%;
    text-align:center;
    padding:20px;
    position:relative;
    border-bottom: solid 1px #ededed;
}
.lib-blog-post .kode-text h2{
    font-size:18px;
    text-transform:inherit;
    margin:0px 0px 10px 0px;
    font-weight:normal;
}
.lib-blog-post .kode-text ul{
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}
.lib-blog-post .kode-text ul li{
    margin:0px 0px 0px 10px;
    display:inline-block;
}
.lib-blog-post .kode-text ul li:first-child{
    margin:0px;
}
.lib-blog-post .kode-text ul li p{
    margin:0px;
    color:#333;
    font-size:12px;
    text-transform:uppercase;
}
.lib-blog-post .kode-text ul li a{
    color:#333;
    text-decoration:none;
}
.lib-blog-post .kode-text a.more{
    position:absolute;
    left:0px;
    right:0px;
    bottom:-15px;
    margin:auto;
    height:30px;
    width:30px;
    border-radius:100%;
    border:solid 1px #ccc;
    background-color:#fff;
    color:#666;
    padding:1px 10px;
    visibility:hidden;
    opacity:0;
}
.lib-blog-post:hover .kode-text a.more{
    opacity:1;
    visibility:visible;
}
.lib-blog-post .kode-text a.more:hover{
    color: #fff;
}
.lib-blog-post .lib-btns{
    position:absolute;
    left:0px;
    top:-10%;
    width:100%;
    text-align:center;
    margin-top:-18px;
}
.lib-blog-post:hover .lib-btns{
    top:50%;
}
.lib-blog-post .lib-btns a{
    border:solid 1px #fff;
    height:36px;
    width:36px;
    display:inline-block;
    border-radius:100%;
    color:#fff;
    line-height: 34px;
}

.owl-blog .owl-buttons{
    position:absolute;
    left:0px;
    width:100%;
    top:50%;
    margin-bottom:20px;
}
.owl-blog .owl-buttons div{
    position:absolute;
    height:40px;
    background-color:#fff;
    width:40px;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}

.owl-blog .owl-buttons div.owl-prev{
}
.owl-blog .owl-buttons div.owl-next{
    left:auto;
    right:0px;
}
.owl-blog .owl-buttons div.owl-prev:before, .owl-blog .owl-buttons div.owl-next:before{
    content:"\f100";
    font-family:FontAwesome;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    text-align:center;
    color:#000;
    font-size:25px;
    line-height: 37px;

}
.owl-blog .owl-buttons div.owl-next:before{
    content:"\f101";
}

/*
=============================================
                        LIBRARY TESTIMONILAS
=============================================
*/
.kode-lib-team-member{
    background:#f1f1f1;
    padding:70px 0px 0px;
}
.lib-textimonials{
    background-image:url(images/testimonials-bg2.jpg);
    background-size:cover;
    background-position:center;
    position:relative;
    padding:70px 0px 50px;
}
.lib-textimonials:before{
    content:"";
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    position:absolute;
    left:0px;
    top:0px;
}
.lib-textimonials .container{
    position:relative;
}
.lib-textimonials .item{
    padding:0px 15px;
}

.lib-testimonial-content{
    float:left;
    width:100%;
    text-align:center;
    position:relative;
}
.lib-testimonial-content:after{
    content:"\f10d";
    font-family:FontAwesome;
    position:absolute;
    left:20px;
    top:20px;
    color:#999;
    font-size:20px;
}
.lib-testimonial-content .kode-text{
    float:left;
    width:100%;
    margin-bottom:40px;
    background-color:#fff;
    padding:40px 30px 30px 30px;
    position:relative;
    font-size:16px;
    font-style:italic;
}
.lib-testimonial-content .kode-text p{
    margin:0px;
}
.lib-testimonial-content .kode-text:before{
    content:"";
    height:30px;
    width:30px;
    background-color:#fff;
    transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    position:absolute;
    left:0px;
    right:0px;
    margin:auto;
    bottom:-10px;
}

.lib-testimonial-content .kode-thumb{
    height:80px;
    width:80px;
    border-radius:100%;
    overflow:hidden;
    border:solid 3px #fff;
    display:inline-block;
}
.lib-testimonial-content h4{
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
}
.lib-testimonial-content p.title{
    color:#fff;
    text-transform:uppercase;
}
/*
=============================================
                        LIBRARY AUTHORS
=============================================
*/

.lib-authors{
    float:left;
    width:25%;
    position:relative;
    margin-bottom:70px;
}
.lib-authors img{
    width:100%;
}
.lib-authors:hover img{
    opacity:0.3;
}

.lib-authors .kode-caption{
    padding:20px;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    width:100%;
    height:90px;
    z-index: 100;
}
.lib-authors:hover .kode-caption{
    bottom:-90px;
    background-color:rgba(0,0,0,1);
}
.lib-authors .kode-caption h4{
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    margin:0px 0px 10px 0px;
}
.lib-authors .kode-caption p{
    color:#fff;
    text-transform:uppercase;
    margin:0px;
}

.lib-authors .social-icons{
    width:32px;
    position:absolute;
    left:0px;
    right:0px;
    margin:auto;
    z-index:10;
    visibility:hidden;
    opacity:0;
    top:0px;
}
.lib-authors .social-icons:before{
    content:"";
    width:1px;
    background-color:#000;
    position:absolute;
    height:100%;
    left:0px;
    right:0px;
    margin:auto;
}
.lib-authors:hover .social-icons{
    visibility:visible;
    opacity:1;
    top:50%;
    margin-top: -25%;
}
.lib-authors .social-icons ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}
.lib-authors .social-icons ul li{
    float:left;
    margin-top:10px;
}
.lib-authors .social-icons ul li:first-child{
    margin:0px;
}
.lib-authors .social-icons ul li a{
    height:32px;
    width:32px;
    background-color:#000;
    color:#fff;
    display:block;
    font-size:14px;
    text-align:center;
    padding:4px 0px;
}
/*
=============================================
                        HEADING STYLE
=============================================
*/

.heading-1{
    float:left;
    width:100%;
    padding:0px 0px 15px 0px;
    text-align:center;
    position:relative;
    margin-bottom:50px;
}
.heading-1:before, .heading-1:after{
    content:"";
    width:200px;
    height:1px;
    background-color:#ccc;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
}
.heading-1:after{
    height:7px;
    width:60px;
    bottom:-3px;
    border-left:solid 15px #fff;
    border-right:solid 15px #fff;
}
.heading-1 h2{
    font-size:32px;
    font-family: 'Raleway', sans-serif;
    margin:0px 0px 15px 0px;
    text-transform:inherit;
    margin-top:-6px;
}
.heading-1 p{
    margin-bottom:10px;
}
/*
=============================================
                        INTRO SECTION
=============================================
*/

.lib-ebook{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.lib-ebook h3{
    font-size:20px;
    position:relative;
    padding:0px 0px 0px 45px;
    margin-bottom:20px;
    font-weight:400;
}
.lib-ebook h3 i{
    font-size:30px;
    margin-right:10px;
    position:absolute;
    left:0px;
    top:0px;
    margin:-4px 0px 0px 0px;
}
.lib-ebook p{
    margin-bottom:20px;
}
.lib-ebook a.more{
    font-size:13px;
    display:inline-block;
    padding:8px 22px;
    border:solid 1px #666;
    border-radius:3px;
    color:#666;
    text-decoration:none;
    line-height:normal;
}
.lib-ebook a.more:hover{
    color:#fff;
}
/*
=============================================
                        LIBRARY MEMBERSHIP
=============================================
*/
.kode-membership{
    text-align: center;
}
.kode-membership input[type="text"]{
    border:none;
}
.kode-membership select{
    border: 1px solid hsla(0, 0%, 0%, 0.1);
    border-radius: 2px;
    color: #999;
    height: 47px;
    padding: 6px 10px 6px 35px;
    width: 100%;
}
.kode-membership select option{
    padding:8px 10px;
}
.reg-btn{
    display:inline-block;
    padding:10px 50px;
    color:#fff;
    font-size:16px;
    background-color:#333;
    margin-bottom:30px;
}
.reg-btn:hover{
    background-color:#fff;
    color:#333;
}
/*
=============================================
                        LIBRARY NEWSLETTERS
=============================================
*/
.kode-newsletters-2{
    padding:70px 0px;
}
.kode-newsletters-2 button{
    font-size:20px;
    color:#fff;
    height:56px;
    width:100%;
}
.kode-newsletters-2 button:hover{
    background: #000;
}
.kode-newsletters-2 button i{
    margin-left:10px;
}
.kode-newsletters-2 input[type="text"]{
    height:56px;
}
.kode-newsletters-2 .input-container{
    margin:0px;
}

.newsletters-container{
    padding:0px 150px;
}

/*
=============================================
                        LIB LOCATION SECTION
=============================================
*/
.lib-contact-section{
    padding:0px;
    position:relative;
}
.lib-contact-section #map-canvas{
    height:500px;
    border:none;
    width:50%;
    float:right;
    margin:0px;
}

.lib-contact-section .kode-thumb{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    background-image:url(images/location-image.jpg);
    background-position:center;
    background-size:cover;
    width:50%;
}

.lib-contact-section .location-text{
    height:380px;
    width:380px;
    background-color:#fff;
    box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);
    border-radius:100%;
    text-align:center;
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    margin:auto;
    z-index:10;
    padding:40px 60px;
}

.lib-contact-section .location-text i{
    font-size:40px;
    margin-bottom:11px;
}
.lib-contact-section .location-text h2{
    font-size:24px;
    text-transform:inherit;
    line-height:normal;
    margin-bottom:12px;
}
.lib-contact-section .location-text h4{
    font-size:18px;
    color:#666;
    margin-bottom:20px;
    line-height:normal;
}
.lib-contact-section .location-text p{
    padding:12px 0px 13px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    color:#666;
    margin:0px 0px 12px 0px;
}
.lib-contact-section .location-text span{
    font-size:16px;
    font-weight:bold;
}
.lib-contact-section .location-text span i{
    margin:0px 10px 0px 0px;
    font-size:16px;
}

.footer-2{
    float:left;
    width:100%;
    padding:20px 0px;
}
.footer-2{
}
.lib-copyrights{
    float:left;
    width:100%;
}
.lib-copyrights p{
    color:#fff;
    margin:0px;
    float:left;
    margin:7px 0px;
}

.lib-copyrights .social-icon{
    float:right;
    width:auto;
    margin-top:3px;
}
.lib-copyrights .social-icon ul li a{
    border:none;
    color:#333;
    background-color:#fff;
    border-radius:100%;
    height:36px;
    width:36px;
    line-height:36px;
}
.lib-copyrights .social-icon ul li a:hover{
    background: #000;
    color: #fff;
}
/*
=============================================
                        LIBRARY ABOUT US
=============================================
*/

.about-lib-theme{
    width: 100%;
    float: left;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.kode-content .about-lib-theme{
    border:none
}
.about-lib-theme h2{margin-top:-4px;}
.about-lib-theme .kode-thumb{
    float: left;
    width: 100%;
}
.about-lib-theme .kode-thumb img{
    width: 100%;
}

.lib-qualities{
    float: left;
    width: 100%;
}
.lib-qualities ul{
    list-style: none;
    margin: 30px 0px 0px 0px;
    float: left;
    width: 100%;
}
.lib-qualities ul li{
    float: left;
    width: 100%;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 35px 0px 35px 50px;
    position: relative;
}
.lib-qualities ul li:last-child{
    margin-bottom:30px;
}
.lib-qualities ul li i{
    position: absolute;
    height: 60px;
    width: 60px;
    left: -30px;
    top: 0px;
    bottom: 0px;
    margin:auto;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.3);
    font-size: 24px;
    line-height: 56px;
    text-align: center;
}
.lib-qualities ul li:hover i{
    color: #fff;
}
.lib-qualities ul li:before{
    content: "\f006";
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: -15px;
    height: 30px;
    width: 40px;
    background-color: #fff;
    text-align: center;
}
.lib-qualities ul li:first-child{
    border-top: solid 1px #ddd;

}
.lib-qualities ul li h2{
    font-size: 16px;
    text-transform: uppercase;
    color: #5d5d5d;
    margin: 0px 0px 10px 0px;
}
.lib-qualities ul li p{
    margin: 0px;
}
/*
=============================================
                        HEADING STYLE
=============================================
*/
.heading-3{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 0px 30px 0px;
    position: relative;
    margin: 0px 0px 30px 0px;
}
.heading-3:before{
    content: "";
    width: 200px;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}
.heading-3:after{
    content: "";
    height: 5px;
    width: 35px;
    background-color: #ddd;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -2px;
    margin: auto;
    border-left: solid 10px #fff;
    border-right: solid 10px #fff;
}
.heading-3 h2{
    font-size: 32px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
    text-transform: capitalize;
}
.heading-3 p{
    font-size: 14px;
    margin: 0px;
}
/*
=============================================
                        LIBRARY THEME INTRO
=============================================
*/
.lib-theme-intro{
    text-align: center;
    padding-bottom: 0px;
}
.lib-theme-intro .kode-text h2{
    font-size:30px;
}
.list-numbers{
    list-style: decimal;
    margin: 0px;
    float: left;
    text-align: center;
    padding: 0px;
}
.list-numbers li{
    display: inline-block;
}
.lib-theme-intro .kode-thumb{
    float: none;
    display: inline-block;
    vertical-align: bottom;
}
.lib-theme-intro .kode-text{
    float: left;;
    width: 100%;
    padding: 40px 0px 0px 0px;
}
/*
=============================================
                        LIBRARY BLOG STYLE 2
=============================================
*/

.lib-blog-2{
    float: left;
    width: 100%;
    background-color: ghostwhite;
    margin-bottom: 30px;
}
.lib-blog-2:hover{
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
}
.lib-blog-2 .kode-thumb{
    width: 100%;
    float: left;
    position: relative;
    background-color: #000;
}
.kode-content .lib-blog-2 .kode-text h3{
    margin-top:-6px;	
}
.kode-content .lib-blog-2 .kode-meta ul{margin-bottom:8px;}
.lib-blog-2 .kode-thumb img{
    width: 100%;
}
.lib-blog-2:hover .kode-thumb img{
    opacity: 0.3;
}
.lib-blog-2 .kode-text{
    width: 100%;
    float: left;
    padding: 30px 20px;
    text-align: center;
}
.kode-video-section-2 .kode-text h2,
.lib-blog-2 .kode-text h3{
    color:#FFF;
}
.kode-video-section-2 .kode-text p{
    color:#FFF;
    line-height:27px;
    font-size:16px;
}	
.lib-testimonial-content .kode-text p{
    line-height:30px;
}
.kode-text h2,
.lib-blog-2 .kode-text h3{
    font-family: 'Lato', sans-serif;
    color:#262626;
    font-weight:700;
    font-size:20px;
    text-transform:none;
    line-height:26px;
    text-overflow:ellipsis;
    margin:0px 0px 10px 0px;
}
.kode-text p{
    font-family: 'Lato', sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:22px;
    color:#666666;
    margin-bottom:9px;
}
.lib-blog-2 .kode-text a.more{
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 20px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.lib-blog-2 .kode-text a.more:hover{
    background: #000 !important;
    border-color: #000 !important;
}
.lib-blog-2 .kode-text a.more i{
    margin-left: 10px;
}
.lib-blog-2 .kode-text a.more:hover{
    color: #fff;
}
.kode-meta{
    float: left;
    width: 100%;
}
.kode-meta ul{
    list-style: none;
    text-align: center;
    padding: 0px;
    margin:0px 0px 10px 0px;
    float: left;
    width: 100%;
}
.lib-blog-2 .kode-meta ul li{
    float: none;

}
.kode-meta ul li{
    display: inline-block;
    margin: 0px 5px;
    float: left;
}
.kode-meta ul li i{
    margin-right: 10px;
}
.kode-meta ul li a{
    color: #666;
}
.kode-blog-date{
    text-align: center;
    color: #fff;
    float: left;
    width: 100px;
}
.lib-blog-2 .kode-blog-date{
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: center;
    color: #fff;
}


.kode-blog-date p{
    font-size: 20px;
    text-transform: uppercase;
    padding: 8px 15px;
    margin: 0px
}
.kode-blog-date span{
    padding: 8px 15px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: 100%;
    background-color: #333;
    position: relative;
}
.kode-blog-date span:before{
    content: "";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    left: 0px;
    right: 0px;
    background-color: #333;
    margin: auto;
    top: -6px;
}

.lib-blog-2.lib-blog-3{
    border-bottom: solid 1px #e0e0e0;
    background: none;
    text-align: center;

}
.lib-blog-2.lib-blog-3 .kode-text{
    background-color: #fff;
    padding: 70px 20px 50px 20px;
    width: 90%;
    float: none;
    display: inline-block;
    margin-top: -85px;
    position: relative;

}
.lib-blog-2.lib-blog-3 .kode-blog-date{
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 10;
    width: 110px;
    bottom: 39px;
}

.lib-blog-detail{
    float: left;
    width: 100%;
    margin:0px 0px 30px 0px;	
    border-bottom:solid 1px #ebebeb;
}
.lib-blog-detail .detailed-text{
    float: left;
    width: 100%;
    margin-bottom: 22px;
}
.detailed-text p:last-child{
    margin-bottom:0px;	
}
.lib-blog-detail .kode-thumb{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.lib-blog-detail .kode-thumb img{
    float: left;
    width: 100%;
}
.lib-blog-detail .detailed-text .header{
    float: left;
    width: 100%;
    margin-bottom: 20px;

}
.lib-blog-detail .detailed-text .header .kode-text{
    padding: 0px 0px 0px 120px;

}

.kode-comments-2{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.kode-comments-2 ul li{
    padding: 15px;
    border: solid 1px #f0f0f1;   

}
.kode-comments ul li:last-child{margin-bottom:0px;}
/*
=============================================
                        LIBRARY BLOG STYLE 2
=============================================
*/
.lib-gallery{
    float: left;
    width: 100%;
    position: relative;
    background-color: #000;
    overflow: hidden;
    margin-bottom: 30px;
}
.lib-gallery img{
    float: left;
    width: 100%;
}
.lib-gallery:hover img{
    opacity: 0.3;
    transform: scale(1.1);
}
.lib-gallery .caption{
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border:solid 1px transparent;
    padding: 10% 50px;
    opacity: 0;
    visibility: hidden;
}
.lib-gallery .caption p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}
.lib-gallery .caption h4{
    font-size: 26px;
    text-transform: uppercase;
    color: #fff;
}
.col-md-3 .lib-gallery .caption h4{
    font-size: 18px;
}
.col-md-3 .lib-gallery:hover .caption{
    padding: 15% 20px;
}
.lib-gallery:hover .caption{
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    border-color: #fff;
    padding: 20% 20px;
    opacity: 1;
    visibility: visible;;
}

/*
=============================================
                        LIBRARY BLOG STYLE 2
=============================================
*/
.error-404{
    margin: 0px auto;
    width: 70%;
    text-align: center;
    padding:0px 0px 30px 0px;
}
.error-404 > p{
    margin: 0px 0px 30px 0px;
    font-size:16px;
}
.error-404 h2{
    font-size: 60px;
    text-shadow:2px 2px 2px rgba(0,0,0,0.2);
    -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
    -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
    margin: 0px 0px 40px 0px;
    padding: 15px 0px;
    border-top:solid 3px #ccc;
    border-bottom:solid 3px #ccc; 
}
.page-404 p{
    font-size: 350px;
    font-weight: bold;
    line-height: 300px;
    text-shadow:2px 2px 2px rgba(0,0,0,0.2);
    -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
    -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2);

}
.page-404 {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 30px 0px;
}
.page-404 span{
    font-size: 48px;
    content: #fff;
    font-weight: bold;
    background-color: #fff;
    margin: -60px 0px 0px 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 50%;
    text-transform: uppercase;
    color:#000;
    line-height: 60px;
}
.error-404 a.go-back{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    border: solid 1px;
    box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);
    color:#333;
}
.error-404 a.go-back:hover{
    color: #fff;
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.3);
}
/*
=============================================
                        LIBRARY CONTACT US
=============================================
*/

.location-map{
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.location-map #map-canvas{
    width: 100%;
    height: 400px;
    border: none;
    margin-bottom:0px;
}
#map {
    height: 300px;
}

/*
=============================================
                        LIBRARY BOOK DETAIL
=============================================
*/

.lib-book-detail{
    float: left;
    width: 100%;
    margin-bottom: 30px;

}
.lib-book-detail .kode-thumb{
    padding: 15px;
    background-color: #f4f4f4;
    float: left;
    width: 100%;
}
.lib-book-detail .kode-text{
    float: left;
    width: 100%;

}
.lib-book-detail .book-text{
    border-bottom:solid 1px #ddd;
    padding:0px 0px 15px 0px;
    margin:0px 0px 15px 0px;
}
.lib-book-detail .book-text p{
    margin:0px;
}
.lib-book-detail .kode-thumb img{
    width: 100%;
    float: left;
}
.lib-book-detail .rating {
    float: left;
    margin-right: 10px;
}
.lib-book-detail .rating > span{
    color: #ff9605;

}
.lib-book-detail .product-review{
    float: left;
    width: 100%;
    margin-bottom:8px;
}
.lib-book-detail .product-review p{
    margin:2px 0px;
    float: left;
    font-size:12px;
}

.lib-book-detail  .product-price{
    float: left;
    width: 100%;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    border-bottom: solid 1px #ddd;
}
.lib-book-detail  .product-price p{
    margin:0px;
}
.lib-book-detail  .product-price h4{
    font-size: 30px;
    line-height:normal;
    margin-bottom:8px;
}
.lib-book-detail a.add-to-cart {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0px 10px 0px 0px;
    font-weight:bold;
    background: #ff9606;
}
.lib-book-detail a.add-to-cart:hover{
    color:#fff;
    background: #444 !important;
    border: none !important;
}
.product-review-tabs{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.product-review-tabs .product-tags{
    float:left;
    width:100%;
}
.product-review-tabs .product-tags a{
    font-size:14px;
    display:inline-block;
    float:left;
    padding:6px 15px;
    color:#666;
    border:solid 1px #ccc;
    text-transform:capitalize;
    margin:0px 5px 5px 0px;
}
.product-review-tabs .product-tags a:hover{
    background-color:#333;
    border-color:#333;
    color:#FFF;
}
.product-review-tabs .nav-tabs{
    margin: 0px;
}
.product-review-tabs .tab-content{
    float: left;
    width: 100%;
    padding: 30px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.product-review-tabs .nav-tabs li a{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 20px;
    border: none;
    outline: none;
    color: #666;
}
.product-review-tabs .nav-tabs li.active a{
    color: #fff;
    border: none;
}

.lib-related-products{
    float: left;
    width: 100%;
}
/*
=============================================
                        LIBRARY EVENT LISTING
=============================================
*/
.lib-event-listing{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.lib-event-listing .kode-thumb, .lib-event-listing .kode-thumb img, .lib-event-listing .kode-text{
    float: left;
    width: 100%;
}
.lib-event-listing .kode-thumb{
    position: relative;
    background-color: #000;

}
.lib-event-listing:hover .kode-thumb img{
    opacity: 0.5
}
.lib-event-listing:hover .kode-thumb{
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);

}
.lib-event-listing .lib-event-captions{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 35%;
    background-color: #ddd;
    text-align: center;
    padding: 20px;
    border-left: solid 3px #fff;

}
.lib-event-listing .lib-event-captions p.date{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.lib-event-listing .lib-event-captions p.date span{
    font-size: 50px;
    margin-right: 5px;
}
.lib-event-listing .lib-event-captions p{
    color: #fff;
}
.lib-event-listing .lib-event-captions a.register{
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 15px 20px;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #000;
    width: 100%;
}
.lib-event-listing .lib-event-captions a.register:hover{
    background: #fff;
    color: #000;

}
.lib-event-listing .kode-text p{
    line-height:30px;	
}
.lib-event-listing .kode-text a.more{
    text-transform:capitalize;
    display:none;
}
.lib-event-listing .kode-text a.more i{
    margin-left: 10px;
}
.kode-blog-list.option-2 .kode-text p{
    margin-bottom:0px;
}
.lib-event-listing .social-icon ul li{
    float:left;
    margin: 0px 4px 0px 0px;
}
.lib-event-listing  .social-icon ul li a{
    height: 36px;
    width: 36px;
    line-height: 36px;

}
/*
=============================================
                        LIBRARY EVENT DETAIL
=============================================
*/
.lib-event-detail{
    float: left;
    width: 100%;
}
.lib-event-detail .location-map{
    margin:0px;
}
.lib-event-detail .kode-thumb, .lib-event-detail .kode-thumb img{
    float: left;
    width: 100%;
}
.lib-event-detail .kode-thumb{
    margin-bottom: 30px;
}
.lib-event-detail .kode-text{
    float: left;
    width: 100%;
}
.lib-event-sidebar{
    float: left;
    width: 100%;
    padding: 30px;
    background-color: #f8f8f8;
}
.lib-event-sidebar ul.lib-event-content{
    margin: 0px 0px 20px 0px;
    float: left;
    width: 100%;
    list-style: none;
    padding: 0px;
}
.lib-event-sidebar ul.lib-event-content li{
    float: left;
    width: 100%;
    padding: 0px 0px 0px 50px;
    position: relative;
    margin:10px 0px 0px 0px; 
}
.lib-event-sidebar ul.lib-event-content li:first-child{
    margin-bottom: 0px;
}
.lib-event-sidebar ul.lib-event-content li i{
    height: 36px;
    width: 36px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 32px;

}
.lib-event-sidebar h4{
    font-size: 16px;
    margin: 0px;
    text-transform: uppercase;
}
.lib-event-sidebar .social-icon {
    margin-bottom: 30px;
}
.lib-event-sidebar .social-icon h4{
    margin-bottom: 20px;

}
.lib-event-sidebar .social-icon ul li a{
    height: 36px;
    width: 36px;
    line-height: 32px;

}
.lib-event-sidebar .social-icon ul li{
    float: left;
    margin: 0px 0px 0px 4px;

}
.lib-event-sidebar .social-icon ul li:first-child{
    margin: 0px;
}

.lib-event-sidebar a.register{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    float: left;
    width: 100%;
    padding: 15px 15px;
    text-align:center;
}
/*
=============================================
                        COMING SOON
=============================================
*/
.coming-soon{
    float:left;
    width:100%;
    text-align:center;
    padding:40px 0px 70px;
}
.coming-soon h2{
    font-size:40px;
    margin-bottom:42px;
    line-height:40px;
    margin-top:-6px;
}
.coming-soon p{
    font-size:16px;
    margin:-6px 0px 46px 0px;
    line-height:30px;
}
.coming-soon .countdown-show4 .countdown-section{
    border:solid 1px;
    border-radius:5px;
    padding:15px 0px;
    margin:0 2%;
    width:20.6%;
    box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
}
.coming-soon .countdown-amount{
    font-size:50px;
    line-height:normal;
    color:#333;
}
.coming-soon .is-countdown{
    width:50%;
    float:none;
    margin:0px auto 50px auto;
    display:inherit;
}
.coming-soon .countdown-period{
    font-size:16px;
    color:#333;
    margin-bottom:6px;
}
.coming-soon .search-field{
    width:48%;
    margin:0px auto 50px auto;
    position:relative;
    box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
}
.coming-soon .search-field input[type="text"]{
    padding:6px 100px 6px 20px;
    height:50px;
    text-transform:uppercase;
}
.coming-soon .search-field button{
    position:absolute;
    top:0px;
    right:0px;
    height:100%;
    color:#fff;
    font-size:18px;
}

.coming-soon .social-icon ul li a{
    height:36px;
    width:36px;
    font-size:16px;
    line-height:36px;
}
.coming-soon .social-icon ul li a:hover{
    border-color:#000;
    color:#fff;
}
/*
=============================================
                        UP TO DATE SECTION
=============================================
*/
.kode-uptodate{
    padding:0px;
    overflow:hidden;
}
.kode-uptodate h2{
    font-size:30px;
    color:#fff;
    margin:8px 0px;
    text-align:center;
}
.kode-uptodate .social-icons{
    float:left;
}
.kode-uptodate .social-icons ul{
    list-style:none;
    margin:8px 0px 8px 20px;
    float:left;
    padding:0px;
}
.kode-uptodate .social-icons ul li{
    float:left;
    margin:0px 0px 0px 15px;
}
.kode-uptodate .social-icons ul li:first-child{
    margin:0px;
}
.kode-uptodate .social-icons ul li a{
    font-size:20px;
    color:#fff;
}
.kode-uptodate .social-icons ul li a:hover{
    color: #000;
}

.kode-uptodate .input-container{
    margin:0px;
}
.kode-uptodate .input-container input[type="email"]{
    border-radius:0px;
    border:solid 1px #fff;
    background:none;
    color:#fff;
    padding:6px 100px 6px 15px;
}

.kode-uptodate .input-container button{
    position:absolute;
    top:0px;
    right:0px;
    height:100%;
    background-color:#fff;
    font-weight:bold;
    text-transform:uppercase;
}
.kode-uptodate .input-container button:hover{
    background: #000;
    color: #fff;
}

.kode-uptodate .input-container #sub-2::-webkit-input-placeholder
{
    color:    #fff;
}

.kode-uptodate .input-container #sub-2:-moz-placeholder 
{
    color:    #fff;
}

.kode-uptodate .input-container #sub-2::-moz-placeholder 
{
    color:    #fff;
}

.kode-uptodate .input-container #sub-2:-ms-input-placeholder 
{
    color:    #fff;
}

.kode-uptodate .row .col-md-8, .kode-uptodate .row .col-md-4{
    padding-top:50px;
    padding-bottom:50px;
}
.kode-uptodate .row .col-md-8:before{
    content:"";
    height:100%;
    width:100%;
    background-color:#E08206;
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:500%;
}

.footer-3{
    background:#222;
    position:relative;
}

.kode-author-detail{
    float:left;
    width:100%;
    padding:20px;
    border:solid 1px #ccc;
    margin:0px 0px 30px 0px;
    position:relative;
}
.kode-author-detail h4{
    margin-bottom:10px;
}
.kode-author-detail p{
    margin:0px;
    line-height:25px;
}
.kode-author-detail .kode-thumb{
    float:left;
    width:80px;
}
.kode-author-detail .kode-thumb img{
    width:100%;
}
.kode-author-detail .kode-text{
    padding:0px 0px 0px 100px;
}
.kode-author-detail .kode-text h4{
    font-size:16px;
    text-transform:uppercase;
    line-height:normal;
    margin:0px;
}
.kode-author-detail .social-icon{
    position:absolute;
    right:10px;
    top:10px;
    width:auto;
}
.kode-author-detail .social-icon ul li a{
    height: 26px;
    width: 26px;
    line-height: 26px;
}
.post-next-previous{
    float:left;
    width:100%;
    border-radius:20px;
    background-color:#f6f4f4;

    margin:0px 0px 30px 0px;
}
.post-next-previous a.pull-left i{
    margin-right:10px;
}
.post-next-previous a.pull-right i{
    margin-left:10px;
}
.post-next-previous a{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#666;
    padding:10px 15px;
    border-radius:20px;
}
.post-next-previous a:hover{
    color:#fff;
}
.post-next-previous i{
    font-size:16px;
}


nav{
    float: left;
    width: 100%;
    text-align: center;
    margin:0px;
    padding:0px;
}

.kode-recent-posts{
    float:left;
    width:100%;
    padding:0px 0px 20px 0px;
    margin:0px 0px 30px 0px;
    border-bottom:solid 1px #ebebeb;
}
.recent-post-cover{
    float: left;
    width: 100%;
}
.kode-recent-posts .kode-thumb{
    float:left;
    width:100%;
    margin-bottom:15px;
    overflow: hidden;
    background: #000;
}
.kode-recent-posts .kode-thumb img{
    width: 100%;
}
.recent-post-cover:hover .kode-thumb img{
    opacity: 0.4;
    transform: scale(1.2); 
}
.kode-recent-posts .kode-text{
    float:left;
    width:100%;
}
.kode-recent-posts .kode-text h3{
    font-size:16px;
    font-weight:bold;
}




/*
===========================================================
                                        MEGA MENU
===========================================================
*/
.relative{
    position:relative;
}
.kode-mega-menu{
    position:static !important;
}
.kode-megamenu-container{
    position:absolute;
    left:0px;
    top:100%;
    padding:0px 0px 2px 0px;
    width:100%;
    z-index:100;
    visibility:hidden;
    opacity:0;
    background-color:#fff;
    margin:0px 0px 0px 0px;
    transition:all 0.3s ease-out 0.5s;
    -moz-transition:all 0.3s ease-out 0.5s;
    -webkit-transition:all 0.3s ease-out 0.5s;
    background-image:url(images/menu-pett.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3)
}
.kode-mega-menu.fixed-width .kode-megamenu-container{
    width:1170px;
    left:0px;
    right:0px;
    margin:auto;

}

.kode-navigation ul li.kode-mega-menu.small-menu{
    position:relative !important;
}
.kode-navigation ul li.kode-mega-menu.small-menu .kode-megamenu-container .mega-wrapper{
    background:none;
}
.kode-mega-menu.small-menu .kode-megamenu-container{
    width:585px;
}
.kode-megamenu-container .kode-newsletters{
    float:left;
    width:100%;
}
.kode-navigation li.kode-mega-menu:hover .kode-megamenu-container{
    visibility:visible;
    opacity:1;
    transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
}
.kode-navigation li.kode-mega-menu:hover .kode-megamenu-container ul{
    visibility:visible;
    opacity:1;
    transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
}
.kode-megamenu-container .mega-wrapper{
    float:left;
    width:100%;
    background-color:#fff;
    padding:20px 20px 20px 20px;
    background-image:url(images/menu-bg.png);
    background-repeat:no-repeat;
    background-position:top right;
    min-height:322px;
    background-size:contain;
}
.kode-navigation ul li.kode-mega-menu a:before{
    display:none;
}
.kode-megamenu-container .mega-wrapper h3{
    font-size:18px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0px 0px 20px 0px;
    padding:10px;
    color: #fff;
}
.kode-megamenu-container .mega-wrapper ul{
    float:left;
    width:100%;
    list-style:none;
    margin:0px;
    transform:none;
    -moz-transform:none;
    -webkit-transform:none;
    box-shadow:none;
    border:none;
    background-color:transparent !important;
    position:static;
    transition:all 0.3s ease-out 0.5s;
    -moz-transition:all 0.3s ease-out 0.5s;
    -webkit-transition:all 0.3s ease-out 0.5s;
    box-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:none !important;
    padding: 0px !important;
    border-radius: 0px !important; 
}
.kode-megamenu-container .mega-wrapper ul li{
    float:left;
    width:100%;
    border:none; 
}
.kode-megamenu-container .mega-wrapper ul li:before{
    content:"\f105";
    position:absolute;
    left:0px;
    top:7px;
    font-size:12px;
    font-family:FontAwesome;
    display: block !important;
    right: auto;
    height: auto;
    background-color: transparent;
    width: auto;
    background:none !important; 
    height: auto;
}
.kode-megamenu-container .mega-wrapper ul li:hover:before{
    top: 7px;
    height: auto;
}
.kode-megamenu-container .mega-wrapper ul li:hover:before{
    left:8px;

}
.kode-navigation li.kode-mega-menu .kode-megamenu-container .mega-wrapper ul li a{
    display:block;
    color:#555252;
    padding:7px 12px !important;
    background-color:transparent;
    border:none;
}
.kode-navigation li.kode-mega-menu .kode-megamenu-container .mega-wrapper ul li:hover a{
    padding:7px 18px !important;
    background:none;
}
.kode-navigation li.kode-mega-menu .kode-megamenu-container .mega-wrapper ul li a:hover{
    border:none;
}
.kode-megamenu-container .best-seller-pro{
    padding: 10px;
    position: relative;
    margin: 0px
}
.kode-megamenu-container .best-seller-pro figure{
    margin: 0;
}
.kode-megamenu-container  .best-seller-pro .kode-text{
    display: none;
}
.kode-navigation ul li.kode-mega-menu:before{
    display: none;
}
.header-3 .kode-navigation ul li.kode-mega-menu:after{
    display: none;

}
/*
===========================================================
                                EVENT DETAIL PAGE
===========================================================
*/
.kode-event-detail{
    float:left;
    width:100%;
}
.kode-event-info{
    padding: 20px;
    background-color: #f5f5f5;
    float: left;
    width: 100%;
}
.kode-event-detail-thumb .kode-caption{
    position:absolute;
    left:20px;
    right:20px;
    padding:0px 20px;
    background-color:#fff;
    border-top:solid 10px;
    position:absolute;
    bottom:0px;
    border-bottom:solid 1px #e6e6e6 !important;
}
.kode-event-detail-thumb{
    float:left;
    width:100%;
    margin:0px 0px 30px 0px;
    position:relative;
}
.kode-event-detail-thumb .kode-caption h3{
    font-size:18px;
    margin:20px 0px 10px 0px; 
}
.kode-event-detail-thumb .kode-caption a.reg{
    font-size:16px;
    color:#FFF;
    display:inline-block;
    padding:10px 20px;
    float:right;
    margin:25px;
    font-weight:bold;
    text-transform:uppercase;
}
.kode-event-detail-thumb .kode-caption a.reg:hover{
    background: #000;
}
.kode-event-detail-thumb img{
    width:100%;
}
.kode-event-detail-thumb .kode-caption .countdown-amount{
    line-height:64px;
    font-weight:normal;
    font-size:30px;
    color:#333;
}
.kode-event-detail-thumb .kode-caption .countdown-section{
    padding:0px;
    background-color:#fbfbfb;
    border-top:solid 1px #e6e6e6;
    border-left:solid 1px #e6e6e6;
    border-right:solid 1px #e6e6e6;
    margin:0px 0px 0px -1px;
    color:#333;
}
.kode-event-detail-thumb .kode-caption .countdown-period{
    color:#868686;
    background-color:#f6f6f6;
    border-top:solid 1px #e6e6e6;
    font-size:12px;
    font-weight:normal;
    padding:2px 0px;
    color:#333;
}
.kode-event-detail-thumb .kode-caption .is-countdown{
    width:100%;
}
.kode-event-detail-thumb .social-icon{
    width:40px;
    position:absolute;
    left:-40px;
    top:50px;
}
.kode-event-detail-thumb .social-icon ul li a{
    height:40px;
    width:40px;
    font-size:18px;
    line-height:40px;
    color:#fff;
    background-color:#000;
    border:none;
}
.kode-event-detail-thumb .social-icon ul li{
    margin-bottom:3px;
}
.kode-event-text{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-event-text .col-md-8 p:first-child{margin-bottom:0px;}
.kode-event-detail table, .kode-event-detail table td{
    border:none;
}
.kode-event-detail table tr td{
    font-weight:lighter;
    font-size:18px;
}
.kode-event-detail table tr td:first-child{
    width:30%;
    font-weight:normal;
    padding:10px 0px;
}
.kode-event-detail a.book-now{
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    display:inline-block;
    margin:0px 10px 0px 0px;
    padding:10px 20px;
}
.kode-event-detail a.book-now:hover{
    background: #000;
}
.kode-event-detail .location-map{
    padding:0px;
}

.event-gallery{
    float:left;
    width:100%;
    padding:50px 0px;
    background-color:#f5f5f5;
}
.event-gallery .gallery-thumb{
    float:left;
    width:100%;
}

.event-gallery .grid-item a{
    position:relative;
    float:left;
    width:100%;
}
.event-gallery .grid-item a:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-image:url(images/zoomer.png);
    background-position:center;
    background-repeat:no-repeat;
    background-color:rgba(0,0,0,0);
    transform:scale(0);

}
.event-gallery .grid-item a:hover:before{
    background-color:rgba(0,0,0,0.7);
    transform:scale(1);
}



.grid {
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
    width: 33.333%;
}

.grid-item {
    float: left;
    padding:15px;
}

.grid-item img {
    display: block;
    width:100%;
}
.kode-speakers{
    float:left;
    width:100%;
    padding:50px 0px 20px 0px;
}

.kode-related-events{
    float:left;
    width:100%;
}
.kode-blog-list2{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-blog-list2:hover{
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}
.kode-blog-list2 .kode-thumb{
    float:left;
    width:100%;
    position:relative;
    background-color:#000;
}
.kode-blog-list2 .kode-thumb img{
    float:left;
    width:100%;
}
.kode-blog-list2:hover .kode-thumb img{
    opacity:0.5;
}
.kode-blog-list2 .blog-date{
    position:absolute;
    left:0px;
    bottom:0px;
    padding:15px 20px;
    text-align:center;
    color:#fff;
}
.kode-blog-list2 .blog-date p{
    margin:0px;
    font-size:30px;
    font-weight:bold;
    line-height:none;
}
.kode-blog-list2 .blog-date span{
    font-weight: bold;
    font-size:16px;
    text-transform:uppercase;
}
.kode-blog-list2 .kode-text{
    float:left;
    width:100%;
    padding:15px 20px 20px;
    background-color:#f5f5f5;
    border:solid 1px #dcdcdc;
}
.kode-blog-list2 .kode-text h2{
    text-transform:capitalize;
    margin:0px 0px 10px 0px;
}
.kode-blog-list2 .event-listing-meta{
    float:left;
    width:100%;
    margin:0px 0px 10px 0px;
}
.kode-blog-list2 .event-listing-meta ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}
.kode-blog-list2 .event-listing-meta ul li{
    float:left;
    margin:0px 0px 0px 10px;
    color:#888888;
    font-size:14px;
    font-weight:lighter;
}

.kode-blog-list2 .event-listing-meta ul li:first-child{
    margin:0px;
}
.kode-blog-list2 .event-listing-meta ul li i{
    font-size:20px;
    margin:0px 5px 0px 0px;
    font-weight:lighter;
}

.kode-blog-list2 .buy-ticket{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    display:inline-block;
    padding:10px 20px;
    margin:0px 0px 0px 0px;
}
.kode-blog-list2 .buy-ticket:hover{
    background-color:#000;
}
/*
===========================================================
                                BOOKS LISTING STYLE 5
===========================================================
*/
.books-listing-3{
    float:left;
    width:100%;
    position:relative;
    margin:0px 0px 30px 0px;
    background-color:#fff;
    border-left:solid 3px transparent;
    border-right:solid 3px transparent;
    border-top:solid 3px transparent;
}
.books-listing-3:hover{
    border-color:#b6b6b6;
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);
}
.books-listing-3 .kode-thumb{
    float:left;
    width:100%;
    text-align:center;
}
.books-listing-3 .kode-thumb img{
    width:100%;
}
.books-listing-3 .kode-text{
    float:left;
    width:100%;
    text-align:center;
    padding:10px ;
}
.books-listing-3 .kode-text .price{
    margin:0px 0px 10px 0px;
    font-size:18px;
    font-weight:bold;
}
.books-listing-3 .kode-text .price span{
    color:#ccc;
    text-decoration:line-through;
    margin:0px 0px 0px 10px;
}
.books-listing-3 .kode-text h3{
    font-size:20px;
    text-transform:uppercase;
    margin: 0px;
}
.books-listing-3 .kode-caption{
    float:left;
    position:absolute;
    left:-3px;
    right:-3px;
    border-left:solid 3px #b6b6b6;
    border-right:solid 3px #b6b6b6;
    border-bottom:solid 3px #b6b6b6;
    padding:10px 15px 15px 15px;
    opacity:0;
    visibility:hidden;
    z-index:10;
    background:#fff;
}
.books-listing-3:hover .kode-caption{
    opacity:1;
    visibility:visible;
    box-shadow:0px 20px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 20px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 20px 20px 0px rgba(0,0,0,0.2);
}
.books-listing-3 .kode-caption a{
    display:inline-block;
    height:36px;
    width:36px;
    background-color:#ececec;
    border:solid 1px #e2e2e2;
    border-radius:100%;
    line-height:34px;
    color:#666;
}
.books-listing-3 .kode-caption a:hover{
    color:#fff;
}
/*
===========================================================
                                BOOKS LISTING STYLE 4
===========================================================
*/

.books-listing-4{
    float:left;
    width:100%;
    padding:0 2px 40px 2px;
    border:solid 1px #d8d8d8;
    text-align:center;
    position:relative;
    margin-bottom:30px;
}
.books-listing-4 .kode-text p{
    margin-bottom:11px;
}
.books-listing-4:hover{
    box-shadow:0px 15px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 15px 30px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 15px 30px 0px rgba(0,0,0,0.2);
}
.books-listing-4 .kode-thumb{
    position:relative;
    padding: 10px;
}
.books-listing-4 .kode-thumb img{
    width:100%;
}
.books-listing-4 .kode-auth{
    position: absolute;
    bottom: 30px;
    width: 100%;
}
.books-listing-4 .kode-auth h3{
    font-size:16px;
    color: #444;
}
.books-listing-4 .kode-auth p{
    font-weight: 400;
    text-decoration: underline;
}
.books-listing-4:hover .kode-thumb a:before{
    opacity:0.8
}
.books-listing-4 .kode-text{
    width: 100%;
    padding: 0 35px;
}
.books-listing-4 .kode-text h3{
    font-size:16px;
    margin:0px 0px 14px 0px;
    min-height: 40px;
}
.books-listing-4 .kode-text h3 a{
    color:#333;
}
.books-listing-4 .book-price{
    width:100%;
    margin-bottom: 15px;  
}
.books-listing-4 .book-price p{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    color: #FF9606;
    font-family: 'Lato', sans-serif;
}
.books-listing-4 .rating{
    float:right;
}
.books-listing-4 .rating > span{
    color:#fcc028;
}
.books-listing-4 a.add-to-cart{
    position:absolute;
    color:#fff;
    padding:7px;
    font-size:14px;
    text-transform:uppercase;
    position:absolute;
    left:-1px;
    right:-1px;
    bottom:-1px;
    font-weight:bold;
    width: 50%;
    opacity: 0.7;
}
.books-listing-4 a.readmore{
    position:absolute;
    color:#fff;
    padding:7px;
    font-size:14px;
    text-transform:uppercase;
    position:absolute;
    right:0;
    bottom:-1px;
    font-weight:bold;
    width: 50%;
    background: #222222;
    opacity: 0.7;
}
.books-listing-4 a.outstock{
    position:absolute;
    color:#fff;
    padding:7px;
    font-size:14px;
    text-transform:uppercase;
    position:absolute;
    left:-1px;
    right:-1px;
    bottom:-1px;
    font-weight:bold;
    width: 50%;
    opacity: 0.7;
    background: red;
}
.books-listing-4 a.add-to-cart:hover, .books-listing-4 a.readmore:hover{
    opacity:1;
}
/*
===========================================================
                                TEAM LISTING STYLE
===========================================================
*/

.kode-team-listing{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-team-listing .kode-thumb{
    float:left;
    width:100%;
    margin:0px 0px 20px 0px;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0px 5px 2px 0px rgba(0,0,0,0.4);
}
.kode-team-listing .kode-thumb img{
    float:left;
    width:100%;
}
.kode-team-listing:hover .kode-thumb img{
    transform:scale(1.2);
}
.kode-team-listing .kode-text{
    float:left;
    width:100%;
}
.kode-team-listing .kode-text h3{
    font-size:16px;
    text-transform:uppercase;
    margin:0px 0px 9px 0px;
}
.kode-team-listing .social-icon{
    border-top: solid 1px #ccc;
    float:left;
    width:100%;
    padding:20px 0px 0px 0px;
}
.kode-team-listing .social-icon li{
    float:left;
    margin:0px 0px 0px 10px;
}
.kode-team-listing .social-icon li:first-child{
    margin:0px;
}

/*
===========================================================
                                OUR LIBRARIES
===========================================================
*/
.our-libraries{
    float:left;
    width:100%;
    background:#f9f9f9;
    padding:70px 0px 108px;
}
.our-libraries h2{margin-top:-4px;}
.our-libraries .item{
    padding:0px 15px 20px;
    float:left;
    width:100%;
}
.our-libraries .our-libraries-cover{
    margin:0px -15px;
}
.our-libraries .kode-thumb{
    float:left;
    width:100%;
    border-radius:5px;
    overflow:hidden;
}
.our-libraries .kode-thumb:hover{
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.4)
}
.our-libraries .kode-thumb img{
    float:left;
    width:100%;
}
.our-libraries .kode-thumb:hover img{
    transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
}
.our-libraries .owl-pagination{
    display:none;
}
.owl-testimonials .owl-pagination{
    display:none;	
}
.our-libraries .owl-buttons{
    position:absolute;
    right:0px;
    left:0px;
    margin:auto;
    width:92px;
}
.our-libraries .owl-controls .owl-buttons div{
    background:#fff;
    border-radius:4px;
    box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
    height:36px;
    width:36px;
    float:left;
    position:relative;
    margin:0px 5px;
    border:solid 1px #CCC;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
}
.our-libraries .owl-controls .owl-buttons div:hover{	
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0.3), 0px 2px 2px 0px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.3), 0px 2px 2px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.3), 0px 2px 2px 0px rgba(0,0,0,0.2) inset;
}
.our-libraries .owl-controls .owl-buttons div:before{
    content:"\f104";
    font-family:FontAwesome;
    position:absolute;
    left:0px;
    width:100%;
    text-align:center;
    color:#333;
    line-height:33px;
    font-size:26px;
}
.our-libraries .owl-controls .owl-buttons div.owl-next:before{
    content:"\f105";
}
.kode-facts{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.kode-facts .nav-tabs{
    margin:0px;
    float:left;
    width:100%;
    border:none;
}
.kode-facts .nav-tabs > li > a{
    font-size:16px;
    font-weight:lighter;
    text-transform:uppercase;
    color:#666;
}
.kode-facts .nav-tabs > li.active > a, .kode-facts .nav-tabs > li.active > a:hover, .kode-facts .nav-tabs > li.active > a:focus, .kode-facts .nav-tabs > li:hover > a{
    color:#fff;
}
.kode-facts .tab-content{
    float:left;
    width:100%;
    padding:20px;
    border:solid 1px #ccc;
}
.about-thumb{
    float:left;
    width:100%;
    position:relative;
}
.about-thumb:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    border:solid 10px rgba(255,255,255,0.4);
}
.about-thumb img{
    float:left;
    width:100%;
}
.kode-interesting-facts h2{margin-top:-4px;}



#filterable-item-holder-1{float:left;width:100%;}
.owl-blog.owl-theme.owl-carousel .owl-pagination{display:none;}
.section-content.margin-bottom-zero{margin-bottom:0px;}
section .kd-tab-2{margin-bottom:30px;float:left;width:100%;}
.kode-booklet .magazine-viewport{height:650px !important;margin-bottom:10px;}
.kode-booklet{float:left;width:100%;position:relative;}
.kode-content .sidebar .widget{
    margin-bottom:30px;
    margin-top:0px;	
}
.back-to-top{
    position:fixed;
    bottom:0px;
    right:15px;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    background:#333;
}
.back-to-top a{	
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-size:30px;
}
/*.back-to-top:before{
        content:"";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 76px 76px;
        border-color: transparent transparent #5b5b5b transparent;
        position:absolute;
        right:0px;
        bottom:0px;

}*/
.back-to-top a i{
    line-height:normal;
}
.back-to-top a:hover{
    text-decoration:none;
}
/*
          =============================
                Price Table Page Style
          =============================
*/
.kode_section_bg{
    padding:50px 0;	
}
.kode_list_section{
    float:left;
    width:100%;
    border:1px solid #f4f4f4;
}
.kode_price_sec{
    float:left;
    width:100%;
    background-color:#333;
    padding:25px 45px 35px;
    text-align:center;
    border-bottom:1px solid #dfdfdf;
    position:relative;	
}
.kode_price_sec h2{
    font-size:60px;
    font-weight:bold;
    padding-bottom:5px;
    margin:0;	
}
.kode_price_sec h2 sup{
    font-size:22px;
    top:-1.2em;	
}
.kode_price_sec h2 span{
    font-size:20px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    display:inline-block;
    margin-left:-15px;	
}
.kode_price_sec p{
    color:#fff;
    margin:0px;
    font-size:16px;	
}
.kode_version {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-radius: 30px;
    border-right: 1px solid #eaeaea;
    bottom: -25px;
    height: 45px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 191px;
}
.kode_version h3{
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:15px;	
    margin-top:15px;
    color:#777;
}
.kode_ver_spec{
    float:left;
    width:100%;
    text-align:center;
    padding:15px 50px;	
}
.kode_ver_spec> ul{
    margin:0px;
    padding:0px;	
}
.kode_ver_spec> ul > li{
    display:block;
    color:#999999;
    border-top:1px solid #f5f5f5;
    padding:15px 0px;
    font-size:15px;	
}
.kode_ver_spec> ul > li:last-child{
    border-bottom:1px solid #f5f5f5;	
}
.kode_try_wrap{
    float:left;
    width:100%;
    background-color:#f1f1f1;
    padding:30px 0px;
    text-align:center;	
}
.kode_try_wrap a{
    display:inline-block;
    background-color:#333;
    color:#fff;
    font-size:16px;
    padding:13px 38px;
    line-height:normal;
    box-shadow:1px 1px 4px 1px rgba(0, 0, 0, 0.27);
    text-transform:uppercase;	
}
.kode_list_section:hover .kode_price_sec h2,.kode_list_section:hover .kode_price_sec p{
    color:#fff;	
}
.kode_list_section:hover .kode_try_wrap a{
    background-color:#fff;
    text-decoration:none;	
}
.kode-content section.kode-about-us-section{
    background:#f9f9f9;
    margin-top:-30px;
    padding-top:70px;
    padding-bottom:40px;
}
.gray-bg-section{background:#f9f9f9;}

.book-cover-detail{
    float:left;
    width:100%;
    padding:180px 0px 100px 0px;
    background-image:url(images/library-bg.jpg);
    background-size:cover;
    position:relative;
}
.call-to-action-right{
    background-image:url(images/library-bg-2.jpg);
    padding:100px 0px 100px 0px;
}
.book-cover-detail.call-to-action-right .kode-thumb{
    float:right;
}
.book-cover-detail.call-to-action-right .kode-text{
    padding:100px 450px 0px 0;
    text-align:right;
}
.book-cover-detail:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,0.5);
}
.book-cover-detail .container{
    position:relative;
}
.book-cover-detail .kode-thumb{
    float:left;
}
.book-cover-detail .kode-text{
    padding:120px 0px 0px 450px;
}
.book-cover-detail h2{
    font-size:60px;
    color:#fff;
    line-height:normal;
}
.book-cover-detail h4{
    font-size:26px;
    text-transform:uppercase;
    color:#fff;
}
.book-cover-detail p{
    color:#fff;
    font-size:18px;
    line-height:35px;
}
.book-cover-detail a.more{
    display:inline-block;
    padding:12px 30px;
    border:solid 2px #fff;
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:20px;
    border-radius:5px;
}
/*
================================================
                AUTHOR DETAIL PAGE
================================================
*/
.kode-author-detail-2{
    border-bottom:solid 1px #e5e5e5;
}
.kode-author-detail-2 .container{
    margin-bottom:30px;
}
.kode-author-detail-2 .kode-thumb{
    float:left;
    width:460px;
}
.kode-author-detail-2 .kode-text{
    padding:0px 0px 0px 490px;
}
.kode-author-detail-2 .kode-text h2{
    font-size:30px;
    text-transform:uppercase;
    margin-bottom:15px;
}
.kode-author-detail-2 .kode-text h5{
    font-size:12px;
    text-transform:uppercase;
    font-weight:normal;
    margin-bottom:18px;
}

.kode-bio .kode-text p,
.kode-author-detail-2 .kode-text p{
    line-height:28px;
}
.kode-bio .kode-text:last-child{
    margin-bottom:25px;
}
.kode-bio .kode-text p:last-child{
    margin-bottom:0px;
}
.contact-box{
    float:left;
    width:100%;
    background-color:#232323;
    padding:30px;
    border-top:solid 10px;
    border-right:solid 10px;
    margin-bottom:20px;
}
.contact-box table{

    color:#fff;
    font-size:13px;
    margin:0px;
}
.contact-box table tr td{
    padding:5px 0px;
    border:none;
    font-size:18px;
}
.contact-box table i{
    margin:0px 5px 0px 0px;
    font-size:16px;
}
.contact-box .social-icon ul li{
    margin:5px 5px;
}
.contact-box .social-icon ul li a{
    height:36px;
    width:36px;
    border-radius:100%;
    border:none;
    background-color:#353535;
    color:#bfbfbf;
    line-height:36px;
}
.contact-box .social-icon ul li a:hover{
    color:#fff;
}

/*
================================================
                        BIOGRAPHY SECTION
================================================
*/
.kode-bio{
    float:left;
    width:100%;
}
.kode-bio .kode-text{
    margin-bottom:30px;
}
/*
================================================
                        RECENT RELEASE SECTION
================================================
*/
.recent-release{
    float:left;
    width:100%;
    background-color:#f6f6f6;
}
.recent-release .owl-carousel{
    margin: 0px 0px 22px 0px;

}
.book-released{
    float:left;
    width:100%;
    background-color:#fff;
    padding:13px;
    margin-bottom:30px;
}
.book-released:hover{
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);
}
.book-released .kode-thumb{
    float:left;
    width:100%;
    position:relative;
    overflow:hidden
}
.book-released .kode-text{
    float:left;
    width:100%;
    text-align:center;
    padding:24px 0px 10px 0px;
}
.book-released .kode-text h3{
    font-size:16px;
    text-transform:uppercase;
    margin:0px 0px 5px 0px;
}
.book-released .rating > span{
    color:#333;
    margin:0px 3px;
}
.book-released .cart-btns{
    float:left;
    width:100%;
    position:absolute;
    left:0px;
    bottom:-100px;
}
.book-released:hover .cart-btns{
    bottom:0px;
}
.book-released .cart-btns{
}
.book-released .cart-btns a{
    width:33.333%;
    padding:0px 0px;
    height:55px;
    font-size:16px;
    border-left:solid 1px rgba(0,0,0,0.2);
    color:#fff;
    line-height:55px;
    text-align:center;
    float:left;
    opacity:0.8;
}
.book-released .cart-btns a:hover{
    opacity:1;
    background-color:#000;
}
.book-released .cart-btns a:first-child{
    border:none;
}
.owl-release .item{
    padding:0px 15px;
}
.recent-release .owl-controls .owl-page{
    background-color:#746a5f;
    margin:0px 5px; 
}

/*
================================================
                        CERTIFICATES SECTION START
================================================
*/
.kode-certificate{
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    padding: 20px;
    margin-bottom: 30px;
}
.kode-certificate:hover{
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -mox-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}
.kode-certificate .kode-thumb{
    float: left;
    width: 100%;
    padding: 14px;
    background-color: #fff;
    margin-bottom: 20px;
}
.kode-certificate .kode-thumb a{
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.kode-certificate .kode-thumb a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 0;
    width: 0;
    background-color: rgba(0,0,0,0.5);
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.kode-certificate:hover .kode-thumb a:before{
    height: 100%;
    width: 100%;

}
.kode-certificate .kode-thumb img{
    float: left;
    width: 100%;

}
.kode-certificate .kode-text{
    float: left;
    width: 100%;
}
.kode-certificate .kode-text h2{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;

}
.kode-home-page .kode-content{padding-bottom:0px;}
nav .pagination{margin:0px 0px -7px;}

.kode_search_box.open{
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
}
.kode-product-filter{
    float: left;
    width: 100%;
}
.tab-head-section-top{
    padding:50px 0px;
    float:left;
    width:100%;
}