*,
*:before,
*:after
{
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    margin             : 0 auto;
    padding            : 0;
}

html
{
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust     : 100%;
}

body
{
    background-color : #ffffff;
    /*font-family      : 'HelveticaNeue';*/
    font-weight      : 300;
    color            : #000000;
    font-size        : 14px;
    line-height      : 25px;
    position         : relative;
}

.clear
{
    clear : both;
}

a,
a:hover,
a:focus
{
    text-decoration : none
}

.img
{
    width      : 100%;
    text-align : center;
    position   : relative;
    overflow   : hidden;
    height     : auto;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin-top    : 0;
    margin-bottom : 5px;
}

.content-page img
{
    width  : 100%;
    height : auto;
}

img.alignnone
{
    width : auto;
}

img.alignright
{
    float  : right;
    margin : 0 0 1em 1em;
    width  : auto
}

img.alignleft
{
    float  : left;
    margin : 0 1em 1em 0;
    width  : auto;
}

img.aligncenter
{
    display      : block;
    margin-left  : auto;
    margin-right : auto;
    width        : auto;
    height       : auto
}

a img.alignright
{
    float  : right;
    margin : 0 0 1em 1em;
    width  : auto
}

a img.alignleft
{
    float  : left;
    margin : 0 1em 1em 0;
    width  : auto
}

a img.aligncenter
{
    display      : block;
    margin-left  : auto;
    margin-right : auto;
    width        : auto;
    height       : auto
}

.wrapper
{
    overflow-x : hidden;
}

/*------*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.header.fixed{
    background: #000;
}
.header-page{
    position: relative;
    background: #000;
}
.header-page.fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
header .header-top
{
    padding : 8px 0;
}
.header-top .row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
header .header-top .logo img{
    height: 80px;
    -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
header.fixed .header-top .logo img{
    height: 45px;
    -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.logo-footer a img{
	max-height: 100px;
}

/*header .header-top ul.info-header
{
    float : right;
}

header .header-top ul li
{
    display    : inline-block;
    margin-top : 8px;
}

header .header-top ul li img
{
    margin-right : 15px;
    margin-top   : -30px;
    max-width: 29px;
}

header .header-top ul li p
{
    margin-bottom : 0;
}

header .header-top ul li p:first-child
{
    margin-top  : 15px;
    font-weight : 700;
    font-size   : 18px;
    color       : #666666;
}

header .header-top ul li p:first-child a
{
    font-weight : 700;
    font-size   : 18px;
    color       : #666666;
}

header .header-top ul li span a
{
    color : #000000;
}*/

.header-sm
{
    background-color   : #ffffff;
    position           : fixed;
    top                : 0;
    left               : 0;
    right              : 0;
    z-index            : 9;
    padding            : 2px 50px 2px 10px;
    box-shadow         : 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow    : 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow      : 0 0 5px 0 rgba(0, 0, 0, 0.3);
    display            : none;
}

.header-sm .logo
{
    float : left;
}

.header-sm .logo img
{
    max-height: 40px;
}

/*---menu---*/
.slider
{
    position : relative;
}

.menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 9px 0;
    background-color: rgba(78, 76, 74, 0.71);
}

.menu-page {
    position: static;
}

.navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a {
    list-style: none;
    line-height: 0;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.navigation ul li ul li {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
}

.navigation ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.navigation:after,
.navigation > ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.navigation > ul > li {
    display: table-cell;
    width: 1%;
}

.navigation > ul > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 15px;
    white-space: nowrap;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    font-weight: 700;
    height: 35px;
}

.navigation ul li:first-child a {
    margin-left: 0
}

.navigation ul li:last-child a {
    margin-right: 0;
}

.navigation > ul > li > a:hover,
.navigation > ul > li > a:focus {
    color: #fff;
}

.navigation > ul > li > a:hover:before,
.navigation > ul > li > a:focus:before,
.navigation > ul > li > a:active:before {
    left: 10px;
    right: 10px;
    height: 2px;
    background: #fff
}

.navigation > ul > li.active > a {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.navigation > ul > li.active > a:hover:before,
.navigation > ul > li.active > a:focus:before,
.navigation > ul > li.active > a:active:before {
    display: none;
}

.navigation ul ul {
    position: absolute;
    left: -9999px;
    top: 40px;
    width: 200px;
    z-index: 999;
    padding-top: 15px;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
}

.navigation ul ul ul {
    width: auto;
}

.navigation.align-right ul ul {
    text-align: right;
}

.navigation > ul > li > ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #666666;
    top: -1px;
    left: 30%;
}

.navigation.align-right > ul > li > ul::after {
    left: auto;
    right: 20px;
}

.navigation ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #666666;
    top: 12px;
    left: -8px;
}

.navigation.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #387002;
    left: auto;
    right: -4px;
}

.navigation > ul > li:hover > ul {
    top: 28px;
    left: -10px;
    opacity: 1;
}

.navigation.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
}

.navigation ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}

.navigation.align-right ul ul ul {
    padding-right: 6px;
}

.navigation ul ul > li:hover > ul {
    left: 200px;
    top: 0;
    opacity: 1;
}

.navigation.align-right ul ul > li:hover > ul {
    left: auto;
    right: 100%;
    opacity: 1;
}

.navigation ul ul li a {
    background-color: #666666;
    border-bottom: 1px solid #000;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    padding: 0 10px 0 25px;
    line-height: 36px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.navigation ul ul li:last-child a {
    border-bottom: none;
}

.navigation ul ul li a::before {
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f101";
    position: absolute;
    top: 14px;
    left: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.navigation ul ul li:hover > a,
.navigation ul ul li > a:hover,
.navigation ul ul li > a:focus {
    background-color: #EBEBEB;
    color: #000;
}

.navigation ul ul li.active > a {
    background-color: #EBEBEB;
    color: #000;
}

.navigation ul ul li:hover > a::before,
.navigation ul ul li > a:hover:before,
.navigation ul ul li > a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.navigation ul ul li.active > a::before {
    color: #fff;
}

.navigation > ul > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background-color: transparent;
    height: 0;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#main_slider
{
    max-width : 1920px;
    margin    : auto;
}
.main-slider .item{
    height: 100vh;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-slider .item:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 44%);
    z-index: 1;
}
.main-slider .item .content{
    z-index: 9;
}

.main-slider .item .title{
    font-size: 40px;
    position: relative;
    z-index: 9;
    color: #fff !important;
    font-family: 'UTM Avo'
}
.main-slider .item .sub-title{
    position: relative;
    font-family: 'UTM Avo';
}
.main-slider .item .sub-title .text{
    font-size: 32px;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 3px;
    z-index: 99;
    position: relative;
    color: #fff;
    text-transform: uppercase;
}
.main-slider .owl-item.active img {
    animation-fill-mode: both;
    animation: slideInDown 1.5s;
    animation-delay: 0.15s;
}
.main-slider .owl-item.active .title {
    animation-fill-mode: both;
    animation: zoomIn 1.75s;
    animation-delay: 0.25s;
}
.main-slider .owl-item.active .sub-title .bg {
    animation-fill-mode: both;
    animation-delay: 4s;
    animation: fadeInLeftBig 3s;
    /* animation: fade-in-bottom 1s cubic-bezier(.39, .575, .565, 1) 1s both; */
}
.main-slider .owl-item.active .sub-title .text {
    animation-fill-mode: both;
    animation-delay: 4.5s;
    animation: fadeInRightBig 3s;
}

/*---main---*/
#main .contruction-home
{
    padding : 30px;
}

#main h2
{
    font-size      : 20px;
    color          : #666666;
    text-transform : uppercase;
    font-weight    : 700;
}

#main h2 span
{
    position       : relative;
    padding-bottom : 10px;
    padding-left   : 25px;
    padding-right  : 25px;
}

#main h2 span:before
{
    content       : '';
    border-bottom : 2px solid #000000;
    width         : 41%;
    position      : absolute;
    bottom        : 21px;
    left          : -35%;
}

#main h2 span span:before
{
    content           : '';
    display           : block;
    width             : 10px;
    height            : 10px;
    background        : #ffffff;
    position          : absolute;
    bottom            : 17px;
    left              : 0;
    -ms-transform     : rotate(45deg);
    -webkit-transform : rotate(45deg);
    transform         : rotate(45deg);
    border            : 1px solid #000000;
}

#main h2 span:after
{
    content       : '';
    border-bottom : 2px solid #000000;
    width         : 41%;
    position      : absolute;
    bottom        : 21px;
    right         : -35%;
}

#main h2 span span:after
{
    content           : '';
    display           : block;
    width             : 10px;
    height            : 10px;
    background        : #ffffff;
    position          : absolute;
    bottom            : 17px;
    right             : 0;
    -ms-transform     : rotate(45deg);
    -webkit-transform : rotate(45deg);
    transform         : rotate(45deg);
    border            : 1px solid #000000;
}

.tab-item
{
    text-align : center;
    margin     : 15px 0;
}

.tab-item ul
{
    display : inline-block;
    border  : none;
}

.tab-item li
{
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
    float: none;
    margin-bottom: 7px;
}

.tab-item li:after
{
    content      : '';
    position     : absolute;
    bottom       : 7px;
    right        : 0;
    border-right : 1px solid #000000;
    width        : 10%;
    height       : 65%;
}

.tab-item li:last-child:after
{
    display : none;
}

.tab-item ul li.active
{
    position : relative;
}

.tab-item ul li.active:before
{
    content       : '';
    position      : absolute;
    bottom        : 0;
    left          : 27%;
    border-bottom : 1px solid #000000;
    width         : 40%;
    z-index       : 9;
}

.tab-item ul li.active a,
.tab-item ul li.active a:hover,
.tab-item ul li.active a:focus
{
    border     : none;
    background : transparent;
}

.tab-item li a:hover
{
    background : none;
    border     : none;
}

.tab-item ul li a
{
    color     : #000000;
    font-size : 17px;
    display   : inline;
}

.hvr-from-center
{
    display                     : inline-block;
    vertical-align              : middle;
    -webkit-transform           : translateZ(0);
    transform                   : translateZ(0);
    box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    -moz-osx-font-smoothing     : grayscale;
    position                    : relative;
    overflow                    : hidden;
}

.hvr-from-center:hover:before,
.hvr-from-center:focus:before
{
    left  : 20px;
    right : 20px;
}

.hvr-from-center:before
{
    content                            : "";
    position                           : absolute;
    z-index                            : -1;
    max-width                          : 90%;
    left                               : 50%;
    right                              : 50%;
    bottom                             : 0;
    background                         : #000000;
    height                             : 1px;
    -webkit-transition-property        : left, right;
    transition-property                : left, right;
    -webkit-transition-duration        : 0.3s;
    transition-duration                : 0.3s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function         : ease-out;
}

.list-contruct
{
    padding       : 0 5px;
    margin-bottom : 10px;
}

.list-contruct .box-it
{
    position : relative;
    overflow : hidden;
    cursor   : pointer;
}

.list-contruct .box-it:before
{
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    background         : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    background         : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    content            : '';
    opacity            : 0;
    -webkit-transform  : translate3d(0, 50%, 0);
    transform          : translate3d(0, 50%, 0);
    z-index            : 2;
    -webkit-transition : opacity 0.35s, -webkit-transform 0.35s;
    transition         : opacity 0.35s, transform 0.35s;
}

.list-contruct:hover .box-it:before
{
    opacity           : 1;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
}

.list-contruct .box-it .link
{
    position : absolute;
    width    : 100%;
    height   : 100%;
    left     : 0;
    top      : 0;
    z-index  : 2;
}

.list-contruct .box-it .img
{
    /*filter             : grayscale(100%);*/
    -webkit-transition : all ease-in-out 0.2s;
    -moz-transition    : all ease-in-out 0.2s;
    -o-transition      : all ease-in-out 0.2s;
    transition         : all ease-in-out 0.2s;
}

.list-contruct:hover .img
{
    filter : grayscale(0);
}

.list-contruct .box-it .img img,
.video-contruct .box .img img
{
    width              : 100%;
    height             : auto;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
}

.list-contruct:hover .box-it .img img
{
    -webkit-transform : scale(1.07);
    transform         : scale(1.07);
}

.list-contruct .box-it .comment
{
    color                       : #ffffff;
    z-index                     : 3;
    padding                     : 0 20px;
    position                    : absolute;
    width                       : 100%;
    color                       : #ffffff;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    -webkit-transition          : -webkit-transform 0.35s, color 0.35s;
    transition                  : transform 0.35s, color 0.35s;
    -webkit-transform           : translate3d(0, 0, 0);
    transform                   : translate3d(0, 0, 0);
}

.list-contruct .box-it .comment h4
{
    text-align : center;
}

.list-contruct .box-it .comment h4 a
{
    color          : #ffffff;
    text-transform : uppercase;
    font-size      : 13px;
}

.list-contruct:hover .comment
{
    color             : #ffffff;
    -webkit-transform : translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform         : translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}

#main .view-more
{
    margin-top : 40px;
}

#main .view-more a
{
    padding            : 6px 10px;
    background-color   : #666666;
    color              : #ffffff;
    border-radius      : 10px;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
}

#main .view-more a:hover
{
    background-color : #000000;
}

.showroom h2 span
{
    padding-right : 19px !important;
    padding-left  : 19px !important;
}

.thi-cong,
.phong-thuy
{
    background : #e8e8e8;
}

.thi-cong h2 span,
.phong-thuy h2 span
{
    padding-left  : 10px !important;
    padding-right : 10px !important;
}

.thi-cong h2 span span,
.phong-thuy h2 span span
{
    padding-left  : 25px !important;
    padding-right : 25px !important;
}

.phong-thuy h2 span
{
    padding-right : 13px !important;
}

.frm-pt
{
    margin-top : 50px;
    padding    : 0 44px 0 150px;
}

#view-pt label,
#view-pt input,
#view-pt select
{
    display : inline;
}

#view-pt input,
#view-pt select
{
    width : 68%;
}

#view-pt button
{
    background         : #666666;
    border-radius      : 10px;
    border             : #666666;
    padding            : 4px 10px;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
}

#view-pt button:hover
{
    background : #000000;
}

.estimates
{
    background      : url(../images/back-estimates.jpg) no-repeat center center;
    background-size : cover;
    padding-top     : 40px;
    padding-bottom  : 20px;
    color           : #ffffff;
}

.estimates h2
{
    color         : #ffffff !important;
    margin-bottom : 100px;
}

.estimates h2 span
{
    padding-right : 17px !important;
    padding-left  : 17px !important;
}

.estimates h2 span:before,
.estimates h2 span:after
{
    border-color : #ffffff !important;
}

.estimates h2 span span:before,
.estimates h2 span span:after
{
    border-color : #000000 !important;
}

.estimates .pre-estimates
{
    font-size     : 22px;
    margin-bottom : 100px;
}

.estimates .view-estimates a
{
    padding            : 6px 10px;
    background-color   : #ffffff;
    color              : #000000;
    border-radius      : 10px;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
    font-size          : 15px;
}

.estimates .view-estimates a:hover
{
    background-color : #e8e8e8;
}

.about-home
{
    padding : 50px 0 20px 0;
}

.about-home h2
{
    margin-bottom : 40px;
}

.about-home .home-content
{
    margin-bottom : 15px;
}

.home-content .icon-about
{
    float : left;
    width : 15%;
}

.home-content .gr-content
{
    float : left;
    width : 85%;
}

.home-content .gr-content h5
{
    font-size   : 22px;
    font-weight : 700;
}

.news-home
{
    padding-bottom : 50px;
}

.news-home h2
{
    margin-bottom : 50px;
}

.news-home h2 span
{
    padding-left  : 18px !important;
    padding-right : 18px !important;
}

.item-news .box-it .img
{
    position           : relative;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
}

.item-news .box-it img
{
    width  : 100%;
    height : auto;
}

.item-news .box-it:hover .img
{
    box-shadow : 4px 4px 28px 0 rgba(0, 0, 0, 0.5);
}

.item-news .box-it span
{
    position : absolute;
    bottom   : 0;
    right    : 6px;
    color    : #ffffff;
}

.item-news .box-it .comment h4
{
    margin        : 20px 0;
    text-overflow : ellipsis;
    white-space   : nowrap;
    overflow      : hidden;
}

.item-news .box-it .comment h4 a
{
    font-size   : 20px;
    color       : #000000;
    font-weight : 700;
}
body.home .item-news .box-it .comment .des-news{
    height: 58px;
}

.item-news .box-it .comment .des-news
{
    font-size : 16px;
    height    : 52px;
    overflow  : hidden;
}

/*---footer---*/
footer .footer
{
    background      : url(../images/back-footer.jpg) no-repeat center center;
    background-size : cover;
    padding-top     : 40px;
    padding-bottom  : 23px;
    color           : #ffffff;
}

.footer .logo-footer
{
    text-align    : center;
    margin-bottom : 20px;
}

.footer .social-footer
{
    text-align : center;
}

.footer .social-footer ul li
{
    display            : inline-block;
    padding            : 15px 20px;
    background         : rgba(121, 120, 120, 0.63);
    border-radius      : 50%;
    margin-right       : -15px;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
}

.footer .social-footer ul li:nth-child(4)
{
    padding : 15px 23px;
}

.footer .social-footer ul li:hover
{
    background : #000000;
}

.footer .social-footer ul li a
{
    color      : #ffffff;
    font-size  : 20px;
    text-align : center;
}

.footer h4
{
    font-size      : 20px;
    text-transform : uppercase;
    margin-bottom  : 20px;
    font-family    : 'utm-akashi';
    font-weight    : 400;
}

.footer .info-footer
{
    font-size : 18px;
}

.footer .info-footer p i
{
    margin-right: 5px;
    width: 20px;
    text-align: center;
}

.footer .map-footer iframe
{
    height : 241px;
}

footer .copyright
{
    background-color : #848484;
    padding          : 16px 0;
}

footer .copyright p
{
    margin-bottom : 0;
}

footer .copyright .copy-right
{
    color       : #ffffff;
    font-weight : 700;
}

footer .copyright .copy-right span,
footer .copyright .copy-right a
{
    color : #3c3b39
}

footer .copyright .online
{
    color       : #3c3b39;
    font-weight : 700;
}

footer .copyright .online span
{
    color : #ffffff
}

#go-top
{
    background : url(../images/go-top.png) center top no-repeat;
    position   : fixed;
    z-index    : 999;
    height     : 40px;
    width      : 40px;
    right      : 10px;
    bottom     : -50px;
    cursor     : pointer;
}

#go-top:hover
{
    background-position : center -40px;
}
.search-post{
    position: absolute;
    right: -23px;
    top: 9px;
    color: #fff;
}
.search-post span{
    position: relative;
}
#frm-search {
  top: 35px;
  right: -5px;
  width: 300px;
  padding: 5px;
  background-color: #ffffffaa;
  border: solid 1px silver;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
}
.frm-seach-sm {
    margin: 0 10px;
    position: relative;
}

.frm-seach-sm input[type="text"] {
    border-radius: 20px;
    padding: 5px 15px;
    background-color: #CBCBCB;
}

.frm-seach-sm button {
    position: absolute;
    top: 9px;
    right: 10px;
    border: none;
    background: transparent;
    color: inherit
}

.mm-navbar-bottom-1 a {
    text-align: left;
    padding-top: 0;
    display: flex;
    align-items: center;
    color: #000 !important;
    font-size: 15px;
    margin-left: 10px;
    margin-top: 8px;
}

.mm-navbar-bottom-1 a svg {
    margin-right: 10px;
    color: #4B9037;
    font-size: 25px;
}

/*---page---*/
.main-breadcrumb span a
{
    color : #000000;
}

.main-page
{
    margin-bottom : 30px;
}

.title-single h2
{
    margin-top    : 0;
    margin-bottom : 20px;
    font-weight   : 700;
    color         : #000000 !important;
}

.time-views
{
    border-bottom  : 1px dotted #e8ebec;
    margin         : 10px 0;
    padding-bottom : 10px;
}

.time,
.time-views
{
    color     : #9c9fa0;
    font-size : 12px;
}

.time-views label + label
{
    margin-left : 10px;
}

.content-info-pro
{
    margin-top : 20px;
}

.content-info-pro .nav-tabs > li > a
{
    color : #000000;
}

.content-info-pro .nav-tabs > li.active > a,
.content-info-pro .nav-tabs > li.active > a:focus,
.content-info-pro .nav-tabs > li.active > a:hover
{
    color       : #000000;
    font-weight : 700;
}

.content-info-pro .tab-content
{
    padding : 10px;
}

.related-post
{
    margin-top : 10px;
}

.related-post h6
{
    font-size      : 20px;
    text-transform : uppercase;
    font-weight    : 700;
}

.mb25 {
    margin: 25px 0;
}
.other-title {
    color: #000;
    font-weight: 600;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.mb25 img{
    width: 100%;
    height: auto;
}
.mb25 p{
    margin-bottom: 0;
}

.info-company
{
    margin-top : 20px;
}

.info-company h4
{
    font-weight   : 700;
    font-size     : 22px;
    margin-bottom : 10px;
}

.info-company p i
{
    margin-right : 5px;
}

#gmContactForm button
{
    background-color   : #ebebeb;
    border-color       : #ebebeb;
    -webkit-transition : all 1s ease;
    transition         : all 1s ease;
    color              : #000000;
    font-weight        : 700;
}

#gmContactForm button:hover
{
    background-color : #000000;
    border-color     : #000000;
    color            : #ffffff;
}

.error
{
    color : red;
}

.pagi .pagination
{
    float : right;
}

.pagi .pagination > li > a,
.pagi .pagination > li > span
{
    color            : #000000;
    background-color : #ebebeb;
}

.pagi .pagination > li > a:hover,
.pagi .pagination > li > span:hover,
.pagi .pagination > li > a:focus,
.pagi .pagination > li > span:focus
{
    color            : #ffffff;
    background-color : #000000;
}

.pagi .pagination > li > span.current
{
    background-color : #000000;
    color            : #ffffff;
}

.tab-page
{
    margin-bottom : 15px;
    margin-top    : 0;
}

.tab-page ul
{
    background : #ebebeb;
}

.tab-page li
{
    border-right : 1px solid #ffffff !important;
    padding      : 10px 0;
}

.tab-page li:after
{
    display : none;
}

.tab-page ul li.active:before,
.tab-page .hvr-from-center:before
{
    top : 35px;
}

.content-page .tab-content img
{
    width         : 100%;
    height        : auto;
    margin-bottom : 15px;
}
.content-page table{
    width: 100%;
}
.content-page table thead{
    background: #7f7f7f;
    color: #fff;
    padding: 10px 0;
}
.content-page table tr td{
    border: 1px solid #DEE2E6;
    padding: 15px 25px;
}

/*------*/
@media screen and (max-width : 1050px)
{
    .navigation > ul > li > a
    {
        font-size : 12px;
        margin    : 0px 5;
    }
    
    header .header-top ul li p:first-child
    {
        font-size : 20px;
    }
    
    header .header-top ul li p
    {
        font-size : 13px;
    }
    
    .frm-pt
    {
        padding : 0;
    }
    
    .frm-pt .form-group
    {
        text-align : right;
    }
    
    footer .copyright
    {
        font-size : 13px;
    }
}

@media screen and (max-width : 991px)
{
    header .header-top ul li img
    {
        width : 60%;
    }
    
    header .header-top ul li p:first-child,
    header .header-top ul li p:first-child a
    {
        font-size : 12px;
    }
    
    header .header-top ul li p
    {
        font-size : 8px;
    }
    
    .navigation > ul > li > a
    {
        margin : 0 5px;
    }
    
    /*#view-pt input,
    #view-pt select
    {
        width : 56%;
    }*/
    
    .home-content .icon-about img
    {
        width : 88%;
    }
    
    footer .copyright
    {
        font-size : 12px;
    }
    .header,
    .menu,.header-page
    {
        display : none;
    }
    
    .header-sm, #hamburger
    {
        display : block;
    }
    .search-post{
        display: none;
    }
    .main-slider .item{
        height: calc(100vh - 44px);
    }
}

@media screen and (max-width : 768px)
{
    
    
    
    .rss-breadcrumb
    {
        margin-top : 6%;
    }
    
    .tab-item ul li a
    {
        font-size : 14px;
    }
    
    .footer .social-footer ul li a
    {
        font-size : 14px;
    }
    
    .footer .info-footer
    {
        font-size : 15px;
    }
}

@media screen and (max-width : 767px)
{
    img.alignright,
    img.alignleft,
    a img.alignright,
    a img.alignleft,
    img.alignnone
    {
        width  : 100%;
        height : auto;
    }
    
    .news-home .item-news
    {
        margin-bottom : 20px;
    }
    
    footer .copyright .online
    {
        text-align : left;
    }
    #view-pt input, #view-pt select{
        width: 100%;
    }
    .frm-pt .form-group{
        text-align: left;
    }
    #view-pt label, #view-pt input, #view-pt select{
        display: block;
    }
    .content-page {
        width: 100%;
        overflow-x: auto;
    }
}

@media screen and (max-width : 767px)
{
    .tab-item ul li a
    {
        font-size : 11px;
    }
}

@media screen and (max-width : 420px)
{
    #main h2
    {
        font-size : 14px;
    }
    
    #main h2 span
    {
        padding-bottom : 13px;
        padding-left   : 20px;
        padding-right  : 20px;
    }
    
    #main h2 span
    {
        padding-left  : 19px;
        padding-right : 20px;
    }
    
    
    .rss-breadcrumb
    {
        margin-top : 12%;
    }
}

@media screen and (max-width : 375px)
{
    #main h2
    {
        font-size : 14px;
    }
}

@media screen and (max-width : 375px)
{

    .rss-breadcrumb
    {
        margin-top : 13%;
    }
}

@media screen and (max-width : 320px)
{
  
    .rss-breadcrumb
    {
        margin-top : 14%;
    }
    
    #main h2
    {
        font-size : 12px;
    }
}