@font-face {
    font-family: 'Ubuntu-Regular';
    src:url(../fonts/Ubuntu-Regular.ttf) format('truetype');
}
@font-face{
	font-family:'Oxygen-Regular';
	src:url(../fonts/Oxygen-Regular.ttf) format('truetype');
}
.rw-wrapper{
	position: relative;
	padding: 13em 0 0;
}
.rw-sentence{
	margin: 0;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
	font-size: 30px;
}
.rw-sentence span{
	color: #000;
	white-space: nowrap;
}
.rw-sentence > span:first-child{
	display: block;
	text-indent: 5px;
	font-size: 3em;
	font-family: 'Ubuntu-Regular';
}
.rw-words{
	width: 100%;
	height: 100px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	width: 100%;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
}
.rw-words-1 span{
font-family:'Oxygen-Regular';
	font-size: 1.2em;
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-moz-animation: rotateWordsFirst 18s linear infinite 0s;
	-o-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
	line-height: 1.4em;
}
.rw-words-2 span{
	font-size: 2em;
	font-style: italic;
	text-indent: 5px;
	color: #F67777;	
	font-family: 'Ubuntu-Regular';
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-moz-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-o-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-moz-animation-delay: 3s; 
	-o-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s;
	-moz-animation-delay: 9s; 
	-o-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-moz-animation-delay: 12s; 
	-o-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s;
	-moz-animation-delay: 15s; 
	-o-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 50%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWordsFirst {
    0% { opacity: 0; -moz-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -moz-animation-timing-function: ease-out; width: 50%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWordsFirst {
    0% { opacity: 0; -o-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -o-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(200px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWordsSecond {
    0% { opacity: 0; -moz-transform: translateZ(200px) translateX(200px);}
    8% { opacity: 1; -moz-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWordsSecond {
   0% { opacity: 0; -o-transform: translateZ(200px) translateX(200px);}
    8% { opacity: 1; -o-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(200px) translateX(200px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; transform: translateZ(200px) translateX(200px);}
    8% { opacity: 1; transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
/*--responsive--*/
@media(max-width: 1280px){
.rw-sentence > span:first-child {
    font-size: 2.6em;
}
.rw-words-2 span {
    font-size: 1.7em;
}
}
@media(max-width: 1024px){
.rw-wrapper {
    padding: 7em 0 0;
}	
.rw-sentence > span:first-child {
    font-size: 2.3em;
}
}
@media(max-width:768px){
.rw-sentence > span:first-child {
    font-size: 1.8em;
}
.rw-words-1 span {
    font-size: 1em;
}
.rw-words-2 span {
    font-size: 1.3em;
}
}
@media(max-width:640px){
.rw-sentence {
    font-size: 25px;
}
.rw-words {
    height: 63px;
}
.rw-wrapper {
    padding: 8em 0 0;
}
}
@media(max-width: 480px){
.rw-wrapper {
    padding: 6em 0 0;
}
.rw-sentence {
    font-size: 23px;
}
}
@media screen and (max-width: 320px){
.rw-sentence {
    font-size: 13px;
}	
.rw-words {
    height: 41px;
}
.rw-wrapper {
    padding: 4.5em 0 0;
}

}


/* our style*/

.CategoryButton
{
    width: 100%;
    margin: 0.3em 0;
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 0.9em;
    text-decoration: none;
    font-family: 'Oxygen-Bold';
    border: none;
    text-align: left;
    background-color: #fff;
    padding-left: 0px;
}


.card { position: relative; display: block; /*! margin-bottom: 1.75rem; */ background-color: #fff; border: 0 solid #eeeeee; box-shadow: 0px 3px 10px #848484;}

.card-block { padding: 1.875rem; }

.card-title { margin-bottom: 0.75rem; }

.card-subtitle { margin-top: -0.375rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }
.card-link + .card-link { margin-left: 1.875rem; }

.card-header { padding: 0.75rem 1.875rem; background-color: #f5f5f5; border-bottom: 0 solid #eeeeee; }

.card-footer { padding: 0.75rem 1.875rem; background-color: #f5f5f5; border-top: 0 solid #eeeeee; }

.card-primary { background-color: #edac15; border-color: #edac15; }

.card-success { background-color: #5cb85c; border-color: #5cb85c; }

.card-info { background-color: #539ad0; border-color: #539ad0; }

.card-warning { background-color: #f0ad4e; border-color: #f0ad4e; }

.card-danger { background-color: #d9534f; border-color: #d9534f; }

.card-inverse .card-header, .card-inverse .card-footer { border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); }
.card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; }
.card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { color: rgba(255, 255, 255, 0.65); }
.card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; }

.card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

@media (min-width: 544px) { .card-deck { display: table; table-layout: fixed; border-spacing: 1.25rem 0; }
  .card-deck .card { display: table-cell; width: 1%; vertical-align: top; }
  .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } }
@media (min-width: 544px) { .card-group { display: table; width: 100%; table-layout: fixed; }
  .card-group .card { display: table-cell; vertical-align: top; }
  .card-group .card + .card { margin-left: 0; border-left: 0; } }
@media (min-width: 544px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; }
  .card-columns .card { display: inline-block; width: 100%; } }
  
.contact-profile__container { position: relative; border-top: 3px solid #B4B1B1; border-bottom: 9px solid #ededed; padding-bottom: 1.625rem; }
.contact-profile__name { position: absolute; background-color: #F67777; color: #ffffff; top: -1rem; left: 0.9rem; padding: 0.1rem 0.4rem; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 0.85rem; text-shadow: 0 1px rgba(0, 0, 0, 0.15); /*! text-align: left !important; */}
.contact-profile__item { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eeeeee; }
.contact-profile__item:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.contact-profile__icon { float: left; }
.contact-profile__text { margin-left: 20px; margin-bottom: 0px; font-size: 0.9em; line-height: 1.4;}
.contact-profile__social-icons { position: absolute; bottom: 0; right: 0; background-color: #f2f2f2; padding: 0.6875rem 1.875rem 0.0625rem 0.625rem; line-height: 1; }
.contact-profile__social-icons::before { position: absolute; content: ''; left: -2.1875rem; bottom: 0; width: 0; height: 0; border-bottom: 2.1875rem solid #f2f2f2; border-left: 2.1875rem solid transparent; }
.contact-profile__social-icons + .contact-profile__items { margin-bottom: 1.875rem; }
.contact-profile__social-icon { font-size: 1.375rem; color: #999999; padding-left: 0.0625rem; }
.contact-profile__social-icon:focus, .contact-profile__social-icon:hover { color: #edac15; }

.limited
{
    /*line-height: 1.5em;*/
    height: 5em;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    height: 7em;
    margin-top: 5px;
}
.card-block p:hover{ text-decoration:none !important;}
.card-block { /*border: 1px solid #dbdbdb;*/ }

.widget-title { font-size: 1.875rem; margin-bottom: 1rem; }

p.smal { font-size: 14px; }

a:focus, a:active { outline: none; }

.zindex1{ z-index:-1 !important;}
.marTop12{margin-top:12px !important;}
.marTopBot5{ margin-bottom:5px; margin-top:3px;}
.marTop5{margin-top: 5px;}
.compname{width: 100%; left: 0; font-size: 14px;}
.padAll{padding: 7px;}
.height45{height: 45px;}
.margin-bottom-20{margin-bottom:20px;}
.height70{height:70px;}
.lblerror{ color:Red;}

.form-input {
    width: 100%;
    padding: 3px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    color: #757575;
}
.select-input {
    width: 100%;
    margin: 3px 0;
    display: inline-block;
    box-sizing: border-box;
    font-size: 15px;
    color: #757575;
}
.aspNetDisabled
{
    /*width: 100%;
    padding: 6px 5px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    color: #757575;
    background-color:#efeded;*/
}
.widthAuto{  width:auto !important;}
.header{border-bottom: 1px solid #ccc;}
.bgAlmond
{
    background-color: #f6e4c6;
    background-image: url("../images/bg3.png");
    background-repeat: repeat;
}

.select-field{	
    color: #616161;
    background: #FFF none repeat scroll 0% 0%;
    width: 00%%;
    font-size: 13px;
    font-weight: 300;
    border-radius: 3px;
    resize: none;
    /*padding: 3px 0px;
    border: 1px solid #C2C2C2;*/
    box-shadow: 1px 1px 4px #EBEBEB;
	margin-left: 5px;
    height: 25px !important;
    /*! width: 115% !important; */
}

.color1{color: #F56E25;}
.grid{ border:1px solid #ccc;}
.catlable
{
    display: block;
    font-size: 14px;
    margin-top: 12px;
}
.borderleft
{
    border-left: 2px dashed #ccc;
}
.borderleft {
    border-left: 2px dashed #ccc;
}

ul.sidemenu
{
    list-style-type: none;
    margin:15px 0px;
}
ul.sidemenu li
{
    border-bottom: 1px dashed #989898;
    padding:10px;
    width: 90%;
}
ul.sidemenu li a
{
    font-size: 13px;
    color: #F67777;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
}
ul.sidemenu li a:hover
{
    padding-left:5px;
}
ul.sidemenu li a img
{
    margin-right: 10px;
}
.bg1
{
    background-image: url("../images/bg3.png");
    background-repeat: repeat;
}
.pad2em{ padding:2em 0px;}
.tips
{
    font-size: 12px;
    color: red;    
}
.font12{ font-size:12px !important;}
.aspNetDisabled
{
    width: 100%;
    padding: 6px 5px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    color: #757575;
}
.footerFixed
{
    position: fixed;
width: 100%;
bottom: 0px;
}
.offset-0-left { padding-left:0px;}
.offset-0-right { padding-right:0px;}

.dealerName
{
    background-color: #F67777;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 1px rgba(0, 0, 0, 0.15);
    height: 45px;
    text-align: center;
}
.limited {
    /*line-height: 1.5em;*/
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 4em;
    margin-top: 5px;
    font-size: 13px;
    padding: 0px;
    text-align: left;
}
.limited2
{
    /*line-height: 1.5em;*/
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em; 
    padding: 0px;
    
}
.padTopBot{    padding: 1em 0 2em 0;}
.imgName
{
    border: 0;
    font-size: 11px;
    margin: 0px 0 10px 0;
    color: green;
    line-height: 0px;
}
.height200{height: 200px;}
.pad4{ padding:4px;}
.Mymaks
{
    color: #f1f1f1;
    margin: 0px;
    font-weight: 800;
    /* text-shadow: #fb0909 1px 1px 0; 
    padding: 12px 0px;*/
    vertical-align: middle;
    font: italic 34px/24px georgia;
}
.margin-bottom-30{ margin-bottom:30px !important;}
.textarea
{
        width: 100%;
    padding: 5px 10px;
    margin: 0.6em 0 0 ;
    background: none;
    outline: none;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    -webkit-appearance: none;
    }
 .textLeft{ text-align:left !important;}
 .colorRed{    color: #c9302c;}
 
 .ProductBanner {
    text-align: center;
    width: 100%;
    height: 170px;
    display: block;
    background: url(../images/ProductBanner.jpg) no-repeat center center;
    padding: 5em 0;
    border-top: 2px solid #f67777;
    background-size:100%
}
.contactBanner{
    text-align: center;
    width: 100%;
    height: 127px;
    display: block;
    background: url(../images/strip.jpg) no-repeat center center;
    padding: 3em 0;
    border-top: 2px solid #f67777;
    background-size:100%
}
.aboutusBanner{
    text-align: center;
    width: 100%;
    height: 150px;
    display: block;
    background: url(../images/aboutusBanner.jpg) no-repeat center center;
    padding: 4em 0;
    border-top: 2px solid #f67777;
    background-size:100%
}
.distributorsBanner{
    text-align: center;
    width: 100%;
    height: 150px;
    display: block;
    background: url(../images/distributorsBanner.jpg) no-repeat center center;
    padding: 4em 0;
    border-top: 2px solid #f67777;
    background-size:100%;
}
.bannerimage{    border-top: 2px solid #f67777;}
.padLeft0{ padding-left:0px;}       
.padRight0{ padding-right:0px;} 
.white{ color:White;}