/*
Theme Name: Oli
Description: Coming Soon
Author: Bluminethemes
Theme URI: http://bluminethemes.com/preview/themeforest/html/oli/
Author URI: http://themeforest.net/user/Bluminethemes
Version: 1.3.1
*/

/* ==================================================================
 * Table of Contents:
 *
 * 1.0 - CSS Reset
 * 2.0 - Bootstrap fix for WinPhone 8 and IE10 
 * 3.0 - Basic Document Styles
 * 4.0 - Typography
 * 5.0 - Basic Layout Styles
 * 6.0 - Forms
 * 7.0 - Preloader
 * 8.0 - Section Styles
 * 9.0 - Background Styles
 * 10.0 - Header
 * 11.0 - Navigation
 * 12.0 - Clock
 * 13.0 - Services
 * 14.0 - Footer
 * 		14.1 - Socials icons
 * 15.0 - Buttons
 * 		15.1 - Default Buttons
 * 		15.2 - Small Buttons
 * 		15.3 - Border Buttons
 * 		15.4 - Small Border Buttons
 * 		15.5 - Buttons Styles
 * 16.0 - Overlay Styles
 * 		16.1 - Background Color Styles
 * 		16.2 - Gradient Background Styles
 * 17.0 - Shortcodes
 * 18.0 - Flexslider
 * 19.0 - Full Page
 * 20.0 - Mobile
 * 21.0 - Responsive
 * 22.0 - Image Backgrounds
================================================================== */


/* ==================================================================
	1.0 CSS Reset
================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: 'Open Sans', sans-serif, cursive;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==================================================================
	2.0 Bootstrap fix for WinPhone 8 and IE10 
================================================================== */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* ==================================================================
	3.0 Basic Document Styles
================================================================== */

body {
	line-height: 1;
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
	background: #404040 ;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	white-space: normal;
	position: relative;
}

.youtube-background,
.youtube-list-background {
	background-color: #000;
}

input,
select,
textarea { 
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
}


/* ==================================================================
	4.0 Typography
================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
	margin-bottom: 10px;
	line-height: 1.2em;
}

h1 {
	
	font-size: 62px;
	position: relative;
	margin-bottom: 0px;
}

h2 {
	
	font-size: 48px;
	position: relative;
}

h3 {
	
	font-size: 30px;
}

h4 {
	
	font-size: 22px;
}

h5 {
	
	font-size: 20px;
}

h6 {
	
	font-size: 18px;
}

p {
	margin-bottom: 20px;
}

p.lead {
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-size: 21px;
	padding: 0;
	font-weight: 300;
}

.section-title {
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 20px;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
    color: #fff;
    font-weight: 100;
	position: relative;
}

a, a > * {
	/*color: #2a6496;*/
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover, a > *:hover, a:focus {
	text-decoration: none;
	outline: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
}

.color-white {
	color: #fff;
}


/* ==================================================================
	5.0 Basic Layout Styles
================================================================== */

section {
	text-align: center;
}

.text-left {
	text-align: left !important;
}

.text-right { 
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

.font-thin {
	font-weight: 100 !important;
}

.font-light {
	font-weight: 400 !important;
}

.font-normal {
	font-weight: 400 !important;
}

.font-medium {
	font-weight: 500 !important;
}

.font-bold {
	font-weight: 700 !important;
}

.font-semibold {
	font-weight: 800 !important;
}

.font-ultrabold {
	font-weight: 900 !important;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.clear {
	clear: both;
}

.all-margin {
	margin: 20px !important;
}

.left-margin {
	margin-left: 20px !important;
}

.right-margin {
	margin-right: 20px !important;
}

.top-margin {
	margin-top: 20px !important;
}

.bottom-margin {
	margin-bottom: 20px !important;
}

.no-margin {
	margin: 0 !important;
}

.no-left-margin {
	margin-left: 0 !important;
}

.no-right-margin {
	margin-right: 0 !important;
}

.no-top-margin {
	margin-top: 0 !important;
}

.no-bottom-margin {
	margin-bottom: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-left-padding {
	padding-left: 0 !important;
}

.no-right-padding {
	padding-right: 0 !important;
}

.no-top-padding {
	padding-top: 0 !important;
}

.no-bottom-padding {
	padding-bottom: 0 !important;
}

.csstransitions .animated,
.animated {
    visibility: hidden;
}

.csstransitions .visible {
    visibility: visible;
}

.video-container {
	width: 100%;
	height: 100%;
}

.img-rounded {
	border-radius: 100%;
}

.img-center {
	display: block;
	margin: 0 auto;
}

.position-relative {
	position: relative;
}


/* ==================================================================
	6.0 Forms
================================================================== */

input, textarea, select {
	background: #fff;
	outline: none;
	-webkit-appearance: none;
	color: #333;
	border: 0px solid #fff;
	padding: 11px 25px;
	margin: 0px;
	font-weight: 300;
	line-height: 1.42857143;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: auto;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease;
	    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease;
	     -o-transition: background-color .3s ease, border .3s ease, color .3s ease;
	        transition: background-color .3s ease, border .3s ease, color .3s ease;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
}

textarea {
	width: 100%;
	padding: 10px 20px;
	resize: both;
	margin-top: 0px;
	height: 150px;
}
	
input:hover, textarea:hover, select:hover {
	color: #333;
}
	
input:focus, textarea:focus, select:focus {
	color: #333;
}

input[type="submit"], button {
	width: auto;
	font-style: normal;
	background: #fff;
	color: #333;
	/*cursor: pointer;*/
    cursor: url(/images/roloPointer.png), auto;
	border: 1px solid #fff;
	padding: 12px 20px;
}

input[type="submit"]:hover, button:hover {
	color: #333;
}

select, option {
	/*cursor: pointer;*/
    cursor: url(/images/roloPointer.png), auto;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	-webkit-appearance: radio;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #333; }

input.placeholder, textarea.placeholder { color: #333; }

input[placeholder] { text-overflow: ellipsis; }

::-moz-placeholder { text-overflow: ellipsis; } /* firefox 19+ */

input:-moz-placeholder { text-overflow: ellipsis; }

.form {
	position: relative;
	overflow: hidden;
}

.form-container {
	padding-top: 40px;
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}

.form-note {
	color: #333;
	font-style: italic;
	margin: 24px 0;
}

.success-message {
	padding-top: 10px;
	color: #fff;	
	font-size: 14px;
	font-weight: 300;
	display: none;
}

.error-message {
	padding-top: 10px;
	color: #fff;	
	font-size: 14px;
	font-weight: 300;
	display: none;
}

.success-message,
.error-message {
	max-width: 500px;
	margin: 0 auto;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
	width: 100%;
}

.contact-form input, .contact-form textarea, .contact-form select {
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 9px 20px;
	margin: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: auto;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease;
	transition: background-color .3s ease, border .3s ease, color .3s ease;
	position: relative; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.contact-form textarea {
	margin-bottom: 18px;
}

.contact-form .input-error {
	border-color: #ed5555;
}

.contact-form .response-message {
	margin: 20px 0 30px 0;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}

/* WebKit browsers */
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder { 
    color: #fff;
}
.contact-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity:  1;
}
.contact-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff; 
    opacity:  1;
}
.contact-form :-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #fff;
}

/* WebKit browsers */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
    color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333; 
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #333;
}

.subscription-form {
	display: table;
	margin: 0 auto;
}

.subscription-form input {
	float: left;
	display: inline-block;
	border: none;
}

.subscription-form input[type="email"] {
	min-width: 270px;
}

.subscription-form button {
	margin: 0 5px;
	float: left;
}


/* ==================================================================
	7.0 Preloader
================================================================== */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 10001;
}

#loading-animation {
    width: 120px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/loading-animation.gif); 
    background-repeat: no-repeat;
    background-position: center;
    margin: -60px 0 0 -64px;
}


/* ==================================================================
	8.0 Section Styles
================================================================== */

.section {
	text-align: center;
}

.section-header {
	padding-bottom: 0px;
}

.container {
	z-index: 10;
	position: relative;
    
}


/* ==================================================================
	9.0 Background Styles
================================================================== */

.parallax-background {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
	background-color: transparent;
}

.cover-background {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-repeat {
	background-repeat: repeat;
}

.background-repeat-x {
	background-repeat: repeat-x;
}

.background-repeat-y {
	background-repeat: repeat-y;
}

#video_background {
	position: fixed;
	bottom: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}


/* ==================================================================
	10.0 Header
================================================================== */

.site-header {
	margin: 0;
	padding: 0 58px;
	background: #4D4D4D;
	border: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 58px;
	display: block;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: position .5s ease;
	-moz-transition: position .5s ease;
	-ms-transition: position .5s ease;
	-o-transition: position .5s ease;
	transition: position .5s ease;
}

.site-logo {
	margin: 0;
	height: 63px;
	position: relative;
	overflow: hidden;
	float: left;
}

.site-logo img {
	display: block;
}


/* ==================================================================
	11.0 Navigation
================================================================== */

.navigation {
	margin: 0;
	padding: 0;
	border: 0;
}

.navbar-brand {
	height: 62px;
	padding: 0px 15px;
}

.navbar-toggle {
	border-color: #fff;
	border-radius: 0px;
	margin-top: 13px;
	margin-bottom: 13px;
}

.navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-collapse {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navigation ul > li > a {
	font: 14px 'Open Sans', sans-serif;
	font-weight: 300;
	letter-spacing: 1px; 
	float: none;
	line-height: 62px;
	color: #fff;
	text-decoration: none;
	position: relative;
	/*cursor: pointer;*/
    cursor: url(/images/roloPointer.png), auto;
	display: block;
	padding: 0;
	margin: 0 15px;
	border-bottom: 1px solid transparent;
}

.navigation ul > li.active > a {
	border-bottom: 1px solid #fff;
}

.navigation ul > li > a i {
	color: #fff;
}

.navigation ul > li > a:hover {
	background: transparent;
}

.navigation ul > li.active > a {
	background: transparent;
	color: #fff;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: transparent;
}


/* ==================================================================
	12.0 Clock
================================================================== */

#clock {
	color: #fff;
	overflow: hidden;
}

.counter-container {
	display: table;
	margin: 0 auto;
}

#clock .counter-box {
	display: block;
	width: 160px;
	text-align: center;
	overflow: hidden;
	padding: 10px 25px;
	float: left;
	margin: 25px 0;
	position: relative;
}

#clock .number {
	font-size: 80px;
	text-align: center;
	font-family: 'Monteserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}

#clock span {
	display: block;
	font-size: 21px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding-top: 10px;
	position: relative;
	overflow: hidden;
}

#clock span:before {
	position: absolute;
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0px;
}


/*==================================================================
	13.0 Services
================================================================== */

.service-icon {
	font-size: 75px;
	color: #fff;
	margin-bottom: 20px;
}

.service h3 {
	margin-bottom: 10px;
}

.feature-item {
	text-align: left;
	margin-bottom: 30px;
}

.feature-icon {
    font-size: 40px;
    color: #fff;
	float: left;
	width: 50px;
	text-align: center;
}

.feature-text {
	margin-left: 60px;
}

.feature-item h3 {
	font-size: 21px;
	margin-bottom: 10px;
}


/*==================================================================
	14.0 Footer
================================================================== */

.site-footer {
	background: transparent;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	min-height: 63px;
	margin: 0 auto;
	z-index: 10000;
	padding: 0 15px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: position .5s ease;
	-moz-transition: position .5s ease;
	-ms-transition: position .5s ease;
	-o-transition: position .5s ease;
	transition: position .5s ease;
	text-align: center
}

.copyright {
	line-height: 63px;
	margin: 0;
    
}

.copyright span img {
    vertical-align: middle;
    margin-top: 0;
}


/*	14.1 Socials icons
	-------------------------------------------------------------- */	
.socials-icons {
	position: fixed;
	display: table;
	margin: 0;
	width: 63px;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 9100;
}

.socials-icons ul  {
	margin: auto;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
	
.socials-icons li {
	margin: 0;
	display: block;
}

.socials-icons li a {
	display: block;
	background: transparent;
	position: relative;
	width: 63px;
	height: 63px;
	text-align: center;
	line-height: 63px;
	border-left: 1px solid transparent;
}

.socials-icons li a i {
	color: #fff;
	line-height: 70px;
	font-size: 21px;
}

.socials-icons li a:hover {
	border-left: 1px solid #fff;
}

.socials-icons li a:hover i {
	color: #fff;
}



/*	14.2 Language icons
	-------------------------------------------------------------- */	
.language-icons {
	position: fixed;
	display: table;
	margin: 0;
	width: 63px;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9100;
}

.language-icons ul  {
	margin: auto;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
	
.language-icons li {
	margin: 0;
	display: block;
}

.language-icons li a {
	display: block;
	background: transparent;
	position: relative;
	width: 63px;
	height: 63px;
	text-align: center;
	line-height: 63px;
	border-left: 1px solid transparent;
}

.language-icons li a i {
	color: #fff;
	line-height: 70px;
	font-size: 21px;
}

.language-icons li a:hover {
	border-right: 1px solid #fff;
}

.socials-icons li a:hover i {
	color: #fff;
}

/* ==================================================================
	15.0 Buttons
================================================================== */

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.default-button:focus,
.sm-button:focus,
.border-button:focus,
.border-sm-button:focus  {
	outline: none;
	outline-offset: 0px;
	text-decoration: none;
}

/*	15.1 Default Buttons
	-------------------------------------------------------------- */

.default-button {
	display: inline-block !important;
	background: #fff;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	padding: 9px 50px;
	color: #333;
	line-height: 22px;
	font-size: 16px;
	outline: none;
	outline-offset: 0px;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.default-button:hover,
.default-button:focus {
	color: #333;
	opacity: 0.8;
}

.default-button i,
.default-button:hover i,
.default-button:focus i {
	color: #333;
}

/*	15.2 Small Buttons
	-------------------------------------------------------------- */
.sm-button {
	display: inline-block !important;
	background: #fff;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	padding: 6px 25px;
	color: #333;
	line-height: 22px;
	font-size: 16px;
	outline: none;
	outline-offset: 0px;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.sm-button:hover,
.sm-button:focus {
	color: #333;
	opacity: 0.8;
}

.sm-button i,
.sm-button:hover i,
.sm-button:focus i {
	color: #333;
}

/*	15.3 Border Buttons
	-------------------------------------------------------------- */

.border-button {
	display: inline-block !important;
	background: transparent;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	padding: 9px 50px;
	color: #fff;
	line-height: 22px;
	font-size: 16px;
	outline: none;
	outline-offset: 0px;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.border-button:hover,
.border-button:focus {
	background: #fff;
	color: #333;
	opacity: 0.8;
}

.border-button i,
.border-button:hover i,
.border-button:focus i {
	color: #333;
}

/*	15.4 Small Border Buttons
	-------------------------------------------------------------- */

.border-sm-button {
	display: inline-block !important;
	background: transparent;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	padding: 6px 25px;
	color: #333;
	line-height: 22px;
	font-size: 16px;
	outline: none;
	outline-offset: 0px;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.border-sm-button:hover,
.border-sm-button:focus {
	background: #fff;
	color: #333;
	opacity: 0.8;
}

.border-sm-button i,
.border-sm-button:hover i,
.border-sm-button:focus i {
	color: #333;
}
	
/*	15.5 Buttons Styles
	-------------------------------------------------------------- */	

/* Border Blue */
.border-bt-blue {
	border-color: #7da7f3;
	color: #7da7f3;
}

.border-bt-blue:hover,
.border-bt-blue:focus {
	background: #7da7f3;
	color: #fff;
	opacity: 0.8;
}

.border-bt-blue i {
	color: #7da7f3;
}

.border-bt-blue:hover i,
.border-bt-blue:focus i {
	color: #fff;
}

/* Border Green */
.border-bt-green {
	border-color: #5cb85c;
	color: #5cb85c;
}

.border-bt-green:hover,
.border-bt-green:focus {
	background: #5cb85c;
	color: #fff;
	opacity: 0.8;
}

.border-bt-green i {
	color: #5cb85c;
}

.border-bt-green:hover i,
.border-bt-green:focus i {
	color: #fff;
}

/* Border Turkus */
.border-bt-turkus {
	border-color: #31b0d5;
	color: #31b0d5;
}

.border-bt-turkus:hover,
.border-bt-turkus:focus {
	background: #31b0d5;
	color: #fff;
	opacity: 0.8;
}

.border-bt-turkus i {
	color: #31b0d5;
}

.border-bt-turkus:hover i,
.border-bt-turkus:focus i {
	color: #fff;
}

/* Border Orange */
.border-bt-orange {
	border-color: #f0ad4e;
	color: #f0ad4e;
}

.border-bt-orange:hover,
.border-bt-orange:focus {
	background: #f0ad4e;
	color: #fff;
	opacity: 0.8;
}

.border-bt-orange i {
	color: #f0ad4e;
}

.border-bt-orange:hover i,
.border-bt-orange:focus i {
	color: #fff;
}

/* Border Red */
.border-bt-red {
	border-color: #DD4B39;
	color: #DD4B39;
}

.border-bt-red:hover,
.border-bt-red:focus {
	background: #DD4B39;
	color: #fff;
	opacity: 0.8;
}

.border-bt-red i {
	color: #DD4B39;
}

.border-bt-red:hover i,
.border-bt-red:focus i {
	color: #fff;
}

/* Border Grey */
.border-bt-grey {
	border-color: #dedede;
	color: #919191;
}

.border-bt-grey:hover,
.border-bt-grey:focus {
	background: #dedede;
	color: #333;
	opacity: 0.8;
}

.border-bt-grey i {
	color: #dedede;
}

.border-bt-grey:hover i,
.border-bt-grey:focus i {
	color: #333;
}

/* Blue */
.bt-blue {
	background: #7da7f3;
	color: #fff;
}

.bt-blue:hover,
.bt-blue:focus {
	color: #fff;
	opacity: 0.8;
}

.bt-blue i,
.bt-blue:hover i,
.bt-blue:focus i {
	color: #fff;
}

/* Green */
.bt-green {
	background: #5cb85c;
	color: #fff;
}

.bt-green:hover,
.bt-green:focus {
	color: #fff;
	opacity: 0.8;
}

.bt-green i,
.bt-green:hover i,
.bt-green:focus i {
	color: #fff;
}

/* Turkus */
.bt-turkus {
	background: #31b0d5;
	color: #fff;
}

.bt-turkus:hover,
.bt-turkus:focus {
	color: #fff;
	opacity: 0.8;
}

.bt-turkus i,
.bt-turkus:hover i,
.bt-turkus:focus i {
	color: #fff;
}

/* Orange */
.bt-orange {
	background: #f0ad4e;
	color: #fff;
}

.bt-orange:hover,
.bt-orange:focus {
	color: #fff;
	opacity: 0.8;
}

.bt-orange i,
.bt-orange:hover i,
.bt-orange:focus i {
	color: #fff;
}

/* Red */
.bt-red {
	background: #DD4B39;
	color: #fff;
}

.bt-red:hover,
.bt-red:focus {
	color: #fff;
	opacity: 0.8;
}

.bt-red i,
.bt-red:hover i,
.bt-red:focus i {
	color: #fff;
}

/* Grey */
.bt-grey {
	background: #dedede;
	color: #333;
}

.bt-grey:hover,
.bt-grey:focus {
	color: #333;
	opacity: 0.8;
}

.bt-grey i,
.bt-grey:hover i,
.bt-grey:focus i {
	color: #333;
}

/* Transparent */
.bt-transparent {
	background: transparent;
	color: #fff;
}

.bt-transparent:hover,
.bt-transparent:focus {
	color: #fff;
	opacity: 0.8;
}

.bt-transparent i,
.bt-transparent:hover i,
.bt-transparent:focus i {
	color: #fff;
}

/* Transparent Dark */
.bt-transparent-dark {
	background: transparent;
	color: #333;
}

.bt-transparent-dark:hover,
.bt-transparent-dark:focus {
	color: #333;
	opacity: 0.8;
}

.bt-transparent-dark i,
.bt-transparent-dark:hover i,
.bt-transparent-dark:focus i {
	color: #333;
}


/* ==================================================================
	16.0 Overlay Styles
================================================================== */

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.overlay-frame {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0px 0px 0px 80px #353438;
	z-index: 1;
}

.color-overlay,
.gradient-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*	16.1 Background Color Styles
	-------------------------------------------------------------- */	
.background-white {
	background: #fff;
}

.background-grey {
	background: #fcfcfc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f8fafa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f8fafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f8fafa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#f8fafa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f8fafa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#f8fafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f8fafa',GradientType=0 ); /* IE6-8 */
}

.background-blue-dark {
	background: #000a1e;
}

/*	16.2 Gradient Background Styles
	-------------------------------------------------------------- */	
.gradient-0 {
	background: rgb(125,167,243); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYTdmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRkYjJjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MmVlZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(125,167,243,1) 0%, rgba(77,178,197,1) 50%, rgba(66,238,231,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,167,243,1)), color-stop(50%,rgba(77,178,197,1)), color-stop(100%,rgba(66,238,231,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,167,243,1) 0%,rgba(77,178,197,1) 50%,rgba(66,238,231,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,167,243,1) 0%,rgba(77,178,197,1) 50%,rgba(66,238,231,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,167,243,1) 0%,rgba(77,178,197,1) 50%,rgba(66,238,231,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,167,243,1) 0%,rgba(77,178,197,1) 50%,rgba(66,238,231,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da7f3', endColorstr='#42eee7',GradientType=0 ); /* IE6-8 */
}

.gradient-1 {
	background: #fe7259; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlNzI1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fe7259 0%, #ffc456 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fe7259), color-stop(100%,#ffc456)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fe7259 0%,#ffc456 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fe7259 0%,#ffc456 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fe7259 0%,#ffc456 100%); /* IE10+ */
	background: linear-gradient(to right,  #fe7259 0%,#ffc456 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7259', endColorstr='#ffc456',GradientType=1 ); /* IE6-8 */
}

.gradient-2 {
	background: #3cf888; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjZjg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyM2UyNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #3cf888 0%, #23e260 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3cf888), color-stop(100%,#23e260)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3cf888 0%,#23e260 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #3cf888 0%,#23e260 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3cf888 0%,#23e260 100%); /* IE10+ */
	background: linear-gradient(to right,  #3cf888 0%,#23e260 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cf888', endColorstr='#23e260',GradientType=1 ); /* IE6-8 */
}

.gradient-3 {
	background: #73ecfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczZWNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZWNhZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #73ecfd 0%, #6ecaf1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#73ecfd), color-stop(100%,#6ecaf1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #73ecfd 0%,#6ecaf1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #73ecfd 0%,#6ecaf1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #73ecfd 0%,#6ecaf1 100%); /* IE10+ */
	background: linear-gradient(to right,  #73ecfd 0%,#6ecaf1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ecfd', endColorstr='#6ecaf1',GradientType=1 ); /* IE6-8 */
}

.gradient-4 {
	background: #a169ce; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExNjljZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmNmZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #a169ce 0%, #abcff3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a169ce), color-stop(100%,#abcff3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #a169ce 0%,#abcff3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #a169ce 0%,#abcff3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #a169ce 0%,#abcff3 100%); /* IE10+ */
	background: linear-gradient(to right,  #a169ce 0%,#abcff3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a169ce', endColorstr='#abcff3',GradientType=1 ); /* IE6-8 */
}

.gradient-5 {
	background: rgb(68,209,252); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0ZDFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDg3ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(68,209,252,1) 0%, rgba(68,135,252,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,209,252,1)), color-stop(100%,rgba(68,135,252,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(68,209,252,1) 0%,rgba(68,135,252,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(68,209,252,1) 0%,rgba(68,135,252,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(68,209,252,1) 0%,rgba(68,135,252,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(68,209,252,1) 0%,rgba(68,135,252,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44d1fc', endColorstr='#4487fc',GradientType=1 ); /* IE6-8 */
}

.gradient-6 {
	background: rgb(229,112,231); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NzBlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2M4NWVjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODQ5YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=1 ); /* IE6-8 */
}

.gradient-7 {
	background: rgb(255,93,177); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjAxN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=1 ); /* IE6-8 */
}

.gradient-8 {
	background: rgb(234,185,45); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYjkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzk4MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(234,185,45,1) 0%, rgba(199,152,16,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,185,45,1)), color-stop(100%,rgba(199,152,16,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=1 ); /* IE6-8 */
}

.gradient-9 {
	background: rgb(221,232,99); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2RkZTg2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk3MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(221,232,99,1) 1%, rgba(255,151,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(221,232,99,1)), color-stop(100%,rgba(255,151,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(221,232,99,1) 1%,rgba(255,151,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(221,232,99,1) 1%,rgba(255,151,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(221,232,99,1) 1%,rgba(255,151,25,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(221,232,99,1) 1%,rgba(255,151,25,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde863', endColorstr='#ff9719',GradientType=1 ); /* IE6-8 */
}

.gradient-10 {
	background: rgb(83,160,118); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYTA3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMGE1MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(83,160,118,1) 0%, rgba(16,165,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(83,160,118,1)), color-stop(100%,rgba(16,165,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(83,160,118,1) 0%,rgba(16,165,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(83,160,118,1) 0%,rgba(16,165,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(83,160,118,1) 0%,rgba(16,165,51,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(83,160,118,1) 0%,rgba(16,165,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a076', endColorstr='#10a533',GradientType=1 ); /* IE6-8 */
}

.gradient-11 {
	background: rgb(82,158,151); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyOWU5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWQzY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(82,158,151,1) 0%, rgba(21,211,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(82,158,151,1)), color-stop(100%,rgba(21,211,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(82,158,151,1) 0%,rgba(21,211,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(82,158,151,1) 0%,rgba(21,211,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(82,158,151,1) 0%,rgba(21,211,205,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(82,158,151,1) 0%,rgba(21,211,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529e97', endColorstr='#15d3cd',GradientType=1 ); /* IE6-8 */
}

.gradient-12 {
	background: rgb(121,202,234); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Y2FlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWQzY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(121,202,234,1) 0%, rgba(21,211,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(121,202,234,1)), color-stop(100%,rgba(21,211,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(121,202,234,1) 0%,rgba(21,211,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(121,202,234,1) 0%,rgba(21,211,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(121,202,234,1) 0%,rgba(21,211,205,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(121,202,234,1) 0%,rgba(21,211,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79caea', endColorstr='#15d3cd',GradientType=1 ); /* IE6-8 */
}

.gradient-13 {
	background: rgb(229,165,68); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1YTU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Njc0YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(229,165,68,1) 0%, rgba(70,116,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,165,68,1)), color-stop(100%,rgba(70,116,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(229,165,68,1) 0%,rgba(70,116,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(229,165,68,1) 0%,rgba(70,116,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(229,165,68,1) 0%,rgba(70,116,191,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(229,165,68,1) 0%,rgba(70,116,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a544', endColorstr='#4674bf',GradientType=1 ); /* IE6-8 */
}

.gradient-14 {
	background: rgb(206,206,206); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MGI5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(206,206,206,1) 0%, rgba(64,185,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(64,185,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(206,206,206,1) 0%,rgba(64,185,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(206,206,206,1) 0%,rgba(64,185,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(206,206,206,1) 0%,rgba(64,185,249,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(206,206,206,1) 0%,rgba(64,185,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#40b9f9',GradientType=1 ); /* IE6-8 */
}

.gradient-15 {
	background: rgb(110,204,193); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlY2NjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MGI5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(110,204,193,1) 0%, rgba(64,185,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(110,204,193,1)), color-stop(100%,rgba(64,185,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(110,204,193,1) 0%,rgba(64,185,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(110,204,193,1) 0%,rgba(64,185,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(110,204,193,1) 0%,rgba(64,185,249,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(110,204,193,1) 0%,rgba(64,185,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccc1', endColorstr='#40b9f9',GradientType=1 ); /* IE6-8 */
}

.gradient-16 {
	background: rgb(67,169,216); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYTlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzNhYTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjhhYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(67,169,216,1) 0%, rgba(58,166,216,1) 47%, rgba(38,138,187,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,169,216,1)), color-stop(47%,rgba(58,166,216,1)), color-stop(100%,rgba(38,138,187,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(67,169,216,1) 0%,rgba(58,166,216,1) 47%,rgba(38,138,187,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(67,169,216,1) 0%,rgba(58,166,216,1) 47%,rgba(38,138,187,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(67,169,216,1) 0%,rgba(58,166,216,1) 47%,rgba(38,138,187,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(67,169,216,1) 0%,rgba(58,166,216,1) 47%,rgba(38,138,187,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a9d8', endColorstr='#268abb',GradientType=0 ); /* IE6-8 */
}

.gradient-17 {
	background: rgb(38,143,208); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2OGZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZjU2YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(38,143,208,1) 0%, rgba(95,86,172,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(38,143,208,1)), color-stop(100%,rgba(95,86,172,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(38,143,208,1) 0%,rgba(95,86,172,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(38,143,208,1) 0%,rgba(95,86,172,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(38,143,208,1) 0%,rgba(95,86,172,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(38,143,208,1) 0%,rgba(95,86,172,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268fd0', endColorstr='#5f56ac',GradientType=1 ); /* IE6-8 */
}

.gradient-18 {
	background: #2094dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwOTRkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzE0YmVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #2094dc 0%, #14bee3 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2094dc), color-stop(99%,#14bee3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #2094dc 0%,#14bee3 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #2094dc 0%,#14bee3 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #2094dc 0%,#14bee3 99%); /* IE10+ */
	background: linear-gradient(to right,  #2094dc 0%,#14bee3 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2094dc', endColorstr='#14bee3',GradientType=1 ); /* IE6-8 */
}

.gradient-19 {
	background: #26a6d0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2YTZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY2NWJjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #26a6d0 0%, #665bc3 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#26a6d0), color-stop(99%,#665bc3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #26a6d0 0%,#665bc3 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #26a6d0 0%,#665bc3 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #26a6d0 0%,#665bc3 99%); /* IE10+ */
	background: linear-gradient(to right,  #26a6d0 0%,#665bc3 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a6d0', endColorstr='#665bc3',GradientType=1 ); /* IE6-8 */
}


/* ==================================================================
	17.0 Shortcodes
================================================================== */

.line-separate {
	display: block;
	margin-bottom: 30px;
	width: 120px;
	height: 18px;
	position: relative;
}

.line-separate span {
	display: block;
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 auto;
	 -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.line-separate:before {
	content: '';
	display: block;
	position: relative;
	top: 8px;
	width: 50px;
	height: 1px;
	margin: 0 !important;
	float: left;
}

.line-separate:after {
	content: '';
	display: block;
	position: relative;
	top: -10px;
	width: 50px;
	height: 1px;
	margin: 0 !important;
	float: right;
}

.line-dark:before,
.line-dark:after {
	background: #999;
}

.line-dark span {
	box-shadow: inset 0px 0px 0px 1px #999;
}

.line-white:before,
.line-white:after {
	background: #fff;
}

.line-white span {
	box-shadow: inset 0px 0px 0px 1px #fff;
}

.line-color:before,
.line-color:after {
	background: #7da7f3;
}

.line-color span {
	box-shadow: inset 0px 0px 0px 1px #7da7f3;
}

.line-center,
.line-center:before,
.line-center:after {
	margin-left: auto;
	margin-right: auto;
}

.line-center span:before,
.line-center span:after {
	width: 90px;
}

.opacity-100 {
	opacity: 1;
}

.opacity-95 {
	opacity: 0.95;
}

.opacity-90 {
	opacity: 0.9;
}

.opacity-85 {
	opacity: 0.85;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-75 {
	opacity: 0.75;
}

.opacity-70 {
	opacity: 0.70;
}

.opacity-65 {
	opacity: 0.65;
}

.opacity-60 {
	opacity: 0.60;
}

.opacity-55 {
	opacity: 0.55;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-45 {
	opacity: 0.45;
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-35 {
	opacity: 0.35;
}

.opacity-30 {
	opacity: 0.3;
}

.opacity-25 {
	opacity: 0.25;
}

.opacity-20 {
	opacity: 0.2;
}

.opacity-15 {
	opacity: 0.15;
}

.opacity-10 {
	opacity: 0.1;
}

.opacity-5 {
	opacity: 0.05;
}

.opacity-0 {
	opacity: 0.0;
}

.empty-space {
	width: 100%;
	height: 50px;
	overflow: hidden;
}

.photo-image {
	max-width: 350px;
	margin: 0 auto;
}

.height-auto {
	height: auto;
}

.highlight {
	color: #7DA7F3;
}


/* ==================================================================
	18.0 Flexslider
================================================================== */

.flexslider.textslider {
	margin: 0;
	background: transparent;
	border: 0px solid #fff;
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
	zoom: 1;
}

.textslider h1,
.textslider h2,
.textslider h3 {
	text-transform: uppercase;
}

.textslider h1 {
	font-size: 82px;
	font-weight: 100;
}

.textslider h2 {
	font-size: 58px;
	font-weight: 200;
}

.textslider h3 {
	font-size: 40px;
	font-weight: 200;
}


/* ==================================================================
	19.0 Full Page
================================================================== */

div.viewport-border {
	z-index: 900;
}

.viewport-border div {
	background: #fff;
	position: fixed;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out; 
	z-index: 9000;
	opacity: 0.07;
}

.vb-l {
	left: 0;
	top: 0;
	bottom: 0;
	width: 63px;
}

.vb-r {
	right: 0;
	top: 0;
	bottom: 0;
	width: 63px;
}

.vb-t {
	top: 0;
	left: 0;
	right: 0;
	height: 63px;
}

.vb-b {
	bottom: 0;
	left: 0;
	right: 0;
	height: 63px;
}


.fp-responsive .section {
	height: auto;
}

.fp-responsive .section .container {
	padding-left: 78px;
	padding-right: 78px;
}

.fp-responsive .feature-item {
	text-align: center;
}

.fp-responsive .feature-icon {
	float: none;
	width: 100%;
	text-align: center;
}

.fp-responsive .feature-text {
	margin-left: 0;
}


/* ==================================================================
	20.0 Mobile
================================================================== */

body.mobile {
	-webkit-text-size-adjust:none;
}

body.mobile .onstart,
body.mobile .animated {
	display: block;
	visibility: visible;
}

body.mobile .fp-responsive .section {
	height: auto !important;
}

body.mobile #video_background {
	display: none;
}


/* ==================================================================
	21.0 Responsive
================================================================== */

@media(max-height:700px){
    
    .imgSlick{
        width: 65%;
        float:none;
        height: 100%;
        padding-left: 0%;
        padding-top: 0%;
        
    }

}

@media(max-height:900px){
    
    .imgSlick{
        width: 75%;
        float:none;
        height: 100%;
        padding-left: 0%;
        padding-top: 0%;
        
    }

}

@media(max-height:1100px){
    
    .imgSlick{
        width: 85%;
        float:none;
        height: 100%;
        padding-left: 10%;
        padding-top: 0%;
        
    }

}

@media(max-width:991px){
	
	h1 {
		font-size: 50px;
	}

	h2 {
		font-size: 44px;
	}

	h3 {
		font-size: 26px;
	}
	
	.services .service {
		padding-bottom: 50px;
	}
	
	.services .service:last-child {
		padding-bottom: 0px;
	}

	#clock .counter-box {
		display: inline-block;
		float: none;
		width: 170px;
		padding: 15px 15px;
	}

}

@media(max-width:768px){

    #companyProfileDiv *{
    	font-size: 0.8em;
	}
	
	
	.site-header {
		padding: 0 15px;
		height: auto;
		background: rgba(0,10,30,0.77);
		position: fixed;
		-webkit-transform: scale3d(1, 1, 1); 
	}
	
	.navbar-nav {
		margin: 15px -15px;
		margin-bottom: 30px;
	}

	.navigation ul > li > a {
		border: 0;
		text-align: center;
	}
	
	.navigation ul > li > a:hover {
		background: rgba(255,255,255,0.07);
	}
	
	.navigation ul > li.active > a {
		border-bottom: 0px solid #fff;
	}

	.socials-icons {
		position: relative;
		margin: 0;
		width: 100%;
		display: block;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
	}

	.socials-icons ul  {
		margin: 15px auto;
		display: table;
		overflow: hidden;
	}
		
	.socials-icons li {
		margin: 0;
		display: block;
		float: left;
	}

	.socials-icons li a {
		display: block;
		width: 80px;
		height: 80px;
		line-height: 80px;
		border: 0px;
	}

	.socials-icons li a i {
		color: #333;
		line-height: 80px;
		font-size: 21px;
	}

	.socials-icons li a:hover {
		border: 0px;
	}
    
    .language-icons {
		position: relative;
		margin: 0;
		width: 100%;
		display: block;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.language-icons ul  {
		margin: 15px auto;
		display: table;
		overflow: hidden;
	}
		
	.language-icons li {
		margin: 0;
		display: block;
		float: left;
	}

	.language-icons li a {
		display: block;
		width: 80px;
		height: 80px;
		line-height: 80px;
		border: 0px;
	}

	.language-icons li a i {
		color: #333;
		line-height: 80px;
		font-size: 21px;
	}

	.language-icons li a:hover {
		border: 0px;
	}
	
	.textslider h1 {
		font-size: 62px;
	}

	.textslider h2 {
		font-size: 48px;
	}

	.textslider h3 {
		font-size: 30px;
	}
	
	.viewport-border div {
		display: none;
	}

	.fp-responsive .section {
		padding-top: 130px;
		padding-bottom: 130px;
		height: auto;
	}
	
	.fp-responsive .section:last-child {
		padding-bottom: 230px !important;
	}
	
	.fp-responsive .section .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.subscription-form input,
	.subscription-form button {
		margin: 0px auto;
		float: none;
	}
	
	.subscription-form  button {
		margin-top: 10px;
	}
	
	.site-footer {
		background: transparent;
		position: relative;
		bottom: 0;
		right: 0;
		left: 0;
		min-height: 63px;
		margin: 0 auto;
		z-index: 10000;
		padding: 0 15px;
		margin-bottom: 15px;
		text-align: center;
		color: #333;
	}

}

@media(max-width:640px){
	
    #companyProfileDiv *{
        font-size: 0.9em;
    }
    
	.textslider h1 {
		font-size: 48px;
	}

	.textslider h2 {
		font-size: 30px;
	}

	.textslider h3 {
		font-size: 24px;
	}
	
	.fp-responsive .section:last-child {
		padding-bottom: 600px !important;
	}
	
	.socials-icons ul  {
		margin: 0 auto;
		text-align: center;
		display: table;
		vertical-align: middle;
		overflow: hidden;
	}
		
	.socials-icons li {
		margin: 0px 10px;
		display: inline-block;
		float: none;
	}
    
    .language-icons ul  {
		margin: 0 auto;
		text-align: center;
		display: table;
		vertical-align: middle;
		overflow: hidden;
	}
		
	.language-icons li {
		margin: 0px 10px;
		display: inline-block;
		float: none;
	}
	
	.navbar-brand img {
		height: 60px;
		width: auto;
	}
	
}


/* ==================================================================
	22.0 Image Backgrounds
================================================================== */

.image-1 {
	background-image: url(./images/bg1.jpg);
}

.image-2 {
	background-image: url(./images/bg2.jpg);
}

.image-3 {
	background-image: url(./images/bg3.jpg);
}

.image-4 {
	background-image: url(./images/bg4.jpg);
}

.image-5 {
	background-image:url(./images/bg1.jpg);
}


#roloImgPagZero {
    top:0;
    left:120px;
    position: absolute;
    width: 15.5%;
}

#roloImgPagOne {
    top:0;
    left:120px;
    position: absolute;
    width: 15.5%;
}

#roloImgPagTwo {
    top:0;
    left:120px;
    position: absolute;
    width: 15.5%;
}

.companyProfile{
	text-align: justify;
	
}

#pdfCat{
    color: white;
    position:absolute;
    vertical-align: middle;
    padding-left: 10px;
}

#catalogo{
    cursor: url(/images/roloPointer.png), auto;
}


.section1Div{
	width: 100%;
	height: 100%;
	position: relative;	
	
}





#slidyDiv{
	padding-top: 3%;
	float: right;
	width: 50%;
	text-align: left;
	
}

#slidy-container {
	
}

.companyTags{
	
	padding-left: 2%;
	color: rgb(201,89,40);
	text-align: justify;
	font-weight: bold;
    font-size: 1.5em;
}


.companyTagsR{
	text-align: justify;
    line-height: 15px;
}
.chooseLang{
    width: 35%;
	left:5%;
	top:10%;
    bottom: 10%;
    height: 80%;
	position: absolute;
    
}



.pA{
    line-height: 1px;
    font-size:1.5em;
}

.pA1{
    line-height: 15px;
}

.pA2{
    line-height: 15px;
}

.pA3{
    line-height: 50px;
}

.pA4{
    
    font-size:18px;
    font-weight: bolder;
    
    
    
}

.animatedPage0 { 
    -webkit-animation-duration: 4s; 
    animation-duration: 4s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; 
    animation-iteration-count:1; 
    -webkit-animation-iteration-count:1;
    
} 

@-webkit-keyframes fadeOutDownPage0 { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    80% { 
        opacity: 1; 
        -webkit-transform: translateY(320px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(400px); 
    } 
} 
@keyframes fadeOutDownPage0 { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    }
    80% { 
        opacity: 1; 
        transform: translateY(320px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(400px); 
    } 
} 
.fadeOutDownPage0 { 
    -webkit-animation-name: fadeOutDownPage0; 
    animation-name: fadeOutDownPage0; 
}


.animatedPage1 { 
    -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    animation-iteration-count:1; 
    -webkit-animation-iteration-count:1; 
} 

@-webkit-keyframes fadeOutDownPage1 { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    80% { 
        opacity: 1; 
        -webkit-transform: translateY(320px); 
    }
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
} 
@keyframes fadeOutDownPage1 { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    }
    80% { 
        opacity: 1; 
        transform: translateY(320px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
} 
.fadeOutDownPage1 { 
    -webkit-animation-name: fadeOutDownPage1; 
    animation-name: fadeOutDownPage1; 
}


.animatedPage2 { 
    -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    animation-iteration-count:1; 
    -webkit-animation-iteration-count:1; 
} 

@-webkit-keyframes fadeOutDownPage2 { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    80% { 
        opacity: 0.5; 
        -webkit-transform: translateY(320px); 
    }
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
} 
@keyframes fadeOutDownPage2 { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    }
    80% { 
        opacity: 0.5; 
        transform: translateY(320px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
} 
.fadeOutDownPage2 { 
    -webkit-animation-name: fadeOutDownPage2; 
    animation-name: fadeOutDownPage2; 
}




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1.6%;*/
	margin: 0% 0 0% 0%;
}
/*.col:first-child { margin-left: 0; } */


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 75%;
}
.span_2_of_4 {
	width: 50%;
}

.span_1_of_4 {
	width: 33%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 100%; }
}


.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #545454;
	z-index: 999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	
}


.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}


.modalDialog > div {
	width: 75%;
	height: 90%;
	position: relative;
	margin: 6% auto;
    /*padding: 5px 20px 13px 20px;*/
	/*border-radius: 10px;*/
	background: #545454;
	/*border: solid 1px rgb(217,135,25);*/
}

.close {
	background: rgb(201,89,40);
	color: #FFFFFF;
	opacity: 1;
	font: bold 3.0em , Arial; 
	line-height: 35px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 34px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
    border:solid 1px #ecb;
    z-index:10000;
}

.close:hover {  opacity:0.5; }


nav.vertical {
  
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  overflow: hidden;
  text-align: left;
}

nav.vertical > ul {
  list-style-type: none;
}

nav.vertical > ul > li {
  display: block;
}


nav.vertical > ul > li > a {
	background-color: #000;
	/*background-image: -webkit-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	background-image: -moz-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	background-image: -o-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	background-image: linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	border-bottom: 1px solid rgba(255,255,255,.1);*/
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);
	color: rgb(255,255,255);
	display: block;
	font-size: .85rem;
	font-weight: 500;
    padding-left: 5%;
	height: 40px;
	/*letter-spacing: .5rem;*/
	line-height: 50px;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
	/*text-transform: uppercase;*/
	transition: all .1s ease;
	text-decoration: none;
}

nav.vertical > ul > li > a:hover {
	background-color: rgb(255,140,0);
	/*background-image: -webkit-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	background-image: -moz-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	background-image: -o-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	background-image: linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98)); */
	/*cursor: pointer;*/
    cursor: url(/images/roloPointer.png), auto;
}


.mainDiv {
    border:solid 1px rgb(201,89,40);
}

.upDiv {
	position:absolute;
	width: 50%;
	height: 100%;
	left:0%;
	border-color: #31b0d5;
	border-style: solid;
    background-color: gainsboro;
}

.nothing{
    
    
}
.rightTitle{
    text-align: left;
    padding-left: 2%;
    color:white;
}
.downDiv {
	position: absolute;
	width: 50%;
	height:100%;
	left:50%;
	border-color: #5cb85c;
}

.midlleDiv{
	position: absolute;
	width: 60%;
	left: 20%;
	height: 100%;
	border-color: #fe7259;
	
}

.lInnerLeftDiv{
	position:absolute;
	width: 100%;
	height: 30%;
	top:0%;
    text-align: left;
	padding-left: 2%;
}

.rInnerRigthDiv{
	position:absolute;
	height: 70%;
	width: 100%;
	top:30%;
	text-align: left;
}

.buttonSelectedDiv{
width: 100%;
	top:0%;
	height: 12%;
	
	
}

.tableData{
    width: 100%;
	height: 80%;
    display: table;
	
}



.buttonTypeRolo{
	
	width: 23%;
    border-bottom: solid 2px rgb(201,89,40);
    border-right: solid 2px rgb(201,89,40);
	background-color: transparent;
	color:#fff;
    -moz-border-radius: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%;
	vertical-align: left;
	text-align:left;
	
}

.buttonTypeRolo:hover {
	background: rgba(214,214,214,1);
	color:#000;
}




.rightDesc{
    float:left;
	text-align: left;
	padding-left: 2%;
    font-size: 1.2em;
    font-weight: normal;
	color: rgb(201,89,40);
}


.contactsDesc{

	color: rgb(201,89,40);
}

.leftDesc{
    float:left;
	text-align: left;
	padding-left: 2%;
}

.produto_resumo{
	padding-top: 5%;
}


.styleC{
	width: 100%;
	height: 100%;
	padding-left: 4%;
	padding-top: 3%;
    top:10%;
    
    position:absolute;
	
}
.img-list{
	width: 80%;
	height: 80%;
	
}
.rolosList{
     border:solid 1px #ecb;
    position: relative;
    bottom: 0;
    top:0;
}
ul.img-list {
  list-style-type: none;

  text-align: center;

   
}

ul.img-list ul {
    position:relative;
	
}

ul.img-list li {
  display: inline-block;
  
  
  position: relative;
  
}

.imgMenu {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.imgMenu img{
    /*width: 330px;
    height: 250px;*/
}

.imgMenu:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2); 
    -ms-transform:scale(1.2); 
    -o-transform:scale(1.2); 
    transform:scale(1.2);
    z-index: 998;
    position: relative;
    cursor: url(/images/roloPointer.png), auto;
    
}



.imgMenu span {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: url(/images/roloPointer.png), auto;
  display: table;
  height: 250px;
  
    position:relative;
  width: 330px;
  vertical-align: middle;

  opacity: 1;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.caption {
        width:100%;
        bottom: .3rem;
        position: absolute;
        
        display: table;
        height: 150px;
        vertical-align: middle;
        background:#000;
        background: -webkit-linear-gradient(bottom, #000 20%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(bottom, #000 20%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -o-linear-gradient(bottom, #000 20%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: linear-gradient(to top, #000 20%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

.thumbnail {
        border: 0 none;
        box-shadow: none;
    background-color: #404040;
        margin:0;
        padding:0;
}

    .caption h4 {
        font-size:2.8em;
    font-weight: 300;
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }
.bckGreyDark{
    background-color: #404040;
}

.bckGrey{
    background-color: #4F4F4F;
}


ul.img-list li:hover span.text-content {
  opacity: 0;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	font-size:1.5em;
}


.mapOwnerDiv{
	
	width: 100%;
	height: 100%;
	position: relative;
	
}

.map{
	
	
	width: 100%;
	left: 0;
	top:0;
	height: 400px;
	float: left;
	
}
.contacts {
	float: right;
	width: 100%;
	

	text-align: left;
}

.contacts * {
	/*margin-left: 10%;*/
	line-height: 200%;
}



.features-table
{
  width: 99%;
  height: 100%;
  margin-top: 5%;
  margin-left: 1%;
  display: table;
  border-spacing: 0;
  
  /*background: #D0D0D0;  */
  /*color: #2a2a2a;
  
  background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); 
  background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); */
}

.features-table td
{
  
  line-height: 100%;
  
  vertical-align: middle;
  /*box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;*/
  white-space: nowrap;
  text-align: left;
}

/*Body*/

/*Body*/
.features-table tbody tr {
    
    line-height: 300px;
}

.features-table tbody td
{
  height: 20px;
  vertical-align: middle;
  font-size: 0.9em; 
  color: #d3d3d3;
	text-align: left;
	border-bottom: 1px solid #e9e9e9; 
  
}



.features-table tbody td:nth-child(3)
{
  text-align: center;
}

.features-table td:nth-child(3)
{
  text-align: center;
}

.features-table td:nth-child(4)
{
  text-align: center;
}

/*
.features-table td:nth-child(4)
{
  background: #e7f3d4;  
  background: rgba(184,243,85,0.3);
}

.features-table td:nth-child(6)
{
  background: #e7f3d4;  
  background: rgba(184,243,85,0.3);
}*/

/*Header*/
.features-table thead td
{
  font-size: 1.0em; 
  color: rgb(201,89,40);
  /*-moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;*/
  border-bottom: 1px solid #e9e9e9; 
  text-align: left;
  padding-bottom: 5px;
    
}

.features-table thead td:nth-child(2)
{
    text-align: left;
    padding-left: 8px;
  
}

/*Footer*/
.features-table tfoot td
{
  font: bold 1.4em Georgia;  
  /*-moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;*/
}

.features-table tfoot td:first-child
{
  border-bottom: none;
}


.canvasFlash{
    background-color:#404040;
    position:absolute;
    top:0;
    left:10px;
    z-index: 30000;
}


.catStyle{
    font-size: 4.0em;
    padding-top: 15px;
    padding-bottom: 15px;
    color: rgb(255,140,0);
}


.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }