/*css for coothemes shortcodes front page*/
/*css for base*/
.clear{clear:both;}


/*  css for learn-more   */
.cts_toggle { background: #fff; border: 1px solid #e7e7e7; margin: 10px 0px; -moz-box-shadow: 1px -1px 0 0 #fff; -webkit-box-shadow: 1px -1px 0 0 #fff; box-shadow: 1px -1px 0 0 #fff; }
.cts_toggle h3.heading_more { cursor: pointer; padding: 16px 50px 16px 22px; font-size: 14px; color: #999; letter-spacing: 0px;  position: relative; border-left: 1px solid #fff; border-top: 1px solid #fff; margin: 0 !important; }
.cts_toggle h3.heading_more span.cts_learnmore_arrow { display: block; position: absolute; top: 0; right: 0; width: 48px; height: 100%; border-left: 1px solid #fff; -moz-box-shadow: -1px 0 0 0 #e7e7e7; -webkit-box-shadow: -1px 0 0 0 #e7e7e7; box-shadow: -1px 0 0 0 #e7e7e7; }
.cts_toggle span.cts_learnmore_arrow span { display: block; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -6px; width: 13px; height: 10px; background: url(../images/shortcodes-sprite.png) no-repeat -58px -2px; }
.cts_toggle .open span.cts_learnmore_arrow span { background-position: -58px -14px; }

.cts_toggle .cts_toggle_content { padding: 30px 30px 20px; visibility: hidden;display: none; border-top: 1px solid #e7e7e7; }
.cts_open .cts_toggle_content { display: block; visibility: visible !important; }

.cts_toggle h3.heading_more{ background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%); background: -ms-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%); color:#222;}
.cts_toggle{ color:#201F1F !important; text-shadow: none !important; }
.cts_toggle a{ text-shadow: none !important; }
/*  css for learn-more end  */


/* box css*/
.cts-box{margin:20px 0px;padding: 15px 15px 15px 60px;position: relative;-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.cts-box a{padding: 0px;color: #2F2F2F;}
.cts-box a:hover{background:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;}
.cts-box,.cts-box-warning,.cts-box-noway,.cts-box-buy,.cts-box-task p{text-indent: 0;}

.cts-box-warning{background: url(../images/bell.png) no-repeat scroll 15px 13px #FFEA97;border: 1px solid #E1B400;color: #9F6F26;}
.cts-box-warning a{ color:#A84A1E;border-bottom:1px  dotted #A84A1E;}
.cts-box-warning a:hover{color:#A84A1E;border-bottom:1px solid #A84A1E; }
.cts-box-noway{background: url(../images/noway.png) no-repeat scroll 15px 10px #EFCEC9;border: 1px solid  #BE1F1F;color: #820B0B;}
.cts-box-noway a{ color: #F60;border-bottom:1px  dotted #F60;}
.cts-box-noway a:hover{color:#F60;border-bottom:1px solid #F60; }
.cts-box-buy{background: url(../images/buy.png) no-repeat scroll 15px 10px #EFF4D4; border: 1px solid  #8FAD3D;color:  #779B39;}
.cts-box-buy a{color: #2b2b2b;border-bottom:1px  dotted #2b2b2b;}
.cts-box-buy a:hover{color:#2b2b2b;border-bottom:1px solid #2b2b2b; }
.cts-box-task{background: url(../images/clipboard.png) no-repeat scroll 15px 5px  #E7E7E7; border: 1px solid  #aaa;color:  #333;}
.cts-box-task a{ color: #4B7126;border-bottom:1px  dotted #4B7126;}
.cts-box-task a:hover{color:#4B7126;border-bottom:1px solid #4B7126; }
.cts-box-shadow{	border: 1px solid  #aaa;color: #333;	background-color: #F0F0F0; padding:20px 0 20px 30px;}
.cts-box-shadow a{ color: #4B7126;border-bottom:1px  dotted #4B7126;}
.cts-box-shadow a:hover{color:#4B7126;border-bottom:1px solid #4B7126; }

.cts_custom_box{
	margin: 20px 0px;
	padding: 15px 20px;
	position: relative;
	/*-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	/*border: 1px solid  #aaa;*/
}
.cts_custom_box i{margin-right:15px;font-size:1.2em;}
/* box css end*/

/* button css*/
#cts_button{ font-size: 24px;text-align:center; margin:1.5em auto; padding:0; width:100%; }
#cts_button a.cts_button{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #000000;
	text-decoration: none;
	padding: 0.8em 1.1em;
}
#cts_button a.cts_button:hover{text-decoration: none;}
#cts_button a i.fa{padding-right:10px;}
/* button css end*/

/* tab css*/
.cts_tabs a{text-decoration: none;color: #000;font-size: 14px;}
.cts_tabbox{ width:100%; overflow:hidden; margin:20px auto;}
.cts_tab_conbox{border: 1px solid #DADADA;padding:20px;border-radius:0 5px 5px 5px;}
.cts_tabbox ul{list-style-type:none;}
.cts_tab_con{ display: none;}

.cts_tabs{height: auto;width: 100%; cursor:pointer;}
.cts_tabbox ul.cts_tabs{padding:0; margin:0;}
.cts_tabs li{
	height: auto;line-height:31px;float:left;border:1px solid #DADADA;margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	border-radius:5px 5px 0 0;
    padding: 1% 2%;
	width: auto;
}
.cts_tabs li:hover {background: #ccc;}	
.cts_tabs .thistab,.cts_tabs .thistab:hover{background: #fff;border-bottom: 1px solid #fff;}
.cts_tabbox p.clear{ padding:0; margin:0;}


.cts_vertical .cts_tabs{ float:left; width:30%;}
.cts_vertical .cts_tab_conbox{ float: left;width:70%; min-height:130px;}

.cts_vertical .cts_tabs li{ float: none;border-radius:0;margin-right: -1px; margin-bottom: 0px;width: auto; padding-left:10px;}
.cts_vertical .cts_tabs .thistab,.cts_vertical .cts_tabs .thistab:hover{background: #fff;border-right: 1px solid #fff;border-bottom:1px solid #DADADA;}

/* tab css end*/