@charset "utf-8";

table, td, tr, tbody, body, div, ul, li, tbody, form, input, textarea, img, h1, h2, h3, h4, h5, span {border-collapse: separate;
border-spacing:0;
border-color:none;
padding:0;
margin:0;
cellspacing:0; 
cellpadding:0;
border:0;
}

iframe, object, embed{max-width: 100%;}

li, img { max-width:100%; max-height:100%; border:thin none; margin:0px; padding:0px;}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}
/*
img { max-width:100%; max-height:100%; border:0; margin:0px; padding:0px;}
*/
/*body{
	font-family: 'Carrois Gothic', sans-serif;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat;
}*/

.clix_header_top {
	background-image: url(images/header_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	width: 100%;
	min-height: 111px;
	background-color: #6F0A1C;
}

.clix_separate_top {
	position: relative;
	height: 6px;
	background-color: #E3E3E3;	
}

.clix_header_bg {
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	position: relative;
	width: 100%;
	height: 545px;
	
}

.clix_separate {
	position: relative;
	height: 12px;
	background-color: #E3E3E3;	
}

.clix_footer_bg {
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	position: relative;
	width: 100%;
	min-height: 205px;
	
}

.clix_footer_end{
	background-image: url(images/footer_end.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	width: 100%;
	min-height: 42px;
	background-color: #3E000B;	
}

.clix_main_container {
	Position:relative;
	margin:0 auto;
	max-width:1200px;
	padding:4px;
	}

.clix_main_container_bg {
	background-image: url(images/white_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 800px;	
	}
.clix_padding {
	padding: 15px 15px 15px 15px;
	margin:0 auto;	
	}

/* responsive start here======= ///// */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


/*  GRID OF TWO === */
/*  GRID OF FIVE 5 5 5 5 55  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/* 5 5 5 5 5 GO FULL WIDTH AT LESS THAN 480 PIXELS  5 5*/

/* grid 4 start 44444 */

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 73.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 24.8%;
}
/* grid 4 start 44444 */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%;
	}
	
/* 4 444444444444 */	

	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
	}
}



/* responsive end here======= ///// */	
.clix_logo_outer{
	position: relative;
	z-index: 9;
	padding:0px;
	margin-top:-15px;
	width:167px;
	
}
.clix_logo{
	position: absolute;
	z-index: 9;
	padding:0px;
	margin-top:-15px;
	width:167px;
	height:168px;
}

.clix_menu { margin-top:-5px;

list-style: none;}

.clix_menu li a{
	font-family: 'Carrois Gothic', sans-serif;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	color: #FFE694;
	position: relative;
	float: left;
	list-style: none;
	margin: 0 35px 10px 0;
	padding-right: 30px;
	background-image: url(images/menu_separator1.jpg);
	background-position: right 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.clix_menu li a:hover{
	color: #FFF;
}

.clix_menu li:first-child{
	list-style: none; 
}

.clix_menu li:last-child a {
	list-style: none;
	background-image: none;
}

		.menubox {min-height:35px;width:97%; background:#000; margin:15px auto 0 auto;}
		.menubox ul {}
		.menubox ul li {float:left;line-height:16px;  }		
		.menubox ul li a { color:#fff; font-weight:bold; font-size:13px;
		 font-family:Arial, Helvetica, sans-serif; padding:0 15px; border-right:0px solid #fff;}
		.menubox ul li:last-child a {border-right:none;
		
		}				
.main-menu { float:left;}

/*
nav {
	text-align: center;
	float:left;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	padding: 0 0 0 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
					}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block; padding-right:70px;
			color: #fff; text-decoration: none;
			margin: 20px 70px 10px 0;
		}
			
		
	nav ul ul {
		background: #850E23; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		z-index: 9 !important;
		border-radius: 10px;
	}
		nav ul ul li {
			float: none; 
			border-top: 0px solid #6b727c;
			border-bottom: 0px solid #575f6a; position: relative;
			border-radius: 10px;
		}
			nav ul ul li a {
				padding: 5px 0 5px 0;
				color: #fff;
				width:100%;
				border-radius:0px;
			}	
				nav ul ul li a:hover {
					background: #580A17;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}

.clix_menu_1 {list-style: none;}
.clix_menu_1 li a{
	list-style: none; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	color: #FCE4E9;
	position: relative;
	float: left;
	list-style: none;
	margin: 20px 70px 10px 0;
	padding-right:70px;
	background-image: url(images/menu_separator2.jpg);
	background-position: right 0px;
	background-repeat: no-repeat;
	text-decoration: none;	 
}

.clix_menu_1 li a:hover{
	list-style: none; 
	color: #fff;	 
}

.clix_menu_1 li:first-child{
	list-style: none; 
}

.clix_menu_1 li:last-child a {
	list-style: none;
	background-image: none;
}
*/
.clix_search {
	position: relative;	float: right;	background-image: url(images/search.png);	background-repeat: no-repeat;	background-position: left top;
	display: block;	height: 25px;	width: 155px;	margin-top: -8px;	padding: 0 0 0 0;	font-family: 'Carrois Gothic', sans-serif;	font-size: 13px;	color: #FFE694;		line-height:25px;	text-indent:15px;
	}
	
.clix_body{
	font-family: 'Petit Formal Script', cursive;
	font-weight: bolder;	font-size: 30px;	font-style: italic;	line-height: normal;	color: #852E17;	text-decoration: none;	width: 50%;	margin: 0 auto;
	text-align: center;	padding:5px 0 0 0;
}	
	

.clix_body_1{
border-radius: 10px 10px 10px 10px;	-moz-border-radius: 10px 10px 10px 10px;	-webkit-border-radius: 10px 10px 10px 10px;	border: 1px solid #CCCCCC;	background-color: #fff;	min-height:115px;	width:100%;	position:relative;	margin:5px 0 0 0;	padding:0px 0 0 0;	}
		
.clix_body_padding_1 {
	padding: 10px;	color: #5F2011;	font-family: 'Carrois Gothic', sans-serif;	font-size: 14px;	line-height: 25px;	text-align: center;
}	
	

.clix_left { }	

.clix_left h1{
	font-family: 'Petit Formal Script', cursive;
	font-weight: bolder;
	font-size: 30px;
	font-style: italic;
	color: #853017;
	background-image: url(images/squiz.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-indent: 15px;
	display: block;
	height: 73px;
	line-height: 73px;
	
}

.clix_span1, .clix_span2, .clix_span3, .clix_span4, .clix_span5 { 
padding:6px; border: 0px solid #FFFFFF;
-webkit-box-shadow: 0px 0px 2px 1px rgba(223, 219, 221, 1);
-moz-box-shadow: 0px 0px 2px 1px rgba(153,145,153,1);
box-shadow: 0px 0px 2px 1px rgba(220, 217, 220, 1);
margin:20px 0 0 0;}

.clix_span1 { width:27%; position:relative; float:left;}
.clix_span2 { width:40%; position:relative; float:left; left:2.5%;}
.clix_span3 { width:24%; position:relative; float:right;}

.clix_span4 { width:40%; position:relative; float:left;}
.clix_span5 { width:54%; position:relative; float:right;}

.clix_span1 span a{ position: absolute;	background-image: url(images/box.png);	background-repeat: repeat;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 12px;	line-height: 36px;	color: #fff;	background-position: left top;	display: block;	height: 36px;	width: 96%;	bottom: 5px;	text-decoration: none;	text-indent: 20px;}
.clix_span1 span a:hover { background-image: url(images/box1.png); color: #CCC;}
.clix_span2 span a{ position: absolute;	background-image: url(images/box.png);	background-repeat: repeat;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 12px;	line-height: 36px;	color: #fff;	background-position: left top;	display: block;	height: 36px;	width: 96%;	bottom: 5px;	text-decoration: none;	text-indent: 20px;}
.clix_span2 span a:hover { background-image: url(images/box1.png); color: #CCC;}
.clix_span3 span a{ position: absolute;	background-image: url(images/box.png);	background-repeat: repeat;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 12px;	line-height: 36px;	color: #fff;	background-position: left top;	display: block;	height: 36px;	width: 96%;	bottom: 5px;	text-decoration: none;	text-indent: 20px;}
.clix_span3 span a:hover { background-image: url(images/box1.png); color: #CCC;}

.clix_span4 span a{ position: absolute;	background-image: url(images/box.png);	background-repeat: repeat;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 12px;	line-height: 36px;	color: #fff;	background-position: left top;	display: block;	height: 36px;	width: 96%;	bottom: 5px;	text-decoration: none;	text-indent: 20px;}
.clix_span4 span a:hover { background-image: url(images/box1.png); color: #CCC;}
.clix_span5 span a{ position: absolute;	background-image: url(images/box.png);	background-repeat: repeat;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 12px;	line-height: 36px;	color: #fff;	background-position: left top;	display: block;	height: 36px;	width: 96%;	bottom: 5px;	text-decoration: none;	text-indent: 20px;}
.clix_span5 span a:hover { background-image: url(images/box1.png); color: #CCC;}
.clix_span_separator { margin:30px 0 0 0;}


/*
.clix_left_projects{margin:0 auto; list-style:none;}

.clix_left_projects li{
	position: relative;
	float: left;
	list-style: none;
	background-color: #FFF;
margin: 10px 13px 0 0 ;
padding:5px 8px 0 5px;
	border: 0px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(223, 219, 221, 1);
-moz-box-shadow: 0px 0px 2px 1px rgba(153,145,153,1);
box-shadow: 0px 0px 2px 1px rgba(220, 217, 220, 1);
}

.clix_span1, .clix_span2, .clix_span3 a{
	position: absolute;
	background-image: url(images/box.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 36px;
	color: #fff;
	background-position: left top;
	display: block;
	height: 36px;
	width: 96%;
	bottom: 5px;
	text-decoration: none;
	text-indent: 20px;
	}

.clix_span1, .clix_span2, .clix_span3 a:hover{
	position: absolute;
	background-image: url(images/box1.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 36px;
	color: #CCC;
	background-position: left top;
	display: block;
	height: 36px;
	width: 96%;
	bottom: 5px;
	text-decoration: none;
	text-indent: 20px;
	}
*/
.clix_right { }

.clix_right h1{
	font-family: 'Petit Formal Script', cursive;
	font-weight: bolder;
	font-size: 20px;
	line-height: 41px;
	font-style: italic;
	color: #fff;
	background-image: url(images/right_header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	display: block;
	height: 41px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}
.clix_right_box{
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 1px solid #CCCCCC;
	background-color: #FDFBD9;
	min-height:195px;
	
	position:relative;
	margin:0 auto;
}

.clix_right_box_1{ padding:10px;}

.clix_right_box_2 {
	position:relative;
	float:right;
padding: 15px 0 0 0 ;
	}
.clix_right_box_1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #900;
}

.clix_input_2
{
	padding: 3px;
	border: thin solid #D2B1A8;
	color: #8F132B;
	background-color: #FDFBD9;
	width:100%;
	min-height: 35px;
	list-style-type: none;
}

.clix_input_3
{	padding: 3px;
	border: thin solid #D2B1A8;	
	color:  #8F132B;
	background-color: #FDFBD9;
	width:100%;
	min-height:55px;
	list-style-type: none;	
}

.clix_iframe_text {
font-size: 12px;
color: #6E0A1B;
line-height:25px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.clix_thankyou
{
color: rgb(230, 230, 250); 	background-color: #8B0000; padding: 10px; border: 3px double rgb(0, 33, 87);
}

.clix_right_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffe695), color-stop(1, #ffd95b) );
	background:-moz-linear-gradient( center top, #ffe695 5%, #ffd95b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe695', endColorstr='#ffd95b');
	background-color:#ffe695;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #d1cdcd;
	display:inline-block;
	color:#941b33;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:37px;
	line-height:37px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.clix_right_btn:hover {
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd95b), color-stop(1, #ffe695) );
	background:-moz-linear-gradient( center top, #ffd95b 5%, #ffe695 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd95b', endColorstr='#ffe695');
	background-color:#ffd95b;
}.clix_right_btn:active {
	position:relative;
	top:1px;
}


/* ============ footer start here--=========== */

.clix_footer ul {float:left;
padding:10px; margin: 0 0 0 0 ;

}

.clix_footer_link{
	font-family: 'Carrois Gothic', sans-serif;	margin: 0px;	list-style: none;	color: #FCE0E6;	font-size:15px;    font-weight: normal;}

.clix_footer_link span{
	font-family: 'Petit Formal Script', cursive;
	font-weight: bolder;	margin: 0px;	list-style: none;	color: #fff;	font-size: 20px;	font-weight: normal;	font-style: italic;	line-height:50px}

.clix_footer_link h1{
	font-family: 'Carrois Gothic', sans-serif;	margin: 0px;	list-style: none;	color: #fff;	font-size:18px;    font-weight: normal;}
.clix_footer
.clix_footer_link p{
	font-family: 'Carrois Gothic', sans-serif;	margin: 0px;	list-style: none;	color: #fff;	font-size:12px;    font-weight: normal;}

.clix_footer_link li a{
	font-size: 15px;	line-height: 28px;	color: #FCE0E6;    font-weight: normal;	text-decoration: none;	text-indent: 15px;	display: block;	background-repeat: no-repeat;	background-position: left center;	background-image: url(images/footer_li.png);}

.clix_footer_link li a:hover{
	color: #fff;	text-decoration: underline;}

.clix_footer_end a{
	font-family: 'Carrois Gothic', sans-serif;
	margin: 0px;
	list-style: none;
	color: #7B5159;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
	
.clix_footer_end a:hover{ font-family: 'Carrois Gothic', sans-serif;
	margin: 0px;
	list-style: none;
	color: #fff;
	font-size:12px;
    font-weight: normal;}
	
.clix_footer_end_div1{ float:left; padding:10px 0 0 0;}
.clix_footer_end_div2{ float:right; padding:10px 0 0 0;}
	
.clix_footer_contactus_ul {list-style:none;}		
		
		
/* slider show ============*/
		
.slider-container {
	height: 355px;
max-width: 1200px;
position: relative;

}
.slider-back {
	width: 100%;
	height: 355px;
	position: relative;
	top: 0px;	
	background-image: url(images/slider-back.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	background-size:contain;
	
}
/**********************************slider***************************************/
.slider {
position:absolute;
	max-height:293px;
	float:right;
	right:0px;
	overflow:visible !important;
	margin:30px 28px; 0px 0px;
}
.slider-padding {
	padding:14px 0;	
}
.items{
	
display:none;
	
}
.items img {
	max-width:100%;
	max-height:100%;
	background-size:contain;
	}

.pagination {
	position:absolute;
	top:310px;
	left:0px;
	z-index:999;
}

.pagination li {
	padding:0 0px 2px 0px;
	float:left;
	list-style:none;
}
.pagination li a {
	display:block;
	width:29px;
	height:32px;
	background:url(images/pagg.png) right top no-repeat;
	text-indent:-5000px;
	list-style:none;
}
.pagination div.current a, .pagination div a:hover {
	background-position:left top;
}
.pagination li.current a {cursor:default;}
.banner {
	
	width:90%;
	height:270px;
	position:absolute;
	left:-105%;
	top:0px;
	margin:-20px 0 0  0;
}
.banner strong {
	font-family: 'Petit Formal Script', cursive;
	display:inline-block;
	font-size:30px;
	color:#5F2011;
	line-height:1.2em;
	
}
.banner strong strong {
	font-size:50px;
	line-height:2.2em;
	color:#5F2011;
	font-family: 'Petit Formal Script', cursive;
}
.banner em {
	margin-top:46px;
	display:inline-block;
}
.banner b {
	display:block;
	margin-top:-13px;
	margin-bottom:28px;
}
.banner p {
	font-size:20px;
	color:#5F2011;
	line-height:1.3em;
}		
		
		
@media screen and (max-width:1024px) {

.banner {
	width:70%;
	height:270px;
	position:absolute;
	left:-72%;
	top:0px;
	margin:-20px 0 0  0;
}

.banner strong {
	
	display:inline-block;
	font-size:25px;
	color:#5F2011;
	line-height:1.2em;
	font-family: 'Petit Formal Script', cursive;
}
.banner strong strong {
	font-size:40px;
	line-height:2em;
	color:#5F2011;
	font-family: 'Petit Formal Script', cursive;
}
.banner em {
	margin-top:46px;
	display:inline-block;
}
.banner b {
	display:block;
	margin-top:-13px;
	margin-bottom:28px;
}
.banner p {
	font-size:15px;
	color:#5F2011;
	line-height:1.3em;
	width:50%;
}


.clix_footer_link span{
	font-family: 'Petit Formal Script', cursive;
	font-weight: bolder;	margin: 0px;	list-style: none;	color: #fff;	font-size: 16px;	font-weight: normal;	font-style: italic;	line-height:50px}

.clix_footer_link li a{
	font-size: 11px;	line-height: 22px;	color: #FCE0E6;    font-weight: normal;	text-decoration: none;	text-indent: 15px;	display: block;	background-repeat: no-repeat;	background-position: left center;	background-image: url(images/footer_li.png);}

.clix_footer_link p{
	font-family: 'Carrois Gothic', sans-serif;	margin: 0px;	list-style: none;	color: #fff;	font-size:11px;    font-weight: normal;}




}

@media screen and (max-width:800px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%;
	}
	
/* 4 444444444444 */	

	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
	}
	.clix_logo{
	position: relative;
	z-index: 9;
	padding:0px;
	margin-top:-15px;
	width:167px;
	height:168px;
}

.clix_search {
	position: relative;	float: left; margin-top: 0px;
	}

.slider {
position:absolute;
	max-height:293px;
	float:right;
	right:0px;
	overflow:visible !important;
	margin:30px 28px; 0px 0px;
}
.slider-padding {
	padding:14px 0;	
}	
	
	.banner {
	width:32%;
	height:270px;
	position:absolute;
	left:-35%;
	top:0px;
	margin:-20px 0 0  0;
}

.banner strong {
	display:inline-block;
	font-size:15px;
	color:#5F2011;
	line-height:3.2em;
	font-family: 'Petit Formal Script', cursive;
}
.banner strong strong {
	font-size:25px;
	line-height:1.2em;
	color:#5F2011;
	font-family: 'Petit Formal Script', cursive;
}
.banner em {
	margin-top:46px;
	display:inline-block;
}
.banner b {
	display:block;
	margin-top:-13px;
	margin-bottom:28px;
}
.banner p {
	font-size:12px;
	color:#5F2011;
	line-height:1.3em;
	width:50%;
}



	
}


@media screen and (max-width:768px) {
	
	.banner {
	width:32%;
	height:270px;
	position:absolute;
	left:-28%;
	top:0px;
	margin:-20px 0 0  0;
}

.banner strong {
	display:inline-block;
	font-size:12px;
	color:#5F2011;
	line-height:3.2em;
	font-family: 'Petit Formal Script', cursive;
}
.banner strong strong {
	font-size:20px;
	line-height:2em;
	color:#5F2011;
	font-family: 'Petit Formal Script', cursive;
}
.banner em {
	margin-top:46px;
	display:inline-block;
}
.banner b {
	display:block;
	margin-top:-13px;
	margin-bottom:28px;
}
.banner p {
	font-size:11px;
	color:#5F2011;
	line-height:1.3em;
	width:50%;
}	
	
}


@media screen and (max-width:640px) {
.slider-container {
	height: 355px;
max-width: 1200px;
position: relative;
}
.slider-back {
	width: 90%;
	height: 85%;
	position: relative;
	top: 0px;	
	background-image: url(images/slider-back.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	
	
}
	
.slider {
position:absolute;
	height:80%;
	float:right;
	right:0px;
	overflow:visible !important;
	margin:30px 28px; 0px 0px;
	background-size:contain;
}
.slider-padding {
	padding:14px 0;	
}
.items{
	
display:none;
	
}
.items img {
	width:400px;
	height:100px;
	background-size:contain;
	}

.pagination {
	position:absolute;
	top:310px;
	left:0px;
	z-index:999;
}

.pagination li {
	padding:0 0px 0px 0px;
	float:left;
	list-style:none;
}
.pagination li a {
	display: block;
	width: 29px;
	height: 32px;
	text-indent: -5000px;
	list-style: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}
.pagination div.current a, .pagination div a:hover {
	background-position:left top;
}
.pagination li.current a {cursor:default;}
.banner {
	width:90%;
	height:270px;
	position:absolute;
	left:-205%;
	top:0px;
	margin:-20px 0 0  0;
}
.banner strong {
	display:inline-block;
	font-size:1px;
	color:#5F2011;
	line-height:1.2em;
	font-family: Pristina;
}
.banner strong strong {
	font-size:1px;
	line-height:1.2em;
	color:#5F2011;
	font-family: Pristina;
}
.banner em {
	margin-top:46px;
	display:inline-block;
}
.banner b {
	display:block;
	margin-top:-13px;
	margin-bottom:28px;
}
.banner p {
	font-size:1px;
	color:#5F2011;
	line-height:1.3em;
}
	

}

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


	
.slider {
position:absolute;
	height:65%;
	float:right;
	right:0px;
	overflow:visible !important;
	margin:30px 28px; 0px 0px;
	background-size:contain;
}

	
}

@media screen and (max-width:360px) {
.slider-container {
	height: 355px;
max-width: 1200px;
position: relative;
}
.slider-back {
	width: 90%;
	height: 85%;
	position: relative;
	top: 0px;	
	background-image: url(images/slider-back.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	
	
}
	
.slider {
position:absolute;
	height:48% !important;
	float:right;
	right:0px;
	overflow:visible !important;
	margin:30px 28px; 0px 0px;
	background-size:contain;
}

.clix_search {
	position: relative;	float: left; margin-top:8px;
	}	
.clix_left h1{
		font-size: 20px;	
}

.clix_span1, .clix_span2, .clix_span3, .clix_span4, .clix_span5 { 
padding:4px; border: 0px solid #FFFFFF;
-webkit-box-shadow: 0px 0px 2px 1px rgba(223, 219, 221, 1);
-moz-box-shadow: 0px 0px 2px 1px rgba(153,145,153,1);
box-shadow: 0px 0px 2px 1px rgba(220, 217, 220, 1);
margin:20px 0 0 0;}

.clix_span1 { width:100%; position:relative; float:left;}
.clix_span2 { width:100%; position:relative; float:left; left:2.5%;}
.clix_span3 { width:100%; position:relative; float:left;}

.clix_span4 { width:100%; position:relative; float:left;}
.clix_span5 { width:100%; position:relative; float:left;}
	
}

@media screen and (max-width:320px) {
	.slider {
position:absolute;
	height:42% !important;
	float:right;
	right:0px;
	overflow:visible !important;
	margin:20px 20px; 0px 0px;
	background-size:contain;
} }