/* Styling of the baner contents */
.baner p {
    margin: 0 0 0;
    line-height: 0;
}
.baner p img {
    max-width: 100%;
}
@media all and (min-width:769px) {
    .baner {
        max-width: 1022px;
        margin: 0 auto;
        padding-top: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .baner a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}


/* Styling of the single para contents */
.para1 p {
    margin: 2em 0 2em;
    line-height: 1.5em;
}
@media all and (min-width:769px) {
    .para1 {
        max-width: 1022px;
        margin: 0 auto;
        padding-top: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .para1 a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}

/* Styling of the single para contents */
.para2 p {
    margin: 2em 0 2em;
    line-height: 1.5em;
}
@media all and (min-width:400px) {
    .para2 {
        max-width: 822px;
        margin: 0 auto;
        padding-top: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .para2 a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}

/* Styling of the contact us contents */
.para3 p {
    margin: 0 auto;
    line-height: 1.5em;
}
@media all and (min-width:200px) {
    .para3 {
        max-width: 322px;
        margin: 0 auto;
        padding-top: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .para3 a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}

/* Styling of the contact us inner address contents */
.para4 p {
    margin: 0 0 0;
    line-height: 1.5em;
}
@media all and (min-width:800px) {
    .para4 {
        max-width: 1022px;
        margin: 0 auto;
        padding-top: 2em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .para4 a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}


/* Styling of the contact us email contents */
.para5 p {
    margin: 0 0 0;
    line-height: 1.5em;
}
@media all and (min-width:100px) {
    .para5 {
        max-width: 322px;
        margin: 0 auto;
        padding-top: 2em;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .para5 a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}


/* Styling of the product1 contents */
.pro1 p {
    margin: 0 0 5em;
    line-height: 1.5em;
}
.pro1 p img {
    max-width: 100%;
}
@media all and (min-width:200px) {
    .pro1 {
        max-width: 800px;
        margin: 0 auto;
        padding-top: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .pro1 a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}

/* Styling of the product details contents */
.procont p {
    margin: 2em 0 2em;
    line-height: 1.5em;
}
@media all and (min-width:200px) {
    .procont {
        max-width: 800px;
        margin: 0 auto;
        padding-top: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .procont a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}





/* Swatches */
/* A1
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-a1 {
	border: 0 solid 		#333 /*{a-bar-border}*/;
	background: 			#111 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
}
.ui-bar-a1,
.ui-bar-a1 input,
.ui-bar-a1 select,
.ui-bar-a1 textarea,
.ui-bar-a1 button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-a1 .ui-link-inherit {
	color: #fff /*{a-bar-color}*/;
}
.ui-bar-a1 a1.ui-link {
	color: #7cc4e7 /*{a-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-a1 a1.ui-link:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}
.ui-bar-a1 a1.ui-link:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.ui-bar-a1 a1.ui-link:active {
	color: #2489ce /*{a-bar-link-active}*/;
}
.ui-body-a1,
.ui-overlay-a1 {
	border: 0px solid 		#444 /*{a-body-border}*/;
	background: 			#222 /*{a-body-background-color}*/;
	color: 					#fff /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
}
.ui-overlay-a1 {
	background-image: none;
	border-width: 0;
}
.ui-body-a1,
.ui-body-a1 input,
.ui-body-a1 select,
.ui-body-a1 textarea,
.ui-body-a1 button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-a1 .ui-link-inherit {
	color: 	#fff /*{a-body-color}*/;
}
.ui-body-a1 .ui-link {
	color: #2489ce /*{a-body-link-color}*/;
	font-weight: bold;
}
.ui-body-a1 .ui-link:visited {
    color: #2489ce /*{a-body-link-visited}*/;
}
.ui-body-a1 .ui-link:hover {
	color: #2489ce /*{a-body-link-hover}*/;
}
.ui-body-a1 .ui-link:active {
	color: #2489ce /*{a-body-link-active}*/;
}
.ui-btn-up-a1 {
	border: 1px solid 		#111 /*{a-bup-border}*/;
	background: 			#333 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
}
.ui-btn-up-a1:visited,
.ui-btn-up-a1 a1.ui-link-inherit {
	color: 					#fff /*{a-bup-color}*/;
}
.ui-btn-hover-a1 {
	border: 1px solid 		#000 /*{a-bhover-border}*/;
	background: 			#444 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
}
.ui-btn-hover-a1:visited,
.ui-btn-hover-a1:hover,
.ui-btn-hover-a1 a1.ui-link-inherit {
	color: 					#fff /*{a-bhover-color}*/;
}
.ui-btn-down-a1 {
	border: 1px solid 		#000 /*{a-bdown-border}*/;
	background: 			#222 /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
}
.ui-btn-down-a1:visited,
.ui-btn-down-a1:hover,
.ui-btn-down-a1 a1.ui-link-inherit {
	color: 					#fff /*{a-bdown-color}*/;
}
.ui-btn-up-a1,
.ui-btn-hover-a1,
.ui-btn-down-a1 {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}