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

 h1
{ 
     margin-top: 5px;
     font-size: 35px;
  line-height: 40px;
  color: #335dbd;
 }

h2.title {
  color: #0475ff;
  font-family: "Roboto", Helvetica, Arial;
  font-size: 18px;
  font-weight: 700;
  margin: 0 15px;
  text-transform: uppercase;
  margin-bottom: 30px;
  position: relative;
}

h2.title:after{
	content: " ";
	position: absolute;
	border: 1px solid #0475ff;
	bottom:8px;
	left: 0;
	width: 100%;
	height: 0;
	z-index: -2;
}


h2.title:before{
	content: " ";
	position: absolute;
	background: #fff;
	bottom: -6px;
	width: 220px;
	height: 30px;
	z-index: -1;
	left: 50%;
	margin-left: -110px;
}

.form-control {
    height: 32px!important; font-size:13px !important;
}

@media (max-width: 800px) {
     h1
{ font-size: 35px;}
    .navbar-nav {
        padding: 2px 5px 2px 2px;
        margin: 1px 1px 1px 1px;
       
       
    }

        .navbar-nav li {
         
        }

            .navbar-nav li a {
                font-size:10px!important;
                
               
            }
.thumbnail-slider a img {
  -webkit-transition: 0.4s ease;
  transition: 1s ease;
}

.thumbnail-slider:hover a img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}


.thumbnail-slider .images {
    width: auto; height:auto; overflow: hidden;text-align: center;
   
  }

  .thumbnail-slider .images img { 
                                  
  }
    .logo {
        margin-top: 5px !important;
        margin-left: 5px!important;
    }
   /* .single-blog .btn-primary {
       font-size: 10px;
        padding: 3px 3px 3px 3px!important;
    }*/

}

@media (max-width: 470px) {

    h1
{ font-size: 30px;}
     .navbar-nav li a {
                font-size:13px!important;
                             
            }
    
    .team-member {
        text-align: left!important;
        
    }

        .thumbnail-slider a img {
          -webkit-transition: 0.4s ease;
          transition: 1s ease;
        }

        .thumbnail-slider:hover a img {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
        }


        .service
        {
            height: auto !important;
        }
        .team-member
        {
            height: auto !important;
        }
        .member-info{
            height: auto !important;
        }
        .member-image
        {
             height: auto!important;
        }
        .thumbnail-slider .images {
            width: auto!important; 
            height: auto!important;
            text-align: center;
   
          }

          .thumbnail-slider .images img { height: auto;
                                  
          }
          .img-circle
          {
              width: auto;
          }

   .box-content
   {
       margin-left: 5px;
       margin-right: 5px;
       text-align: center;
   }

   .newsletter .tm-login-form{
       padding: 0 5px 0 5px;
    width: 100%;
   
   }

    .newsletter input[type="text"] {
        width: 100%;
    }

    .box-content .team-member{
        text-align: center!important;
    }
    .logo {
       
        width: auto!important;
        max-height: 60px!important;
    }

    .navbar-nav, header .nav {
      
        background-color: #8ed8f8;
        width: 300px;
       
        position: static!important;
        
    }


}
/* ---------------------------end mobile style----------------------*/

.media
{
   
}
.thumbnail-slider{
    
    margin:0 auto;
    position:relative;
}
.thumbnail-slider a img {
  -webkit-transition: 0.4s ease;
  transition: 1s ease;
   
}

.thumbnail-slider:hover a img {
    
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}


.thumbnail-slider .images {
    margin:auto;
   
    top:0; left:0; right:0; bottom:0;
    width: 250px; height: 250px; overflow: hidden;text-align: center;
   
  }

  .thumbnail-slider .images img { 
          margin-top: 10px;                
  }

  .navbar-left li a {
       
  color: #df06c3;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding-top: 22px;
  padding-bottom: 19px;
  padding-right: 50px;
}
.navbar-left li a:hover { 
    color: #000;
    
}
.navbar-right li.active a {
  background-color: rgba(0,0,0,.2);
}
/* ================   Default Buttons BEGIN   =============== */
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  letter-spacing: 1.3px;
  color: #6daf28;
  background: #8ed8f8;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 0;
  border: none;
  padding: 13px 28px 12px;
  outline: none; }
  .btn:visited, .btn-default:visited, .btn-primary:visited, .btn-success:visited, .btn-info:visited, .btn-warning:visited, .btn-danger:visited {
    color: #fff;
  background: #8ed8f8; }
  .btn:hover, 
  .btn:hover, .btn:active, .btn:focus, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    color: #fff;
    background: #07a1e9;
    outline: none !important; }
  .btn i, .btn-default i, .btn-primary i, .btn-success i, .btn-info i, .btn-warning i, .btn-danger i {
    font-size: 20px;
    line-height: 19px;
    vertical-align: top; }

.btn-primary {
  color: #fff;
  background: #8ed8f8; }


.right-caret:after,.left-caret:after
 {	content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}
.right-caret:after
{	border-left: 5px solid #ffaf46;
}
.left-caret:after
{	border-right: 5px solid #ffaf46;
}

.member-image {
   /* height: 320px;*/
    margin-top: 5px;
    
}

/*=====================
======Our Blog CSS=====
======================*/

#blog {
	padding-bottom:55px;
	padding-top:35px
}

.blog-heading {
	margin-bottom: 35px;
	margin-top: 15px;
}

.single-blog {
	margin-bottom: 30px;
	background-color:#fff;
	padding: 5px;
	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-webkit-box-shadow: 0 2px 0 0 #ddd;
	box-shadow: 0 2px 0 0 #ddd;
}

.single-blog:hover {
	/*background-color:#43484E;
	color:#fff */
}

.single-blog:hover.single-blog h2 {
	/* color:#fff */
}

.single-blog:hover.single-blog .btn-primary {
	background-color:#335dbd;
	color:#fff;
	border-color:#fff;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-blog img{
	width:100%;
	margin-bottom:20px
}

.single-blog h2 {
	color:#43484E;
	font-size:22px;
    text-align: center;
}

.single-blog h2{
	margin: 15px;
	margin-bottom:15px;
    height: 50px;
}

.single-blog ul {
	padding:0;
	overflow:hidden;
}

.single-blog ul li {
	border-right: 2px solid #999999;
	float: left;
	line-height: 10px;
	list-style: none;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 12px;
	color:#999;
}

.single-blog ul li:last-child {
	border:none;
}

.blog-content {
	margin-bottom: 25px;
	margin-top: 0;
    text-align: justify;
    height: 90px!important;
}
.blog-content p
{
    margin: 0;
}
.single-blog .btn-primary {
	text-transform: uppercase;
	border: 1px solid #335dbd;
	color: #fff;
	background-color: #f828d4!important;
	border-color: #fff;
    padding: 10px 10px 10px 10px;
}

.single-blog:hover.single-blog .btn-primary:hover{
	background-color:#335dbd;
	color:#fff;
}

#blog-detail .modal-body {
	padding:10px;
}

#blog-detail .modal-body img {
	width:100%
}

#blog-detail .close {
	margin-right: -15px;
    margin-top: -25px;
}



/* end mề gà */
.top200
{
    top: 90px;
}


.rd-parallax-inner {
  overflow: hidden;
  position: relative;
  min-height: 100%;
  
}
.rd-parallax-layer[data-type="media"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  -webkit-backface-visibility: hidden;
}
.rd-parallax-layer[data-type="media"] iframe {
  width: 100%;
  height: 100%;
}
.rd-parallax-layer[data-url] {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.rd-parallax-layer[data-type="html"] {
  position: relative;
}




.button-fix
{
    position: fixed;
    bottom: -10px;
    width: 250px;
    z-index: 9990;
}

.col-md-12 {
   padding: 10px 10px 10px 10px;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
{
   
    
}



/*--------------------------------------------------------------------------
+	Our Team Style
--------------------------------------------------------------------------*/
/* .team-member {
  position: relative;
  background: #FFF;
  margin-bottom: 20px;
  border: 8px solid #FFF;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
}*/
.team-member img {
  max-width: 100%;
}
.team-member ul {
  list-style-type: none;
  margin-left: 0!important;
  margin-top: 20px;
}
.team-member ul li {
  line-height: 28px;
}
.team-member:hover .team-member-image {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.team-member .team-member-image {
  text-align: center;
  position: relative;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  transition: opacity .25s linear;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.team-member .team-member-name {
  font-size: 1.3em;
  text-transform: uppercase;
}
.team-member .team-member-social {
  position: absolute;
  right: 10px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.team-member .team-member-social .team-member-social i {
  margin-top: 3px;
}
.team-member .team-member-social:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/*--------------------------------------------------------------------------
+	News Style
--------------------------------------------------------------------------*/
.featured-news .caption,
.latest-news .caption {
  padding: 10px 0 5px 0;
}
.featured-news .caption a,
.latest-news .caption a {
  font-size: 1.1em;
  font-weight: 600;
  
}
.featured-news .intro,
.latest-news .intro {
  padding-bottom: 10px;
  font-size: 0.9em;
}
.featured-news .intro a,
.latest-news .intro a {
  white-space: nowrap;
}
.featured-news .date,
.latest-news .date {
  font-size: 0.7em;
  color: #999;
}
.featured-news img,
.latest-news img {
  max-width: 100%;
  margin: 10px 0 10px 0;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
}
.latest-news h2, .featured-news h2 {
    color: #53555c;
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    line-height: 1.5em;
    margin: 30px 0 0 0;
font-size: 30px;}


.conten_so
{
    font-size: 30px;
    color: #ff33ff;
    font-weight: 700;
}
.conten_nd
{
    text-align: left;
}

.number_round
{
    width: 40px;
    height: 40px;
    border: 3px dashed #25b7ea;
    text-align: center;
    font-size: 30px;
    margin: 0 auto;
    border-radius: 100%;
    font-weight: 600;
    color: #ff33ff;
    vertical-align: central;
}
 .conten_1dong
     {
          margin-top: 15px;
          margin-left: 2px;
         width: 100%;
     }

 .bx-fix-top
 {
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 9990;
 }
 .bxslider
 {
      width: 100%;
      height: 50px;

 }
 .bxslider .slide {
     margin-bottom: 5px!important;
     line-height:35px;
     height:40px;
     background-color: #fff;
 }
 .bg-light-gray {
    background-color: #f7f7f7;
    
}
 .feednew
 {
     position: inherit;
     height: 200px;
      background-color: rgb(255, 255, 255, 0.6);
     float: left;
     margin-top: -600px;
     margin-left: 150px;
     z-index: 9999; padding: 20px;
 }
 .feednew .boxf
 {
    color: rgb(0, 0, 0);
    padding: 20px;
    min-width: 250px;
 }