/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.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;
}
/* sampled usage */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/400);
  unicode-range: U+20;
}

/* latin-ext */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'), url(https://fonts.gstatic.com/s/archivoblack/v4/WoAoVT7K3k7hHfxKbvB6B4gp5tHOaY2aFcSDf2owb3A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'), url(https://fonts.gstatic.com/s/archivoblack/v4/WoAoVT7K3k7hHfxKbvB6B6GwZwAVuVwqynDPq0VH9Ho.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;
}


.logo
{width: 100%;
margin:0px !important;
}



.footer-tag {
    font-size: 14px;
    text-transform: uppercase;
}

.heading-line3 {
    width: 61px;
    font-weight: 700;
    background: #fff;
    height:1px;
    border-radius: 0px;
    text-align: left;
    margin: 8px 0px 17px 0px;
}
body
{overflow:hidden;
  font-family: 'Lato';
overflow-y:visible !important;

}
.compa
{
margin:0px !important;
padding:10px 10px !important;
}

.footer-line p {font-size: 14px;line-height: 20px;}

.footer-link {font-size: 14px;color:#fff !important;line-height: 27px;}
.footer-link:hover {
color:#f1c40f !important;
padding-left:5px !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ea;
text-decoration:blink;

}

.header-me
{
background:#fff;float:left;width:100%;margin:0px;padding:0px 0px;
z-index:999;
}


.backr-form
{background:#fff;font-size:25px;font-weight:bold;line-height: 49px;text-align:center;text-transform: capitalize;color:#202020 !important;}

.backr-form:hover
{
background:#d50d29;
font-size:25px;
font-weight:bold;
border:solid 1px #d50d29 !important;
color:#fff !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ea
}



.slider-me
{background:#fff;float:left;width:100%;position: relative;z-index: -111111;padding:0px;margin:0px;}



.about-us
{background:#fff;float:left;width:100%;padding: 100px 0px;margin:0px;}

.about-us p
{color:#202020;text-align:center;font-size: 17px;line-height: 29px;}

.text-tag
{color:#202020;font-size: 38px;font-family: 'Archivo Black', sans-serif;text-align:center;font-weight: 900;letter-spacing: -0.6px;position: relative;padding-bottom: 2px;}

.text-tag span
{
color:#d50d29;

}

.heading-line {
width: 90px;
font-weight: 700;
background: #d50d29;
border:NONE !important;
height: 5px;
border-radius: 5px;
text-align: center;
margin: 9px auto 15px auto !important;
}




.images-logo
{
	width: 373px !important;
	height:85px !important;
	}
	
	

.products-line
{
background:url(../images/product-banner.jpg) center top fixed;
background-size: cover;
position: relative;
float:left;
width:100%;
padding:50px 0px;
margin:0px;
}



.broadcast-line
{
	background:url(../images/background.png);
	
position: relative;float:left;width:100%;padding: 100px 0px;margin:0px;}

.broadcast-line p
{
    color: #202020;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}


.system-line {
    background: url(../images/SYSTEM-banner.jpg) center top fixed;
    background-size: cover;
    position: relative;
    float: left;
    width: 100%;
    padding: 100px 0px;
    margin: 0px;
}

.system-line P {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}		


.support-line
{
background:url(../images/background.png);
position: relative;float:left;width:100%;padding: 100px  0px;margin:0px;}	
	
	
	
.support-line p
{    text-align: center;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;}	
	
	
	.servcie-butt {
    border-radius: 3px !important;
    padding: 10px 20px !important;
    border:none;
    font-size:16px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    background: #fcbe03 !important;
    margin-top: 8px;
}

.servcie-butt:hover {
    background: #202020 !important;
    color: #fff !important;

		-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ea
}

	
	
	.footer-form {
    width: 100% !important;
    height: 37px !important;
    border-radius: 3px !important;
    border: solid 1px #ac3153 !important;
    font-size: 12px !important;
    margin-bottom: 6px !important;
}

.send-me
{border-radius:50px !important;font-size: 18px !important; margin-top:25px !important; font-weight: bold !important;padding: 13px 25px !important;background: #081631 !important;color: #fff !important;}

.send-me:hover
{ 
background: #25b968 !important;
color: #fff !important;
text-decoration:blink !important;

}


.contact-line
{color:#fff;background-size: cover;position: relative;float:left;width:100%;padding: 100px 0px;margin:0px;background: url(../images/our-brands.jpg) center top fixed;
background-size: cover;
position: relative;}	
	

.contact-line p
{text-align:center;font-size:25px;font-weight: bold;text-transform:uppercase;}	

.footer-line {
    color: #fff;
    float: left;
    background: #000000;
    margin: 0px;
    position: relative;
    width: 100% !important;
    padding: 30px 0px;
}
	
.close {
  float: right !important;
  font-size: 21px; !important;
  font-weight: bold !important;
  line-height: 1 !important;
  padding: 10px !important;
  color: #fff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  background: #081631 !important;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

@media only screen and (min-width:360px) and (max-width:640px) {

.logo
{width:70% !important;
margin: 0 auto !important;
}

#ddmenu a, #ddmenu a:link, #ddmenu a:hover {
    color: inherit;
    padding: 5px 16px !important;
    float: right;
    width: 100% !important;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
z-index:9999;
width:360px !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
	
.compa
{
margin:0px !important;
float:left !important
padding:25px 10px !important;
}
	
	
	.dropdown-content a {
z-index: 9999;
color: black;
float:left !important;
padding:10px 16px !important;
text-decoration: none;
display: block;
border-bottom: dotted 1px #ddd;
color: rgba(34, 34, 34, 0.8) !important;
}
	.backr-form {
    background: #fff;
    font-size: 21px !important;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #202020 !important;
}

.images-logo
{
width:229px !important;
height:50px !important;
}

	
	
	
.menu-left a {display: inline-block;position: relative;padding-bottom: 0px;font-size: 15px;font-weight: bold;width:100%;padding: 2px 8px !important;text-transform: uppercase;transition: color .35s ease;}	




ul.menu-left {
    display: block;
    max-height: 0;
	height:250px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 10;
}

.text-tag {
    color: #202020;
    font-size: 21px;
    font-family: 'Archivo Black', sans-serif;
    text-align: center;
    font-weight: 900;
    letter-spacing: -0.6px;
    position: relative;
    padding-bottom: 15px;
}

.about-us p {
    color: #202020;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.about-us {
    background: #fff;
    float: left;
    width: 100%;
    padding: 20px 0px;
    margin: 0px;
}

.products-line {
background:url(../images/product-banner.jpg) center top fixed;
background-size: cover;
position: relative;
float: left;
width: 100%;
padding: 20px 0px;
margin: 0px;
}

.broadcast-line {
background: #fff;
background-size: cover;
position: relative;
float: left;
width: 100%;
padding: 20px 0px;
margin: 0px;
}
.broadcast-line p {
color: #202020;
text-align: center;
font-size: 14px;
line-height:24px;
}
.system-line {
    background: url(../images/SYSTEM-banner.jpg) center top fixed;
    background-size: cover;
    position: relative;
float: left;
width: 100%;
padding: 20px 0px;
margin: 0px;
}

.system-line P {
color: #FFF;
text-align: center;
font-size: 14px;
line-height: 24px;
}

.support-line {
background: #fff;
background-size: cover;
position: relative;
float: left;
width: 100%;
padding: 20px 0px;
margin: 0px;
}

.support-line p {
text-align: center;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
}

.contact-line {
background: url(../images/our-brands.jpg) center top fixed;
background-size: cover;
position: relative;
color: #fff;
background-size: cover;
position: relative;
float: left;
width: 100%;
padding: 20px 0px;
margin: 0px;
}

.contact-line p {text-align: center;font-size: 9px;font-weight: bold;text-transform: uppercase;}


.servcie-butt {border-radius: 3px !important;padding: 8px 12px !important;border: none;font-size: 12px !important;text-transform: uppercase !important;font-weight: bold !important;background: #fcbe03 !important;margin-top: 8px;}

.thumbnail {display: block;padding: 20px 8px !important;margin-bottom: 20px;height: auto;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out;}

}