@charset "utf-8";
/* CSS Document */
@font-face{
font-family:'tondo_lt';
src:url('../fonts/tondo_lt.woff2') format('woff2'),
url('../fonts/tondo_lt.woff') format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
  font-family: 'Tondo';
  src: url('../fonts/Tondo.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Tondo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Tondo.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Tondo.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Tondo.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Tondo.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Cambria';
  src: url('../fonts/Cambria.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cambria.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Cambria.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto-Condensed';
  src: url('../fonts/Roboto-Condensed.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto-Condensed.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Roboto-Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto-Condensed.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a, a:hover, a.active{
    text-decoration: none;
    border: 0;
    outline: 0;
}

input, select, textarea, button{
    outline: 0;
    border: 0;
}
button{
    cursor: pointer;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    padding:5px 0;
}
body{
    overflow-y: auto;
    overflow-x: hidden;
    font-family:tondo_lt, sans-serif;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
}
p {
    margin-bottom: 0px;
}
.container{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.pd-100 {
    margin-bottom:100px;
}
/*---header---*/
.menu-bar {
	padding: 12px 0 0 0;
    margin: 6px 25px 0 0;
	display:inline-block;
	float:left;
}
.bar-top, .bar-cen, .bar-bot {
	width:30px;
	height:2px;
	background:#000;
	padding: 1px 15px;
	margin:5px 0px;
	transition:all 0.5s ease;
}	
 .active .bar-top {
transform:rotate(-45deg) translate(-5px,5px);

}
 .active .bar-bot  {
    transform: rotate(45deg) translate(-4px,-6px);
}
.active .bar-cen  {
opacity:0;
}
.nav {
	position:fixed;
	height:0;
	width:100%;
	background:#fff;
	transition:all  0.6s ease;
	padding-top: 0px;
	text-align:center;
	overflow:hidden;
	z-index:10;
	display:block;
}
.nav ul li {
display:block;
text-align: left;
border-bottom: 1px solid #eee;
}
.nav ul li:last-child {
	border-bottom:none;
}
.nav ul li a {
font-size:15px;
color: #202020;
 font-family:tondo_lt, sans-serif;
 margin:10px 15px;
 display:inline-block;
}
.des-logo {
    margin-top: 7%;
}
.header {
	background:#fff;
	padding:10px 0;
/*	box-shadow: 0 0 10px #ccc; */
    transition: all .6s ease;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
}
.min-logo {
     width: 180px;
    height: auto;
    display: table;
    vertical-align: middle;
    padding-top: 5px;
}
.min-logo img {
    width:100%;
    height:auto;
}
.center {
	text-align:center;
	padding:15px 0;
}
.logo {
	width:20%;
    height: auto;
    margin: 0 auto;
}
.logo-con {
	width: 60%;
    height: auto;
    margin: 0 auto;
	padding:15px 0;
}
/*---banner---*/
.sec-con p, .quote p, .info p {
	font-size:17px;
	color:#202020;
    padding: 5px 0;
}
.sec-con p span, .info p span {
font-weight: bold;
    font-family:tondo_lt, sans-serif;
}
.delar-p p {
	font-size:19px;
	color:#202020;
	margin: 10px 0;
	background:yellow;
	display: inline-block;
	padding:0;
}
.sec-list {
    padding:10px 15px;
}

.sec-list ul {
	list-style:disc !important;
}
.sec-list ul li {
    margin:5px 0;
}
.sec-list li a {
	font-size:17px;
	color:#202020;
}
.sec-list li a span {
	font-style:italic;
}
.sec-list li a p {
	font-size:17px;
	color:#202020;
}
.quote p {
font-style:italic;
text-align: left;
    padding: 30px 0;
}
.info {
	margin:15px 0;
}
.info p {
	padding:3px 0;
}
.pd-30 {
	padding:30px 0 0 0;
}
.md-60 h2{
	margin:0 0 0 60px;
}
.pt-25 {
    margin-top:25px;
}
.pt-60 {
    margin-top:60px;
}
/*---footer---*/
.footer {
	background:#2f2f2f;
}
.foo-blo {
	margin:30px 0;
}
.form h2 {
    font-size: 18px;
    color: rgb(233, 108, 76);
	text-transform:uppercase;
	border-bottom: 1px solid rgba(255,255,255,.05);
	padding:15px 0;
	font-family:tondo_lt, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.from-group {
	padding:10px 0;
}
.from-group input,.from-group select {
	width:100%;
	padding:10px 20px;
	background:#d5d5d5;
	border-radius:5px;
	font-family:tondo_lt, sans-serif;
	color:#757575;
}
.from-group input[type=submit] {
	background:#d66649;
	color:#fff;
	padding: 0;
    margin: 0;
	border-radius:0 !important;
	font-family:tondo_lt, sans-serif;
}
.bl {
	width:100%;
	padding:11px 20px;
	background:#d66649;
	border-radius:5px;
	margin: 10px auto;
    text-align: center;
}
.form ul li {
	border-bottom:1px solid #3a3a3a;
	padding:10px 0;
	text-align: left;
	margin:0 0 0 60px;
}
.form ul li a {
	color:#fff;
	font-size:15px;
	font-family:tondo_lt, sans-serif;
}
.cen {
	text-align:center;
}
.foot-bot {
	background:#212121;
	padding:30px 0;
}
.foo-bl {
    background:#212121;
	padding: 0px 0;
}
.foo-logo {
       width: 120px;
    height: auto;
}
.center-p {
	color:#757575;
	font-size:14px;
	font-family:tondo_lt, sans-serif;
}
.fix-foot, .logo, .quote img {
	display:none;
}
@media screen and (max-width:1280px) {

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

}
@media screen and (max-width:1023px) {
.min-logo {
    width: 25%;
    padding-top: 0px;
}
.menu-bar {
    padding: 9px 0 0 0;
}
}
@media screen and (max-width:979px) {
.min-logo {
    width: 25%;
}
.menu-bar {
    padding: 5px 0 0 0;
}
}
@media screen and (max-width:799px) {

.form h2 {
    font-size: 20px;
}

.from-group {
    padding: 15px 0;
}
.des-logo {
    margin-top: 7%;
}
}
@media screen and (max-width:767px) {
.min-logo {
    width: 30%;
    float: right;
}
.menu-bar {
    padding: 15px 0 0 0;
}
.nav {
    left: 0;
    margin-top: 51px;
}
.des-logo {
    margin-top: 15%;
}
.sec-con p, .quote p, .info p, .sec-list li a {
    font-size: 17px;
}

.center {
    padding: 0px 0;
}
.form ul li, .md-60 h2 {
    margin: 0 0 0 0px;
}
.cen {
    text-align: left;
}
.fix-foot {
    position: fixed;
    display: block;
    opacity: 1;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 1000;
}
.inq-btn {
    text-align: center;
    background-color: #393838;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #e55e1d;
}
.inq-btn a{
        color: #fff;
    background-color: #e55e1d;
    border-color: #d15418;
    transition: all .3s;
    padding: 10px 20px;
    border: 2px solid;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.42857;
    border-radius: 4px;
    font-family:tondo_lt, sans-serif;
}

.inq-btn a:hover {
    background-color: white !important;
    color: #E55E1D !important;
}
.foo-bl {
    padding: 60px 0;
}
}
@media screen and (max-width:639px) {

.min-logo {
    width: 45%;
}
}
@media screen and (max-width:479px) {
.min-logo {
    width: 45%;
}
.head {
    padding: 5px 0;
}
.des-logo {
    margin-top: 25%;
}
.menu-bar {
    padding: 0px 0 0 0;
}
.logo-con {
    margin-top: 25%;
}
.center, .logo-con  {
    padding: 10px 0 0 0;
}
.ban-con {
	margin-bottom:20px;
}
.nutshall {
    width: 100%;
}
}