@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nE8xhg-WlD4iG4AP-V7QxYA.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nN_eC2PfU-cUGGN7U-FIfKc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nLvM2QJLsjx6Keu1D2MYodo.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nNd5cRMOq5PeG3VabknWPxo.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nLpX8dGXLalyu5OokvgDQcs.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPVFL0ofnRu5Y2lP-UpEUGU.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(//fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nDW5FUgIgejJvrHuLWqrSMw.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPDoBG10JtAX-GAwn6iwU1Y.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nGhQuge17febRYSUkWKdLWA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBtmDLrZTTOm3p1EhiGCXc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nEV356qNqHCUb41pS3zqMSE.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAHhlV77cvKC3Rg3pKBDoahY.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAAkppp3DpoUy7FSrSUASttQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeABdd9sPkcT72PSvcgQK_sBQ.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeABJT22yoZ2n2aab6VX8qibI.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeALJPh3t5_4VYPkUVpxx7qjM.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeACRmpld-R1EIL-LdHr9hmOw.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeABN-SY3RXjKuKZR1RHIa0nw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJXlO07AV7jCoaoExpzGIXF8.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJXn0X2a-UD0eEo-sntC2K9c.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJXIVpjigYYbZOvnhY_Z5vk4.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJcOu5P_uCqYG0-iz1pktLzQ.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJWVK-H8IGVDFdUGcxnxwa3k.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJTvI7rel44YKg4wt2ABIvDs.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(//fonts.gstatic.com/s/robotocondensed/v13/BP5K8ZAJv9qEbmuFp8RpJdbvlX87CS9_IgWvysdluIM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAPxlHrF2VTwtgaLzAildVYo.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeABSto3_YrLFT4koFxHE9Nps.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAHHBnOVHG2Rm3MKhC1_sIDE.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAGmQMc5lRQnvP92JE1FSdr0.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAE-qJbM9GDG0ZjY-r1X847g.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeACtzjzv1S_1NYJPSdEw9o-Y.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeADn8OlxV1N2WpeXfK2HtpfA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}

/* ****************************************************** */



*{margin: 0;padding:0}

img, fieldset {border: 0;}

/* set image max width to 100% */

img {max-width: 100%;height: auto;}

a {color: #416ba8; text-decoration:none}

a:hover { color: #ec2525; text-decoration: underline;}

p {padding: 0;}

::-webkit-input-placeholder {color: #000;}

:-moz-placeholder {color: #000;}

::-moz-placeholder {color: #000;}

:-ms-input-placeholder {color: #000;}

/* list */

ul, ol {padding: 0;list-style:none}

h1,h2,h3,h4{}

.fa {margin-right: 5px}

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



.clearfix:before, .clearfix:after, .pagewrap:before, .pagewrap:after {

    display: table;

    content: "";

    line-height: 0;

}

.clearfix:after, .pagewrap:after {clear: both;}

h2 a , h3 a

{

	font-family:'Roboto Condensed'

}



body {

    font: 14px/1.55 Arial, Helvetica, sans-serif;

    color: #333;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.wp30

{

	float: left;

	width: 30%;

}

.wp70

{

	float: left;

	width: 70%;

}

.wp60

{

	float: left;

	width: 60%;

}

.wp40

{

	float: left;

	width: 40%;

}

.wp20

{

	float: left;

	width: 20%;

}

.wp80

{

	float: left;

	width: 80%;

}

.wp10

{

	float: left;

	width: 10%;

}

.wp90

{

	float: left;

	width: 90%;

}

.wp50

{

	float: left;

	width: 50%;

}

.wp5

{

	float: left;

	width: 5%;

}

.wp15

{

	float: left;

	width: 15%;

}

.margin-top-50

{

	clear: both;

	margin-top: 50px;

}

.margin-top-30

{

	clear: both;

	margin-top: 30px;

}

.margin-top-20

{

	clear: both;

	margin-top: 20px;

}

.margin-top-10

{

	clear: both;

	margin-top: 10px;

}

.descr

{

	padding-left: 15px;

}

.news-list

{

	margin-top: 20px;

}

.news-list .item_news

{

	overflow: hidden;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #ccc;

}

.item_news h2 a 

{

	font-size: 16px;

	text-transform: uppercase;

	display: block;

	margin: 3px 0 10px;

	font-family:'Roboto Condensed';

	color: #416ba8;

	font-weight: bold;

}

.item h2 a 

{	

	color: #416ba8;

}

.descr

{

	padding-left: 15px;

}



/* reset webkit search input styles */

input[type=search] {-webkit-appearance: none;outline: none;}

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button {

    display: none;

}

/************************************************************************************

STRUCTURE

*************************************************************************************/

.pagewrap {

    margin-left:auto;

    margin-right: auto;

    /* position: relative; */

}

.cl, .clearfix, .clr{ clear:both}

.box-sizing{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/************************************************************************************

HEADER

*************************************************************************************/

#header {}

.top 

{

	

	color: #fff;

	font-family:'Roboto Condensed';

	font-size: 16px;

	padding: 8px 0px;

	text-align: center;

	background: #416ba8;

    background-repeat: repeat;

    background-attachment: scroll;

    background-clip: border-box;

    background-origin: padding-box;

    background-position-x: 0%;

    background-position-y: 0%;


}

.btn_aboutus

{

	background: #416ba8;

	color: #fff;

	padding: 10px 30px;

	font-size: 16px;

	border-radius: 5px

}



.logo{

    margin-top: 15px;display: block; text-align: right; padding-right: 30px;

}

.logo img {width: 130px; }

.sub-top {

    position: relative;

    height: 140px;

    /*background-color: rgba(45, 13, 0, 0.95);*/

}

.info-top h2

{

	color: #416ba8;

	font-size: 26px;

	font-family:'Roboto Condensed';

	margin-top: 20px;

	text-transform: uppercase;

	font-weight: bold;

}



.slogan {

	font-size: 18px;

	font-weight: bold;

	display: block;

	font-family: "Roboto Condensed";

}

.hotline_top 

{

	padding: 0;

	margin-top: 30px;

}

.hotline_top li 

{

	float: right;

	margin-right: 20px;

}

.hotline_top li span 

{

	display: block;

	float: left;

	font-family:'Roboto Condensed';	

	font-size: 16px;

}

.hotline_top li span p 

{

	font-weight: bold;

	margin-bottom: 0;

}

.hotline_top li .num-hotline

{

	font-size: 20px;

	color: #ec2525;

}

.hotline_top .icon

{

	color: #ffb400;

	padding: 5px 10px;

	border: 2px solid #ffb400;

	margin-right: 5px;

	font-size: 25px;

	text-align: center;

}

.hotline_top .icon .fa

{

	margin: auto;

}

.form-search

{

	position: relative;

	margin-top: 10px;

}

.tukhoa

{

	margin-top: 10px;

	margin-bottom: 10px;

}

.form-search .btn 

{

	position: absolute;

	top:3px;

	right: 2px;

	background: none !important;

	border: none;

	padding: 0;

	margin: 0;

	font-size: 16px;

	color: #416ba8;

	z-index: 9;

}

.form-search .form-control

{

	border-radius: 12px;

	height: 30px;

}

.logo

{

	display: block;

	padding-bottom: 10px;

}

.page-home

{

	overflow: hidden;

	width: 100%;

}

.header-link

{

	font-size: 16px;

	text-align: center;

	margin-top: 30px;

}

.header-link a

{

	color: #000;

	font-size: 16px;

	text-transform: uppercase;

	font-family:'Roboto Condensed';

	padding: 3px 5px;

	border: 1px solid #ccc;

}

a.icon_shop

{

	border: none;

	color: #fff;

}

.header-link a.icon_shop

{

	font-size: 30px;

}

.header-link a:hover

{

	color: #416ba8;

}

.icon_shop

{

	position: relative;

}

.solg

{

	position: absolute;

	display: block;

	top: -5px;

	left: -13px;

	background: red;

	color: #fff;

	padding: 0 6px;

	font-size: 11px;

}

.hotline-top

{

	font-size: 24px;

	font-weight: bold;

	font-family:'Roboto Condensed';

	color: #ff0000;

	display: block;

	text-align: center;

}

#main-nav{height: 45px; position:relative;position: relative;margin-top: 15px;

background: #416ba8;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
}

#main-nav.menufixed
{
	margin-top: 0;
}

#main-nav.menufixed #nav 
{
	margin-left: 80px;
}

.hotline_menu
{
	display: none;
	position: absolute;
	right: 30px;
	top: 9px;
	z-index: 999;
}

.menufixed .hotline_menu

{

	display: block;

}

.hotline_menu p

{

	color: #ff0000;

	font-weight: bold;

	font-family:'Roboto Condensed';

	font-size: 18px;

}

#main-nav::before

{

	width: 0;

	height: 0;

	border-bottom: 45px solid #416ba8;

	border-left: 105px solid transparent;

	position: absolute;

	right: 100%;

	top: 0;

	content: '';

}

#main-nav::after

{

	content: "";

	width: 350%;

	height: 100%;

	top: 0;

	position: absolute;

	right: -350%;

	background: #416ba8;

}

#pull{ display:none}

#main-nav ul {

    display:block;

}

#main-nav ul li {

    list-style: none;

    /* display:inline-block; *//* inline block hack for IE 6&7 */zoom:1;*

    display: inline;

    position: relative;

    /* margin-right: -4px; */

}



#main-nav ul a {

    color: #fff;

    display: block;

    padding: 0px 18px;

    text-decoration: none;

    line-height: 45px;

    text-transform:uppercase;

    font-size: 16px;

    font-family: 'Roboto Condensed', sans-serif;

    transition: all .3s ease;

}

#main-nav ul li:hover a,#main-nav li.current-menu-item a{

    background-color: #033c8f;

    color: #fff;

}

#main-nav ul ul 

{

	display: none;

	position: absolute;

	top:100%;

	left: 0;

	width: 300px;

	list-style: none;

	padding:0;

	background-color: #416ba8;

	-ms-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;

-moz-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;

-o-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;

transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;

-webkit-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;

}



#main-nav ul ul li {border-right: none;float: none; border-top: 1px solid #fff;}

#main-nav ul ul li a:hover

{

	font-weight: bold;

}

#main-nav ul ul ul 

{

	display: none;

	position: absolute;

	left: 100%;

	top: -100px;

	border-left: 1px solid #fff;

        z-index: 9999;

}

#main-nav ul ul li 

{

	position: relative;

}

#main-nav ul ul li:hover ul

{

	display: block;

}

#nav ul li a .fa {

    position: absolute;

	right: 3px;

	top: 15px;

}

#nav ul {box-shadow: 0 0 1px #ccc;}

#main-nav ul li {/* border-bottom: 1px solid rgba(255,255,255,.1); */display: block;}

#nav li {/* min-width: 100px */}

#nav li a {display: block;width: 100%}

#nav li:hover > a,#nav li.active > a {

    color: #fff;

    background-color: #128a40;

}

#nav li ul li .has-submenu .caret

{

	display: none;

}

.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px dashed;

    border-top: 4px solid \9;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

}

#main-nav ul {z-index: 999}

#main-nav ul ul {display: none;}

#main-nav ul ul a {text-transform: inherit;white-space: nowrap;}



.theme-default .nivo-directionNav a

{

	top: 43%;

}

.link_lienket

{

	display: block;

	width: 100%;

	height: 100%;

}

#content {

    min-height:300px;

    margin-top: 20px;

}



.list {padding: 10px 0 0 0}

.list .pro {width: 240px}

.list .pro:nth-child(3n) {margin-right: 0}



.pro-list .pro, .list .pro{ background:#FFF;float:left;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.pro-list .pro h2 a, .list .pro h2 a{

    color: #333;height: 37px;

display: block;

    }



.pro-list .pro p, .list .pro p{ padding:3px 0; color:#333}

.pro-list .pro-div, .list .pro-div{

    text-align:left;

    padding: 7px 7px 0;

    background:#f1f1f1;

    position:relative;

    overflow: hidden;

    text-align: center;

}

.xem{ position:absolute; right:10px;

    bottom: 45px;

}

.dh{

    position:absolute;

    right:10px;

    top: 48px;

}

.xem a,.dh a{color:#666; text-align:center;line-height:35px;background:#ccc; width:70px; height:35px; display:block; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.xem a:hover,.dh a:hover{ color:#fff; background:#ba0001}

.img_us 

{

	float: left;

	padding-right: 20px;

	padding-bottom: 20px;

}

.img_us img 

{

	border: 5px solid #416ba8;

}

.aboutus h2

{

	text-transform: uppercase;

	font-weight: bold;

	position: relative;

	padding-bottom: 5px;

}



.aboutus

{

	background: #eee;

	padding: 40px 0; 

}

.left{

    float:left;

    width: 250px;

    margin-right: 20px;

}

.block{margin-bottom: 20px;}

.hotline{

}

.hotline h4{ background:#b80101; color:#fff}

.danhmuc{ border: 1px solid #416ba8;}

.danhmuc li{border-bottom: 1px dotted #416ba8;}

.danhmuc li a{ color:#fff;padding: 7px 7px 7px 20px; display:block;background-color: rgba(14, 7, 61, 0.85);font-size: 15px;font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}

.danhmuc li a:hover{ /*text-decoration:underline; */font-weight:bold}

.danhmuc li ul li a{ background:none;font-size: 14px;padding: 5px 5px 5px 30px; background-color: #fff; text-transform: none; color: #416ba8;position: relative;}

.danhmuc li ul li a::before {

    content: '';

    display: block;

    width: 4px;

    height: 4px;

    -moz-border-radius: 7.5px;

    -webkit-border-radius: 7.5px;

    border-radius: 7.5px;

    border: 3px solid #416ba8;

    position: absolute;

    z-index: 9;

    top: 10px;

    left: 12px;

}

.danhmuc li ul li { border:none;border-bottom: 1px solid #416ba8;background-color: rgba(186, 0, 1, 0.75);}

.danhmuc li ul li:last-child {border-bottom: none}

.danhmuc li ul li ul li a{ padding: 5px 5px 5px 50px;}





.search{border: 1px solid #dfdfdf;margin-bottom: 20px;}

.search input[type=text]{ border:none;padding: 10px;color: #666;font-size: 14px;outline: none;float: left;height: 35px;}

.search select{

    /* height: 28px; */

    border: none;

    border-left: 1px solid #dfdfdf;

    outline: none;

    padding: 10px;

    float: left;

    height: 36px;

}

.search input[type="submit"]{background: #dfdfdf; border:none; color:#fff;padding: 10px;font-size: 14px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;outline: none;height: 36px;float: left;}

.qc {margin-bottom: 20px;}

.qc a {display: block;}

.qc a img {display: block;width: 100%}

.qc1{ float:left; width:375px}

.qc2{ float:right; width:355px}

.tt-left, .tt , .ttt{line-height: 38px;color:#416ba8;text-transform: uppercase; margin-bottom:1px;font-family: 'Roboto Condensed', sans-serif;font-size: 22px;position: relative;

}

.tt-left

{

	font-weight: bold;

	color: #fff;

	background: #416ba8;

	padding-left: 10px;

}

.tt-left:after, .tt:after, .ttt:after

{

	position: absolute;

	content: '';

	width: 79%;

	left: 21%;

	bottom: 0px;

	background: #416ba8;

	height: 2px;

}

.tt-left:before, .tt:before, .ttt:before

{

	position: absolute;

	content: '';

	width: 20%;

	left: 0%;

	bottom: 0px;

	background: #416ba8;

	height: 2px;

}

.tt-left 

.hotline p{/* padding:5px 0 */}

.right{float:right;width: calc(100% - 280px);}

.right .row {margin-bottom: 20px}





.cnt {margin-bottom: 20px; padding-top: 20px;}

.cnt h1{font-size: 22px; font-weight: bold; margin-bottom: 10px; color: #000;}

.ck {

    background: rgba(186, 0, 1, 0.75) none repeat scroll 0 0;

    color:#FFFFFF;

    padding: 3px;

    font-size:0.9em;

    font-family: 'Roboto Condensed', sans-serif;

}



.pro .ma a

{ 

	display: block;

	width: 100%;

	color: #fff;

	text-align: center;

	padding: 10px 0;

	border: 1px solid transparent;

	font-size: 16px;

}



.btn_add, .btn_add_mobile

{

	background: #416ba8;

}

.pro .ma .btn_add:hover

{

	color: #416ba8;

	border: 1px solid #416ba8;

}

.btn_shopcart

{

	background: #416ba8;

}

.pro .ma a:hover

{

	color: #416ba8;

	border: 1px solid #416ba8;

	background: #fff;

	text-decoration: none;

}

.btn_chitiet span

{

	display: block;	

}

.btn_chitiet span a

{

	display: block;

	padding: 10px;

	text-align: center;

	color: #fff;

	background-color: #005aab;

}

.gia-info .gia_sp

 {

 	color: #416ba8;

 	font-size: 18px;

 }

.box-sp{ float:left;width: calc(100% - 420px); margin-bottom:10px}



.child {

    width: 100%;

    height: auto;

    display: block;

}

.title_tp

{

	font-family: "Roboto Condensed";

	margin: 20px 0 10px;

	line-height: 18px;

	font-size: 18px;

	text-transform: uppercase;

	font-weight: bold;

}

.title_tp span {

    width: 11px;

    background: #416ba8;

    position: relative;

    display: block;

    height: 18px;

    float: left;

    margin-right: 15px;

}

.title_tp span:after

{

	content: "";

	position: absolute;

	top: 0;

	left: 100%;

	width: 0;

	height: 0;

	border-top: 9px solid transparent;

	border-left: 9px solid #416ba8;

	border-bottom: 9px solid transparent;

}

#large_img{ margin-bottom:10px}

.ct-pro{ float:right; width: 400px;}

.ct-pro h1{ font-size: 22px; color: #416ba8; font-family: "Roboto Condensed"}

.pire{ position:relative; padding:10px 0; width:100%}

.pire strong{ font-size: 16px; color:#000;}

.pire h4{ font-size:22px; color:#ff0000; }

.pire a{ display:block}

.text{ /*border-bottom:1px solid #CCC; */padding-bottom:10px}

.text select {border: 1px solid #ccc;padding: 4px}

.pire a img{ vertical-align:middle}

.pire a{ color:#B80101}

.pire-btn a

{

	color: #fff;

	text-align: center;

	font-size: 18px;

	padding: 10px 0;

	border: 1px solid transparent

}

.pire-btn a:hover 

{

	background: #fff;

	color: #416ba8;

	border: 1px solid #416ba8; 

}

.info-sp .slg {

    overflow: hidden;

    margin-bottom: 11px;

    height: 35px;

}

.gia-info 

{

	margin-bottom: 10px;

	font-family: "Roboto Condensed";

	font-size: 16px;

	font-weight: bold;

}

.tt2{

    font-size:1.5em;

    margin: 10px 0;

}

.tt3 {

    border-bottom: 1px dotted #ccc;

    margin-bottom: 20px;

    padding-bottom: 5px;

}

.tt3 h3 {

    float: left;

}

.tt3 .dichvu-mxh {

    float: right;

}

.button{border: none;cursor: pointer;outline: none;font-weight: bold;width: auto;background-color: rgb(186, 0, 1);color: #eee;padding: 7px 14px;font-family: 'Roboto Condensed', sans-serif;transition: all .3s ease;font-size: 15px;margin-bottom: 20px;margin-top: 10px;display: inline-block;}

.button:hover {color:#fff;background-color: rgba(186, 0, 1, 0.65);}

.list{border: 1px solid #416ba8;}

.list  li{ padding:10px 0; height:80px;border-bottom: 1px solid #eee; background: rgba(255,255,255,1); margin-bottom: 2px;}

.list li a{color: #444;}

.list li img{float:left; margin:0 10px 0 0; height:55px;width: 73px;}

.list  li span{ color:#C00;font-family: 'Roboto Condensed', sans-serif;}



/************************FOOTER**************************/

#footer {

    color: #fff;

    font-size: 14px;

    padding: 30px 0 0 0;

    position:relative;

    margin-top: 0;

    background: -webkit-linear-gradient(left, #416ba8, #130b42 25%, #170f50, #130b42 75%, #416ba8);

    background-color: rgba(0, 0, 0, 0);

    background-image: -webkit-linear-gradient(left, #416ba8, #130b42 25%, #170f50, #130b42 75%, #416ba8);

    background-repeat: repeat;

    background-attachment: scroll;

    background-clip: border-box;

    background-origin: padding-box;

    background-position-x: 0%;

    background-position-y: 0%;

    background-size: auto auto;

background: -moz-linear-gradient(left, #416ba8, #130b42 25%, #170f50, #130b42 75%, #416ba8);

background: -ms-linear-gradient(left, #416ba8, #130b42 25%, #170f50, #130b42 75%, #416ba8);

background: -o-linear-gradient(left, #416ba8, #130b42 25%, #170f50, #130b42 75%, #416ba8);

background: linear-gradient(left, #416ba8, #130b42 25%, #170f50, #130b42 75%, #416ba8);

}

#footer h3

{

	font-size: 18px;

	text-transform: uppercase;

	font-family: 'Roboto Condensed';

	margin-bottom: 10px;

}

#footer a 

{

	color: #fff;

}

.col-f {

    float:left; width: 590px;

    list-style: inherit;

    position: relative;

}

.fb{ float:right; width: 400px; text-align: right; }

#slide {

    overflow: hidden;

    /* background-image: url(../images/header-bg.png); */

    /* padding: 9px; */

    /* height: 276px; */

    margin-top: 10px;

}



#slide img {/*width: 980px;height: 275px*/}



.mota_slide

{

	margin-top: 50px;

	padding: 25px;

}



.theme-default .nivo-caption {

    font-family: Helvetica, Arial, sans-serif;

    background: none;

}



.nivo-caption .nd-sl

{

	display: block;

	font-size: 1.5rem;

font-style: italic;

text-transform: uppercase;

}

.nivo-caption .tittle-sl

{

	font-size: 2.5rem;

	display: block;

text-transform: uppercase;

font-weight: bold;

}

.sequence-slide3 .sequence-subtitle {

    position: relative;

}

.sequence-slide1 .mota_slide

{

	float: right;

}

#slider-sequence > .sequence-canvas li > .sequence-container > * {

    position: relative;

}

.sequence-next, .sequence-prev

{

	top: 37%;

}

.sequence-title

{

	font-size: 24px;

	text-transform: uppercase;

	font-family: "Roboto Condensed";

}

.sequence-subtitle

{

	font: 24px/28px 'Roboto Condensed',Arial,Helvetica,sans-serif;

	color: #fff;

}

.sequence-slide3.animate-in .sequence-title, .sequence-slide1.animate-in .sequence-title {

    left: auto;

    width: 100%;

    text-transform: none;

    position: relative;    

	text-transform: uppercase;

	font-size: 28px;

	color: #fff;

}

.sequence-slide3.animate-in .sequence-subtitle {

    left: auto;

    top:auto;

    width: 100%;

    padding-top: 20px;

    font-size: 20px;

    color: #fff;

}

.sequence-slide3.animate-in .btn-sequence, .sequence-slide1.animate-in .btn-sequence {

    margin-top: 20px;

    padding: 5px 20px;

    text-transform: none;

    font-size: 14px;

	line-height: 14px;

}

.sequence-slide3 .sequence-title, .sequence-slide3.animate-out .sequence-title {

   left: auto;

   right: 10%;

}

.sequence-next:hover, .sequence-prev:hover {

    background-color: #416ba8;

    border: 1px solid transparent

}

#canv

{

	width: 100% !important;

	height: 100px !important;

	position: absolute;

	left: 0;

	top: 0;

}

.sub-top

{

	position: relative;

}

#header h1.tb {position: absolute;top:-999px;text-indent: -999px}



#bttop{background:url(../images/top.png) no-repeat; width:35px; height:35px;position:fixed;bottom:60px;right:10px;cursor:pointer;display:none;}

#bttop:hover{ background:url(../images/top.png) no-repeat}



.search input[type="text"] {}

.search input[type="submit"] {cursor: pointer;}

.search input[type="submit"]:hover {background-color: rgba(186, 0, 1, 0.8);}



.contact {width: calc(50% - 20px);float: left;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;}

.contact label {color:#666;display: inline-block;

    width: 85px;

    text-align: left;

    vertical-align: middle;

    white-space: nowrap;

}

.contact input, .contact textarea {border:1px solid #aaa;padding: 5px;width: calc(100% - 105px);margin-bottom: 20px}

.contact textarea {min-height: 100px}

.contact input[type="submit"] {

    border: none;

    cursor: pointer;

    outline: none;

    font-weight: bold;

    margin-left: 90px;

    width: auto;

    background-color: #000;

    color: #fff;

    padding: 7px 14px;

    font-family: 'Roboto Condensed', sans-serif;

    transition: all .3s ease;

    font-size: 15px;

    margin-bottom: 0;

}

.contact input[type="submit"]:hover {

    background-color: #416ba8;

}

.googlemap {width: 50%;float: right;margin-top: 20px;}

.googlemap p strong 

{

	text-transform: uppercase;

}



.navigation {margin: 10px 0;font-weight: 700; overflow: hidden; color: #666; color: #444;}

.navigation li {display: inline-block}

.navigation li a {display: block;color:#444;font-size: 0.9em}

.navigation li a:hover {color:#B80101}



.pro-div h3 {color:#C00;font-size: 1.2em;font-family: 'Roboto Condensed', sans-serif;}

.pro-div p {font-size:16px;padding: 0 !important;font-family: 'Roboto Condensed', sans-serif;}

.pro-div h2 {margin-bottom: 5px; font-size: 16px;}

.cate_danhmuc .pro-div h2

{

	font-size: 18px;

}

.cate_danhmuc .pro 

{

	margin-bottom: 30px;

}

.pagination

{

	display: block;

	text-align: center;

}

.phantrang {text-align: center;margin: 20px 0;}

.phantrang a, .phantrang span{margin-right: 3px;padding: 3px 8px;background: #fff;color:#416ba8;border: 1px solid #416ba8}

.phantrang a:hover, .phantrang a.active, .phantrang span {background: #416ba8;color:#fff;border: 1px solid #416ba8}



.view-block a {

    border: 1px solid #ccc;

    display: block;

    margin-bottom: 10px;

}

.view-block a:hover, .view-block a.current {

    box-shadow: 0 0 5px #666;

    border: 1px solid #333;

}

.large_img {}

.large_img img {

    width: 100%;

    border: 0;

    box-shadow: 0 0 3px #ccc;

    /* height: 375px; */

    display: block;

}

.large_img img:hover {

    box-shadow: 0 0 6px #666;

}

.img-sdile {float: left}

.hidden {display: none}



#list-form {

    overflow: hidden;

    margin-top: 10px;

}

#list-form .table {

    border: 1px dotted #ccc;

    border-left: none;

    border-bottom: none;

    margin: 0;

    width: 100%;

}

#list-form .table tr th {background-color: #eeefff}

#list-form .table tr td, #list-form .table tr th {

    border-left: 1px dotted #ccc;

    border-bottom: 1px dotted #ccc;

    text-align: center;

    vertical-align: middle;

    padding: 3px;

}

.history .table tr td {

    padding: 5px !important;

}

#list-form .table tr:hover {

    background-color: #eeefff;

}

#list-form .table tr:first-child:hover {

    background-color: #FFFFFF;

}

#list-form .table tr td a:hover {text-decoration: none;cursor: pointer}

.properties {float: left;margin-left: 15px;text-align: left}

.size, .sp input {border: 1px solid #ccc;padding: 4px;}

.size {min-width: 60px}

.wait {display: none}



.checkout-left {float:left;width: calc(70% - 20px);margin: 10px 0 10px 0;}

.checkout-left .checkout {padding: 0 10px 10px 0}

.checkout-right {float:right;width: 30%;margin: 10px 0;margin-left: 20px;}



.checkout-form label {width: 125px;display: inline-block;vertical-align: middle;}

.checkout-form input[type='text'], .checkout-form input[type='tel'], .checkout-form textarea {margin-bottom: 10px;width: calc(100% - 142px);border: 1px solid #ccc;padding: 5px}

.checkout_box h3, .checkout-form h3 {

    border-bottom: 2px solid #ccc;

    padding-bottom: 2px;

    margin-bottom: 20px;

}

.checkout_box .item {

    border-bottom: 1px dotted #ccc;

    margin: 10px 0;

    overflow: hidden;

    padding-bottom: 10px;

    font-size: 90%;

}

.checkout_box .item img {width: 90px;display: inline-block;float: left}

.checkout_box .del_item {float: none !important;cursor: pointer;}

.hotline {float: right;height: 100px;padding-right: 0px;vertical-align: middle;}

.hotline .tit {

    color: #00B7FF;

    font-weight: bold;

    text-align: center;

    text-shadow: 0 0 10px #ccc;

    font-size: 1.6em;

    margin-top: 20px;

}

.hotline .phone, .hotline_q .phone {

    color: red;

    font-family: 'FontAwesome', sans-serif;

    font-size: 1.8em;

    font-weight: bold;

    text-shadow: 0 0 10px #ccc;

}

.mausac {margin: 10px 0}

.mausac label {display: block;margin-bottom: 5px}

.mausac li {display: inline-block}

.mausac li a img {border: 1px solid #ccc}

.mausac li a:hover img {border: 1px solid #333;box-shadow: 0 0 3px #666}



.mxh {

    position: absolute;

    right: 30px;

    top: 5px;

}

.ss-required {color:red}

.mess {color:red}



.pro-list .pro img, .row .list .pro img {width: 100%}



.tags{margin-top: 15px}

.tags li {display: inline-block;margin-right: 5px;text-shadow: 0 0 3px #ccc;background-color: #efefef;padding: 0 5px;}

.tags li a {}



.qc3 a, .qc4 a {display: block;}

.qc3 a img, .qc4 a img {display: block;margin-bottom: 5px}

.qc4 {margin-bottom: 20px}



.cate_danhmuc

{

	background: url(../images/bg_cate.png) no-repeat fixed;

	background-position: center;

	background-size: cover;

	overflow: hidden;

}

.list-pro

{

	list-style: none;

}



.cate_danhmuc .title_tt a

{

	color: #fff;

}

.list-sp .pro 

{

	margin: 10px;

	float: left;

	width: calc((100% - 60px)/3);

}

.list-pro .pro 

{

	margin: 10px;

	float: left;

	width: calc((100% - 100px)/5);

}

.item_sp

{

	overflow: hidden;

	background: #fff;

	position: relative;

}

.item_sp h2

{

	line-height: 20px;

	text-align: center;

}

.item_sp h2 a 

{

	display: block;

	color: #000;

	font-size: 18px;

	margin-bottom: 20px;

	display: block;

}

.item_sp h2 span 

{

	padding: 2px 10px;

	border-radius: 4px;

	background: #416ba8;

}

.item_sp.le .img-cate

{

	float: left;

}

.item_sp.le  .nd-cate

{

	float: right;

}



.item_sp.chan .img-cate

{

	float: right;

}

.item_sp.chan  .nd-cate

{

	float: left;

}

.item_sp .mt-news

{

	float: left;

	color: #000;

	padding-top:30px;

	padding-left: 20px;

	position: relative;

	text-align: justify;

	padding-right: 20px;

	width: 100%;

}



.img-wrap

{

	overflow: hidden;

	position: relative;

	width: 100%;

}



.item_sp .img-wrap img{width:100%;height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}

.item_sp:hover .img-wrap img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}

.item_sp:hover .img-wrap .overlay{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}

.item_sp .img-wrap .overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(250,178,38,.8);opacity:0;z-index:999;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}

.item_sp .img-wrap .overlay a{color:#fff;width:42px;height:42px;margin:90px auto;border-radius:50%;z-index:2!important;display:block;border:2px solid #fff;position:relative}

.item_sp .img-wrap .overlay a:hover{background-color:#fff;color:#1010ff}

.item_sp .img-wrap .overlay a:before{position:absolute;width:100%;text-align:center;top:0;left:0;line-height:40px;font-size:20px;height:100%}





.item_sp.chan .mt-news

{	

	float: right;

}

.item_sp.chan .mt-news h2 a 

{

	text-align: right;

	color: #000;

}

.item_sp.le .mt-news::before {

    content: '';

    width: 0; height: 0; border-top: 115px solid transparent; border-right: 45px solid #ffb600; border-bottom: 115px solid transparent;

    border-right-color: #ffb600;

    position: absolute;

	top: 0;

	left: -15%;

	z-index: 991;

}

.item_sp.chan .mt-news::before 

{

	content: '';

	width: 0; height: 0; border-top: 115px solid transparent; border-left: 45px solid #ffb600; border-bottom: 115px solid transparent;

	border-right-color: transparent;

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 99;

}

.mt-news

{

	font-size: 15px;

}

.mt-news p 

{

	margin-bottom: 0;

}

.mt-news ul 

{

	list-style: disc;

	padding-left: 20px;

}

.mt-news ul li 

{

	width: auto;

	float: none;

}



.ct-news .readmore 

{

	text-align: center;	

	margin-top: 15px;

}

.ct-news .readmore a 

{

	display: inline-block;

	padding: 5px 15px;

	border: 1px solid #000;

	color: #000;

}







.qtr-ct

{

	text-align: center;

}



.wp-list {overflow: hidden;}

.qc3, .social-box {margin-bottom: 20px;}



.social-icon a img {

    height: 30px;

    border-radius: 50%;

}

.seo {

    float: left;

    padding-bottom: 10px;

}

.seo i 

{

	font-size: 16px;

}

.r-f {

    float: right;

}

.copyright {text-align: center;border-top: 1px solid #fff ;padding: 10px 0;color: #fff; background: #416ba8}



/* *********************** */

.g-search {width: 300px;bottom: 0;;position: relative;;margin: 0 auto;;margin-bottom: 10px;text-align: left;;margin-bottom: 10px;}

.g-search input[type="text"] {

    width: 243px !important;

    background: none repeat scroll 0 0 #F2F2F2 !important;

    padding: 4px 53px 4px 4px !important;

}

.g-search input[type="button"] {

    text-indent: 999999px;

}

.gsc-clear-button {display: none !important;}

.gsc-input {padding-right: 5px !important;}

.cse .gsc-control-cse, .gsc-control-cse {background-color:transparent !important;border: none !important;padding: 0 !important;}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {font-size: 0.9em !important;}

.gsib_a { padding:0 !important;}

.cse input.gsc-search-button, input.gsc-search-button {background-color: transparent !important;background-image:none !important;border:none !important;padding: 5px !important;}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {

    margin-top: 0 !important;

    vertical-align:middle;

}

.gsc-input-box {border-radius: 4px;height: 25px !important;}

.gsc-search-button input[type="image"] {box-shadow: 0 0 3px #fff;top: 1px;width: 15px;background-color: #F37A03 !important;right: 2px;position: absolute;}

form.gsc-search-box {margin-bottom: 5px !important;}

.gsc-input-box {background: none !important;border: none !important;}

.gsst_a {

    padding-top: 3px;

    position: absolute;

    top: 1px;

    right: 30px;

}

/* ************************************* */

.view-block {

    width: 65px;

    float: left;

}

.large_img {

    width: calc(100% - 85px);

    float: right;

}

.picbig {width: 100%}

.f-search {overflow: hidden;}

.link-vietnhan {margin-bottom: 5px;display: block;}

.social-share {margin-bottom: 20px}

.pire-btn a {display: block;margin: 10px 0;}



#list-form {}



#main-nav .cart-info {

    position: absolute;

    bottom: 4px;

    right: 20px;

}

#main-nav .cart-info a {

    padding: 0;

    font-size: 22px;

}

#main-nav .cart-info a .fa {margin-right: 0;color: #fff;}

#main-nav .cart-info span {

    color: red;

    font-weight: bold;

    vertical-align: top;

}



.pro_name img {height: 15px}



/* ************ */





.pro-infomation {display: none}



.codrops-demos {

	font-size: 0.8em;

	text-align:center;

	position:absolute;

	z-index:99;

	width:96%;

}



.codrops-demos a {

	display: inline-block;

	margin: 0.35em 0.1em;

	padding: 0.5em 1.2em;

	outline: none;

	text-decoration: none;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

	border-radius: 2px;

	font-size: 110%;

	border: 2px solid transparent;

	color:#fff;

}



.codrops-demos a:hover,

.codrops-demos a.current-demo {

	border-color: #383a3c;

}

.aligncenter

{

	display: block;

	text-align: center;

	margin: auto;

}



.cnt img 

{

	margin-top:10px;

	margin-bottom: 10px;

}



.cnt ul li

{

	list-style: inherit;

}

.cnt h1 

{

	margin-top: 0;

}

.callus {

    font-size: 14px;

    margin-bottom: 5px;

    margin-top: 20px;

}

.callus h2 

{

	background: #169c49;

	padding: 5px 0;

	text-align: center;

	font-size: 18px;

	text-transform: uppercase;

	color: #fff;

	font-family: "Roboto Condensed";

}

.info_buy_ct

{

	padding: 10px;

	border: 1px solid #169c49;

	background: #e0e0e0;

}

.info_buy_ct p 

{

	margin-bottom: 5px;

}

.info_buy_ct p a 

{

	display: inline-block;

}

.info_buy_ct p a img {

    width: 20px;

    margin-top: -8px;

}

.pire .callus p.dt_call strong {

    color: #fff;

    background: #ed1b24;

    -webkit-border-radius: 0px 14px 14px 0px;

    -moz-border-radius: 0px 14px 14px 0px;

    -o-border-radius: 0px 14px 14px 0px;

    -ms-border-radius: 0px 14px 14px 0px;

    border-radius: 0px 14px 14px 0px;

    display: inline-block;

    padding-right: 10px;

    font-size: 24px;

}

.callus p.dt_call:before {

    content: url(../images/icon_p.png);

    float: left;

    width: 30px;

    height: 28px;

}



#shopiy_cp

{

	position: fixed;

	background: #005aab;

	bottom: 0px;

	right: 0px;

	padding: 10px;

	border-radius: 8px 0 8px 0;

	font-size: 16px;

	z-index: 9999;		

}

#shopiy_cp h3

{

	font-size: 20px;

	text-transform: uppercase;

	color: #fff;	

}

#shopiy_cp p 

{

	margin-bottom: 5px;

	text-align: center;

}

#shopiy_cp_close {

    z-index: 20;

    position: absolute;

    top: 31px;

    left: 0px;

    display: block;

    width: 60px;

    height: 33px;

    text-indent: -999em;

    background: transparent url("../images/closed.png") no-repeat scroll right top;

}

#shopiy_cp_open {

    z-index: 9999;

    position: fixed;

    bottom: 245px;

    right: 0px;

    display: none;

    width: 36px;

    height: 31px;

    text-indent: -999em;

    background: transparent url("../images/open.png") no-repeat scroll right top;

}

#shopiy_cp_wrapper

{

	color: #000;

	background: #fff;

	padding-top: 20px;

}

.hotro_info a img 

{

	width: 20px;

}

@-webkit-keyframes my {

	 0% { color: #416ba8; } 

	 50% { color: #BA0001;  } 

	 100% { color: #416ba8;  } 

 }

 @-moz-keyframes my { 

	 0% { color: #416ba8;  } 

	 50% { color: #BA0001;  }

	 100% { color: #416ba8;  } 

 }

 @-o-keyframes my { 

	 0% { color: #416ba8; } 

	 50% { color: #BA0001; } 

	 100% { color: #416ba8;  } 

 }

 @keyframes my { 

	 0% { color: #416ba8;  } 

	 50% { color: #BA0001;  }

	 100% { color: #416ba8;  } 

 } 

 .hotline_top a {

	 -webkit-animation: my 700ms infinite;

	 -moz-animation: my 700ms infinite; 

	 -o-animation: my 700ms infinite; 

	 animation: my 700ms infinite;	

	font-size: 28px;

	font-weight: bold;

}

.chitiet iframe

{

	display: block;

	margin: 20px auto;

	max-height: 100%;

}

.chitiet ul, .chitiet ol 

{

	padding-left: 30px;

}



.hotro

{

	padding: 20px 15px 0;

	font-family: "Roboto Condensed";

	font-weight: bold;

	font-size: 16px;

	background: #f0f0f0;

	border: 1px solid #e0e0e0;

}

.hotro .item

{

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

	margin-bottom: 10px;

	overflow: hidden;

}

.hotro p 

{

	margin-bottom: 3px;

}

.hotro .item:last-child

{

	border: none;

}

.hotro .title_1

{

	font-size: 18px;

	font-weight: bold;

	color: #0264cb;

	margin-bottom: 10px;

}

.hotro i 

{

	color: #0264cb;

	padding-right: 10px;

}

.hotro .title_1 i 

{

	font-size: 30px;

}

.title_footer

{

	font-size: 22px;

	border-bottom: 1px solid #fff;

	margin-bottom: 20px;

	text-transform: uppercase;

	font-family: "Roboto Condensed";

}

.ct-footer

{

	padding: 15px;

}

.ct-footer h2 

{

	font-size: 16px;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.menu_footer

{

	list-style: square;

	padding-left: 20px;

}

.menu_footer li a 

{

	color: #fff;

	padding: 3px 0;

	display: block;

}

.menu_footer li a:hover

{

	text-decoration: underline;

}

.list_news_other

{

	margin-top: 10px;

	list-style: square;

	padding-left: 15px;

}

.list_news_other li a 

{

	display: block;

	padding: 5px 0;

}

.list_news_other li h3 

{

	font-size: 18px;

	margin: 5px 0;

}

.subnav

{

	list-style: none;

	padding-left: 0;

}



.icon_delete a

{

	display:block;

	height:40px;

	width:40px;

	background:url(../images/icon_delete.png);

	margin: 42px auto 0;

}

.icon_delete a:hover

{	

	background:url(../images/icon_delete_h.png);

}

.item-name a 

{

	font-size: 14px;

	font-weight: bold;

	color: #416ba8

}



.btn_page_shopcart a:hover , .btn_update:hover, .btn-hoanthanh:hover

{

	background-color: #416ba8;

	text-decoration: none;

}

.subnav li h3, .subnav li p

{

	padding: 0 10px;

}

.subnav .wp5 span 

{

	display: block;

	padding-top: 30px;

}

.subnav .wp5.daut span 

{

	padding-top: 0;

}

.btn_page_shopcart a

{

	background: #000;

	padding: 8px 20px;

	margin-right: 10px;

	color: #fff;

	text-transform: uppercase;

	display: inline-block;

	width: 120px;

	text-align: center;

}

.car-item p

{

	text-align: left;

}

.btn_page_shopcart

{

	padding-top: 10px;

}

.btn_update

{

	background: #000;

	padding: 8px 5px;

	font-size: 12px;

	color: #fff;

	text-transform: uppercase;

	border: none;

	width: 100%;

	text-align: center;

}

.reset .btn_update

{

	padding: 11px 5px;

}

.subtotal_page_shopcart h5

{

	font-size: 20px;

	font-weight: bold;

}

.subtotal_page_shopcart h5 .red_price_shopcart

{

	color: #f00;

	padding-left: 20px;

}

.center-text

{

	font-size: 18px;

	font-weight: bold;

}

.car-item

{

	border-bottom: 1px solid #ccc;

	padding: 10px 0;

	overflow: hidden;

}

.car-item .item 

{

	margin-bottom: 0;

}

.subnav li

{

	overflow: hidden;

	text-align: center;

}

.subnav li .item-name{text-align: left;}

.car-item .col-md-1

{

	padding-top: 30px;

}

.car-item .col-md-1.daut

{

	padding-top: 0;

}

.giohang_total

{

}

#form_dathang

{

	background: #FFF;

	padding: 20px 0;

}

#form_dathang h3

{

	margin: 0;

	padding:0;

	color: #444645;

	text-align: center;

	margin-bottom: 20px;

	text-transform: uppercase;

}

#thongtin_dathang textarea.form-control

{

	height: 100px;

}

.tamtinh

{

	margin-top: 30px;

}

.slg_sp

{

	width: 65px;

	display: block;

	padding: 8px;

}

.item-price

{

	display: block;

	text-align: center;

}

#info_donhang

{

	display: none;

}

#thongtin_dathang fieldset

{

	margin-bottom: 10px

}

#thongtin_dathang .form-control

{

	height: 35px;

	width: 100%;

	padding-left: 10px;

}

.btn-hoanthanh 

{

	background: #000;

	padding: 8px 20px;

	width: 100%;

	color: #fff;

	border: none;

	text-transform: uppercase;

}

#madonhang, #phigiaohang

{

	background: none;

	border: none;

	color: #ff0000;

}

#phigiaohang

{

	padding: 15px 0;

}

.phihang

{

	line-height: 48px;

}

.dongtext

{

	text-transform: uppercase;

	color: #000;

	margin-top: 20px;

	font-size: 12.5px;

}

.error

{

	color: #ff0000;

	font-style: 20px;

	padding-bottom: 10px;

}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {

    border-top: 0;

}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {

    border: 1px solid #ddd;

}

.table > thead > tr > th {

    vertical-align: bottom;

    border-bottom: 2px solid #ddd;

}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

    border-top: 1px solid #ddd;

}

.thanhtoan_info h2

{

	text-transform: uppercase;

	font-size: 16px;

	text-align: center;

	font-family: "Roboto Condensed";

	padding: 15px 0;

	font-weight: bold;

}

.thanhtoan_info .table > tbody > tr > td:last-child

{

	padding-top: 10px;

}

.thanhtoan_info .table > tbody > tr > td > p

{

	margin-bottom: 0;

} 

.pro .img 

{

	display: block;	

	overflow: hidden;

	position: relative;

}

.pro .img img 

{

	width: 100%;

}

.pro .img .link {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.3);

  overflow: hidden;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -ms-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.hover-div 

{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(0, 0, 0, 0.8);

	overflow: hidden;

	opacity: 0;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

.info-item {

    padding: 12px;

    color: #fff;

    font-size: 12px;

}

.hover-div .rb 

{

	text-align: center;

	padding-top: 25%;

}

.pro-list .pro .hover-div p 

{

	margin-bottom: 0;

}

.hover-div a 

{

	padding: 10px 20px; 

	border: 1px solid #416ba8;

	color: #fff;

	text-transform: uppercase;

	width: 120px;

	text-align: center;

	margin: auto;

	font-size: 12px;

	background: #416ba8;

}

.hover-div a:hover

{

	text-decoration: none;

	background: #416ba8

}

.pro .img:hover .hover-div

{

	opacity: 1

}

.pro .img i {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 50px;

    height: 50px;

    line-height: 46px;

    font-size: 1.3em;

    border: 2px solid #fff;

    color: #fff;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%) rotate(270deg);

    -moz-transform: translate(-50%, -50%) rotate(270deg);

    -ms-transform: translate(-50%, -50%) rotate(270deg);

    transform: translate(-50%, -50%) rotate(270deg);

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.pro .img:hover .link {

  opacity: 1;

}

.pro .img img {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.pro .img:hover img {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

}

.pro .img:hover i {

  -webkit-transform: translate(-50%, -50%) rotate(0);

  -moz-transform: translate(-50%, -50%) rotate(0);

  -ms-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

}

.table

{

	max-width: 100%;

}



.slg span 

{

	display: inline-block;

	line-height: 28px;

	height: 22px;

	padding-right: 10px;

	font-weight: bold;

}

.button1

{

	padding-top: 10px;

}

.gird-sps

{

	border-top: 2px solid #fff;

	padding-top: 20px;

	margin-top: 10px;

}

.title-index

{

	font-family: "Roboto Condensed";

	font-size: 32px;

	text-align: center;

	text-transform: uppercase;

	position: relative;

	color: #416ba8;

	padding-bottom: 25px;

	background: url(../images/line.png) no-repeat center bottom;

	margin-bottom: 30px;

}

.img-dt

{

	margin: 0 10px;

	background: #fff;

	text-align: center;

}

.dt-slider

{

	margin: 20px -10px;

}

.maps-f iframe 

{

	height: 270px;

}

.field-f span

{

	display: block;

	text-align: center;

}

.form-control

{

	border-radius: 0;

}

.form-loc

{

	overflow: hidden;

	line-height: 35px;

	margin-top: 20px;

}

.btn 

{

	background: #000;

	color: #fff;

	border-radius: 0;

	margin-left: 10px;

}

.btn:hover

{

	background: #416ba8;

}

.dt-slider .owl-controls

{

	display: none !important;

}

#reply-title

{

	display: none;

}

.comments_area header

{

    text-align: left;

}

.input-group-addon

{

    display: block;

    width: 200px;

    margin-bottom: 5px;

    border-radius: 0 !important;

    border: 1px solid #ccc !important;

    padding: 10px 0;

    text-align: center;

}

#commentform p 

{

    overflow: hidden;

    margin-bottom: 20px;

}

.commentlist

{

    list-style: none;

    padding-left: 0;

}

.commentlist ul 

{

    list-style: none;

}

.comment-author .says

{

    display: none;

}

.comment-meta div

{

    display: inline-block;

}

.commentlist li 

{

    overflow: hidden;

    padding-top: 15px;

    margin-bottom: 15px;

    border-top: 1px solid #ccc;

}



.comment-form .form-control

{

    width: 90%;

    padding: 20px;

}

.fb_iframe_widget, .share

{

	float: left;

	margin-right: 3px;

}

.social-button li 

{

	display: block;

	float: left;

	margin-right: 5px;

	padding: 5px;

}

.addthis_inline_share_toolbox, .rrssb-zalo

{

	float: left;

}



.rrssb-zalo {

cursor: pointer;

}

.rrssb-buttons li a, .rrssb-zalo a {

background-color: #018fe5;

display: block;

height: 21px;

border-radius: 3px;

margin-left: 2px;

color: #fff;

padding: 0px 5px 0;

}

.rrssb-zalo svg {

	height: 14px !important;

	margin-top: 3px;

	margin-left: 6px;

}

.zshare-zalo {

display: inline-block;

cursor: pointer;

border-radius: 3px;

height: 15px;

background: #008fe5;

color: #fff;

padding: 0px 5px;

}

.zshare-zalo:hover {

background: #0c7abf;

}

.zshare-zalo svg {

margin-top: 1px;

}

.zshare-label {

display: inline-block;

font-weight: normal;

font-family: arial;

font-size: 12px;

line-height: 20px;

height: 20px;

vertical-align: top;

color: white;

margin-left: 3px;

margin-top: 1px;

padding-right: 10px;

}

.whyus

{

	padding: 15px 0 0;

	background: #fff;

}

.reset {   

    background: #fff;

    border: 1px solid #000;

    padding-bottom: 20px;

    overflow: hidden;

}

.reset h2

{

	color: #fff;

	background: #000;

	padding: 10px 0;

	font-size: 18px;

	text-align: center;

}

.reset ul 

{

	overflow-y: scroll;

	margin-top: 10px;

	height: 340px;

}

.reset ul li 

{

	overflow: hidden;

	padding: 20px 10px;

	border-top: 1px solid #ccc;

	text-align: center;

}

.reset .tamtinh

{

	padding: 10px;

}

.reset ul .top-h

{

	font-weight: bold;

	font-size: 16px;

}

.reset .slg_sp

{

	margin: auto;

}

.reset li .top-h span 

{

	display: block;

	padding: 0 10px;

}

#close-shop {

    display: block;

    width: 45px;

    height: 45px;

    color: #fff;

    background: #416ba8;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

    position: fixed;

    top: 6%;

    right: 19%;

    z-index: 99999;

    font-size: 30px;

    cursor: pointer;

}

.dialog-shop

{

	

}

.dialog-shop h4 

{

	padding-left: 20px;

	font-size: 20px;

	font-weight: bold;

	margin-top:10px;

}

.dialog-shop h4 span

{

	color: #ff0000;

}

.noneshow

{

	display: none !important; 

}

.link-shop a 

{

	background: #000;

	color: #fff;

	display: inline-block;

	padding: 8px 18px;

	margin-right: 10px;

	margin-top: 5px;

}

.link-shop a:hover;

{

	background: #416ba8

}

.ct-nd

{

	border: 1px solid #fec8ef;

	padding: 15px;

	min-height: 100px;

	margin-bottom: 20px;

}

.hotline_fix

{

	position: fixed;

	z-index: 99;

	width: 150px;

	height: 150px;

	left: 0px;

	bottom: 120px;

}

.hotline_fix a 

{

	display: block;

}

.hotline_fix a .fa 

{

	margin-right: 0;

}

.hiti-phone.hiti-static {

    opacity: 1;

}

 

.hiti-phone.hiti-hover {

    opacity: 1;

}

 

.hiti-ph-circle {

    animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;

    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;

     -moz-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;

     -ms-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;

     -o-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;

    background-color: transparent;

    border: 2px solid #416ba8;

    border-radius: 100%;

    width: 100px;

    height: 100px;

    left: 20px;

    opacity: 0.1;

    position: absolute;

    top: 20px;

    transform-origin: 50% 50% 0;

    transition: all 0.5s ease 0s;

}

 

.hiti-phone.hiti-active .hiti-ph-circle {

    animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

    -webkit-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

     -moz-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

     -ms-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

     -o-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

}

 

.hiti-phone.hiti-static .hiti-ph-circle {

    animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

    -webkit-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

     -moz-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

     -ms-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

     -o-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;

}

 

.hiti-phone.hiti-hover .hiti-ph-circle {

    border-color: #416ba8;

    opacity: 0.5;

}

 

.hiti-phone.hiti-green.hiti-hover .hiti-ph-circle {

    border-color: #416ba8;

    opacity: 0.5;

}

 

.hiti-phone.hiti-green .hiti-ph-circle {

    

    opacity: 0.5;

}

 

.hiti-phone.hiti-gray.hiti-hover .hiti-ph-circle {

    border-color: #416ba8;

    opacity: 0.5;

}

 

.hiti-phone.hiti-gray .hiti-ph-circle {

    border-color: #416ba8;

    opacity: 0.5;

}

 

.hiti-ph-circle-fill {

    animation: 2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim;

    background-color: #000;

    border: 2px solid transparent;

    border-radius: 100%;

    height: 70px;

    width: 70px;

    left: 35px;

    opacity: 0.1;

    position: absolute;

    top: 35px;

    transform-origin: 50% 50% 0;

    transition: all 0.5s ease 0s;

    

}

 

.hiti-phone.hiti-active .hiti-ph-circle-fill {

    animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -webkit-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -moz-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -ms-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -o-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

}

 

.hiti-phone.hiti-static .hiti-ph-circle-fill {

    animation: 2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

    -webkit-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -moz-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -ms-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

     -o-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;

    opacity: 0 !important;

}



 

.hiti-phone.hiti-hover .hiti-ph-circle-fill {

    background-color:  rgba(62, 64, 149, 0.5);

    opacity: 0.75 !important;

}

 

.hiti-phone.hiti-green.hiti-hover .hiti-ph-circle-fill {

    background-color:  rgba(62, 64, 149, 0.5);

    opacity: 0.75 !important;

}

 

.hiti-phone.hiti-green .hiti-ph-circle-fill {

    background-color:  rgba(184, 58, 184, 0.5);

    opacity: 1 !important;

}

  

.hiti-phone.hiti-gray.hiti-hover .hiti-ph-circle-fill {

    background-color:  rgba(62, 64, 149, 0.5);

    opacity: 0.75 !important;

}

 

.hiti-phone.hiti-gray .hiti-ph-circle-fill {

    background-color: rgba(62, 64, 149, 0.5);

    opacity: 0.75 !important;

}



.hiti-ph-img-circle {

 

    animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim;

    background-color: rgba(30, 30, 30, 0.1); 

    background-position: center center;

    background-repeat: no-repeat;

    border: 2px solid transparent;

    border-radius: 100%;

    height: 50px;

    left: 45px;

    opacity: 0.7;

    position: absolute;

    top: 45px;

    transform-origin: 50% 50% 0;

    width: 50px;

} 

  

.hiti-phone.hiti-active .hiti-ph-img-circle {

    animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

     -webkit-animation:  1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

      -moz-animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

       -ms-animation:  1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

        -o-animation:  1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; 

}

 

.hiti-phone.hiti-static .hiti-ph-img-circle {

    animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

     -webkit-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

     -moz-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

     -ms-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

     -o-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;

}

 

.hiti-phone.hiti-hover .hiti-ph-img-circle {

    background-color: #416ba8;

}

 

.hiti-phone.hiti-green.hiti-hover .hiti-ph-img-circle {

    background-color: #416ba8

} 



.hiti-phone.hiti-green .hiti-ph-img-circle {

    background-color: #416ba8;

    color: #fff;

    font-size: 20px;

    text-align: center;

    line-height: 50px;

} 



.hiti-phone.hiti-gray.hiti-hover .hiti-ph-img-circle {

    background-color: #416ba8;

}  

.hiti-phone.hiti-gray .hiti-ph-img-circle {

    background-color: #416ba8;

} 

.hiti-phone {

    background-color: transparent;

    cursor: pointer;

    height: 200px;

    position: fixed;

    transition: visibility 0.5s ease 0s;

    visibility: hidden;

    width: 200px;

    z-index: 200000 !important;

}

 

.hiti-phone.hiti-show {

    visibility: visible;

} 

@keyframes hiti-circle-anim {

  0% {

      opacity: 0.1;

      transform: rotate(0deg) scale(0.5) skew(1deg);

  }

  30% {

      opacity: 0.5;

      transform: rotate(0deg) scale(0.7) skew(1deg);

  }

  100% {

      opacity: 0.6;

      transform: rotate(0deg) scale(1) skew(1deg);

  }

} 

@keyframes hiti-circle-fill-anim {

  0% {

      opacity: 0.2;

      transform: rotate(0deg) scale(0.7) skew(1deg);

  }

  50% {

      opacity: 0.2;

      transform: rotate(0deg) scale(1) skew(1deg);

  }

  100% {

      opacity: 0.2;

      transform: rotate(0deg) scale(0.7) skew(1deg);

  }

}  

@keyframes hiti-circle-img-anim {

  0% {

      transform: rotate(0deg) scale(1) skew(1deg);

  }

  10% {

      transform: rotate(-25deg) scale(1) skew(1deg);

  }

  20% {

      transform: rotate(25deg) scale(1) skew(1deg);

  }

  30% {

      transform: rotate(-25deg) scale(1)  skew(1deg);

  }

  40% {

      transform: rotate(25deg) scale(1) skew(1deg);

  }

  50% {

      transform: rotate(0deg) scale(1) skew(1deg);

  }

  100% {

      transform: rotate(0deg) scale(1) skew(1deg);

  }

}  

.zalo-chat-widget

{

	bottom: 55px !important;

}

#back-to-top

{

	position: fixed;

	z-index: 999;

	bottom: 20px;

	right: 5px;

	width: 45px;

	height: 45px;

	border-radius: 50%;

	background: #416ba8;

	color: #fff;

	font-size: 26px;

	line-height: 40px;

	text-align: center;

	opacity: 0.8;

}

#back-to-top:focus

{

	border: none !important;

}

#back-to-top:hover

{

	opacity: 1;

}

#back-to-top .fa

{

	margin: 0;

}

.comment-metadata a time 

{

	display: none;

}



.comments_area header

{

    text-align: left;

}

.input-group-addon

{

    display: block;

    width: 200px;

    margin-bottom: 5px;

    border-radius: 0 !important;

    border: 1px solid #ccc !important;

    padding: 10px 0;

    text-align: center;

}

#commentform p 

{

    overflow: hidden;

    margin-bottom: 20px;

}

.commentlist

{

    list-style: none;

    padding-left: 0;

}

.commentlist ul 

{

    list-style: none;

}

.comment-author .says

{

    display: none;

}

.comment-meta div

{

    display: inline-block;

}

.commentlist li 

{

    overflow: hidden;

    padding-top: 15px;

    margin-bottom: 15px;

    border-top: 1px solid #ccc;

}



.comment-form .form-control

{

    width: 90%;

    padding: 5px 20px;

    font-size: 14px;

}

@-webkit-keyframes my {



	 0% { color: #416ba8; } 



	 50% { color: #416ba8;  } 



	 100% { color: #416ba8;  } 



 }



 @-moz-keyframes my { 



	 0% { color: #416ba8;  } 



	 50% { color: #416ba8;  }



	 100% { color: #416ba8;  } 



 }



 @-o-keyframes my { 



	 0% { color: #416ba8; } 



	 50% { color: #416ba8; } 



	 100% { color: #416ba8;  } 



 }



 @keyframes my { 



	 0% { color: #416ba8;  } 



	 50% { color: #416ba8;  }



	 100% { color: #416ba8;  } 



 } 





.mask 

{

	background: rgba(0,0,0,0.7);

	padding-top: 30px;

}

.cates_index .img 

{

	display: block;

	background: #fff;

	padding: 20px;

	border-radius: 50%;

	overflow: hidden;

	border: 2px solid #ccc;

}

.cate_index h2 a 

{

	text-transform: uppercase;

	color: #416ba8;

	font-size: 18px;

	text-align: center;

	display: block;

	height: 40px;

	margin-bottom: 20px;

	margin-top: 20px;

}

.cate-gird

{

	background: #ebf2ff;

	padding: 30px 0;

}



.cate_index .img{

	display: block;

    width:100%;

    *width:90%;

    height:auto;

    margin:0;

    padding:0px;

    position:relative;

    border:10px solid #fff;

    border-radius:360px;

    -moz-border-radius:360px;

    -webkit-border-radius:360px;

    box-shadow:0 10px 0 #CCCCCC;

    -moz-box-shadow:0 10px 0 #CCCCCC;

    -webkit-box-shadow:0 10px 0 #CCCCCC;

    z-index:0;

    overflow: hidden;

}



.cate_index img{

  transition: transform 1s;

}



.cate_index:hover img{

  transform: scale(1.20);

}

.cate_index:hover h2 a 

{

	color: red;

	text-decoration: none;

}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next

{

	position: absolute;

	top: 40%;

}

.owl-carousel .owl-nav .owl-next

{

	right: 0;

}

.owl-carousel .owl-nav .fa 

{

	font-size: 45px;

	color: #416ba8;

}

.cate-gird .owl-carousel .owl-item img {

 

}

.img-t

{

	border: 1px solid #ccc;

	display: block;

	overflow: hidden;

}

.img-t .img

{

	display: block;

}

.mt-yk

{

	padding:20px 10px;

}

.title_tt

{

    text-transform: uppercase;

    font-family: "Roboto Condensed";

    font-size: 30px;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 20px;

    font-weight: 800;

    text-align: center;

    padding-bottom: 30px;

    color: #0e073d

}

.title_tt a 

{

   color: #0e073d;

}

.title_tt::after

{

    content: '';

    position: absolute;

    bottom: 2px;

    left: 40%;

    width: 20%;

    height: 25px;

    background: url(../images/line_title.png) no-repeat center;

}

.title_tt .fa 

{

    display: block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #fff;

    color: #416ba8;

    text-align: center;

    line-height: 29px;

    position: absolute;

    bottom: -10px;

    left: calc((100% - 30px)/2);

    z-index: 9;

    border: 1px solid #ccc;

    font-size: 18px;

}

.icon_eare

{

	background: #e9ebee;

	padding: 30px 0;

}

.breadcum 

{

	background: #ebf2ff;

}

.nav-tabs > li > a

{

	font-size: 18px;

	text-transform: uppercase;

	font-family: "Roboto Condensed"

}

.tensp h3

{

	margin-top: 45px;

}

.slg-wp

{

	padding-top: 45px;

}

.sidebar_fixed

{

    position: fixed;

    top:50px;

    opacity: 0;

    visibility: hidden;

}

.sidebar_absolute

{

    bottom: 0;    

    position: absolute;

    width: 100%;

}

.sidebar

{

    position: relative;

}

.display_none

{

    display: none !important;

}

.menufixed

{

    position: fixed !important;

    z-index: 9999;

    width: 100%;

    top: 0;

    left: 0;

}

.icon_left

{

    text-align: center;

    width: 45px;

    position: fixed;

    bottom: 65px;

    right: 5px;

    z-index: 9999;

}

.icon_left a 

{

    display: block;

    width: 45px;

    margin: 5px 0;

    padding: 8px;

    border-radius: 50%;

    box-shadow: 0 3px 10px #888;

    height: 45px;

    line-height: 26px;

}

.icon_messager

{

    background: #e60f1e;

}

.icon_phone

{

    background: #19305a;

}

.icon_sms

{

    background: #ff6600;

}

.icon_zalo

{

    background: #0084FF;

}

.dang_ky_fix

{

	position: fixed;

	bottom: 0;

	left: 20px;

	text-align: center;

	background-color: #416ba8;

	margin-top: 10px;

	color: #000;

	z-index: 9999;

	font-family: "Roboto Condensed";

	font-size: 20px;

	text-transform: uppercase;

	padding: 8px 30px;

	font-weight: bold;

}

.dang_ky_fix a 

{

	color: #fff;

}

.dang_ky_fix a i 

{

	padding-right: 5px;

	font-size: 30px;

}

.dang_ky_fix {

    -webkit-animation-duration: 1s;

    -webkit-animation-name: tada_keyframe;

    -webkit-animation-fill-mode: both;

    animation-duration: 1s;

    animation-name: tada_keyframe;

    animation-fill-mode: both;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}

@keyframes tada_keyframe {

	0% {

		-webkit-transform:translate(0,0) scale(1,1);

		transform:translate(0,0) scale(1,1)

	}

	10%,20% {

		-webkit-transform:translate(0,0) scale(.9,.9) rotateZ(-3deg);

		transform:translate(0,0) scale(.9,.9) rotateZ(-3deg)

	}

	30%,50%,70%,90% {

		-webkit-transform:translate(0,0) scale(1.1,1.1) rotateZ(3deg);

		transform:translate(0,0) scale(1.1,1.1) rotateZ(3deg)

	}

	40%,60%,80% {

		-webkit-transform:translate(0,0) scale(1.1,1.1) rotateZ(-3deg);

		transform:translate(0,0) scale(1.1,1.1) rotateZ(-3deg)

	}

	100% {

		-webkit-transform:translate(0,0) scale(1,1) rotateZ(0);

		transform:translate(0,0) scale(1,1) rotateZ(0)

	}

}

@-webkit-keyframes tada_keyframe {

	0% {

		-webkit-transform:translate(0,0) scale(1,1)

	}

	10%,20% {

		-webkit-transform:translate(0,0) scale(.9,.9) rotateZ(-3deg)

	}

	30%,50%,70%,90% {

		-webkit-transform:translate(0,0) scale(1.1,1.1) rotateZ(3deg)

	}

	40%,60%,80% {

		-webkit-transform:translate(0,0) scale(1.1,1.1) rotateZ(-3deg)

	}

	100% {

		-webkit-transform:translate(0,0) scale(1,1) rotateZ(0)

	}

}

.chitiet p, .content p 

{

	font-size: 15px;

	line-height: 22px;

}

img.alignleft 

{

	float: left;

	padding-right: 10px;

}

img.alignright 

{

	float: right;

	padding-left: 10px;

}

.item 

{

	margin-bottom: 30px;

}

.item .img

{

    text-align: center;

    display: block;

    position: relative;

    overflow: hidden;

}

.item .img .link

{  

    position: absolute;

    z-index: 99;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    background: rgba(0,0,0,0.5);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.item .img:hover .link {

  opacity: 1;

}

.item .img img {

    display: block;

    transition: all .3s ease;

}

.img:hover img{

    transform:scale(1.04);

}



.item .img i {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 50px;

    height: 50px;

    line-height: 46px;

    font-size: 1.3em;

    border: 2px solid #fff;

    color: #fff;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%) rotate(270deg);

    -moz-transform: translate(-50%, -50%) rotate(270deg);

    -ms-transform: translate(-50%, -50%) rotate(270deg);

    transform: translate(-50%, -50%) rotate(270deg);

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.item .img:hover i {

  -webkit-transform: translate(-50%, -50%) rotate(0);

  -moz-transform: translate(-50%, -50%) rotate(0);

  -ms-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

}

.item h2 

{

	font-size: 16px;

	text-transform: uppercase;

	margin-top: 10px;

	text-align: center;

	font-weight: bold;

}

.entry-meta-data

{

	margin-top: 5px;

}

.news .item h2 

{

	text-align: left;

}

.search 

{

	overflow: hidden;

	margin-top: 20px;

	position: relative;

}

.hotline_top ul 

{

	overflow: hidden;

}

.search-form .btn_search

{

	position: absolute;

	top: 0;

	right: 0;

	z-index: 99;

	height: 36px;

	width: 32px;

	text-align: center;

	background: #416ba8;

	color: #fff;

}

.search-form .btn_search .fa 

{

	margin: 0;

}