/*
Theme Name: Izdesign
Theme URI: http://izdesign.xyz
Author: Izdesign Themes
Author URI: http://izdesign.xyz
Description: IZdesign Theme Responsive, html5, css3
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: izdesign
Tags: one-column, two-columns, three-columns, right-sidebar, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, featured-images, theme-options, post-formats


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/Roboto-Regular.eot");
	src: url("./fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/Roboto-Regular.woff") format("woff"), url("./fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("./fonts/roboto/Roboto-Regular.svg#Roboto") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Regular.eot");
	src: url("../fonts/RobotoCondensed-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../images/RobotoCondensed-Regular.svg#Roboto%20Condensed") format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-italic.eot");
	src: url("./fonts/roboto/roboto-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-italic.woff") format("woff"), url("./fonts/roboto/roboto-italic.ttf") format("truetype"), url("./fonts/roboto/roboto-italic.svg#Roboto") format("svg");
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-bold.eot");
	src: url("./fonts/roboto/roboto-bold.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-bold.woff") format("woff"), url("./fonts/roboto/roboto-bold.ttf") format("truetype"), url("./fonts/roboto/roboto-bold.svg#Roboto") format("svg");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-bolditalic.eot");
	src: url("./fonts/roboto/roboto-bolditalic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-bolditalic.woff") format("woff"), url("./fonts/roboto/roboto-bolditalic.ttf") format("truetype"), url("./fonts/roboto/roboto-bolditalic.svg#Roboto") format("svg");
	font-weight: 700;
	font-style: italic
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-medium.eot");
	src: url("./fonts/roboto/roboto-medium.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-medium.woff") format("woff"), url("./fonts/roboto/roboto-medium.ttf") format("truetype"), url("./fonts/roboto/roboto-medium.svg#Roboto") format("svg");
	font-weight: 500;
	font-style: normal
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-mediumitalic.eot");
	src: url("./fonts/roboto/roboto-mediumitalic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-mediumitalic.woff") format("woff"), url("./fonts/roboto/roboto-mediumitalic.ttf") format("truetype"), url("./fonts/roboto/roboto-mediumitalic.svg#Roboto") format("svg");
	font-weight: 500;
	font-style: italic
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-light.eot");
	src: url("./fonts/roboto/roboto-light.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-light.woff") format("woff"), url("./fonts/roboto/roboto-light.ttf") format("truetype"), url("./fonts/roboto/roboto-light.svg#Roboto") format("svg");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-lightitalic.eot");
	src: url("./fonts/roboto/roboto-lightitalic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-lightitalic.woff") format("woff"), url("./fonts/roboto/roboto-lightitalic.ttf") format("truetype"), url("./fonts/roboto/roboto-lightitalic.svg#Roboto") format("svg");
	font-weight: 300;
	font-style: italic
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-black.eot");
	src: url("./fonts/roboto/roboto-black.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-black.woff") format("woff"), url("./fonts/roboto/roboto-black.ttf") format("truetype"), url("./fonts/roboto/roboto-black.svg#Roboto") format("svg");
	font-weight: 900;
	font-style: normal
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-blackitalic.eot");
	src: url("./fonts/roboto/roboto-blackitalic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-blackitalic.woff") format("woff"), url("./fonts/roboto/roboto-blackitalic.ttf") format("truetype"), url("./fonts/roboto/roboto-blackitalic.svg#Roboto") format("svg");
	font-weight: 900;
	font-style: italic
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-thin.eot");
	src: url("./fonts/roboto/roboto-thin.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-thin.woff") format("woff"), url("./fonts/roboto/roboto-thin.ttf") format("truetype"), url("./fonts/roboto/roboto-thin.svg#Roboto") format("svg");
	font-weight: 100;
	font-style: normal
}
@font-face {
	font-family: "Roboto";
	src: url("./fonts/roboto/roboto-thinitalic.eot");
	src: url("./fonts/roboto/roboto-thinitalic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto/roboto-thinitalic.woff") format("woff"), url("./fonts/roboto/roboto-thinitalic.ttf") format("truetype"), url("./fonts/roboto/roboto-thinitalic.svg#Roboto") format("svg");
	font-weight: 100;
	font-style: italic
}

@font-face {
    font-family: 'DolceVitaLight';
    src: url('../fonts/DolceVitaLight.eot#iefix') format('embedded-opentype'), url('../fonts/DolceVitaLight.woff') format('woff'), url('../fonts/DolceVitaLight.ttf') format('truetype'), url('../images/DolceVitaLight.svg#DolceVitaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'VNF-Lobster';
  src: url('../fonts/VNF-Lobster.eot#iefix') format('embedded-opentype'),  url('../fonts/VNF-Lobster.woff') format('woff'), url('../fonts/VNF-Lobster.ttf')  format('truetype'), url('../images/VNF-Lobster.svg#VNF-Lobster') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'UTM Avo';
    src: url('../fonts/UTMAvo.eot#iefix') format('embedded-opentype'), url('../fonts/UTMAvo.woff') format('woff'), url('../fonts/UTMAvo.ttf') format('truetype'), url('../images/UTMAvo.svg#UTMAvo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: elle-futura-book;
  src: url('../fonts/ElleFutura.eot#iefix') format('embedded-opentype'),  url('../fonts/ElleFutura.otf')  format('opentype'),
	     url('../fonts/ElleFutura.woff') format('woff'), url('../fonts/ElleFutura.ttf')  format('truetype'), url('../images/ElleFutura.svg#ElleFutura') format('svg');
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    color: #4f4f4f;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    transition: all 0.2s linear 0s;
    margin: 0;
    padding: 0;
}


body, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .dt-sidebar .dt-social-icons li .fa, a {
    color: #444;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}


ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}


input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,

input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	font-family:inherit;
    outline: 0;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    padding: 5px;
    border-radius: 2px
}
input[type="search"] {
    font-family: Arial, sans-serif;
    color: #ccc;
    font-size: 14px;
    font-weight: normal;
}

.goiTongDa {
    clear: both;
    font-size: 14px;
    padding-top: 6px;
    text-align: center;
}
.goiTongDa span {
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    color: #f44578;
}
.hotroMnd {
    background: rgba(0, 0, 0, 0) url(./images/goi_ngay.png) no-repeat scroll 0 0;
    clear: both;
    display: table;
    height: 60px;
    margin-top: 6px;
    width: 495px;
}
.hotroMnd span {
    display: block;
    line-height: 17px;
    padding-left: 180px;
    padding-right: 3px;
    padding-top: 4px;
}
.rightmodules_blue {
    padding: 10px 0 0 0;
}
#video-galary .top {
    height: 20px;
    overflow: hidden;
    background: url(../images/right-module-pink-top.jpg) no-repeat;
}

#camera_online .middle {
    
    padding: 10px 15px 10px 15px;
    background: #abde3d;
    border: 2px solid #9cd71d;
    border-radius: 10px;
    text-align: center;
}
#video-galary .middle {
    
    padding: 10px 15px 10px 15px;
    background: #facf5b;
    border: 2px solid #fabd19;
    border-radius: 10px;
    text-align: center;
}
#video-galary .bottom {
    height: 11px;
    overflow: hidden;
    background: url(../images/right-module-pink-bottom.jpg) no-repeat;
}
#video-galary .middle img{
    margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}
.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
input.search-submit {
    background: url(../images/search.png)center center no-repeat;
	height:30px;width:30px;cursor:pointer;border:0;text-indent:-9999pt;
}
.news-content{
	margin:0 auto;
	text-align:left;
	position:relative;
}
.news-content .dt-news-post{
	margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 5px 15px 0px;
}
.news-content a{
	font-size:14px;
	color:#444;
	text-align:left;
}
#camera_online h3.widget-title,
#feature_news h3.widget-title,
#video-galary h3.widget-title,
#right_map h3.widget-title,
#right_weblink h3.widget-title,
.news-content h3.widget-title{
	position:relative;
	margin-top:0px;
	font-size:25px;
	color: #05b113;
	font-family:'VNF-Lobster',Arial;
	text-shadow: 1px 1px 1px #fff, 3px 3px 5px #fff;	
}
#camera_online h3.widget-title span{color:#f74703;}
#camera_online .middle img{margin-top:0px!important;}
#camera_online h3.widget-title span::before {
	content:url(../images/video-camera-online.png);
	margin-right:10px;
}
#video-galary h3.widget-title span::before {
	content:url(../images/video-camera.png);
	margin-right:10px;
}
#profile-eschool h3.widget-title p::before {
	content:url(../images/office-material.png);
	margin-right:10px;
}
#notice-comment h3.widget-title p::before {
	content:url(../images/balloons.png);
	margin-right:10px;
}
#feature_news h3.widget-title span::before {
	
	margin-right:10px;
	content:url(../images/chick.png);
}
#right_map h3.widget-title span::before {
	
	margin-right:10px;
	content:url(../images/fox.png);
}
#right_weblink h3.widget-title span::before {
	content:url(../images/koala.png);
	margin-right:10px;
}
i.fa.fa-star {
    margin-right: 6px;
    color: #dbe810;
}
#notice-comment .middle{
	
	  
    padding: 10px 15px 10px 15px;
    background: #f878a5;
    border: 2px solid #ee2d71;
    border-radius: 10px;
    text-align: center;
}
#profile-eschool .middle{
	
	  
    padding: 10px 15px 10px 15px;
    background: #ecf7fb;
    border: 2px solid #cde5ed;
    border-radius: 10px;
    text-align: center;
}
#right_gallery h3 {
    margin: 0;
    padding: 0px;
}
#right_gallery h2 {
    margin: 0;
    padding: 0px;
}
.rightmodules_blue .top {
    height: 20px;
    overflow: hidden;
    background: url(../images/right-module-blue-top.jpg) no-repeat;
}

#right_gallery .middle {
    text-align: center;
    padding: 0 0 10px 0;
}
.rightmodules_blue .middle {
    background: url(../images/right-module-blue-mid.jpg) repeat-y;
    padding: 0 15px 10px 15px;
}
.rightmodules_blue .middle img{
    margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}
.rightmodules_blue .bottom {
    height: 11px;
    overflow: hidden;
    background: url(../images/right-module-blue-bottom.jpg) no-repeat;
}
.dt-featured-post-slider-wrap h2 a {
    color: #fff;
    display: block;
    font: 13px/20px elle-futura-book,Arial,sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}
.home_slider {
    clear: both;
    margin-top:0px;
    padding-top: 20px;
}
#feature_news {
    margin-top: 10px;
}

#feature_news .middle {
  
	background-position: center center;
    padding: 10px 15px 10px 15px;
    background: #b4e25c;
    border: 2px solid #096;
    border-radius: 10px;
	text-align: center;
}

#wpp-2 span {
    font-size: 25px;
    color: #05b113;
    font-family: 'VNF-Lobster',Arial;
    text-shadow: 1px 1px 1px #fff, 3px 3px 5px #fff;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
#feature_news .wpp-post-title {
    clear: both;
    overflow: hidden;
    color: #fff;
    white-space: normal;
}
#feature_news .wpp-post-title  span{
	clear:both;
}
#feature_news ul.wpp-list li{
	border-bottom: 1px dashed #8ab92e;
    padding: 3px 0 3px 10px;
    background: url(../images/list-dark-green.jpg) left 10px no-repeat;
}
#feature_news ul.wpp-list li:last-child{
	border-bottom:none;
}
#feature_news ul.wpp-list li a{color:#444;font-size:14px;}
#right_map {
    margin: 10px 0 0 0;
}


#right_map .middle {
    
    padding: 10px 15px 10px 15px;
    background: #fe9b00;
    border: 2px solid #f09403;
    border-radius: 10px;
    text-align: center;
}


#right_map p{padding:0;margin:0;}
#right_contact_info {
        margin: 10px 0 10px 0;
    background: #E5F8A9;
    border: 2px solid #96D159;
    text-align: center;
    padding: 10px;
	border-radius:10px;
}
#right_search {
    background: #009966;
    padding: 15px;
    border-radius: 10px;
    margin: 10px 0;
}

#right_weblink .middle {
	padding: 10px 15px 10px 15px;
    background: #fe9b00;
    border: 2px solid #f09403;
    border-radius: 10px;
    text-align: center;
}
#right_weblink .box-middle {
   padding: 10px 15px 15px 0px;
    background: #fee476;
    border-radius: 5px;
}

#right_weblink ul{
	position:relative;    
	margin-bottom: 0px;
    margin-left: 0;
	text-align:left;
}
#right_weblink ul li {text-align:left;}
#right_weblink ul li a{font-size:12px;}	
.wpp-list {
    padding: 0;
    margin: 0;
}
.wpp-list li {
    padding: 5px 0;
    margin: 0;
	text-align:left;
}
/*
* ----------------- New Start------------------
*/
.dt-news-layout-wrap {
    margin: 20px 0;
}
.dt-news-layout-wrap h2 {
    font-size: 16px;
    position: relative;
    margin: 0 0 15px;
    padding: 0;
    text-transform: uppercase;
    border-bottom: 2px solid #b1035d;
}
.dt-news-layout-wrap .widget-title p {
    background: url(../images/nav-arrow.png)right no-repeat;
    display: inline-block;
    color: #fff;
    font-weight: 300;
    margin: 0;
    padding-left: 10px;
    padding-right: 30px;
	height:30px;line-height:30px;
}


.dt-news-layout-wrap h2 span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    float: right;
    margin-top: 3px;
    opacity: .6;
}
.dt-news-layout1 .dt-news-post h3 {
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin-top: 8px;
  
	position: relative;
    
}
.dt-news-post-content h3 a, .h_titles a {
    color: #60ba0d;
    font-size: 16px;
    font-weight: 700;
}

a:hover, .dt-footer-cont li a:hover, .dt-sec-menu li a:hover, .dt-featured-posts-wrap h2 a:hover, .dt-pagination-nav .current, .dt-footer .dt-news-layout-wrap a:hover {
    color: #cc2936;
    text-decoration: none;
}
.dt-news-layout1 .dt-news-post:nth-child(1) {
    margin-bottom: 0;
    border: 0;
    padding-left: 15px;
    margin-left: 0;
}
.dt-news-layout1 .dt-news-post:nth-child(1) .dt-news-post-img img{
	
    margin: 0;
    height: 120px;
	border:1px solid #cecece;
	border-radius:5px;
}
 .dt-news-layout1 .dt-news-post:nth-child(1) .dt-news-post-img {
    width: 45%;
}
.dt-news-layout1 .dt-news-post-img span, .dt-news-layout-half .dt-news-post-img span, .dt-sidebar-news .dt-news-post-img span, .dt-related-posts .dt-news-post-img span, .dt-category-posts .dt-news-post-img span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,255,255,.5);
}

.dt-news-layout1 .dt-news-post-img .fa, .dt-news-layout-half .dt-news-post-img .fa, .dt-sidebar-news .dt-news-post-img .fa, .dt-related-posts .dt-news-post-img .fa, .dt-category-posts .dt-news-post-img .f, #back-to-top:hover {
    background: rgb(0,0,0);
}

.dt-news-layout1 .dt-news-post-img .fa, .dt-news-layout-half .dt-news-post-img .fa, .dt-sidebar-news .dt-news-post-img .fa, .dt-related-posts .dt-news-post-img .fa, .dt-category-posts .dt-news-post-img .fa {
    font-size: 18px;
    line-height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 48px;
    height: 48px;
    margin: 0 0 0 -24px;
    padding-top: 15px;
    text-align: center;
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
}
.dt-news-layout1 .dt-news-post {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.dt-news-layout1 > .dt-news-post:last-child {
    
    border-bottom: none;
}
.dt-news-layout1 .dt-news-post:nth-child(2) .dt-news-post-img, .dt-news-layout1 .dt-news-post:nth-child(2) .dt-news-post-img img, .dt-news-layout1 .dt-news-post:nth-child(3) .dt-news-post-img, .dt-news-layout1 .dt-news-post:nth-child(3) .dt-news-post-img img, .dt-news-layout1 .dt-news-post:nth-child(4) .dt-news-post-img, .dt-news-layout1 .dt-news-post:nth-child(4) .dt-news-post-img img {
    height: 120px;
    width: 175px;
	display:none;
}
.dt-news-layout1 .dt-news-post-img {
    float: left;
    width: 175px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 20px;
}
.dt-news-layout1 .dt-news-post {
    float: left;
    width: calc(92% - 8px);
    margin-left: 16px;
}

.dt-news-post-desc {
    font-size: 14px;
	font-family:"Roboto",Arial;
    line-height: 1.8em;
    margin: 8px 0;
    opacity: .95;
}
/*
* -----------------End New Start------------------
*/

.dt-featured-post-slider .swiper-button-next,
.dt-featured-post-slider .swiper-button-prev {
	z-index: 999;
	

	width: 48px;
	height: 60px;
	margin-top: -40px;
	padding-top: 10px;

	text-align: center;

	opacity: 1;
	background: transparent;

	filter: alpha(opacity=85);
}

.dt-featured-post-slider .swiper-button-next {
	right: 45px;
}
.dt-featured-post-slider .swiper-button-prev {
	left: 45px;
}
.dt-featured-post-slider .swiper-button-next:hover,
.dt-featured-post-slider .swiper-button-prev:hover {
	opacity: 1;
	background: rgba(0, 0, 0, .35);

	filter: alpha(opacity=100);
}

.dt-featured-post-slider .swiper-button-next .fa,
.dt-featured-post-slider .swiper-button-prev .fa {
	font-size: 36px;

	color: #fff;
}
.home_slider .dt-featured-post-slider-wrap h2 {
	background: rgba(0, 0, 0, 0) url(../images/container_bg.png) repeat scroll 0 0;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 250px;
}
.home_slider .dt-featured-post-slider-wrap h2 a {
    color: #fff;
    font: 13px/20px elle-futura-book,Arial,sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}
.dt-featured-post-slider-wrap .dt-featured-post-img {
	clear: both;
    display: block;
    
    overflow: hidden;
    width: 100%;
    height: auto;	
	margin: 0 auto;
    text-align: center;
}
.dt-featured-post-slider-wrap .dt-featured-post-img img{
	max-width: 100%;
    /* min-height: 428px;
	max-height: 428px; */
	margin: 0 auto;
    text-align: center;
}
.breadcrumb {
   background-color: #fff;
   margin-top: 20px;
}

header#header {
    background: url(../images/mamnon-ban-mai.png) no-repeat center top;
    height: 226px;
    max-height: 246px;
}
#bg_cloud {
    background: url(../images/bg_cloud.png) no-repeat top center;
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 206px;
    z-index: 10;
}
.menu-mainmenu-container {
    margin: 0 auto;
   position: relative;
}
#primary-menu {
    margin-top: 130px;
	position: relative;
    display: inline-block;
}
@media (min-width: 768px) {
	#header .navbar-collapse.collapse {
		position:relative;
		margin:0 auto;
		text-align:center;
	}
	.menu-mainmenu-container .navbar-nav {
	   float: none!important;
		
		text-align:center;
	}
}
#primary-menu li.home-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.home-menu a {text-indent: -99999px;display: block;float: left;font-size: 16px;color: white;background: url(../images/trangchu.png) no-repeat center center;width: 160px;height: 77px;}
#primary-menu li.home-menu ul li a{
		height: 20px;
		width:14em;
		background: none;
		
}
#primary-menu li.home-menu a:hover {color: white;}
#primary-menu li.home-menu ul {position: absolute; top:100%; width: 15em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background: url(../images/gioithieuul.png);
	padding: 5px;
}
#primary-menu li.home-menu:hover ul {display: block;left: 80px}
#primary-menu li.home-menu ul li a {text-indent:  0px;float: none;font-size: 14px;}
#primary-menu li.home-menu ul li { width: 100%;}
#primary-menu li.home-menu ul li a:hover {  color: white;border-bottom: 1px dashed white;width: 90%;}
#primary-menu li.home-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.home-menu{
 position: absolute;
 z-index: 1;
 }
 .home-menu:hover{
	
	 z-index: 99;
 }
 
#primary-menu li.gioithieu-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.gioithieu-menu a {text-indent: -99999px;display: block; float: left;font-size: 16px;color: white;background: url(../images/gioithieu.png) no-repeat center center;width: 162px;height: 76px;}
#primary-menu li.gioithieu-menu ul li a{
	height: 20px;
    width: 20em;
    background: none;
    padding: 5px;
		
}

#primary-menu li.gioithieu-menu a:hover {color: white;}
#primary-menu li.gioithieu-menu ul {position: absolute; top:100%; width: 20em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background: url(../images/gioithieuul.png);
	padding: 5px;
}
#primary-menu li.gioithieu-menu:hover ul {display: block;left: 80px}
#primary-menu li.gioithieu-menu ul li a {text-indent:0px;float: none;font-size: 14px;}
#primary-menu li.gioithieu-menu ul li { 
width: 100%;list-style-type:none;border-bottom: 1px dashed white;
padding: 0px 5px 12px;
}
#primary-menu li.gioithieu-menu ul li a:hover {  color: white;width: 90%;}
#primary-menu li.gioithieu-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.gioithieu-menu{
 position: absolute;
 z-index: 1;
 }
 .gioithieu-menu:hover{
	
	 z-index: 99;
 }


#primary-menu li.bantin-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.bantin-menu a {text-indent: -99999px;display: block; float: left;font-size: 16px;color: white;background: url(../images/bantin.png) no-repeat center center;width: 150px;height: 76px;}
#primary-menu li.bantin-menu ul li a{
		height: 20px;
		width:14em;
		background: none;
		
}
#primary-menu li.bantin-menu a:hover {color: white;}
#primary-menu li.bantin-menu ul {position: absolute; top:100%; width: 15em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background: #368bec;
	padding: 5px;
}
#primary-menu li.bantin-menu:hover ul {display: block;left: 80px}
#primary-menu li.bantin-menu ul li a {text-indent: 0px;float: none;font-size: 14px;}
#primary-menu li.bantin-menu ul li { width: 100%;list-style-type:none;border-bottom: 1px dashed white;padding:5px;}
#primary-menu li.bantin-menu ul li:hover{background-color:#4796ef;}
#primary-menu li.bantin-menu ul li a:hover {  color: white;width: 90%;}
#primary-menu li.bantin-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.bantin-menu{
 position: absolute;
 z-index: 1;
 }
 .bantin-menu:hover{
	
	 z-index: 99;
 }
 

#primary-menu li.chuongtrinh-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.chuongtrinh-menu a {text-indent: -999999px;display: block; float: left;font-size: 16px;color: white;background: url(../images/chuongtrinh.png) no-repeat center center;width: 183px;height: 76px;}
#primary-menu li.chuongtrinh-menu ul li a{
		height: 20px;
		width:14em;
		background: none;
		
}
#primary-menu li.chuongtrinh-menu a:hover {color: white;}
#primary-menu li.chuongtrinh-menu ul {position: absolute; top:100%; width: 15em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background:#f24eb7;
	padding: 5px;
}
#primary-menu li.chuongtrinh-menu:hover ul {display: block;left: 80px}
#primary-menu li.chuongtrinh-menu ul li a {text-indent: 0px;float: none;font-size: 14px;}
#primary-menu li.chuongtrinh-menu ul li { width: 100%;list-style-type:none;border-bottom: 1px dashed white;padding:5px;}
#primary-menu li.chuongtrinh-menu ul li a:hover {  color: white;width: 90%;}
#primary-menu li.-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.chuongtrinh-menu{
 position: absolute;
 z-index: 1;
 }
 .chuongtrinh-menu:hover{
	
	 z-index: 99;
 }

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

#primary-menu li.bekhoengoan-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.bekhoengoan-menu a {text-indent: -999999px;display: block; float: left;font-size: 16px;color: white;background: url(../images/be-khoe-be-ngoan.png) no-repeat center center;width: 163px;height: 76px;}
#primary-menu li.bekhoengoan-menu ul li a{
		height: 20px;
		width:14em;
		background: none;
		
}
#primary-menu li.bekhoengoan-menu a:hover {color: white;}
#primary-menu li.bekhoengoan-menu ul {position: absolute; top:100%; width: 15em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background:#22d1d7;
	padding: 5px;
}
#primary-menu li.bekhoengoan-menu:hover ul {display: block;left: 80px}
#primary-menu li.bekhoengoan-menu ul li a {text-indent: 0px;float: none;font-size: 14px;}
#primary-menu li.bekhoengoan-menu ul li { width: 100%;border-bottom: 1px dashed white;padding:5px;list-style-type:none;}
#primary-menu li.bekhoengoan-menu ul li a:hover {  color: white;width: 90%;}
#primary-menu li.-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.bekhoengoan-menu{
 position: absolute;
 z-index: 1;
 }
 .bekhoengoan-menu:hover{
	
	 z-index: 99;
 }

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

#primary-menu li.camnang-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.camnang-menu a {text-indent: -999999px;display: block; float: left;font-size: 16px;color: white;background: url(../images/cam-nang.png) no-repeat center center;width: 183px;height: 76px;}
#primary-menu li.camnang-menu ul li a{
		height: 20px;
		width:14em;
		background: none;
		
}
#primary-menu li.camnang-menu a:hover {color: white;}
#primary-menu li.camnang-menu ul {position: absolute; top:100%; width: 15em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background:#f24e54;
	padding: 5px;
}
#primary-menu li.camnang-menu:hover ul {display: block;left: 80px}
#primary-menu li.camnang-menu ul li a {text-indent: 0px;float: none;font-size: 14px;}
#primary-menu li.camnang-menu ul li { width: 100%;border-bottom: 1px dashed white;list-style-type:none;padding:5px;}
#primary-menu li.camnang-menu ul li a:hover {  color: white;width: 90%;}
#primary-menu li.camnang-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.camnang-menu{
 position: absolute;
 z-index: 1;
 }
 .camnang-menu:hover{
	
	 z-index: 99;
 }


#primary-menu li.thuvien-menu,#primary-menu li {position: relative; float: left;}
#primary-menu li.thuvien-menu a {text-indent: -999999px;display: block; float: left;font-size: 16px;color: white;background: url(../images/thu-vien.png) no-repeat center center;width: 183px;height: 76px;}
#primary-menu li.thuvien-menu ul li a{
		height: 20px;
		width:14em;
		background: none;
		
}
#primary-menu li.thuvien-menu a:hover {color: white;}
#primary-menu li.thuvien-menu ul {position: absolute; top:100%; width: 15em;display: none;z-index: 10000;
	border-radius: 10px;
	border: 1px solid white;
	background:#f2e94e;
	padding: 5px;
}
#primary-menu li.thuvien-menu:hover ul {display: block;right:10px}
#primary-menu li.thuvien-menu ul li a {text-indent: 0px;float: none;font-size: 14px;}
#primary-menu li.thuvien-menu ul li { width: 100%;padding:5px;border-bottom: 1px dashed white;list-style-type:none;}
#primary-menu li.thuvien-menu ul li a:hover {  color: white;width: 90%;}
#primary-menu li.thuvien-menu:hover ul li ul{top:0px;margin-left: 80px;display: none}
.thuvien-menu{
 position: absolute;
 z-index: 1;
 }
 .thuvien-menu:hover{
	
	 z-index: 99;
 }



 
#primary-menu li.gioithieu-menu, #primary-menu li {
    position: relative;
    float: left;
}
#primary-menu  .sub-menu {
    visibility: hidden;
    display: none;
}
#primary-menu li.gioithieu-menu:hover ul {
    display: block;
    left: 80px;
}
#primary-menu li.gioithieu-menu a:hover {
    color: white;
}
#primary-menu li.gioithieu-menu ul {
    position: absolute;
    top: 100%;
    width: 15em;
    display: none;
    z-index: 10000;
    border-radius: 10px;
    border: 1px solid white;
    background: url(../images/gioithieuul.png);
    padding: 5px;
}
.header ul.top li{
	 float: left;
    padding-left: 5px;
    
}

.header ul.top li a{
	 color: #fff;
    font:500 16px/26px "BenchNine",sans-serif;
    text-transform: uppercase;
	padding: 0px;
}
.header ul.top.nav li a:hover,.header ul.top.nav li a:focus{
	color:#de546b;
	background-color: transparent;
}



figure.dt-news-post-img {
	float: left;
    clear: both;
}
.dt-category-posts .dt-news-post figure.dt-news-post-img{
	float: left;
    width: 290px;
    padding-right: 10px;
	min-height:160px;
	max-height:160px;
}

h1.entry-title {color:#fff;}

.entry-header h1.entry-title {
    border-bottom: 1px solid #787878;
    clear: both;
    font-size: 25px;
    color: #05b113;
    font-family: 'VNF-Lobster',Arial;
    text-shadow: 1px 1px 1px #fff, 3px 3px 5px #fff;
    margin-top: 8px;
    padding-bottom: 14px;
    position: relative;
	
}
.entry-content {
    background: #fff;
    color: #363636;
    padding: 10px;
}
.desDetailView {
    font-size: 15px;
    padding-bottom: 8px;
    line-height: 25px;
}

.dt-news-post-img .size-dt-featured-post-medium,
.dt-news-post-img .size-dt-featured-post-large {
    height: auto;
    /* margin-right: 15px;
    margin-bottom: 10px;
    padding: 2px; */
    width: 100%;
   
}
.dt-news-post-content h3{
    font-weight: normal;
    font-size: 16px;
}

.dt-category-posts .dt-news-post {
    border-bottom: 1px dotted #787878;
    position: relative;
    overflow: hidden;
    margin: 15px 0 15px;
 
}
.clear10px {
    clear: both;
    height: 10px;
}
.conten_category .category {
    clear: both;
    color: #ffffff;
}
.page-header {
    padding-bottom: 9px;
    margin: 0px 0 20px;
    border-bottom: 1px solid #eee;
}
.page-header h1.page-title{
	clear: both;
    text-transform: uppercase;
	color:#009966;
	 font-family: "Roboto",Arial,sans-serif;
	font-size:1.5em;
}
.dt-news-post-date,
.dt-news-post-date i.fa.fa-clock-o {
    color: #ccc;
	font-size:12px;
}
.dt-news-post-date i.fa.fa-clock-o {
 margin-right:10px;
}
.conten_category_ner {
  
    clear: both;
    margin-top: 10px;
    padding-bottom: 25px;
    padding-top: 10px;
}
.dt-news-post-desc {
	    font-family: "Roboto",Arial,sans-serif;
		font-size:14px;
		line-height:20px;
		color:#444;
		text-align:justify;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 h2.widget-title {
    font-size: 18px;
    font-weight: bold;
	color:#fff;
    clear: both;
    padding-bottom: 10px;
	text-transform:uppercase;
}
.rpwwt-widget ul li a{color:#fff; font-size: 14px;}

footer.dt-footer {
    
    clear: both;
    color: #fff;
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 8px;
	float: left;
    width: 100%;
    background: url(../images/footer_bg.jpg) no-repeat center bottom;
    height: 450px;
    max-height: 450px;
}
footer #left {
    float: left;
    text-align: left;
    font-size: 14px;
    margin-top: 140px;
    line-height: 20px;
    color: white;
}


#back-to-top.show {
    opacity: 1;
    filter: alpha(opacity=100);
}

#back-to-top {
    font-size: 32px;
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 60px;
    width: 48px;
    height: 48px;
    padding-top:0px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, .35);
    filter: alpha(opacity=0);
}
.dt-news-layout-wrap.dt-related-posts a{color:#444;}
.dt-news-layout-wrap.dt-related-posts figure.dt-news-post-img img{
	max-height:135px;
	min-height:135px;
	width:100%;
}

.dt-related-posts li {
    display: block;
    float: left;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin: 0 10px;
}
.dt-news-layout1 .dt-news-post-img, .dt-news-layout-half .dt-news-post-img, .dt-sidebar-news .dt-news-post-img, .dt-related-posts .dt-news-post-img, .dt-category-posts .dt-news-post-img {
    position: relative;
}
.dt-related-posts {
    margin: 30px 0;
    padding: 15px 0;
    border: 1px solid #e5e5e5;
}
.dt-related-posts h2 {
    padding: 0 15px 15px;
}
.dt-related-posts ul {
    margin: 0;
    padding: 0;
}
.dt-related-posts li {
    width: calc(33.333333% - 20px);
}

.dt-related-posts li {
    display: block;
    float: left;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin: 0 10px;
}
.dt-news-layout2 .dt-news-post h3, .dt-related-posts h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6em;
}
.dt-news-layout1 .dt-news-post-img:hover .fa, .dt-news-layout-half .dt-news-post-img:hover .fa, .dt-sidebar-news .dt-news-post-img:hover .fa, .dt-related-posts .dt-news-post-img:hover .fa, .dt-category-posts .dt-news-post-img:hover .fa {
    visibility: visible;
    margin-top: -24px;
    opacity: 1;
}
.dt-news-layout1 .dt-news-post-img .fa:hover, .dt-news-layout-half .dt-news-post-img .fa:hover, .dt-sidebar-news .dt-news-post-img .fa:hover, .dt-footer h2:after, .dt-footer .tagcloud a:hover, .dt-related-posts .dt-news-post-img .fa:hover, .dt-search-bar, .dt-category-posts .dt-news-post-img .fa:hover, .dt-category-post-readmore a:hover, .dt-nav-md-trigger:hover .fa {
    background: rgba(204,41,54,1);
}
.dt-news-layout1 .dt-news-post-img span, .dt-news-layout-half .dt-news-post-img span, .dt-sidebar-news .dt-news-post-img span, .dt-related-posts .dt-news-post-img span, .dt-category-posts .dt-news-post-img span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,255,255,.5);
}

.dt-news-layout-wrap h2 {
    font-size: 16px;
    position: relative;
    margin: 0 0 15px;
	color: #05b113;
    font-family: 'Roboto',Arial;
    text-transform: uppercase;
    border-bottom: 2px solid #60ba0d;
   
}
.post-navigation {
    margin: 30px 0 60px;
    padding: 30px 0;
    border-top: 1px solid rgba(39,48,57,.05);
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}



.post-navigation .nav-previous, 
.post-navigation .nav-next {
    font-weight: 500;
    line-height: 1.8em;
    position: relative;
    display: inline-block;
    width: 48%;
    float: left;
    padding-left: 30px;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    padding-left: 0;
    padding-right: 30px;
}
.post-navigation .nav-previous a:before, .post-navigation .nav-previous a:after, .post-navigation .nav-next a:before, .post-navigation .nav-next a:after {
    position: absolute;
    top: -2px;
    font-size: 22px;
}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
    content: '\f104';
    width: 24px;
    height: 32px;
    font-family: 'FontAwesome';
    left: 0;
    font-size: 36px;
}
.post-navigation .nav-next a:before {
    content: '\f105';
    right: 0;
    left: auto;
    text-align: right;
}
.post-navigation .nav-previous a:after,
 .post-navigation .nav-next a:after {
    content: '';
    width: calc(100% - 32px);
    left: 32px;
    padding-top: 2px;
    font-weight: 500;
}
.post-navigation:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
a:hover, .dt-footer-cont li a:hover, .dt-sec-menu li a:hover, .dt-featured-posts-wrap h2 a:hover, .dt-pagination-nav .current, .dt-footer .dt-news-layout-wrap a:hover {
    color: #cc2936;
    text-decoration: none;
}

a:hover, .dt-footer-cont li a:hover, .dt-sec-menu li a:hover, .dt-featured-posts-wrap h2 a:hover, .dt-pagination-nav .current, .dt-footer .dt-news-layout-wrap a:hover {
    color: #cc2936;
    text-decoration: none;
}

footer.dt-footer .foterAdd {
    
    clear: both;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 9px;
    text-align: center;
}
footer.dt-footer .foterAdd a{color:#fff;}
.dt-top-social [id*='dt_social_icons'] {
    display: inline-block;
}

.dt-top-social ul {
    display: inline-block;

    margin: 0;
    padding: 0 4px 0 0;

    text-align: right;
}

.dt-social-icons li {
    float: left;
    list-style-type: none;
    text-align: center;
	padding: 0 2px;
}

.dt-top-social li a,
.dt-top-seach .dt-search-icon a {
    font-size: 19px;
    line-height: 1em;

    display: block;

    text-decoration: none;

    color: #fff;
    outline: none !important;
}

.dt-top-seach .dt-search-icon a {
    font-size: 20px;
}

.dt-top-social li .fa {
    display: block;
    width: 32px;
    height: 32px;
    padding-top: 6px;
    opacity: 1;
    color: #cac9c9 ;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.dt-top-seach .dt-search-icon .fa {
    display: block;
    width: 44px;
    height: 40px;
    margin: 0;
    padding: 0;
    color: #333;
    line-height: 40px;

}

.dt-top-seach .dt-search-icon .fa {
    cursor: pointer;
    border-right: 0;

}



.dt-top-social li .fa:hover,
{
    opacity: 1;
    color: #fff;
    border-color: transparent;
}

.dt-top-social .fa-facebook:hover {
    background: #EB0029 ;
}

.dt-top-social .fa-twitter:hover {
    background: #EB0029;
}

.dt-top-social .fa-google-plus:hover {
    background: #EB0029;
}

.dt-top-social .fa-instagram:hover {
    background: #EB0029;
}

.dt-top-social .fa-github:hover {
    background: #3f91cb;
}

.dt-top-social .fa-flickr:hover {
    background: #ff0084;
}

.dt-top-social .fa-pinterest:hover {
    background: #EB0029;
}

.dt-top-social .fa-wordpress:hover {
    background: #0090c5;
}

.dt-top-social .fa-youtube:hover {
    background: #d32323;
}

.dt-top-social .fa-vimeo:hover {
    background: #1ab7ea;
}

.dt-top-social .fa-linkedin:hover {
    background: #007bb6;
}

.dt-top-social .fa-behance:hover {
    background: #2d9ad2;
}

.dt-top-social .fa-dribbble:hover {
    background: #f26798;
}

.dt-featured-post-slider-wrap {
    overflow: hidden;
    display: block;
	background: #fff;
    padding: 10px;
    border: 1px solid #CCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    -moz-box-shadow: 3px 3px 4px #CECECE;
    -webkit-box-shadow: 3px 3px 4px #CECECE;
    box-shadow: 3px 3px 4px #CECECE;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CECECE')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CECECE');
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand>img {
    display: block;
    padding-top: 25px;
    margin-left: 19px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 23px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*-------------------------Popup-----------------------------------*/
#mainform{
width:960px;
margin:20px auto;
padding-top:20px;
font-family: 'Fauna One', serif;
display:block;
}

#onclickonline{
	background: #fafafa none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    color: #777777;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
    text-align: center;
    padding: 20px 6px;
    text-transform: uppercase;
	
}
#onclick{
	background: #ef4679 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    float: left;
    
    padding: 7px 6px 12px;
    text-align: center;
    width: 270px;
}

#popup{
padding-top:20px;
}
#popuptv{
float:left;
}
#cancelonline i.fa,
#cancel i.fa {
    font-size: 2em;
    float: right;
}
.form{

font-size:12px;

}
.title_gio_hang {
    clear: both;
    background: #0099aa;
    color: #fff;
    padding-left: 20px;
    
    font-weight: bold;
    
}
.title_nhan_hang span {
    display: block;
    line-height: 30px;
}
.title_nhan_hang span.xnHn_bt {
    line-height: 14px !important;
    font-weight: normal;
}
#contactdivtv input,
#contactdiv input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
#contactdiv input[type="button"],
#contactdiv input[type="reset"], 
#contactdiv input[type="submit"]
{
	background: #ef4679 none repeat scroll 0 0;
    color: #fff;
    margin: 5px auto auto;
    padding: 5px;
    text-align: center;
    width: 140px;
    cursor: pointer;
}
textarea{
width:100%;
height:80px;
margin-top:5px;
border-radius:3px;
padding:5px;
resize:none;
}
#contactdivtv,
#contactdiv{
opacity:1;
position: absolute;
top: 0px;
left: 0px;
height: 100%;

display: none;
}
#logindiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#contacttv,
#login,#contact{
width:350px;
margin:0px;
background-color:white;
font-family: 'Fauna One', serif;
position: relative;
border: 5px solid rgb(90, 158, 181);
}

.contact-wapper{
padding:15px 20px;
}
#login{
left: 50%;
top: 50%;
margin-left:-210px;
margin-top:-158px;
}

/*paginate_links*/
.paginate_links {
 overflow: hidden;
 text-align: center;
 display: table;
 margin: 30px auto;
}
.paginate_links .page-numbers{
 width: 32px;
 height: 32px;
 display: inline-block;
 float: left;
 margin: 0 5px 0 5px;
 padding-top: 7px;
 color: #60ba0d;
 border: 1px solid #60ba0d;
 margin-bottom: 5px;
}
.paginate_links .page-numbers:hover{
 background: #60ba0d;
 color: #fff;
}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{
 background: transparent;
 width: auto;
 border: none;
}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{
 text-decoration: underline;
 color: #60ba0d;
}
.paginate_links .page-numbers.current{
 background: #60ba0d;
 color: #fff;
}
/*End paginate_links*/
/*-------------------------Popup-----------------------------------*/
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

@media screen and (max-width: 767px){
	body.page-template-front-page {
		
		
	}
	body.category-gioi-thieu,body.category-tin-tuc,
	body.category-dich-vu {
		
		
	}
	body.single,
	body.single-post,
	body.post-template-default{
		
		
	}
	.dt-featured-post-slider-wrap .dt-featured-post-img {
		margin: auto;
	}
	.home_slider .dt-featured-post-slider-wrap h2 {
		margin: auto;
	}
	.conten_category_ner {
		background: url(../images/container_bg.png);
		clear: both;
		margin-top: 120px;
		padding-bottom: 25px;
		padding-top: 10px;
	}
	.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
		color:#fff;
		height: 25px;
		line-height: 25px;
		font-size: 25px;
	}
	
	.collapse.in {
		padding-left: 0;
		padding-right: 0;
		background: #e5f8a9 none repeat scroll 0 0;
		border-top: 1px solid #96d159;
		clear: both;
		list-style: outside none none;
		margin-top: 10px;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 99;
	}
	.home_slider {
		
		clear: both;
		
		margin-top: 0px;
		padding-top: 15px;
	}
	header ul.top .navbar-nav{
		background: #444 none repeat scroll 0 0;
		border-top: 1px solid #333333;
		
		list-style: outside none none;
		margin: 7.5px 16px;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 99;
	}
	.navbar-nav {
		margin: 7.5px 16px;
	}
	ul#primary-menu li {
		clear: both;
		padding:0.3em 0.5em;
	}
	ul#primary-menu li a {
		padding:0;
		text-transform:uppercase;
	}
	.dt-news-post-content h3 {
		font-weight: normal;
		font-size: 16px;
		margin-top: 0;
	}
	.dt-category-posts .dt-news-post figure.dt-news-post-img {
		float: left;
		width: 150px;
		padding-right: 10px;
		min-height: 82px;
		max-height: 82px;
	}
	
	.dt-related-posts li {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.dt-related-posts li {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
		margin-bottom: 25px;
	}
}	
@media (max-width: 600px){
	body.page-template-front-page {
		
		
	}
	
	.navbar-brand {
		float: left;
		height: 50px;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
	}
	.navbar-default .navbar-header .navbar-toggle {
    font-weight: 700;
    font-size: 16px;
    color: #1d95db;
    text-transform: uppercase;
		border: 0;
	}
	.dt-related-posts li {
		width: -webkit-calc(100% - 20px) !important;
		width: -moz-calc(100% - 20px) !important;
		width: calc(100% - 20px) !important;
		margin-bottom: 25px;
	}
.dt-news-layout-wrap.dt-related-posts figure.dt-news-post-img img{
		height:auto!important;
		min-height:170px;
		max-height:170px;
	}
}
@media (max-width:480){
	body.page-template-front-page {
		
		
	}
	
	.navbar-brand {
		float: left;
		height: 50px;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
	}
	.navbar-default .navbar-header .navbar-toggle {
    font-weight: 700;
    font-size: 16px;
    color: #1d95db;
    text-transform: uppercase;
		border: 0;
	}
	.dt-related-posts li {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}
@media (max-width: 400px){
	.dt-related-posts li {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}
@media (max-width: 320px){
	.dt-related-posts li {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */
	ul#primary-menu li a {
		float:left;
		clear:none;
	}
}