* {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



/* Google Map

======================================================================== */



.atpmap img { width: auto !important; max-width: none; }

.atpmap { color:#444444; }

.atpmap-shadow { position: relative; border: 1px solid #eeeeee; padding: 5px; }





/* Process Steps

======================================================================== */



.process_steps { margin-bottom: 40px; text-align: center; }

.process_steps ul { position: relative; margin: 0; padding: 0; list-style: none; }



.process_steps ul li { display: inline-block; float: left; margin: 0; }

.process_steps li { width: 25%; }



.process_steps.step3 li {	width: 33.33%; }

.process_steps.step4 li {	width: 25%; }

.process_steps.step5 li {	width: 20%; } 



.process_steps ul:before { top: 37px; }

.process_steps ul:before { position: absolute; display: block; height: 2px; left:10%; width:80%; content: ""; background-color: #dddddd; }

.process_steps.step3 ul:before { left:13%; width:70%; }



/* Steps Horizontal

======================================================================== */



.process_steps .process_icon {

	display: inline-block;

	font-size: 28px;

	line-height: 80px;

	cursor: pointer;

	margin: 0 30px;

	width: 80px;

	height: 80px;

	text-align: center;

	position: relative;

	color: #666666;

	z-index: 1; 

	background-color: #eeeeee; 

	-webkit-border-radius: 50%;

	-moz-border-radius:    50%;

	border-radius:         50%;

	-webkit-transition: background 0.2s, color 0.2s; 

	-moz-transition:    background 0.2s, color 0.2s; 

	transition:         background 0.2s, color 0.2s;

}



.process_steps .process_icon:after { 

	pointer-events: none; 

	position: absolute; 

	width: 100%; 

	height: 100%; 

	-webkit-border-radius: 50%; 

	-moz-border-radius:    50%; 

	border-radius:         50%; 

	content: ''; 

	top: -4px;

	left: -4px;

	padding: 4px;

	-webkit-box-shadow: 0 0 0 4px rgba(0,0,0,0.1);

	-moz-box-shadow:    0 0 0 4px rgba(0,0,0,0.1);

	box-shadow:         0 0 0 4px rgba(0,0,0,0.1);

	-webkit-transform: scale(.8);

	-moz-transform:    scale(.8);

	-ms-transform:     scale(.8);

	transform:         scale(.8);

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	-moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	transition:         transform 0.2s, opacity 0.2s;

}



.process_steps .process_icon .fa         { z-index: 2; }

.process_steps .process_icon:hover       { background-color: #109ed5; color: #ffffff; }

.process_steps .process_icon:hover:after { 

	-webkit-transform: scale(1); 

	-moz-transform:    scale(1); 

	-ms-transform:     scale(1); 

	transform:         scale(1); 

	opacity: 1;

}



/* Heading and Content */



.pIcn_heading        { position: relative; padding: 0 10px;}

.pIcn_heading strong { display:block; margin:10px 0 0 0; }



.process_icon.black:hover   { background-color: #222222; } 

.process_icon.white:hover   { background-color: #FCFCFC; color: #222222; } 

.process_icon.magenta:hover { background-color: #ff6b6b; }

.process_icon.blue:hover    { background-color: #0066cc; } 

.process_icon.cyan:hover    { background-color: #5ACBF5; } 

.process_icon.orange:hover  { background-color: #ff8400; } 

.process_icon.red:hover     { background-color: #fb4f3d; } 

.process_icon.yellow:hover  { background-color: #ffc339; } 

.process_icon.gray:hover    { background-color: #595d6a; } 

.process_icon.green:hover   { background-color: #31AA39; } 

.process_icon.brown:hover   { background-color: #c5543b; } 

.process_icon.pink:hover    { background-color: #e34191; } 



.process_icon.black:hover:after   { -webkit-box-shadow: 0 0 0 4px #222222; -moz-box-shadow: 0 0 0 4px #222222; box-shadow: 0 0 0 4px #222222; }

.process_icon.white:hover:after   { -webkit-box-shadow: 0 0 0 4px #FCFCFC; -moz-box-shadow: 0 0 0 4px #FCFCFC; box-shadow: 0 0 0 4px #FCFCFC; }

.process_icon.magenta:hover:after { -webkit-box-shadow: 0 0 0 4px #ff6b6b; -moz-box-shadow: 0 0 0 4px #ff6b6b; box-shadow: 0 0 0 4px #ff6b6b; }

.process_icon.blue:hover:after    { -webkit-box-shadow: 0 0 0 4px #0066cc; -moz-box-shadow: 0 0 0 4px #0066cc; box-shadow: 0 0 0 4px #0066cc; }

.process_icon.cyan:hover:after    { -webkit-box-shadow: 0 0 0 4px #5ACBF5; -moz-box-shadow: 0 0 0 4px #5ACBF5; box-shadow: 0 0 0 4px #5ACBF5; }

.process_icon.orange:hover:after  { -webkit-box-shadow: 0 0 0 4px #ff8400; -moz-box-shadow: 0 0 0 4px #ff8400; box-shadow: 0 0 0 4px #ff8400; }

.process_icon.red:hover:after     { -webkit-box-shadow: 0 0 0 4px #fb4f3d; -moz-box-shadow: 0 0 0 4px #fb4f3d; box-shadow: 0 0 0 4px #fb4f3d; }

.process_icon.yellow:hover:after  { -webkit-box-shadow: 0 0 0 4px #ffc339; -moz-box-shadow: 0 0 0 4px #ffc339; box-shadow: 0 0 0 4px #ffc339; }

.process_icon.gray:hover:after    { -webkit-box-shadow: 0 0 0 4px #595d6a; -moz-box-shadow: 0 0 0 4px #595d6a; box-shadow: 0 0 0 4px #595d6a; }

.process_icon.green:hover:after   { -webkit-box-shadow: 0 0 0 4px #31AA39; -moz-box-shadow: 0 0 0 4px #31AA39; box-shadow: 0 0 0 4px #31AA39; }

.process_icon.brown:hover:after   { -webkit-box-shadow: 0 0 0 4px #c5543b; -moz-box-shadow: 0 0 0 4px #c5543b; box-shadow: 0 0 0 4px #c5543b; }

.process_icon.pink:hover:after    { -webkit-box-shadow: 0 0 0 4px #e34191; -moz-box-shadow: 0 0 0 4px #e34191; box-shadow: 0 0 0 4px #e34191; }



/* ToolTip

======================================================================== */



.ivatip_top {

	bottom: 100%;

	min-width: 100px;

}



/* Tooltip arrow */

.ivatip_top:after {

	border-top: 5px solid #222;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	bottom: -5px;

	left: 50%;

	margin-left: -5px;

}

.iva-tooltip:hover .ivatip_top {

	margin-bottom: 0;

}



.iva-tooltip {

	position: relative;

	display: inline-block;

}

.iva-tooltip .ivatip {

	opacity: 0;

	pointer-events: none;

	visibility: hidden;

	z-index: 99999;

	-webkit-transition: .3s ease-in-out;

	-moz-transition:    .3s ease-in-out;

	-o-transition:      .3s ease-in-out;

	transition:         .3s ease-in-out;

}

.iva-tooltip:hover .ivatip {

	opacity: 1;

	visibility: visible;

}



/* Tooltip Base */



.ivatip {

	background-color: #222;

	color: #ffffff;

	font-size: 11px;

	padding: 5px 10px;

	position: absolute;

	text-align: center;

	text-decoration: none;

	text-shadow: none;

	z-index: 4;

	-webkit-border-radius: 3px;

	-moz-border-radius:    3px;

	-o-border-radius:      3px;

	border-radius:         3px;

	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);

	-moz-box-shadow:    0 2px 8px rgba(0,0,0,0.2);

	-o-box-shadow:      0 2px 8px rgba(0,0,0,0.2);

	box-shadow:         0 2px 8px rgba(0,0,0,0.2);

}

.ivatip:after {

	content: " ";

	font-size: 0;

	line-height: 0;

	position: absolute;

	width: 0;

	z-index: 1;

}



/* Right Position Style  */

.ivatip_right { left: 100%; top: 0; min-width: 100px; }



/* Tooltip arrow */

.ivatip_right:after {

	border-top: 5px solid transparent;

	border-right: 5px solid #222;

	border-bottom: 5px solid transparent;

	left: -5px; /* Offset value to pull to the left */

	margin-top: -5px;

	top: 50%;

}



.iva-tooltip:hover .ivatip_right { margin-left: 10px; }



/* Bottom Position Style */



.ivatip_bottom { top: 100%; left: 0; min-width: 100px; }



/* Tooltip arrow */



.ivatip_bottom:after {

	border-bottom: 5px solid #222;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	top: -5px;

	left: 50%;

	margin-left: -5px;

}

/* When hovered, move tooltip at the bottom */

.iva-tooltip:hover .ivatip_bottom {

	margin-top: 0;

}



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

/* Left position style

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



.ivatip_left { right: 100%; top: 0; min-width: 100px; }

.ivatip_left:after { border-top: 5px solid transparent; border-left: 5px solid #222; border-bottom: 5px solid transparent; margin-top: -5px; right: -5px; top: 50%; }



/* Accordion

======================================================================== */



.ac_wrap 							{ width: 100%; margin-bottom: 40px; }

.ac_wrap .ac_title, .toggle-title	{ position: relative;	cursor: pointer; font-size: 13px; font-weight: normal; line-height: normal; margin-bottom: -1px; padding: 10px 60px 10px 20px; border: 1px solid #e1e1e1; }



.ac_title .arrow, 

.toggle-title .arrow 				{ color: #919191; display: block; position: absolute;  top: 0; right: 0; float: right; height: 100%; font-weight: normal; font-size: 24px; line-height: 40px; width: 44px; text-align: center; }



.ac_title .arrow::after, 

.toggle-title .arrow::after 		{ content: '+'; }



.ac_title.active .arrow::after, 

.toggle-title.active .arrow::after 	{ content: '-'; }



.ac_title.active .arrow, 

.toggle-title.active .arrow 		{ font-size: 35px; line-height: 35px; }



.ac_title i, 

.toggle-title i 					{ margin-right: 5px; }



.ac_wrap .ac_content, 

.ac_wrap .toggle_content 			{ background-color: #FBFBFB; border: 1px solid #E1E1E1; margin-bottom: 5px; padding: 18px 60px 18px 20px; }	



/* When hovered, move tooltip a bit to the right */

.iva-tooltip:hover .ivatip_left {

	margin-right: 10px;

}



/* Alert Message Boxes

======================================================================== */



.iva_message_box { background-color: #f6f6f6; border-color: #e1e1e1; margin: 20px 0; position: relative; text-align: center }

.iva_message_box_content { font-size:14px; font-weight: 600; text-transform:uppercase; }



.iva_message_box.iva-box-normal { padding: 18px; }

.iva_message_box.iva-box-large 	{ padding: 35px; }

.iva_message_box.iva-box-solid	{ border:3px solid; }

.iva_message_box.iva-box-dashed	{ border:1px dashed; }



.iva_message_box.success, .iva_message_box.success a 		{ color: #4F5F39; border-color: #b0cbaa; background-color: #d7f8cf; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) }

.iva_message_box.info, .iva_message_box.info a 				{ color: #4671A3; border-color: #91bac1; background-color: #EAF1F9; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) }

.iva_message_box.error, .iva_message_box.error a 			{ color: #AF2C20; border-color: #c49f9c; background-color: #fee3e3; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) }

.iva_message_box.alert, .iva_message_box.alert a 			{ color: #C96D11; border-color: #f0df8a; background-color: #fcf9e7; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) }

.iva_message_box.lightgray, .iva_message_box.lightgray a	{ color: #444444; border-color: #e1e1e1; background-color: #f8f8f8; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) }

.iva_message_box.dark, .iva_message_box.dark a 				{ color: #ffffff; border-color: #444444; background-color: #333333; text-shadow: 0 1px 0 #000000; }



.iva_message_box .iva_a_box_title 					{ background: rgba(0, 0, 0, 0.05); font-size: 11px; left:0; top:0; padding: 3px 20px; position:absolute; text-shadow:none; }



.error span.close,

.info span.close,

.alert span.close,

.success span.close,

.lightgray span.close,

.custom span.close { color: #414141; cursor: pointer; font-size: 11px; display: block; position: absolute; top: 15px; right: 15px; height: 18px; width: 18px; line-height: 18px; background-color: rgba(0, 0, 0, 0.05) }

.dark span.close { color: #ffffff; cursor: pointer; font-size: 11px; display: block; position: absolute; top: 15px; right: 15px; height: 18px; width: 18px; line-height: 18px; background-color: rgba(255, 255, 255, 0.2) }



/* Visual Composer */

.messagebox_text span.close { color: #414141; cursor: pointer; font-size: 15px; display: block; position: absolute; top: 7px; right: 27px; height: 18px; width: 20px; line-height: 18px; background-color: rgba(0, 0, 0, 0.05) }



/* CountDown

======================================================================== */



.is-countdown {

	position: relative;

	margin:0 auto;

}

.is-countdown:after,

.is-countdown:before {

	clear:both;

	display:block;

	content:"";

}



.countdown-rtl {

	direction: rtl;

}

.countdown-holding span {

	color: #888;

}

.hasCountdown { margin: 5px 0; }



.countdown-row {clear: both;display: table; margin:0 auto; text-align: center;}

.countdown-show1 .countdown-section { 

	width: 98%;

}

.countdown-show2 .countdown-section {

	width: 48%;

}

.countdown-show3 .countdown-section {

	width: 32.5%;

}

.countdown-show4 .countdown-section {

	width: 24.5%;

}

.countdown-show5 .countdown-section { 

	width: 17%;

}

.countdown-show6 .countdown-section {

	width: 14%;

}

.countdown-show7 .countdown-section {

	width: 14%;

}

.countdown-section {

	display: table-cell;

	text-align: center;

	margin: 0 0px;

}

.countdown-amount {

	display: block;

	padding: 5px 10px;

	margin:0 1px;

	color: #444444;

	font-family: "Open Sans";

    font-size: 40px;

	background-color: #ffffff;

	border: 1px solid #eeeeee;

	border-width: 1px 1px 0 1px;

	-webkit-text-shadow: 1px 1px 0 #ffffff;

	-moz-text-shadow:    1px 1px 0 #ffffff;

	text-shadow:         1px 1px 0 #ffffff;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius:    5px 5px 0 0;

	border-radius:         5px 5px 0 0;

}

.countdown-period {

    display: block;

	padding: 6px;

	font-size:11px;

	font-weight: bold;

	line-height: 16px;

	text-transform: uppercase;

	background-color:#00c1cf;

	-webkit-border-radius: 0 0 5px 5px;

	-moz-border-radius:    0 0 5px 5px;

	border-radius:         0 0 5px 5px;

	margin:0 1px;

	color:#ffffff;

}

.countdown-descr {

	display: block;

	width: 100%;

}



/* 

 Blockquotes and Pullquotes

======================================================================== */



span.inset-left { 

	display: block;

	float: left;

	width: 35%;

	padding: 15px;

	border-left:1px solid #dddddd;

	font:italic normal 14px/25px Georgia, Arial, Sans-serif;

	letter-spacing:0;

}

span.inset-right {

	display: block;

	float: right;

	width: 35%;

	padding: 15px;

	border-right:1px solid #dddddd;

	font:italic normal 14px/25px Georgia, Arial, Sans-serif;

	letter-spacing:0; 

}

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

blockquote {

	position: relative;

	margin:0 0 20px 0 !important;

	padding: 30px 50px 30px 50px !important;

	background-color: #F6F6F6;

	-webkit-box-shadow: inset 5px 0px 0 0 rgba(0,0,0,0.15);

	-moz-box-shadow:    inset 5px 0px 0 0 rgba(0,0,0,0.15);

	box-shadow:         inset 5px 0px 0 0 rgba(0,0,0,0.15);

}



blockquote p { margin-bottom: 0; line-height: normal; }



blockquote p:before {

    content: "\f10e";

    font-size: 18px;

    font-family: FontAwesome;

    line-height: 27px;

    margin-left: -30px;

    position: absolute;

}



blockquote cite:before {

	content: "\2014 \00A0";

}



blockquote cite {

	display: block; 

	margin-top:10px; 

	font-size: 12px; 

	font-style: normal;

}

		

blockquote.alignleft  { 

	width: 30%;

	margin: 3px 16px 15px 3px !important;

}



blockquote.aligncenter { 

	text-align: center;

    clear: both;

    display: block;

    margin: 0 0 20px;

}



blockquote.alignright { 

	width: 30%;

	margin: 3px 3px 15px 15px !important;

}



/* Fancybox

======================================================================== */



.fancybox .boxcontent { padding: 25px; font-size: 14px; }

.fancybox { 

	background-color: #fafafa; 

	position: relative; 

	margin: 0 0 20px 0;

	-webkit-border-radius: 5px;

	-moz-border-radius:    5px; 

	border-radius:         5px;

}



.fancybox .fancytitle {

	margin-bottom: 0px;

    padding: 15px 25px;

    text-align: center;

    color: #ffffff;

	font-size: 16px;

	font-weight:bold;

    background-color:#323A45;

	-webkit-border-top-left-radius	: 5px;

	-webkit-border-top-right-radius	: 5px;

	-moz-border-radius-topleft		: 5px;

	-moz-border-radius-topright		: 5px;

	border-top-left-radius			: 5px;

	border-top-right-radius			: 5px;

}



/* CallOut Box

======================================================================== */



.callOutBox {	

	position:relative;

	overflow: visible; 

	margin: 0;

	padding:20px;

	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */

	-webkit-border-radius:	5px;

	-moz-border-radius:		5px;

	border-radius: 			5px;

	-webkit-transition: all 300ms ease-in;

	-moz-transition: 	all 300ms ease-in;

	-o-transition: 		all 300ms ease-in;

	transition: 		all 300ms ease-in;

}

.callOutBox .teaser_content {

    height: 100%;

    overflow: hidden;

	margin:0;

}

.callOutBox .callout_text { float:left; }

.callOutBox .callout_btn { float: right; }

.callOutBox h1,

.callOutBox h2,

.callOutBox h3,

.callOutBox h4,

.callOutBox h5,

.callOutBox h6,

.callOutBox p,

.callOutBox .btn { margin-bottom:0; }



/* Corner Ribbon

======================================================================== */



.ribbon { position: absolute; top: 0; right: 0; }

/* reset certain elements (in case of conflicting CSS for classes, links, etc.) */

.ribbon .text,

.ribbon .banner,

.ribbon a {

	margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



.ribbon a { color: #ffffff; text-decoration: none; }

.no-css-transforms .ribbon { font-size: 1em; position: relative; width: 100%; }



.ribbon .banner {

	-webkit-transform: rotate(45deg);

	-moz-transform:    rotate(45deg);

	-ms-transform:     rotate(45deg);

	-o-transform:      rotate(45deg);

	transform:         rotate(45deg);

	color: #ffffff;

	-webkit-font-smoothing: antialiased;

	display: block;

	float: right;

	position: relative;

	right: -14px;

	top: 22px;

	width: 100px;

}



.ribbon-small .banner { right: -8px; top: 15px; width: 65px; }

.ribbon-large .banner { right: -20px; top: 32px; width: 150px; }



.ribbon .banner::after,

.ribbon .banner::before {

	content: '';

	display: block;

	height: 12px;

	position: absolute;

	width: 30px;

}



.ribbon-small .banner::after,

.ribbon-small .banner::before {

	height: 6px;

	width: 20px;

}



.ribbon-large .banner::after,

.ribbon-large .banner::before {

	height: 18px;

	width: 45px;

}



.ribbon .banner::before {

	-webkit-transform: skewY(-45deg) translate(50%,15px);

	-moz-transform:    skewY(-45deg) translate(50%,15px);

	-ms-transform:     skewY(-45deg) translate(50%,15px);

	-o-transform:      skewY(-45deg) translate(50%,15px);

	-webkit-transform-origin: 100% center;

	-moz-transform-origin:    100% center;

	-ms-transform-origin:     100% center;

	-o-transform-origin:      100% center;

	left: -45px;

}



.ribbon-small .banner::before { top: -5px; left: -30px; }

.ribbon-large .banner::before { top: 9px; left: -68px; }



.ribbon .banner::after {

	-webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);

	-moz-transform:    translate(100%,-100%) skewY(45deg) translateX(-58%);

	-ms-transform:     translate(100%,-100%) skewY(45deg) translateX(-58%);

	-o-transform:      translate(100%,-100%) skewY(45deg) translateX(-58%);

	-webkit-transform-origin: 0 center;

	-moz-transform-origin:    0 center;

	-ms-transform-origin:     0 center;

	-o-transform-origin:      0 center;

	right: -17px;

}



.ribbon-small .banner::after { top: 18px; right: -12px; }

.ribbon-large .banner::after { top: 45px; right: -26px; }



.no-css-transforms .ribbon .banner { position: static; width: 100%; float: none; font-size: 10px; }

.ribbon .text {

	position: relative;

	z-index: 2;

	padding: 6px 0;

	font-size: 12px;

	font-weight: bold;

	min-height: 18px;

	line-height: 18px;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);

	white-space: nowrap;

	text-overflow: ellipsis;

	text-align: center;

}



/* small text */

.ribbon-small .text {

	padding: 3px 0;

	font-size: 8px;

	min-height: 14px;

	line-height: 14px;

}



/* large text */

.ribbon-large .text {

	padding: 9px 0;

	font-size: 18px;

	min-height: 28px;

	line-height: 28px;

}



.ribbon .text::before,

.ribbon .text::after {

	content: '';

	display: block;

	height: 30px;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



/* small text */

.ribbon.ribbon-small .text::before,

.ribbon.ribbon-small .text::after {

	height: 20px;

}



/* large text */

.ribbon.ribbon-large .text::before,

.ribbon.ribbon-large .text::after {

	height: 46px;

}



.ribbon .text::before {

	-webkit-transform: translateX(-15%) skewX(-45deg);

	-moz-transform:    translateX(-15%) skewX(-45deg);

	-ms-transform:     translateX(-15%) skewX(-45deg);

	-o-transform:      translateX(-15%) skewX(-45deg);

}



.ribbon .text::after {

	-webkit-transform: translateX(15%) skewX(45deg);

	-moz-transform:    translateX(15%) skewX(45deg);

	-ms-transform:     translateX(15%) skewX(45deg);

	-o-transform:      translateX(15%) skewX(45deg);

}



.no-css-transforms .ribbon .text { height: 25px; padding: 3px; }



/*--- RIBBON COLORS ---*/



/* default */

.ribbon .banner::after,

.ribbon .banner::before {

	background-color: #51a351;

}

.ribbon .text::before,

.ribbon .text::after,

.no-css-transforms .ribbon .text {

	background-color: #62c462;

}



/* green */

.ribbon-green .banner::after,

.ribbon-green .banner::before {

	background-color: #51a351;

}

.ribbon-green .text::before,

.ribbon-green .text::after,

.no-css-transforms .ribbon-green .text {

	background-color: #62c462;

}



/* blue */

.ribbon-blue .banner::after,

.ribbon-blue .banner::before {

	background-color: #0044cc;

}

.ribbon-blue .text::before,

.ribbon-blue .text::after,

.no-css-transforms .ribbon-blue .text {

	background-color: #0088cc;

}



/* mms blue */

.ribbon-blue-mms .banner::after,

.ribbon-blue-mms .banner::before {

	background-color: #2d5b98;

}

.ribbon-blue-mms .text::before,

.ribbon-blue-mms .text::after,

.no-css-transforms .ribbon-blue-mms .text {

	background-color: #367ab3;

}



/* light blue */

.ribbon-blue-light .banner::after,

.ribbon-blue-light .banner::before {

	background-color: #2f96b4;

}

.ribbon-blue-light .text::before,

.ribbon-blue-light .text::after,

.no-css-transforms .ribbon-blue-light .text {

	background-color: #5bc0de;

}



/* yellow */

.ribbon-yellow .banner::after,

.ribbon-yellow .banner::before {

	background-color: #f2ba00;

}

.ribbon-yellow .text::before,

.ribbon-yellow .text::after,

.no-css-transforms .ribbon-yellow .text {

	background-color: #ffd95e;

	color:#000000;

}



/* orange */

.ribbon-orange .banner::after,

.ribbon-orange .banner::before {

	background-color: #f89406;

}

.ribbon-orange .text::before,

.ribbon-orange .text::after,

.no-css-transforms .ribbon-orange .text {

	background-color: #fbb450;

}



/* red */

.ribbon-red .banner::after,

.ribbon-red .banner::before {

	background-color: #bd362f;

}

.ribbon-red .text::before,

.ribbon-red .text::after,

.no-css-transforms .ribbon-red .text {

	background-color: #ee5f5b;

}



/* purple */

.ribbon-purple .banner::after,

.ribbon-purple .banner::before {

	background-color: #611bbd;

}

.ribbon-purple .text::before,

.ribbon-purple .text::after,

.no-css-transforms .ribbon-purple .text {

	background-color: #af4ce8;

}



/* pink */

.ribbon-pink .banner::after,

.ribbon-pink .banner::before {

	background-color: #f000c0;

}

.ribbon-pink .text::before,

.ribbon-pink .text::after,

.no-css-transforms .ribbon-pink .text {

	background-color: #ff5edf;

}



/* black */

.ribbon-black .banner::after,

.ribbon-black .banner::before {

	background-color: #222222;

}

.ribbon-black .text::before,

.ribbon-black .text::after,

.no-css-transforms .ribbon-black .text {

	background-color: #444444;

}

/* brown */

.ribbon-brown .banner::after,

.ribbon-brown .banner::before {

	background-color: #6E2525;

}

.ribbon-brown .text::before,

.ribbon-brown .text::after,

.no-css-transforms .ribbon-brown .text {

	background-color: #B65252;

}

/* grey */

.ribbon-grey .banner::after,

.ribbon-grey .banner::before {

	background-color: #656565;

}

.ribbon-grey .text::before,

.ribbon-grey .text::after,

.no-css-transforms .ribbon-black .text {

	background-color: #BABABA;

}



/* White */



.ribbon-white .banner::after,

.ribbon-white .banner::before {

	background-color: #EFEFEF;

}

.ribbon-white .text::before,

.ribbon-white .text::after,

.no-css-transforms .ribbon-white .text {

	background-color: #ffffff;

}



/* Button

======================================================================== */



.vc_btn i,

.btn i { margin-right: 10px; }

.btn {

	background-color: #00c1cf;

	display	: inline-block;

	text-align: center;

	margin-bottom: 10px;

	position: relative;

	cursor: pointer;

	opacity: 1;

	line-height: 20px;

	-webkit-border-radius	: 5px;

	-moz-border-radius		: 5px;

	border-radius			: 5px;

	-webkit-transition: opacity 0.3s linear;

	-moz-transition:    opacity 0.3s linear;

	-ms-transition:     opacity 0.3s linear;

	-o-transition:      opacity 0.3s linear;

	transition:         opacity 0.3s linear;

}



.btn span { 

	left: 0;

	position: relative;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition:    all 0.2s ease-out 0s;

	-ms-transition:     all 0.2s ease-out 0s;

	-o-transition:      all 0.2s ease-out 0s;

	transition:         all 0.2s ease-out 0s;

}



.btn.full { text-align: center;  width: 100%; }

.btn.border { border-width: 1px; border-style: solid;}



@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* Safari, Google Chrome margin fix */

	btn.btn span {

		margin-top: -1px;

		margin-left:-2px;

		margin-right:-2px;

	}

}



.btn.small { 

	font-size: 10px;

	-webkit-border-radius	: 2px;

	-moz-border-radius		: 2px;

	border-radius			: 2px;

	padding: 5px 8px; 

}



.btn.medium {

	font-size: 14px;

	-webkit-border-radius	: 3px;

	-moz-border-radius		: 3px;

	border-radius			: 3px;

	padding: 10px 15px; 

}



.btn.large { font-size: 18px; padding: 15px 22px; }



.btn.border {

	background-color: rgba (0, 0, 0, 0) !important;

	border: 2px solid rgba(255, 255, 255, 0.75);

	-webkit-border-radius: 2px !important;

	-moz-border-radius:    2px !important;

	border-radius:         2px !important;

	-webkit-box-shadow: none !important;

	-moz-box-shadow:    none !important;

	box-shadow:         none !important;

	-webkit-transition: all 0.2s linear 0s !important;

	-moz-transition:    all 0.2s linear 0s !important;

	-ms-transition:     all 0.2s linear 0s !important;

	-o-transition:      all 0.2s linear 0s !important;

	transition:         all 0.2s linear 0s !important;

}





.btn.border:hover 	{ border: 2px solid #FFFFFF; }



.light .btn.border 		{ border: 2px solid rgba(255, 255, 255, 0.75); color: #FFFFFF; }

.light .btn.border		{ border: 2px solid #FFFFFF; }

.btn.dark.border 		{ border: 2px solid rgba(0, 0, 0, 0.75); color: #000000; }

.btn.dark.border:hover 	{ border: 2px solid #000000; }





.btn:hover { opacity: 0.75;}



.btn.dark { border:2px solid; background:none !important; -webkit-border-radius:none; -moz-border-radius:none; border-radius:none;}

.btn.light { border:2px solid #ffffff; background:none !important; -webkit-border-radius:none; -moz-border-radius:none; border-radius:none; }

.btn.dark span { color:#666666; }

.btn.light span { color:#ffffff; }



/* ---- Button - Colors Scheme ---- */



.btn.black, .btn.black:hover		{ background-color: #222222; color: #ffffff; } 

.btn.white, .btn.white:hover		{ background-color: #FCFCFC; color: #222222; } 

.btn.magenta, .btn.magenta:hover 	{ background-color: #EE0481; color: #ffffff; }

.btn.blue, .btn.blue:hover 			{ background-color: #37a6f7; color: #ffffff; } 

.btn.cyan, .btn.cyan:hover 			{ background-color: #32c3d6; color: #ffffff; } 

.btn.orange, .btn.orange:hover		{ background-color: #f4aa3b; color: #ffffff; } 

.btn.red, .btn.red:hover 			{ background-color: #ec3848; color: #ffffff; } 

.btn.yellow, .btn.yellow:hover 		{ background-color: #ffc339; color: #ffffff; } 

.btn.gray, .btn.gray:hover 			{ background-color: #595d6a; color: #ffffff; } 

.btn.green, .btn.green:hover 		{ background-color: #31AA39; color: #ffffff; } 

.btn.brown, .btn.brown:hover 		{ background-color: #c5543b; color: #ffffff; } 

.btn.pink, .btn.pink:hover 			{ background-color: #FE87CB; color: #ffffff; } 



a.btn, a.btn:hover, btn.btn:hover { background-color:#EDEDED; }





.btn span span {

    display: block;

    font-size: 9px;

    font-weight: normal;

    letter-spacing: 0.5px;

}



/* Dividers

======================================================================== */



.divider {

	display:block; 

	clear:both;

	margin: 30px 0;

	border-bottom-width: 1px;

	border-color: #e4e4e4;

}

	

.divider.thin	{ border-bottom-style: solid; }

.divider.fat	{ border-bottom-style: solid; border-bottom-width: 2px;  }

.divider.dotted	{ border-bottom-style: dotted; }

.divider.dashed	{ border-bottom-style: dashed; }



.divider_space {

	display:block; 

	clear:both; 

	margin: 30px 0;

}	



.demo_space {

    display: block;

    margin: 0;

    width: 100%;

}

.divider img { max-width:100%;}



.customdivider {

	width:auto;

	display:block; 

	clear:both; 

	height:100%;

	padding:40px 0 40px 0;

	text-align:center;

}

.customdivider img { width:auto; max-width:100%; height:auto; }



.divider_top {

	position: relative; 

	background:url('../images/opacs/dark10.png') center center repeat-x;

	height:2px;

	padding:40px 0;

	clear:both;

}



.divider_top a { 

    font-size: 10px;

    left: 0;

    position: absolute;

    right: 0;

    text-align: right;

    top: 24px;

}



.divider_top a span{ 

	font-size: 11px; 

	line-height: 10px;

	text-transform: uppercase; 

	color:#fff;

	background-color:#000;

	padding:3px 6px;

}



.divider_line { 

	position: relative; 

	display: block;

	clear: both;

	padding: 25px 0;

	background:url('../images/opacs/dark10.png') center center repeat-x;

	height: 1px;

	text-align: center;

}

	

/* Dropcap

======================================================================== */



.dropcap { 

	background-position: left top; 

	background-repeat: repeat; 

	font-size: 28px; 

	line-height: 50px; 

	margin: 5px 15px 0 0; 

	-webkit-border-radius: 2px;  

	-moz-border-radius:    2px; 

	border-radius:         2px;

}



.dropcap.dc-square	{ float: left; text-align: center; width: 47px; color: #888888; }

.dropcap.dc-circle	{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; float: left; text-align: center; width: 48px; color: #888888; }

.dropcap.dc-text	{ float: left; text-align: center; width: 48px; font-size: 48px; }



/* Services Icon

======================================================================== */



.service-icon img {

	-webkit-transform: 	rotateY(0deg);

	-moz-transform:  	rotateY(0deg);	

	transform:  		rotateY(0deg);

	-webkit-transition: all 400ms ease;

	-moz-transition: 	all 400ms ease;

	transition: 		all 400ms ease;

}

.service-icon img a { display: block;}

.service-icon:hover img{ 

	margin:0 3px 0 0; 

	-webkit-transition: all 400ms ease;

	-moz-transition: 	all 400ms ease;

	transition: 		all 400ms ease;

	-webkit-transform: 	rotateY(180deg);

	-moz-transform:  	rotateY(180deg);

	transform:  		rotateY(180deg);

}





/* Services Icon Style 1

======================================================================== */



.serviceIcn_style1 {

	position: relative;

	overflow: hidden;

}

.services_icon1 { 

	position: relative;

    display: block;

    color: #27CFC3;

    float: left;

	font-size: 38px;

    height: 40px;

	width: 40px;

    line-height: 40px !important;

    text-align: center;

	-webkit-border-radius: 100%;

	-moz-border-radius:    100%;

	border-radius:         100%;

}

 .sIcn_heading {

	overflow: hidden;

	position: absolute;

}

.sIcn_heading h3 { 

	font-size: 16px;

	font-weight: bold;

	line-height: 40px;

	text-align: left;

	margin: 0 0 0 50px;	

}

.sIcn_content{

	text-align: left;

	margin-left: 50px;

}



.sIcn_content h3 {

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 8px;

	line-height: 32px;

}



.sIcn_heading2 h3 { 

	font-size: 16px;

	font-weight:bold;

}



/* Services Icon Style 2a and Style 2b

======================================================================== */



.serviceIcn_style2a, .serviceIcn_style2b {

	position: relative;

}

.services_icon2a, .services_icon2b {

	display: inline-block;

	font-size: 35px;

	line-height: 90px;

	cursor: pointer;

	margin: 15px 30px;

	width: 90px;

	height: 90px;

	text-align: center;

	position: relative;

	color: #999999; 

	z-index: 1;

	-webkit-border-radius: 50%;

	-moz-border-radius:    50%;

	border-radius:         50%;

}



.services_icon2a:after, .services_icon2b:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	content: '';

	-webkit-border-radius: 50%;

	-moz-border-radius:    50%;

	border-radius:         50%;

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}



.services_icon2a .fa:hover , .services_icon2b .fa:hover { color: #FFFFFF; }



/* Icon Color*/

.services_icon2a .gray { color: #808080;} 

.services_icon2a.brown { color: #A52A2A;} 

.services_icon2a.cyan { color: #00FFFF;} 

.services_icon2a.orange{ color: #FFA500;} 

.services_icon2a.red{ color: #FF0000;} 

.services_icon2a.magenta { color: #FF00FF; } 

.services_icon2a.yellow{ color: #FFFF00; } 

.services_icon2a.blue { color: #0000FF; } 

.services_icon2a.pink  { color: #FAAFBE; } 

.services_icon2a.green { color: #008000; } 

.services_icon2a.black{ color: #000000; } 

.services_icon2a.white i { color: #FFFFFF;} 



/* Icon Hover Color*/

.services_icon2a.gray:hover  { background: #808080; color:#FFFFFF;} 

.services_icon2a.brown:hover { background: #A52A2A; color:#FFFFFF; } 

.services_icon2a.cyan:hover  { background: #00FFFF; color:#FFFFFF;} 

.services_icon2a.orange:hover { background: #FFA500; color:#FFFFFF;} 

.services_icon2a.red:hover  { background: #FF0000; color:#FFFFFF;} 

.services_icon2a.magenta:hover { background: #FF00FF; color:#FFFFFF;} 

.services_icon2a.yellow:hover { background: #FFFF00; color:#FFFFFF;} 

.services_icon2a.blue:hover  { background: #0000FF; color:#FFFFFF;} 

.services_icon2a.pink:hover  { background: #FAAFBE; color:#FFFFFF;} 

.services_icon2a.green:hover { background: #008000; color:#FFFFFF;} 

.services_icon2a.black:hover { background: #000000; color:#FFFFFF;} 

.services_icon2a.white:hover { background: #FFFFFF; color:#000000;} 



.services_icon2a.gray:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #808080;

	 -moz-box-shadow:    0 0 0 1px #808080;

	 box-shadow:         0 0 0 1px #808080;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.brown:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #A52A2A;

	 -moz-box-shadow:    0 0 0 1px #A52A2A;

	 box-shadow:         0 0 0 1px #A52A2A;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.cyan:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #00FFFF;

	 -moz-box-shadow:    0 0 0 1px #00FFFF;

	 box-shadow:         0 0 0 1px #00FFFF;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.orange:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #FFA500;

	 -moz-box-shadow:    0 0 0 1px #FFA500;

	 box-shadow:         0 0 0 1px #FFA500;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.red:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #FF0000;

	 -moz-box-shadow:    0 0 0 1px #FF0000;

	 box-shadow:         0 0 0 1px #FF0000;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.magenta:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #FF00FF;

	 -moz-box-shadow:    0 0 0 1px #FF00FF;

	 box-shadow:         0 0 0 1px #FF00FF;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.yellow:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #FFFF00;

	 -moz-box-shadow:    0 0 0 1px #FFFF00;

	 box-shadow:         0 0 0 1px #FFFF00;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.blue:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #0000FF;

	 -moz-box-shadow:    0 0 0 1px #0000FF;

	 box-shadow:         0 0 0 1px #0000FF;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



.services_icon2a.pink:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #FAAFBE;

	 -moz-box-shadow:    0 0 0 1px #FAAFBE;

	 box-shadow:         0 0 0 1px #FAAFBE;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}

.services_icon2a.green:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #008000;

	 -moz-box-shadow:    0 0 0 1px #008000;

	 box-shadow:         0 0 0 1px #008000;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}

.services_icon2a.black:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #000000;

	 -moz-box-shadow:    0 0 0 1px #000000;

	 box-shadow:         0 0 0 1px #000000;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}

.services_icon2a.white:after { 

	 top: -6px;

	 left: -6px;

	 padding: 6px;

	 -webkit-box-shadow: 0 0 0 1px #FFFFFF;

	 -moz-box-shadow:    0 0 0 1px #FFFFFF;

	 box-shadow:         0 0 0 1px #FFFFFF;

	 -webkit-transform: scale(.8);

	 -moz-transform:    scale(.8);

	 -ms-transform:     scale(.8);

	 transform:         scale(.8);

	 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	 -moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	 transition:         transform 0.2s, opacity 0.2s;

	 opacity: 0;

}



/* Icon Hover Color*/

.services_icon2b .gray { color: #808080;} 

.services_icon2b.brown { color: #A52A2A;} 

.services_icon2b.cyan { color: #00FFFF;} 

.services_icon2b.orange{ color: #FFA500;} 

.services_icon2b.red{ color: #FF0000;} 

.services_icon2b.magenta { color: #FF00FF; } 

.services_icon2b.yellow{ color: #FFFF00; } 

.services_icon2b.blue { color: #0000FF; } 

.services_icon2b.pink  { color: #FAAFBE; } 

.services_icon2b.green { color: #008000; } 

.services_icon2b.black{ color: #000000; } 

.services_icon2b.white i { color: #FFFFFF;} 



.services_icon2b.gray:hover  { background: #808080; color:#FFFFFF;} 

.services_icon2b.brown:hover { background: #A52A2A; color:#FFFFFF!important; } 

.services_icon2b.cyan:hover  { background: #00FFFF; color:#FFFFFF;} 

.services_icon2b.orange:hover { background: #FFA500; color:#FFFFFF;} 

.services_icon2b.red:hover  { background: #FF0000; color:#FFFFFF;} 

.services_icon2b.magenta:hover { background: #FF00FF; color:#FFFFFF;} 

.services_icon2b.yellow:hover { background: #FFFF00; color:#FFFFFF;} 

.services_icon2b.blue:hover  { background: #0000FF; color:#FFFFFF;} 

.services_icon2b.pink:hover  { background: #FAAFBE; color:#FFFFFF;} 

.services_icon2b.green:hover { background: #008000; color:#FFFFFF;} 

.services_icon2b.black:hover { background: #000000; color:#FFFFFF;} 

.services_icon2b.white:hover { background: #FFFFFF; color:#000000;}

/* end  hover color */



/* Icon Hover Effect */

.services_icon2a, .services_icon2b {

	background: #F3F3F3;

	margin: 0 auto;

	display: table;

	-webkit-transition: background 0.2s, color 0.2s;

	-moz-transition:    background 0.2s, color 0.2s;

	transition:         background 0.2s, color 0.2s;

}

.services_icon2a .fa, .services_icon2b .fa {	

	z-index: 2;	

}



/* Hover Icon Property */

.services_icon2a:after {

	top: -6px;

	left: -6px;

	padding: 6px;

	-webkit-box-shadow: 0 0 0 1px #00c1cf;

	-moz-box-shadow:    0 0 0 1px #00c1cf;

	box-shadow:         0 0 0 1px #00c1cf;

	-webkit-transform: scale(.8);

	-moz-transform:    scale(.8);

	-ms-transform:     scale(.8);

	transform:         scale(.8);

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	-moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	transition:         transform 0.2s, opacity 0.2s;

	opacity: 0;

}



.services_icon2b:after {

	-webkit-transform: scale(.8);

	-moz-transform:    scale(.8);

	-ms-transform:     scale(.8);

	transform:         scale(.8);

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	-moz-transition:    -moz-transform 0.2s, opacity 0.2s;

	transition:         transform 0.2s, opacity 0.2s;

	opacity: 0;

}



.services_icon2a:hover, .services_icon2b:hover {

	background: #00c1cf;

	color: #FFFFFF;

}



.services_icon2a:hover:after, .services_icon2b:hover:after {

	-webkit-transform: scale(1);

	-moz-transform:    scale(1);

	-ms-transform:     scale(1);

	transform:         scale(1);

	opacity: 1;

	color:#FFFFFF;

}



.sIcn_heading2a h3, .sIcn_heading2b h3{

	margin: 15px 0 20px 0;

	font-size: 16px;

	font-weight: bold;

	text-align: center;

}

.sIcn_content2a, .sIcn_content2b {

	text-align: center;

}



/* Services Icon Style 3 and 4

======================================================================== */



.Icnbox_style {

	position: relative;

	z-index: 10;

	border: 1px solid #e0e0e0;

	background-color: rgba(255, 255,255,0.7);

	text-align: center;

	-webkit-border-radius: 3px;

	-moz-border-radius:    3px;

	border-radius:         3px;

}

.Icnbox_style.top {

	margin-top: 35px;

	padding: 60px 30px 40px 30px;

}

.Icnbox_style.left {

	margin-left: 30px;

	padding: 30px 30px 30px 60px;

	text-align: left;

}

.services_icon3 {

	top: -34px;

	left: 50%;

	margin-left: -32px;

}

.services_icon4 {

	top: 50%;

	left: -31px;

	margin-top: -31px;

}

.services_icon3,.services_icon4 {

	background-color: #f3f3f3;

	position: absolute;

	z-index: 20;

	display: block;

	width: 65px;

	height: 65px;

	color: #fff;

	text-align: center;

	font-size: 32px;

	line-height: 65px !important;

	-webkit-border-radius: 50px;

	-moz-border-radius:    50px;

	border-radius:         50px;

}

.sIcn_heading3 > h3{

	margin: 15px 0 20px 0;

	font-size: 20px;

}

.sIcn_content3 { 

	text-align: center;

}

.sIcn_content4 { 

	text-align: left;

}



/* List Styles

======================================================================== */





.pricing li		{ 

	background:#ffffff; 

	border:1px solid #eeeeee; 

	border-bottom:1px solid #ddd; 

	margin-bottom:1px;

	-webkit-border-radius: 3px;

	-moz-border-radius:    3px;

	border-radius:         3px;

}



.doubles { clear:both; padding-left:20px; margin-left:0px !important; overflow:hidden; }

.doubles li { float:left; width:42%; }



/* Blog Post Carousel

======================================================================== */

.owl-carousel .owl-item { padding:1px 0;}

.blogpost-list { position:relative;}

.blogpost-item{ margin: 0 10px 0 0; }

.blogpost-item .view { 

	min-height: 100px;

	overflow: hidden; 

}

.blogpost-item .view img { 

	-webkit-border-radius: 4px 4px 0px 0px;

	-moz-border-radius:    4px 4px 0px 0px;

	border-radius:         4px 4px 0px 0px;

}



.blogpost-desc { 

	background-color: #ffffff;

	padding: 20px 15px;

	overflow: hidden;

	-webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.10);

	-moz-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.10);

	box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.10);

	-webkit-border-radius: 0px 0px 4px 4px;

	-moz-border-radius:    0px 0px 4px 4px;

	border-radius:         0px 0px 4px 4px;

}

.blogpost-desc > span { display: block; font-size: 11px; }

.blogpost-title { margin-bottom: 10px; font-size: 13px; font-weight: 600; }

.blogpost-list .entry-title { margin-bottom: 0px; font-size:13px; }



.blogpost-title a {

	-webkit-transition: all 200ms linear;

	-moz-transition: all 200ms linear;

	-ms-transition: all 200ms linear;

	-o-transition: all 200ms linear;

	transition: all 200ms linear;

}



/* 

 Price Table

======================================================================== */



.pricetable {

	display: block;

	position: relative;

	padding: 0;

	margin: 0 auto;

}	

.pricing-inner {

	position: relative;

	display: block;

	margin: 20px 0;

}

.pricetable .column{

	float: left;

	position: relative;

	z-index: 3;

	margin-right: 1%;

	width: 24.2%;

}

.pricetable.col3 .column{ width:32.6%; }

.pricetable .column:last-child { margin-right:0; }

.pricetable .column-block {

    border: 1px solid #dddddd;

    border-width: 1px 0px 1px 1px;

}

.pricetable .column-block:last-child{

    border: 1px solid #dddddd;

    border-width: 1px 1px 1px 1px;

}

.pricetable .price-head { 

	position: relative;

	text-align: center;

	padding: 25px 0;

	text-align: center;

	background: #f1f2f3;



}

.price-head .title { 

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-bottom: 10px;

}

.pricetable .price-font {

	font-size: 46px;

	line-height: 100%;

	vertical-align: middle;

	margin-bottom: 0;

}

.pricetable .price-font span{ font-size:11px; line-height:14px;}

.pricetable sup{

	letter-spacing: 0px;

	font-size:small;

}

.pricetable .price-content  { 

	text-align: left;

	line-height: 24px;	

	padding: 20px 40px; 

	background-color: #f6f6f6;

}

.pricetable .price-content ul { 

	margin: 0 0 20px 0; 

	padding:0;

}

.pricetable .price-content ul li { 

	list-style: none; 

	padding: 5px;

	line-height: 150%;

	background: url(../images/opacs/dark10.png) bottom left repeat-x transparent; 

}

.pricetable .price-content > p { margin-bottom: 0; }

.pricetable .featured { 

	position: relative;

	margin-top: -10px;

	padding-bottom: 20px;

	z-index: 4;

	box-sizing: border-box;

	-webkit-box-shadow : 0 0 3px rgba(0, 0, 0, 0.15);

   	-moz-box-shadow: 	 0 0 3px rgba(0, 0, 0, 0.15);

	box-shadow: 		 0 0 3px rgba(0, 0, 0, 0.15);

}	

.pricetable .featured .price-head { 

	padding-top: 25px;

}



/* 

 Input CSS

======================================================================== */



.input_small   { width:25% !important; }

.input_medium  { width:50% !important; }

.input_large   { width:95% !important; }



/* 

 Contact Info

======================================================================== */



#footer .contactinfo-wrap,

#footer .contactinfo-wrap .details,

#footer .contactinfo-wrap p { border: 0;}

.contactinfo-wg 	 { margin-bottom:40px; }

.contactinfo-wrap { 

	position:relative; 

	border-style:solid; 

	border-color:#dddddd;	

}

.contactinfo-wrap p { 

	margin-bottom: 5px; 

	padding-bottom: 3px;	

}

.contactinfo-wrap .details { 

	display: block; 

	overflow: hidden; 

}

.contactinfo-wrap .phone .details { font-size:15px; font-weight:bold; }

.contactinfo-wrap span.icon {

	display:block;

	float:left;

	width: 30px;

}



/* 

 Highlight

======================================================================== */

.highlight1 { 

	padding:3px 6px;

	color:#ffffff;

	background-color:#5E5E5E;	

	-webkit-border-radius:	3px; 

	-moz-border-radius:		3px; 

	border-radius:			3px;

	}

		

.highlight2	{ font-style: italic; border-bottom:1px dashed; padding: 1px }

.highlight.yellow	{ background-color:#ffda48; color:#000000; }



/* 

 Fancy Table

======================================================================== */



table.fancy_table     { border: 1px solid #eee; }

table.fancy_table th  {

	background-color:#4daadd;

	padding:14px; 

	color:#fff; 

	}



table.fancy_table td  {

	padding:12px; 

	background:#fff; 

	border: 1px solid #eee;

	text-align: center; 

	}



table.fancy_table tbody tr:hover td	{

	background-color:#F3F3F3;

	}



table.fancy_table tfoot {

	background-color: #F3F3F3;

	}



table.fancy_table {

	width:99%; 

	margin:0 auto; 

	margin-bottom:10px;

	border-collapse: collapse; 

	border-spacing: 0; 

	}



.fancy_table.alignleft    { float:left; margin:3px 15px 20px 3px;}

.fancy_table.alignright   { float:right; margin:3px 3px 20px 15px;	}

.fancy_table.aligncenter  { 

	display:table; 

	clear:both; 

	margin:0 auto; 

	padding:2px; 

	margin-bottom: 20px;

	text-align:center;

	}



.fancy_table p{

	margin-bottom:0px;

}



/* 

 Progress Bar

======================================================================== */



.iva-progress-bar { margin-bottom: 10px !important; }

.iva-progress-bar p { margin-bottom: 2px; }

.iva-progress-bar .bar-wrap {

	background-color: #ebebeb;

	-webkit-border-radius: 300px;

	-moz-border-radius:    300px;

	border-radius:         300px;

	-webkit-box-shadow : 0 1px 2px rgba(0, 0, 0, 0.09) inset;

	-moz-box-shadow: 	 0 1px 2px rgba(0, 0, 0, 0.09) inset;

	box-shadow: 		 0 1px 2px rgba(0, 0, 0, 0.09) inset;

	margin-bottom: 12px;

}



.iva-progress-bar .bar-color span { color: #FFFFFF; font-size: 13px; padding: 0 15px; }

.iva-progress-bar .bar-color { 

	overflow: visible !important; 

	position: relative; 

	background-color: #dddddd; 

	-webkit-border-radius: 300px; 

	-moz-border-radius:    300px; 

	border-radius:         300px; 

	display: block; 

	padding: 5px 0; 

	width: 0;

}



/* 

 Progress Circle

======================================================================== */



.CircleBarWrap {

	display:table;

	text-align:center;

	margin:0 auto;

}

.CircleBarWrap .label { }



.easyPieChart {

    position: relative;

    text-align: center;

	margin:0 auto;

}



.easyPieChart canvas {

    position: absolute;

    top: 0;

    left: 0;

}

.chart {

    float: left;

    margin: 10px;

}



.CircleBar {

    text-align: center;

    font-size: 1.2em;

    margin-bottom: 0.3em;

}



.chart .label {

    text-align: center;

    font-size: 1em;

    margin: 0.8em 0;

}



/* 

 Horizontal Tabs

======================================================================== */



.systabspane  {

    clear: both;

    margin: 0 0 30px;

    padding: 0;

    position: relative;

}

.systabspane .panes   { clear:both; }

.systabspane.centertabs ul.tabs  {     

	background-color: #f8f8f8;

    display: table;

    margin: 0;

    padding: 0;

    position: relative;

    width: 100%;

}

.systabspane.righttabs ul.tabs   { margin:0 0 0 auto; float:right; }

.hortabs .tabs {

    display: block;

    margin: 0;

    padding: 0;

    position: relative;

    width: 100%;

}



.hortabs .tabs li {

	float: left;

	line-height: 40px;

	list-style-type: none;

	padding: 0 30px;

	cursor: pointer;

	border-width: 2px 1px 0 1px;

	border-color: #dddddd;

	border-style: solid;

	margin-right: 3px;

}

.hortabs .tabs li:first-child{

	border-width: 2px 1px 0 1px;

	border-color: #dddddd;

	border-style: solid;

}



.hortabs .tabs a span { 

	display:block;

}



.hortabs .tabs a { 

	color: #000000;

	display: block;

	position: relative;

	text-decoration: none;		

}



.hortabs .tab_content {

	background-color: #ffffff;

	display: none;

	overflow: hidden;

	padding: 15px;

	border: 1px solid #dddddd;

}



.hortabs .tabs li.current { 

	color: #000000;

	margin: 0;

	position: relative;

	border-top: 2px solid #00c1cf;

	margin-right: 3px;

}



.hortabs .tabs li.current a {

	cursor: pointer;

	color:#000;

}



/* 

 Vertical Tabs

======================================================================== */



.vertabs .panes  { clear:none;}

.vertabs .tabs {

	clear: none;

	float: left; 

	width: 160px;

	height: auto;

	margin: 0 !important;

	padding: 0;

	border-bottom: none;

}

.vertabs .tabs li {

	clear: left;

	display: block;

	float: none;

	margin: 0; 

	padding: 0; 

	border: 1px solid #dddddd;

	border-width: 1px 0 0 1px;

	line-height: normal;

	list-style-type:none; 

}

.vertabs .tabs li:last-child {

	border-width:1px 0px 1px 1px;

}

.vertabs .tabs a { 

	display: block; 

	clear: left;

	float: none;

	position: relative; 

	height: auto; 

	padding: 10px 15px; 

	text-decoration: none; 

}

.vertabs .tab_content {

	padding: 20px;

}

.vertabs .tabs li.current { 

	position: relative;

	margin: 0 -1px 0 0;

	border-left: 2px solid #00C1CF;

}

.vertabs .tabs li.current a { 

	color: #444;		

	cursor: pointer;

}

.vertabs .tab_content { border:1px solid #dddddd; }



/* 

 Twitter Tweets

======================================================================== */



.twitter_widget ul {

	margin: 0;

	padding: 0;

	list-style:none;

}

.twitter_widget ul li {

	border-bottom: 0 !important;

	background: none !important;

	padding: 0 !important;

	margin-bottom: 15px;

	color: #747474;

}

.twitter_widget ul li span {

	display: block;

	font-size: 10px;

}

.twitter_widget ul li a:hover {

	border-bottom: 1px dotted #ffffff;

}



/* Tweets List */



ul.tweet { margin:0 0 20px 0; padding:0; list-style:none; }

ul.tweet li { padding:0 0 15px 0; }

ul.tweet li span:last-child { display:block; font-size: small; }



/* 

 Fancy Heading

======================================================================== */



.fancyheading {

    line-height: 130%;

    margin-bottom: 30px;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;

    overflow-x: hidden;

    overflow-y: hidden;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    position: relative;

    text-transform: none;

    word-wrap: break-word;

}

.fancyheading small {

    display: block;

    font-weight: normal;

    line-height: normal;

    margin-top: 5px;

	letter-spacing: normal;

}

.fancyheading .fancy-title {

    margin-bottom: 0;

}

.fancyheading .xlarge {

    font-size: 52px !important;

    /* font-weight: bold; */

    letter-spacing: -1px;

    line-height: 120%;

}

.fancyheading .large {

    font-size: 36px !important;

    font-weight: bold;

    letter-spacing: -1px;

    line-height: 120%;

}

.fancyheading span {

    display: inline-block;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    position: relative;

}

.fancyheading.bordered span { padding:25px;}



.fancy_ampersand {

    font-family: 'Lato','Vidaloka',serif !important;

    font-size: 24px;

}

.fancyheading span.gray {

    background-color: #666666;

}

.fancyheading span.orange {

    background-color: #ff5c00;

}

.fancyheading span.red {

    background-color: #e62727;

}

.fancyheading span.magenta {

    background-color: #a9014b;

}

.fancyheading span.yellow {

    background-color: #ffb515;

}

.fancyheading span.blue {

    background-color: #00adee;

}

.fancyheading span.pink {

    background-color: #e22092;

}

.fancyheading span.green {

    background-color: #91bd09;

}

.fancyheading span.black {

    background-color: #333333;

}

.fancyheading span.white {

    background-color: #ffffff;

}

.fancyheading span.white span {

    color: #666666;

}

.fancyheading.right,.fancyheading.textright {

    text-align: right;

}

.fancyheading.left,.fancyheading.textleft {

    text-align: left;

}

.fancyheading.center ,.fancyheading.textcenter {

    text-align: center;

}

.fancyheading.textleft span {

    padding-left: 0;

}

.fancyheading.textright span {

    padding-right: 0;

}

.fancyheading h1, .fancyheading h2, .fancyheading h3, .fancyheading h4, .fancyheading h5, .fancyheading h6 {

    margin-bottom: 0;

}



/* 

 Flickr Photos

======================================================================== */



.flickr_badge_image {

	 float: left; 

	 display:block;

	 margin: 0 8px 8px 0;

	 padding: 3px;

	 border:1px solid #dddddd;

	 -webkit-transition: all .3s ease-out;

	 -moz-transition:    all .3s ease-out;

	 transition:         all .3s ease-out;

}



.flickr_badge_image img {

	 width: 50px;

	 height: 50px;

}



/* Testimonial Submission */

#testimonialid input,

#testimonialid textarea{ width:200px; border: 1px solid #DDDDDD; }

#testimonialid button{ border:0; }



/* Testimonials

======================================================================== */



.testimonial-box {

	position: relative;

	margin: 0 auto;

	min-height: 100px;

}



.testimonials-list .testimonial-box { 

	margin-bottom: 50px; 

	}



.testimonial-carousel {

	position: relative;

	margin: 0 auto;

	min-height: 100px;

}



.tc-content {

	position: relative;

	overflow: hidden;

}



.tc-content p {

	margin-bottom:0px;

	font-size: 16px;

	line-height: normal;

	position: relative;

	padding: 0 40px;

}



.tc-content > p:before {

    content: "\201C";

    font-size: 40px;

    font-style: italic;

    line-height: 40px;

    margin-left: -30px;

    position: absolute;

}



.tc-content > p:after {

    content: "\201D";

    font-size: 40px;

    font-style: italic;

    line-height: normal;

    margin-left: 5px;

    position: absolute;

}



.tc-details { float: left; }



.tc-client-image  {

	position: relative;

	margin: 0 auto;

	display: table;

}



.tc-client-image  img {

	display: block;

	-webkit-border-radius: 100%;

	-moz-border-radius:    100%;

	border-radius:         100%;

}



.tc-client-meta {

	margin: 15px 0 0 40px;

	position: relative;

	line-height:normal;

}



.client-name strong { display:block; }



/* Testimonials Lists

======================================================================== */



.testimonial_list { position:relative; }

.testimonial_list {

	min-width: 100px;

	position: relative;

	clear:both;

	list-style: none;

	padding: 0;

	margin: 0;

}



.testimonial_list li {

	top: 0;

	left: 0;

	display: none;

	background: none;

	padding: 0;

	list-style: none;

}



.testimonial_list li:first-child {

	display:block;

}

.testimonial_list .client-meta { margin-left: 65px}



#testimonialid input, textarea{ width: 70%;}

#testimonialid button { border: 0;}



/* Testimonials Grid

======================================================================== */

.testimonial-grid-wrap{

	 display: table;

	 margin: 0 auto;

	 clear: both;

	 width:100%;

}

.iva-testimonial {

	display: table-cell;

	float: none;

	border: 1px solid #dddddd;

	border-width: 0 1px 1px 0;

	padding: 20px;

}



.iva-last-testimonial {

	 border-right: none;

}

.iva_one_half {

 	width: 50%;

}

.testimonial-row {

 	display: table-row;

}



/* Milestone Count

======================================================================== */



.milestone_wrap{

	position: relative;

	background-color: #FFFFFF;

	border: 1px solid #EEEEEE;

	padding: 20px;

	-webkit-border-radius: 5px;

	-moz-border-radius:    5px;

	border-radius:         5px;

}



.milestone_icon{

	color: #808080;

	font-size: 20px;

	text-align: center;

}



.milestone_icon .fa{

	font-size: 50px;

}



.milestone_content {

	text-align: center;	

}



.count-number { 	

	color: #808080;

	font-size: 40px;

	font-weight: normal;

	margin-top: 10px;

	margin-bottom: 0;



}



.milestone-text {}



/* Section Row

======================================================================== */



.section_row {

	 position:relative;

	 border-style: solid;

	 border-color: #dddddd;

	 padding: 30px 0;

}



.section_inner { 

	 width: 1140px; 

	 margin:0 auto; 

	 position:relative;

	 z-index: 2;

}

.content-area  .section_inner { 

	 width:850px; 

	 margin:0 auto; 

	 position:relative;

	 z-index: 2;

}

.iva-page-section { position:relative;  height:auto; margin-bottom:0 !important; }

.iva-page-section:before,

.iva-page-section:after { 

	clear:both; 

	display:block;

	content: '';

}



.iva-section-patterns, .iva-video-color-mask {

	width: 100%;

	height: 100%;

	opacity: 0.7;

	position: absolute !important;

	top: 0;

	left: 0;

	padding-bottom: 0px !important;

	z-index: 0;

}



.iva-video-color-mask {

	opacity: 0.6;

}



.iva-video-preload {

	 position: absolute;

	 top: 0px;

	 left: 0px;

	 z-index: 1;

	 display: block;

	 width: 100%;

	 height: 100%;

	 background-position: center;

	 background-size: cover;

	 background-repeat: no-repeat;

	 -moz-background-size: cover;

	 -webkit-background-size: cover;

	 -o-background-size: cover;

}



.iva-section-video {

	 position: absolute;

	 overflow: hidden;

	 top:0;

	 left:0;

	 z-index: -999;

	 width: 100%;

	 height: 100%;  

}

.iva-page-section .iva-section-video

{

	z-index:0;

	opacity:1.0;

}

.iva-section-video video {

	 left: 0;

	 min-height: 100%;

	 min-width: 100%;

	 max-width:100%;

	 position: absolute;

	 top: 0;

}



.section_video .section_inner { padding: 0;}

.wp-video{ width: 100% !important; }



.full-inner-class {

	text-align: justify;

	left: 25%;

	width: 1000px;

}	

.full-width-class{

	width:100%;

	box-sizing: content-box!important;

	-moz-box-sizing: content-box!important;

	-webkit-box-sizing: content-box!important;

}



.page_fullcontent{

	position:relative;

	z-index:2;

}



.page_inner{

	position:relative;

	z-index:2;

}



.page_fullcontent div:nth-child(1) {

	padding-left:0 !important;

	padding-right:0 !important;

}



.page_content{

	width:1140px;

	clear:both;

	margin:0 auto;

	position:relative;

	z-index: 2;

}

.full-content-class{

	width:100% ;

	background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	box-sizing: content-box!important;

	-moz-box-sizing: content-box!important;

	-webkit-box-sizing: content-box!important;

}

.inner_content_select{

	position:relative; width: 1140px; margin: 0 auto;

}

.inner_content{

	position:relative;width:1140px; margin: 0 auto;

}



.ivanewgrid  ul{ margin:0; }

.ivanewgrid  .isotope-inner{ margin:0 10px 0 0; }



/*only for webkit  browsers*/



@media screen and (-webkit-min-device-pixel-ratio:0) {

.iva-page-section { 

    background-attachment: scroll !important;

	}

}



/* Staff Sociables ToolTip

======================================================================== */



.ttip {

	display:none;

	position:absolute;

	bottom:28px;

	left:0;

	padding:6px 10px;

	font-size:11px;

	line-height:15px;

	background:#333333; 

	color:#ffffff;

	-webkit-border-radius: 2px;

	-moz-border-radius:    2px;

	border-radius:         2px;

}



.ttip::after {

	content: "";

	position: absolute;	

	top: 100%;

	left: 10px;

	border-top-color: inherit; 

	border-top: 6px solid #333333;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent; 

}



/* Services Image

======================================================================== */



.church-services {

	position: relative;

	margin: 0 0 20px 0;

}



.service-img img {

	border: 1px solid #dddddd;

	padding: 3px;

}

.cs-title {

	position: absolute;

	bottom: 10px;

	left: 0;

}

.cs-title h2 { 	

	background-color: rgba(0,0,0,0.8);

	border-left:5px solid #00c1cf;

	color: #ffffff;

	font-size: 18px;

	padding: 10px 15px;

	margin: 0;

	font-weight: 300;

}



.cs-title .serv_link {

	background-color: #ffffff;

	border-left:5px solid rgba(0,0,0,0.2);

	padding: 2px 8px;

	font-size:12px;

}





.ppl_carousel .post-title { font-size: 16px;}

.ppl_carousel .post-thumb { overflow: hidden; margin-bottom:10px;}

.ppl_carousel .post-thumb img { max-width: 100%; height: auto; }