/*------------------------------------------------------------------*/ 
/*	1) BUTTONS
/*------------------------------------------------------------------*/

.btn-theme.black	{	background-color:#4e4f53;	}
.btn-theme.white	{	background-color:#eeeeee; color:#888;	}

.btn-theme.large	{	padding:10px 25px;	font-weight:bold;}
.btn-theme.small	{	padding:1px 7px; font-size:11px; }

.btn-theme i		{	margin-right:10px; line-height:1.4;}
.btn-theme.medium i {	font-size:12px;	}
.btn-theme.small i  {	font-size:9px;	line-height:1.3; margin-right:5px;}
.btn-theme.large i {	font-size:12px;	margin-right:10px; font-weight:normal;}


/*------------------------------------------------------------------*/ 
/*	2) HIGHLIGHTED
/*------------------------------------------------------------------*/
span.highlighted{
    color: #FFFFFF;
    padding: 2px 7px;
	-webkit-border-radius: 1px;
	 -moz-border-radius: 1px;
		  border-radius: 1px;
}

/*------------------------------------------------------------------*/ 
/*	3) DROPCAP
/*------------------------------------------------------------------*/
span.dropcap{
    color: #FFFFFF;
    float: left;
    font-size: 30px;
    line-height: 1;
    margin: 3px 20px 5px 0;
    padding: 15px 20px;
}
span.dropcap2{
    color: #FFFFFF;
    float: left;
    font-size: 30px;
    line-height: 1;
    margin: 3px 20px 5px 0;
    padding: 15px 20px;
	-webkit-border-radius: 100px;
	 -moz-border-radius: 100px;
		  border-radius: 100px;
}


/*------------------------------------------------------------------*/ 
/*	4) CHECKLIST
/*------------------------------------------------------------------*/
ul.checklist.list-icon{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:10px;
}
ul.checklist.list-icon li:before{
	display:inline-block;
	height:18px;
	width:18px;
	content:'';
	float:left;
	margin-right:0;
	margin-left:-25px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
ul.checklist.list-icon-circle li:before{
	-moz-border-radius:75px;
	-webkit-border-radius:75px;
	border-radius:75px;
	text-align:center;
	font-size:10px;
	line-height:17px;
	color:#fff !important;
}
ul.checklist.list-icon-square li:before{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-align:center;
	font-size:10px;
	line-height:17px;
	color:#fff !important;
}

ul.checklist.list-icon-color-light li:before{
	color:#fff;
}

ul.checklist.list-icon li{
	line-height:18px;
	margin:0;
	padding:0;
	margin-bottom:10px;
	padding-left:25px;
}

ul.checklist.list-icon-check li:before{
	content:'\e815';
}

ul.checklist.list-icon-star li:before{
	content:'\e9fe';
}

ul.checklist.list-icon-angle-double-right li:before{
	content:'\e970';
}

ul.checklist.list-icon-right-open li:before{
	content:'\e878';
}

ul.checklist.list-icon-cancel li:before{
	content:'\e91b';
}

ul.checklist.list-icon-plus li:before{
	content:'\e820';
}

/*------------------------------------------------------------------*/ 
/*	5) Separator
/*------------------------------------------------------------------*/
.sep-demo		{ clear:both; width:100%; text-align:center; display:block;}
.sep-single		{ border-bottom: 1px solid #eee;}
.sep-double		{ height:7px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.sep-dashed		{ border-bottom:1px dashed #eee; }
.sep-dotted		{ border-bottom:2px dotted #eee; }
.sep-shadow		{ height:9px; text-align:center;}
.sep-stylish	{ border:4px double #eee; }
.sep-stylish2	{
	background:#eee;
    height: 1px;
    margin-top: 20px;
    position: relative;
}
.sep-stylish2 div{
	top: -13px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: #eee;
	border-width: 7px;
	left: 50%;
	margin: 0;
	margin-left:-7px;
}
.sep-20{
	margin-top:20px;
	height:9px;
}


/*------------------------------------------------------------------*/ 
/*	5) Pricing Table
/*------------------------------------------------------------------*/
.pricing-type-1{
	background:#fff;
	padding:5px;
	overflow:hidden;
	border:1px solid #eee;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.pricing-type-1 .column{
	border:1px solid #eee;
	border-right:0;
	float:left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.pricing-type-1.column-1 .column{ width:100%; }
.pricing-type-1.column-2 .column{ width:50%; }
.pricing-type-1.column-3 .column{ width:33.33%; }
.pricing-type-1.column-4 .column{ width:25%; }

.pricing-type-1 .column:nth-last-child(1){
	border-right:1px solid #eee;
}
.pricing-type-1 ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
.pricing-type-1 ul li{
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;
	padding:15px 0px;
	border-bottom:1px solid #ededed;
}
.pricing-type-1 ul li.title-row{
	font:18px Arial, helvetica, sans-serif !important;
	color:#888;
	background:#fafafa;
	padding-top:20px;
	padding-bottom:20px;
}
.pricing-type-1 ul li.pricing-row{
	background:#fafafa;
	font:20px Arial, helvetica, sans-serif !important;
	text-align:center;
}
.pricing-type-1 .price{
	width:130px;
	height:130px;
	display:inline-block;
	background:#fafafa;
	padding-top:35px;
	
	border-radius:130px;
	-moz-border-radius:130px;
	-webkit-border-radius:130px;
	border:8px solid #eaeaea;
	
	-webkit-box-shadow:	0px 0px 25px rgba(0,0,0,.1), 0px 0px 1px rgba(0,0,0,0.3) inset, 0px 4px 7px rgba(0,0,0,0.3) inset;
	-moz-box-shadow:	0px 0px 25px rgba(0,0,0,.1), 0px 0px 1px rgba(0,0,0,0.3) inset, 0px 4px 7px rgba(0,0,0,0.3) inset;
	box-shadow:			0px 0px 25px rgba(0,0,0,.1), 0px 0px 1px rgba(0,0,0,0.3) inset, 0px 4px 7px rgba(0,0,0,0.3) inset;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.pricing-type-1 .price span{
	position:relative;
	top:-6px;
	font-size:15px;
	color:#888;
	margin-right:3px;
}
.pricing-type-1 .price em.exact_price{
	display:inline ;
	font-size:35px ;
	font-weight:bold ;
	font-style:normal;
	margin-right:3px;
	text-shadow:0px 1px 1px rgba(0,0,0,.2);
}
.pricing-type-1 .price sup{
	position:relative;
	top:-16px;
	font-size:11px;
	font-weight:bold;
}
.pricing-type-1 .price em.time{
	color:#888 !important;
	font-size:11px !important;
	margin-left:0px !important;
	position:relative;
	top:-1px;
	display:block;
	font-style:normal;
}
.pricing-type-1 ul li.footer-row{
	background:#fafafa;
	padding-top:30px;
	padding-bottom:30px;
}
.pricing-type-1 ul li.footer-row a{
	padding-right:30px;
	padding-left:30px;
}


/*------------------------------------------------------------------*/ 
/*	6) Content Box
/*------------------------------------------------------------------*/
.content-boxes.version-4 article{margin-bottom:30px;}
.content-boxes .article-in{
	border:1px solid #eee;
	background-color:#fafafa;
	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
}
.content-boxes .article-in .separator-1{
	display:none;
}
.content-boxes .article-in a.btn-theme{
	margin-top:20px;
}
.content-boxes.version-3 .article-in a.btn-theme{
	margin-top:3px;
}
.content-boxes.version-1 .article-in{
	text-align:center;
	padding:20px;
	position:relative;
	margin-top:37px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.content-boxes.version-1 .article-in i{
	padding:0;
	color:#FFF;
	font-size:22px;
	text-align:center;
	width:70px;
	height:70px;
	background-color:#3c4852;
	border:5px solid #fff !important;
	-webkit-border-radius: 70px;	
	-moz-border-radius: 70px;	
	border-radius: 70px;
	line-height:70px;
	margin-top:-65px;
	position:absolute;
	margin-left:-40px;
	left:50%;
	
	-webkit-transition: .3s ease;
	   -moz-transition: .3s ease;
	    -ms-transition: .3s ease;
	     -o-transition: .3s ease;
	        transition: .3s ease;
	
}
.content-boxes.version-1 .article-in:hover i{
	margin-top:-60px;
}
.content-boxes.version-1 .article-in h2{
	font-size:16px;
	margin-top:20px;
}

.content-boxes.version-2 .article-in{
	text-align:center;
	padding:20px;
	position:relative;
	border:none !important;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.content-boxes.version-2 .article-in i{
	padding:0;
	color:#FFF;
	font-size:40px;
	text-align:center;
	width:70px;
	height:70px;
	background-color:none !important;
	border:none !important;
	-webkit-border-radius: 70px;	
	-moz-border-radius: 70px;	
	border-radius: 70px;
	line-height:70px;
	position:relative;
	
	-webkit-transition: .3s ease;
	   -moz-transition: .3s ease;
	    -ms-transition: .3s ease;
	     -o-transition: .3s ease;
	        transition: .3s ease;
	
}
.content-boxes.version-2 .article-in h2{
	font-size:16px;
	margin-top:20px;
}

.content-boxes.version-3 .article-in{
	text-align:left;
	position:relative;
	background:none !important;
	border:none !important;
	padding-left:145px;
	
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.content-boxes.version-3 .article-in i{
	color:#3C4852;
	border:none !important;
	background-color:none !important;
	float:left;
	width:120px;
	height:120px;
	line-height:120px;
	font-size:50px;
	margin-left:-145px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	text-align:center;
	margin-bottom:20px;
	position:absolute;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	-webkit-transition: .3s ease;
	   -moz-transition: .3s ease;
	    -ms-transition: .3s ease;
	     -o-transition: .3s ease;
	        transition: .3s ease;
	
}
.content-boxes.version-3 .article-in h2{
	font-size:16px;
	color:#3C4852 !important;
}
.content-boxes.version-3 .article-in p{
	color:#888 !important;
}


.content-boxes.version-4 .article-in{
	text-align:center;
	padding:20px;
	position:relative;
	border:1px solid #eee !important;
	background:#fafafa !important;
	z-index:1;
	overflow:visible;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.content-boxes.version-4 .article-in i{
	padding:0;
	color:#FFF;
	font-size:40px;
	text-align:center;
	width:100px;
	height:100px;
	background-color:#3C4852;
	border:none !important;
	-webkit-border-radius: 100px;	
	-moz-border-radius: 100px;	
	border-radius: 100px;
	line-height:100px;
	position:absolute;
	
	left:50%;
	margin-left:-50px;
	margin-top:50px;
	float:none;
	display:inline-table;
	
	-webkit-transition: .3s ease;
	   -moz-transition: .3s ease;
	    -ms-transition: .3s ease;
	     -o-transition: .3s ease;
	        transition: .3s ease;
	
}
.content-boxes.version-4 .article-in h2{
	font-size:15px;
	height:170px;
	color:#3C4852 !important;
	text-transform:uppercase;
}
.content-boxes.version-4 .article-in p{
	color:#888 !important;
}
.content-boxes.version-4 .article-in a.btn-theme{
	padding:10px 25px;
	font-weight:bold;
	margin:0px 0 -55px 0;
	z-index:10;
	clear:both;
	float:none;
}
.content-boxes.version-4 .article-in .separator-1{
	display:block;
	clear:both;
	bottom:0;
	margin-bottom:30px;
}



/*------------------------------------------------------------------*/ 
/*	7) Testimonials
/*------------------------------------------------------------------*/
.testimonial{
	margin-bottom:30px;
}
.tm-text{
	background-color:#fafafa;
	
	padding:10px 30px 30px 60px;
	position:relative;
	z-index:3;
	min-height:45px;
}
.tm-content{
	position:relative;
	margin-left:46px;
	margin-bottom:20px;
	z-index:1;
	border:1px solid #eee;
	-webkit-border-radius: 4px;	
	   -moz-border-radius: 4px;	
	        border-radius: 4px;
			
		
}
.tm-triangle{
	width:90px;
	height:90px;
	position:absolute;
	background-color:#fafafa;
	
	left:-46px;
	top:15px;
	z-index:2;
	-webkit-border-radius: 100px;	
	-moz-border-radius: 100px;	
	border-radius: 100px;
	
	
			
	-webkit-box-shadow: 0px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 	0px 3px 1px rgba(0,0,0,0.2);	
	box-shadow: 		0px 3px 1px rgba(0,0,0,0.2);
}
.tm-author{
	position:relative;
	background:#fafafa;
	z-index:4;
	padding:30px 30px 10px 60px;
}
.tm-author img{
	margin-left:-100px;
	position:absolute;
	width:80px;
	height:80px;
	top:20px;
	
	-webkit-border-radius: 100px;	
	-moz-border-radius: 100px;	
	border-radius: 100px;
	
}
.tm-author i{
	margin-left:-100px;
	position:absolute;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:35px;
	text-align:center;
	top:19px;
	background:#eee;
	color:#3C4852;
	
	-webkit-border-radius: 100px;	
	-moz-border-radius: 100px;	
	border-radius: 100px;
	
}


/*------------------------------------------------------------------*/ 
/*	8) SKILLS
/*------------------------------------------------------------------*/
.skills{
	list-style-type:none;
	margin:0;
}
.skills li{
	background:#eee;
	float:left;
	width:100%;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:10px;
	position:relative;
	display:block;
	overflow:hidden;
}
.skill-name{
	width:35%;
	float:left;
	padding:15px;
	background:#3c4852;
	color:#FFF;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.skill-percent-back{
	width:65%;
	float:left;
	height:100%;
	position:relative;
	display:block;
}
.skill-percent{
	padding:15px;
	color:#FFF;
	height:100px;
	position:absolute;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.skill-percent span{
	color:#FFF;
}




/*------------------------------------------------------------------*/ 
/*	9) Tabs
/*------------------------------------------------------------------*/

.mypassion-tabs .ui-tabs-nav li a i{margin-right:10px;}


.mypassion-tabs.horizontal .ui-tabs-nav{margin:0; list-style-type:none;	clear:both;	display:block;	float:left;	width:100%;}
.mypassion-tabs.horizontal .ui-tabs-nav li{float:left; display:block; border:1px solid #eee; margin-bottom:-1px; margin-right:-1px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}
.mypassion-tabs.horizontal .ui-state-default a{background:#fff; padding:9px 12px; color:#3c4852; display:block; -moz-border-radius: 0 0 3px 3px;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}
.mypassion-tabs.horizontal .ui-tabs-active a{background:#fafafa; padding:9px 12px 10px 12px; margin-bottom:-1px;}
.mypassion-tabs.horizontal .ui-tabs-nav li.ui-tabs-active{border-bottom:none;}
.mypassion-tabs.horizontal .ui-tabs-panel{border:1px solid #eee; background:#fafafa; clear:both; padding:15px; -webkit-border-radius: 0 0 3px 3px;	-moz-border-radius: 0 0 3px 3px;	border-radius: 0 0 3px 3px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}



.mypassion-tabs.horizontal-2 .ui-tabs-nav{margin:0; list-style-type:none; border:1px solid #eee; background:#fafafa;	clear:both;	display:block;	float:left;	width:100%; -webkit-border-radius: 3px 3px 0 0;	-moz-border-radius: 3px 3px 0 0;	border-radius: 3px 3px 0 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}
.mypassion-tabs.horizontal-2 .ui-tabs-nav li{float:left; display:block;  border-bottom:none; margin-right:-1px; padding:12px 0;}
.mypassion-tabs.horizontal-2 .ui-state-default a{color:#3c4852;border-right:1px solid #eee; padding:2px 15px;}
.mypassion-tabs.horizontal-2 .ui-tabs-active a{ margin-bottom:-1px; }
.mypassion-tabs.horizontal-2 .ui-tabs-nav li.ui-tabs-active{border-bottom:none; }
.mypassion-tabs.horizontal-2 .ui-tabs-panel{border:1px solid #eee; border-top:none; background:#fff; clear:both; padding:15px; -webkit-border-radius: 0 0 3px 3px;	-moz-border-radius: 0 0 3px 3px;	border-radius: 0 0 3px 3px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}



.mypassion-tabs.vertical{position:relative; padding-left:250px;}
.mypassion-tabs.vertical .ui-tabs-nav{margin:0; list-style-type:none; padding:0;	clear:both;	display:block;	float:left;	width:250px; margin-left:-250px; position:absolute;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}
.mypassion-tabs.vertical .ui-tabs-nav li:first-child{border-top:1px solid #eee;}
.mypassion-tabs.vertical .ui-tabs-nav li{float:none; display:block; border-bottom:1px solid #eee; width:100%; border-left:1px solid #eee; border-right:1px solid #eee; position:relative; z-index:2; margin:0; border-top-right-radius:0; border-top-left-radius:0;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}
.mypassion-tabs.vertical .ui-state-default a{background:#fafafa; padding:9px 12px; color:#3c4852; display:block; float:none; -moz-border-radius: 0 0 3px 3px;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */}
.mypassion-tabs.vertical .ui-tabs-active a{background:#fff}
.mypassion-tabs.vertical .ui-tabs-nav li.ui-tabs-active{ z-index:4; border-right:1px solid #fff; background:#fff;}
.mypassion-tabs.vertical .ui-tabs-panel{ background:#fff; width:100%; float:left; padding:20px 30px; position:relative; z-index:3; border:1px solid #eee; border-left:none; overflow:auto; visibility:visible; -webkit-border-radius: 0 3px 3px 0;	-moz-border-radius: 0 3px 3px 0;	border-radius: 0 3px 3px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */-ms-box-sizing: border-box;     /* IE 10 + */box-sizing: border-box;         /* Opera/IE 8+ */ -webkit-box-shadow: -10px 0 15px -15px rgba(0, 0, 0, 0.2); -moz-box-shadow: -10px 0 15px -15px rgba(0, 0, 0, 0.2); box-shadow: -10px 0 15px -15px rgba(0, 0, 0, 0.2);}






/*------------------------------------------------------------------*/ 
/*	10) Carausel
/*------------------------------------------------------------------*/

.clients-carousel{
	position:relative;
	padding:15px 50px;
	background:#fff;
	border:1px solid #eee;
	background:#fff;
	z-index:4000;
	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	box-shadow:0px 0px 2px rgba(0,0,0,.04);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.04);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.04);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.clients-carousel ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.clients-carousel li{
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	float:left;
	padding:0;
	border:1px solid #eee;
	line-height:120px;
	width:200px;
	height:120px;
	
	box-shadow:0px 0px 2px rgba(0,0,0,.02);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.02);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.02);
}
.clients-carousel li:hover{
	border:1px solid #ddd;
}
.clients-carousel li img{
	padding:0;
	margin:0;
	max-width:200px;
	max-height:120px;
}

.clients-carousel ul li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	
}
.cfs-nav{
	width:100%;
	display:block;
}
.cfs-nav-left, .cfs-nav-right {
	width: 40px;
	height: 100%;
	position: absolute;
	top:0;
	background-color: rgba(0, 0, 0, 0.03);
	cursor:pointer;
	
	z-index:1;
	color:#888;
	
	
}
.cfs-nav span:hover{
	background-color: rgba(0, 0, 0, 0.05);
}
.cfs-nav-left{
	left:0;
	border-right:1px solid #eee;
}
.cfs-nav-right{
	right:0;
	border-left:1px solid #eee;

}

.cfs-nav span i{
	width: 40px;
	height: 30px;
	line-height:30px;
	text-align:center;
	font-size:18px;
	
	top: 50%;
	margin-top:-15px;
	position:relative;
	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}


.images-carousel{
	position:relative;
	padding:15px 50px;
	background:#fff;
	border:1px solid #eee;
	background:#fff;
	z-index:4000;
	clear:both;
	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	box-shadow:0px 0px 2px rgba(0,0,0,.04);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.04);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.04);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.images-carousel ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.images-carousel li{
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	float:left;
	padding:0;
	border:1px solid #eee;
	line-height:250px;
	width:250px;
	height:250px;
	
	box-shadow:0px 0px 2px rgba(0,0,0,.02);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.02);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.02);
}
.images-carousel li:hover{
	border:1px solid #ddd;
}
.images-carousel li img{
	padding:0;
	margin:0;
	max-width:250px;
	max-height:250px;
}

.images-carousel ul li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	
}


.images-gallery{
	clear:both;
	width:100%;
	float:left;
	position:relative;
	display:block;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.images-gallery ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	float:left;
}
.images-gallery li{
	text-align:center;
	margin-right:-1px;
	margin-bottom:-1px;
	float:left;
	padding:5px;
	border:1px solid #eee;
	line-height:140px;
	width:140px;
	height:140px;
	position:relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	box-shadow:0px 0px 1px rgba(0,0,0,.05);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,.05);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,.05);
}
.images-gallery li:hover{
	border:1px solid #ccc;
	z-index:3;
}
.images-gallery li a div.gal_mask{
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.1);
}
.images-gallery li img{
	padding:0;
	margin:0;
	max-width:100%;
	max-height:100%;
	float:left;
	z-index:10;
	position:relative;
}

.images-gallery ul li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	
}




/*------------------------------------------------------------------*/ 
/* 11) Icons
/*------------------------------------------------------------------*/

i[class^="icon-"].small{
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:14px;
}

i[class^="icon-"].medium{
	width:70px;
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:22px;
}
i[class^="icon-"].large{
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	font-size:35px;
}

i[class^="icon-"].circle{
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
}

i[class^="icon-"].square{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#gmap img,.shortcode-map img{
	max-width:none !important;
}

/*------------------------------------------------------------------*/ 
/*	8) Shadow
/*------------------------------------------------------------------*/
.boxes-shadow{
	position:relative;
	z-index:10;
}
.boxes-shadow:before,
.boxes-shadow:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    max-height:100px;
    position:absolute;
    content:'';
    z-index:-1;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
.boxes-shadow:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
.fullblock-box > p{
	margin-bottom:0;
}

/*------------------------------------------------------------------*/ 
/*	9) Image Frame
/*------------------------------------------------------------------*/
span.image-shadow{
	
}
span.imageframe{
	position:relative;
}
span.imageframe > span.tt{
	width:auto;
	margin:0 auto;
	text-align:center;
}
span.imageframe > span span{
	display:block;
}
img.imageframe-shadow{
	max-width:100%;
	clear:both;
	text-align:center;
}

span.imageframe span.tt img{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
@media screen and (max-width: 980px) {
.pricing-type-1.column-2 .column{ width:100%; border-right:1px solid #ddd; margin-bottom:10px;}
.pricing-type-1.column-3 .column{ width:100%; border-right:1px solid #ddd; margin-bottom:10px;}
.pricing-type-1.column-4 .column{ width:100%; border-right:1px solid #ddd; margin-bottom:10px;}
}

@media (max-width: 767px) {
.mypassion-tabs.horizontal .ui-state-default, .mypassion-tabs.horizontal .ui-state-default a{width:100%;}

.mypassion-tabs.vertical{position:relative; padding-left:0;}
.mypassion-tabs.vertical .ui-tabs-nav{width:100%; margin-left:0; position:relative;}
.mypassion-tabs.vertical .ui-tabs-nav li{border-right:1px solid #eee;}
.mypassion-tabs.vertical .ui-tabs-nav li.ui-tabs-active{margin-right:0;border-right:1px solid #eee;}
.mypassion-tabs.vertical .ui-tabs-panel{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-radius:0;  border-left:1px solid #eee;}
}