/*-----------------------------------------------------------------------------------*/
/*	Button
/*-----------------------------------------------------------------------------------*/

.rt-button{ 
	 	display:inline-block; vertical-align:top; 
	 	padding:0.9em 2em; margin:10px 10px 10px 0;
	 	cursor: pointer; text-align:center;
	 	font-size:13px; font-weight:700; text-transform:uppercase; text-decoration:none;
		box-shadow: 8px 6px 0 0 rgba(0,0,0,0.10);
		/* Transition */
	 }
	 
	 .rt-button:hover{
		box-shadow: 15px 6px 0 0 rgba(0,0,0,0.10);
	 }
	 
	.rt-button:after{content: "\f178"; font-family:FontAwesome; margin-left:1em; }
	 
	.rt-button.light{ background-color:rgba(227,225,225,1); color:#000; }
		.rt-button.light:hover{ background-color:rgba(227,225,225,0.7); }

	.rt-button.light-cyan{ background-color:rgba(81,198,198,1); }
		.rt-button.light-cyan:hover{  background-color:rgba(81,198,198,0.2); }
		
	.rt-button.cyan{background:#049595;}
		.rt-button.cyan:hover{background:#0A7070;}
		
	.rt-button.orange{background:#E76D04;}
		.rt-button.orange:hover{background:#C06517;}
		
	.rt-button.dark-grey{background-color:rgba(0,0,0,0.7);}
		.rt-button.dark-grey:hover{background-color:rgba(0,0,0,1);}	
		
	
.rt-button.light-cyan,
.rt-button.cyan,
.rt-button.orange,
.rt-button.dark-grey { color:#fff !important; }

.rt-button.small{ padding:0.5em 1.5em; font-size:0.80em; }
.rt-button.medium{ padding:1em 2.5em; }
.rt-button.large{ padding:1.3em 2em; font-size:1.5em; font-weight:300 !important; line-height:1.1em; }


/*-----------------------------------------------------------------------------------*/
/*	Columns
/*-----------------------------------------------------------------------------------*/

.one_one { width: 100%; }
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }

.one_half, .one_third, .two_third,
.three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth { 
	position:relative; 
	margin-right: 4%;
	margin-bottom:10px; 
	float:left; 
}

.column_last { 
	margin-right:0 !important; 
	clear:right; 
}

.clearboth {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%;
}

.column { margin-bottom: 2.5em; }
.column p { margin-bottom: 1.5em; }

/* Drop Caps */

.dropcaps {
	display: inline-block; font-weight:200 !important;
	margin: 3px 8px 0px 0px;
	float: left;
}

.dropcaps.cyan{background:#51C6C6; color:#fff;}
.dropcaps.orange{background:#E76D04; color:#fff;}
.dropcaps.grey{background:#333; color:#fff;}
.dropcaps.yellow{background:#F7E040; color:#333;}
.dropcaps.no-background{ background:none; padding:0.2em 0.2em 0.2em 0 !important;}
.dropcaps.no-background.size-normal{font-size:4.8em !important; margin:4px 0 0 0 !important;}
.dropcaps.no-background.size-big{font-size:5.8em !important; margin:12px 0 0 0 !important;}

.dropcaps.size-big{ font-size:3.5em; padding:0.5em; }
.dropcaps.size-normal{ font-size:2.2em; padding:0.5em; }

.dropcaps.dropcasps-size-big {
	margin: 5px 10px 0px 0px;
	font-size: 45px;
	padding: 8px 18px;
	line-height: 40px;
}

/* Highlight Sentences */

.highlight-yellow{background:#FCFA7A; color:#333;}
.highlight-orange{ background:#E76D04; color:#fff;}
.highlight-border{ border-bottom: 2px solid #51C6C6; }
.highlight-cyan{ background:#89FFFF; color:#333;}
.highlight-circle{background:#333; color:#fff; border-radius:50%;}

.highlight-yellow,
.highlight-orange,
.highlight-border,
.highlight-cyan,
.highlight-circle{ display:inline-block; padding:0 0.3em; }

/* Blockquote */

.rt_fresh_quote blockquote {
font-style: italic; background:#f2f2f2; position:relative; padding:40px; margin:0;
}

.rt_fresh_quote blockquote:before{ content:"\f10d"; font-size:2em; float:left; margin-right:10px; }

.rt_fresh_quote blockquote p{ font-size:14px; }
.rt_fresh_quote blockquote:before{ color:rgba(255,255,255,0.7); }
.rt_fresh_quote blockquote.right{ text-align:right !important; }
.rt_fresh_quote blockquote footer,
.rt_fresh_quote blockquote cite { padding:10px 10px 5px 45px !important; display:block; color:#fff; font-size:14px; }
.rt_fresh_quote blockquote footer a{ color:#fff; text-decoration:none;}

.rt_fresh_quote blockquote.cyan {background:#51C6C6; color:#fff;}
.rt_fresh_quote blockquote.orange {background:#E76D04; color:#fff;}
.rt_fresh_quote blockquote.grey {background:#333; color:#fff;}
.rt_fresh_quote blockquote.light-yellow{background:#fae999;}

.rt_fresh_quote blockquote.light-yellow p,
.rt_fresh_quote blockquote.light-yellow a,
.rt_fresh_quote blockquote.light-yellow,
.rt_fresh_quote blockquote.light-yellow cite,
.rt_fresh_quote blockquote.light-yellow footer{ color:#333; }

.rt_fresh_quote blockquote.full_width{ float:none; overflow:hidden; }


/* Alert Box */

.alert:after,
.alert:before{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.alert{ display:block; clear:both; padding:1.2em 1.5em; color:#fff; margin:1em 0; position:relative; overflow:hidden; }
.alert.success{background:#89DCDC;}
.alert.error{background:#E76D04;}
.alert.warning{background:#4BC4C4;}
.alert.notification{background:#333;}

.alert-close { font-family:fontawesome; cursor:pointer; position:absolute; right:10px; top:10px; }
.alert i { margin-right:0.7em; font-size:1.2em; font-family:fontawesome; font-style:normal; }

.alert i.icon-success:before{content: "\f024";}
.alert i.icon-error:before{content: "\f057";}
.alert i.icon-warning:before{content: "\f071";}
.alert i.icon-notification:before{content: "\f05a";}


/* Icon Box */

 /** Colorful Boxes **/
 .cyan-light-box{ background-color:#51c6c6 !important;}
 .cyan-box{background-color:#34afaf !important;}
 .darkorange-box{background-color:#e76d04 !important;}
 .light-blue-box{ background-color:#43a1c8 !important;}
 .blue-box{background-color:#5a69d4 !important;}
 .yellow-box{ background-color:#edce04 !important; }
 .darkgrey-box{ background-color:#666 !important; }
 
 /* Arrows */
	 .more-arrow { display:inline-block; padding:0.5em 1.5em 0.5em 0; border:2px solid rgba(0,0,0,0); border-radius:2px; }
	 .more-arrow:after{ content: "\f178"; font-family:FontAwesome; }
	 
	 .more-arrow:hover{
	 	padding:0.5em 1.5em; border:2px solid rgba(0,0,0,0.1);
	 }
 

.icon-box { margin:0.2em 0; clear:both; display:table; table-layout: fixed; width:100%; }
.icon-box .icon-box-title{ padding-top:0; margin:0 0 1em 0; clear:none; text-transform:uppercase; font-size:1em !important; font-weight:700; }
.icon-box article{ 
	width:100%; padding:2.5em 2em 1.5em 2em; background:#666; color:#fff; font-weight:400; margin:1em auto; position:relative;
	/* Transition Effect */
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.icon-box article .icon-box-title,
.icon-box article a { color:#fff; }
.icon-box i { font-size:3em; width:40px; height:40px; }

/* One Column */
.icon-box.one_col article{ display:block; }	

.icon-box article:hover {
	
	/* Transform */
	-webkit-transform: skew(5deg, -3deg);
	-moz-transform: skew(5deg, -3deg);
	-ms-transform: skew(5deg, -3deg);
	-o-transform: skew(5deg, -3deg);
	transform: skew(5deg, -3deg);  
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
			
	 z-index:9999;	
}

/* Icon Box - WHITE */

.white-box { background-color:#fff !important; border:1px solid #e2e2e2; }
.white-box i, .white-box .icon-box-title, .white-box p, .white-box .more-arrow { color:#333 !important; }

	.white-box:hover{
		
	}
	.white-box:hover i, .white-box:hover .icon-box-title, .white-box:hover p, .white-box:hover .more-arrow {  }
	
	

/* List */
	
ul.star{ margin:1em 0; list-style:none; }
ul.star li{ padding:0 0 8px 35px; position:relative; list-style-type:none; }
ul.star li:before{
	font-family:FontAwesome; width:20px; height:20px; left:0; top:3px; content:"\f005"; position:absolute;
}


/* ======== Call to Action ===== */

	.call-to-action{ 
		 float:none; clear:both; position:relative; margin-bottom:2em;
		 padding:2em 0;
		/* Transition Effect */
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	
	.call-to-action.left{ border-bottom:1px solid rgba(0,0,0,0.1); }
	
	.call-to-action p{ margin-bottom:10px; }
	.call-to-action h3{ margin-bottom:0.5em; margin-top:0.2em; padding:0; }
	
	.darkorange-box h3, .cyan-box h3, .darkgrey-box h3 { color:#fff !important; }	
	.darkorange-box p, .cyan-box p, .darkgrey-box p { color:#fff; }
	
	.call-to-action.center,
	.call-to-action.center h3.callout-title,
	.call-to-action.center p { text-align:center; }
	
	.call-to-action h3.callout-title.large{ font-size:40px; margin-bottom:30px; letter-spacing:-1px; text-transform:uppercase; }
	.call-to-action h3.callout-title.large:after{ content:""; display:block; width:80px; height:3px; background-color:#333; margin:15px auto 10px auto; }
	
	.call-to-action.left h3.callout-title.large:after{ margin:15px 0; }
	
	.call-to-action h3.callout-title.large.orange:after{ background-color:#e76d04; }
	.call-to-action h3.callout-title.large.cyan:after{ background-color:#51c6c6; }
	
	.call-to-action .callout-title.orange{ color:#e76d04; }
	.call-to-action .callout-title.cyan{ color:#51c6c6; }
	.call-to-action .callout-title.black{ color:#333; }
	
	
	
/* ======== Recent Works ===== */
	
	/* Recent Work */
	section.recentwork{ margin:0 -15%; clear:both; position:relative; text-align:center; background-color:#FCFCFC; border-top:1px solid #e5e3e3; border-bottom:1px solid #e5e3e3; padding:3em 1.8em; } 
	section.recentwork ul.recent-portfolio-list { margin-top:1.5em; margin-bottom:2.5em; } 
	section.recentwork ul.recent-portfolio-list li{vertical-align:top; float:left; list-style-type:none; } 
	
	.recent-work-date{ display:block; background:#09A7A7; line-height:1.2em; padding:1.5em 2em; color:#fff; font-size:0.9em; position:relative; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
	.recentwork .section-title{ font-size:1em; color:#666; font-weight:700; text-transform:uppercase; margin:0; }
	
	section.recentwork ul.recent-portfolio-list img{ width:100%; border-radius:0; }
	section.recentwork ul.recent-portfolio-list .recent-portfolio-more-link{ 
		width:30px; height:30px; line-height:30px; border-radius:50%; display:inline-block; background-color:#000; text-align:center; 
	}
	section.recentwork ul.recent-portfolio-list .recent-portfolio-more-link:after{
		content: "\f178"; line-height:30px; height:30px; font-family:FontAwesome; color:#F7E040;
	}
	section.recentwork ul.recent-portfolio-list .recent-work-shortcode-title{
		font-size:13px;
	}
	
	section.recentwork .more{ display:inline-block; border-radius:2px; padding:0.5em 1.5em 0.5em 0; border:2px solid rgba(0,0,0,0); color:#666; font-size:11px; }
	section.recentwork .more:hover{ padding: 0.5em 1.5em; border:2px solid rgba(0,0,0,0.1); }
	section.recentwork .more:after{ content: "\f178"; font-family:FontAwesome; display:inline-block; margin-left:5px; }
	
	section.recentwork .recentwork-content{ font-weight:300; margin:1em auto; width:60%; }
	
	
/* ======== Recent Posts ===== */
.recent-posts-wrap{ margin:30px auto 80px auto; }

	/** Masonry **/
	.recent-posts-wrap .recent-posts-list .recent-post{	
		width: 100%; float:none; list-style:none; padding:0; margin:0;
	}

	.recent-posts-wrap .recent-posts-list{  }
	.recent-posts-wrap .recent-posts-list .recent-post .hentry{ 
		position: relative;
		background-color: #fff;
		border-radius: 6px;
		text-align: left;
		margin-bottom: 20px;
		box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.10);
		/* Transition */
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		border-bottom: 2px solid #ccc;
		padding:0 0 1em 0; display:block;
	}	
	.recent-posts-wrap .recent-posts-list .recent-post .title-excerpt-wrap{ padding:10px 30px; }
	.recent-posts-wrap .recent-posts-list .recent-post .title-excerpt-wrap .recent-post-title{ font-weight:700; margin:15px 0 5px 0; font-size:13px; text-transform:uppercase; }
	.recent-posts-wrap .recent-posts-list .recent-post .title-excerpt-wrap .recent-post-title a{ color:#666; }
	.recent-posts-wrap .recent-posts-list .recent-post .title-excerpt-wrap .recent-post-title a:hover,
	.recent-posts-wrap .recent-posts-list .recent-post:hover .recent-post-title a { color:#51c6c6; }
	
	.recent-posts-wrap .recent-posts-list .recent-post .title-excerpt-wrap .recent-post-date{ color:#ccc; }
	
	.recent-post blockquote{ margin:10px !important; font-size:14px; }
	
	.recent-posts-wrap .recent-posts-list li.format-image:before,
	.recent-posts-wrap .recent-posts-list li.format-standard:before,
	.recent-posts-wrap .recent-posts-list li.format-aside:before,
	.recent-posts-wrap .recent-posts-list li.format-quote:before,
	.recent-posts-wrap .recent-posts-list li.format-link:before,
	.recent-posts-wrap .recent-posts-list li.format-video:before,
	.recent-posts-wrap .recent-posts-list li.format-audio:before{ 
		font-family:FontAwesome;
		background-color:#f7e040; color:#333; width:30px !important; border-radius:50%; height:30px !important; display:inline-block; text-align:center; line-height:30px !important;
		position:absolute; top:-7px; right:7px; 
	}
	
	.recent-posts-wrap .recent-posts-list li.format-image:before{
		content: "\f03e";
	}
	.recent-posts-wrap .recent-posts-list li.format-standard:before{
		content: "\f040"; background-color:#f7e040;
	}
	.recent-posts-wrap .recent-posts-list li.format-aside:before{
		content: "\f15c"; position:relative; margin-bottom:8px;
	}
	.recent-posts-wrap .recent-posts-list li.format-quote:before{
		content: "\f10d"; background-color:#FDF4B4;
	}
	.recent-posts-wrap .recent-posts-list li.format-link:before{
		content: "\f0c1";
	}
	.recent-posts-wrap .recent-posts-list li.format-video:before{
		content: "\f03d";
	}
	.recent-posts-wrap .recent-posts-list li.format-audio:before{
		content: "\f025";
	}
	
	
	/* Section Heading */
	
	.section_heading{ 
		clear:both; float:none; margin:0; padding:0; position:relative;
	}
	
	.section_heading:after,
	.section_heading:before{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
	
	.section_heading.clear-none:after,
	.section_heading.clear-none:before{ content:none; }
	
	.section_heading.clear-all{ clear:both; float:none; }
	.section_heading.clear-none{ clear:none !important; }
	
	.section_heading:after{ content:""; display:block; margin-bottom:10px; }
	
	.section_heading h2{
		padding:0; margin:0; display:inline-block; clear:both; z-index:99; text-transform:uppercase;
	}
	
	.section_heading.right{ text-align:right; }
	.section_heading.center{ text-align:center; }
	
	/* Left Aligned */
	.section_heading.right h2{ 
		padding-left:20px; text-align:right; 
	}
	.section_heading.right h2:after{
		content:""; height:3px; width:50px; background-color:#333; display:block; text-align:right; margin-top:10px; position:absolute; right:0;
	}	
	
	/* Left Aligned */
	.section_heading.left h2{ 
		 
	}
	.section_heading.left h2:after{
		content:""; height:3px; width:50px; background-color:#333; display:block; margin-top:15px;
	}	
	
	/* Center Aligned */
	.section_heading.center h2{ 
		padding:0 20px; 
	}
	.section_heading.center h2:after{ 
		content:""; height:3px; width:80px; margin:auto; background-color:#333; display:block; margin-top:15px; 
	}
	
	.section_heading.small h2{ font-size:1.1em; font-weight:700; }
	.section_heading.medium h2{ font-size:1.6em; font-weight:400; }
	.section_heading.large h2{ font-size:2.6em; line-height:1.1em; font-weight:300; }
		.section_heading.large h2:after{ content:""; margin-top:20px; margin-bottom:10px; }
		
	.section_heading.medium{ margin-bottom:40px; }
	



/**************************************
***************[ Media Queries ]***********
******************************************/


	/* Up to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
		/* Columns */
		.one_half, .one_third, .two_third,
		.three_fourth, .one_fourth, .one_fifth,
		.two_fifth, .three_fifth, .four_fifth,
		.one_sixth, .five_sixth { 
			position:relative; 
			margin-top: 1.5em;
			margin-bottom:1.5em;
			width:100%; 
			float:none; 
		}
		.rt_fresh_quote blockquote{ padding:15px; }				
	
	}
	
	@media only screen and (max-width: 768px){
		/* Making Boxes 100% */
		.icon-box article { display:block; }
		
		/* Recent posts masonry on homepage */
		.recent-posts-wrap .recent-posts-list .recent-post{ 
			width:99%;
			margin:0 0 1em; float:none;
		}
	}
	
	/* Upwards of Mobile Landscape Size  */
	@media only screen and (min-width: 480px) {
		/* Featured Services */
		.icon-box p,
		.icon-box h5 { display:block; }
		
	}
	
	@media only screen and (min-width: 768px) {
		/* Making Featured Services 3 column in Desktop and big Screen size */
		.icon-box article { display:table-cell; }
		.rt_fresh_quote blockquote.f-left{ float:left; width:40%; margin-right:40px }
		.rt_fresh_quote blockquote.f-right{ float:right; width:40%; margin-left:40px; }
		.section_heading.large h2{ font-size:4.2em; line-height:1.1em; }
		.section_heading.medium h2{ font-size:2em; font-weight:300; }
		
		/* Recent posts masonry on homepage 
		.recent-posts-wrap .recent-posts-list .recent-post{ 
			width:47.5%;
			margin:1%; float:left;
		} */
		.recent-posts-wrap .recent-posts-list .recent-post { 
			width:100%; float:left;
		 }
		.recent-posts-wrap .recent-posts-list .recent-post .hentry {			
			width:auto; margin:0 0 20px 0;
		}
		
	}

	/* Beyond standard 960 */
	@media only screen and (min-width: 960px) {
	
		/* Call to action */
		.call-to-action.left h3.callout-title,
		.call-to-action.left p{ padding-right:250px; }
		.call-to-action.left .call-btn{ position:absolute; top:1.5em; right:0; }
		
		.call-to-action.center{ width: 70%; margin:auto; }
						
		/* Featured Services */
		.icon-box p,
		.icon-box h6,
		.icon-box a { padding-left:50px; margin-left:1px; }
		
		.icon-box i{ float:left;  }
		
		/* Masonry Post */		
		.recent-posts-wrap .recent-posts-list .recent-post{
			width: 50%;
		}
		.recent-posts-wrap .recent-posts-list .recent-post .hentry {			
			margin-right: 20px;
		}	
		
		.recent-posts-wrap .recent-posts-list .recent-post .rt-shortcode-thumb img{ 
			width:100%; height:auto; 
		}
				
	}
	
	@media only screen and (min-width: 1210px){
		/* Masonry Blog Layout */
		.recent-posts-wrap .recent-posts-list .recent-post{ width:33.33%; }
	}