/* ==========================================================================
   font-family: 'open_sansextrabold';
   font-family: 'open_sanslight';
   font-family: 'open_sansbold';
   font-family: 'open_sansregular';

   
   ========================================================================== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 26, 2013 */


/* ==========================================================================
    Global styles starts here
   ========================================================================== */
body{background: url(../img/body-bg.jpg) repeat;}
h1, h2, h3, h4, h5, h6{margin: 0;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{margin: 0; padding-bottom: 20px; color: #676364; font-size: 16px; line-height: 22px;font-family: 'Kanit', sans-serif;}
.more{transition: all 1s; color: #373435; text-transform: uppercase; font-size: 18px; font-family: 'Kanit', sans-serif; letter-spacing: 1px;}
.more:hover{color: #ed3237; text-decoration: none; }
.more [class^="fw-icon-"]{color:#ed3237; font-size: 16px; }
p:nth-last-child(1){padding-bottom: 0; }
a{transition:all 1s; }
 .last{}
 .spacing{}
 .spacing-tp{padding-top: 30px;}
 .spacing-bt{padding-bottom: 30px;}
 .spacing-lt{padding-left: 30px;}
 .spacing-rt{padding-right: 30px;}
 .centering{text-align: center;}

.page-styling{background: #f9f2f4;padding: 0 30px;margin-top: 50px;border-radius: 5px; padding-bottom: 0px;}
 .ruler{border-bottom: 1px solid #c2c2c2;}

.lines{background: url(../img/border.png) repeat-x 0; text-align: center; width: 100%;}

.more-btn{padding: 0 15px; background: #ebebeb; display: inline-block; margin: 0 auto;}
.more-btn .btn{color: #ffffff; font-size: 18px; background: #61bc3d;font-family: 'Kanit', sans-serif;
 text-transform: uppercase;padding: 5px; border-radius: 5px; box-shadow: -4px 5px 0px 1px rgba(0, 0, 0, 0.1);}
.more-btn .btn:hover{background: #478c2c; color: #ffffff; }


.content-wrap{overflow: hidden; padding: 15px 0;}


/* ==========================================================================
    Menu styles starts here
   ========================================================================== */
    .menu{text-align: center; padding: 20px 0; }
    .menu .navbar{margin-bottom: 0;}
    .menu .navbar{display: inline-block;}
    .menu .navbar .nav > li{border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; margin: 0 10px;}
    
    .menu .navbar .nav > li > a{color: #202958; font-size: 18px; font-weight:bold; font-family: 'Kanit', sans-serif; padding: 10px; text-transform: uppercase;}
    .menu .navbar .nav > li > a:hover{color: #ebebeb; background: #202958;}
    .menu .navbar-nav > li > .dropdown-menu{ color:#FFF; background: #aa2680; text-align: left;}
    .menu .dropdown-menu > li > a{color: #ebebeb;font-family: 'Kanit', sans-serif; text-shadow: none;}
    .nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color: #f9f2f4;}
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff;text-decoration: none;background-color: #962271;}
    .dropdown-menu > li > a { padding: 8px 8px;}
    .dropdown-menu > li{border-bottom: 1px solid #4f4d4e; }

    .dropdown-menu > li:nth-last-child(1){border-bottom: none; }
    
    .menu .dropdown-menu {padding: 0;}
    .menu .nav .caret{border-top-color: #909090; border-bottom-color: #909090;}
    .menu .nav a:hover .caret{border-top-color: #ebebeb; border-bottom-color: #ebebeb;}
    .mini-menu{display: none;}
    .mini-menu .selectnav{display: none; width: 100%;background: #ebebeb;font-weight: 600;padding: 10px;height: 42px;border: 1px solid #d2d2d2; color: #909090; border-radius: 5px; cursor: pointer; outline: 0;}
    .selectnav select{appearance: none;}
    .mini-menu label {position:relative; width: 100%;}
    .mini-menu label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#000;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:14px; top:14px;
    padding:0 0 2px;

    position:absolute;
    pointer-events:none;
    }
    .mini-menu label:before {
    content:'';
    right:6px; top:10px;
    width: 25px; height: 25px;
    background:#ebebeb;
    position:absolute;
    pointer-events:none;
    display:block;
    }


/* ==========================================================================
    Generic styles starts here
   ========================================================================== */
    .header-wrapper{border-radius: 0px 5px 5px 0; text-align: center; background: #f9f2f4;}
    .site-name{overflow: hidden; display: inline-block; margin: 0 auto; text-align: center; padding:10px;
     background: #61bc3d; border-radius: 5px; margin-top: -40px; box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1);}
    .site-name h1{padding: 10px 10px;font-family: 'Itim',cursive; font-size: 40px; line-height: auto; color: #fff;letter-spacing: 2px;text-transform: uppercase;}

/* ==========================================================================
    Banner styles starts here
   ========================================================================== */    
    .banner{overflow: hidden; border-radius: 10px 0 10px 10px; box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1);}
    .banner:hover { border-radius: 10px 0 10px 10px; box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1); transition:all 3s;}
    .carousel-caption{padding-top: 0px; padding-bottom: 0px;}
    .banner .carousel-caption h1, h2{ opacity: 0; }
    .banner .carousel-caption .btn{opacity: 0;}
    .banner .carousel-caption [class^="fw-icon-"]{opacity: 0;}
    .banner .carousel-inner:hover img{-webkit-filter: blur(10px); transition:all 3s; }
    .banner .carousel-inner:hover h1{ transition:all 1s; opacity: 0.9 !important;  }
    .banner .carousel-inner:hover h2{ transition:all 1s; opacity: 0.9 !important;  }
    .banner .carousel-inner:hover [class^="fw-icon-"]{ transition:all 1s; opacity: 0.9 !important;  }
    .banner .carousel-inner:hover .btn{ transition:all 1s; opacity: 0.9 !important;  }
    .banner .carousel-caption{background: none; top:25%;}
    .banner .carousel-caption h1{color: #373435; text-shadow:none; font-size: 42px; padding-bottom: 25px; font-family: 'Kanit', sans-serif; text-transform: uppercase;}
    .banner .carousel-caption h2{color: #373435; text-shadow:none; font-size: 32px; font-family: 'Kanit', sans-serif; font-weight: normal;}
    .banner .carousel-caption [class^="fw-icon-"]{display: inline-block; margin-bottom: 25px; font-size: 50px; color: #fff; border-radius: 50%; background: #373435; 
                width: 80px; height: 80px; line-height: 80px;}
    .banner .carousel-caption .btn{border-radius: 3px; background: #373435; color: #ebebeb; font-size: 20px;
                                font-family: 'Kanit', sans-serif; border: none !important; background-image: none; box-shadow: none; 
                                text-shadow: none; padding: 12px 15px;  line-height: 16px; }
    .banner .carousel-caption .btn:hover{background: #ed3237; color:#ebebeb; border: none !important;}
    
    .main-title1{ text-align: center; margin-bottom: 20px !important;}
    .main-title1 h1{font-size: 32px; color: #373435;font-family: 'Itim', cursive; letter-spacing: 3px; padding-bottom: 10px; text-transform: uppercase; text-align: left !important;}
    .main-title1 h4{font-size: 18px; line-height: 24px; color: #676364;font-family: 'Kanit', sans-serif; text-align: center !important;}

    .main-title{ text-align: center; margin-bottom: 0px !important;}
    .main-title h1{font-size: 32px; color: #373435;font-family: 'Itim', cursive; letter-spacing: 3px; padding-bottom: 10px; text-transform: uppercase; text-align: center !important;}
    .main-title h4{font-size: 18px; line-height: 24px; color: #676364;font-family: 'Kanit', sans-serif; text-align: center !important;}

    .featured-block{ padding-left: 10px;}
    .featured-block .block{overflow: hidden;}
    .featured1-block{ padding-left: 10px;}
    .featured1-block .block{overflow: hidden;}
    .icon-btn{float: left; display: inline-block;}
    .icon-btn .icon {
    color: #ebebeb;
    font-size: 25px;
    display: inline-block !important;
    cursor: pointer;
    width: 100px !important;
    height: 100px !important;
    border-radius: 10px 0 10px 10px;
    line-height: 60px;
    text-align: center;
    position: relative;
    z-index: 1;
    border: none;
    background: #b84e64;
    box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1);
    margin-right: 30px;}
    .icon-btnnews{float: left; display: inline-block;}
    .icon-btnnews .iconnews {
    color: #ffffff;
    font-size: 25px;
    display: inline-block !important;
    cursor: pointer;
    width: 150px !important;
    height: 100px !important;
    border-radius: 10px 0 10px 10px;
    line-height: 60px;
    text-align: center;
    position: relative;
    z-index: 1;
    border: none;
    background: #202958;
    box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1);
    margin-right: 30px;}
    .featured-block .block{}
    .featured-block .block h5{color: #373435; font-size: 18px; line-height: 22px; font-family: 'Kanit', sans-serif; text-transform: uppercase; padding-bottom: 15px;}

    .featured-items{overflow: hidden; margin: 0 auto; display: inline-block; padding-bottom: 10px;}
    .featured-items ul{margin: 0 auto; padding-left: 0;}
    .featured-items ul li{list-style: none;width: 29%; margin-right: 2.5641025641025641025641025641026%; display: inline-block !important;}
    .featured-items ul li:nth-last-child(1){margin-right: 0; }
    .featured-items ul li .item{text-align: left;   overflow: hidden; padding-top: 0px; padding-bottom: 30px; border-radius: 5px 0 5px 5px; 
            background: #e2e2e2;box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1);}
    .featured-items ul li .item:hover{background: #009fed;  transition:all 1s;}
    .featured-items ul li .item:hover h5{color: #ebebeb;}
    .featured-items ul li .item:hover p{color: #ebebeb;}
    .featured-items ul li .item:hover .more{color: #ebebeb;}
    .featured-items ul li .item:hover .more:hover{color: #ed3237; text-decoration: none; }
    .featured-items ul li .item h5{ color: #373435; font-size: 18px; line-height: 22px; text-transform: uppercase;font-family: 'Kanit', sans-serif; padding: 0 30px; padding-bottom: 20px; }
    .featured-items ul li .item img{padding-bottom: 25px;}
    .featured-items ul li .item p{padding: 0 30px; padding-bottom: 15px;}
	
    .featured1-block .block{}
    .featured1-block .block h5{color: #373435; font-size: 18px; line-height: 22px; font-family: 'Kanit', sans-serif; text-transform: uppercase; padding-bottom: 15px;}

    .featured1-items{overflow: hidden; margin: 0 auto; display: inline-block; padding-bottom: 10px;}
    .featured1-items ul{margin: 0 auto; padding-left: 0;}
    .featured1-items ul li{list-style: none;width: 30%; margin-right: 2.5641025641025641025641025641026%; display: inline-block !important;}
    .featured1-items ul li:nth-last-child(1){margin-right: 0; }
    .featured1-items ul li .item1{text-align: left;   overflow: hidden; padding-top: 35px; padding-bottom: 30px; border-radius: 5px 0 5px 5px; 
            background: #c0c9fb;box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.1);}
    .featured1-items ul li .item1:hover{background: #22338f;  transition:all 1s;}
    .featured1-items ul li .item1:hover h5{color: #ebebeb;}
    .featured1-items ul li .item1:hover p{color: #ebebeb;}
    .featured1-items ul li .item1:hover .more{color: #ebebeb;}
    .featured1-items ul li .item1:hover .more:hover{color: #ed3237; text-decoration: none; }
    .featured1-items ul li .item1 h5{ color: #373435; font-size: 18px; line-height: 22px; text-transform: uppercase;font-family: 'Kanit', sans-serif; padding: 0 30px; padding-bottom: 20px; }
    .featured1-items ul li .item1 img{padding-bottom: 25px;}
    .featured1-items ul li .item1 p{padding: 0 30px; padding-bottom: 15px;}

    .tags{ display: inline-block; padding-top:15px; width:40%;}
    .tags h5{color: #ed3237; font-size: 18px; line-height: 22px;font-family: 'Kanit', sans-serif; text-transform:uppercase;}
    .tags .btn{box-shadow: -4px 4px 0px 1px rgba(0, 0, 0, 0.1); color: #373435; text-transform: uppercase; font-family: 'Kanit', sans-serif;font-size: 18px; padding: 6px 10px;
	border-radius: 5px; border: 1px solid #c2c2c2;background:#ebebeb;margin-right: 1.5%;
margin-bottom: 10px;}
	.tags .btn:hover{background:#373435; color:#ebebeb;}



/* ==========================================================================
    Sidebar styles starts here
   ========================================================================== */

/* ==========================================================================
    Footer styles starts here
   ========================================================================== */
    .copy-rights{padding: 40px 0; overflow: hidden; text-align: center; color: #22338f; font-size: 18px; line-height: 26px;font-family: 'Kanit', sans-serif;}
    .copy-rights a{font-size: 18px;font-family: 'Kanit', sans-serif; color: #ebebeb;}
    .copy-rights a:hover{color: #ed3237; text-decoration:none;}

    .blur{
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.blur:hover {
  -webkit-filter: blur(5px);
}

.main-title ul li {width:100%;}
#bannerfooter{
	border:solid 1px #CCC; text-align:center; background-color:#b84e64; padding:20px; margin-bottom:2px; font-size:20px; color:#FFF; border-radius:10px;
}
#bannerfooter1{
	border:solid 1px #CCC; text-align:center; background-color:#202958; padding:20px; margin-bottom:2px; font-size:20px; color:#FFF; border-radius:10px;
}