a{
  color: #000;
  text-decoration: none;
 }
 
a:hover {
  color: #8a8686;
  text-decoration: none;
}

.fix-font{
	font-family: 'Kanit', sans-serif !important;
}



/* Back to top button */
.back-to-top {
  background: #969494;
  color: #fff;
}


.back-to-top:focus {
  background: #000;
  color: #fff;
}

.back-to-top:hover {
  background: #2f2d2d;
  color: #fff;
}

.navbar-default {
  background: #000000b6;
}

.form-control:focus {
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px #000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px #000;
}

.service .carousel-indicators .active {
  background: #000;
}

.btn-theme {
  background: #000;
}

.contact-widget i {
  color: #000;
}

.seed-social {
    /*position: absolute;
    right: 10px;*/
    display: block;
}

.facebook {
    margin-right: 10px;
    display: block;
    margin: 0 0 10px;
    float: none;
}

.date {
    right: -53px;
    top: 111px;
    margin: 0;
    width: 150px;
    padding-right: 5px;
    color: #8c8b8b;
    transform: rotate(-90deg);
    position: absolute;
    font-size: 13px;
}

.views {
    width: 27px;
    position: absolute;
    left: auto;
    color: #111f39;
    line-height: .9;
    top: 215px;
    text-align: center;
}

.num {
    font-size: 14px;
    display: block;
    letter-spacing: -.5px;
    word-spacing: -4px;
    float: none;
}

#masonry-container {
  width: 100%;
  height: 100%;
}

#masonry-containerMB {
  width: 100%;
  height: 100%;
}


.thumbnail {
    padding: 0px;
    border: 0px solid #fff;
}

.thumbnail img {
  width: 100%;
}

#modal_thank .modal-content {
    border-radius: 0;
}

#modal_thank .modal-content .modal-footer .btn {
    border-radius: 0;
}

#modal_subscribe .modal-content {
    border-radius: 0;
}

#modal_subscribe .modal-content .modal-footer .btn {
    border-radius: 0;
}

#map {
    width: 100%;
    height: 450px;
}

/* blog small */
    .column-cards, .most-items {
        margin: 0 -15px;
    }
    
    .content-item.-caption .entry-number {
        left: 0;
        padding: 12px 17px;
        color: #fff;
        font-size: 30px;
        background-color: #111f39;
    }
    
    .content-item.-caption .entry-number, .content-item.-caption .entry-view {
        position: absolute;
        top: 0;
    }
    
    .content-item.-caption .entry-view {
        right: 0;
        padding: 14px 15px;
        color: #fff;
        font-size: 32px;
        font-weight: 500;
        word-spacing: -7px;
    }
    
    .content-item.-caption .entry-view small {
        display: block;
        font-size: 14px;
        text-align: right;
    }
    
    .content-item.-caption .info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        color: #fff;
        background: 0 0;
    }
    
    .content-item.-caption {
        position: relative;
    }
    
    .content-item.-caption .pic {
        background-color: #000;
    }
    
    .content-item.-caption .pic {
        line-height: 0;
    }
    
    .content-item .pic {
        line-height: 0;
        position: relative;
    }
    
    .content-item.-caption .pic img {
        opacity: .7;
    }
    
    .column-cards .card, .most-items .most-item {
        padding: 0 15px;
    }
    
    .content-item.-caption .entry-number {
        left: 0;
        padding: 5px 17px;
        color: #fff;
        font-size: 30px;
        background-color: #111f39;
    }
    
    .content-item.-caption .info a {
        color: #fff;
    }
    
    .list-blog-small-back{
        background-color: #000;
        border-radius: 3px;
    }
    
    .list-blog-small-back img{
        position: relative;
        opacity: 0.572057;
        border-radius: 3px;
   }
   
   .text-card {
        z-index: 1;
        color: #fff;
        font-size: 18px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: .4s;        
    }
    
    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #111f39;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .og-grid li {
        padding: 10px 35px 5px 35px!important;
    }
    
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff;
        border-radius: 1px;
    }
    
    /*headder*/
    /* menu button */
   
   .shadow{
	   	background-color: #000;
	    z-index: 999;
	    margin: 0;
	    overflow: unset;
	    height: 55px;
	    position: fixed;
	    top: 0;
	    left: 0;
	    padding-top: 2px;
   }
   
   .logo {
	  color: #fff;
	  font-size: 20px;
	  line-height: 50px;
	  padding: 0 0 0 20px;
	  text-transform: capitalize;
	}
	
	/* menu button */
	.menuBtn {
	  height: 30px;
	  width: 30px;
	  position: absolute;
	  right: 20px;
	  top: 10px;
	  z-index: 101;
	}
	.menuBtn > span {
	  background-color: #fff;
	  border-radius: 1px;
	  height: 2px;
	  width: 100%;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  margin: -1px 0 0 -15px;
	  -webkit-transition: height 100ms;
	  transition: height 100ms;
	}
	.menuBtn > span:after,
	.menuBtn > span:before {
	  content: '';
	  background-color: #fff;
	  border-radius: 1px;
	  height: 2px;
	  width: 100%;
	  position: absolute;
	  left: 50%;
	  margin-left: -15px;
	  -webkit-transition: all 200ms;
	  transition: all 200ms;
	}
	.menuBtn > span:after {
	  top: -7px;
	}
	.menuBtn > span:before {
	  bottom: -7px;
	}
	.menuBtn.act > span {
	  height: 0;
	}
	.menuBtn.act > span:after,
	.menuBtn.act > span:before {
	  background-color: #008877;
	  top: 1px;
	}
	.menuBtn.act > span:after {
	  -webkit-transform: rotate(45deg);
	          transform: rotate(45deg);
	}
	.menuBtn.act > span:before {
	  -webkit-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}
	
	.menuBtn.act a:hover, a:focus {
	    color: #fff;
	    text-decoration: underline;
	}
	
	.menuBtn.act > span:after, .menuBtn.act > span:before {
	    background-color: #fff;
	    top: 1px;
	}
	/* main menu block */
	
	/* menu button */
    .menuBtn1 {
      height: 30px;
      width: 30px;
      position: absolute;
      right: 20px;
      top: 10px;
      z-index: 101;
    }
    .menuBtn1 > span {
      background-color: #000;
      border-radius: 1px;
      height: 2px;
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -1px 0 0 -15px;
      -webkit-transition: height 100ms;
      transition: height 100ms;
    }
    .menuBtn1 > span:after,
    .menuBtn1 > span:before {
      content: '';
      background-color: #000;
      border-radius: 1px;
      height: 2px;
      width: 100%;
      position: absolute;
      left: 50%;
      margin-left: -15px;
      -webkit-transition: all 200ms;
      transition: all 200ms;
    }
    .menuBtn1 > span:after {
      top: -7px;
    }
    .menuBtn1 > span:before {
      bottom: -7px;
    }
    .menuBtn1.act > span {
      height: 0;
    }
    .menuBtn1.act > span:after,
    .menuBtn1.act > span:before {
      background-color: #008877;
      top: 1px;
    }
    .menuBtn1.act > span:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    .menuBtn1.act > span:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }
    
    .menuBtn1.act a:hover, a:focus {
        color: #fff;
        text-decoration: underline;
    }
    
    .menuBtn1.act > span:after, .menuBtn1.act > span:before {
        background-color: #fff;
        top: 1px;
    }
    
    .mainMenu1 {
      background-color: #000000b0;
      position: absolute;
      z-index: 100;
      height: 100%;
      width: 100%;
      display: table;
      text-align: center;
      opacity: 0;
      -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    .mainMenu1.act {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
     text-transform: uppercase;
    }
    .mainMenu1.act ul li {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
              list-style:none;
    }
    .mainMenu1 ul {
      display: table-cell;
      vertical-align: middle;
      padding-top: 25px;
      padding-bottom: 100%;
      padding-left: 0px;
      list-style: none;

    }
    .mainMenu1 li {
      padding: 8px 0;
      -webkit-transition: all 400ms 510ms;
      transition: all 400ms 510ms;
      opacity: 0;
    }
    .mainMenu1 li:nth-child(odd) {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
    .mainMenu1 li:nth-child(even) {
      -webkit-transform: translateX(-30%);
              transform: translateX(-30%);
    }
    .mainMenu1 li:last-child {
      -webkit-transform: none;
              transform: none;
    }
    .mainMenu1 a {
      color: #fff;
      display: inline-block;
      font-size: 18px;
    }
    .mainMenu1 a.suBtn {
      color: #fff;
    }
	
	
    /*********/
	.mainMenu {
	  background-color: #fff;
	  position: absolute;
	  left: 0;
	  /*top: 0;*/
	  z-index: 100;
	  height: 100%;
	  width: 100%;
	  display: table;
	  text-align: center;
	  opacity: 0;
	  -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	  -webkit-transform: scale(0);
	          transform: scale(0);
	}
	.mainMenu.act {
	  opacity: 1;
	  -webkit-transform: scale(1);
	          transform: scale(1);
	 text-transform: uppercase;
	}
	.mainMenu.act ul li {
	  opacity: 1;
	  -webkit-transform: translateX(0);
	          transform: translateX(0);
	          list-style:none;
	}
	.mainMenu ul {
	  display: table-cell;
	  vertical-align: middle;
	  padding-top: 25px;
      padding-bottom: 100%;
      padding-left: 0px;

	}
	.mainMenu li {
	  padding: 8px 0;
	  -webkit-transition: all 400ms 510ms;
	  transition: all 400ms 510ms;
	  opacity: 0;
	}
	.mainMenu li:nth-child(odd) {
	  -webkit-transform: translateX(30%);
	          transform: translateX(30%);
	}
	.mainMenu li:nth-child(even) {
	  -webkit-transform: translateX(-30%);
	          transform: translateX(-30%);
	}
	.mainMenu li:last-child {
	  -webkit-transform: none;
	          transform: none;
	}
	.mainMenu a {
	  color: #000;
	  display: inline-block;
	  font-size: 18px;
	}
	.mainMenu a.suBtn {
	  color: #fff;
	}
	/* sign up button */
	.suBtn {
	  background-color: #fff;
	  border-radius: 5px;
	  padding: 10px 20px;
	}
       
    /*end small */
   
   @media screen and (min-width: 1100px)and (max-width: 1400px){
           .destop{
                display: block!important;
            }
                
            .mobile{
                display: none!important;
            }
            
                       
     }
   
   @media screen and (min-width: 1200px){
        .column-cards, .most-items {
            margin: 0px 0px 30px 0px!important;
        }
        
        .content-item .pic img {
            width: 360px;
            max-width: 360px;
        }
        
        .sec-video .featured .content-item .pic img {
            width: 750px;
            max-width: 750px;
        }
            
        .itemblog {
            padding: 14px!important;
        }
        
        .topm {
            margin-top: 30px!important;
        }
        
   
    }
    
    @media screen and (min-width: 1110px){
    
        .topm {
            margin-top: 30px!important;
        }

    }
    
    @media screen and (min-width: 1024px){
    
        .og-grid li {
            padding: 10px 35px 5px 35px!important;
        }
        
    }
    
    
    @media screen and (min-width: 992px){
        
        .seed-grid-3>.seed-col:nth-of-type(3n+1), .seed-row.grid-3>.seed-col:nth-of-type(3n+1) {
            clear: left;
        }
        
        .sec-work article:nth-of-type(1), .sec-work article:nth-of-type(3) {
            margin-top: -186px;
        }
        
        .seed-grid-3>.seed-col, .seed-row.grid-3>.seed-col {
            width: 33.3333%;
        }
        
        .seed-row>.seed-col, .seed-grid-1>.seed-col, .seed-grid-2>.seed-col, .seed-grid-3>.seed-col, .seed-grid-4>.seed-col, .seed-grid-5>.seed-col, .seed-grid-6>.seed-col {
            float: left;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
        
        .sec-video .general {
            margin-top: -182px;
        }
    }
    
    @media screen and (min-width: 768px){
        .content-item {
            margin-bottom: 30px;
        }
        
        .col-sm-8 {
            width: 66.66666667%;
        }   
        
        .column-cards, .most-items {
            margin: 0 0px;
        }  
        

        .itemblog {
            padding: 10px!important;
        }
        
        .nav>li>a {
            padding: 10px 15px;
        }
        
        .top-nav {
            margin-top: 50px;
        }   
        
        .destop{
            display: block!important;
        }
        
        .mobile{
            display: none!important;
        }          

    }
    
    
    @media screen and (min-width: 414px){
        .content-item {
            margin-bottom: 30px;
        }
        

        .col-sm-8 {
            width: 66.66666667%;
        }
        
        .logo-pic {
            text-align: center;
        }   
        
        .column-cards, .most-items {
            margin: 0px 0px 30px 0px;
        }
        
        .motto {
            width: 400px;
            padding-top: 50px;
        }
             
        .itemblog {
            padding: 0px;
        }   
        
        .topm {
            margin-top: 60px!important;
        }
        
        .thumbnail {
            padding: 0px;
        }
        
        .top-nav {
            margin-top: 60px;
        }
        
         .destop{
            display: none;
        }
        
        .mobile{
            display: block;
        }  
        

    }
    
    @media screen and (min-width: 375px){
        .thumbnail {
            padding: 0px;
        } 
        
        .destop{
            display: none;
        }
        
        .mobile{
            display: block;
        }
        

    }
        
    @media screen and (min-width: 360px){
        .content-item {
            margin-bottom: 30px;
        }
        

        .col-sm-8 {
            width: 66.66666667%;
        }
        
        .logo-pic {
            text-align: center;
        }   
        
        .column-cards, .most-items {
            margin: 0px 30px 30px 30px;
        }
        
        .motto {
            width: 400px;
                padding-top: 50px;
        }
        
        .itemblog {
            padding: 0px;
        }   
        
        .topm {
            margin-top: 60px!important;
        }
        
       .destop{
            display: none;
        }
        
        .mobile{
            display: block;
        } 


    }
    
    @media screen and (min-width: 320px){
        .content-item {
            margin-bottom: 30px;
        }
        
        .col-sm-8 {
            width: 66.66666667%;
        }
        
        .logo-pic {
            text-align: center;
        }   
        
        .column-cards, .most-items {
            margin: 0px 30px 30px 30px;
        }
        
        .motto {
            width: 400px;
            padding-top: 0px;
        }
                
        .itemblog {
            padding: 0px;
        }   
        
        .topm {
            margin-top: 60px!important;
        }
        
        .destop{
            display: none;
        }
        
        .mobile{
            display: block;
        }  
        
  
        
    }