/**
 * @version		$Id: $
 * @author		Codextension
 * @package		Joomla!
 * @subpackage	Module
 * @copyright	Copyright (C) 2008 - 2012 by Codextension. All rights reserved.
 * @license		GNU/GPL, see LICENSE
 */
/*==================================== Touch Slideshow ======================================================== */
.section-touchslider .jlcontainer{
	margin:0 auto;
}
.section-touchslider .jl-touch {
    width:100%;
    height:450px;
    position:relative;
}
.section-touchslider #jltouch-container {
    width:100%;
    height:450px;
    position:relative;
}
/*.section-touchslider .jltouch-item {
    width:100%;
    height:450px;
    position:absolute;
    overflow:hidden;
}*/
.section-touchslider .jltouch-item img{
    cursor: -moz-grab;
}
.section-touchslider .prevArrow {
	left:0px; background-position:left top;
}

.section-touchslider .prevArrow:hover {
	background-position:left bottom;
}

.section-touchslider .nextArrow {
	right:0px; background-position:right top;
}

.section-touchslider .nextArrow:hover {
	background-position:right bottom;
}

.section-touchslider .pic_1_1 {
	position:absolute; bottom:0px;
}

.section-touchslider .pic_1_2 { 
	position:absolute; bottom:0px;
}

.section-touchslider .pic_1_3 {
	margin-left:-104px; position:absolute; left:50%; bottom:0px;
}

.section-touchslider .text_1_1 {
    width:auto;
    padding:5px;
    position:absolute;
    left:10%;
    top:25%;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    background-color:#000;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-size:20px;
    color:#f1f1f1;
    text-transform:uppercase;
}
.section-touchslider .text_1_2 {
    width:290px;
    margin-top:5px;
    position:absolute;
    left:10%;
    width:auto;
    top:149px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    padding:5px;
    font-size:22px;
    color:#f1f1f1;
    font-weight:bold;
    text-transform:uppercase;
}
.section-touchslider .text_1_3 {
    width:260px;
    margin-top:5px;
    position:absolute;
    left:10%;
    top:35%;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:12px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#777;
    font-weight:bold;
    text-transform:uppercase;
    line-height:15px;
}
.section-touchslider .video_2_1 {
    width:480px;
    height:255px;
    margin-left:-43px;
    position:absolute;
    left:50%;
    top:80px;
}
.section-touchslider .pic_2_1 {
    position:absolute;
    bottom:0px;
}
.section-touchslider .text_2_1 {
    width:350px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:86px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:23px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#3d3d3d;
    text-transform:uppercase;
}
.section-touchslider .text_2_2 {
    width:350px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:118px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:23px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#3d3d3d;
    text-transform:uppercase;
}
.section-touchslider .text_2_3 {
    width:auto;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:156px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:15px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-weight:600;
    background-color: #333;
    padding: 5px;
}
.section-touchslider .text_2_4 {
    width:380px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:187px;
    font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    font-size:12px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#4c4c4c;
    line-height:17px;
}
.section-touchslider .text_2_5 {
    position:absolute;
    left:10%;
    top:55%;
}
.section-touchslider .pic_3_2 {
    position:absolute;
    bottom:0px;
}
.section-touchslider .text_3_1 {
    width:350px;
    margin-left:-424px;
    position:absolute;
    left:50%;
    top:87px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:22px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#3d3d3d;
    font-weight:bold;
    line-height:29px;
}
.section-touchslider .text_3_2 {
    width:auto;
    margin-left:-424px;
    position:absolute;
    left:50%;
    top:157px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:15px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-weight:600;
    background-color: #333;
    padding: 5px;
}
.section-touchslider .text_3_3 {
    width:405px;
    margin-left:-424px;
    position:absolute;
    left:50%;
    top:188px;
    font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    font-size:12px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#4c4c4c;
    line-height:17px;
}

.section-touchslider .text_3_4 {
	margin-left:-424px; position:absolute; left:50%; top:238px;
}

.section-touchslider .pic_4_1 { 
	position:absolute; bottom:0;
}

.section-touchslider .pic_4_2 {
	margin-left:36px; position:absolute; left:50%; top:141px;
}

.section-touchslider .pic_4_3 {
	margin-left:-36px; position:absolute; left:50%; top:186px;
}

.section-touchslider .text_4_1 {
    width:350px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:86px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:23px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#3d3d3d;
    text-transform:uppercase;
}
.section-touchslider .text_4_2 {
    width:350px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:118px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:23px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#3d3d3d;
    font-weight:bold;
    text-transform:uppercase;
}
.section-touchslider .text_4_3 {
    width:350px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:156px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:15px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-weight:600;
}
.section-touchslider .text_4_4 {
    width:405px;
    margin-left:-450px;
    position:absolute;
    left:50%;
    top:187px;
    font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    font-size:12px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color:#4c4c4c;
    line-height:17px;
}

.section-touchslider .text_4_5 {margin-left:-450px; position:absolute; left:50%; top:237px;}

.section-touchslider .static_pic {margin:0px auto; display:none;}

.section-touchslider .static_pic img {width:100%; height:auto; display:block;}

.section-touchslider.orange .jlreadmore a {
    background:#FF6633;
    background: linear-gradient(#FF6633, #FF6633) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF6633),to(#FF6633) );
    background:-moz-linear-gradient(top,#FF6633,#FF6633);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6633',endColorstr='#FF6633');
    border: 1px solid #FF6633;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 26px;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
}
.section-touchslider.orange .jlreadmore a:hover,.section-touchslider.blue .jlreadmore a:hover {
    background:#333333;
    background: linear-gradient(#333333, #1A1A1A) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear,left top,left bottom,from(#333333),to(#1A1A1A) );
    background:-moz-linear-gradient(top,#333333,#1A1A1A);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#1A1A1A');
    border: 1px solid #333333;
    text-decoration: none;
}

.section-touchslider.blue .jlreadmore a { 
    background:#6EA0D5;
    background: linear-gradient(#6EA0D5, #476CBD) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear,left top,left bottom,from(#6EA0D5),to(#476CBD) );
    background:-moz-linear-gradient(top,#6EA0D5,#476CBD);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EA0D5',endColorstr='#476CBD');
    border: 1px solid #6EA0D5;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 26px;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
}


.section-touchslider.orange .arrowButton div {
    -moz-user-select: none;
    background-image: url("../images/orange/sprite_arrow_slider.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 52px;
    margin-top: -26px;
    overflow: hidden;
    position: absolute;
    text-indent: -9000px;
    top: 45%;
    width: 31px;
}
.section-touchslider.blue .arrowButton div {
    -moz-user-select: none;
    background-image: url("../images/blue/sprite_arrow_slider.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 52px;
    margin-top: -26px;
    overflow: hidden;
    position: absolute;
    text-indent: -9000px;
    top: 45%;
    width: 31px;
}


.buttonArea {
    float: left;
    left: 50%;
    margin-top: -32px;
    position: absolute;
    top: 100%;
    display: block;
}
.buttonCon {
    float: left;
    left: -50%;
    position: relative;
}
.section-touchslider.orange .buttonCon .theButton {
    background: url("../images/orange/circlebutton.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #B22222;
    display: block;
    float: left;
    height: 10px;
    margin-right: 3px;
    text-indent: -9999px;
    width: 20px;
}
.section-touchslider.blue .buttonCon .theButton {
    background: url("../images/blue/circlebutton.png") no-repeat scroll -15px 0px transparent;
    border: 0 none;
    color: #B22222;
    display: block;
    float: left;
    height: 11px;
    margin-right: 3px;
    text-indent: -9999px;
    width: 13px;
}

.section-touchslider.orange .buttonArea a.active {
    background-position: 0 -10px;
}
.section-touchslider.blue .buttonArea a.active {
    background-position: 0 0;
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.section-touchslider .jlcontainer,.section-touchslider .jl-touch,.section-touchslider .jltouch-item{
		width:100%!important;
		height:250px!important;
	}
	.section-touchslider .jlcontainer,.section-touchslider .jl-touch,.section-touchslider .jltouch-item img{
		width:100%!important;
		height:100%!important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	.section-touchslider .jlcontainer,.section-touchslider .jl-touch,.section-touchslider .jltouch-item{
		width:100%!important;
		height:250px!important;
	}
	.section-touchslider .text_1_1,.section-touchslider .text_1_3,.section-touchslider .text_2_5{
		margin-left:-335px!important;
	}
	.section-touchslider .jlcontainer,.section-touchslider .jl-touch,.section-touchslider .jltouch-item img{
		width:100%!important;
		height:100%!important;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.section-touchslider .jlcontainer,.section-touchslider .jl-touch,.section-touchslider .jltouch-item{
		width:100%!important;
		height:100px!important;
	}
	.section-touchslider .nextArrow{
		right:20px!important;
	}
	.section-touchslider .text_1_1,.section-touchslider .text_1_3,.section-touchslider .text_2_5{
		display:none!important;
	}
	.section-touchslider .jlcontainer,.section-touchslider .jl-touch,.section-touchslider .jltouch-item img{
		width:100%!important;
		height:100%!important;
	}
}	
@media only screen and (max-width : 200px) {
	
}