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

	Plugin Name: Themebold shortcodes
	Plugin URI: http://www.themebold.com/tb-shortcodes
	Description: A free shortcode plugin
	Author: Can Yiğit
	Author URI: http://www.themebold.com
	Version: 1.0
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	Table Of Content
	
	00.Notification
	01.Clear & Space
	02.Buttons
	03.Accordion & Tab
	04.Social Icons
	05.Start Grid
	06.Grid Tablet (Portrait)
	07.Grid Mobile (Portrait)
	08.Grid Mobile (Landscape)

    -------------------------------------------------------------- */

/*  --------------------------------------------------------------
    :: 00. Notification
    -------------------------------------------------------------- */
		
	.white-box, .green-box, .yellow-box, .grey-box, .red-box {
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		border-radius: 3px;
		padding: 12px;
	}
	.white-box {
		background-color: #fff;
		border: 1px solid #ddd;
	}
	.green-box {
		background-color: #F1FFBA;
		border: 1px solid #C0E431;
		color: #425E18;
	}
	.yellow-box {
		background-color: #FDE38F;
		border: 1px solid #DE9B36;
		color: #C04F0A;
	}
	.grey-box {
		background-color: #f8f8f8;
		border: 1px solid #ddd;
	}
	.red-box {
		background-color: #FDC79F;
		border: 1px solid #F88C6A;
		color: #C13709;
	}
/*  --------------------------------------------------------------
    :: 01. Clear & Space
    -------------------------------------------------------------- */
	.tbspace {
		display: block;
		width: 100%;
		position: relative;
	}
	.row:before,  .row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	.row:after {
		clear: both;
	}
	.row,  .clearfix {
		zoom: 1;
	}
	.clear {
		margin-top: -1px;
		height: 1px;
		width: auto;
		display: block;
		clear: both;
	}
/*  --------------------------------------------------------------
    :: 02. Buttons
    -------------------------------------------------------------- */

	.button-mini, .button-mini-main {
		padding: 3px 10px;
		display: inline-block;
		border-radius: 100px;
		margin: 5px;
		font-size: 85%;
		text-decoration: none;
	}
	.button-normal, .button-normal-main {
		padding: 5px 15px;
		display: inline-block;
		border-radius: 100px;
		margin: 5px;
		text-decoration: none;
	}
	.button-big, .button-big-main {
		padding: 10px 15px;
		display: inline-block;
		border-radius: 100px;
		margin: 5px;
		text-decoration: none;
	}
	a.button-mini-main,  a.button-normal-main,  a.button-big-main {
		background-color: #F15C38;
	}
	a.button-mini-main,  a.button-normal-main,  a.button-big-main {
		border: 1px solid #E8420B;
	}
	a.button-normal,  a.button-big,  a.button-mini {
		background-color: #FAFAFA;
		color: #555 !important;
		-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), inset 0px 1px 0px #fff;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), inset 0px 1px 0px #fff;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), inset 0px 1px 0px #fff;
	}
	a.button-mini,  a.blog-read-more,  a.button-normal,  a.button-big,  .accordion h5,  .wrap ul.tabs li a,  .wrap .pane {
		border: 1px solid #ddd;
	}
	a.button-mini-main,  a.button-normal-main,  a.button-big-main {
		-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px #F89676;
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px #F89676;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px #F89676;
		z-index: 999;
		color: #fff !important;
	}
	a:hover.button-mini-main,  a:hover.button-normal-main,  a:hover.button-big-main {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
		color: rgba(255,255,255,0.8) !important;
		text-decoration: none;
	}
	a:hover.button-normal,  a:hover.button-big,  a:hover.button-mini {
		background-color: #fff;
		color: rgba(0,0,0,0.5) !important;
		text-decoration: none;
	}
/*  --------------------------------------------------------------
    :: 03. Accordion & Tab
    -------------------------------------------------------------- */

	.accordion h5 {
		padding: 10px 15px;
		margin: 0 0 -1px 0 !important;
		border-radius: 3px;
		cursor: pointer;
	}
	.accordion .pane {
		padding: 15px;
	0;
	}
	.wrap {
		margin-top: 34px;
	}
	.wrap ul.tabs, .wrap ul.tabs li {
		float: left;
		margin: 0;
	}
	.wrap ul.tabs {
		margin: -34px 0 0 0;
		list-style-type: none;
		padding: 0;
		z-index: 99999;
	}
	.wrap ul.tabs li a {
		float: left;
		padding: 6px 15px;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
		text-decoration: none;
	}
	.wrap ul.tabs li a.current {
		border-bottom: none;
		padding-bottom: 7px;
	}
	.wrap .pane {
		padding: 15px;
		margin-top: -2px;
	}
	.panes .pane {
		display: none;
	}
	.wrap .pane p {
		margin: -10px 0 -20px 0;
	}
	.wrap ul.tabs li a {
		background-color: #f8f8f8;
	}
	.wrap ul.tabs li a.current {
		background-color: #fff;
	}
	.wrap ul.tabs li a:hover {
		background-color: #fff;
	}
	.accordion h5 {
		background-color: #f8f8f8;
	}
	.accordion h5:hover,  .accordion h5.current {
		background-color: #fff;
	}
/*  --------------------------------------------------------------
    :: 04. Social Icons
    -------------------------------------------------------------- */

	.tb_social_icon {
		display: inline-block;
		margin: 2px;
		background-repeat: no-repeat;
		width: 40px;
		background-image: url(../images/social.png);
		height: 40px;
		background-color: #ff33ff;
		text-indent: -999em;
		border-radius: 100px;
	}
	a:hover.tb_social_icon {
		background-color: #222426;
	}
	.tb_twitter {
		background-position: 0px 0px;
		background-color: #44CCF6;
	}
	.tb_facebook {
		background-position: -40px 0px;
		background-color: #3B5998;
	}
	.tb_linkedin {
		background-position: -80px 0px;
		background-color: #0275B6;
	}
	.tb_youtube {
		background-position: -120px 0px;
		background-color: #CB2027;
	}
	.tb_vimeo {
		background-position: -160px 0px;
		background-color: #86C9EF;
	}
	.tb_dribbble {
		background-position: -200px 0px;
		background-color: #EA4C89;
	}
	.tb_forrst {
		background-position: -240px 0px;
		background-color: #244319;
	}
	.tb_google {
		background-position: -280px 0px;
		background-color: #D13F2D;
	}
	.tb_rss {
		background-position: -320px 0px;
		background-color: #F88B02;
	}
	.tb_tumblr {
		background-position: -360px 0px;
		background-color: #00BFFF;
	}
/*  --------------------------------------------------------------
    :: 05. Start Grid
    -------------------------------------------------------------- */

	.row {
		margin-bottom: 30px;
	}
	.scolumn,  .scolumns {
		float: left;
		display: inline;
		margin-right: 3.225%;
	}
	.sone.scolumn,  .sone.scolumns {
		width: 13.9784%;
	}
	.stwo.scolumns {
		width: 31.1818%;
	}
	.sthree.scolumns {
		width: 48.3852%;
	}
	.sfour.scolumns {
		width: 65.5886%;
	}
	.sfive.scolumns {
		width: 82.792%;
	}
	.ssix.scolumns {
		width: 100%;
	}
	.last {
		margin-right: 0 !important;
	}
	

/*  --------------------------------------------------------------
    :: 06. Grid Tablet (Portrait)
    -------------------------------------------------------------- */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	.scolumn,  .scolumns {
		float: left;
		display: inline;
		margin-right: 4.0650%;
	}
	.sone.scolumn,  .sone.scolumns {
		width: 13.2791%;
	}
	.stwo.scolumns {
		width: 30.6232%;
	}
	.sthree.scolumns {
		width: 47.9673%;
	}
	.sfour.scolumns {
		width: 65.3114%;
	}
	.sfive.scolumns {
		width: 82.6555%;
	}
	.ssix.scolumns {
		width: 100%;
	}
}

/*  --------------------------------------------------------------
    :: 07. Grid Mobile (Portrait)
    -------------------------------------------------------------- */

    @media only screen and (max-width: 767px) {
	.scolumn,  .scolumns {
		float: left;
		display: inline;
		margin-right: 0;
	}
	.sone.scolumn,  .sone.scolumns {
		width: 100%;
	}
	.stwo.scolumns {
		width: 100%;
	}
	.sthree.scolumns {
		width: 100%;
	}
	.sfour.scolumns {
		width: 100%;
	}
	.sfive.scolumns {
		width: 100%;
	}
	.ssix.scolumns {
		width: 100%;
	}
}

/*  --------------------------------------------------------------
    :: 08. Grid Mobile (Landscape)
    -------------------------------------------------------------- */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	.scolumn,  .scolumns {
		float: left;
		display: inline;
		margin-right: 0;
	}
	.sone.scolumn,  .sone.scolumns {
		width: 100%;
	}
	.stwo.scolumns {
		width: 100%;
	}
	.sthree.scolumns {
		width: 100%;
	}
	.sfour.scolumns {
		width: 100%;
	}
	.sfive.scolumns {
		width: 100%;
	}
	.ssix.scolumns {
		width: 100%;
	}
}
/*  --------------------------------------------------------------
    :: 09. Retina Support
    -------------------------------------------------------------- */
	@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.tb_social_icon {
		background-image: url(../images/rdr/social@2x.png);
 		-moz-background-size:400px 40px;
 		-o-background-size:400px 40px;
 		background-size:400px 40px;
	}	
}