@import url('http://fonts.googleapis.com/css?family=Roboto:400,100,700,900');
@import url('reset.css');

body { max-width:100% !important; font-family:Roboto;}
.dm_tweet_box .dm_icon.icon_visible_false { display:none; }
.mce-window.mce-container.mce-myAwesomeClass-panel .mce-container-body.mce-abs-layout {
    overflow: hidden;
}
.invisible_shortcode { display:none; }
.delerer_block { display:block; color:#fff; font-size:12px; line-height:12px; background-color: #C00;  position:absolute; right:0; top:0; padding: 5px 10px; /*font-style:italic;*/ cursor:pointer;}
p.delete-demo:hover { background-color:#FD0F13; cursor:s-resize; }
span.delete-demo:hover { background-color:#FD0F13; cursor:s-resize; display:block; }

/**
 * 1.0 General (after "reset.css")
 * -----------------------------------------------------------------------------
 */
body {
	background-color:#FFF;
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family: Roboto;
	font-weight:400;
	color:#849097;
	overflow:scroll;
}

.myeditor_X { position:absolute; top:0; right:0; }
.edit_X { display:inline-block; color:#fff; background-color:#8EDF8D; line-height:30px; font-size:12px; padding:0 10px; cursor:pointer; transition: 0.2s linear; } 
.delete_X, .delete_slide_X  { display:inline-block; color:#fff; background-color:#F37F81; line-height:30px; font-size:12px; padding:0 10px; cursor:pointer; transition: 0.2s linear; }
.add_before_X, .add_before_slide_X { display:inline-block; color:#fff; background-color:#a0c5e8; line-height:30px; font-size:12px; padding:0 10px; cursor:pointer; transition: 0.2s linear; } 
.add_after_X, .add_end_slide_X { display:inline-block; color:#fff; background-color:#4f89bc; line-height:30px; font-size:12px; padding:0 10px; cursor:pointer; transition: 0.2s linear; }

.edit_X:hover, .delete_X:hover, .add_before_X:hover, .add_after_X:hover, .add_end_slide_X:hover, .add_before_slide_X:hover, .delete_slide_X:hover { background-color:#000; 
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
 
.clear_fix { clear:both;}
.container {
	/*width:1024px;*/
	margin:0 auto;
}

a { color:#3bc0c3;}

h1, h2, h3, h4, h5, h6 {
	color:#333;
	font-weight:100;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:13px;
}
p {
	font-size:13px;
	line-height:20px;
	margin:7px 0;
}

li { font-size:14px; line-height:25px;}

li {
	line-height:30px;
	color:#939598;
	padding-left:15px;
}
/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/

.fa {
	
	font-family: FontAwesome !important;
}
 
.content-col-main {
   float:left;
   width:66%;
   padding:1%;
   border: 1px dotted #ccc;
   background: #fff;
}
 
.content-col-side {
   float:right;
   width:29%;
   padding:1%;
   border: 1px dotted #ccc;
   background: #fff;
}
 
img { /* Makes sure your images stay within their columns */
   max-width: 100%;
   width: auto;
   height: auto;
}

.cg_it_is_slider { display:block; border:2px solid #666; padding:20px; position:relative; background-color:#f5f5f5; pointer-events: none+; overflow:hidden; background-position:center; }
.cg_it_is_slider:after { display:block; content:'Slide Container '; color:#fff; font-size:12px; line-height:12px; background-color: #666;  position:absolute; left:0; top:0; padding: 1px 10px; font-style:italic;  }
/*.cg_it_is_slider:before { display:block; content:'Delete'; color:#fff; font-size:12px; line-height:12px;  background-color: #C00;  position:absolute; right:0; top:0; padding: 1px 10px; font-style:italic; cursor:pointer; pointer-events: all;  }*/

.cg_it_item_slide { display:block;  position:relative; border:1px solid #06F; box-sizing: border-box; background-color:#6CF; padding:20px; margin:10px 0; position:relative; pointer-events: none+;  }
.cg_it_item_slide:after { display:block; content:'slide'; color:#fff; font-size:12px; line-height:12px;  background-color: #666;  position:absolute; left:0; top:0; padding: 1px 10px; font-style:italic;  }
/*.cg_it_item_slide:before { display:block; content:'Delete'; color:#fff; font-size:12px; line-height:12px;  background-color: #C00;  position:absolute; right:0; top:0; padding: 1px 10px; font-style:italic; cursor:pointer; pointer-events: all;  }*/
	.width_admin_1 .cg_it_item_slide {  }
	.width_admin_2 .cg_it_item_slide { float:left; width:50%; }
	.width_admin_3 .cg_it_item_slide { float:left; width:33.33%; }
	.width_admin_4 .cg_it_item_slide { float:left; width:25%; }
	.width_admin_5 .cg_it_item_slide { float:left; width:20%; }
	.width_admin_6 .cg_it_item_slide { float:left; width:16.66%; }
	.width_admin_7 .cg_it_item_slide { float:left; width:14.28%; }
	.width_admin_8 .cg_it_item_slide { float:left; width:12.5%; }
	.width_admin_9 .cg_it_item_slide { float:left; width:11.1%; }
	.width_admin_10 .cg_it_item_slide { float:left; width:10%; }


.cg_featured_block { display:block; border:1px solid #06F; background-color: #fff; padding:20px; margin:5px 0 5px 0; position:relative; pointer-events: none+; line-height:30px;  }
.cg_featured_block:after { display:block; content:'Featured Icon block'; color:#fff; font-size:12px; background-color: #666;  position:absolute; left:0; top:0; padding: 1px 10px; font-style:italic;  }
/*.cg_featured_block:before { display:block; content:'Delete'; color:#fff; font-size:12px; background-color: #C00;  position:absolute; right:0; top:0; padding: 1px 10px; font-style:italic; cursor:pointer; pointer-events: all;  }*/
		.icon_builder_content_block02 { text-align:center;}
		.icon_builder_content_block02 div { width:100px;}
		.box_style_02 { position:relative;}
		.box_style_02:hover .icone_form_block02 { color:#FFF}
		.box_style_02:hover .icone_block02 { color:#3bc0c3}
		.box_style_02:hover .icone_back_block02 {
			/*color:#3bc0c3;
			 transform: scale(1.1) rotate(180deg);
			-webkit-transform: scale(1.1)  rotate(180deg);
			-o-transform: scale(1.1) rotate(180deg);
			-moz-transform: scale(1.1) rotate(180deg);
		
			position: absolute;
			transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
			/*-moz-transition: all 0.5s ease-in-out; /** Firefox **/
		   /* -o-transition: all 0.3s ease-in-out; /** Opera **/
			
		}
		
		.icone_back_block02 { color:#e3e9ea; font-size:90px; position:absolute; top:0px; left:0px;}
		.icone_form_block02 { font-size:70px; position:absolute; top:10px; left:0px; color:#3bc0c3;}
		.icone_block02 { font-size:35px; position:absolute; color:#FFF; top:25px; left:0px;}
		
		.content_block02 { padding-left:100px; position:relative}
		.content_block02 h3 { color:#000; font-size:16px; font-weight:normal; padding:5px 0 10px 0}
		 
		.list_icon_default { margin-right:15px; color:#3bc0c3; font-size:16px;}
		.h4hole { font-size:20px;}


.hexagon_big_block { display:block; border:1px solid #06F; background-color: #FFF; padding:20px; margin:5px 0 5px 0; position:relative; pointer-events: none+;  }
.hexagon_big_block:after { display:block; content:'Big Hexagon'; color:#fff; font-size:12px; background-color: #666;  position:absolute; left:0; top:0; padding: 1px 10px; font-style:italic;  }
/*.hexagon_big_block:before { display:block; content:'Delete'; color:#fff; font-size:12px; background-color: #C00;  position:absolute; right:0; top:0; padding: 1px 10px; font-style:italic; cursor:pointer; pointer-events: all;  }*/
			.box_style_04 { position:relative; text-align:center; min-height:360px; width:100%; line-height:30px; }
			.prima_hex_box_style_04 { position:absolute; font-size:300px; color:#3bc0c3; margin-top:25px; width:100%;}
			.small_hex_block04 { position:absolute; width:100px; height:100px; top:0; left:170px}
			
			.icone_back_block04 { color:#FFF; font-size:100px;}
			.icone_form_in_block04 { font-size:70px; color:#fff; margin-top:-85px;}
			.icone_form_block04 { font-size:70px; margin-top:-70px;}
			.icone_block04 { margin-top:-50px; font-size:25px; color:#3bc0c3;}
			.content_block04 { margin-top:100px; color:#FFF; position:absolute; padding: 0 50px; width:200px;}
			.content_block04 h3 { color:#FFF; font-weight:bold; font-size:16px;}
			.content_block04 p { margin:15px 0 15px 0; color:#fff; min-height:70px;} 
			.content_block04 a { padding:7px 20px; border-style:solid; border-color:#fff; border-width:1px; border-radius:5px; color:#fff;}
			
			.box_style_04:hover .prima_hex_box_style_04 { color:#b6c2c9;/* font-size:350px;*/ margin-top:0px;
				 transform: scale(1.1) translate(0,20px);
				-webkit-transform: scale(1.1) translate(0,20px);
				-o-transform: scale(1.1) translate(0,20px);
				-moz-transform: scale(1.1) translate(0,20px);
			}
			.box_style_04:hover .small_hex_block04 {
				transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-moz-transform: rotate(360deg);		
			}
			.hover_animator {
				position: absolute;
				transition: all 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
				-moz-transition: all 0.2s ease-in-out; /** Firefox **/
				-o-transition: all 0.2s ease-in-out; /** Opera **/
			}
			
			
			.box_style_04:hover .icone_form_in_block04 { color:#3bc0c3;}
			.box_style_04:hover .icone_block04 { color:#fff;}
			
			.hexagon_big_block { text-align:center; }
			.hexagon_big_block .wpb_wrapper { width:300px; display:inline-block; }



.round_counter { display:block; background-color:#FFF; position:relative; border:1px solid #EBF983;/* background-color: #FCDC80; padding:20px; margin:5px 0 5px 20px; position:relative; pointer-events: none+;*/  }
/*.round_counter:after { display:block; content:'Featured block'; color:#fff; font-size:12px; background-color: #666;  position:absolute; left:0; top:0; padding: 5px 10px; font-style:italic;  }*/
/*.round_counter:before { display:block; content:'Delete'; color:#fff; font-size:12px; background-color: #C00;  position:absolute; right:0; top:0; padding: 5px 10px; font-style:italic; cursor:pointer; pointer-events: all+;  }*/
	.round_counter_body { text-align:center; cursor:pointer;}
	.round_counter_body i { display: inline-block; width:200px; line-height:200px; color:#FFF; font-size:80px; background-color:#b6c2c9; border-radius:50%; }
	.round_counter_body:hover i { background-color:#ffffff; color:#b6c2c9;  width:180px; line-height:180px; border:10px solid #3bc0c3; }
	.round_counter_body p, .round_counter_body span { display:block; font-size:50px; color:#b6c2c9; font-weight:bold; padding:40px 0 15px 0; margin:0; line-height:20px; }
	.round_counter_body:hover p, .round_counter_body:hover span { color:#3bc0c3; }
	.round_counter_body h5 { font-size:18px; color:#b6c2c9; padding:0 0 40px 0; text-transform:uppercase; }
	.round_counter_body:hover h5 { color:#000; }



.extended_featured { display:block; border:1px solid #783603; background-color: #fff; padding:20px;/* margin:5px 0 5px 20px;*/ position:relative; pointer-events: none+;  }
.extended_featured:after { display:block; content:'Extended Featured'; color:#fff; font-size:12px; background-color: #666;  position:absolute; left:0; top:0; padding: 5px 10px; font-style:italic;  }
/*.extended_featured:before { display:block; content:'Delete'; color:#fff; font-size:12px; background-color: #C00;  position:absolute; right:0; top:0; padding: 5px 10px; font-style:italic; cursor:pointer; pointer-events: all;  }*/
	.extended_featured { padding:0 10px;}
	
	.box_style_02z { background-color:#edf1f2; line-height:30px; text-align:center; padding:30px 30px 50px 30px; margin-top:70px; cursor:pointer; border-style:solid; border-width:0 0 6px 0; border-color:#3bc0c3; }
	.box_style_02z: hover { background-color:#3bc0c3; border-color:#3bc0c3; }
	.icone_back_block02z { color:#FFF; font-size:160px; margin-top:-100px;}
	.icone_form_block01 { margin-top:-70px; font-size:70px;}
	.icone_form_in_block02z { margin-top:-145px; font-size:130px; color:#3bc0c3}
	.icone_block02z { margin-top:-95px; font-size:60px; color:#fff;}
	.icone_block02z:hover { color:#fff; }
	.content_block02z h3 { color:#000; font-size:40px; text-transform:uppercase; text-align:center; padding:60px 0 25px 0; font-weight:normal}
	.content_block02z a { padding:10px 40px; border-style:solid; border-color:#b6c2c9; background-color:#b6c2c9; border-width:1px; border-radius:5px; color:#fff; margin-top:50px;}
	.content_block02z a:hover { color:#FFF; background-color:#3bc0c3;}
	
	.content_block02z p { color:#87959d}
	.content_block02z p:hover { color:#FFF;}
	
	.box_style_01:hover a { background-color:#3bc0c3; color:#FFF;}
	.box_style_01:hover .icone_form_in_block01, .box_style_01:hover .icone_form_block01 { 
		color:#3bc0c3;
		
	/*    transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
	/*    -moz-transition: all 0.5s ease-in-out; /** Firefox **/
	/*    -o-transition: all 0.3s ease-in-out; /** Opera **/
		
	
	/*    -webkit-animation-name: spin;
		-webkit-animation-duration: 2500ms;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: spin;
		-moz-animation-duration: 2500ms;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-ms-animation-name: spin;
		-ms-animation-duration: 2500ms;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;
	 
		animation-name: spin;
		animation-duration: 2500ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;*/
	}

/*FEATURED_BIG*/
.box_style_01 { background-color:#edf1f2; text-align:center; padding:30px 30px 50px 30px; margin-top:70px;}
.icone_back_block01 { color:#FFF; font-size:100px; margin-top:-79px;}
.icone_form_block01 { margin-top:-70px; font-size:70px;}
.icone_form_in_block01 { margin-top:-85px; font-size:70px; color:#FFF}
.icone_block01 { margin-top:-50px; font-size:25px; color:#3bc0c3;}
.content_block01 h3 { color:#000; font-size:16px; text-transform:uppercase; text-align:center; padding:75px 0 25px 0; font-weight:normal}
.content_block01 a { padding:10px 40px; border-style:solid; border-color:#3bc0c3; border-width:1px; border-radius:5px; color:#3bc0c3; margin-top:50px;}
.content_block01 a:hover { color:#FFF; background-color:#3bc0c3;}
.box_style_01:hover a { background-color:#3bc0c3; color:#FFF;}
.box_style_01:hover .icone_form_in_block01, .box_style_01:hover .icone_form_block01 { 
	color:#3bc0c3;
	
/*    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
/*    -moz-transition: all 0.5s ease-in-out; /** Firefox **/
/*    -o-transition: all 0.3s ease-in-out; /** Opera **/
	

/*    -webkit-animation-name: spin;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
 
    animation-name: spin;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg) scale(1.7); }
    to { -ms-transform: rotate(360deg) scale(1.7); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg) scale(1.7); }
    to { -moz-transform: rotate(360deg) scale(1.7); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg) scale(1.7); }
    to { -webkit-transform: rotate(360deg) scale(1.7); }
}
@keyframes spin {
    from { transform:rotate(0deg) scale(1.7); }
    to { transform:rotate(360deg) scale(1.7); }
}
/*
     transform: scale(1.1) translate(0,20px);
    -webkit-transform: scale(1.1) translate(0,20px);
    -o-transform: scale(1.1) translate(0,20px);
    -moz-transform: scale(1.1) translate(0,20px);
*/
.box_style_01:hover .icone_block01 { color:#FFF;}