/*=======================================================

      GLOBAL STYLING

========================================================*/



html {

}





body {

	background: #efeeec url(../images/bg.png) repeat-x !important;

	margin: 0;

	padding: 0;

	font: 11px Trebuchet MS;

	overflow-x: hidden !important;

    background-position: 0% 8%;

	color: #999;



}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: Trebuchet MS, sans-serif !important;

    font-weight: 700;

    color: #666;

    margin: 3px 0px;

    padding: 3px 0px;

}



hr {

    margin: 3px 0px 15px 0px;

    padding: 0px;

    border-top: 0px;

    border-bottom: 1px solid #7b51fd;

    height: 0px;

}



.center {

    text-align: center;

}



.clear {

    clear: both !important;

}

/*p , ul li{

    font-size: 11px;

	color:#000;

	text-align: justify;

}*/

.logo a{

position: relative;

top: 34px;

}



a:hover,

a:active,

a:focus {

    outline: 0;

    text-decoration: none !important;

}

.mainCarousel{margin-bottom: 55px;}

.cutPaddingLeft {

    padding-left: 0px !important;

}



.cutPaddingRight {

    padding-right: 0px !important;

}



.cutPadding {

    padding-left: 0px !important;

    padding-right: 0px !important;

}



@media only screen and (min-width: 640px) and (max-width: 991px) {

    .oneThird {

        width: 33.333% !important;

    }

}



@media only screen and (min-width: 640px) and (max-width: 992px) {

    .half {

        width: 50% !important;

    }

}



/* FOR CHROME */



@media only screen and (min-width: 1px) and (max-width: 979px)  and (-webkit-min-device-pixel-ratio:0) {

    

    @media only screen and (min-width: 640px) and (max-width: 767px) {

    .half {

        width: 50% !important;

    }

    }

}



@media only screen and (min-width: 640px) and (max-width: 767px) {

    .halfOther {

        width: 50% !important;

    }

}



@media only screen and (min-width: 481px) and (max-width: 639px) {

    .fourtyEight {

        width: 48% !important;

    }

}



@media only screen and (min-width: 640px) and (max-width: 1px) {

    .pad-both {

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

}



@media only screen and (min-width: 639px) and (max-width: 2560px) {

    .pad-right {

        padding-right: 0px !important;

    }

}



@media only screen and (min-width: 639px) and (max-width: 3000px) {

    .pad-left {

        padding-left: 0px !important;

    }

}



@media only screen and (min-width: 1px) and (max-width: 3000px) {

    .row {

        margin-left: 0px !important;

        margin-right: 0px !important;

    }

}



@media only screen and (min-width: 1px) and (max-width: 768px) {

    .clearSmall {

        clear: both !important;

    }

}



ul{

    margin-bottom: 0px !important;

}



textarea:focus, input:focus{

    outline: none;

}


.slider-bg2{
	background-color: #000;
}



.slider-bg{border-top:6px solid #078BDD; border-radius:0px!important;  background-color: #000;}

.navbar-toggle {

    background-color: #409AF2!important;

}

.navbar-toggle .icon-bar {

    background: #fff !important;

}

@media only screen and (min-width: 769px) and (max-width: 3000px) {





.navbar {

	/* position: relative; */

	/* min-height: 50px; */

	margin-bottom: 20px;

	border: 1px solid transparent;

	margin: 0 auto;

	display: table;

}

}



#slide-nav ul li {

	margin:0;
	margin-bottom: 8px;

	text-align:center;

	height:50px;

	overflow:hidden;

}

#slide-nav ul li.this_page {

	background:#0089d7;

	color:#fff;

	display:block;

	text-decoration:none;

	line-height:53px;

	height:50px;

	margin-right: 2px;

}





#slide-nav ul li a {

	color:#fff;

	display:block;

	height:50px;

	line-height:53px;

	overflow:hidden;

	text-decoration:none;	

	background: #4e4e4e;

	margin-right: 2px;

}

#slide-nav ul li a:hover {

	color:#fff;

	padding:0 20px;

	line-height:53px;

	height:50px;

	margin:0;

	background:#0089d7;

	margin-right: 2px;

}

@media only screen and (min-width: 1004px) and (max-width: 2700px) {



#slide-nav ul li.this_page, #slide-nav ul li a:hover, #slide-nav ul li a {

	padding: 0 20px;

	font-family: Trebuchet MS, sans-serif !important;

	font-weight: 600;

	font-size: 12px;

}

.slider-bg {

	height:400px;

	padding-bottom: 6px;

}

.container{width:1004px!important;}

}

@media only screen and (min-width: 1367px) and (max-width: 2700px) {

.slider-bg{width:1004px!important; margin:0 auto; display:table;}

}

@media only screen and (min-width: 0px) and (max-width: 1003px) {



#slide-nav ul li.this_page, #slide-nav ul li a:hover, #slide-nav ul li a   {

	padding:0 12px;

    font-family: Trebuchet MS, sans-serif !important;

	font-weight: 600;

	font-size: 12px;



}

.slider-bg {

	padding-bottom: 6px;

}

}

.cass-title h2 {

	/*background: transparent url('../images/content-header.jpg') no-repeat;*/

	color: #464646;

	font-size: 24px;

	font-weight: bold;

	/* height: 80px; */

	line-height: 86px;

	/* margin: 0 !important; */

	overflow: hidden;

	padding: 0 30px 0 23%;

	/* position: absolute; */

	/* top: 0; */

	/* width: 674px; */

	text-transform: inherit;

}



@media only screen and (min-width: 0px) and (max-width: 767px) {



.div-box1 h2, .div-box1, .div-box1 ul li a, .div-box1 ul li a:hover, .div-box2, .div-box2 h2, .div-box2 p {



	width: 100%!important;

	font-family: Trebuchet MS, sans-serif !important;



}



}



.div-box1{background-color:#D0D0D0; width:221px; margin-top:10px; padding-top: 6px; border-radius: 5px;}

.div-box1 h2 {

	color: #fff;

	font-size: 14px;

	font-weight: bold;

	height: 61px;

	line-height: 68px;

	padding: 0 15px 0 25px;

	width: 208px;

	/* background: url(../images/h2-header.jpg) top no-repeat; */

	background-color: #018ADA;

	overflow: hidden;

	text-transform: inherit;

	margin: 0 auto;

	border-radius: 5px;

}

.div-box1 ul{padding-left:0px!important; padding-right:0px!important;}

.div-box1 ul li{list-style:none;}

.div-box1 ul li a {

	color: #666;

	display: block;

	font-size: 11px;

	height: 32px;

	line-height: 28px;

	overflow: hidden;

	padding: 0 20px 0 27px;

	text-decoration: none;

	width: 220px;

	background: url(../images/cat_a.jpg) no-repeat;

}

.div-box1 ul li a:hover {

	background: url(../images/cat_a-hover.jpg) no-repeat;

	color:#666;

	display:block;

	font-size:11px;

	height:32px;

	line-height:28px;

	overflow:hidden;

	padding:0 20px 0 27px;

	text-decoration:underline;

	width: 220px;

}

.div-box2{background-color:#D0D0D0; width:221px; margin-top:10px; padding-top: 6px; border-radius: 5px;}

.div-box2 h2 {

	color: #fff;

	font-size: 14px;

	font-weight: bold;

	height: 61px;

	line-height: 68px;

	padding: 0 15px 0 25px;

	width: 208px;

	/* background: url(../images/h2-header.jpg) top no-repeat; */

	background-color: #018ADA;

	overflow: hidden;

	text-transform: inherit;

	margin: 0 auto;

	border-radius: 5px;

}

.div-box2 p {

	line-height:16px;

	margin-bottom:0;

	padding:10px 12px 9px !important;

	width:217px;

	color:#666;

}



body.slide-active {

  overflow-x: hidden

}

#page-content {

  position: relative;

  padding-top: 70px;

  left: 0;

}

#page-content.slide-active {

  padding-top: 0

}

#slide-nav .navbar-toggle {

	/* cursor: pointer; */

	/* position: relative; */

	/* line-height: 0; */

	float: left;

	margin: 0;

	/* width: 33px; */

	height: 40px;

	/* padding: 17px 0 0 0; */

	border: 0;

	background: transparent;

}

#slide-nav .navbar-toggle.slide-active .icon-bar {

  background: #CC0F0F;

  color: #CC0F0F;

}



.navbar-header {

  position: relative;
  

}

.navbar.navbar-fixed-top.slide-active {

  position: relative;
}





/*max-width: 767px*/

@media (max-width: 767px) {

  #slide-nav .container {

    margin: 0!important;

    padding: 0!important;

    height: 100%;

  }

 #slide-nav .navbar-header {

	margin: 8 auto;

	padding: 5 13px;

	left: 25% !important;
	margin-top: 5px;

}

  #slide-nav .navbar.slide-active {

    position: absolute;

    width: 80%;  /*80%*/
	width: 25% !important;
    top: -1px;

    z-index: 1000;

  }

  #slide-nav #slidemenu {

    background: #f7f7f7;

    left: -100%;

    min-width: 0;
    width: 25% !important; /**/

    position: absolute;

    padding-left: 0;

    z-index: 2;

    top: 70px;  

    margin: 0;

  }



  #slide-nav #slidemenu .navbar-nav {

    min-width: 0;

    width: 100%; /*100%*/

    margin: 0;

  }

  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {

    min-width: 0;

    width: 10%; /*80%*/

    white-space: normal;

  }

  #slide-nav {

    border-top: 0

  }

  #slide-nav.navbar-inverse #slidemenu {

    background: #333;


  }

  #navbar-height-col {

    position: fixed;

/*     top: 0;*/


	width: 25% !important;
    height: 100%;

    bottom: 0;

   /* background: #f7f7f7;*/

  }

  #navbar-height-col.inverse {

   /* background: #333;*/
   	width: 10%
    z-index: 1;
    border: 0;

  }

  #slide-nav .navbar-form {

    width: 100%;

    margin: 8px 0;

    text-align: center;

    overflow: hidden;

    /*fast clearfixer*/

  }

  #slide-nav .navbar-form .form-control {

    text-align: center

  }

  #slide-nav .navbar-form .btn {

    width: 100%

  }

}

@media (min-width: 768px) {

  #page-content {

    left: 0!important;

  }

  .navbar.navbar-fixed-top.slide-active {

    position: fixed

  }

  .navbar-header {

    left: 0 !important;

  }

}

.content_block ul, .content_block ol {

    margin: 15px 0px;

    padding-left: 30px;

    overflow: hidden;

    color: #008ad9;

    line-height: 19px;

}

#main-slider img {

	border: 3px solid #fff;

	border-radius: 8px;

}

.footerdiv{background-color:#C1BDBA; clear:both; margin-bottom:10px; margin-top: 10px; text-align:center;}

.footerdiv ul {

	font-size: 9px;

	font-weight: bold;

	line-height: 18px;

	margin: 0;

	padding: 20px 20px 13px;

	text-transform: inherit;

}

.footerdiv ul a {

	color: #000!important;

	background: none;

	text-decoration: underline;

}

.footerdiv p#copyright {

	color: #fff;

	font-size: 10px;

	font-weight: bold;

	margin: 10px;

	padding: 0 20px 0;

	text-align: center;

	text-transform: inherit;

}

.con-main-div {

	background: #FFFFFF;

	padding: 4px 0px;

	border: 2px solid #D7D6D4;

	border-radius: 8px;

	margin-top: 46px;

	margin-bottom:10px;

}

.con-main-div {

    font: 12px Trebuchet MS;

}

.content_block h1{color:#999; font-size:16px;

font-weight: 800;}

.content_block h2{color:#999; font-size:14px; font-weight: 800;}

.content_block ul li, .content_block ol li {

    color: #008ad9!important;

    line-height: 19px!important;

}

.content_block h3{

    color: #008ad9;

    font-size: 16px !important;

    font-weight: bold!important;

	font: 12px Trebuchet MS;

    padding: 0;

    text-decoration: none;

    text-transform: inherit;

}

.content_block h4 {

    color: #008ad9;

    font: 12px tahoma, verdana, arial, sans-serifbold;

    margin: 12px 0;

    font-weight: bold;

    text-transform: inherit;

}







.img-right{float:right; padding:2px 4px 5px 14px;}

h2.booktitle {

	color: #464646;

	font-size: 23px;

	font-weight: bold;

	height: 53px;

	overflow: hidden;

	

	text-transform: inherit;

    text-shadow: 0 1px 0 #ccc, 

               0 2px 0 #c9c9c9,

               0 3px 0 #bbb,

               0 4px 0 #b9b9b9,

               0 5px 0 #aaa,

               0 6px 1px rgba(0,0,0,.1),

               0 0 5px rgba(0,0,0,.1),

               0 1px 3px rgba(0,0,0,.3),

               0 3px 5px rgba(0,0,0,.2),

               0 5px 10px rgba(0,0,0,.25),

               0 10px 10px rgba(0,0,0,.2),

               0 20px 20px rgba(0,0,0,.15);

}



#gallery_large img {

    border: 1px dotted #666;

    padding: 3px;

}



@media only screen and (min-width: 769px) and (max-width: 3000px) {

   /*.numbr{display:none;}*/

}



.numbr h2.booktitle-top {

	color: #464646;

	font-size: 14px;

	font-weight: bold;

	/* height: 59px; */

	overflow: hidden;

	text-transform: inherit;

	/* text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); */

/*	margin: 0 !important;*/

}



.carousel-indicators {

	position: absolute;

	bottom: 10px;

	left: 50%;

	z-index: 1!important;

	width: 60%;

	padding-left: 0;

	margin-left: -30%;

	text-align: center;

	list-style: none;

}
.blog-main {
	background: rgba(192, 192, 192, 0.05);
	margin-bottom: 20px;
	padding: 30px 5%;
	display: inline-block;
	border: 1px solid #E6E6E6;
	margin-top: 20px;
}