/*
Theme Name: SmartStarter
Theme URI: http://www.fairmontland.com.au/smartstarter/
Author: klik digital
Author URI: http://www.klik.net.au
Description: Custom design for Fairmont Homes
*/

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media screen {

	/* ---------------- overall style ---------------- */
	
	body {
		color:#444;
		line-height:1.4;
		font-family:arial,sans-serif;
		font-size:14px;
		background-color:#f5f5f5;
	}
	
	::selection {
	  background:#B7D334;
	  color:#444;
	}
	
	::-moz-selection {
	  background:#B7D334;
	  color:#444;
	}
	
	h1,h2,h3,h4,h5,h6 {
		line-height:110%;
	}
	
	.readmore {
		display:inline-block;
		padding:8px;
		background-color:#B7D235;
		color:#fff;
		font-size:12px;
		font-weight:700;
		text-transform:uppercase;
		text-decoration:none;
		line-height:100%;
		transition:transform 0.05s;
		vertical-align:middle;
	}
	
	.readmore img {
		display:inline-block;
		width:16px;
		height:auto;
		margin:0 0 0 8px;
		vertical-align:middle;
	}
	
	.readmore:hover {
		transform:scale(1.05);
	}
	
	/* ---------------- header ---------------- */
	
	#top_bar {
		position:relative;
		background-color:#FFFFFF;
		height:16px;
		padding:16px;
		z-index:990;
		transition:height 0.2s, padding 0.2s;
	}
	
	#top_bar .fh_logo {
		display:block;
		float:left;
	}
	
	#top_bar .fh_logo img {
		display:block;
		vertical-align:top;
		height:16px;
		width:auto;
		transition:height 0.2s, width 0.2s;
	}
	
	#top_bar .fh_phone {
		display:block;
		float:right;
		color:#444;
		text-decoration:none;
	}
	
	#top_bar .fh_phone span {
		display:inline-block;
		font-weight:900;
		margin-left:4px;
	}
	
	/* ---------------- footer ---------------- */
	
	footer {
		background-color:#444444;
		color:#999;
		font-size:12px;
		padding:16px;
	}
	
	/* ---------------- home ---------------- */
	
	.home_section {
		
	}
	
	.home_section .section_inner {
		position:relative;
		max-width:900px;
		margin:0 auto;
		padding:32px;
		transition:height 0.2s, padding 0.2s;
	}
	
	/* ---- feature panel ---- */
	
	#home_feature {
		position:relative;
		z-index:800;
		background-color:#CECFC9;
		background-color:#F5F5F3;
		background: #F5F5F3; /* Old browsers */
		background: -moz-linear-gradient(top,  #cecfc9 0%, #f5f5f3 40%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecfc9), color-stop(40%,#f5f5f3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cecfc9 0%,#f5f5f3 40%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cecfc9 0%,#f5f5f3 40%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #cecfc9 0%,#f5f5f3 40%); /* IE10+ */
		background: linear-gradient(to bottom,  #cecfc9 0%,#f5f5f3 40%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecfc9', endColorstr='#f5f5f3',GradientType=0 ); /* IE6-9 */
	}
	
	#home_feature .section_inner {
		height:220px;
		padding:0;
	}
	
	#home_feature .feature_drawing {
		transition:all 0.2s;
	}
	
	#home_feature .young_couple {
		position:absolute;
		bottom:-20px;
		right:16px;
		height:150px;
		width:auto;
	}
	
	#home_feature .smartstarter_logo {
		position:absolute;
		left:24px;
		top:24px;
		width:120px;
		height:auto;
	}
	
	#home_feature .drawing_light {
		position:absolute;
		right:80px;
		top:-32px;
		height:100px;
		width:78px;
		background-size:500% 100%;
		background-image:url('images/light_animation.png');
		
		animation-play-state:paused;
		-webkit-animation-play-state:paused;
		-moz-animation-play-state:paused;
		
		animation-name:light_frames;
		animation-duration:0.3s;
		animation-direction:normal;
		animation-iteration-count:infinite;
		animation-timing-function: steps(4, end); 
		
		-moz-animation-name:light_frames;
		-moz-animation-duration:0.3s;
		-moz-animation-direction:normal;
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function: steps(4, end); 
		
		-webkit-animation-name:light_frames;
		-webkit-animation-duration:0.3s;
		-webkit-animation-direction:normal;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function: steps(4, end); 
	}
	
	#home_feature .drawing_light:hover {
		animation-play-state:running;
		-webkit-animation-play-state:running;
		-moz-animation-play-state:running;
	}
	
	#home_feature .drawing_photo {
		position:absolute;
		right:0px;
		top:40px;
		width:64px;
		height:auto;
	}
	
	#home_feature .drawing_photo:hover {
		transform:rotate(-5deg);
		transform-origin:60% top;
	}
	
	#home_feature .drawing_table {
		position:absolute;
		height:60px;
		width:auto;
		bottom:-20px;
		right:210px;
	}
	
	#home_feature .drawing_draws {
		position:absolute;
		display:none;
	}
	
	/* ---- green section ---- */
	
	#home_green {
		position:relative;
		background-color:#B7D235;
		z-index:790;
	}
	
	#home_green .section_inner {
		padding-top:64px;
		padding-bottom:64px;
	}
	
	#home_green .main_items {
		
	}
	
	#home_green .main_items .item {
		display:block;
		margin:0 0 48px 0;
		text-align:center;
		text-decoration:none;
		color:#444;
		transition:transform 0.05s;
	}
	
	#home_green .main_items .item:last-child {
		margin-bottom:0;
	}
	
	#home_green .main_items .item img {
		display:inline-block;
		margin:0 0 12px 0;
		max-height:100px;
		max-width:160px;
	}
	
	#home_green .main_items .item h3 {
		margin:0;
		font-size:20px;
	}
	
	#home_green .main_items .item:hover {
		transform:scale(1.1);
	}
	
	#home_green .main_items .item:hover h3 {
		
	}
	
	#home_green .main_items .item:hover img {
		
	}
	
	#green_border {
		height:16px;
		background-size:100% 16px;
		background-color:#EEEEEE;
		background-image:url('images/green_border.png');
		background-position:center top;
		background-repeat:no-repeat;
	}
	
	/* ---- grey intro section ---- */
	
	#home_intro {
		background-color:#EEEEEE;
	}
	
	#home_intro .intro_text h1 {
		margin:0 0 16px 0;
		font-size:28px;
	}
	
	#home_intro .intro_text {
		padding:0 0 32px 0;
		margin:0 0 32px 0;
		border-bottom:2px solid #ccc;
	}
	
	#home_intro .intro_text p {
		margin:0;
	}
	
	#home_intro .main_articles {
		
	}
	
	#home_intro .main_articles .article {
		padding:0 0 24px 0;
		margin:0 0 24px 0;
		border-bottom:1px solid #ddd;
	}
	
	#home_intro .main_articles .article:last-child {
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:0;
	}
	
	#home_intro .main_articles .article h3 {
		margin:0 0 16px 0;
		font-size:20px;
	}
	
	#home_intro .main_articles .article h3 a {
		text-decoration:none;
		color:#444;
		transition:color 0.1s;
	}
	
	#home_intro .main_articles .article p {
		margin:0 0 16px 0;
	}
	
	/* ---- white news section ---- */
	
	#home_news {
		background-color:#F5F5F5;
	}
	
	#home_news .new_articles {
		
	}
	
	#home_news .new_articles .article {
		margin:0 0 32px 0;
		padding:0 0 32px 0;
		border-bottom:1px solid #ddd;
	}
	
	#home_news .new_articles .article:last-child {
		border-bottom:none;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	#home_news .new_articles .article .image {
		display:none;
	}
	
	#home_news .new_articles .article .text {
		
	}
	
	#home_news .new_articles .article .text h4 {
		margin:0 0 16px 0;
		font-size:16px;
	}
	
	#home_news .new_articles .article .text h4 a {
		color:#444;
		text-decoration:none;
	}
	
	#home_news .new_articles .article .text p {
		margin:0 0 16px 0;
	}
	
	/* ---- grey contact section ---- */
	
	#home_contact {
		background-color:#EEEEEE;
	}
	
	#home_contact .left {
		margin:0 0 32px 0;
	}
	
	#home_contact .left .consultant {
		background-image:url('images/consultant_animation.png');
		background-size:200% 100%;
		
		animation-name:consultant_frames;
		animation-duration:2s;
		animation-direction:normal;
		animation-iteration-count:infinite;
		animation-timing-function: steps(1, start); 
		
		-moz-animation-name:consultant_frames;
		-moz-animation-duration:2s;
		-moz-animation-direction:normal;
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function: steps(1, start); 
		
		-webkit-animation-name:consultant_frames;
		-webkit-animation-duration:2s;
		-webkit-animation-direction:normal;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function: steps(1, start);
	}
	
	#home_contact .left .text {
		
	}
	
	#home_contact .left .text .top {
		font-weight:bold;
		font-size:18px;
		margin:0 0 8px 0;
	}
	
	#home_contact .left .text .bot {
		font-size:16px;
	}
	
	#home_contact .right {
		font-size:16px;
		background-image:url('images/circle.svg');
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
		text-align:center;
		padding:64px 0;
	}
	
	#home_contact .right .top {
		
	}
	
	#home_contact .right .phone {
		color:#444;
		text-decoration:none;
		font-size:40px;
		font-weight:900;
	}
	
	#home_contact .right .bot {
		color:#7F9809;
		
	}
	
	#home_contact .right .bot a {
		color:#7F9809;
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_feature_image {
		height:300px;
	}
	
	#page_back {
		
	}
	
	#page_back .section_inner {
		position:relative;
		max-width:1280px;
		margin:0 auto;
		padding:0 32px;
		transition:padding 0.2s;
	}
	
	#page_back a {
		display:inline-block;
		position:absolute;
		margin-top:-24px;
		margin-left:0px;
		width:110px;
		line-height:100%;
		padding:8px;
		background-color:#B7D334;
		vertical-align:middle;
		color:#fff;
		font-weight:700;
		font-size:16px;
		text-decoration:none;
		text-transform:uppercase;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
		transition:transform 0.05s;
	}
	
	#page_back a:hover {
		transform:scale(1.05) rotate(3deg);
	}
	
	#page_back a img {
		height:16px;
		width:auto;
		display:inline-block;
		margin-right:16px;
		vertical-align:middle;
	}
	
	#page_feature_image {
		position:relative;
		height:150px;
		background-size:cover;
		background-position:center center;
		background-color:#B7D334;
		transition:height 0.2s;
	}
	
	#page_feature_image .image_border {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		height:16px;
		background-size:100% 16px;
		background-image:url('images/image_border.png');
		background-position:center bottom;
		background-repeat:no-repeat;
	}

	#page_main {
		
	}
	
	#page_main .section_inner {
		padding:32px;
		max-width:1280px;
		margin:0 auto;
		transition:padding 0.2s;
	}
	
	#page_main .left {
		width:100%;
		padding:0 0 32px 0;
		margin:0 0 32px 0;
		border-bottom:1px solid #ddd;
	}
	
	#page_main .left h1 {
		margin:0 0 16px 0;
		padding:0 0 16px 0;
		border-bottom:1px solid #ddd;
	}
	
	#page_main .left .content {
		
	}
	
	#page_main .left .content p {
		
	}
	
	#page_main .left .content ul {
		padding-left:16px;
	}
	
	#page_main .left .content ul li {
		
	}
	
	#page_main .left .content a {
		color:#7F9809;
		text-decoration:underline;
	}
	
	#page_main .left .content img {
		max-width:100%;
		height:auto;
	}
	
	#page_main .left .content img.size-full {
		width:100%;
	}
	
	#page_main .left .content a:hover {
		color:#B7D334;
	}
	
	#page_main .sidebar {
		
	}
	
	#page_main .sidebar .logo {
		display:block;
	}
	
	#page_main .sidebar .logo img {
		height:100px;
		width:auto;
	}
	
	#page_main .sidebar .item {
		margin:32px 0 0 0;
	}
	
	#page_main .sidebar .item h4 {
		margin:0 0 16px 0;
		font-size:18px;
	}
	
	#page_main .sidebar .item ul {
		padding:0;
		margin:0;
	}
	
	#page_main .sidebar .item ul li {
		list-style:none;
		line-height:120%;
		margin-bottom:8px;
	}
	
	#page_main .sidebar .item ul li a {
		color:#444;
		text-decoration:none;
		font-size:16px;
	}
	
	#page_main .sidebar .item ul li a:hover {
		text-decoration:underline;
	}
	
	#page_bot_scene {
		
	}
	
	#page_bot_scene .section_inner {
		position:relative;
		height:180px;
		max-width:1280px;
		margin:0 auto;
	}
	
	#page_bot_scene img {
		position:absolute;
		transition:all 0.2s;
	}
	
	#page_bot_scene .young_couple {
		height:150px;
		width:auto;
		bottom:-16px;
		right:30px;
	}
	
	#page_bot_scene .drawing_photo {
		width:80px;
		bottom:130px;
		right:20px;
	}
	
	#page_bot_scene .drawing_table {
		width:100px;
		bottom:-24px;
		right:190px;
	}
	
	/* house and land list */
	
	#house_land_list {
		
	}
	
	#house_land_list .item {
		display:none;
		background-color:#eee;
		margin-bottom:8px;
	}
	
	#house_land_list .item .image {
		display:block;
		height:150px;
		background-size:cover;
		background-position:center center;
	}
	
	#house_land_list .item .text {
		display:block;
		text-align:center;
		padding:32px;
	}
	
	#house_land_list .item .text h4 {
		margin:0 0 16px 0;
	}
	
	#house_land_list .item .text h4 a {
		color:#444;
		text-decoration:none;
		font-size:18px;
		line-height:120%;
	}
	
	#house_land_list .item .text h4 a:hover {
		color:#666;
	}
	
	#house_land_list .item .text .house_name, 
	#house_land_list .item .text .price {
		color:#666;
		font-size:14px;
	}
	
	#house_land_list .item .text .house_name span, 
	#house_land_list .item .text .price span {
		font-weight:700;
		color:#444;
	}
	
	#house_land_list .item a.button {
		display:inline-block;
		margin-top:16px;
		background-color:#B7D334;
		line-height:100%;
		padding:8px;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:700;
		color:#fff;
	}
	
	#house_land_list .item a.button:hover {
		color:#fff;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	#top_bar {
		height:24px;
	}
	
	#top_bar .fh_logo img {
		height:24px;
	}
	
	#top_bar .fh_phone {
		font-size:16px;
	}
	
	#top_bar .fh_phone span {
		font-size:20px;
	}
	
	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	.home_section .section_inner {
		padding:64px;
	}
	
	#home_feature {
		
	}
	
	#home_feature .section_inner {
		height:320px;
	}
	
	#home_feature .young_couple {
		bottom:-34px;
		right:72px;
		height:200px;
	}
	
	#home_feature .smartstarter_logo {
		left:64px;
		top:64px;
		width:200px;
	}
	
	#home_feature .drawing_light {
		right:180px;
		top:-32px;
		height:140px;
		width:109px;
	}
	
	#home_feature .drawing_photo {
		right:30px;
		top:80px;
		width:100px;
	}
	
	#home_feature .drawing_table {
		height:100px;
		bottom:-40px;
		right:360px;
	}
	
	#home_feature .drawing_draws {
		position:absolute;
		display:none;
	}
	
	#home_green {
		text-align:center;
	}
	
	#home_green .section_inner {
		padding:64px 64px;
	}
	
	#home_green .main_items .item {
		display:inline-block;
		margin:0 32px;
		vertical-align:bottom;
	}
	
	#green_border {
		height:25px;
		background-size:100% 25px;
	}
	
	#home_intro {
		
	}
	
	#home_intro .intro_text {
		text-align:center;
		padding-bottom:64px;
		margin-bottom:64px;
	}
	
	#home_intro .main_articles {
		text-align:center;
	}
	
	#home_intro .main_articles .article {
		display:inline-block;
		width:200px;
		margin:0;
		padding:0;
		margin-right:16px;
		text-align:left;
		border:none;
		vertical-align:top;
	}
	
	#home_intro .main_articles .article:last-child {
		margin:0;
	}
	
	#home_news {
		
	}
	
	#home_news .new_articles .article {
		display:table;
		width:100%;
	}
	
	#home_news .new_articles .article .image {
		display:table-cell;
		width:230px;
		border-right:32px solid #f5f5f5;
		vertical-align:top;
	}
	
	#home_news .new_articles .article .image img {
		display:block;
		width:230px;
		max-width:230px;
		height:auto;
		vertical-align:top;
	}
	
	#home_news .new_articles .article .text {
		display:table-cell;
		vertical-align:top;
	}
	
	#home_contact {
		
	}
	
	#home_contact .table_div {
		display:table;
		width:100%;
	}
	
	#home_contact .left {
		display:table-cell;
		width:60%;
		vertical-align:middle;
	}
	
	#home_contact .left .consultant {
		display:inline-block;
		vertical-align:middle;
		margin-right:32px;
		width:90px;
		height:213px;
	}
		
	#home_contact .left .text {
		display:inline-block;
		vertical-align:middle;
		margin-right:32px;
	}
	
	#home_contact .right {
		display:table-cell;
		vertical-align:middle;
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_feature_image {
		height:200px;
	}
	
	#page_back .section_inner {
		padding:0 64px;
	}
	
	#page_back a {
		margin-top:-48px;
		width:120px;
		padding:16px;
		font-size:20px;
	}
	
	#page_main {
		
	}
	
	#page_main .section_inner {
		padding:64px;
		display:table;
	}
	
	#page_main .left {
		display:table-cell;
		border-right:64px solid #f5f5f5;
		vertical-align:top;
		border-bottom:none;
		padding-bottom:0;
	}
	
	#page_main .left h1 {
		padding-bottom:32px;
		margin-bottom:32px;
	}
	
	#page_main .sidebar {
		display:table-cell;
		width:180px;
		vertical-align:top;
	}
	
	#page_main .sidebar .logo {
		
	}
	
	#page_main .sidebar .logo img {
		height:120px;
		margin-left:-16px;
		margin-top:-8px;
	}
	
	#page_bot_scene .young_couple {
		height:200px;
		width:auto;
		bottom:-32px;
		right:90px;
	}
	
	#page_bot_scene .drawing_photo {
		width:90px;
		bottom:180px;
		right:40px;
	}
	
	#page_bot_scene .drawing_table {
		width:130px;
		bottom:-32px;
		right:380px;
	}
	
	/* house and land list */
	
	#house_land_list .item {
		
	}
	
	#house_land_list .item .image {
		height:200px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1024px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	#top_bar {
		height:32px;
		padding:24px;
	}
	
	#top_bar .fh_logo img {
		height:32px;
	}
	
	#top_bar .fh_phone {
		font-size:20px;
	}
	
	#top_bar .fh_phone span {
		font-size:24px;
	}
	
	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	.home_section .section_inner {
		padding:96px;
	}
	
	#home_feature {
		
	}
	
	#home_feature .section_inner {
		height:420px;
	}
	
	#home_feature .young_couple {
		bottom:-46px;
		right:120px;
		height:280px;
	}
	
	#home_feature .smartstarter_logo {
		left:64px;
		top:90px;
		width:200px;
	}
	
	#home_feature .drawing_light {
		right:270px;
		top:-32px;
		height:160px;
		width:125px;
	}
	
	#home_feature .drawing_photo {
		right:60px;
		top:90px;
		width:130px;
	}
	
	#home_feature .drawing_table {
		height:140px;
		bottom:-40px;
		right:540px;
	}
	
	#home_feature .drawing_draws {
		position:absolute;
		display:none;
	}
	
	#home_green .main_items .item {
		margin:0 48px;
	}
	
	#home_green .main_items .item:last-child {
		
	}
	
	#home_green .main_items .item img {
		margin:0 0 24px 0;
		max-height:120px;
		max-width:200px;
	}
	
	#home_green .main_items .item h3 {
		font-size:26px;
	}
	
	#home_intro .intro_text h1 {
		font-size:35px;
	}
	
	#home_intro .main_articles .article {
		width:230px;
		margin:0 32px 0 0;
	}
	
	#home_contact .left .consultant {
		width:120px;
		height:284px;
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_feature_image {
		height:250px;
	}
	
	#page_feature_image .image_border {
		height:25px;
		background-size:100% 25px;
	}
	
	#page_back .section_inner {
		padding:0 96px;
	}
	
	#page_main {
		
	}
	
	#page_main .section_inner {
		padding:96px;
	}
	
	#page_main .left {
		
	}
	
	#page_main .sidebar {
		width:200px;
	}
	
	/* house and land list */
	
	#house_land_list .item {
		display:table;
		width:100%;
	}
	
	#house_land_list .item .image {
		display:table-cell;
		width:300px;
		height:150px;
		vertical-align:top;
	}
	
	#house_land_list .item .text {
		display:table-cell;
		vertical-align:top;
		text-align:left;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1366px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	.home_section .section_inner {
		padding:128px;
	}
	
	#home_feature {
		
	}
	
	#home_feature .section_inner {
		height:520px;
	}
	
	#home_feature .young_couple {
		bottom:-60px;
		right:120px;
		height:360px;
	}
	
	#home_feature .smartstarter_logo {
		left:60px;
		top:160px;
		width:280px;
	}
	
	#home_feature .drawing_light {
		right:300px;
		top:-60px;
		height:250px;
		width:195px;
	}
	
	#home_feature .drawing_photo {
		right:70px;
		top:100px;
		width:145px;
	}
	
	#home_feature .drawing_table {
		height:170px;
		bottom:-55px;
		right:650px;
	}
	
	#home_feature .drawing_draws {
		position:absolute;
		display:block;
		right:0;
		bottom:-30px;
		left:50%;
		margin-left:580px;
		height:300px;
		background-image:url('images/drawing_draws.png');
		background-size:auto 100%;
		background-position:left center;
		background-repeat:no-repeat;
	}
	
	#home_green .section_inner {
		padding:96px 128px;
	}
	
	#home_intro .intro_text {
		padding-bottom:96px;
		margin-bottom:96px;
	}
	
	#home_intro .intro_text h1 {
		font-size:40px;
		margin-bottom:32px;
	}
	
	#home_intro .intro_text p {
		max-width:800px;
		margin:0 auto;
		font-size:16px;
		font-weight:300;
	}
	
	#home_intro .main_articles .article {
		width:260px;
		margin:0 48px 0 0;
	}
	
	#home_intro .main_articles .article h3 {
		font-size:24px;
	}
	
	#home_news .new_articles .article {
		padding-bottom:64px;
		margin-bottom:64px;
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_back .section_inner {
		padding:0 128px;
	}
	
	#page_main {
		
	}
	
	#page_main .section_inner {
		padding:128px;
	}
	
	#page_main .left {
		border-right-width:128px;
	}
	
	#page_main .sidebar {
		
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1920px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */

	/* ---------------- back pages ---------------- */
	
	#page_feature_image {
		height:350px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */

	/* ---------------- back pages ---------------- */

}

@keyframes light_frames {
  from { 
  	background-position:0% top;
  }
  to { 
  	background-position:100% top; 
  }
}

@keyframes consultant_frames {
	0% { 
		background-position:left top;
	}
	95% {
		background-position:left top;
	}
	100% { 
		background-position:right top; 
	}
}