/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 Des 14, 4:43:17
    Author     : kaishar.wibisana
*/

/*
====================   loginadmin   ====================
*/
.admin-login{
	position: relative;
	display: inline-block;
	vertical-align: top;
	top: 0;
}

.adminlogin-open {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top:25%;
	width:100%;
}

.adminlogin-open img{
	margin-top:-165px;
}

#form-adminlogin {
	position:absolute;
	padding:30px 10px;
	
	-webkit-transition: all 1.5s ease-in-out;
       -moz-transition: all 1.5s ease-in-out;
        -ms-transition: all 1.5s ease-in-out;
         -o-transition: all 1.5s ease-in-out;
            transition: all 1.5s ease-in-out;
}
.logincol1 {
	background-color: rgba(114,188,223, 0.33);
}
.logincol2 {
	background-color: rgba(253,113,95, 0.33);
}
.logincol3 {
	background-color: rgba(249,218,98, 0.33);
}
.logincol4 {
	background-color: rgba(54,209,147, 0.33);
}
.logincol5 {
	background-color: rgba(171,148,218, 0.33);
}

#timer{
	position:absolute;
	top:-13px;
	left:50%;
	margin-left:-25px;
	
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
		
}

.bs-docs-adminlogin {
    position:fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


@media (min-width: 1200px) {
    .bookdetail-img {
            height:500px;
    }

    .spacer h1 {
            font-size:99pt;
    }
    .section-login img{
            width: 850px;
            margin-top: -35px;
            margin-left: -110px;
    }
    .section-login-inner {
            left: -5px;
            right: 111px;
            top: 30px;
            bottom: 111px;
    }

    .section-rental2 img{
            width: 845px;
    }
    .section-rental2-inner {
            left: 104px;
            right: 110px;
            top: 65px;
            bottom: 110px;
    }
    .section2-login img{
            width:350px;
    }

    .section-login-inner .carousel .item {
            height: 461px;
    }
    .section-login-inner .carousel {
            height:461px;
    }

    .admin-login img{
            width:330px;
    }
    #form-adminlogin{
            top: 112px;
            left: 54px;
            right: 52px;
            bottom:110px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bookdetail-img {
            height:450px;
    }
    .spacer h1 {
            font-size:79pt;
    }
    .section-login img{
            width: 615px;
            margin-left:-75px;
    }
    .section-login-inner {
            left: 8px;
            right: 80px;
            top: 48px;
            bottom: 80px;
    }

    .section-rental2 img{
            width: 615px;
    }
    .section-rental2-inner {
            left: 76px;
            right: 80px;
            top: 48px;
            bottom: 80px;
    }
    .section2-login img{
            width:335px;
    }

    .section-login-inner .carousel .item {
            height: 333px;
    }
    .section-login-inner .carousel {
            height:333px;	
    }

    .admin-login img{
            width:310px;
    }
    #form-adminlogin{
            top: 105px;
            left: 50px;
            right: 48px;
            bottom:103px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bookdetail-img {
            height:350px;
    }
    .spacer h1 {
            font-size:59pt;
    }
    .fa-5x {
            font-size: 4em;
    }
    .section-login img{
            width: 535px;
            margin-left: -65px;
    }
    .section-login-inner {
            left: 0px;
            right: 69px;
            top: 40px;
            bottom: 69px;
    }

    .section-rental2 img{
            width: 535px;
    }
    .section-rental2-inner {
            left: 66px;
            right: 70px;
            top: 42px;
            bottom: 69px;
    }

    .section2-login img{
            width:335px;
            margin-left:-60px;
    }
    .form-signin {
            left:0;
    }

    .section-login-inner .carousel .item {
            height: 292px;
    }
    .section-login-inner .carousel {
            height:292px;	
    }
    .admin-login img{
            width:280px;
    }
    #form-adminlogin{
            top: 96px;
            left: 46px;
            right: 44px;
            bottom:93px;
            padding-top:10px;
    }
}

@media (min-width: 768px) {
    .navbar-toggle-km {
            display: none;
    }
    .newsrow, .eventsrow {
            margin-left:15px;
    }
    .eventnext {
    margin-left:0!important;
    }

    .adminlogin-open h1{
            font-size:69px;
            line-height: 59px;
    }

    .labelslidernews {
            zoom:2;
    }

/* news carousel */	
    .slidernews .carousel {
            height:535px;
            margin-bottom:0;
    }
    .slidernews .carousel .item {
            height:535px;
    }
/* end news carousel */
}

@media (max-width: 767px) {
    .bookdetail-descript{
            text-align:center;
    }

    .navbar-collapse-idvc {
    border-top: 2px solid #df4430;
    }

    .navbar-collapse-km {
    border-top: 2px solid #df4430;
    }

    .section-rental {
            top:30px;	
    }

    .spacer-news1 {
            background-position: center center;
    }

    .fa-5x {
            font-size: 4em;
    }

    .agendarow {
            margin-left:-15px;
    }

    .device2 {
            margin-top: 0;
    }

    .about-ildc {
            text-align:center;
    }
	
/* news carousel */
    .carousel-captionnews{
            padding:5px 15% 15px !important;
    }
    .slidernews .carousel {
            height:300px;
            margin-bottom:50px;
    }
    .slidernews .carousel .item {
            height:300px;
    }
/* end news carousel */
}

@media (min-width: 550px) and (max-width: 767px) {
    .knowleft {
            text-align:left!important;
            margin-top:30px;	
    }
    .section-rental2 img{
    width: 500px;
    }
    .section-rental2-inner {
            left: 62px;
            right: 65px;
            top: 38px;
            bottom: 65px;
    }
    .section-login img{
            width: 500px;
            margin-top: -30px;
    }
    .section-login-inner {
            left: 62px;
            right: 65px;
            top: 8px;
            bottom: 65px;
    }

    .caption-readmore-left {
            text-align:right!important;
    }
    .login-parts_top{
            height:10%;
    }

    .section-login-inner .carousel .item {
            height: 272px;
    }
    .section-login-inner .carousel {
            height:272px;	
    }

    .section2-login img{
            width:360px;
            margin-left:0;
    }

    .contwidth {
            width:530px;	
    }
    .admin-login img{
            width:265px;
    }
    #form-adminlogin{
            top: 91px;
            left: 43px;
            right: 41px;
            bottom:85px;
            padding-top:0;
    }
    .adminlogin-open {
            padding:70px 0;
            text-align:right;
    }
}

@media (max-width: 549px) {
    .header-library {
            height: 250px;
            padding-top:0;
    }

    .header-news, .header-idvc, .header-about, .header-sharing, .header-events {
            height: 250px!important;
    }

    .spacer-about h1{
            font-size:25px;
    }

    .pager-km li > a.anka{
    display:none!IMPORTANT;
    }

    .section-rental img{
            width: 235px;
            height: auto!important;
    }
    .section-rental-inner {
            left: 19px;
            top: 70px;
    }
    .section-rental-inner img, .swiper-container {
            width: 200px;
            height: 355px;
    }

    .section-rental2 img{
            width: 100%;
            height:160px;
            margin-bottom:130px;
    }
    .section-rental2-inner {
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border:2px solid #f2f2f2;
            border-bottom:none;
    }
    .section-login-inner {
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border:2px solid #f2f2f2;
            border-bottom:none;
    }

    .pagination {
            bottom: 5px!important;
    }

    .fa-5x {
            font-size: 5em;
    }
    .btn-submit {
    margin-top: -3px;
    }

    .section-login {
            display:none
    }

    #form-adminlogin{
            top: 102px;
            left: 49px;
            right: 47px;
            bottom:100px
    }
    .adminlogin-open {
            text-align:center;
    }
    .admin-login img{
            width:300px;
    }
}