@import url(//fonts.googleapis.com/css?family=Roboto:500,300,100);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
    @font-face {
        font-family: 'makabi_ygdemi-bold';
        src: url('/assets/public/fonts/makabiyg-webfont.eot');
        src: url('/assets/public/fonts/makabiyg-webfont.eot?#iefix') format('embedded-opentype'),
             url('/assets/public/fonts/makabiyg-webfont.woff') format('woff'),
             url('/assets/public/fonts/makabiyg-webfont.ttf') format('truetype'),
             url('/assets/public/fonts/makabiyg-webfont.svg#makabi_ygdemi-bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Alef-bold';
        src: url('/assets/public/fonts/Alef-Bold.eot');
        src: url('/assets/public/fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
             url('/assets/public/fonts/Alef-Bold.woff') format('woff'),
             url('/assets/public/fonts/Alef-Bold.ttf') format('truetype'),
             url('/assets/public/fonts/Alef-Bold.svg#alefbold') format('svg');
        font-weight: bold;
        font-style: normal;

    }
    @font-face {
        font-family: 'Alef';
        src: url('/assets/public/fonts/Alef-Regular.eot');
        src: url('/assets/public/fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
             url('/assets/public/fonts/Alef-Regular.woff') format('woff'),
             url('/assets/public/fonts/Alef-Regular.ttf') format('truetype'),
             url('/assets/public/fonts/Alef-Regular.svg#alefregular') format('svg');
        font-weight: normal;
        font-style: normal;

    }
    @font-face {
    font-family: 'shmulik';
    src: url('/assets/public/fonts/shmulikclm-webfont.eot');
    src: url('/assets/public/fonts/shmulikclm-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/public/fonts/shmulikclm-webfont.woff') format('woff'),
         url('/assets/public/fonts/shmulikclm-webfont.ttf') format('truetype'),
         url('/assets/public/fonts/shmulikclm-webfont.svg#shmulik_clmmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'shofar';
    src: url('/assets/public/fonts/shofarregular-webfont.eot');
    src: url('/assets/public/fonts/shofarregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/public/fonts/shofarregular-webfont.woff') format('woff'),
         url('/assets/public/fonts/shofarregular-webfont.ttf') format('truetype'),
         url('/assets/public/fonts/shofarregular-webfont.svg#shofarregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ------------------------- DRUPAL 7 FRAMEWORK ------------------------- */
body#body {
	background: #0b0c0e;
	color: #353f46;
	font: 14px/24px 'Alef', Arial, Helvetica, sans-serif;
	position:relative;
	min-width:300px;
	-webkit-text-size-adjust: none;
	margin:0;
}

p {margin-bottom:20px;}

#logo img{
	float:left;
}
#logo span{
	color:#fff;
	font-size: 48px;
	display:block;
	float:left;
	margin-left:22px;
	/*letter-spacing: 0.2em;*/
}
#logo small{
	color:#c5e2ed;
	font-size: 38px;
	display:block;
	float:left;
	line-height: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-left:22px;
}
#logo small.slogen{
	font-size: 16px;
	letter-spacing: 0.5em;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	line-height: 15px;
	/* margin-top: 10px; */
	text-align: right;
	float: right;
	margin: 12px 0px 0 0;
	/* color: #3F5E63; */
}
.form-type-textfield{
	margin: 10px 0;
}

/* ======= tables CSS ========= */
.field-item {
	margin:0px;padding:0px;
	width:100%;
	border:2px solid #ffffff;
}.field-item table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.field-item tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.field-item table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.field-item table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.field-item tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.field-item tr:hover td{
	
}
.field-item tr:nth-child(odd){ background-color:#e0f3f9; }
.field-item tr:nth-child(even)    { background-color:#ffffff; }.field-item td{
	vertical-align:middle;
	border:2px solid #ffffff;
	text-align:right;
	padding:6px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.field-item tr:first-child td{
		background:-o-linear-gradient(bottom, #3d444b 5%, #3d444b 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d444b), color-stop(1, #3d444b) );
	background:-moz-linear-gradient( center top, #3d444b 5%, #3d444b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d444b", endColorstr="#3d444b");	background: -o-linear-gradient(top,#3d444b,3d444b);

	background-color:#3d444b;
	border:0px solid #ffffff;
	text-align:center;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.field-item tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #3d444b 5%, #3d444b 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d444b), color-stop(1, #3d444b) );
	background:-moz-linear-gradient( center top, #3d444b 5%, #3d444b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d444b", endColorstr="#3d444b");	background: -o-linear-gradient(top,#3d444b,3d444b);

	background-color:#3d444b;
}
/* ======== End table CSS ======== */


.field-name-taxonomy-forums .links a,
.panel-pane.error-page .pane-content .err-title,
.panel-pane.error-page .pane-content span.err,
a {
	color: #235E83;
	outline:none;
	text-decoration:none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	transition: all 300ms ease;
}
	a:hover,
	.field-name-taxonomy-forums .links a:hover,
	#block-views-our-team-block .views-field-title a:hover {
		text-decoration: none;
		color: #fff;
	}

.panel-pane.error-page .pane-content .err-title,
.panel-pane.error-page .pane-content span.err {
	text-decoration: none;
}

strong {
	font-weight:bold;
}

.fl-l {float:left;}
.fl-r {float:right;}

.extra {overflow:hidden;}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}

/* Selection colours (easy to forget) */
::selection 	 	{background: rgb(65,80,90);}
::-moz-selection 	{background: rgb(65,80,90);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(65,80,90);}


.ajax-progress {
  display:none;
}

#edit-style-options-row--2 {
	clear: both;
}
#admin-menu {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.messages {
	padding-right: 30px;
}

.dismiss {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: lowercase;
	padding: 2px 6px 4px;
	width: auto;
	line-height: normal;
	font-family: Helvetica;
}
	.dismiss:hover {
		color: #fff;
		text-shadow: none;
	}

.opacity-hover a {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.opacity-hover a:hover {
	opacity: 0.7;
}


/* ------------------------- HEADER ------------------------- */
#header {
	position: relative;
}
#logo {
	display: inline-block;
	width: 313px;
	height: 64px;
}
.section-0 {
	background: #3d444b url(../images/section0.jpg) repeat-x;
	color: #ffffff;
	padding: 12px 0 12px 0;
}
.section-1 {
	background: #7f9db0 url(../images/section1-bg.jpg) 50% 0;
}
	.section-1-1 {
		background: url(../images/section1.jpg) 0 0 repeat-x;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.section-1 .col1 {float:left;}
	.section-1 .col2 {float:right; padding-top: 17px;}
.section-2 {}
.section-4 {
	border-bottom: 1px solid #1e2124;
	background: #1a1e21 url(../images/section4-bg.jpg) 0 0 repeat-x;
}

.header-phone {
	font-family: 'shofar', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 17px;
	float: right;
	/* background: url(../images/phone-icon.png) 0 1px no-repeat; */
	padding-left: 17px;
}
	.header-phone span {
		color: #8593a2;
		font-weight: 300;
		font-size: 13px;
	}


.slider-wide .contextual-links-wrapper {
	right: 50%;
}

/* ------------------------- MAIN MENU ------------------------- */
.select-menu {display:none !important;}

#superfish-1 { 
	background:none;
	float: left;
	position:relative;
	width:auto;
	/* direction: rtl; */
}
	#superfish-1 li {
		background:none;
		border:0;
		overflow:inherit;
		padding:0;
		text-align:center;
	}
	#superfish-1 > li {
		margin-left: 20px;
	}
		#superfish-1 > li > a {
			background: url(../images/menu-hover.png) 0 -36px repeat-x;
		}
		#superfish-1 a {
			border:0;
			color:#ffffff;
			font-size: 18px;
			padding: 8px 12px 11px 12px;
			text-decoration:none;
			font-family: 'Alef', sans-serif;
			font-weight: 500;
			text-transform: uppercase;
		}
		#superfish-1 > li > a:hover, #superfish-1 > li.active-trail > a, #superfish-1 > li.sfHover > a {
			color: #7f9db0;, 
			background: none;
			background-position: 0 0; 
		}

	#superfish-1 ul {
		background: #313e47 url(../images/sub-bg.png) 0 0 repeat-x;
		display:none;
		padding:15px 0;
		top: 37px;
		/* width:160px !important; */
	}
		#superfish-1 ul:before {
			display: block;
			content: '';
			position: absolute;
			right: 40px;
			top: -5px;
			width: 9px;
			height: 5px;
			background: url(../images/sub-menu-corner.png) 0 0 no-repeat;
		}
	
		#superfish-1 ul li {
			background:none;
			border-bottom:0;
			height:auto;
			padding:0;
		}
			#superfish-1 ul li a:visited, #superfish-1 ul li a {
				border:0;
				color:#fff;
				font-weight:normal;
				padding:7px !important;
				text-align:center;
			}
			#superfish-1 ul li a:hover, #superfish-1 ul li.active-trail a  { 
				background:#d4eaf2; color: #7f9db0;
			}

			#superfish-1 ul li ul {
				left:174px !important;
				padding:10px 0 !important;
				top:-10px;
				background: #7999ad url(../images/sub-bg-2.png) 0 0 repeat-x;
			}
			#superfish-1 ul li ul:before {
				left: -5px;
				top: 13px;
				width: 5px;
				height: 9px;
				background-image: url(../images/sub-menu-corner-2.png);
			}
				#superfish-1 ul li ul li {
					background:none;
					margin-bottom:1px;
				}

				#superfish-1 ul li ul li ul:before {
					display: none;
				}

	#superfish-1 > li > a.anim-bp{
	   animation: bp-back 0.3s;
	   -moz-animation: bp-back 0.3s; /* Firefox */
	   -webkit-animation: bp-back 0.3s; /* Safari and Chrome */
	   -o-animation: bp-back 0.3s; 
	   background-position:0 -36px;
	   color:#ffffff;
	}
	#superfish-1 > li > a.anim-bp:hover{
	   animation: bp 0.3s;
	   -moz-animation: bp 0.3s; /* Firefox */
	   -webkit-animation: bp 0.3s; /* Safari and Chrome */
	   -o-animation: bp 0.3s; 
	    background-position:0 0;
	    color:#7f9db0;
	}
	#superfish-1 > li > a.active{
	    background-position:0 0;
	    color:#7f9db0;
	}
	#superfish-1 > li > a.active:hover{
	    background-position:0 0;
	    color:#7f9db0;
	}
	@-webkit-keyframes bp { /* Safari and Chrome */
	    from {
	        background-position:0 -36px;
	        color:#ffffff;
	    }
	    to {
	        background-position:0 0;
	        color:#7f9db0;
	    }
	}
	@-webkit-keyframes bp-back { /* Safari and Chrome */
	    from {
	        background-position:0 0;
	        color:#7f9db0;
	    }
	    to {
	        background-position:0 -36px;
	        color:#ffffff;
	    }
	}			
				
/* ------------------------- SLIDER ------------------------- */
#flexslider_views_slideshow_main_slider-block li {
	padding: 0;
}

.flex-control-thumbs li {
	width: 20%;
}

.flexslider {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    margin-bottom: 0;
}

			.flexslider .slides img {
				max-width: 100%;
				max-height: 100%;
				height: auto;
			}
			.region-header {
				position: relative;
				overflow: hidden;
				width: 100%;
				border-bottom: 62px solid #1b1f22;
			}
			.slider-wide {
				width: 1950px;
				position: relative;
				left: 50%;
				margin-left: -975px;
			}

.flex-control-nav {
	bottom: auto;
	position: absolute;
	text-align: left;
	width: auto;
	right: 408px;
	top: 370px;
}

.flex-control-nav li {
	margin: 0;
	margin-right: 6px;
}
.flex-control-nav li a {
	width: 62px;
	height: 9px;
	background: #6d8696;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
	.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
		background: #c5e2ed;
	}

.flexslider .flex-next,
.flexslider .flex-prev {
	opacity: 1;
}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: block;
}

.flex-direction-nav .flex-prev {
	left: 0;
}
.flex-direction-nav .flex-next {
	right: 0;
}

.flexslider:hover .flex-next {opacity: 1; right: 0;}
.flexslider:hover .flex-prev {opacity: 1; left: 0;}


.slider_caption {
	position: absolute;
	color: #8b9fa6;
	text-transform: uppercase;
	right: 408px;
	top: 102px;
	line-height: 19px;
	text-align: right;
}
	.slider_caption_inner {
		width: 800px;
	}

	.slide-text {
		width: 600px;
	
		float: right;
		font-size:16px;
}

	.slide-title {
		color: #fff;
		font-size: 80px;
		line-height: 140px;
		font-family: 'shofar', sans-serif;
		font-weight: 100;
		margin-left: -12px;
		margin-bottom: 5px;
	
		text-align: right;
		letter-spacing:0.08em;
}

	.slide-summary {
		color: #7f9db0;
		font-size: 40px;
		line-height: 50px;
		font-family: 'shofar', sans-serif;
		font-weight: 300;
		margin-bottom: 10px;
		
		letter-spacing:0.05em;
	}


/* ------------------------- MAIN ------------------------- */
div.messages {
	margin-bottom: 30px;
}
.views-row {
	margin-bottom: 20px;
}

.views-field-title,
.node h2,
article.comment h3 {
	color: #3d444b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 24px;
}
	.views-field-title a,
	.node h2 a,
	article.comment h3 a {
		color: #fff;
	
		font-family: 'shofar','Alef','Ariel';
		font-size: 105%;
}
		.views-field-title a:hover,
		.node h2 a:hover,
		article.comment h3 a:hover {
			color: #7f9db0;
		}

.node h2 {
	margin-bottom: 5px;
}


.views-field-body {
	margin-bottom: 28px;
}
.img-indent {
	margin-bottom: 20px;
}
.title-indent {
	margin-bottom: 10px;
}

.field-name-field-addthis-blog {
	margin-bottom: 25px;
}

.img-left {
	float: right;
	margin-left: 11px;
}
.img-right {
	float: right;
	margin-left: 20px;
}

.block-indent {
	margin-bottom: 60px !important;
}

#main-wrapper #block-system-main {
	padding-bottom: 0;
}

.block-container .views-row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	background: #21282d;
	color: #74868e;
}


/* ------------------------- DEFAULT BLOCK STYLE ------------------------- */

.views-row-last.views-row {
	margin-bottom: 0px;
}

#main-wrapper .block {
	padding-bottom: 40px;
}


#content {
	overflow: hidden;
}

.region-header-bottom {
	padding-top:76px;
	padding-bottom: 56px;
	color: #4c5c66;
	line-height: 22px;
	color: #ABB3B8;
	line-height: 25px;
	font-size: 105%;
}

.region-content-top {
	padding: 0;
}

.region-content {
	padding: 0;
}

.region-content-bottom {
	padding: 0;
}


.region-header-bottom:after,
.region-content-top:after,
.region-content:after,
.region-content-bottom:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

.views-clearfix .views-row:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

#main-wrapper img {
	height:auto;
	max-width: 100%;
	width:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#main-wrapper .getlocations_map_canvas img {
		padding: 0;
		background: none;
		border: none;
	}
#main-wrapper {
	background: #15181b;
	padding-top: 60px;
	padding-bottom: 19px;
}
#main .feed-icon img, #main th.active img {
	width:auto;
	border: none;
	background: none;
	padding: 0;
}


#tinymce p {
	margin-bottom: 10px;
}
.location.vcard {
	margin-top: 0;
}

			
/* ------------------------- CONTENT REGION ------------------------- */
/*Node heading*/
.front #page-title {/* display:none; */}

#content h1.title, h2, h3 {
	font-size:32px;
	line-height:36px;
	margin-bottom:33px;
	text-transform:uppercase;
	font-family: 'Alef', sans-serif;
	color: #c5e2ed;
	font-weight: 300;
}

h3 {
	font-size: 20px;
	line-height: 26px;
}
.attribution h3 {
	margin-bottom: 5px;
}

article.node {
	padding-bottom:20px;
	margin-bottom:20px;
}
	article.node.node-blog {
		border-bottom: 0px solid #444;
	
		/* background-color: #fff; */
}

	#node-79 {
		margin-bottom: 0;
		padding-bottom: 0;
	}

.page-node- .submitted a {
	padding-right: 0;
	margin-right: 0;
}



/*Author & date information*/
p.submitted {
	margin:0 0 15px;
	text-transform: uppercase;
	color: #7f9db0;
	font-size: 15px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
	.submitted, p.submitted span {
		
	}
	.submitted a {
		text-decoration:none;
	}
		.submitted a:hover {}

article.node footer {
	padding-top:0px;
}

article footer ul.links.inline {
	display:block;
}
article footer ul li {
	padding:0;
	margin:0 15px 0 0;
	padding: 0 !important;
}
	article footer ul li.first {margin-left:0;}

.node-teaser .comment-add {
	display: none;
}

/*Node Tags*/
article.node footer .field-name-field-tags { padding-bottom:10px;}
	article.node footer .field-name-field-tags .field-label{
		float: left;
		font-size: 16px;
		padding-right: 10px;
		line-height: 26px;
		color: #7f9db0;
		font-weight: 400;
	}
	article.node footer .field-name-field-tags .field-items {
		overflow:hidden;
		padding-bottom:15px;
		width:100%;
	}
	article.node footer .field-name-field-tags ul li {
		float:left;
		padding:0 4px;
		margin-right: 10px;
	}
		article.node footer .field-name-field-tags ul li a{
			font-size: 12px;
			text-decoration: none;
			padding: 2px 5px;
		}
			article.node footer .field-name-field-tags ul li a:hover {
				text-decoration: none;
			}

	article .field-items {
		margin-bottom: 20px;
	}
			
			
.node-maps header {
	display:none;
}

.panels-flexible-region-1-contacts_region {
	width:auto;
}




.item-list ul li {
	margin-left: 0;
	margin-bottom: 20px;
}
ul li.collapsed {
	list-style: none;
}
ul.menu li {
	margin-left: 0;
}
	section.block ul, section.block .item-list ul li { margin:0;}
	ul li.leaf { 
		list-style-image:none;
		list-style-type:none;
		margin:0;
		padding:0;
	}
		section.block .content li, .marker-list li { 
			background: url(../images/a1.png) no-repeat;
			padding: 0 12px 10px 0;
			line-height:20px;
		
			background-position: right 10px;
			font-size: 105%;
			list-style: none;
			list-style-type: none;
}
			section.block .content li a, .marker-list li a { 
				color:#7f9db0;
				line-height:20px;
				text-decoration:none;
			}
			section.block .content li a:hover, .marker-list li a:hover { color:#fff;}



.counter {
	color: #fff;
	background: #7696aa url(../images/counter.jpg) 0 0 repeat-x;
	font-size: 40px;
	line-height: 40px;
	width: 76px;
	height: 76px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-family: 'shofar', sans-serif;
	font-weight: 500;
	padding-top: 16px;
}

.srvice-header .views-field-title {
	font-size: 30px;
	line-height: 30px;
	font-family: 'roboto', sans-serif;
	font-weight: 300;
	padding-top: 12px;
}

.summary {
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'Alef', sans-serif;
	font-weight: 100;
	line-height: 25px;
	color: #7f9db0;
}

.srvice-header {
	margin-bottom: 29px;
}

.post-date {
	width: 76px;
	text-align: center;
	font-size: 15px;
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #c5e2ed;
	font-weight: 300;
}
	.post-date .day {
		border-bottom: 1px solid #3d4e58;
		background: #c9e4ee url(../images/day.png) repeat-x;
		height: 64px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #37464f;
		font-size: 35px;
		font-weight: 500;
		padding-top: 12px;
	}
	.post-date .month {
		border-top: 1px solid #647d8c;
		background: #33414a url(../images/month.png) repeat-x;
		height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 30px;
	}

	.news-block .views-field-title {
		margin-top: -4px;
	}

	.news-block .summary {
		line-height: 20px;
		margin-bottom: 6px;
	}

	.news-block .views-row {
		margin-bottom: 17px;
		padding-bottom: 17px;
		border-bottom: 1px solid #20262a;
	}
		.news-block .views-row.views-row-last {
			border: none;
		}

.title-list-block .views-row {
	margin-bottom: 5px;
}

.title-list-block .views-row .views-field-title a,
.title-list-block .views-row .views-field-title {
	color: #c5e2ed;
	display: block;
}

.title-list-block .views-row .views-field-title {
	font-size: 15px;
	line-height: 20px;
	background: #33414a url(../images/list-block.png) repeat-x;
}

.title-list-block .views-row .views-field-title a {
	padding-right: 83px;
	padding-left: 10px;
	padding-top: 17px;
	padding-bottom: 18px;
	background: url(../images/list-block-arrow.png) 0 0 no-repeat;
	background-position:right;
}
	.title-list-block .views-row .views-field-title a:hover {
		color: #fff;
	}

	.title-list-block .views-row .views-field-title:hover {
		background: #33414a;
	}

.testimonials-block .user-picture {
	float: none;
	margin-right: 0;
	width: 67px;
}

.testimonials-text {
	background: #1e2429 url(../images/testimonials-text-bg.png) repeat-x;
	padding: 11px 24px;
	position: relative;
	color: #8499a1;
	margin-bottom: 12px;
	margin-right: 5px;
	font-size:14px;
}
	.testimonials-text:before {
		display: block;
		content: '';
		position: absolute;
		width: 6px;
		height: 9px;
		background: url(../images/corner.png) 0 0 no-repeat;
		right: -5px;
		top: 26px;
	}

.testimonials-block .img-left {
	margin-right: 0;
}

.testimonials-author {
	text-align: right;
	color: #7f9db0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 15px;
}
	.testimonials-author a {
		color: #c5e2ed;
	}
		.testimonials-author a:hover {
			color: #fff;
		}

.testimonials-wrap .views-row {
	margin-bottom: 30px;
}


/* ------------------------- BUTTONS STYLES ------------------------- */
	.form-submit:hover { background-position: 0 100%;}
	
.button a, .more-link a, ul.links li a, .view-portfolio .views-field-view-node a, #block-poll-recent ul.links li a, #filters li a, .content ul.pager li a, .content ul.pager li.pager-current, .form-submit {
	display: inline-block;
	padding: 10px 12px;
	background: #34434b url(../images/button.png) 0 0 repeat-x;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Alef', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	-webkit-box-shadow: 1px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 0 rgba(0,0,0,0.3);
	box-shadow: 1px 2px 0 rgba(0,0,0,0.3);
}
	.button a:hover, .more-link a:hover, ul.links li a:hover, .view-portfolio .views-field-view-node a:hover, #block-poll-recent ul.links li a:hover, #filters li a:hover, #filters li a.selected, .content ul.pager li a:hover, .content ul.pager li.pager-current, .form-submit:hover {
			background-position: 0 100%;
	}


.form-submit {
	line-height:normal;
	vertical-align:middle;
}


ul.links li a {
	margin-bottom: 10px;
}

/* ------------------------- BACK TO TOP ------------------------- */
#backtotop {
	background: url(../images/backtotop.png) 0 0 no-repeat;
	width: 55px;
	height: 55px;
	z-index: 5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	#backtotop:hover {
		opacity: 0.8;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}

	
/* ------------------------- FOOTER ------------------------- */
#footer {
	clear: both;
	padding:24px 0;
	position: relative;
}

#footer .content {
	color: #37464f;
}

#block-block-5 {
	/* float:right; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding-top: 4px;
}

#block-block-5 a {
	color: #37464f;
}
	#block-block-5 a:hover {
		color: #c5e2ed;
	}

#block-block-5 span {
	font-weight: 600;
}


/* ------------------------- SOCIAL-ICONS BLOCK ------------------------- */
#block-follow-site { float: left; margin-top: 8px;}

	.follow-link-wrapper {
		display: inline-block;
		margin-left: 9px;
	}
	a.follow-link {
		width:34px;
		height:34px;
		text-indent:-9999px;
		opacity:1;
		padding:0;
		display: inline-block;
	}
		a.follow-link:hover {
			/* background-position: 0 100%; */
		}


a.follow-link-facebook {
  background-image: url(../images/icon-facebook.png);
}

a.follow-link-googleplus {
  background-image: url(../images/icon-googleplus.png);
}
a.follow-link-this-site {
  background-image: url(../images/icon-feed.png);
}
a.follow-link-twitter {
  background-image: url(../images/icon-twitter.png);
}


/* ------------------------- PAGINATOR ------------------------- */
.content ul.pager {text-align:left;}

.content ul.pager li {
	margin:0px 1px;
	overflow:hidden;
	padding: 0;
	display: inline-block;
}

	.content ul.pager li a:hover, .content ul.pager li.pager-current ,
	.content ul.pager li a, .content ul.pager li.pager-current {
		
	}


/* ------------------------- PORTFOLIO ------------------------- */

.view-portfolio .isotope-element .views-field-field-portfolio-image {
	background:url(../images/ajax-loader.gif) center center no-repeat #fff; 
	margin-bottom:20px;
}

.view-portfolio .isotope-element .views-field-field-portfolio-image a {
	display:block; 
	background:url(../images/magnify.png) center center no-repeat #fff;
}

.isotope-element .views-field-title {
	margin: 10px 0;
}

#filters {
	margin-bottom: 20px;
	text-align: right;
}

#isotope-options {
	background: none;
}

#filters li {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}

.isotope-element img {
	width: 100%;
	height: auto;
}

#isotope-container {
	margin-left: -10px;
	margin-right: -10px;
}

.isotope-element {
	background: none;
	color: inherit;
	margin: 0px;
	height: auto;
	width: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
}



/* ------------------------- POLL'S BARS ------------------------- */
.poll .total, .poll .title  {margin-bottom:15px;}
.poll .bar { 
	background-color:#fff;
	height:10px;
	margin-bottom:15px;
}
.poll .bar .foreground { 
	height:10px; 
	display:none;
	background-color:#7f9db0;
}
	
.poll .percent { float:right;}
.poll .vote-form { text-align: left; padding-bottom: 15px;}
.poll .vote-form .choices { width: 100%;}

#block-poll-recent ul.links li {
	background: none;
	padding-left: 0;
}

#block-comment-recent .content li a { display:inline-block;}

#block-comment-recent li span, .views-field-timestamp {
	display: block;
}

#block-forum-new .contextual-links-wrapper { display:none;}

#block-system-navigation .content li { margin:0;}

.links li {
	display: inline-block;
	margin-right: 10px;
}


/* ------------------------- BLOCK SEARCH ------------------------- */
#block-search-form {}

#search-form #edit-submit {
	padding-top: 7px;
	padding-bottom: 7px;
}
#block-search-form .form-text, #search-block-form .container-inline .form-text {
	width:100%;
	padding:8px 5px;
	border:none;
	background:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#block-search-form .container-inline, #search-block-form .container-inline {
	overflow:hidden;
	background:#e1e1e1;
	display:inline-block;
}
#block-search-form .container-inline .form-item, #search-block-form .container-inline .form-item {float:left; margin:0;}
#block-search-form .container-inline .form-actions, #search-block-form .container-inline .form-actions {float:right;}
	
#block-search-form .form-submit, #search-block-form .form-submit { 
	background:url(../images/search.png) no-repeat center center #E1E1E1;
	border:0;
	line-height:normal;
	width:32px;
	height:32px;
	padding:0;
	margin:0;
	vertical-align:middle;
	cursor:pointer;
	text-indent:-9999px;
}
	#search-block-form #edit-submit:hover, #search-block-form .form-submit:hover {opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

	

/* ------------------------- FORUM ------------------------- */
.action-links {
	padding: 0 0 25px 0px;
}
	.action-links a {
		font-weight:bold;
	}
		.action-links a:hover {
			text-decoration:none;
		}

#forum a {
	font-size:12px;
}
	#forum a:hover {text-decoration: underline;}

#forum table {
	border:1px solid #c8c8c8;
	width:100%;
}

#forum th {
	border:1px solid #7f9db0;
	color:#fff; 
	font-size:14px;
	padding:3px 5px;
}
	#forum th a {
		color:#fff;
	}

#forum td.container { 
	padding:10px;
}

#forum td {
	border:1px solid #37464f;
	padding: 5px;
}

#forum td.topics, #forum td.posts, #forum td.replies{
	text-align:center;
}

.field-name-taxonomy-forums {
	overflow:hidden;
	padding-bottom:20px;
	margin-top: 20px;
	width:100%;
}
	.field-name-taxonomy-forums .field-label {
		font-size:14px;
		vertical-align:middle;
		margin-bottom: 0;
		line-height:22px;
		float:left;
		margin-right:10px;
		font-family:Arial;
		letter-spacing:0;
	}

	.field-name-taxonomy-forums .links a {
		background:none;
		box-shadow: none;
		display:inline;
		font-size: 14px;
		padding:0;
		text-transform: none;
	}
		.field-name-taxonomy-forums .links a:hover {
			background:none;
		}

.page-forum- #main-wrapper .active img {
	padding: 0;
	background: 0;
	border: none;
	margin-left: 5px;
	margin-top: 4px;
}


/* ------------------------- COMMENTS FORM ------------------------- */
.panels-flexible-region-1-contacts_region {
	width:auto;
}


#edit-actions input {
	margin-right: 10px;
}


#edit-comment-body {margin-bottom:15px;}
.filter-help a {font-size:10px; display:inline-block;}
.filter-help a {
	padding-left: 0;
}
#comments {
	margin-bottom: 30px;
	clear: both;
}

article.comment header{overflow:hidden; margin-bottom: 0;}
.user-picture { float:left; margin-right:15px;}

section#comments h2.title {
	margin-bottom:15px;
	font-size: 30px;
}

#comment-form label,
#contact-site-form label {
	vertical-align:middle;
}
.form-required {
	color: #74868f !important;
}
.marker, .form-required {
	color: #fff;
}
#comment-form .form-text,
#user-login .form-text,
#contact-site-form input.form-text,
.search-form .form-text {
	width:220px;
	/* clear: both; */
	/* float: right; */
}
	
#comment-form .form-textarea {
	height:120px;
	margin-bottom: 10px;
	
}
	#contact-site-form textarea#edit-message {  /*Contact form texrarea*/
		margin-right:0;
		width:98%;
		height: 100px;
	}
	
.resizable-textarea .grippie {
	display:none;
}

.form-type-item {
	overflow:hidden;
	width:100%;
}
	.form-type-item label {
		float:left;
		padding-right:10px;
	}	
	
.form-type-select { margin:0;}

#edit-comment-body-und-0-format-guidelines {
	padding-top:15px;
}
	#edit-comment-body-und-0-format-guidelines ul li{
		font-size:12px;
		overflow:hidden;
		width:100%;
	}

/* ------------------------- COMMENTS OUTPUT ------------------------- */
#comments {
	margin-top: 30px !important;
}
.comment-wrapper {overflow:hidden;}

article.comment .submitted {
	margin:2px 0 10px;
}
	article.comment .submited .permalink, p .permalink {
		display:none;
	}

article.comment {
	border:1px solid #37464f;
	margin-bottom:15px;
	padding:15px;
	padding-bottom: 25px;
}	
	article.comment h2 {
		color:#292a2b;
		font-size:18px;
		font-weight:normal;
		text-decoration:none;
	}
	
.node article.comment footer {
	overflow:hidden;
	padding:0;
}

#edit-comment-body-und-0-format { border:1px solid #37464f;}
	#edit-comment-body-und-0-format .fieldset-wrapper > * {padding-left:0; padding-right:0;}
	#edit-comment-body-und-0-format .fieldset-wrapper {padding:20px 10px;}
	#edit-comment-body-und-0-format .fieldset-wrapper label {display:inline;}

#comment-form-wrapper { margin-top:30px;}
#comment-form-wrapper .title {
	margin-left:0;
	margin-right:0;
}
article.comment span.new { position:absolute; top:0; right:0;}
.comment-preview { background:none;}

.compose-tips li {margin-bottom:10px;}
.compose-tips h3 {margin-bottom:10px;}

.comment .field-items {margin-bottom: 20px;}

/* ------------------------- TABLE STYLES ------------------------- */
tr.odd, tr.even {
	border-bottom: 1px solid #353f46;
	background: none;
}
	tr.even {
		background: transparent;
	}

th {background:#7f9db0; color: #fff; padding: 5px;}



.page-faq-questions-top .views-row {
	margin-bottom: 30px;
}


.view-faq {
	margin-bottom: 30px;
}



/* ------------------------- 404 PAGE NOT FOUND ------------------------- */
.page-page-404 #search-block-form {width:400px;}
.panel-separator {display:none;}

.panel-pane.error-page {margin-bottom:30px;}
	.panel-pane.error-page .pane-content {overflow:hidden;}
		.panel-pane.error-page .pane-content span.err {
			float:left;
			font-weight:bold;
			font-size:150px;
			line-height:180px;
		}
.panel-pane.error-page .pane-content .extra {
	background:url(../images/v_line.gif) 40px 0 repeat-y;
	padding-left:80px;
}
.panel-pane.error-page .pane-content .err-title {
	display:block;
	font-size:70px;
	line-height:84px;
	padding-top:20px;
	text-transform:uppercase;
}
.panel-pane.error-page .pane-content .err-body {
	display:block;
	font-size:20px;
	line-height:24px;
	margin-bottom:15px;
	width:300px;
}
.page-page-404 .pane-search-form {text-align:center;}
	.page-page-404 .pane-search-form .pane-content {display:inline-block; padding-top:40px;}
	.page-page-404 .pane-search-form #search-block-form .form-text {width:300px;}


html.js .collapsible.collapsed.collapsible .fieldset-legend {background-image:url(../images/menu-collapsed.png);}
html.js .collapsible.collapsible .fieldset-legend {background-image:url(../images/menu-expanded.png);}

input[type="text"], input[type="password"], input[type="search"],input[type="email"],input[type="tel"], textarea, select.form-text {
	color:#49555F;
	border:1px solid #37464f;
	background: url(../images/form-bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:8px 5px;
}

/* ------------------------- FIRST-TIME PAGE ------------------------- */
#first-time {
	/* display:none; */
}
	#first-time p {
		padding:10px 0;
	}
	
#first-time .item-list ul li{
	background:none;
	display:block;
	float:left;
	margin:0;
}
	#first-time .item-list ul li a {
		color:#7f9db0;
		display:block;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
		#first-time .item-list ul li:hover { background:none; }
		#first-time .item-list ul li a:hover { background:none; }
		
/* ------------------------- BREADCRUMB ------------------------- */
#breadcrumb { 
	color:#444;
	margin-top:16px;
	padding:0px 3px 15px;
}
	#breadcrumb a { 
		color:#444;
		font-size:12px;
		text-decoration:none;
		padding:0 3px;
	}
		#breadcrumb a:last-child { padding-right:0;}
		#breadcrumb a:hover { color:#7f9db0;}
	
/* ------------------------- ADMIN TAB ------------------------- */
.tabs-wrapper { margin: 1px 0 20px;}
div.tabs { overflow:hidden;}

.tabs ul.primary {
	border:0;
	border-bottom:1px solid #37464f;
	margin:10px 0 10px 0;
	overflow:hidden;
	padding:4px 0;
}
	.tabs ul.primary li {
		margin-bottom:-1px;
	}
		.tabs ul.primary li a { 
			background:#EDEDED;
			border:1px solid #37464f;
			border-bottom:0;
			color:#444;
			font-size:12px;
			font-weight:normal;
			margin:0;
			overflow:hidden;
			padding:3px 15px 4px;
			text-shadow:0 1px 0 #FFF;
			-webkit-transition:background 0.1s linear;
			-moz-transition:background 0.1s linear;
		}
			.tabs ul li a.active, .tabs ul li a:hover { 
				background:#7f9db0;
				color:#fff;
				text-shadow:none;
			}

/* ------------------------- ADMIN MENU BG ------------------------- */
ul.contextual-links li a:hover {}

.page-blog .field-name-field-blog-image {
	width: 300px;
}

.node-teaser .field-type-image, .node-employee .field-type-image {float:left; margin:0 20px 6px 0;}
.field-type-image {margin-bottom:20px;}

.profile .user-picture { margin-left:20px; width: 67px;}
.profile h3 { overflow:hidden;}

#block-views-our-team-block .views-field-field-employee-photo { width: 100px; float:left; margin-right:15px;}
#block-views-our-team-block .views-row { border-top:1px solid #353f46; overflow:hidden; padding:15px 0 10px;}
#block-views-our-team-block .views-row.views-row-first {
	border-top: none;
}
#block-views-our-team-block .views-field-title a { font-weight:400; text-decoration:none;}

#block-views-our-team-block .views-field-title a:hover {
	color: #7f9db0;
}

#block-views-our-team-block .views-field-body, #block-views-our-team-block  .views-row {
	margin-bottom: 0;
}


.filter-type {margin-bottom:30px;}

label.option {vertical-align:middle;}

.node-author .username {
	padding-right: 0;
	margin-right: 0;
	border: none;
}


@media only screen and (min-width: 995px) and (max-width: 1230px) {
	.slider-wide {
		width: 1300px;
		margin-left: -650px;
	}

	.slider_caption {
		right: 178px;
		top: 40px;
	}

	.slide-title {
		font-size: 130px;
		line-height: 130px;
		margin-bottom: 0;
	}
	.slide-summary {
		font-size: 40px;
		line-height: 40px;
	}
	.slider_caption_inner {
		width: 700px;
	}

	.flex-control-nav {
		right: 178px;
		top: 300px;
	}

	.region-header {
		border-bottom-width: 50px;
	}

	#content h1.title, h2, h3 {
		font-size:28px;
		line-height:34px;
	}
	.srvice-header .views-field-title {
		font-size: 28px;
		line-height: 28px;
	}

	.views-field-title, .node h2, article.comment h3 {
		font-size: 18px;
		line-height: 22px;
	}

	.summary {
		font-size: 13px;
	}

	.title-list-block .views-row .views-field-title a {
		padding-right: 72px;
	}

	.post-date {
		width: 70px;
	}
}


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

	#comment-form .form-text,
	#user-login .form-text,
	#contact-site-form input.form-text,
	.search-form .form-text {
		width:200px;
	}

	body#body {
		min-width:768px;
	}

	.page-blog .field-name-field-blog-image {
		width: auto;
		float: none;
		margin-right: 0;
	}

	.slider-wide {
		width: 1000px;
		margin-left: -500px;
	}

	.slider_caption {
		right: 125px;
		top: 20px;
	}

	.slide-title {
		font-size: 90px;
		line-height: 90px;
		margin-bottom: 0;
		margin-left: -2px;
	}
	.slide-summary {
		font-size: 34px;
		line-height: 34px;
	}
	.slider_caption_inner {
		width: 700px;
	}

	.flex-control-nav {
		right: 125px;
		top: 225px;
	}

	.region-header {
		border-bottom-width: 30px;
	}

	#content h1.title, h2, h3 {
		font-size:24px;
		line-height:30px;
	}
	.srvice-header .views-field-title {
		font-size: 26px;
		line-height: 26px;
	
		padding-top: 0;
}

	.views-field-title, .node h2, article.comment h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.summary {
		font-size: 12px;
	}

	.title-list-block .views-row .views-field-title a {
		padding-right: 60px;
		font-size: 12px;
		padding-left: 5px;
	}

	.post-date {
		width: 70px;
	}

	#superfish-1 > li {
		margin-left: 10px;
	}


	.counter {
		width: 60px;
		height: 60px;
		padding: 10px;
	}

	.region-header-bottom {
		padding-top: 68px;
		padding-bottom: 40px;
	}
	
}

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

	.img-left.rt {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.img-right.rt  {
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}


	#content {
		overflow: visible;
	}

	.comment-wrapper {
		overflow: visible;
	}

	.user-picture {
		margin-bottom: 12px;
	}

	#comment-form .form-text,
	#user-login .form-text,
	#contact-site-form input.form-text,
	.search-form .form-text {
		width:200px;
	}



	.flexslider .slider_caption,
	#block-views-slider-block .flex-control-nav,
	.flex-direction-nav	{
		display:none;
	}

	#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
		white-space:normal;
		font-size: 11px;
	}

	.addthis_button_tweet.at300b {
		height:35px;
	}
	.field-type-addthis {margin-bottom:20px;}
	
	
	#superfish-1 {display:none;}
	
	.select-menu {
		display:inline !important;
		width:100%;
		margin:10px 0;
		background: #ECEAE9;
		border: 1px solid #444;
		cursor: pointer;
		height: 30px;
		padding: 5px;
	}
	
	.page-portfolio-1-col .view-portfolio .views-row .views-field-field-portfolio-image {float:none; margin-right:0;}
	
	
	.node-teaser .field-type-image, .node-employee .field-type-image {
		float:none;
		margin:0 0px 20px 0;
		width: auto;
	}
	
	
	.panel-pane.error-page .pane-content span.err {
		float:none;
		text-align:center;
		display:block;
	}
	
	.panel-pane.error-page .pane-content .extra {
		background:none;
		padding-left:0px;
		display:block;
		text-align:center;
		border-top:1px solid #4A4A4A;
	}
	.panel-pane.error-page .pane-content .err-body {
		width:100%;
	}
	#block-search-form .container-inline, #search-block-form .container-inline {display:block;}
	
	.page-page-404 #search-block-form {width:300px;}
	
	#block-search-form .container-inline .form-item, #search-block-form .container-inline .form-item {width:260px;}

	.sticky-table td,
	.sticky-table th {
		font-size: 9px;
	}

	.views-field-field-portfolio-image {
		pointer-events:none;
	}

	#block-follow-site, #block-block-5 {
		float: none;
		text-align: center;
	}

	#block-follow-site {
		margin-bottom: 20px;
	}

	.slider-wide {
		width: 600px;
		margin-left: -300px;
	}

	.region-header {
		border-bottom-width: 15px;
	}

	#content h1.title, h2, h3 {
		font-size:28px;
		line-height:34px;
	}
	.srvice-header .views-field-title {
		font-size: 28px;
		line-height: 28px;
	}

	.views-field-title, .node h2, article.comment h3 {
		font-size: 18px;
		line-height: 22px;
	}

	.summary {
		font-size: 13px;
	}

	.title-list-block .views-row .views-field-title a {

		padding-left: 66px;
		font-size: 13px;
	}

	.service-block .views-row {
		padding-bottom: 30px;
	}

	.region-header-bottom {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.section-1 .col1, .section-1 .col2 {
		float: none;
	}
		.section-1 .col1 {
			margin-bottom: 10px;
		}
}

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

	.field-type-addthis {margin-bottom:10px;}

	.slider-wide {
		width: 800px;
		margin-left: -400px;
	}
	
}

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 1152 Grid
================================================== */

    .container-12 { position: relative; width: 1152px; margin: 0 auto; padding: 0; }

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12
	{ float: right; display: inline; margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
    .container-12 .alpha               { margin-right: 0; }
    .container-12 .omega               { margin-left: 0; }

    .container-12 .grid-1			{ width: 76px;  }
    .container-12 .grid-2			{ width: 172px; }
    .container-12 .grid-3			{ width: 268px; }
    .container-12 .grid-4			{ width: 364px; }
    .container-12 .grid-5			{ width: 460px; }
    .container-12 .grid-6			{ width: 556px; }
    .container-12 .grid-7			{ width: 652px; }
    .container-12 .grid-8			{ width: 748px; }
    .container-12 .grid-9			{ width: 844px; }
    .container-12 .grid-10			{ width: 940px; }
    .container-12 .grid-11			{ width: 1036px; }
    .container-12 .grid-12			{ width: 1132px; }

	
/* Pref/Suf Styles */
	.container-12 .prefix-1 		{padding-left:96px;}
	.container-12 .prefix-2 		{padding-left:192px;}
	.container-12 .prefix-3 		{padding-left:288px;}
	.container-12 .prefix-4 		{padding-left:384px;}
	.container-12 .prefix-5 		{padding-left:480px;}
	.container-12 .prefix-6 		{padding-left:576px;}
	.container-12 .prefix-7 		{padding-left:672px;}
	.container-12 .prefix-8 		{padding-left:768px;}
	.container-12 .prefix-9 		{padding-left:864px;}
	.container-12 .prefix-10 		{padding-left:960px;}
	.container-12 .prefix-11 		{padding-left:1056px;}
	
	.container-12 .suffix-1 		{padding-right:96px;}
	.container-12 .suffix-2 		{padding-right:192px;}
	.container-12 .suffix-3 		{padding-right:288px;}
	.container-12 .suffix-4 		{padding-right:384px;}
	.container-12 .suffix-5 		{padding-right:480px;}
	.container-12 .suffix-6 		{padding-right:576px;}
	.container-12 .suffix-7 		{padding-right:672px;}
	.container-12 .suffix-8 		{padding-right:768px;}
	.container-12 .suffix-9 		{padding-right:864px;}
	.container-12 .suffix-10 		{padding-right:960px;}
	.container-12 .suffix-11 		{padding-right:1056px;}


	.view-content:after	{
		content: '';
		width: 100%;
		clear: both;
		display: block;
	}


	.column_left {
		float: left;
		margin-right: 20px;
	}

	.column_right {
		float: right;
		margin-right: 20px;
	}


	@media only screen and (min-width: 995px) and (max-width: 1230px) {

		/* #Base 960 Grid
		================================================== */

	    .container-12 {width: 960px;}


	    /* Base Grid */
	    .container-12 .grid-1			{ width: 60px;  }
	    .container-12 .grid-2			{ width: 140px; }
	    .container-12 .grid-3			{ width: 220px; }
	    .container-12 .grid-4			{ width: 300px; }
	    .container-12 .grid-5			{ width: 380px; }
	    .container-12 .grid-6			{ width: 460px; }
	    .container-12 .grid-7			{ width: 540px; }
	    .container-12 .grid-8			{ width: 620px; }
	    .container-12 .grid-9			{ width: 700px; }
	    .container-12 .grid-10			{ width: 780px; }
	    .container-12 .grid-11			{ width: 860px; }
	    .container-12 .grid-12			{ width: 940px; }
		
		
	/* Pref/Suf Styles */
		.container-12 .prefix-1 		{padding-left:80px;}
		.container-12 .prefix-2 		{padding-left:160px;}
		.container-12 .prefix-3 		{padding-left:240px;}
		.container-12 .prefix-4 		{padding-left:320px;}
		.container-12 .prefix-5 		{padding-left:400px;}
		.container-12 .prefix-6 		{padding-left:480px;}
		.container-12 .prefix-7 		{padding-left:560px;}
		.container-12 .prefix-8 		{padding-left:640px;}
		.container-12 .prefix-9 		{padding-left:720px;}
		.container-12 .prefix-10 		{padding-left:800px;}
		.container-12 .prefix-11 		{padding-left:880px;}
		
		.container-12 .suffix-1 		{padding-right:80px;}
		.container-12 .suffix-2 		{padding-right:160px;}
		.container-12 .suffix-3 		{padding-right:240px;}
		.container-12 .suffix-4 		{padding-right:320px;}
		.container-12 .suffix-5 		{padding-right:400px;}
		.container-12 .suffix-6 		{padding-right:480px;}
		.container-12 .suffix-7 		{padding-right:560px;}
		.container-12 .suffix-8 		{padding-right:640px;}
		.container-12 .suffix-9 		{padding-right:720px;}
		.container-12 .suffix-10 		{padding-right:800px;}
		.container-12 .suffix-11 		{padding-right:880px;}


		.column_left {
			float: left;
			margin-right: 20px;
		}

		.column_right {
			float: right;
			margin-left: 20px;
		}

	}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

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

        .container-12                                  { width: 768px; }
        .grid-1,
		.grid-2,
		.grid-3,
		.grid-4,
		.grid-5,
		.grid-6,
		.grid-7,
		.grid-8,
		.grid-9,
		.grid-10,
		.grid-11,
		.grid-12
		{ margin-left: 10px; margin-right: 10px;  }


		.container-12 .grid-1 			{ width: 44px; }
        .container-12 .grid-2  			{ width: 108px; }
        .container-12 .grid-3    		{ width: 172px; }
        .container-12 .grid-4 			{ width: 236px; }
        .container-12 .grid-5    		{ width: 300px; }
        .container-12 .grid-6   		{ width: 364px; }
        .container-12 .grid-7 			{ width: 428px; }
        .container-12 .grid-8  			{ width: 492px; }
        .container-12 .grid-9 			{ width: 556px; }
        .container-12 .grid-10			{ width: 620px; }
        .container-12 .grid-11			{ width: 684px; }
        .container-12 .grid-12			{ width: 748px; }

		
		/* Pref/Suf Styles */
		.container-12 .prefix-1 		{padding-left:40px;}
		.container-12 .prefix-2 		{padding-left:80px;}
		.container-12 .prefix-3 		{padding-left:120px;}
		.container-12 .prefix-4 		{padding-left:160px;}
		.container-12 .prefix-5 		{padding-left:200px;}
		.container-12 .prefix-6 		{padding-left:240px;}
		.container-12 .prefix-7 		{padding-left:280px;}
		.container-12 .prefix-8 		{padding-left:320px;}
		.container-12 .prefix-9 		{padding-left:360px;}
		.container-12 .prefix-10 		{padding-left:400px;}
		.container-12 .prefix-11 		{padding-left:440px;}
		
		.container-12 .suffix-1 		{padding-right:40px;}
		.container-12 .suffix-2 		{padding-right:80px;}
		.container-12 .suffix-3 		{padding-right:120px;}
		.container-12 .suffix-4 		{padding-right:160px;}
		.container-12 .suffix-5 		{padding-right:200px;}
		.container-12 .suffix-6 		{padding-right:240px;}
		.container-12 .suffix-7 		{padding-right:280px;}
		.container-12 .suffix-8 		{padding-right:320px;}
		.container-12 .suffix-9 		{padding-right:360px;}
		.container-12 .suffix-10 		{padding-right:400px;}
		.container-12 .suffix-11 		{padding-right:440px;}


		.column_left {
			float: left;
			margin-right: 20px;
		}

		.column_right {
			float: right;
			margin-left: 20px;
		}


    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container-12{width: 300px;}
        .grid-1,
		.grid-2,
		.grid-3,
		.grid-4,
		.grid-5,
		.grid-6,
		.grid-7,
		.grid-8,
		.grid-9,
		.grid-10,
		.grid-11,
		.grid-12{margin: 0; display: block; float: none;}


        .container-12 .grid-1,
        .container-12 .grid-2,
        .container-12 .grid-3,
        .container-12 .grid-4,
        .container-12 .grid-5,
        .container-12 .grid-6,
        .container-12 .grid-7,
        .container-12 .grid-8,
        .container-12 .grid-9,
        .container-12 .grid-10,
        .container-12 .grid-11,
        .container-12 .grid-12{width: 300px; margin-bottom: 30px;}

       	.container-12 .grid-12 {margin-bottom: 0;}
		
		/* Pref/Suf Styles */
		.container-12 .prefix-1,
		.container-12 .prefix-2,
		.container-12 .prefix-3,
		.container-12 .prefix-4,
		.container-12 .prefix-5,
		.container-12 .prefix-6,
		.container-12 .prefix-7,
		.container-12 .prefix-8,
		.container-12 .prefix-9,
		.container-12 .prefix-10,
		.container-12 .prefix-11{padding-left:0px;}
		
		.container-12 .suffix-1,
		.container-12 .suffix-2,
		.container-12 .suffix-3,
		.container-12 .suffix-4,
		.container-12 .suffix-5,
		.container-12 .suffix-6,
		.container-12 .suffix-7,
		.container-12 .suffix-8,
		.container-12 .suffix-9,
		.container-12 .suffix-10,
		.container-12 .suffix-11{padding-right:0px;}


		.grid-last {margin-bottom: 0 !important;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container-12 { width: 420px; }
        .grid-1,
		.grid-2,
		.grid-3,
		.grid-4,
		.grid-5,
		.grid-6,
		.grid-7,
		.grid-8,
		.grid-9,
		.grid-10,
		.grid-11,
		.grid-12{margin: 0;}


        .container-12 .grid-1,
        .container-12 .grid-2,
        .container-12 .grid-3,
        .container-12 .grid-4,
        .container-12 .grid-5,
        .container-12 .grid-6,
        .container-12 .grid-7,
        .container-12 .grid-8,
        .container-12 .grid-9,
        .container-12 .grid-10,
        .container-12 .grid-11,
        .container-12 .grid-12{width: 420px;}
        
        .container-12 .grid-12 {margin-bottom: 0;}
		
		/* Pref/Suf Styles */
		.container-12 .prefix-1,
		.container-12 .prefix-2,
		.container-12 .prefix-3,
		.container-12 .prefix-4,
		.container-12 .prefix-5,
		.container-12 .prefix-6,
		.container-12 .prefix-7,
		.container-12 .prefix-8,
		.container-12 .prefix-9,
		.container-12 .prefix-10,
		.container-12 .prefix-11{padding-left:0px;}
		
		.container-12 .suffix-1,
		.container-12 .suffix-2,
		.container-12 .suffix-3,
		.container-12 .suffix-4,
		.container-12 .suffix-5,
		.container-12 .suffix-6,
		.container-12 .suffix-7,
		.container-12 .suffix-8,
		.container-12 .suffix-9,
		.container-12 .suffix-10,
		.container-12 .suffix-11{padding-right:0px;}

    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container-12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }