
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
.button_color > .blue, .button_color .blue {
	background-color: #41a5db;
	color: #fff;
}

.button_color > .blue-dark {
	background-color: #2b6baa;
	color: #fff;
}

.button_color > .aqua {
	background-color: #40c0cb;
	color: #fff;
}

.button_color > .purple-light {
	background-color: #903090;
	color: #fff;
}

.button_color > .purple {
	background-color: #9B175E;
	color: #fff;
}

.button_color > .purple-dark {
	background-color: #5d4157;
	color: #fff;
}

.button_color > .red-dark {
	background-color: #CA0027;
	color: #fff;
}

.button_color > .red {
	background-color: #E42D3F;
	color: #fff;
}

.button_color > .red-light {
	background-color: #F05761;
	color: #fff;
}

.button_color > .red-light {
	background-color: #F05761;
	color: #fff;
}

.button_color > .pink-dark {
	background-color: #F51E70;
	color: #fff;
}

.button_color > .pink {
	background-color: #F772A3;
	color: #fff;
}

.button_color > .orange-dark {
	background-color: #e57200;
	color: #fff;
}

.button_color > .orange {
	background-color: #F59017;
	color: #fff;
}

.button_color > .orange-light {
	background-color: #F7D137;
	color: #774f38;
}

.button_color > .yellow {
	background-color: #FFEC00;
	color: #333;
}

.button_color > .green {
	background-color: #77A600;
	color: #fff;
}

.button_color > .amber {
	background-color: #eb9c4d;
	color: #fff;
}

.button_color > .brown {
	background-color: #774f38;
	color: #fff;
}

.button_color > .brown-light {
	background-color: #935d3f;
	color: #fff;
}

.button_color > .black {
	background-color: #111;
	color: #fff;
}

.button_color > .black-light {
	background-color: #2a2a2a;
	color: #fff;
}

.button_color > .grey-dark {
	background-color: #404051;
	color: #fff;
}

/*
 *   Image select Js component styles
 */

ul.thumbnails.image_picker_selector {
	overflow: auto;
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

ul.thumbnails.image_picker_selector ul {
	overflow: auto;
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

ul.thumbnails.image_picker_selector li.group_title {
	float: none;
}

ul.thumbnails.image_picker_selector li {
	margin: 0 12px 12px 0;
	float: left;
}

ul.thumbnails.image_picker_selector li .thumbnail {
	border: 2px solid #dddddd;
	transition: border 200ms ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
	-webkit-user-drag: none;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
	border: 2px solid #454545;
}



/*------------------Visual composer icons---------------*/



.vc_element-icon.alert-box {
	background-position: 0 -224px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.blockquote_icon {
	background-position: -950px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.client_presentation {
	background-position: -340px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.contact_form {
	background-position: -306px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.countdown {
	background-position: -206px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.counter {
	background-position: -747px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.heading {
	background-position: -577px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.hor-tabs {
	background-position: 0 -544px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.icon-box {
	background-position: 0 -1312px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.image-box {
	background-position: 0 -672px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.modal-box {
	background-position: -713px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.polo-panel {
	background-position: 0 -641px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.popover {
	background-position: -849px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.price-menu {
	background-position: 0 -896px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.pricing-tables {
	background-position: -917px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.portfolio_grid_icon {
	background-position: -1121px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.rotating-text {
	background-position: 0 -256px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.socials-buttons {
	background-position: -442px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.subscribe-form {
	background-position: -611px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.team-members {
	background-position: -340px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.team-presentation {
	background-position: -985px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.testimonial-carousel {
	background-position: -816px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.testimonial-slider {
	background-position: -510px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.testimonial {
	background-position: -950px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.timeline {
	background-position: -544px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.working-hours {
	background-position: -206px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.youtube-video {
	background-position: 0 -160px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.product-category {
	background-position: 0 -1088px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.product-slider {
	background-position: -646px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.promo-shop {
	background-position: -1019px 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.recent-product {
	background-position: 0 0 !important;
	background-image: url('../../img/icon32.png') !important;
}

.vc_element-icon.attachment-category {
	background-position: 0 -800px !important;
	background-image: url('../../img/elements_icons_sprite.png') !important;
}

.vc_element-icon.recent-posts {
	background-position: 0 0 !important;
	background-image: url('../../img/icon32.png') !important;
}


/* Retina */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {



	.vc_element-icon.blockquote_icon {
		background-position: -923px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.client_presentation {
		background-position: -330px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.contact_form {
		background-position: -297px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.countdown {
		background-position: -198px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.counter {
		background-position: -727px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.heading {
		background-position: -562px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.modal-box {
		background-position: -693px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.popover {
		background-position: -823px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.pricing-tables {
		background-position: -889px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.portfolio_grid_icon {
		background-position: -1089px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.socials-buttons {
		background-position: -430px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.subscribe-form {
		background-position: -594px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.team-members {
		background-position: -330px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.team-presentation {
		background-position: -958px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.testimonial-carousel {
		background-position: -793px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.testimonial-slider {
		background-position: -495px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.testimonial {
		background-position: -923px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.timeline {
		background-position: -528px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.working-hours {
		background-position: -198px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.product-slider {
		background-position: -625px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.promo-shop {
		background-position: -1023px 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.recent-product {
		background-position: 0 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}

	.vc_element-icon.recent-posts {
		background-position: 0 0 !important;
		background-image: url('../../img/icon64.png') !important;
	}


}