/*@charset "utf-8";*/

@import url("theme-changer.css");

@import url("ui.custom.css");

@import url("../components/flexslider/flexslider.css");

@import url("../components/fancybox/jquery.fancybox.css");



/*

------------------------------------------------------------

		@font-face Style

------------------------------------------------------------

*/

 @font-face {

 font-family: 'socialicoz';

 src: url('fonts/socialicoz/socialicoz.eot');

 src: url('fonts/socialicoz/socialicoz.eot?#iefix') format('embedded-opentype'), url('fonts/socialicoz/socialicoz.woff') format('woff'), url('fonts/socialicoz/socialicoz.ttf') format('truetype'), url('fonts/socialicoz/socialicoz.svg#SocialIconsMedium') format('svg');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'WebSymbolsRegular';

 src: url('fonts/websymbols/websymbols-regular-webfont.eot');

 src: url('fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/websymbols/websymbols-regular-webfont.woff') format('woff'), url('fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'OpenSansLight';

 src: url('fonts/open-sans/OpenSans-Light-webfont.eot');

 src: url('fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'OpenSansRegular';

 src: url('fonts/open-sans/OpenSans-Regular-webfont.eot');

 src: url('fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'OpenSansItalic';

 src: url('fonts/open-sans/OpenSans-Italic-webfont.eot');

 src: url('fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'OpenSansSemibold';

 src: url('fonts/open-sans/OpenSans-Semibold-webfont.eot');

 src: url('fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'HeydingsCommonIconsRegular';

 src: url('fonts/icons/heydings_icons-webfont.eot');

 src: url('fonts/icons/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/icons/heydings_icons-webfont.woff') format('woff'), url('fonts/icons/heydings_icons-webfont.ttf') format('truetype'), url('fonts/icons/heydings_icons-webfont.svg#HeydingsCommonIconsRegular') format('svg');

 font-weight: normal;

 font-style: normal;

}

/*

------------------------------------------------------------

		Reset Style

------------------------------------------------------------

*/

:focus { outline:0px; }

sub, sup, small { font-size: 75%; }

ol, ul { list-style: none; }

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url(../images/bg.jpg);

	color: #666666;

}

body.bg-img {

	background:no-repeat center top fixed; 

	-webkit-background-size: cover!important;

	-moz-background-size: cover!important;

	-o-background-size: cover!important;

	background-size: cover!important;

}

h1, h2, h3, h4, h5 { font-family: "OpenSansLight", Arial, Helvetica, sans-serif; }

h2 span { color:#F00; }

h2 small {

	display:block;

	margin-top:-10px;

	font-size:14px

}

a {

	text-decoration:none;

	text-transform:capitalize;

	color:#F30;

}

p { line-height:19px; }

a:hover {

	text-decoration:none;

	text-transform:capitalize;

	color:#F30;

}

/*

------------------------------------------------------------

		Blockquote

------------------------------------------------------------

*/

blockquote {

	margin:10px 0 0px 0px;

	padding:5px 10px 0px 40px;

	background-image:url(../images/quote.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	clear:both;

	font-size:18px;

	line-height:25px;

	font-family:"Ubuntu", sans-serif;

	font-style:italic;

	border:none;

}

blockquote.left, blockquote.right {

	float:right;

	letter-spacing:0px;

	margin-bottom:20px;

	margin-left:20px;

	margin-top:0px;

	padding:0px 20px 10px 60px;

	width:43%;

	background-position:0px 0px;

}

blockquote.left {

	float:left;

	margin-left:0px;

	margin-right:20px;

}

blockquote p {

	margin:10px;

	font-size:16px;

	line-height:20px

}

/*

	loading layout

*/

#overlay {

	width:100%;

	height:100%;

	position:fixed;

	top:0;

	left:0;

	background-color:#111;

	z-index:1000;

	display: none;

}

#preloader {

	background: #000000 url(../images/preloader2.gif) no-repeat 12px 10px;

	font-size: 11px;

	height: 20px;

	left: 50%;

	line-height: 20px;

	margin: -20px 0 0 -45px;

	padding: 10px;

	position: fixed;

	text-align: left;

	text-indent: 36px;

	top: 50%;

	width: 90px;

	z-index: 1209;

	opacity:0.8;

	filter:alpha(opacity=80);

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

	color: #FFF;

	text-shadow:none;

	display: none;

}

/*

------------------------------------------------------------

		Address

------------------------------------------------------------

*/

address {

	border-bottom:1px #e7e7e7 solid;

	padding-bottom:18px;

	margin:20px;

}

address:first-child { border-bottom:1px #e7e7e7 solid; }

address:last-child { border-bottom:none; }

/*

------------------------------------------------------------

		Alert  Box 

------------------------------------------------------------

*/

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

}

/*

------------------------------------------------------------

		Box grid

------------------------------------------------------------

*/

.one_half, .one_third, .one_fourth, .third_fourth, .third_one { float:left; }

.one_half { width: 50%; }

.one_third { width: 33.33333333333333333333333333333339%; }

.one_fourth { width: 25%; }

.third_fourth { width:70%; }

.third_one { width:30%; }

/*

------------------------------------------------------------

		BG color

------------------------------------------------------------

*/

.bwWrapper {

	position:relative;

	display:block;

}

.bg-main {

	background-image:url(../images/bg_940.jpg);

	background-repeat: repeat-y;

	background-position: right top;

}



.bg-blacklight {
	width: 100%;
	height:100%;
	background-image: url(../images/bglight.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	z-index: -1;
	left: -3px;

}

.bg-alpha {

	width: 100%;

	height:100%;

	background: transparent url(../images/pattern.png) repeat top left;

	background-position: center top;

	position: fixed;

}

.bg-white { background-color:#FFF; }

.bg-black {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#33373a), to(#000000));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #33373a, #000000);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #33373a, #000000);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #33373a, #000000);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #33373a, #000000);

	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #33373a, #000000);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	color: #FFF;

}

.bg-black .bottom_link { border-bottom:1px solid #56595b; }

.bg-grayLighter {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#5e6165), to(#33373a));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #5e6165, #33373a);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #5e6165, #33373a);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #5e6165, #33373a);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #5e6165, #33373a);

	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #5e6165, #33373a);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

}

.bg-gray {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#5e6165), to(#33373a));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #5e6165, #33373a);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #5e6165, #33373a);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #5e6165, #33373a);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #5e6165, #33373a);

	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #5e6165, #33373a);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	color: #FFF;

}

.bg-light {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)), -webkit-linear-gradient(top, #fbfbfb, #fafafa);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)), -moz-linear-gradient(top, #fbfbfb, #fafafa);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)), -ms-linear-gradient(top, #fbfbfb, #fafafa);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)), -o-linear-gradient(top, #fbfbfb, #fafafa);

	background:linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)), linear-gradient(top, #fbfbfb, #fafafa);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

}

.bg-brown {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#514d43), to(#25231f));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #514d43, #25231f);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #514d43, #25231f);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #514d43, #25231f);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #514d43, #25231f);

	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #514d43, #25231f);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	color: #FFF;

}

.bg-orang {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#f2d122), to(#e79e03));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #f2d122, #e79e03);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #f2d122, #e79e03);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #f2d122, #e79e03);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #f2d122, #e79e03);

	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #f2d122, #e79e03);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

}

.blackshadow {

	-moz-box-shadow: 0px 0px 7px #000000;

	-webkit-box-shadow: 0px 0px 7px #000000;

	box-shadow: 0px 0px 7px #000000;

}

/*

------------------------------------------------------------

		Shadow

------------------------------------------------------------

*/

.shadowinset {

	-webkit-box-shadow:inset 5px 0px 15px #1a1a1a;

	-moz-box-shadow:inset 5px 0px 15px #1a1a1a;

	box-shadow:inset 5px 0px 15px #1a1a1a;

}

i.shadowinset {

	width:100%;

	height:100%;

	position:absolute;

	-webkit-box-shadow:inset 0px 2px 15px #000000;

	-moz-box-shadow:inset 0px 2px 15px #000000;

	box-shadow:inset 0px 2px 15px #000000;

}

/*

------------------------------------------------------------

		Float Align

------------------------------------------------------------

*/

.alignleft, img.alignleft {

	display: inline;

	float: left;

	margin:3px 20px 10px 0;

}

.alignright, img.alignright {

	display: inline;

	float: right;

	margin-left: 20px;

	margin-top: 5px;

}

.aligncenter, img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignnone, img.alignnone {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top:3px;

}

img.alignleft, img.alignright, img.aligncenter, img.alignnone { margin-bottom: 12px; }

/*

------------------------------------------------------------

		Scrolltop

------------------------------------------------------------

*/

#scrolltop {

	background-color:#000000;

	background-image:url(../images/top.png);

	width:42px;

	height:42px;

	opacity: 0.3;

	filter: alpha(opacity=30);

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

}

#scrolltop:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

}

/*

------------------------------------------------------------

		 Space body

------------------------------------------------------------

*/

.topspace{ margin-top:55px; }

/*

------------------------------------------------------------

		Banners

------------------------------------------------------------

*/

.banner1 {

	background-image:url(../exampic/banner1.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner1 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner1 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner2 {

	background-image:url(../exampic/banner2.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner2 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner2 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner3 {

	background-image:url(../exampic/banner3.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner3 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner3 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner4 {

	background-image:url(../exampic/banner4.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner4 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner4 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner5 {

	background-image:url(../exampic/banner5.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner5 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner5 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner6 {

	background-image:url(../exampic/banner6.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner6 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner6 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner7 {

	background-image:url(../exampic/banner7.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner7 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner7 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner8 {

	background-image:url(../exampic/banner8.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner8 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner8 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner9 {

	background-image:url(../exampic/banner9.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner9 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner9 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner10 {

	background-image:url(../exampic/banner10.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner10 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner10 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner11 {

	background-image:url(../exampic/banner11.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner11 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner11 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner12 {

	background-image:url(../exampic/banner12.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner12 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner12 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner13 {

	background-image:url(../exampic/banner13.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner13 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner13 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner14 {

	background-image:url(../exampic/banner14.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner14 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner14 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner15 {

	background-image:url(../exampic/banner15.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner15 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner15 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner16 {

	background-image:url(../exampic/banner16.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner16 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner16 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}



.banner17 {

	background-image:url(../exampic/banner17.jpg);

	/*background-position:center center;*/

	background-position:right top;

	height:200px;

}

.banner17 span {

	margin:20px 0 0 20px;

	line-height:25px;

	position: absolute;

	padding:20px;

	font:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#ffffff;

	background-color:#000;

}

.banner17 span small {

	display:block;

	line-height:18px;

	font-size:13px;

	color:#aaaaaa;

}





/*

------------------------------------------------------------

		Inner box

------------------------------------------------------------

*/

.inner{
	padding: 20px;
	text-align: center;
}		

.inner.untop{ padding-top:0px;	}	

.inner.unbottom{ padding-bottom:0px;	}	

.inner.unleft{ padding-left:0px;	}	

.inner.unright{ padding-right:0px;	}	

.inner.untb{ padding:0px auto!important;	}	

/*

------------------------------------------------------------

		Header Title

------------------------------------------------------------

*/

.heading_border {

	border-left:40px solid #e42323;

	height:2px;

	background-color:#efefef;

	margin:7px 0 16px 0;

}

.headerTitle {

	background-image: url(../images/small-top-shadow.png);

	background-color: #161415;

	margin-top:-78px;

	position: absolute;

	width:300px;

	z-index: 10;

	background-repeat: no-repeat;

	background-position: center top;

	z-index:10;

}

.headerTitle .inner { padding: 15px 10px 15px 20px; }

.headerTitle h2 {

	color: #ffffff!important;

	font-family: "OpenSansLight", Arial, sans-serif!important;

	font-size: 20px;

	line-height: 30px;

	text-transform: capitalize;

}

.headerTitle small {

	display: block;

	font-size: 10px;

	color: #FFF;

}

/*

------------------------------------------------------------

		Bottom link and locality link

------------------------------------------------------------

*/

.bottom_link {

	margin:0 0 15px 0;

	border-bottom:1px solid #f5f5f5;

	width:100%;

	float:left;

	height:15px;

	position:relative;

}

a.more {

	width:15px;

	height:15px;

	right:0;

	float:right;

	display:block;

	position:absolute;

	z-index:100;

	margin-top:1px;

	background-image: url(../images/arrow_more.png);

	background-repeat: no-repeat;

	background-position: 0 -15px;

	text-indent: -999px;

	background-color: #F00;

	bottom: -1px;

}

a.more.left { position: static; }

a.locality {

	padding-left: 2px;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	line-height: 1.7;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

img.locality {

	position:relative;

	margin-bottom:4px;

	width:8px;

	margin-left:2px;

}

/*

------------------------------------------------------------

		Titlebar, Breadcrumb

------------------------------------------------------------

*/

.titlebar {

	background-image: url(../images/barbg.png);

	height: 27px;

	position:relative;

	margin-top:0px;

	width:100%;

	z-index:9;

}

.titlebar.rigth {

	margin-left:30%;

	width:auto;

}

.titlebar span {

	display:block;

	line-height:27px;

	padding:0 20px;

	color: #FFF;

}

.breadcrumb {

	padding:0px;

	margin: 0 0 0 18px;

	list-style: none;

	background-repeat: repeat-x;

	background-image: url(../images/barbg.png);

	height: 27px;

	margin-left:20px;

	position: relative;

}

.breadcrumb.top { margin-top:-27px; }

.breadcrumb li {

	float : left;

	position : relative;

	margin : 0;

	padding : 7px 25px 5px 10px;

	overflow : hidden;

	font : 11px Arial;

	background-image: url(../images/breadcrumb.png);

	background-repeat: no-repeat;

	background-position: right 3px;

}

.breadcrumb li:first-child {

	background: url(../images/breadcrumb-home.gif) no-repeat left 6px;

	margin : 0 0px 0 10px;

	padding : 10px 0px 13px 0px;

	width : 16px;

}

.breadcrumb li:last-child {

	background:none;

	padding : 7px 25px 5px 15px;

}

.breadcrumb a { color: #aaaaaa; }

.breadcrumbline {

	height: 2px;

	position:relative;

	margin-left:20px;

	background-color: #F00;

	width:auto;

	z-index:12;

}

.style3 .breadcrumbline { display:none; }

/*

------------------------------------------------------------

		Logo

------------------------------------------------------------

*/

.logo ,.logoBig {

	font-family: 'OpenSansSemibold', serif;

	position:absolute;

	color:#ffffff!important;

	margin-top:-3px!important;

	text-transform:uppercase!important;

}

.logo {

	display:inline-block!important;

	}

.logo span {

	color:#F30;

	font-weight: bold; /* Added on 2/26/2013 By Fabian Gonzalez */

	font-family: 'OpenSansLight', serif;

}

.logo small {

	display:block;

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	letter-spacing: 4px;

	padding:4px 0;

	text-transform:capitalize;

}

.logoBig {

	position:relative;

	

	}

.multi{ 

font-family: 'OpenSansSemibold', serif;

color:#FFF;

text-align:right;

}

/*

------------------------------------------------------------

		Map canvas

------------------------------------------------------------

*/

#map_canvas {

	width:100%;

	height:360px;

}

.hold_it { background: #fff; display: block; box-shadow: 0 0px 1px 1px rgba(0,0,0,0.2); position: relative; margin: 0 auto 20px auto; width: auto; padding: 2px; }

.holder { width: auto; overflow: hidden; position: relative; z-index: 100; 

}

.map { z-index: -999; position: relative; background-position: center center; width: 100%; }

.shadow1 {

    z-index: -5;

    position: absolute;

    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 );

    width: 50%;

    height: 50%;

    pointer-events: none;

}

.shadow2 {

    z-index: -5;

    position: absolute;

    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 );

    width: 50%;

    height: 50%;

    left: 50%;

    pointer-events: none;

}



.shadow3 {

    z-index: -5;

    position: absolute;

    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 );

    width: 50%;

    height: 50%;

    top: 50%;

    pointer-events: none;

}



.shadow4 {

    z-index: -5;

    position: absolute;

    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    background: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 );

    width: 50%;

    height: 50%;

    top: 50%;

    left: 50%;

    pointer-events: none;

}

/*

------------------------------------------------------------

		Box notifly   

------------------------------------------------------------

*/

.notifly {

	padding:0 20px;

	width:100%;

	position:relative;

	margin-left:-20px;

}

.notifly .shadow {

	background-image: url(../images/slider-top-shadow.png);

	background-repeat: no-repeat;

	background-position: center top;

	padding:0 20px;

	height: 10px;

	width: 100%;

	margin-left:-20px;

	position: relative;

}

p.notify {

	font-size:18px;

	line-height:25px;

	font-family:"OpenSansLight", sans-serif;

	padding:10px 0px 20px 0px;

}

p.notify .firstdrop { padding:0px 10px 3px 10px; }

p .firstdrop {

	font-size:2.15em;

	float:left;

	height:auto;

	line-height:1.15em;

	padding:3px 7px 2px 7px;

	width:auto;

	font-weight:bold;

	background-color: #CCC;

	margin-right: 7px;

}



/*

------------------------------------------------------------

		Ul List 

------------------------------------------------------------

*/

ul.liststar { list-style-image:url(../images/liststar.png); }

ul.liststar li { padding:5px 0px; }

ul.liststar li a, ul.listcontact li a {

	color:#AAA;

	text-transform:none;

}

ul.liststar li a, ul.listcontact li a:hover {

	color:#666666;

	text-decoration: underline;

}

ul.listcontact { margin-left:10px; }

ul.listcontact li {

	padding-top:2px;

	padding-left:20px;

	margin-bottom:2px;

}

ul li.cont-phone { background:url(../images/phone.png) no-repeat 0 5px }

ul li.cont-email { background:url(../images/letter.png) no-repeat 0 4px }

ul li.cont-adress { background:url(../images/home.png) no-repeat 0 5px }

ul.list-services {

	margin:0;

	padding:0;

	list-style-type:none;

}

ul.list-services li {

	padding-bottom:20px;

	margin:0 0px 10px 0;

}

ul.list-services li img { /*	border:1px #333 solid;*/ }

ul.list-services h2 { /*margin-bottom:10px;*/ }

ul.list-services p {

	margin-left:0px;

	overflow:hidden;

	font-size: 13px;

}

/*

------------------------------------------------------------

		Ourteam

------------------------------------------------------------

*/

.ourteam {

	text-align:center;

	margin:5px 0 15px 0;

}

.ourteam img { margin-bottom:10px; }

.ourteam h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

}

.ourteam h3 small {

	display:block;

	position:relative;

	font-size:11px;

	margin-top:-7px;

	margin-bottom:7px;

}

.ourteam p {

	font-size:11px;

	margin-bottom:10px;

}

/*

------------------------------------------------------------

		Customer - menu

------------------------------------------------------------

*/

.ca-menu {

	width: 300px;

	text-shadow: 1px 1px 0px #000;

	-moz-box-shadow:inset 5px 0px 15px #1a1a1a;

	-webkit-box-shadow:inset 5px 0px 15px #1a1a1a;

	box-shadow:inset 5px 0px 15px #1a1a1a;

	margin: 0;

}

.ca-menu li {

	width: 100%;

	height: 75px;

	overflow: hidden;

	position: relative;

	display: block;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	border-bottom: 1px #0a0a0a solid;

	border-top: 1px #535353 solid;

}

.ca-menu li:first-child { border-top: none; }

.ca-menu li:last-child { border-bottom: none; }

.ca-menu li a {

	text-align: left;

	width: 100%;

	height: 100%;

	display: block;

	color: #CCC;

	position: relative;

	text-decoration:none;

}

.ca-icon {

	font-family: 'WebSymbolsRegular', cursive;

	font-size: 20px;

	color: #CCC;

	text-shadow: 0px 0px 1px #333;

	position: absolute;

	width: 70px;

	left: 20px;

	text-align: center;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

	line-height: 65px;

}

.ca-content {

	position: absolute;

	left: 90px;

	width: 300px;

	height: 60px;

	top: 20px;

}

.ca-main {

	font-size: 12px;

	-webkit-transition: color 300ms;

	-moz-transition: color 300ms;

	-o-transition: color 300ms;

	-ms-transition: color 300ms;

	transition: color 300ms;

	text-shadow: 1px 1px 0px #333333;

	font-weight: bold;

}

.ca-sub {

	font-size: 10px;

	color: #FFF;

	display: block;

	margin-top: -5px;

	text-transform: capitalize;

}

.ca-menu li:hover { }

.ca-menu li:hover .ca-icon {

	color: #FFF;

	font-size: 120px;

	opacity: 0.2;

	left: -20px;

	-webkit-transform: rotate(20deg);

	-moz-transform: rotate(20deg);

	-ms-transform: rotate(20deg);

	transform: rotate(20deg);

}

.ca-menu li:hover .ca-main {

	color: #e42323;

	opacity: 1;

	text-decoration:none;

}

.ca-menu li:hover .ca-sub {

	color: #fff;

	opacity: 0.8;

}

/*

------------------------------------------------------------

		Blog & Article

------------------------------------------------------------

*/

.block { margin: 0; }

.article_list li {

	position:relative;

	margin-bottom:40px;

	background-color: #fafafa;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 0 -3px #fafafa, 0 7px 1px -3px rgba(0, 0, 0, 0.3), 0 12px 0 -6px #fafafa, 0 13px 1px -6px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 0 -3px #fafafa, 0 7px 1px -3px rgba(0, 0, 0, 0.3), 0 12px 0 -6px #fafafa, 0 13px 1px -6px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 0 -3px #fafafa, 0 7px 1px -3px rgba(0, 0, 0, 0.3), 0 12px 0 -6px #fafafa, 0 13px 1px -6px rgba(0, 0, 0, 0.3);

}

.article_list .aslider li {

	margin:0px;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.article_list.large .zoom .image_highlight {

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.article_list.large li article { padding:0px 10px 10px 10px;}

.article_list.large li article:before {

	position:absolute;

	content:"\0";

	width: 0;

	height: 0;

	border-left: 15px solid transparent;

	border-right: 15px solid transparent;

	border-bottom: 15px solid #fafafa;

	z-index:1000;

	margin-top:-13px;

	left:20px

}

.article_list li article h2, .article_list li article h3 {

	padding-top:5px;

	text-transform: capitalize;

	padding-bottom: 5px;

	font-size: 22px;

}

.article_list li .video { }

.details {

	display:block;

	margin:6px 0;

	color:#929190;

	font-size:10px;

}

.details time:before, div.cat, .details a.comm:before {

	font-family:"HeydingsCommonIconsRegular" !important;

	font-size:19px;

	margin-right:2px;

}

.details time:before { content:"J"; }

.details a.comm:before { content:"C"; }

div.cat { font-size:20px; }

div.cat {

	width:50px;

	height:50px;

	position: absolute;

	overflow:hidden;

	margin-right:0px;

	right: 0px;

	z-index:14;

	color:#FFF;

}

div.cat:before {

	font-family:"HeydingsCommonIconsRegular" !important;

	content:attr(title);

	position:absolute;

	width: 0;

	height: 0;

	z-index:2;

	top:5px;

	left:25px;

}

div.cat:after {

	position:absolute;

	content:"\0";

	width: 100px;

	height: 100px;

	background-color: #F30;

	z-index:1;

	left:20px;

	top:-50px;

	-webkit-box-shadow:inset 0px -3px 7px #1a1a1a;

	-moz-box-shadow:inset 0px -3px 7px #1a1a1a;

	box-shadow:inset 0px -3px 7px #1a1a1a;

	-webkit-transform: rotate(45deg);

	-moz-transform:    rotate(45deg);

	-ms-transform:     rotate(45deg);

	-o-transform:      rotate(45deg);

}

a.cat, a.comm, a.tag { color:#737271; }

a.cat:hover, a.comm:hover, a.tag:hover { text-decoration:underline; }

.comment {

	overflow: hidden;

	padding: 1em 0 0.5em;

    margin-left: 15px;

 	*zoom: 1;

}

.comment-img {

	float: left;

	margin-right: 36px;

	border-radius: 5px;

	overflow: hidden;

}

.comment-img img { display: block }

.comment-body { overflow: hidden }

.comment .text {

	padding: 15px;

	border: 1px solid #e5e5e5;

    background: #fafafa;

	margin-right:10px;

	-webkit-box-shadow:0 0 3px rgba(177, 177, 177, 0.4);

	-moz-box-shadow:0 0 3px rgba(177, 177, 177, 0.4);

	box-shadow:0 0 3px rgba(177, 177, 177, 0.4);

}

.comment .text p:last-child { margin: 0 }

.comment .attribution {

	margin: 0 0 0;

	font-size: 11px;

	color: #aaaaaa;

}

.comments, .comment { position: relative }

.comments:before, .comment:before, .comment .text:before {

	content: "";

	position: absolute;

	top: 0;

	left: 65px;

}

.comments:before {

	width: 2px;

	left: 80px;

	bottom: 0px;

	background-color:#f9f9f9;

}

.comment:before {

	width: 9px;

	height: 9px;

	border: 3px solid #fff;

	border-radius: 100px;

	margin: 23px 0 0 -6px;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);

	background: #ccc;

}

.comment:hover:before { background: #F30 }

.comment .text:before {

	top: 25px;

	left: 81px;

	width: 9px;

	height: 9px;

	border-width: 0 0 1px 1px;

	border-style: solid;

	border-color: #e5e5e5;

	background: #fafafa;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

}

/*

------------------------------------------------------------

		The FAQ

------------------------------------------------------------

*/

.faq .accordion { margin-bottom: 18px; }

.faq .accordion-group {

	margin-bottom: 2px;

	border: none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

.faq .accordion-heading {

	border-bottom: 0;

	position:relative;

	min-height:60px;

}

.faq .accordion-body:before, .faq .accordion-heading:before {

	content:"Q";

	font-size:30px;

	padding:13px 12px 14px 12px;

	position:absolute;

	background-color:#DDD;

	font-weight:bold;

	color:#FFF;

	-webkit-border-radius:100px;

	-moz-border-radius:100px;

	-o-border-radius:100px;

	-ms-border-radius:100px;

	-khtml-border-radius:100px;

	border-radius:100px;

	top: 5px;

}

.faq .accordion-heading .accordion-toggle {

	display: block;

	padding: 8px 15px 8px 0px;

	margin:0px 15px 0px 65px;

	color:#666666;

	border-bottom:1px #efefef solid;

}

.faq .accordion-body:after {

	position:absolute;

	content:"\0";

	width: 0;

	height: 0;

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;

	border-top: 20px solid #ffffff;

	z-index:1000;

	top:-5px;

	left:23px

}

.faq .accordion-heading .accordion-toggle p { color:#aaaaaa; }

.faq .accordion-heading span {

	background: transparent url(../images/down.png) no-repeat center center;

	text-indent:-9000px;

	width: 26px;

	height: 14px;

	display:inline-block;

	position: absolute;

	top: 50%;

	right: -26px;

	margin-top: -7px;

	opacity:0;

	-webkit-transition:  all 0.2s ease-in-out;

	-moz-transition:  all 0.2s ease-in-out;

	-o-transition:  all 0.2s ease-in-out;

	-ms-transition:  all 0.2s ease-in-out;

	transition:  all 0.2s ease-in-out;

}

.faq .accordion-heading:hover { /*background-color:#930;*/ }

.faq .accordion-heading:hover span {

	opacity:1;

	right: 10px;

}

.faq .accordion-toggle { cursor: pointer; }

.faq .accordion-body {

	padding:0 20px;

	width:100%;

	margin-left:-20px;

	color:#FFF;

}

.faq .accordion-inner {

	padding: 25px 15px 25px 0px;

	margin:0px 15px 0px 65px;

	border-top:none;

}

.faq .accordion-body:before {

	content:"A";

	top:20px;

	background-color:#333

}

/*

------------------------------------------------------------

		Social Media Widget

------------------------------------------------------------

*/

.socialmedia {

	margin: auto;

	width: 90%;

	text-align:center;

	margin-bottom: 20px;

}

.socialmedia a:first-child { margin-left:0px; }

.socialmedia a:last-child { margin-right:0px; }

.socialmedia a {

	position:relative;

	text-decoration:none;

	font-family:'socialicoz' !important;

	text-align:center;

	font-size:25px;

	background:#d9d9d9;

	display:inline-block;

	width:40px;

	height:32px;

	color:#FFF;

	-webkit-border-radius:100px;

	-moz-border-radius:100px;

	-o-border-radius:100px;

	-ms-border-radius:100px;

	-khtml-border-radius:100px;

	border-radius:100px;

	-webkit-transition:all 1s;

	-moz-transition:all 1s;

	-o-transition:all 1s;

	-ms-transition:all 1s;

	-khtml-transition:all 1s;

	transition:all 1s;

	background-color: #333;

	padding-top: 8px;

	line-height:25px;

	margin-bottom:2px;

	margin-left: 2px;

	margin-right: 2px;

}

.socialmedia.small a {

	font-size:20px;

	background:#d9d9d9;

	width:30px;

	height:25px;

	padding-top: 5px;

	line-height:18px;

}

.socialmedia a.dribbble:hover { background:#e4457c; }

.socialmedia a.googleplus:hover { background:#c43627; }

.socialmedia a.skype:hover { background:#29bcf2; }

.socialmedia a.facebook:hover { background:#00438f; }

.socialmedia a.twitter:hover { background:#00b8df; }

.socialmedia a.youtube:hover { background:#e14b40; }

.socialmedia a.rss:hover { background:#f9a70f; }

.socialmedia a.flickr:hover { background:#ff0084; }

.socialmedia a.paypal:hover { background:#3d74b6; }

.socialmedia a.Quora:hover { background:#aa270a; }

.socialmedia a.Wordpress:hover { background:#292121; }

.socialmedia a.Bebo:hover { background:#b23535; }

.socialmedia a.Blogger:hover { background:#eba413; }

.socialmedia a.Github:hover { background:#dedede; }

.socialmedia a.Aim:hover { background:#e73005; }

.socialmedia a.Behance:hover { background:#04a6de; }

.socialmedia a.Vimeo:hover { background:#7ed2dc; }

.socialmedia a.Yahoo:hover { background:#874b98; }

.socialmedia a.Tumblr:hover { background:#3a5c75; }

.socialmedia a.LinkedIn:hover { background:#6ab4cb; }

.socialmedia a.myspace:hover { background:#006; }

.socialmedia a:hover {

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-khtml-transform: rotate(360deg);

	transform: rotate(360deg);

	behavior: url(pie/PIE.htc); /* CSS3 Fix for Internet Explorer */

}

.ads_bottom { padding-top:5px; }

/*

------------------------------------------------------------

		Box FeatuedBox   

------------------------------------------------------------

*/

.featuedBox {

	width:300px;

	position:relative;

	margin-bottom: 20px;

}

.featuedBox .imgShow { overflow:hidden;}

.featuedBox h3 {

	padding:10px 0px 5px 0px;

	color: #FFF;

	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);

	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);

	text-transform:uppercase;

}

.featuedBox p {

	padding:5px 0;

	color: #FFF;

}

/*

------------------------------------------------------------

		Column Bottom - menu

------------------------------------------------------------

*/

.columnBottom {

	background-color: #161415;

/*	-moz-box-shadow: inset 0px 2px 5px #000000;

	-webkit-box-shadow: inset 0px 2px 5px #000000;

	box-shadow: inset 0px 2px 5px #000000;*/

}

.columnBottom .one_third div {

	width:auto;

	overflow:hidden;

	position:relative;

}

.columnBottom span {

	display:block;

	height:27px;

	line-height:27px;

	color:#FFF;

	text-transform:uppercase;

	font-size:10px;

	font-weight:bold;

	padding-left: 7px;

}

.columnBottom h4 {

	display:block;

	color:#FFF;

	text-transform:uppercase;

	margin-bottom:15px;

	border-bottom:1px #000000 solid;

}

.columnBottom h4:after {

	content:"";

	padding-top:10px;

	display: block;

	border-bottom:1px #333333 solid;

}

.carousel_box { margin-top:15px; }

.carousel_header {

	margin:5px 10px 0px 10px;

	color: #666666;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	text-transform: capitalize;

}

.carousel_box p ,.packages-items p {

	font-size:10px;

	margin:0px 0px 5px 9px;

	display: block;

}

.carousel_box a.locality,.packages-items a.locality { color: #999999; }

.carousel_box .span4 ,.packages-items .span4, .packages-items .span3{

	background-color: #fafafa;

	border-bottom: 1px #d9d9d9 solid;

}

/*

------------------------------------------------------------

		Rating star

------------------------------------------------------------

*/

.rating {

	width:56px;

	height:9px;

	margin:5px 10px 10px 10px;

	padding:0;

	list-style:none;

	clear:both;

	position:relative;

	background: no-repeat 0 0;

	background-image: url(../images/star.png);

	display: block;

}

.nostar { background-position:0 0 }

.onestar { background-position:0 -9px }

.twostar { background-position:0 -18px }

.threestar { background-position:0 -27px }

.fourstar { background-position:0 -36px }

.fivestar { background-position:0 -45px }

/*

------------------------------------------------------------

		Flickr

------------------------------------------------------------

*/

.widget-flickr {

	margin-bottom: 1.5em;

	margin: 0;

	padding: 0;

}

#flickr-badge {

	padding:0px;

	margin:0;

}

#flickr-badge.large li {

	width: 75px;

	height: 75px;

	margin: 0 5px 10px 6px;

}

#flickr-badge.large li img {

	height: 75px;

	width: 75px;

}

#flickr-badge li {

	float: left;

	width: 60px;

	height: 60px;

	margin: 0 5px 10px 5px;

}

#flickr-badge li img {

	display: block;

	height: 60px;

	width: 60px;

	background-color: #000;

	opacity: .7;

	-webkit-transition: 0.5s all ease-out;

	-moz-transition: 0.5s all ease-out;

	transition: 0.5s all ease-out;

}

#flickr-badge li img:before {

	content: "";

	position: absolute;

	z-index: 2;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	border: 1px solid rgba(255, 255, 255, .25);

}

#flickr-badge li:hover img { opacity: 1; }

/*

------------------------------------------------------------

		Tag

------------------------------------------------------------

*/

.tag-cloud {

	width: 100%;

	margin: auto;

}

.tag-cloud:after {

	clear:both;

	display:table;

	content:"\0";

}

.tag-cloud ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

.tag-cloud li {

	margin: 5px 5px 5px 10px;

	float: left;

}

.tag-cloud a {

	display: inline-block;

	position: relative;

	color: #996633;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

	text-decoration: none;

	text-align: center;

	padding: 4px 9px 6px 6px;

	font: bold 11px Tahoma, sans-serif;

	border-radius: 3px;

	border: 1px solid #cc912d;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0px rgba(255, 255, 255, 0.4) inset;

	background-image: -webkit-linear-gradient(top, rgba(254, 218, 113, 1) 0%, rgba(254, 205, 97, 1) 60%, rgba(254, 188, 74, 1) 100%);

	background-image: -moz-linear-gradient(top, rgba(254, 218, 113, 1) 0%, rgba(254, 205, 97, 1) 60%, rgba(254, 188, 74, 1) 100%);

	background-image: -o-linear-gradient(top, rgba(254, 218, 113, 1) 0%, rgba(254, 205, 97, 1) 60%, rgba(254, 188, 74, 1) 100%);

	background-image: -ms-linear-gradient(top, rgba(254, 218, 113, 1) 0%, rgba(254, 205, 97, 1) 60%, rgba(254, 188, 74, 1) 100%);

	background-image: linear-gradient(top, rgba(254, 218, 113, 1) 0%, rgba(254, 205, 97, 1) 60%, rgba(254, 188, 74, 1) 100%);

}

.tag-cloud a:hover { color: #492a0b; }

.tag-cloud a:after {

	content: '';

	position: absolute;

	height: 50%;

	width: 15px;

	border-left: 1px solid #cc912d;

	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 218, 113, 1) 1%, rgba(254, 205, 97, 1) 100%);

	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 218, 113, 1) 1%, rgba(254, 205, 97, 1) 100%);

	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 218, 113, 1) 1%, rgba(254, 205, 97, 1) 100%);

	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 218, 113, 1) 1%, rgba(254, 205, 97, 1) 100%);

	background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 218, 113, 1) 1%, rgba(254, 205, 97, 1) 100%);

	left: -5px;

	top: 1px;

	-webkit-transform: skew(-35deg, 0);

	-moz-transform: skew(-35deg, 0);

	-o-transform: skew(-35deg, 0);

	-ms-transform: skew(-35deg, 0);

	transform: skew(-35deg, 0);

}

.tag-cloud a:before {

	content: '';

	position: absolute;

	height: 48%;

	width: 15px;

	border-left: 1px solid #cc912d;

	bottom: 1px;

	left: -5px;

	-webkit-transform: skew(35deg, 0);

	-moz-transform: skew(35deg, 0);

	-o-transform: skew(35deg, 0);

	-ms-transform: skew(35deg, 0);

	transform: skew(35deg, 0);

	background-image: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 205, 97, 1) 10%, rgba(254, 188, 74, 1) 100%);

	background-image: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 205, 97, 1) 10%, rgba(254, 188, 74, 1) 100%);

	background-image: -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 205, 97, 1) 10%, rgba(254, 188, 74, 1) 100%);

	background-image: -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 205, 97, 1) 10%, rgba(254, 188, 74, 1) 100%);

	background-image: linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 205, 97, 1) 10%, rgba(254, 188, 74, 1) 100%);

	-webkit-box-shadow: -2px 1px 2px rgba(100, 100, 100, 0.1);

	box-shadow: -2px 1px 2px rgba(100, 100, 100, 0.1);

}

.tag-cloud a span {

	background-color: #FFFFFF;

	border: 1px solid #CC912D;

	border-radius: 5px 5px 5px 5px;

	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2) inset;

	display: inline-block;

	height: 5px;

	left: -5px;

	position: relative;

	top: -1px;

	vertical-align: middle;

	width: 5px;

	z-index: 10;

}



/*

------------------------------------------------------------

		Main_mini scroller , 

------------------------------------------------------------

*/

.main_mini {

	position:relative;

	width:100%;

	padding:20px;

	margin:20px auto 0px -20px;

	overflow:hidden;

	-moz-box-shadow:inset 0px 1px 10px #000000;

	-webkit-box-shadow:inset 0px 1px 10px #000000;

	box-shadow:inset 0px 1px 10px #000000;

}

.main_mini.fullwidth{

		width:auto;

		margin:0px auto 0px 0px;

		padding:20px 0;

	}

.main_mini.fullwidth #mini_gallery{

		width:auto;

		margin:0px auto 0px 0px;

/*		border:1px #F00 dashed*/

	}

.main_mini.fullwidth #mini_gallery:after {

	top:-20px;

	}

#mini_gallery {

	color:#FFF;

	width:100%;

	height:82px;

	padding: 3px 35px 0px 2px;

	margin:0px auto 0px -20px;

	overflow: hidden;

}

#mini_gallery:after {

	position:absolute;

	content:"";

	width: 0;

	height: 0;

	border-left: 15px solid transparent;

	border-right: 15px solid transparent;

	border-top: 15px solid #ffffff;

	z-index:1000;

	top:0px;

	left:20px

}

#imgscroller {

	width:auto;

	padding:0 2px 0 4px;

}

#imgscroller ul {

	list-style:none;

	display:block;

	float:left;

	width:auto;

	height:100%;

	padding:0;

	margin:0;

	text-align: center;

	overflow: hidden;

}

.main_mini.fullwidth #imgscroller ul {

	margin-left:-23px;

	}

#imgscroller li {

	display:block;

	vertical-align:middle;

	float:left;

	padding:0 0px;

	width:160px;

	font-weight:bold;

	height:100%;

	font-size:12px;

	border-right:1px #111111 solid;

	border-left:1px #7e7b75 solid;

	white-space: nowrap;

}

#imgscroller li img {

	width:100px;

	border:2px solid #303030;

}

#imgscroller li:first-child { border-left:none; }

#imgscroller li:last-child { border-right:none; }

/*

------------------------------------------------------------

		Group Gallery Stacks  

------------------------------------------------------------

*/

.group {

	margin:20px 0;

	text-align: center;

	margin-left:20px;

}

.group h2 {

 text-align;

	display:block;

	margin-bottom:19px;

}

.stack {

	width: 27%;

	margin: 2% 2% 2% 3%;

	position: relative;

	z-index: 10;

	display: block;

	float:left;

	margin-bottom:80px;

}

.stack .title {

	border-radius: 3px;

	-webkit-box-shadow:inset 0px 0px 7px #666666;

	-moz-box-shadow:inset 0px 0px 7px #666666;

	box-shadow:inset 0px 0px 7px #666666;

	position:absolute;

	line-height: 1.7;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	width:70%;

	left:50%;

	margin-left:-35%;

	padding:3px 0px 3px 7px;

	margin-top:25px;

	background-color: #a1a1a1;

	color:#FFF;

	font-size:11px

}

.stack.full {

	width: 85%;

	margin: 0 4% 4% 0;

	position: relative;

	z-index: 10;

	display: inline-block;

	margin-bottom:50px;

}

.stack img {

	max-width: 100%;

	height: auto;

	vertical-align: bottom;

	border: 7px solid #fff;

	border-radius: 1px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

}

.stack:last-of-type { margin-right: 0; }

.stack:before, .stack:after {

	content: "";

	border-radius: 1px;

	width: 100%;

	height: 100%;

	position: absolute;

	border: 7px solid #fff;

	left: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

	transition: 0.5s all ease-out;

	-moz-transition: 0.5s all ease-out; 

	-webkit-transition: 0.5s all ease-out; 

	-o-transition: 0.5s all ease-out; 

}

.stack:before {

	top: 4px;

	z-index: -10;

}

.stack:after {

	top: 8px;

	z-index: -20;

}

.stack.rotated:before {

	-webkit-transform-origin: bottom left;

	-moz-transform-origin: bottom left;

	transform-origin: bottom left;

	-o-transform-origin: bottom left;

	-webkit-transform: rotate(2deg);

	-moz-transform: rotate(2deg);

	transform: rotate(2deg);

	-o-transition: rotate(2deg);

}

.stack.rotated:after {

	-webkit-transform-origin: bottom left;

	-moz-transform-origin: bottom left;

	transform-origin: bottom left;

	-o-transform-origin: bottom left;

	-webkit-transform: rotate(4deg);

	-moz-transform: rotate(4deg);

	transform: rotate(4deg);

	-o-transition: rotate(4deg);

}

.stack.twisted:before {

	-webkit-transform: rotate(4deg);

	-moz-transform: rotate(4deg);

	transform: rotate(4deg);

	-o-transition: rotate(4deg);

}

.stack.twisted:after {

	-webkit-transform: rotate(-4deg);

	-moz-transform: rotate(-4deg);

	transform: rotate(-4deg);

	-o-transition: rotate(-4deg);

}

.stack.rotated-left:before {

	-webkit-transform-origin: bottom left;

	-moz-transform-origin: bottom left;

	transform-origin: bottom left;

	-o-transform-origin: bottom left;

	-webkit-transform: rotate(-3deg);

	-moz-transform: rotate(-3deg);

	transform: rotate(-3deg);

	-o-transition: rotate(-3deg);

}

.stack.rotated-left:after {

	-webkit-transform-origin: bottom left;

	-moz-transform-origin: bottom left;

	transform-origin: bottom left;

	-o-transform-origin: bottom left;

	-webkit-transform: rotate(-6deg);

	-moz-transform: rotate(-6deg);

	transform: rotate(-6deg);

	-o-transition: rotate(-6deg);

}

.stack:hover:before, .stack:hover:after {

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	transform: rotate(0deg);

	-o-transition: rotate(deg);

}

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

.stack {

	width:auto;

	float:none;

	padding:0;

	margin-bottom:70px;

}

}

/*

------------------------------------------------------------

		Images zoom   

------------------------------------------------------------

*/

.zoom {

	width:100%;

	display:block;

	position:relative;

	overflow:hidden;

}

.zoom .image_highlight {

	display:block;

	width:100%;

	height:100%;

	position: absolute;

	-moz-box-shadow: inset 0px 0px 10px #000000;

	-webkit-box-shadow: inset 0px 0px 10px #000000;

	box-shadow: inset 0px 0px 10px #000000;

	z-index: 2;

	top:0px;

}

.zoom img {

	-moz-transition: all 1s ease;

	-webkit-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.zoomOverlay {

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	right:0;

	display:block;

	background-image:url(../images/zoom-zoom.png);

	background-repeat:no-repeat;

	background-position:center;

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-moz-transition: all 1s ease;

	-webkit-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.zoom.img .zoomOverlay { background-image:url(../images/zoom.png); }

.zoom.video .zoomOverlay { background-image:url(../images/zoom-video.png); }

.zoom:hover .zoomOverlay {

	background-color: rgba(0, 0, 0, 0.5);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

}

.zoom:hover img.zoom {

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

/*

------------------------------------------------------------

		Twitter notifly   

------------------------------------------------------------

*/

#twitter {

	position: relative;

	padding: 15px 20px;

	cursor: pointer;

	overflow: hidden;

	-webkit-transition: background-color .2s ease-out;

	 -moz-transition: background-color .2s ease-out;

	 -o-transition: background-color .2s ease-out;

	 transition: background-color .2s ease-out;

	margin-bottom: 10px;

}

#twitter .twitter {

	font-family: 'WebSymbolsRegular', cursive;

	font-size: 60px;

	color: #FFF;

	text-shadow: 0px 0px 1px #333;

	position: absolute;

	width: 90px;

	text-align: center;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

	line-height: 30px;

	z-index: 0;

}

#twitter .text {

	display:block;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	font-size: 16px;

	margin-left: 50px;

	text-align: center;

	padding: 10px;

	color: #eeeeee;

	text-shadow: 1px 1px 0px #000;

}

#twitter:hover .twitter {

	color: #666;

	font-size: 110px;

	opacity: 0.2;

	text-shadow: 0px 0px 3px #333;

	-webkit-transform: rotate(20deg);

	-moz-transform: rotate(20deg);

	-ms-transform: rotate(20deg);

	transform: rotate(20deg);

}

/*

------------------------------------------------------------

		Rribbon    

------------------------------------------------------------

*/

.ribbon-wrapper.right {

	width: 85px;

	height: 88px;

	overflow: hidden;

	position: absolute;

	top: -4px;

	right: -4px;

	left: auto;

	z-index:15;

}

.ribbon-wrapper {

	width: 85px;

	height: 88px;

	overflow: hidden;

	position: absolute;

	top: -4px;

	left: -3px;

	right:auto;

	z-index:15;

}

.ribbon-wrapper .ribbon, .ribbon-wrapper.right .ribbon {

	font: bold 11px Sans-Serif;

	text-align: center;

	position: relative;

	padding: 7px 0;

	left: -35px;

	top: 15px;

	width: 120px;

	background-color: #bf0000;

	color: #ffffff;

	

	background-image: -webkit-gradient(linear, left top, left bottom, from(#bf0000), to(#8f0000));

	background-image: -webkit-linear-gradient(top, #bf0000, #8f0000);

	background-image: -moz-linear-gradient(top, #bf0000, #8f0000);

	background-image: -ms-linear-gradient(top, #bf0000, #8f0000);

	background-image: -o-linear-gradient(top, #bf0000, #8f0000);



	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);

	    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);

	              box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);

	-webkit-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;

	    -moz-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;

	              text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;

}

.ribbon-wrapper.right .ribbon { left: -5px; }

.ribbon-wrapper .ribbon {

	-webkit-transform: rotate(-45deg);

	    -moz-transform: rotate(-45deg);

	      -ms-transform: rotate(-45deg);

	        -o-transform: rotate(-45deg);

}

.ribbon-wrapper.right .ribbon {

	-webkit-transform: rotate(45deg);

	    -moz-transform: rotate(45deg);

	      -ms-transform: rotate(45deg);

			-o-transform: rotate(45deg);

}

.ribbon-wrapper.right .ribbon:before, .ribbon-wrapper.right .ribbon:after { right:auto; }

.ribbon-wrapper .ribbon:before, .ribbon-wrapper .ribbon:after {

	content: "";

	border-right: 3px solid transparent;

	border-top:   3px solid #770101;

	border-left:  3px solid transparent;

	

	position:absolute;

	bottom: -3px;

	right:3px;

}

.ribbon-wrapper.right .ribbon:before {

	left: 6px;

	right: none;

	bottom: -3px;

}

.ribbon-wrapper.right .ribbon:after {

	right: 3px!important;

	left: auto;

	bottom: -3px;

}

​.ribbon-wrapper .ribbon:before { left: auto; }

.ribbon-wrapper .ribbon:after {

	left: 9px;

	right: auto;

	bottom: -3px;

}

​ 

/*

------------------------------------------------------------

		 News update

------------------------------------------------------------

*/

.news_update ul {

	position: absolute;

	margin:0px!important;

	padding: 0px!important;

	top: 0px;

	width: 100%;

}

.news_update ul li {

	position:relative!important;

	padding-bottom:10px!important;

}

.news_update ul li .temp_news {

	width: 130px;

	height: 98px;

	border: 1px #DDD solid;

	padding:2px;

	background-color:#FFF;

	float: left;

}

.news_update ul li .temp_news img { width: 130px; }

.news_update ul li .detail_news {

	margin-left:145px;

	margin-bottom: 10px;

}

.news_update ul li .detail_news h6 { padding:5px 0; }

.news_update ul li .detail_news .datepost {

	color: #BBB;

	font-size:10px;

	margin-right: 2px;

}

.news_update ul li .detail_news .morelink {

	display: inline-block;

	font-size:10px;

	background-position:right -15px;

	height: 15px;

	background-repeat: no-repeat;

	padding-right: 17px;

	padding-left:7px;

	padding-bottom:2px;

	border-left: 1px #DDD solid;

	margin-left: 4px;

}

.news_update ul li .detail_news p {

	height:42px;

	overflow:hidden;

	padding:0px;

	line-height: 20px;

	margin: 0 0 5px 0;

}

/*

------------------------------------------------------------

		 Gallery Thumbnails & Touch Gallery

------------------------------------------------------------

*/

.thumbsimg {

	overflow: hidden;

	position: relative;

	display: inline-block;

	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 1);

		-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 1);

				  box-shadow: 0 2px 8px rgba(0, 0, 0, 1);

}

.thumbsimg:hover:before { border-color: rgba(255, 255, 255, .3) }

.thumbsimg:hover:after {

	background: rgba(255, 255, 255, .05);

	-webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, .2);

		-moz-box-shadow: 0 0 0 200px rgba(255, 255, 255, .2);

				  box-shadow: 0 0 0 200px rgba(255, 255, 255, .2);

}

#thumbs {

	width:auto;

	margin:0px auto;

	text-align:center;

}

#thumbs a {

	width:160px;

	height:120px;

	display:inline-block;

	border:2px solid #303030;

	position:relative;

	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);

	border-radius:0px;

	margin: 6px 6px 40px;

	text-decoration:none;

	background-position:center center;

	background-repeat: no-repeat;

	background-size:cover;

	-moz-background-size:cover;

	-webkit-background-size:cover;

}

#thumbs a:after {

	background-color: #303030;

	border-radius: 7px;

	bottom: -133px;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

	color: #FFFFFF;

	content: attr(title);

	display: inline-block;

	font-size: 10px;

	max-width: 90px;

	overflow: hidden;

	padding: 2px 10px;

	position: relative;

	text-align: center;

	white-space: nowrap;

}

#thumbs a span {

	display:block;

	position:absolute;

	width:100%;

	height:100%;

	overflow:hidden;

}

#thumbs a span:before {

	content: "";

	position: absolute;

	z-index: 2;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	border: 1px solid rgba(255, 255, 255, .25);

}

#thumbs a span:after {

	content: "";

	position: absolute;

	z-index: 1;

	top: -40%;

	left: 0;

	width: 500%;

	height: 400%;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	background: transparent;

	-webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, .15);

	-moz-box-shadow: 0 0 0 200px rgba(255, 255, 255, .15);

	box-shadow: 0 0 0 200px rgba(255, 255, 255, .15);

	border: 1px solid rgba(255, 255, 255, .2);

	-moz-transition:all 3s ease;

	-webkit-transition:all 3s ease;

	transition:all 3s ease;

}

/* The gallery overlay */

#galleryOverlay {

	width:100%;

	height:100%;

	position:fixed;

	top:0;

	left:0;

	opacity:0;

	z-index:100000;

	background-color:#222;

	background-color:rgba(0, 0, 0, 0.8);

	overflow:hidden;

	display:none;

	-moz-transition:opacity 1s ease;

	-webkit-transition:opacity 1s ease;

	transition:opacity 1s ease;

}

/* This class will trigger the animation */

#galleryOverlay.visible { opacity:1; }

#gallerySlider {

	height:100%;

	left:0;

	top:0;

	width:100%;

	white-space: nowrap;

	position:absolute;

	-moz-transition:left 0.4s ease;

	-webkit-transition:left 0.4s ease;

	transition:left 0.4s ease;

}

#gallerySlider .placeholder {

	background: url("../images/preloader.gif") no-repeat center center;

	height: 100%;

	line-height: 1px;

	text-align: center;

	width:100%;

	display:inline-block;

}

/* The before element moves the

 * image halfway from the top */

#gallerySlider .placeholder:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right:-1px;

}

#gallerySlider .placeholder img {

	display: inline-block;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

}

#gallerySlider.rightSpring {

	-moz-animation: rightSpring 0.3s;

	-webkit-animation: rightSpring 0.3s;

}

#gallerySlider.leftSpring {

	-moz-animation: leftSpring 0.3s;

	-webkit-animation: leftSpring 0.3s;

}



/* Firefox Keyframe Animations */



@-moz-keyframes rightSpring { 0% {

margin-left:0px;

}

 50% {

margin-left:-30px;

}

 100% {

margin-left:0px;

}

}

 @-moz-keyframes leftSpring { 0% {

margin-left:0px;

}

 50% {

margin-left:30px;

}

 100% {

margin-left:0px;

}

}



/* Safari and Chrome Keyframe Animations */



@-webkit-keyframes rightSpring { 0% {

margin-left:0px;

}

 50% {

margin-left:-30px;

}

 100% {

margin-left:0px;

}

}

 @-webkit-keyframes leftSpring { 0% {

margin-left:0px;

}

 50% {

margin-left:30px;

}

 100% {

margin-left:0px;

}

}

/* Arrows */

#prevArrow, #nextArrow {

	border:none;

	text-decoration:none;

	background:url('../images/arrows.png') no-repeat;

	opacity:0.5;

	cursor:pointer;

	position:absolute;

	width:43px;

	height:58px;

	top:50%;

	margin-top:-29px;

	-moz-transition:opacity 0.2s ease;

	-webkit-transition:opacity 0.2s ease;

	transition:opacity 0.2s ease;

}

#prevArrow:hover, #nextArrow:hover { opacity:1; }

#prevArrow {

	background-position:left top;

	left:40px;

}

#nextArrow {

	background-position:right top;

	right:40px;

}

/*

------------------------------------------------------------

		 Pricing box

------------------------------------------------------------

*/

.pricing_box {

	border: 1px solid #ccc;

	float: left;

	text-align: center;

	padding: 0 0 20px 0;

	margin-left:-1px;

	box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); 

}

.pricing_box.radius-left {

	-webkit-border-top-left-radius: 5px;

	border-top-left-radius: 5px;

	-moz-border-top-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	border-bottom-left-radius: 5px;

	-moz-border-bottom-left-radius: 5px;

}

.pricing_box.radius-right {

	-webkit-border-top-right-radius: 5px;

	border-top-right-radius: 5px;

	-moz-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	border-bottom-right-radius: 5px;

	-moz-border-bottom-right-radius: 5px;

}

.pricing_box .header {

	background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);

	background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);

	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e4e4e4));

	background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);

	background-image: linear-gradient(top, #ffffff, #e4e4e4);

	text-shadow: 0 1px 1px #fff;

	border-bottom: 1px solid #ccc;

	-webkit-border-top-right-radius: 5px;

	border-top-right-radius: 5px;

	-moz-border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	border-top-left-radius: 5px;

	-moz-border-top-left-radius: 5px;

}

.pricing_box .header {

	width: 100%;

	height: 68px;

	font-family: "OpenSansLight", Arial, Helvetica, sans-serif;

}

.pricing_box .header span {

	position: relative;

	top: 16px;

	font-size: 20px;

	line-height: 28px;

}

.pricing_box .header span.info {

	position: relative;

	font-size: 12px;

	font-weight: normal;

	display: block;

	color: gray;

	text-transform: uppercase;

	padding-top: 8px;

	top: 0px;

}

.pricing_box p { line-height: 28px; }

.pricing_box ul {

	list-style: none;

	margin: 0 0 15px 0!important;

	text-align: left;

}

.cols-2wrapper {

	width:60%;

	margin:auto;

}

.cols-2 .pricing_box {

	width: 49.8%;

	margin-bottom:50px;

}

.cols-3 .pricing_box {

	width: 33%;

	margin-bottom:50px;

}

.cols-4 .pricing_box {

	width: 24.8%;

	font-size: 1em;

}

.cols-5 .pricing_box {

	width: 19.5%;

	font-size: 0.9em;

}

.cols-5 .pricing_box h3 sub {

	position:static;

	margin-top:1em;

	display: block;

}

.pricing_box ul li { 

	list-style-type: none!important;

	padding: 20px 10px;

	text-align: center;

}

.pricing_box ul li.odd { background: #F9F9F9; }

.pricing_box ul li.even { background: #fff; }

.pricing_box strong {

	background: url(../images/price.sprite.png) no-repeat 0 -9999px;

	height: 12px;

	padding-left: 20px;

	font-style: normal;

	color: gray;

}

.pricing_box strong.no { background-position: 0 0; }

.pricing_box strong.yes { background-position: 0 -15px; }

.pricing_box strong.single { background-position: 0 -30px; }

.pricing_box strong.unlim { background-position: 0 -45px; }

.pricing_box strong.more {

	background: url(images/price.more.png) no-repeat 0 0;

	height: 20px;

	width: 20px;

	cursor: pointer;

	float: right;

	padding: 0;

	margin: 14px 14px 0 0;

}

.pricing_box strong.nopad { padding: 0; }

.pricing_box p.signup { padding-top:20px; }

.pricing_box h3 {

	margin: 40px 0 20px 0;

	font-size: 45px;

	display: block;

	position: relative;

}

.pricing_box h3 sub {

	font-size: 0.3em;

	padding:5px;

	bottom:0px;

	position: absolute;

}

.pricing_box h3 sup {

	font-size: 0.5em;

	margin-left:-25px;

	top:-15px;

}

.pricing_box h3 em {

	font-size: 12px;

	font-weight: normal;

}

.pricing_box.large {

	position: relative;

	z-index: 9;

	margin-top: -20px;

	-moz-box-shadow: 0 1px 10px #cbcbcb;

	-webkit-box-shadow: 0 1px 10px #cbcbcb;

	box-shadow: 0px 1px 10px #cbcbcb;

	padding: 0 0 40px 0;

	border-radius: 5px;

	border-color: #666666;

}

.pricing_box.large .header {

	background-size: 100% 100%;

	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#514d43), to(#25231f));

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #514d43, #25231f);

	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #514d43, #25231f);

	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #514d43, #25231f);

	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #514d43, #25231f);

	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #514d43, #25231f);

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	color: #FFF;

	text-shadow:0 1px 0 #444444;

	height: 88px;

	border-bottom: 1px solid #F30;

	text-transform: uppercase;

}

.pricing_box.large .header span { top: 30px; }

.pricing_box.large .header span.info {

	top: 14px;

	color: #CCC;

	text-shadow:none;

}

/*

------------------------------------------------------------

		 Packages , Portfolio 

------------------------------------------------------------

*/

.packages-container { /*	border:1px dashed #F00;*/ }

.packages-container label {

	width: auto;

	height: 30px;

	cursor: pointer;

	color: #777;

	padding:0 13px;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

	line-height: 30px;

	font-size: 13px;

	border: 1px solid #eeeeee;

	border-bottom-color:#8d8d8d;

	border-top-color:#f5f5f5;

	border-left-width: 0;

	color:#9f9d9e;

	background: rgb(255,255,255);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(rgba(255, 255, 255, 1), 0.01), color-stop(rgba(247, 247, 247, 1), 1));

	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(247, 247, 247, 1)));

	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

	background: linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(247, 247, 247, 1) 100%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );

    -webkit-box-shadow: 0px 2px 3px #aaaaaa;

	-moz-box-shadow: 0px 2px 3px #aaaaaa;

	box-shadow: 0px 2px 3px #aaaaaa;

	float:left;

	display: inline-block;

}

.packages-container input.selector-type-all:checked ~ label.label-type-all, .packages-container input.selector-type-1:checked ~ label.label-type-1, .packages-container input.selector-type-2:checked ~ label.label-type-2, .packages-container input.selector-type-3:checked ~ label.label-type-3, .packages-container input.selector-type-4:checked ~ label.label-type-4 {

	border-bottom-color:#aaaaaa;

	color:#9f9d9e;

	background: rgb(255,255,255);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(rgba(240, 238, 239, 1), 0.01), color-stop(rgba(247, 247, 247, 1), 1));

	background: -webkit-linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: -moz-linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: -o-linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(240, 238, 239, 1)), color-stop(100%, rgba(226, 224, 225, 1)));

	background: -webkit-linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: -moz-linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: -o-linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	background: linear-gradient(top, rgba(240, 238, 239, 1) 1%, rgba(226, 224, 225, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eeef', endColorstr='#e2e0e1', GradientType=0 );

	-webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1);

	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1);

}

.packages-container input { display:none; }

.packages-items {

	position: relative;

	margin: 0px auto 20px auto;

	padding-top: 20px;

}

.packages-items div {

	margin: 0px auto 20px auto;

	-webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	-ms-transition: all 0.6s ease-in-out;

	transition: all 0.6s ease-in-out;

	position: relative;

}

.packages-container input.selector-type-all:checked ~ .packages-items div, .packages-container input.selector-type-1:checked ~ .packages-items .item-type-1, .packages-container input.selector-type-2:checked ~ .packages-items .item-type-2, .packages-container input.selector-type-3:checked ~ .packages-items .item-type-3, .packages-container input.selector-type-4:checked ~ .packages-items .item-type-4 {

 opacity: 1;

}

 .packages-container input.selector-type-1:checked ~ .packages-items div:not(.item-type-1), .packages-container input.selector-type-2:checked ~ .packages-items div:not(.item-type-2), .packages-container input.selector-type-3:checked ~ .packages-items div:not(.item-type-3), .packages-container input.selector-type-4:checked ~ .packages-items div:not(.item-type-4) {

 opacity: 0.1;

}

.packages-container input.selector-type-1:checked ~ .packages-items div:not(.item-type-1) span, .packages-container input.selector-type-2:checked ~ .packages-items div:not(.item-type-2) span, .packages-container input.selector-type-3:checked ~ .packages-items div:not(.item-type-3) span, .packages-container input.selector-type-4:checked ~ .packages-items div:not(.item-type-4) span {

 display:none;

}

/*scalestyle*/

.packages-container.scalestyle input.selector-type-all:checked ~ .packages-items div, .packages-container.scalestyle input.selector-type-1:checked ~ .packages-items .item-type-1, .packages-container.scalestyle input.selector-type-2:checked ~ .packages-items .item-type-2, .packages-container.scalestyle input.selector-type-3:checked ~ .packages-items .item-type-3, .packages-container.scalestyle input.selector-type-4:checked ~ .packages-items .item-type-4 {

 opacity: 1;

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

 .packages-container.scalestyle input.selector-type-1:checked ~ .packages-items div:not(.item-type-1), .packages-container.scalestyle input.selector-type-2:checked ~ .packages-items div:not(.item-type-2), .packages-container.scalestyle input.selector-type-3:checked ~ .packages-items div:not(.item-type-3), .packages-container.scalestyle input.selector-type-4:checked ~ .packages-items div:not(.item-type-4) {

 opacity: 0.1;

 	-webkit-transform: scale(0.5);

	-moz-transform: scale(0.5);

	-o-transform: scale(0.5);

	-ms-transform: scale(0.5);

	transform: scale(0.5);

}

 /*

------------------------------------------------------------

		 BrakeLine , Circle 

------------------------------------------------------------

*/ 

.brake {

	width:100%;

	overflow: hidden;

}

.circle {

	position: relative;

	width: 27px;

	height: 9px;

	margin: 5px auto;

	cursor: pointer;

	background-image: url(../images/horizontal_piece.png);

}

 .circle::before, .circle::after {

 content: "";

 position: absolute;

 left: -495px;

 top: 50%;

 margin-top:-1px;

 height: 1px;

 width: 480px;

 border-bottom: 1px solid #efefef;

}

.circle::after {

 left: auto;

 right: -495px;

}

.circle:hover { border-color: #FFF; }

 /*

------------------------------------------------------------

		 Notifications

------------------------------------------------------------

*/ 

.notifications {

	position:relative;

	margin-bottom: 18px;

	width: auto;

	overflow:hidden;

	-webkit-perspective: 2000;

	-khtml-perspective: 2000;

	-moz-perspective: 2000;

	-ms-perspective: 2000;

	-o-perspective: 2000;

	perspective: 2000;

}

.notif {

	padding: 10px 15px;

	width: auto;

	margin-bottom: 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	overflow: hidden;

	background: #000;

	border: 1px solid #000;

	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 6px, inset rgba(255, 255, 255, 0.15) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 0px 1px;

	-moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 6px, inset rgba(255, 255, 255, 0.15) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 0px 1px;

	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 6px, inset rgba(255, 255, 255, 0.15) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 0px 1px;

	-webkit-transform-style: preserve-3d;

	-khtml-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;

	-khtml-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-animation: flip 1s 1 linear;

	-khtml-animation: flip 1s 1 linear;

	-moz-animation: flip 1s 1 linear;

	-o-animation: flip 1s 1 linear;

	animation: flip 1s 1 linear;

	opacity: 0.9;

}

.notif .shine {

	position: absolute;

	width: 100%;

	height: 100%;

	margin-left: 50%;

	margin-top: -10px;

	padding-bottom: 10px;

	-webkit-transform-style: flat;

	-khtml-transform-style: flat;

	-moz-transform-style: flat;

	-ms-transform-style: flat;

	-o-transform-style: flat;

	transform-style: flat;

	-webkit-transform: skew(45deg);

	-khtml-transform: skew(45deg);

	-moz-transform: skew(45deg);

	-ms-transform: skew(45deg);

	-o-transform: skew(45deg);

	transform: skew(45deg);

	-webkit-animation: shine-in 1s 1 ease-out;

	-khtml-animation: shine-in 1s 1 ease-out;

	-moz-animation: shine-in 1s 1 ease-out;

	-ms-animation: shine-in 1s 1 ease-out;

	-o-animation: shine-in 1s 1 ease-out;

	animation: shine-in 1s 1 ease-out;

	background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.25) 0%, hsla(0, 0%, 100%, 0) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(0, 0%, 100%, 0.2)), color-stop(100%, hsla(0, 0%, 100%, 0)));

	background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.25) 0%, hsla(0, 0%, 100%, 0) 100%);

	background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.25) 0%, hsla(0, 0%, 100%, 0) 100%);

	background: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.25) 0%, hsla(0, 0%, 100%, 0) 100%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42ffffff', endColorstr='#00ffffff', GradientType=0 );

	background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.25) 0%, hsla(0, 0%, 100%, 0) 100%);

}

.notif .head, .notif .text { position: relative; }

.notif .head, .notif .text {

	max-width: 100%;

	min-width: 55%;

	font-weight: bold;

	text-shadow: #000 0px 1px 1px;

}

.notif .head {

	padding-bottom: 4px;

	color: #f5f5f5;

}

.notif .head span { color: #F00; }

.notif .text {

	color: #CCC;

	font-size: 10px;

	-webkit-animation: text-in 1s 1 ease-out;

	-khtml-animation: text-in 1s 1 ease-out;

	-moz-animation: text-in 1s 1 ease-out;

	-ms-animation: text-in 1s 1 ease-out;

	-o-animation: text-in 1s 1 ease-out;

	animation: text-in 1s 1 ease-out;

}

 @-webkit-keyframes flip { 0% {

-webkit-transform: rotateY(-90deg);

opacity: 0;

border-right-width: 30px;

}

 80% {

-webkit-transform: rotateY(10deg);

border-right-width: 0px;

}

 95% {

-webkit-transform: rotateY(-1deg);

}

 100% {

-webkit-transform: rotateY(0deg);

}

}

@-webkit-keyframes shine-in { 0% {

margin-left: 100%;

}

 100% {

}

}

@-webkit-keyframes text-in { 0% {

margin-left: 25%;

margin-right: -25%;

}

}

 @-khtml-keyframes flip { 0% {

-khtml-transform: rotateY(-90deg);

opacity: 0;

border-right-width: 30px;

}

 80% {

-khtml-transform: rotateY(10deg);

border-right-width: 0px;

}

 95% {

-khtml-transform: rotateY(-1deg);

}

 100% {

-khtml-transform: rotateY(0deg);

}

}

@-khtml-keyframes shine-in { 0% {

margin-left: 100%;

}

}

@-khtml-keyframes text-in { 0% {

margin-left: 25%;

margin-right: -25%;

}

}

 @-moz-keyframes flip { 0% {

-moz-transform: rotateY(-90deg);

opacity: 0;

border-right-width: 30px;

}

 80% {

-moz-transform: rotateY(10deg);

border-right-width: 0px;

}

 95% {

-moz-transform: rotateY(-1deg);

}

 100% {

-moz-transform: rotateY(0deg);

}

}

@-moz-keyframes shine-in { 0% {

margin-left: 100%;

}

}

@-moz-keyframes text-in { 0% {

margin-left: 25%;

margin-right: -25%;

}

}

 @-ms-keyframes flip { 0% {

-ms-transform: rotateY(-90deg);

opacity: 0;

border-right-width: 30px;

}

 80% {

-ms-transform: rotateY(10deg);

border-right-width: 0px;

}

 95% {

-ms-transform: rotateY(-1deg);

}

 100% {

-ms-transform: rotateY(0deg);

}

}

@-ms-keyframes shine-in { 0% {

margin-left: 100%;

}

}

@-ms-keyframes text-in { 0% {

margin-left: 25%;

margin-right: -25%;

}

}

 @-o-keyframes flip { 0% {

-o-transform: rotateY(-90deg);

opacity: 0;

border-right-width: 30px;

}

 80% {

-o-transform: rotateY(10deg);

border-right-width: 0px;

}

 95% {

-o-transform: rotateY(-1deg);

}

 100% {

-o-transform: rotateY(0deg);

}

}

@-o-keyframes shine-in { 0% {

margin-left: 100%;

}

}

@-o-keyframes text-in { 0% {

margin-left: 25%;

margin-right: -25%;

}

}

 @keyframes flip { 0% {

-o-transform: rotateY(-90deg);

opacity: 0;

border-right-width: 30px;

}

 80% {

-o-transform: rotateY(10deg);

border-right-width: 0px;

}

 95% {

-o-transform: rotateY(-1deg);

}

 100% {

-o-transform: rotateY(0deg);

}

}

@keyframes shine-in { 0% {

margin-left: 100%;

}

}

@keyframes text-in { 0% {

margin-left: 25%;

margin-right: -25%;

}

}

 /*

------------------------------------------------------------

		 Slideleft  style

------------------------------------------------------------

*/ 

.slideleft .bg-main {

	background-image:url(../images/bg_940.jpg);

	background-repeat: repeat-y;

	background-position: 20px top;

}

.slideleft .ca-menu {

	-moz-box-shadow:inset -5px 0px 15px #1a1a1a;

	-webkit-box-shadow:inset -5px 0px 15px #1a1a1a;

	box-shadow:inset -5px 0px 15px #1a1a1a;

}

.slideleft #twitter:hover .twitter {

	-webkit-transform: none;

	-moz-transform: none;

	-ms-transform: none;

	transform: none;

}

/*

------------------------------------------------------------

		 footer box

------------------------------------------------------------

*/

footer {

	margin-top:45px;

	font-size: 10px;

	color: white;

	background-color: #161415;

	-webkit-box-shadow: black 0px 10px 10px -10px inset;

	-moz-box-shadow: black 0px 10px 10px -10px inset;

	box-shadow: black 0px 10px 10px -10px inset;

	padding: 5px;

}

footer .copyright {

	color: #FFF;

	padding: 5px 0;

	text-align: center;

}



/*

------------------------------------------------------------

		Weather

------------------------------------------------------------

*/

#weather {

	width: 100%;

	color:#FFF;

	background-image:url(../images/original.jpg);

	padding: 0px 0px 20px 0px;

	text-align:center;

	overflow: hidden;

	background-position: center center;

	-moz-box-shadow:inset 0px 5px 20px #000000;

	-webkit-box-shadow:inset 0px 5px 20px #000000;

	box-shadow:inset 0px 5px 20px #000000;

	text-shadow: 1px 1px 0px #000;

	-webkit-animation: animate-bg 40s linear infinite;

	-moz-animation: animate-bg 40s linear infinite;

	position:relative;

}

@-webkit-keyframes animate-bg { from {

 background-position: 0 0;

}

to { background-position: -800px 0; }

}

@-moz-keyframes animate-bg { from {

 background-position: 0 0;

}

to { background-position: -800px 0; }

}

#weather img {

	float:left;

	margin:20px;

	width:200px;

}

#weather h2 {

	color: #ffffff;

	position:absolute;

	right:20px;

	top:140px;

}

#weather h1 { color: #ffffff; }

#weather span {

	display:block;

	font-weight:bold;

	color: #ffffff;

}

#weather div {

	position:absolute;

	right:20px;

	top:50px;

}

.weatherDetail {

	padding-top:20px;

	-moz-box-shadow:inset 0px 0px 20px #000000;

	-webkit-box-shadow:inset 0px 0px 20px #000000;

	box-shadow:inset 0px 0px 20px #000000;

	color: #FFF;

}

.weatherDetail img { width:100px; }

#weatherMore {

	z-index:1;

	padding-bottom:33px;

	width:300px;

	height:100px;

	overflow:auto;

	position:relative;

}

#scroller {

	width:500px;

	padding:0 2px 0 4px;

}

#scroller ul {

	list-style:none;

	display:block;

	float:left;

	width:100%;

	height:100%;

	padding:0;

	margin:0;

	text-align: center;

}

#scroller li {

	display:block;

	vertical-align:middle;

	float:left;

	padding:0 9px;

	width:80px;

	font-weight:bold;

	height:100%;

	font-size:12px;

	border-right:1px #111111 solid;

	border-left:1px #7e7b75 solid;

}

#scroller li:first-child { border-left:none; }

#scroller li:last-child { border-right:none; }

#scroller li img { margin-left:12px; }

#scroller li span {

	display:block;

	height:20px;

	overflow:hidden;

}