@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);

@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300);




                            



/*----------------------------------------------------------------------------------------
                        AWE TEXT STYLES
-----------------------------------------------------------------------------------------*/

s
#wrap {
    overflow: hidden;
}


body {
    font-family: 'Montserrat', 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 18px;
	font-weight: 500;
    line-height: 1.75;
	letter-spacing: 0.4px;
	text-align: left;
    color: #221122;
    background: #175D76;
	align-self: stretch;
	word-wrap: break-word;
}


.dark-bg {
	color: #fff;
}


.shadow-text {
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}


.shadow-image {
    margin: 0 0 10px 0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}


.headline {
	font-size: 28px;
    line-height: 2.5;
	letter-spacing: 0.5px;
	padding-bottom: 40px;
	text-align: left;
	align-self: stretch;
	word-wrap: break-word;
}

.headline-awe-playlist {
	font-size: 28px;
    line-height: 1.5;
	letter-spacing: 0.5px;
	text-align: left;
	align-self: stretch;
	word-wrap: break-word;
}
@media (max-width: 990px) {
    .headline {
		text-align: center;
		}
}
@media (max-width: 640px) {
    .headline {
		font-size: 24px;
		line-height: 2;
		padding-bottom: 20px;
		text-align: center;
		}
}

            /*----------------------------------------------------------------------------------------
                                    AWE HEADLINE & AVATOR GROUP
            -----------------------------------------------------------------------------------------*/

            .headline-row {width: 100%; height: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex; padding-bottom: 20px;}
            .headline-container {align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex;}
            .avator {width: 80px; height: 80px; border-radius: 200px;}
            .headline-r {flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-fle;}


.sub-headline {
	font-size: 22px;
	font-weight: 600;
    line-height: 1.75;
	letter-spacing: 0.4px;
	padding-bottom: 20px;
	text-align: left;
	align-self: stretch;
	word-wrap: break-word;
}

.sub-headline-aws-playlist {
	font-size: 22px;
	font-weight: 600;
    line-height: 1.75;
	letter-spacing: 0.4px;
	text-align: left;
	align-self: stretch;
	word-wrap: break-word;
}
@media (max-width: 990px) {
    .sub-headline {
		font-size: 18px;
		padding-bottom: 16px;
		text-align: center;
		}
}


.card-subtitle {
	font-size: 20px;
	font-weight: 600;
    line-height: 1.5;
	letter-spacing: 0.4px;
	text-align: justify;
    color: #fff;
	align-self: stretch;
	word-wrap: break-word;
}
@media (max-width: 926px) {
    .card-subtitle {
		font-size: 18px;
		font-weight: 600;
    	line-height: 1.5;
		}
}


.header {
	font-size: 18px;
	font-weight: 600;
    line-height: 2;
	letter-spacing: 0.5px;
	padding-bottom: 80px;
	text-align: left;
	align-self: stretch;
	word-wrap: break-word;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

@media (max-width: 926px) {
    .header {
		font-size: 16px;
		font-weight: 600;
    	line-height: 1.75;
		padding-bottom: 40px;
		}
}
@media (max-width: 640px) {
    .header {
		font-size: 16px;
		font-weight: 600;
    	line-height: 1.75;
		padding-bottom: 40px;
		}
}


.card {
	font-size: 18px;
	font-weight: 500;
    line-height: 2;
	letter-spacing: 0.5px;
	padding-bottom: 40px;
	text-align: justify;
    color: #fff;
	align-self: stretch;
	word-wrap: break-word;
}

.description-aws-playlist {
	font-size: 18px;
	font-weight: 500;
    line-height: 2;
	letter-spacing: 0.5px;
	padding-bottom: 20px;
	text-align: justify;
    color: #221122;
	align-self: stretch;
	word-wrap: break-word;
}
@media (max-width: 926px) {
    .card {
		font-size: 16px;
		font-weight: 500;
    	line-height: 1.75;
		padding-bottom: 32px;
		}
}


.card-last {
	font-size: 18px;
	font-weight: 500;
    line-height: 2;
	letter-spacing: 0.5px;
	padding-bottom: 0px;
	text-align: justify;
    color: #fff;
	align-self: stretch;
	word-wrap: break-word;
}
@media (max-width: 926px) {
    .card-last {
		font-size: 16px;
    	line-height: 1.75;
		}
}


.quotation {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #fff;
	text-align: right;
	align-self: stretch; 
	word-wrap: break-word;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
@media (max-width: 926px) {
    .quotation {
		font-size: 14px;
		}
}


.note {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.note2 {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #221122;
	padding-bottom: 20px;
}


.attention {
	font-size: 16px;
	font-weight: 500px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	padding-bottom: 40px;
	color: #87DCFF; /*was 00FFC2*/
	text-align: left;
	align-self: stretch; 
	word-wrap: break-word; 
}


.input-label {
	font-size: 20px;
	font-weight: 600;
    line-height: 1.5;
	letter-spacing: 0.4px;
	padding-bottom: 12px;
	text-align: justify;
    color: #fff; /*was 87DCFF, D5FCFC*/
	align-self: stretch;
	word-wrap: break-word;
}
@media (max-width: 640px) {
    .input-label {
		font-size: 16px;
    	line-height: 1.25;
		}
}


.order {
	background-color: #fff;
	font-size: 16px;
	font-weight: 500px;
	color: #221122;
	text-align: center;
	padding: 20px 20px 40px 20px;
	width: 100%;
	align-self: center;
	word-wrap: break-word;
}


.footer {
	background-color: #175D76;
	font-size: 14px;
	font-weight: 400px;
	color: #fff;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}








/*----------------------------------------------------------------------------------------
                        AWE COLORS
-----------------------------------------------------------------------------------------*/

.bg-color-fff {
    background-color: #ffffff;
}





/*----------------------------------------------------------------------------------------
                        REF - AWE INPUT FORM (REBUILD INPUT FIELD)
-----------------------------------------------------------------------------------------*/










.input-fields {align-self: stretch; padding-bottom: 40px;}


.row-container {align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex;}


.col-container {width: 100%; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex;}
.col-half {width: 50%; height: 64px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex;}
.col-full {width: 100%; height: 64px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex;}
.label-container {align-self: stretch; height: 24px; flex-direction: column; justify-content: center; align-items: flex-start; display: flex;}
.label-name {align-self: stretch; color: white; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0.2px; word-wrap: break-word;}

.label-name2 {align-self: stretch; color: #221122; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0.2px; word-wrap: break-word;}
.text-container {align-self: stretch; flex: 1 1 0; padding: 8px; background: white; border-radius: 4px; overflow: hidden; border: 1px #C1C1C1 solid; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex;}
.text-field {flex: 1 1 0; color: #5E5E5E; font-size: 14px; font-weight: 500; letter-spacing: 0.2px; word-wrap: break-word;}



.email-button-container {align-self: stretch; justify-content: flex-start; align-items: flex-end; gap: 16px; display: inline-flex}
.button-container {width: 100%; height: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-end; display: inline-flex}







/*----------------------------------------------------------------------------------------
                        AWE CONTAINER STYLES: SECTION, HEADER, CARD, IMAGE
-----------------------------------------------------------------------------------------*/

section,
header {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	border-bottom: 0px solid #fff;
}

section.dark-bg,
header.dark-bg,
.no-sep {
	border-bottom: none;
	opacity: 100%;
}

.card-dark {
	background: linear-gradient(180deg, #003243 0%, #175D76 56%, #228491 100%);
	border-radius: 8px;
	padding: 40px;
	width: 100%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}
@media (max-width: 767px) {
    .card-dark {
		padding: 15px;
		}
}


.form {
	background: linear-gradient(180deg, #003243 0%, #175D76 56%, #228491 100%);
	border-radius: 8px;
	padding: 40px;
	margin-bottom: 80px;
	width: 100%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}

.form2 {
	background: #EDFBFE;
	border-radius: 8px;
	padding: 20px;
	width: 90%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}

.form3 {
	background: #eee;
	border-radius: 8px;
	padding: 20px;
	width: 100%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}
@media (max-width: 767px) {
    .form {
		padding: 15px;
		}
}


.newsletter {
	color: #221122;
	background: #fff;
	border-radius: 8px;
	padding: 40px;
	width: 100%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}
@media (max-width: 767px) {
    .newsleter {
		padding: 15px;
		}
}


.card-dark-80 {
	background: linear-gradient(180deg, #003243 0%, #175D76 56%, #228491 100%);
	border-radius: 8px;
	padding: 80px;
	width: 100%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}
@media (max-width: 767px) {
    .card-dark-80 {
        padding: 15px;
		}
}


.card-white {
	background: #fff;
	border-radius: 8px;
	padding: 40px;
	margin-bottom: 80px;
	width: 100%;
	height: 100%;
	text-align: justify;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: inline-flex;
}
@media (max-width: 767px) {
    .card-white {
		padding: 15px;
		}
}


.card-light {
	background: #DCF8FE;
	border-radius: 8px;
	width: 100%;
	height: inherit;
	text-align: justify;
	overflow: hidden;
	justify-content: flex-start;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
}


.card-image {
	width: 100%;
	height: inherit;
}


.playlist-container {
	width: 100%;
	height: auto;
	padding: 0 40 40 40px;
	margin-bottom: 40px;
	gap: 20px;
	align-self: stretch;
	justify-content: space-between;
	align-items: flex-start;
	display: inline-flex;
}


.album {
	width: 100%;
	align-self: stretch;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	display: inline-flex;}


.intro-block .image-shadow {
    margin: 0 0 10px 0; 
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}


.image-container {
    width: 100%;
	align-self: stretch;
	justify-content: center;
}


.image-small {
    max-width: 30%;
    height: auto;
}
@media (max-width: 640px) {
.image-small {
    max-width: 50%;
    height: auto;
	}		
}


.order-container {
	padding: 20px 0px 20px 0px;
	text-align: left;
	justify-content: left;
	align-items: flex-start;
	display: inline-flex;
}

img.float-left {
  float: left;
	padding: 0px 10px 0px 0px;
}

/*----------------------------------------------------------------------------------------
                        AWE CONTROL STYLES: HYPERLINK, BUTTON, SCROLL
-----------------------------------------------------------------------------------------*/
a,
a:focus {
    font-weight: 600;
	color: #FFBB00;
    text-decoration: underline;
    outline: 0;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
a:hover {
	color: #EE9900;
}


.button {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	padding: 8px 16px 8px 16px;
	border-radius: 4px;
	text-decoration-line: none;
	background: #6EC98E; /*was 00B4FF*/
	justify-content: flex-start;
	align-items: flex-start;
	display: inline-flex;
	word-wrap: break-word;
}
.button:hover {
	background-color: #34E572;
	color: #fff;
	text-decoration-line: none;
}


.button2 {
	font-size: 16px;
	font-weight: 700;
	color: #6EC98E;
	padding: 8px 16px 8px 16px;
	border-radius: 4px;
	text-decoration-line: none;
	border: 1px #6EC98E solid;
	justify-content: flex-start;
	align-items: flex-start;
	display: inline-flex;
	word-wrap: break-word;
}

.button2:hover {
	color: #34E572;
	border: 1px #34E572 solid;
	text-decoration-line: none;
}

.sticky-button { 
   position: fixed;
 right: 10px;
   top: 80px;
}



a.blk-btn{
	color: 221122;
	font-weight: 600;
	font-size: 18px;
}


div.scroll {
	margin:6px, 6px;
	padding:4px;
	width: 100%;
	height: inherit;
	overflow-x: hidden;
	overflow-y: auto;
	text-align:justify;
}


.intro-block .shadow {
    margin: 0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}





/*----------------------------------------------------------------------------------------
                       AWE SPACING STYLES: TOP & BOTTOM PADDING
-----------------------------------------------------------------------------------------*/

.padding-0-0 {
	padding: 0px;
}

.padding-80-80 {
	padding-top: 80px;
	padding-bottom: 80px;
	border-bottom: 0px solid #ddd;
}
@media (max-width: 767px) {
    .padding-80-80 {
		padding-top: 80px;
		padding-bottom: 40px;
		}
}

.padding-120-80 {
	padding-top: 120px;
	padding-bottom: 80px;
}
@media (max-width: 767px) {
    .padding-120-80 {
		padding-top: 120px;
		padding-bottom: 40px;
		}
}


.padding-120-0 {
	padding-top: 120px;
	padding-bottom: 0px;
}
@media (max-width: 767px) {
    .padding-120-0 {
		padding-top: 120px;
		padding-bottom: px;
		}
}

.padding-0-20 {
	padding-top: 0px;
	padding-bottom: 20px;
}

.padding-20-20 {
	padding-top: 20px;
	padding-bottom: 20px;
	align-self: center;
	text-align: left;
	vertical-align: middle;
}


.padding-0-40 {
	padding-top: 0px;
	padding-bottom: 40px;
}

.padding-0-60 {
	padding-top: 0px;
	padding-bottom: 60px;
}
@media (max-width: 767px) {
    .padding-0-60 {
		padding-top: 0px;
		padding-bottom: 30px;
		}
}


.padding-0-80 {
	padding-top: 0px;
	padding-bottom: 80px;
}
@media (max-width: 767px) {
    .padding-0-80 {
		padding-top: 0px;
		padding-bottom: 40px;
		}
}

.padding-80-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
@media (max-width: 767px) {
    .padding-80-80 {
		padding-top: 40px;
		padding-bottom: 40px;
		}
}



.padding-r-80 {
	padding-right: 80px;
}
@media (max-width: 980px) {
    .padding-r-80 {
        padding-right: 0px;
		}
}

.padding-32 {
	padding: 32px;
}

.margin-0-80 {
	margin-bottom: 80px;
}

.margin-0--20 {
	margin-bottom: -20px;
}
@media (max-width: 640px) {
    .margin-0--20 {
        margin-bottom: -20px;
		}
}

.margin-0--40 {
	margin-bottom: -40px;
}
@media (max-width: 640px) {
    .margin-0--40 {
        margin-bottom: -20px;
		}
}

.margin-0--80 {
	margin-bottom: -80px;
}
@media (max-width: 980px) {
    .margin-0--80 {
        margin-bottom: 0px;
		}
}

.form-section {
	gap: 40px;	
}




/***************************************************************************************** ADDITIONAL SECTIONS */
.section1a {
	padding-top: 120px;
	padding-bottom: 120px;
	border-radius: 5px;
	margin-bottom: 30px;
	background-color: #fff;
}
@media (max-width: 767px) {
    .section1a {
		border-radius: 5px;
		margin-bottom: 20px;
		background-color: #fff;
		margin: 10px;
		}
}

.section1a1 {
	padding-top: 180px;
	padding-bottom: 180px;
	background-color: #fff;
}
@media (max-width: 767px) {
    .section1a1 {
		margin: 10px;
		}
}

.section1a-tran {
	padding-top: 180px;
	padding-bottom: 180px;
	border-radius: 5px;
	background-color: transparent;
}	
@media (max-width: 767px) {
    .section1a-tran {
		border-radius: 5px;
		background-color: transparent;
		margin: 10px;
		}
}

.section1a-color5 {
	padding-top: 180px;
	padding-bottom: 180px;
	border-radius: 5px;
	margin-bottom: 30px;
	background-color: #eaeaea;
}
@media (max-width: 767px) {
    .section1a-color5 {
	border-radius: 0px;
	margin-bottom: 5px;
	background-color: #eaeaea;
    }
}

.section1a-60 {
	padding-top: 90px;
	padding-bottom: 90px;
	border-radius: 5px;
}
@media (max-width: 767px) {
    .section1a-60 {
		border-radius: 5px;
		margin-bottom: 20px;

		}
}



.section1b {
	padding-top: 90px;
	padding-bottom: 180px;
	border-radius: 5px;
	background-color: #fff;
}
@media (max-width: 767px) {
    .section1b {
		padding-top: 45px;
		padding-bottom: 90px;
		}
}

.section1b-tran {
	padding-top: 90px;
	padding-bottom: 180px;
}
@media (max-width: 767px) {
    .section1b-tran {
		padding-top: 45px;
		padding-bottom: 90px;
		}
}

.section1c-tran {
	padding-top: 90px;
	padding-bottom: 90px;
}
@media (max-width: 767px) {
    .section1c-tran {
		padding-top: 45px;
		padding-bottom: 45px;
		}
}

.section-hl {
	margin-top: -40px;
	padding-top: 70px;
	border-radius: 5px;
	background-color: #f6f6f6;
}
.section-hl-w {
	margin-top: -40px;
	padding-top: 70px;
	border-radius: 5px;
	background-color: #ffffff;
}

.section-hl-ca2 {
	padding: 100px 0 100px 0;
	margin-bottom: -100px;
	background-color: #eae4de;
}
.section-hl2 {
	margin-top: -40px;
	border-radius: 5px;
	border: 1px solid #f6f6f6;
}
.section-hl3 {
	padding: 60px 60px 60px 60px;
	border-radius: 5px;
	background-color: #f6f6f6;
}



.section2 {
	padding-top: 90px;
	padding-bottom: 90px;
}
@media (max-width: 767px) {
    .section2 {
		padding-top: 45px;
		padding-bottom: 45px;
		}
}

.section4 {
	padding-top: 0px;
	padding-bottom: 180px;
	padding-right: 0px;
}
@media (max-width: 767px) {
    .section4 {
		padding-top: 0px;
		padding-bottom: 90px;
		}
}

.section5 {
	padding-top: 150px;
	padding-bottom: 0px;
}
@media (max-width: 767px) {
    .section5 {
		padding-top: 90px;
		padding-bottom: 0px;
		}
}

.section6 {
	padding-top: 90px;
	padding-bottom: 180px;
}
@media (max-width: 767px) {
    .section6 {
		padding-top: 45px;
		padding-bottom: 90px;
		}
}

.section6a {
	padding-top: 180px;
	margin-bottom: -90px;
}
@media (max-width: 767px) {
    .section6a {
		padding-top: 90px;
		padding-bottom: -45px;
		}
}

.section6-30-0 {
	padding-top: 30px;
	padding-bottom: 0px;
}

.section7 {
	padding-top: 80px;
	padding-bottom: 0px;
}

.section8 {
	padding-top: 80px;
	padding-bottom: 150px;
}
@media (max-width: 767px) {
    .section8 {
		padding-top: 40px;
		padding-bottom: 75px;
		}
}

.section10{
	padding-top: 150px;
	padding-bottom: 150px;
}
@media (max-width: 767px) {
    .section10 {
		padding-top: 75px;
		padding-bottom: 75px;
		}
}


.section180-2 {
	padding-top: 150px;
	padding-bottom: 50px;
}
.section180-3 {
	padding-top: 140px;
	padding-bottom: 150px;
}

.section180-3a {
	padding-top: 140px;

}
.section180-3ai {
	padding-top: 110px;
	padding-bottom: 30px;

}
/*ADDITIONAL END*/



.footer2 {
	padding-top: 60px;
	padding-bottom: 30px;
	border-top: 1px solid #ddd;
}
.prev-p {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-align: left;
}
@media (max-width: 767px) {
	.prev-p {
	text-align: center;
	}
}
.next-p {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-align: right;
}
@media (max-width: 767px) {
	.next-p {
	text-align: center;
	}
}
.cpr {
	font-size: 16px;
	font-weight: 500;
	color: #888;
	text-align: center;
	padding-bottom: 30px;
}




/***************************************************************************************** CONTAINERS */
.container,
.container-fluid {
    position: relative;
    z-index: 1;
}
/***************************************************************************************** ADDITIONAL CONTAINERS */
.container2 {
    margin-left: 8%;
	margin-right: 0px;
}
.container2R {
    margin-right: 5%;
	margin-left: 5%;
}

.container3 {
    margin-left: 0px;
	margin-right: 0px;
}
.container3b {
    margin: 60px 0 60px 0;
}
.container4 {
    margin-left: 10%;
	margin-right: 10%;
}

.img-shadow {
	box-shadow: 5px 5px 5px 5px #eee;
}
.intro-height {
	min-height: 700px;
}

.intro-height-s {
	max-height: 300px;
}
@media (max-width: 480px) {
	.intro-height {
    min-height: auto;
	}
}




/***************************************************************************************** MARGIN & PADDING */
.zero-top {
    padding-top: 0;
}
.desc-text {
    opacity: 0.7;
}
.zero-bottom {
    padding-bottom: 0;
}
.sep-zero-bottom {
    margin-bottom: 0;
}
.sep-bottom {
    margin-bottom: 60px;
}

.sep-bottom-70 {
    margin-bottom: 70px;
}
.sep-bottom-100 {
    margin-bottom: 100px;
}
.sep-half-bottom {
    margin-bottom: 30px;
}

.sep-bottom2x {
    margin-bottom: 120px;
}

.padding-left {
    padding-left: 20px;
}

.zero-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.double-padding {
    padding-top: 250px;
    padding-bottom: 250px;
}

.top-double-padding {
    padding-top: 250px;
}

.half-padding2 {
    padding-top: 60px;
    padding-bottom: 100px;
}

.half-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.third-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-padding {
    padding-top: 150px;
    padding-bottom: 150px;
}

.padding-top-0 {
    margin-top: 0px;
}
.padding-top-0 {
    margin-top: 0px;
}
.padding-top--10 {
    margin-top: -10px;
}
.padding-top--20 {
    margin-top: -20px;
}

.padding-top--30 {
    margin-top: -30px;
}

.padding-top--40 {
    margin-top: -40px;
}

.z-bottom {
    z-index: -100;
}
.padding-top--50 {
    margin-top: -50px;
}
.padding-top--80 {
    margin-top: -80px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.padding-top-80 {
	padding-top: 80px;
}


.padding-top-hero-img {
	padding-top: 0px;
}
@media (max-width: 1020px) {
    .padding-top-hero-img {
        padding-top: 50px;
    }
}
@media (max-width: 767px) {
    .padding-top-hero-img {
        padding-top: 50px;
    }
}
@media (max-width: 480px) {
    .padding-top-hero-img {
        padding-top: 50px;
    }
}


.padding-top--120 {
    margin-top: -120px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.zero-border {
    border: none !important;
}

.embed-responsive-256by81 {
    padding-bottom: 31.64%;
}

@media (max-width: 1200px) {
    .double-padding {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

@media (max-width: 992px) {
    .double-padding,
    .top-double-padding,
    .section-padding,
    .half-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .embed-responsive-256by81 {
        padding-bottom: 56.25%;
    }
}





/***************************************************************************************** MARGIN & PADDING */
.sep-top30 {
    margin-top: 30px;
}

.sep-bottom--5 {
    margin-bottom: -5px;
}
.sep-bottom--10 {
    margin-bottom: -10px;
}
.sep-bottom--30 {
    margin-bottom: -30px;
}
.sep-bottom--50 {
    margin-bottom: -50px;
}
.sep-bottom--60 {
    margin-bottom: -60px;
}
.sep-bottom--80 {
    margin-bottom: -80px;
}
.sep-bottom--100 {
    margin-bottom: -100px;
}
.sep-bottom--120 {
    margin-bottom: -120px;
}
.sep-bottom--180 {
    margin-bottom: -150px;
}

.sep-bottom5 {
    margin-bottom: 5px;
}
.sep-bottom10 {
    margin-bottom: 10px;
}
.sep-bottom20 {
    margin-bottom: 20px;
}
.sep-bottom30 {
    margin-bottom: 30px;
}
.sep-bottom40 {
    margin-bottom: 40px;
}
.sep-bottom50 {
	margin-bottom: 50px;
}
.sep-bottom80 {
    margin-bottom: 80px;
}
.sep-bottom100 {
    margin-bottom: 100px;
}
.sep-bottom120 {
    margin-bottom: 120px;
}
.sep-bottom150 {
    margin-bottom: 150px;
}
.sep-bottom180 {
    margin-bottom: 180px;
}
.sep-bottom240 {
    margin-bottom: 240px;
}


/*ADDITIONAL MARGIN & PADDING */
.padding-l-r-10 {
    padding-left: 10%;
	padding-right: 10%;
}
@media (max-width: 480px) {
	.padding-l-r-10 {
    padding-left: 5%;
	padding-right: 5%;
	}
}
.padding-l-r-15 {
    padding-left: 15%;
	padding-right: 15%;
}
@media (max-width: 480px) {
	.padding-l-r-15 {
    padding-left: 5%;
	padding-right: 5%;
	}
}
.padding-l-r-25 {
    padding-left: 25%;
	padding-right: 25%;
}
@media (max-width: 480px) {
	.padding-l-r-25 {
    padding-left: 15%;
	padding-right: 15%;
	}
}





/***************************************************************************************** SCREENS STYLES */
.screen {
    max-width: 100%;
    height: auto;
}

.screen-top {
    max-width: 100%;
    height: auto;
	z-index:1000;
}
/***************************************************************************************** SCREENS STYLES */

.screen-s80 {
    max-width: 100%;
    height: auto;
}
@media (max-width: 640px) {
.screen-s80 {
    max-width: 80%;
    height: auto;
	}		
}




.screen80 {
    max-width: 80%;
    height: auto;
}
.screen90 {
    max-width: 90%;
    height: auto;
}

@media (max-width: 640px) {
.screen80 {
    max-width: 100%;
    height: auto;
	}		
}
	
.screen70 {
    max-width: 70%;
    height: auto;
}

@media (max-width: 640px) {
.screen70 {
    max-width: 100%;
    height: auto;
	}		
}

	
.screen60 {
    max-width: 60%;
    height: auto;
}

@media (max-width: 640px) {
.screen60 {
    max-width: 80%;
    height: auto;
	}		
}




.screen2 {
    width: auto;
    height: 100%;
}


.screen3 {
    width: 90%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
}

@media (max-width: 1200px){
	.screen3 {
    width: 100%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
	}
}

@media (max-width: 991px){
	.screen3 {
    width: 70%;
	vertical-align: bottom;
	margin: 60px auto 0px auto;
	padding: 0px auto 0px auto;
	}
}
@media (max-width: 500px){
	.screen3 {
    width: 100%;
	vertical-align: bottom;
	margin: 60px auto 0px auto;
	padding: 0px auto 0px auto;
	}
}

.screen4 {
    width: 80%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
}
@media (max-width: 991px){
	.screen4 {
    width: 100%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
	}
}
@media (max-width: 500px){
	.screen4 {
    width: 100%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
	}
}

.screen5 {
    width: 50%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
}
@media (max-width: 991px){
	.screen5 {
    width: 70%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
	}
}
@media (max-width: 500px){
	.screen5 {
    width: 90%;
	vertical-align: bottom;
	margin: 0px auto 0px auto;
	padding: 60px auto 0px auto;
	}
}






.container-half {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
}

.container-half-right {
    right: 0;
}

.container-half-left {
    left: 0;
}

img.full-height {
    height: 100%;
    width: auto;
	align-items: baseline;
}

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

@media (max-width: 992px) {
    .container-half-right,
    .container-half-left {
        display: none;
    }
}






/***************************************************************************************** BACKGROUND IMAGE */	
.contain-bg {
    background-size: contain;
    background-position: center bottom;
}

.fixed-bg {
    background-attachment: fixed;
}

.pattern-bg {
    background-repeat: repeat;
    background-size: auto;
}

.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    opacity: 0.5;
    z-index: 0;
}

/***************************************************************************************** ADDITIONAL BACKGROUND IMAGE POSITIONS */
		.cover-bg-r {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: right;
		}
		.cover-bg-l {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left;
		}
		.cover-bg-c {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		.fixed-bg-r {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: right;
			background-attachment: fixed;
		}
		.fixed-bg-l {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left;
			background-attachment: fixed;
		}
		.fixed-bg-c {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			background-attachment: fixed;
		} /* media, see row 662 */


		.cover-bg-r-s {
			background-repeat: no-repeat;
			background-position: right;
			background-size: 100%;
		}
		.cover-bg-l-s {
			background-repeat: no-repeat;
			background-position: left;
			background-size: 100%;
		}
		.cover-bg-c-s {
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100%;
		}






/***************************************************************************************** BACKGROUND TYPE STYLES */
/*originla bg-colors*/


.bg-color2 {
    background-color: #00c0ff;
}

.cover-bg,
.fixed-bg,
.pattern-bg,
.contain-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contain-bg {
    background-size: contain;
    background-position: center bottom;
}

.fixed-bg {
    background-attachment: fixed;
}

.pattern-bg {
    background-repeat: repeat;
    background-size: auto;
}

.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    opacity: 0.5;
    z-index: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) {
	.fixed-bg-c,
	.fixed-bg-r,
	.fixed-bg-l,
    .fixed-bg {
        background-attachment: scroll !important;
    }
}

	
	
	
/*****************************************************************************************  BG COLORS */
.red {
    background-color: #fc4848;
}

.green {
    background-color: #5FCD62;
}

.orange {
    background-color: #ff9c00;
}

.blue {
    background-color: #32a6ff;
}

.purple {
    background-color: #C39;
}

.default {
    background-color: #aaa;
}
/***************************************************************************************** ADDITIONAL SOLUTION GRAD BG COLORS */
/*ca-web: pink*/
.bg-color4a {
	background-image: linear-gradient(180deg, #e27966 20%, #ffa291 100%);
	background-color: #e27966;
	border: none;
}
/*ca-mobile: orange*/
.bg-color4b {
	background-image: linear-gradient(180deg, #f99c49 20%, #f0a767 100%);
	background-color: #f99c49;
}
/*ca-tv: yellow*/
.bg-color4c {
	background-image: linear-gradient(180deg, #f0bf4f 20%, #f0d18b 100%);
	background-color: #f0bf4f;
	border: none;
}
/*tim: blue*/
.bg-color4d {
	background-image: linear-gradient(180deg, #90d3f0 20%, #82e8e9 100%);
	background-color: #90d3f0;
	border: none;
}
/*whatsapp: green*/
.bg-color4e {
	background-color: #90f090;
}
/*END*/


/***************************************************************************************** ADDITIONAL COLOR GRAD BG COLORS */
/*--------------- color gradient bgs --------------- */
.bg-theme1 {
	background-image: linear-gradient(180deg, #ffa5a5 20%, #ffd7d7 100%);
	background-color: #ffa5a5;
}	
.bg-theme1a {
	background-image: linear-gradient(60deg, #ececec 60%, #f4f4f4 100%);
	background-color: #d4d4d4;
}

.bg-theme2 {
	background-image: linear-gradient(180deg, #0055bb 20%, #d94914 100%);
	background-color: #0055bb;
}	

.bg-theme3 {
	background-image: linear-gradient(180deg, #f6b799 20%, #ffd6c3 100%);
	background-color: #f6b799;
}

.bg-color-ab2 {
	background-color: #e78a5e;
}




.bg-theme4 {
	background-image: linear-gradient(180deg, #84c4f0 0%, #95d5f1 100%);
	background-color: #84d4f0;
}	
.bg-theme4a {
	background-image: linear-gradient(180deg, #7dd8e0 30%, #82e8e9 75%);
	background-color: #7dd8e0;
}.bg-insights {
	background-color: #7dd8e0;
}
.bg-theme4b {
    background-color: #78DDCD;
}

.bg-theme5 {
	backgrou8nd-image: linear-gradient(180deg, #71d9bb 20%, #9ed9c8 100%);
	background-color: #71d9bb;
}	
.bg-theme5a {
	background-color: #dafcca;
}
.bg-theme5b {
	background-image: linear-gradient(180deg, #dafcca 20%, #e5ffd9 100%);
	background-color: #dafcca;
}
.bg-theme5c {
	background-color: #e5ffd9;
}

.bg-theme6 {
	background-image: linear-gradient(180deg, #b8e9ff 0%, #e4fdff 70%);
	background-color: #b8e9ff;
}	

.bg-theme6b {
	background-image: linear-gradient(180deg, #e4fdff 0%, #b8e9ff 70%);
	background-color: #e4fdff;
}	





/***************************************************************************************** ADDITIONAL NAV & SECTION TRAN BG COLORS */
/*50% dark grey*/
.bg-navbar {
	width: 100%;
	font-weight: 300;
	position: fixed;
	background: -moz-linear-gradient(-25deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.95) 66%, rgba(255,255,255,0.95) 100%);
	background: -webkit-linear-gradient(-25deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.95) 66%,rgba(255,255,255,0.95) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.95) 66%,rgba(255,255,255,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#f2ffffff',GradientType=1 );
}


.bg-navbar-filled {
	width: 100%;
	font-weight: 300;
	position: fixed;
	background: -moz-linear-gradient(-25deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.95) 66%, rgba(255,255,255,0.95) 100%);
	background: -webkit-linear-gradient(-25deg, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.95) 66%,rgba(255,255,255,0.95) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.95) 66%,rgba(255,255,255,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#f2ffffff',GradientType=1 );
}


.no-bg-navbar {
	width: 100%;
	font-weight: 300;
	position: fixed;
}

.bg-color11{
    background-color: rgba(40,40,35,0.50);
}
.bg-color11-b{
    background-color: rgba(40,40,35,0.75);
}
.bg-color11h{
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.94) 15%, rgba(255,255,255,1) 85%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 15%,rgba(255,255,255,1) 85%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 15%,rgba(255,255,255,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.bg-color11h2{
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 15%, rgba(255,255,255,1) 75%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 15%, rgba(255,255,255,1) 75%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 15%, rgba(255,255,255,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.bg-color12h{
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.96) 15%, rgba(255,255,255,0.96) 85%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.96) 15%,rgba(255,255,255,0.96) 85%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.96) 15%,rgba(255,255,255,0.96) 85%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}


.bg-color12-retention{
background: -moz-linear-gradient(top, rgba(252,94,86,1) 0%, rgba(254,187,186,1) 75%);
background: -webkit-linear-gradient(top, rgba(252,94,86,1) 0%, rgba(254,187,186,1) 75%);
background: linear-gradient(to bottom, rgba(252,94,86,1) 0%, rgba(254,187,186,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC5E56', endColorstr='#FEBBBA',GradientType=0 );
}

.bg-color12-bv{
background: -moz-linear-gradient(top, rgba(211,240,249,1) 45%, rgba(197,238,232,1) 100%);
background: -webkit-linear-gradient(top, rgba(211,240,249,1) 45%, rgba(197,238,232,1) 100%);
background: linear-gradient(to bottom, rgba(211,240,249,1) 45%, rgba(197,238,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3F0F9', endColorstr='#C5EEE8',GradientType=0 );
}

.bg-color12-bms{
background: -moz-linear-gradient(top, rgba(252,224,232,1) 40%, rgba(252,215,206,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,224,232,1) 40%, rgba(252,215,206,1) 100%);
background: linear-gradient(to bottom, rgba(252,224,232,1) 40%, rgba(252,215,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0e8', endColorstr='#fcd7ce',GradientType=0 );
}



.bg-color11caweb{
	background-color: rgba(255,129,107,0.60); 
}
.bg-color11caweb-1{
	background-color: rgba(226, 110, 90, 0.6); 
}

.bg-color11camobile{
	background-color: rgba(240, 155, 79, 0.6); 
}
.bg-color11camobile2{
	background-color: rgba(240, 176, 120, 0.6); 
}

.bg-color11catv{
	background-color: rgba(240, 186, 64, 0.5); 
}

.bg-color11airbrush{
	background-color: rgba(106, 40, 6, 0.5); 
}

.bg-color11tim{
	background-color: rgba(40, 245, 230, 0.5); 
}
.bg-color11tim2{
    background-color: rgba(4,4,80,0.80); /*was 0.15*/
}


.bg-color11cu{
    background-color: rgba(48,164,224,0.50);
}

.bg-color11bp{
    background-color: rgba(55,138,255,0.50);
}


.bg-color11bp10{
    background-color: rgba(55,138,255,0.10);
}

.bg-color11dcp{
    background-color: rgba(0,145,210,0.50);
}
.bg-color11dcp10{
    background-color: rgba(0,77,163,0.30);
}

.bg-color11bp-w{
    background-color: rgba(255,255,255,0.75);
}

.bg-color11whatsapp{
	background-color: rgba(76, 209, 171, 0.5); 
}


.bg-color11bms{
    background-color: rgba(188,29,175,0.30);
}


.bg-color11ret{
    background-color: rgba(252,94,86,0.30);
}

.bg-color11bv{
    background-color: rgba(0,155,218,0.50);
}


.bg-color11bv1{
    background-color: rgba(211,240,249,1);
}





/***************************************************************************************** ADDITIONAL GREY BG COLORS */
/*80% white*/
.bg-color12{
	background-color: rgba(255, 255, 255, 0.8); 
}


/*****************************************************************************************  LOCAL: light grey */
.bg-color5 {
    background-color: #eeeeee;
}

.bg-color6 {
    background-color: #fdfdfd;
}


.bg-color7 {
    background-color: #F6F6F6;
}



.bg-color5-ca1 {
    background-color: #F7F2F1;
	
}

.bg-color5-ca2 {
    background-color: #eae4de;
}


.bg-color5-ca2a {
    background-color: #f6f6f6; /*#f5f3f0*/
}

.bg-color5-ca3 {
    background-color: #eae6db;
}

.bg-color5-tim {
    background-color: #ededed;
}
.bg-color5-cs {
    background-color: #ededed;
}
.bg-color5-ab {
    background-color: #eae6e4;
}

.bg-color5-ab-l {
    background-color: #f9f9f9;
}
.bg-color5-wa {
    background-color: #e5efed;
}
.bg-color5-cu {
    background-color: #dceaea;/*#eae6db*/
}

.bg-color5-ui {
    background-color: #eae4de;
}
.bg-color5-bms {
    background-color: #fff1f1;
}
.bg-color5-bms2 {
    background-color: #FFF8F8;
}

.bg-color5-ret {
    background-color: #ffbcbb;
}

.bg-color5-ret-play {
    background-color: #feacaa;
}



.bg-contact {
	border-radius: 5px;
	background-image: url(../images/home/bg-header.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
}
.bg-contact-form {
	padding: 120px 120px 100px 120px;
	border-radius: 5px;
	border: 1px solid #efefef;
	background-color: rgba(255, 255, 255, 0.9);
	
}

/*****************************************************************************************  GLOBAL: grey & gradient */
/*light grey gradient box*/
.bg-color0 {
	padding-top: 120px;
	padding-bottom: 120px;
	padding-left: 120px;
	padding-right: 120px;
	margin-bottom: 50px;
	background-image: linear-gradient(-60deg, #fcfcfc 20%, #ebebeb 100%);
	background-color: #fcfcfc;
}
.bg-color0a {
	padding-top: 120px;
	padding-bottom: 120px;
	padding-left: 120px;
	padding-right: 120px;
	background-image: linear-gradient(60deg, #ebebeb 0%, #fcfcfc 80%);
	background-color: #fcfcfc;
}
.bg-color0b {
	padding-top: 120px;
	padding-bottom: 120px;
	padding-left: 120px;
	padding-right: 120px;
	background-image: linear-gradient(180deg, #e4e4e4 0%, #f4f4f4 90%);
	background-color: #fcfcfc;
}

/*dark grey gradent - footer*/
.bg-color1 {
    background-image: linear-gradient(60deg, #231b1b 0%, #454545 80%);
	background-color: #231b1B;
}

/*medium dark grey gradent*/
.bg-color2 {
	background-image: linear-gradient(60deg, #453d3d 0%, #565656 80%);
    background-color: #453d3d;
}

/*light grey gradent*/
.bg-color2b {
	background-image: linear-gradient(180deg, #d1d1d1 20%, #eaeaea 80%);
	background-color: #d1d1d1;
}


.bg-color-eee-fa {
	background-image: linear-gradient(180deg, #eeeeee 0%, #fafafa 60%, #fafafa 100%);
	background-color: #fafafa;
}

.bg-color-eee-f1 {
	background-image: linear-gradient(180deg, #eeeeee 0%, #f1f1f1 60%, #f1f1f1 100%);
	background-color: #f1f1f1;
}
.bg-color-eee-f8 {
	background-image: linear-gradient(180deg, #e8e8e8 0%, #f8f8f8 60%, #f8f8f8 100%);
	background-color: #f8f8f8;
}

.bg-color-tim-fff {
	background-image: linear-gradient(180deg, #e7e7ee 25%, #fafafa 50%, #ffffff 75%);
	background-color: #fff;
}

.bg-color-eee-fff {
	background-image: linear-gradient(180deg, #eeeeee 0%, #fafafa 30%, #ffffff 90%);
	background-color: #fff;
}

.bg-color-fff-f5 {
	background-image: linear-gradient(180deg, #ffffff 0%, #fafafa 50%, #f5f5f5 100%);
	background-color: #eee;
}

.bg-color-eee-fc {
	background-image: linear-gradient(180deg, #eeeeee 0%, #fcfcfc 60%, #fcfcfc 100%);
	background-color: #fcfcfc;
}

.bg-color-ddd-f4 {
	background-image: linear-gradient(180deg, #dddddd 35%, #eeeeee 70%, #f4f4f4 100%);
	background-color: #dddddd;
}



.bg-color-fa{
	background-color: #fafafa;
}
.bg-color-f8{
	background-color: #f8f8f8;
}
.bg-color-tim-steps{
	background-color: #e8eaf0; /*e0e3f0*/
}
.bg-color-fc{
	background-color: #fcfcfc;
}

.bg-color-f1{
    background-color: #f1f1f1;
}

.bg-color-f4{
	background-color: #f4f4f4;
}
.bg-color-ddd{
	background-color: #ddd;
}
.bg-color-ddd-wa {
	background-color: #dee9e6;
}
.bg-color-retention-process{
	background-color: #FFF1F1;
}
.bg-color-retention-grey{
	background-color: #F8F7FB;
}













	
/*----------
INTRO STYLES
-----------*/
.intro-block .image-shadow {
    margin: 0 0 10px 0; /*top was 0, bottom was 80*/
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.intro-block .sub-title-padding {
    margin: 0 0 80px 0; /* was 80*/
	padding-top: 10px;  /* was 10*/
}

.intro-block .headline1 {
    margin: 0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.intro-block .headline2 {
    margin: 0 0 50px 0;
	padding-top: 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}


.intro-block .slogan-0 {
    margin: 0px;
	padding-top: 0px;
}

.dark-bg .slogan {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.intro-block .slogan p {
    margin: 50px 0 0 0;
    opacity: 0.7;
}


@media (max-width: 992px) {
    .intro-block {
        text-align: center;
    }
    .intro-block .slogan {
        margin: 0 10px 50px 10px;
    }
}





#big-video-wrap video,
.vjs-control-bar {
    display: none;
}

.intro-blog-block {
    padding: 150px 0 100px 0;
}








/***************************************************************************************** HEADING STYLES */
p1{
	line-height: 1;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.4px;
}
.more {
    font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.4px;
	font-weight: bold;
}

h1, h2, h5 {
	line-height: 1;
}
	
/***************************************************************************************** ADDITIONAL HEADING & TITLE STYLES */
h2.cap {
	font-size: 45px;
	font-weight: 600;
    padding: 0 0 60px 0;
}
h2.challenges {
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 80px;
}

h2.percentage {
	font-size: 45px;
	font-weight: 600;
    margin: 30px 0 30px 0;
	text-align: center;
}
h2.light2 {
	font-size: 35px;
	font-weight: 300;
}
h2.light3 {
	font-size: 50px;
	font-weight: 300;
}
h2.top {
	font-size: 28px;
	font-weight: 500;
	color: #111; /*was #b6b6b6*/
}
.p-title {
	font-weight: 500;
	color: #111; /*was #b6b6b6*/
}

h2.outcome-lr {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
    margin: 0 0 20px 0;
}

h2.outcome {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
    margin: 0 0 20px 0;
}





h2.dark-top {
	font-size: 28px;
	font-weight: 500;
	color: #fff;
}

h2.light {
	font-size: 28px;
	font-weight: 300;
}


h2.section {
	font-size: 35px;
	font-weight: 500;
	padding-top: 60px;
	color: #000;
}

h2.section-dark {
	font-size: 35px;
	font-weight: 500;
	padding-top: 60px;
	color: #fff;
}

h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
    margin: -40px 0 60px 0;
}
@media (max-width: 991px) {
	h3 {
	margin: -20px 0 30px 0;
	}
}

h3.process {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
    margin: -40px 0 30px 0;
}

h3.version {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
    margin: 0px 0 50px 5px;
}










h3.role {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
    margin: 0 0 10px 0;
}

h3.b {
	font-weight: 600;
}

.b {
	font-weight: 600;
}

h3.method-title {
	font-size: 26px;
	font-weight: 500;
	padding-top: 60px;
	color: #b6b6b6;
}

h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #666;
    margin: 0 0 0 0;
}

h5 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
    margin: 0 0 0 0;
}

h5.blk {
	font-weight: 500;
	color: #111;
	margin: 30px 0 15px 0;
}

h5.blk2 {
	font-weight: 600;
	color: #111;
	margin: 0 0 15px 0;
}

h4.quote {
	font-size: 38px;
    font-family: 'Shadows Into Light', cursive;
	line-height: 1;
	letter-spacing: 0.6px;
	text-align: left;
}

h5.quote3 {
	font-size: 24px;
    font-family: 'Shadows Into Light', cursive;
	color: #444;
	line-height: 1.75;
	letter-spacing: 0.6px;
}
h5.quote2 {
	font-size: 20px;
    font-family: 'Shadows Into Light', cursive;
	line-height: 1;
	letter-spacing: 0.6px;
	text-align: center;
	padding: 30px 0 30px 0;
}

h5.quote {
	font-size: 22px;
    font-family: 'Shadows Into Light', cursive;
	color: #444;
	line-height: 1.15;
	letter-spacing: 0.6px;
}

h5.quote_left {
	font-size: 24px;
    font-family: 'Shadows Into Light', cursive;
	color: #5d5d5d;
	line-height: 1;
	letter-spacing: 0.6px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 30px;
}

.p-title {
	font-size: 16px;
	font-weight: 500;
    margin: 0px;
	vertical-align: top;
}


.c {
	font-size: 10px;
	font-weight: 500;
	color: #666666;
	margin: 60px 0 -40px 0;
	text-align: center;
}


.point-md {
	font-size: 14px;
}

.r {
	font-weight: lighter;
}

.light{
	font-weight: 300;
}
/* END*/


/*----
MEDIA
-----*/
@media (max-width: 1200px) {
    section,
    header {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 992px) {
    body {
        text-align: center;
    }
	
    section,
    header {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
	/*was center*/

    h1 {
        font-size: 45px;
    }
    h2.cap {
        font-size: 40px;
		padding-bottom: 40px;
    }
	h2.challenges {
		font-size: 40px;
	}

	h2.top {
		font-size: 24px;

	}
	h2.dark-top {
		font-size: 24px;
	}
	h2.section {
		font-size: 30px;
	}
	
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 14px;
    }
	
    .row [class^=col-] {
        padding-bottom: 40px;
    }
    .row.no-dev [class^=col-],
    .row [class^=col-sm-] {
        padding-bottom: 0px;
    }
    .row [class^=col-]:last-child {
        padding-bottom: 0;
    }
	
    .row2 [class^=col-] {
        padding-bottom: 40px;
    }
    .row2.no-dev [class^=col-],
    .row2 [class^=col-sm-] {
        padding-bottom: 0px;
    }
    .row2 [class^=col-]:last-child {
        padding-bottom: 0;
    }	
}

@media (max-width: 767px) {
    body {
        text-align: center;
		font-size: 14px;
    }
    section,
    header {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
	/*was center*/
	
    .row [class^=col-sm-] {
        padding-bottom: 30px;
    }
    .row2 [class^=col-sm-] {
        padding-bottom: 30px;
    }
	
    h1 {
        font-size: 40px;
    }
    h2.cap {
        font-size: 32px;
		padding-bottom: 30px;
    }
	h2.challenges {
		font-size: 32px;
	}
	
h2.top,
	h2.dark-top {
		font-size: 24px;
	}	
	
h2.outcome-lr {
	font-size: 20px;
    margin: 0 0 30px 0;
	line-height: 30px;
}

h2.outcome {
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 30px;
}	
	
	h2.section {
		font-size: 30px;
	}
	
    h3 {
        font-size: 16px;
    }
    h4 {
        font-size: 14px;
    }	
}

@media (max-width: 480px) {
    body {
        text-align: left;
		font-size: 14px;
    }
	
    h1 {
        font-size: 32px;
    }
    h2.cap {
        font-size: 26px;
		padding-bottom: 30px;
    }
	h2.challenges {
		font-size: 26px;
	}
	
	h2.top,
	h2.dark-top {
		font-size: 20px;
	}
	h2.section {
		font-size: 24px;
	}
	
    h3 {
        font-size: 16px;
    }
    h4 {
        font-size: 14px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) {
    .fixed-bg {
        background-attachment: scroll!imortant;
    }
}






/***************************************************************************************** TITLE STYLES */
.title {
    margin: 0 0 60px 0;
}

.big-title,
.giant-title,
.mega-title {
    font-size: 85px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 60px; /*was 70*/
}


.giant-title-s {
    font-size: 65px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 60px; 
}

@media (max-width: 1200px) {
    .giant-title-s {
        font-size: 60px;
    }
}
@media (max-width: 992px) {
    .giant-title-s {
        font-size: 55px;
    }
}
@media (max-width: 767px) {
    .giant-title-s {
        font-size: 45px;
    }
}
@media (max-width: 705x) {
    .giant-title-s {
        font-size: 35px;
    }
}
@media (max-width: 480x) {
    .giant-title-s {
        font-size: 30px;
    }
}
@media (max-width: 360px) {
    .giant-title-s {
        font-size: 25px;
    }
}























.giant-title-top {
    font-size: 33px;
    font-weight: 300;
    text-transform: uppercase;
}

.giant-title2-bottom {    
	font-size: 18px;
    font-weight: 400;
}

.mega-title .icon {
    font-size: 80%;
}



.big-title.zero-bottom,
.giant-title.zero-bottom {
    margin-bottom: 0;
}
@media (max-width: 1200px) {
    .big-title,
    .giant-title,
    .mega-title {
        font-size: 80px;
    }
}
@media (max-width: 992px) {
    .big-title,
    .giant-title,
    .mega-title {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .big-title,
    .giant-title,
    .mega-title {
        font-size: 60px;
    }
}
@media (max-width: 705x) {
    .big-title,
    .giant-title,
    .mega-title {
        font-size: 50px;
    }
}
@media (max-width: 480x) {
    .big-title,
    .giant-title,
    .mega-title {
        font-size: 45px;
    }
}
@media (max-width: 360px) {
    .big-title,
    .giant-title,
    .mega-title {
        font-size: 42px;
    }
}





.giant-title-intro {
    font-size: 65px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px; /*was 70*/
}

@media (max-width: 1200px) {
    .giant-title-intro {
        font-size: 65px;
    }
}
@media (max-width: 992px) {
    .giant-title-intro {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .giant-title-intro {
        font-size: 60px;
    }
}
@media (max-width: 705x) {
    .giant-title-intro {
        font-size: 50px;
    }
}
@media (max-width: 480x) {
    .giant-title-intro {
        font-size: 45px;
    }
}
@media (max-width: 360px) {
    .giant-title-intro {
        font-size: 42px;
    }
}





h3.title,
h4.title {
    margin: 0 0 30px 0;
}

h1.sub-title,
h2.sub-title,
h3.sub-title,
h4.sub-title {
    color: #00c0ff;
    margin: 0 0 60px 0;
}

.bg-color2 .sub-title {
    color: #fff;
}

.sub-title {
	font-size: 600;
	text-align: center;
}


/*****************************************************************************************  LOCAL: theme styles */
.theme-title-1a {
	color: #d41210;
}
.theme-title-1b {
	color: #fc8e00;
}
.theme-title-1c {
	color: #f6b900;
}
.theme-title-2 {
	color: #0093FF;
}
.theme-title-3a {
	color: #FF6700;
}
.theme-title-3b {
	color: #0d8cef; /* was 008cff */
}
.theme-title-3c {
	color: #65ca3e;
}
.white {
	color: #ffffff;
}
.theme-title-bp {
	color: #358aff; /* was 008cff */
}
.theme-cu-t {
	padding-top: 30px;
	color: #6aeae6;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	text-decoration: underline;
}
.theme-cu-l {
	padding-top: 30px;
	color: #30a4e0;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	text-decoration: underline;
}


/*****************************************************************************************  LOCAL: heading theme styles */
.theme1,
.theme2,
.theme3,
.theme4,
.theme5 {
	font-size: 44px;
}
	
.theme1 {
	color: #800000;
}	
.theme2 {
	color: #0055bb;
}	
.theme3 {
	color: #f75f00;
}	
.theme4 {
	color: #319ce9;
}	
.theme5 {
	color: #66cb39;
}	





/*****************************************************************************************  REVISED: dark bg heading styles */
.dark-bg {
    color: #fff;
}

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg p,
.dark-bg {
    color: #fff;
}





/***************************************************************************************** revised CAPTION STYLES */
.caption {
	color: #888;
    font-size: 14px;
}
/***************************************************************************************** ADDITIONAL CAPTION & ICON STYLES */
.caption_left {
	font-size: 14px;
	color: #000;
	font-weight: 400;
    margin: 0 0 30px 0;
	text-align: left;
}

.caption_center {
	font-size: 14px;
	color: #333333;
	font-weight: 400;
    margin: 0 0 30px 0;
	text-align: center;
}

.caption_right {
	font-size: 14px;
	color: #000;
	font-weight: 400;
    margin: 0 0 30px 0;
	text-align: right;
}





/*-----------
ICON STYLES
-----------*/
.icon {
    margin-right: 10px;
}

.btn .icon {
    vertical-align: middle;
}

.right-icon {
    margin-left: 10px;
    margin-right: 0;
}

.big-icon {
    display: inline-block;
    font-size: 64px;
}

.big-icon2 {
    display: inline-block;
    font-size: 48px;
}

.center-icon {
    margin-right: auto;
    margin-left: auto;
}

.big-right-icon {
    font-size: 64px;
    margin-left: 10px;
    margin-right: 0;
}

.border-block {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.border-block-r10 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
	border-radius: 10px;
}

.border-block-r30 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px;
	border-radius: 0 30px 0 30px;
}

.dark-bg .border-block {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.text-highlight {
    background: rgba(0, 0, 0, 0.5);
    padding: 0 20px;
}

.trans-link a {
    opacity: 0.5;
}

.trans-link a:hover {
    opacity: 1;
}






/*----------
HIDE & SHOW
----------*/
.fa {
	font-size: 32px !important;
    cursor: pointer;
    user-select: none;
}

.fa:hover {
  color: darkblue;
}






/***************************************************************************************** HR */
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: rgba(0, 0, 0, 0.15);
}

.dark-bg hr {
    border-color: rgba(255, 255, 255, 0.4);
}





/*****************************************************************************************  ADDITIONAL BORDERS */
.border-top0 {
	border-top: 1px solid #ddd;
}

.border-top1 {
	border-top: 1px solid #ddd;
	margin-top: 18px;
	padding-top: 20px;
}


.border-t-b {
	border-bottom: 4px solid #ccc;
	width: 80px;
	margin: 0px auto 60px auto;
}
.border-t-b-dark {
	border-bottom: 4px solid #fff;
	width: 80px;
	margin: 0px auto 60px auto;
}
.border-t-b2 {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 0px;
	margin-top: 0px;
}

.border-t-b-l {
	border-bottom: 4px solid #ccc;
	width: 80px;
	margin: 0px 0px 90px 0px;
}

.border-t-b-l-w {
	border-bottom: 4px solid #ffffff;
	width: 80px;
	margin: 0px 0px 90px 0px;
}


.border-title-btm {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	font-weight: 600;
}


.border-btm1 {
	border-bottom: 1px solid #FFBCB0;
	margin-bottom: 60px;
}

.border-con-1 {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 60px 0px;
}

.border-con-top1 {
	border-top: 1px solid #ddd;
	padding-top: 150px;
}

.border-con-top2 {
	border-top: 1px solid #ddd;
	padding-top: 80px;
}

.border-con-top3 {
	border-top: 1px solid #ddd;
	padding-top: 150px;
}
@media (max-width: 767px) {
	.border-con-top3 {
	border-top: 1px solid #ddd;
	padding-top: 80px;
}
}

.border-con-top0 {
	border-top: 1px solid #ddd;
}
.border-con-btm1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 150px;
}

.border-img {
	border: 1px solid #bbb;
}

.border-con-top0 {
	border-top: 1px solid #ddd;
}

.border-bottom {
	border-bottom: 1px solid #ddd;
	padding-top: 0px;
	margin-top: 0px;
}
.border-bottom2 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 120px;
}
.border-bottom3 {
	border-bottom: 1px solid rgba(230,230,230,1.00);
	padding-top: 0px;
	margin-top: 0px;
}









/***************************************************************************************** GO TO TOP */	
.gototop {
	display: none; 
	z-index: 100;
}






/*-------------
TOGGLES STYLES
-------------*/
.panel {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    background-color: #fff;
}

a.panel-heading {
    display: block;
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
    padding: 20px 60px 20px 25px;
    color: #00c0ff;
    text-align: left;
}

a.panel-heading:after {
    content: "";
    display: block;
    position: absolute;
    top: 31px;
    right: 25px;
    height: 10px;
    width: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

a.panel-heading.collapsed:after {
    top: 25px;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.panel-body {
    padding: 40px;
}

.panel-body-0 {
	margin-top: 10px;
}

.dark-bg .panel {
    background-color: #202229;
}

.dark-bg a.panel-heading:after,
.dark-bg .panel-group .panel-heading + .panel-collapse > .panel-body,
.dark-bg a.panel-heading{
    border-color: rgba(255, 255, 255, 0.2);
}
	
	
	
	
	
	
/*----------
BLOCK QUOTE
------------*/
blockquote {
    padding: 40px;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: left;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
}

blockquote small {
    text-align: inherit;
    padding: 30px 0 0 0;
    color: #aaa;
}






/*----------
CODE
------------*/
code {
    padding: 20px 20px 20px 80px;
    display: block;
    position: relative;
    text-align: left;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
    color: #03C;
    background: none;
    overflow: auto;
}

code:before {
    content: '</>';
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    display: block;
    position: absolute;
    width: 60px;
    left: 0px;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #ccc;
    background: #f8f8f8;
}







/*----
TABLE
------*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.dark-bg .table > thead > tr > th,
.dark-bg .table > tbody > tr > th,
.dark-bg .table > tfoot > tr > th,
.dark-bg .table > thead > tr > td,
.dark-bg .table > tbody > tr > td,
.dark-bg .table > tfoot > tr > td {
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.table-hover > tbody > tr:hover {
    background-color: rgba(0, 0, 0, 0.025);
}

.dark-bg .table-hover > tbody > tr:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

::-moz-selection {
    background: #00c0ff;
    color: #fff;
}

::selection {
    background: #00c0ff;
    color: #fff;
}

::-moz-selection {
    background: #00c0ff;
    color: #fff;
}






/*----------
FORM STYLES
----------*/
form {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.form-group {
    margin: 0;
}

.form-group .btn {
    border-radius: 0;
    font-size: inherit;
    padding: 20px;
}

.form-group input,
.input-group input,
.form-group textarea,
button {
    color: #222;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
}

.form-group.select-group select::-ms-expand {
    display: none;
}

.form-group.select-group select {
    border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

.form-group.select-group {
    position: relative
}

.form-group.select-group:before {
    content: '';
    position: absolute;
    bottom: 53%;
    right: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #888 transparent;
}

.form-group.select-group:hover:before {
    border-color: transparent transparent #444 transparent;
}

.form-group.select-group:after {
    content: '';
    position: absolute;
    top: 53%;
    right: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #888 transparent transparent transparent;
}

.form-group.select-group:hover:after {
    border-color: #444 transparent transparent transparent;
}

.form-group.select-group:before,
.form-group.select-group:after {
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.input-group input:focus,
.form-group input:focus,
.form-group textarea:focus,
.input-group button:focus {
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border: 0;
    outline: 0;
}

.placeholdersjs,
option[disabled] {
    color: #aaa !important;
}

input.form-control,
select.form-control,
.form-group.select-group select,
.input-group input:focus,
.form-group input:focus,
textarea.form-control {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 20px 25px 20px 0;
    line-height: 1.6;
    font-size: inherit;
    height: auto;
    width: 100%;
    background: none;
    color: inherit;
}

textarea.form-control {
    resize: none;
    border: none;
}

form button {
    margin-top: 40px;
}

form label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    margin: 0;
}

form label.error {
    background: #e44646;
    color: #fff;
    padding: 5px 10px;
}

form label.valid {
    display: none !important;
}

.dark-bg form,
.dark-bg form .form-control {
    border-color: rgba(255, 255, 255, 0.2);
}

.form-container {
    background: #fff;
    padding: 40px;
    border-radius: 3px;
}

.dark-bg .form-container {
    background: #252830;
}

.form-container form {
    margin: 0 0 40px 0;
}

.form-container .title,
.form-container p,
.form-container small {
    margin: 0 0 40px 0;
}

.form-container *:last-child {
    margin-bottom: 0;
}

form.line-form {
    border: none;
}

form.line-form input,
form.line-form input:focus,
form.line-form select.form-control,
form.line-form select.form-control:focus {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #555;
}

form.line-form select.form-control,
form.line-form select.form-control:focus {
    height: 69px;
}

form.line-form .form-control {
    background: #fff;
    padding: 20px 25px;
    border-right: none;
    border-left: none;
}

form.line-form > div:first-child .form-control {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #eee;
}

form.line-form button,
form.line-form button:hover,
form.line-form button:focus {
    height: 69px;
    font-size: inherit;
    line-height: 24px;
    padding: 20px 25px;
    border-radius: 0 3px 3px 0;
    border-left: none;
    overflow: hidden;
    margin: 0;
}

form.line-form button .icon {
    font-size: 24px;
}

form.line-form button.btn-primary-white,
form.line-form button.btn-primary-white:hover,
form.line-form button.btn-primary-white:focus,
form.line-form button.btn-primary-white:active {
    border: 1px solid #eee;
    border-left: none;
}

form.line-form label.error {
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 10px 20px;
}

form.line-form.two-fields .form-group {
    float: left;
    width: 40%;
}

form.line-form.five-fields .form-group {
    float: left;
    width: 16.66%;
}

form.line-form .form-control {
    border-left: 1px solid #eee;
}

form.line-form .input-daterange input:last-child,
form.line-form .input-daterange input:first-child {
    border-radius: 0;
}

form.line-form.two-fields button {
    float: left;
    width: 20%;
}

form.line-form.five-fields button {
    float: left;
    width: 16.66%;
}

.dark-bg form.line-form .form-control {
    border-color: #eee;
}

@media (max-width: 767px) {
    form.line-form.two-fields .form-group,
    form.line-form.two-fields button,
    form.line-form.five-fields .form-group,
    form.line-form.five-fields button {
        float: none;
        width: 100%;
        border-radius: 0;
    }
    form.line-form.two-fields .form-group input,
    form.line-form.five-fields .form-group input {
        border: none;
    }
    form.line-form.two-fields .form-group:first-child input,
    form.line-form.five-fields .form-group:first-child input {
        border-bottom: 1px solid #eee;
        border-right: none;
        border-radius: 0;
    }
}



/*----------------------------------------------------------------------------------------
                        DATA LIST STYLE
----------------------------------------------------------------------------------------*/
.data-list li,
.data-list-alt li {
    padding-left: 45px;
    padding-bottom: 30px;
    position: relative;
}

.data-list .icon,
.data-list-alt .icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 130%;
    opacity: 0.4;
}

.data-list-alt li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 15px;
    padding-bottom: 15px;
}

.data-list-alt .icon {
    top: 15px;
}

@media (max-width: 992px) {
    .data-list li {
        padding-left: 0;
    }
    .data-list .icon {
        position: relative;
        display: block;
        top: auto;
        left: auto;
        padding-bottom: 10px;
        margin: 0;
    }
}






/*-------------
BUTTONS STYLES
-------------*/
.button-w {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 15px 20px;
	text-align: center;
	margin: 15px 5px 15px 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: white;
    border: 1px solid #ffffff;
}

.button-w-tim {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 15px 20px;
	text-align: center;
	margin: 15px 5px 15px 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: #ffffff;
    border: 1px solid #008cff;
	background-color: #008cff;
}
.button-w-ab {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 15px 20px;
	text-align: center;
	margin: 15px 5px 15px 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: #ffffff;
    border: 1px solid #FF5600;
	background-color: #FF5600;
}

.button-blk {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 15px 32px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: black;
    border: 1px solid #000000;
}


.button-blk2 {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 30px 30px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 35px;
	font-weight: 600;
    color: black;
    border: 1px solid #000000;
}




.button-call {
    	width: 120px;
		height: 120px; 
		border-radius: 50%;
		border: 2px solid #000;
		color: #f00;
		font-size: 20px;
		padding: 32px 32px;
	font-weight: 500;
	text-align: center;
    text-decoration: none;
    display: inline-block;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.button-dark-bg {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 15px 32px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: black;
    border: 1px solid #ffffff;
}
.button-disable {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 15px 32px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: black;
    border: 1px solid #cccccc;
}
.button-blk:hover {
    background-color: #f4f4f4;
}

/*btn*/
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

.btn {
    font-size: inherit;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: 14px;
    padding: 3px 7px;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 22px 35px;
    font-size: inherit;
    font-size: 20px;
    border-radius: 5px;
}

.btn-primary {
    background: #00c0ff;
    border-color: #00c0ff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #009acc;
    border-color: #009acc;
}

.btn-primary-white {
    background: #fff;
    border-color: #fff;
    color: #00c0ff;
}

.btn-primary-white:hover,
.btn-primary-white:focus,
.btn-primary-white:active {
    background: #fff;
    border-color: #fff;
    color: #00c0ff;
}

.btn-default {
    border: 1px solid #00c0ff;
    color: #00c0ff;
    background: none;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    border: 1px solid #009acc;
    color: #009acc;
    background: none;
}

.btn-default-white,
.btn-default-white:hover,
.btn-default-white:focus,
.btn-default-white:active {
    border: 1px solid #fff;
    color: #fff;
    background: none;
}

.download-btn,
.download-btn:hover,
.download-btn:active,
.download-btn:visited {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #000;
    color: #fff;
    overflow: hidden;
    text-align: left;
    padding: 15px 25px 12px 75px;
    font-size: 13px;
    line-height: 1.1;
    vertical-align: middle;
}

.download-btn b {
    display: block;
    padding-top: 4px;
    font-size: 25px;
    font-weight: lighter;
    white-space: nowrap;
}

.download-btn .icon {
    font-size: 40px;
    position: absolute;
    top: 15px;
    left: 20px;
}

a.read-more {
    display: inline-block;
    padding: 0px 5px;
    margin: 0 0 -4px 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    border-radius: 2px;
    letter-spacing: 3px;
}

a.read-more:hover {
    color: #00c0ff;
}

/*
a.round-btn{
    position: relative;
    display: inline-block;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 107px;
    font-size: 20px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    border:1px solid #fff;
}

a.round-btn:hover{
    background: rgba(0,0,0,0.8);
}
*/

.btn,
.download-btn {
    margin-bottom: 2px;
    margin-top: 2px;
}


	
	
	







/*------------------------------------------------------------------------------------------
																	COUNTDOWN STYLES
------------------------------------------------------------------------------------------*/
.countdown {
    margin-bottom: 20px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    display: inline-block;
    padding: 50px 30px;
}

.dark-bg .countdown {
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.countdown > div {
    display: inline-block;
    margin: 0 40px;
}

.countdown > div div {
    font-size: 80px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
}

.countdown em {
    font-style: normal;
    display: block;
    opacity: 0.5;
    font-size: 14px;
}






/*----------
TABS STYLES
----------*/
.nav-tabs-round {
    display: block;
    padding: 30px 0;
}

.nav-tabs-round li {
    display: inline-block;
}

.nav-tabs-round li a {
    border-radius: 40px;
    border: 1px solid transparent;
    display: block;
    padding: 15px 25px;
    margin-bottom: 2px;
}

.nav-tabs-round > li.active > a,
.nav-tabs-round > li.active > a:hover,
.nav-tabs-round > li.active > a:focus {
    border: 1px solid #00c0ff;
    color: #00c0ff;
    background: none;
}

.nav-tabs li a {
    padding: 20px 25px;
    font-weight: bold;
    display: block;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    color: #00c0ff;
}

.nav-tabs li a:hover {
    background: none;
}

.tab-content {
    padding: 35px 25px;
    background-color: #fff;
}

.tab-content-border {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
}

.tab-content-zero {
    padding: 0;
}

.tab-content-border .data-list {
    margin: 40px 0 0 40px;
}

@media (max-width: 767px) {
    .nav-tabs > li {
        float: none;
    }
    .nav-tabs > li a {
        display: block;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-radius: 0;
        margin: 0;
    }
    .nav-tabs li:first-child a {
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs > li a:hover,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-color: #ddd;
    }
}

@media (max-width: 992px) {
    .tab-content-border .data-list {
        margin: 40px 0 0 0;
    }
}






/*------------------------------------------------------------------------------------------
																			PRELOADER STYLES
-------------------------------------------------------------------------------------------*/
#preloader {
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 9999;
}

#preloader:not(.dark-bg) {
    background: #fff;
}

#preloader .loading-data {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #00c0ff;
    border-top-color: rgba(0, 192, 255, 0);
    -webkit-animation: loader-animation 0.8s infinite linear;
    animation: loader-animation 1s infinite linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes loader-animation {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-animation {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}






/*----------------
MODAL POPUP STYLES
----------------*/
.modal {
    overflow-y: auto;
    text-align: center;
}

.modal-content {
    padding: 100px 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    border: 0;
}

.modal-title {
    margin: 0;
}

.modal-title .icon {
    font-size: 48px;
    line-height: 48px;
    display: block;
    margin: 0 0 40px 0;
    color: #00c0ff;
}

.modal-title .icon.icon-ban {
    color: #e44646;
}

.modal-open {
    overflow: auto;
}

.modal-content .close {
    position: absolute;
    top: 10px;
    right: 15px;
}

.close {
    font-family: inherit;
    font-size: 32px;
    font-weight: 100;
    text-shadow: none;
}

.close:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.modalVideo .modal-content .close {
    position: absolute;
    top: 0;
    right: 0;
    color:#fff;
    opacity: 0.5;
    margin:0;
}

.modalVideo .modal-content {
    padding: 40px 0 0 0;
    background-color: transparent;
}

@media (max-width: 767px) {
    #modalVideo .container {
        margin-top: 20px;
    }
}





/*-----------------
AUDIO PLAYER STYLES
------------------*/
.audiojs {
    display: block;
    position: relative;
    width: auto;
    height: 40px;
    margin: 0 auto;
    height: 30px;
    background: #fff;
    overflow: hidden;
    font-family: inherit;
    font-size: 12px;
    -o-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 2px;
}

.cover {
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.cover .audiojs {
    border-radius: 0 0 2px 2px;
}

.audiojs audio {
    position: relative;
}

.audiojs .play-pause {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0px;
    float: none;
    overflow: hidden;
    border-right: none;
}

.audiojs p {
    width: 30px;
    height: 30px;
}

.audiojs .play,
.audiojs .pause,
.audiojs .loading,
.audiojs .error {
    display: block;
    position: relative;
    background: none;
}

.audiojs .loading {}

.audiojs .play::after,
.audiojs .pause::after,
.audiojs .loading::after,
.audiojs .error::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.audiojs .play::after {
    margin-top: -6px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #00c0ff;
}

.audiojs .pause::after {
    margin-top: -6px;
    margin-left: -4px;
    width: 8px;
    height: 10px;
    border-right: 3px solid #00c0ff;
    border-left: 3px solid #00c0ff;
}

.audiojs .loading::after {
    margin-top: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border-top: 1px solid #00c0ff;
    border-right: 1px solid #00c0ff;
    border-left: 1px solid #00c0ff;
    border-bottom: 1px solid transparent;
    -webkit-animation: loader-animation 0.5s infinite linear;
    animation: loader-animation 0.5s infinite linear;
}

.audiojs .error::after {
    content: "X";
    color: #ff0000;
    font-weight: bold;
    margin-top: -8px;
    margin-left: -4px;
    width: 10px;
    height: 10px;
}

.audiojs.error .error-message {
    color: #ff0000;
    line-height: 31px;
    padding-left: 20px;
}

.audiojs .scrubber {
    position: absolute;
    top: 13px;
    left: 30px;
    right: 90px;
    width: auto;
    float: none;
    background: #f2f2f2;
    padding: 0;
    margin: 0;
    height: 3px;
    border-top: none;
    border-left: 0px;
    border-bottom: 0px;
    overflow: hidden;
}

.audiojs .progress {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 0px;
    background: #00ccff;
    border-radius: 0;
    z-index: 1;
    background-image: none;
}

.audiojs .loaded {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 0px;
    background: #ccc;
    background-image: none;
}

.audiojs .time {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 31px;
    margin: 0px 10px;
    padding: 0px;
    border-left: none;
    color: #888;
    text-shadow: none;
}

.audiojs .time em {
    padding: 0px 2px 0px 0px;
    color: #ccc;
    font-style: normal;
}

.audiojs .time strong {
    padding: 0px 0px 0px 2px;
    font-weight: normal;
}

.audiojs .error-message {
    display: none;
    margin: 0px 10px;
    height: 36px;
    width: auto;
    overflow: hidden;
    line-height: 36px;
    white-space: nowrap;
    color: #fff;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}

.audiojs .error-message a {
    color: #eee;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #999;
    white-space: wrap;
}

.playing .play,
.playing .loading,
.playing .error {
    display: none;
}

.playing .pause {
    display: block;
}

.loading .play,
.loading .pause,
.loading .error {
    display: none;
}

.loading .loading {
    display: block;
}

.error .time,
.error .play,
.error .pause,
.error .scrubber,
.error .loading {
    display: none;
}

.error .error {
    display: block;
}

.error .play-pause p {
    cursor: auto;
}

.error .error-message {
    display: block;
}

ol.playlist {
    text-align: left;
    list-style-position: inside;
    padding: 20px 0 0 0;
    margin: 0;
    font-size: 80%;
}

ol.playlist > li {
    position: relative;
    padding: 7px 0 7px 0px;
    opacity: 0.5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

ol.playlist > li a {
    margin-left: 8px;
}

ol.playlist > li:hover {
    opacity: 1;
}

ol.playlist > li.playing {
    opacity: 1;
    border-bottom: 1px solid #00c0ff;
}





/*------------------------------------------------------------------------------------------------
																			CAROUSEL SLIDER STYLES
------------------------------------------------------------------------------------------------*/
.carousel {
    position: static;
    padding-bottom: 0px; /*was 50*/
}

.carousel-indicators {
    display: table;
    font-size: 0;
    line-height: 0;
    width: 100%;
    left: 0;
    margin: 0;
    bottom: 0;
}

.carousel-indicators li,
.carousel-indicators .active {
    display: table-cell;
    width: auto;
    height: 8px;
    margin: 0;
    text-indent: -999px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    background-color: #000;
    opacity: 0.15;
}

.carousel-indicators .active {
    background-color: #00c0ff;
    opacity: 1;
}

.carousel-control {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 50%;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.carousel-control.left,
.carousel-control.right {
    background: rgba(0, 0, 0, 0.05);
}

.dark-bg .carousel-control.left,
.dark-bg .carousel-control.right {
    background: rgba(0, 0, 0, 0.5);
}

.carousel-control .arrow {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    background: none;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
}

.dark-bg .carousel-control .arrow {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.carousel-control.left .arrow {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    left: 50%;
}

.carousel-control.right .arrow {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 50%;
}

.full-slider,
.full-slider .carousel {
    padding: 0;
}












/***************************************************************************************** ORDER LIST - ITEM LIST STYLES */
.item-list-left0 li{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -10px;
	font-size: 14px;
	text-align: left;
	list-style: circle;
}




.item-list-left2 li{
	padding-left: 10px;
	padding-right: 0px;
	margin-left: 0px;
	text-align: left;
	list-style: circle;
}
.item-list-left-num li{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -20px;
	text-align: left;
	list-style: decimal;
}

.item-list-left-upper-alpha li{
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	list-style: upper-alpha;
}
.item-list-left-upper-alpha-20 li{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
	text-align: left;
	list-style: upper-alpha;
}
.item-list-left-upper-alpha--20 li{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -20px;
	text-align: left;
	list-style: upper-alpha;
}
.item-list-left-upper-alpha-0 li{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
	text-align: left;
	list-style: upper-alpha;
}

.item-list-left--20 li{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -20px;
	text-align: left;
}


.item-list-right li,
.item-list-left li {
    position: relative;
}

.item-list-right li {
    padding: 0 75px 60px 45px;
    text-align: right;
}

.item-list-left li {
    padding: 0 45px 60px 75px;
    text-align: left;
}

.item-list-center li {
    padding: 0 40px 60px 40px;
    text-align: center;
}



.item-list-border li {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 40px;
    margin-bottom: 30px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.item-list-border-alt li {
    background: rgba(255, 255, 255, 0.95);
}

.dark-bg .item-list-border-alt li {
    background: rgba(0, 0, 0, 0.5);
}

.item-list-border li:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.dark-bg .item-list-border li {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-bg .item-list-border li:hover {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.item-list-border li .big-icon {
    font-size: 48px;
    opacity: 0.5;
}

.item-list li {
    padding-bottom: 60px;
}

.item-list-small li {
    padding-bottom: 30px;
}

.item-list-right li .icon,
.item-list-left li .icon {
    font-size: 48px;
    position: absolute;
    display: inline-block;
    top: 0;
    color: #00c0ff;
}

.item-list-right li .img-icon,
.item-list-left li .img-icon {
    position: absolute;
    display: inline-block;
    top: 0;
    max-width: 50px;
    height: auto;
}

.item-list-right li .num-icon,
.item-list-left li .num-icon {
    font-size: 22px;
    font-style: normal;
    position: absolute;
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 1px solid #00c0ff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    top: 0;
    color: #00c0ff;
}

.item-list-right li .icon,
.item-list-right li .img-icon,
.item-list-right li .num-icon {
    right: 0;
}

.item-list-left li .icon,
.item-list-left li .img-icon,
.item-list-left li .num-icon {
    left: 0;
}

.item-list-center li .icon,
.item-list-center li img {
    display: inline-block;
    font-size: 64x;
    color: #000;
    margin: 0 0 20px 0;
}


.item-list-center li .icon2,
.item-list-center li img {
    display: inline-block;
    font-size: 55px;
	color: #00c0ff;
    margin: 0 0 20px 0;
}

.item-list-right h3,
.item-list-left h3,
.item-list-center h3 {
    margin: 0 0 25px 0;
}

.item-list-right h3:last-child,
.item-list-left h3:last-child,
.item-list-center h3:last-child {
    margin: 0;
}

.item-list-right h4,
.item-list-left h4,
.item-list-center h4 {
    margin: 0 0 15px 0;
}

.item-list-right.item-list-big li {
    padding: 0 80px 100px 30px;
}

.item-list-left.item-list-big li {
    padding: 0 30px 60px 100px;
}

.item-list-big li .icon {
    font-size: 32px;
}

.item-list-right li:last-child,
.item-list-left li:last-child,
.item-list-center li:last-child,
.item-list li:last-child {
    padding-bottom: 0 !important;
}

.dark-bg .item-list-right p,
.dark-bg .item-list-left p,
.dark-bg .item-list-center p {
    opacity: 0.8;
}

@media (max-width: 992px) {
    .item-list-right h3,
    .item-list-left h3 {
        margin: 0 0 10px 0;
    }
    .item-list-left li .icon,
    .item-list-right li .icon,
    .item-list-left li .img-icon,
    .item-list-right li .img-icon,
    .item-list-left li .num-icon,
    .item-list-right li .num-icon {
        position: relative;
        margin: 0 0 20px 0;
    }
    .item-list-left li .img-icon,
    .item-list-right li .img-icon {
        max-width: 50%;
    }
    .item-list-left li,
    .item-list-right li,
    .item-list li {
        padding: 0 20px 40px 20px;
        text-align: center;
    }
}







/***************************************************************************************** UNORDER LIST STYLE */
ul {
    margin: 0;
    padding-left: 20px;
    list-style: inherit;
}

/***************************************************************************************** ADDITIONAL UNORDER LIST STYLES */
ul.item-list-left li{
	padding-left: 10px;
	padding-bottom: 2px;
	line-height: 1.5;
	text-align: left;
	list-style: circle;
}
ul.item-list-left-s li{
	padding-left: 10px;
	padding-bottom: 2px;
	line-height: 1.5;
	text-align: left;
	list-style: circle;
	font-size: 14px;
}
ul.item-list-left-none li{
    padding-top: 2px;
	margin-left: -20px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;	
	line-height: 1.5;
	font-size: 14px;
	text-align: left;
	list-style: none;
}
ul.item-list-left-none-1 li{
    padding-top: 2px;
	margin-left: -20px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;	
	line-height: 1.5;
	text-align: left;
	list-style:none;
}
ul.item-list-none li{
	list-style: none;
	margin-left: -25px;
}
ul.item-list-left-none li{
	list-style: none;
	margin-left: -25px;
}
ul.item-list-center-none li{
	padding-top: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;	
	line-height: 1.5;
	font-size: 14px;
	text-align: center;
	list-style:none;
}





/*-------------------------------
STEPS BLOCK STYLES - UNORDER LIST
--------------------------------*/
ul.step-center-block li,
ul.step-left-block li,
ul.step-path-block li {
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
}

ul.step-left-block li {
    padding-left: 150px;
}

ul.step-center-block li .step-text,
ul.step-left-block li .step-text,
ul.step-path-block li .step-text {
    float: left;
    width: 40%;
}

ul.step-left-block li .step-text {
    width: 50%;
}

ul.step-path-block li .step-text {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 50px 60px;
}

.dark-bg ul.step-path-block li .step-text {
    border-color: rgba(255, 255, 255, 0.3);
}

ul.step-path-block li.reverse .step-text,
ul.step-center-block li.reverse .step-text {
    float: right;
}

ul.step-center-block li .step-img,
ul.step-path-block li .step-img {
    float: right;
    width: 40%;
    position: relative;
    z-index: 2;
}

ul.step-left-block li .step-img {
    float: left;
    width: 40%;
    margin-right: 8%;
}

ul.step-center-block li.reverse .step-img,
ul.step-path-block li.reverse .step-img {
    float: left;
}

ul.step-center-block li .step-num,
ul.step-left-block li .step-num {
    position: absolute;
    height: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: 0;
    border: 1px solid #00c0ff;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
    font-size: 50px;
    font-weight: lighter;
}

ul.step-left-block li .step-num {
    left: 0;
    margin-left: 0;
}

ul.step-center-block li:before,
ul.step-left-block li:before {
    content: "";
    position: absolute;
    display: block;
    top: 100px;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: #00c0ff;
}

ul.step-left-block li:before {
    left: 50px;
}

ul.step-path-block li:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    top: 40%;
    left: 40%;
    right: 20%;
    bottom: 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    border-right: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius: 0 8px 0 0;
}

ul.step-path-block li.reverse:before {
    left: 20%;
    right: 40%;
    border-left: 1px dashed rgba(0, 0, 0, 0.2);
    border-right: none;
    border-radius: 8px 0 0 0;
}

.dark-bg ul.step-path-block li:before {
    border-color: rgba(255, 255, 255, 0.3);
}

ul.step-center-block li:last-child,
ul.step-left-block li:last-child,
ul.step-path-block li:last-child {
    padding-bottom: 0;
}

ul.step-center-block li:last-child:before,
ul.step-left-block li:last-child:before,
ul.step-path-block li:last-child:before {
    display: none;
}

ul.step-center-block li:after,
ul.step-left-block li:after {
    content: "";
    display: block;
    clear: both;
}

@media (max-width: 992px) {
    ul.step-left-block li {
        padding-left: 0;
    }
    ul.step-center-block li .step-num,
    ul.step-left-block li .step-num {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        left: auto;
        margin-left: 0;
    }
    ul.step-center-block li .step-text,
    ul.step-center-block li .step-img,
    ul.step-left-block li .step-text,
    ul.step-left-block li .step-img,
    ul.step-path-block li .step-text,
    ul.step-path-block li .step-img {
        float: none;
        width: 100%;
    }
    ul.step-center-block li .step-img,
    ul.step-left-block li .step-img,
    ul.step-path-block li .step-img {
        margin-bottom: 40px;
    }
    ul.step-center-block li:before,
    ul.step-left-block li:before,
    ul.step-path-block li:before {
        display: none;
    }
}


/*---------------------------
DIAGRAM STYLES - UNORDER LIST
---------------------------*/
ul.diagram {
    display: table;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 50px 30px 30px 30px;
    font-size: 14px;
    background-position: bottom;
}

.dark-bg ul.diagram {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

ul.diagram li {
    display: table-cell;
    text-align: center;
    height: 100%;
    vertical-align: top;
}

ul.diagram li span {
    display: block;
    position: relative;
    text-align: center;
}

ul.diagram li span.name {
    font-weight: bold;
    padding: 10px 2px 0 2px;
}

ul.diagram li span.column {
    height: 400px;
    font-size: 11px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 40%;
    margin: 0 5%;
}

ul.diagram li span.column span {
    color: #fafafa;
    line-height: 25px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
}

ul.diagram.multicol li span.column {
    width: 18%;
    margin: 0 1%;
}

ul.diagram.val-5 li {
    width: 20%;
}

ul.diagram.val-6 li {
    width: 16.66%;
}

ul.diagram.val-10 li {
    width: 10%;
}

ul.diagram.val-12 li {
    width: 8.3%;
}

ul.diagram-horizontal {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 50px 30px;
    font-size: 14px;
    background-position: bottom;
}

.dark-bg ul.diagram-horizontal {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

ul.diagram-horizontal li {
    position: relative;
    padding-bottom: 30px;
}

ul.diagram-horizontal li:last-child {
    padding-bottom: 0;
}

ul.diagram-horizontal li span {
    display: block;
    position: relative;
}

ul.diagram-horizontal li span.name {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    padding-right: 10px;
    height: 100%;
    font-weight: bold;
    text-align: left;
}

ul.diagram-horizontal.name-inline li span.name {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: 100%;
    padding-top: 10px;
}

ul.diagram-horizontal li span.column {
    font-size: 11px;
    position: relative;
    overflow: hidden;
    margin-left: 100px;
}

ul.diagram-horizontal.name-inline li span.column {
    margin-left: 0;
}

ul.diagram-horizontal li span.column span {
    color: #fafafa;
    padding: 2px 5px;
    text-align: right;
}


.color-list li {
    position: relative;
    padding-left: 80px;
    margin-bottom: 20px;
    text-align: left;
}

.color-list li .color-mark {
    position: absolute;
    width: 50px;
    height: 4px;
    left: 0;
    top: 10px;
}

.color-list li:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    ul.diagram li span.column span {
        text-indent: -1000px;
    }
}







/*---------------------
MAIN NAVIGATION STYLES
---------------------*/
nav.navbar {
    border-radius: 0;
    border: none;
    margin: 0;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    z-index: 20;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

nav.navbar.dark-bg {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.navbar-fixed-top {
    height: 60px;
}

.navbar-collapse {
    padding: 0;
}

nav.navbar-slide {
    top: -60px;
}

nav.navbar-slide.show-menu {
    top: 0;
}

nav .info-header {
    font-size: 20px;
    line-height: 60px;
    float: right;
}

nav .info-header.left {
    float: left;
}

nav .info-header .btn {
    margin-left: 10px;
}

@media (min-width: 992px) {
    nav.navbar-slide.navbar-transparent:not(.show-menu) {
        box-shadow: none;
        -webkit-box-shadow: none;
        top: 0px;
        background-color: transparent !important;
        padding: 15px 15px 0 15px;
        height: 75px;
    }
}

.navbar .nav,
.navbar .soc-list,
.navbar .share-list {
    list-style: none;
    float: right; 
    z-index: 50;
    margin: 0;
}

.navbar .share-list {
    margin: 10px 0;
}

.navbar.navbar-center .navbar-brand,
.navbar.navbar-center .nav,
.navbar.navbar-center .nav li {
    float: none;
    display: inline-block;
}

.navbar .soc-list li {
    margin: 0;
}

.navbar .soc-list .icon {
    line-height: 60px;
}

.navbar .nav li {
    float: left; 
    padding: 5px;
}

.navbar .nav li a {
    display: block;
    font-size: 16px;
	font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    text-decoration: none;
    outline: none;
    background: inherit;
}

.navbar .nav li a:hover,
.navbar a {
	background: none;
    color: #34E572;  /* ------------------------------ NAV TAB: HOVER ------------------------------------------ */
}

.nav li.active a {
	color: #fff;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    letter-spacing: 2px;
}

.navbar .login-panel {
    float: right;
    font-size: 0;
    margin-right: -15px;
}

.navbar .login-panel .btn {
    margin: 0;
    border-radius: 0;
    font-size: 14px;
    padding: 0 20px;
    line-height: 58px;
}

.navbar-brand img {
    display: inline-block;
    vertical-align: middle;
}

.navbar-toggle {
    float: right; /* must RIGHT*/
    height: 60px;
    margin: 0;
    padding: 0;
}

.navbar-center .navbar-toggle {
    width: 100%;
}

.navbar-toggle .icon-bar {
    background: #175D76;
    height: 2px;
    border-radius: 2px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}

.navbar-toggle.round-toggle .icon-bar {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

.navbar-toggle.round-toggle .icon-bar + .icon-bar {
    margin-top: 0;
    margin-left: 3px;
}

.navbar-fixed-top {
    border-width: 0;
}

@media (max-width: 992px) {
    nav .container {
        width: 100%;
    }
    nav.navbar .container-fluid,
    nav.navbar .container {
        background-color: inherit;
    }
    .navbar-collapse {
        margin: 60px 0 0 0;
    }
    .navbar .nav,
    .navbar .soc-list {
        float: none;
        text-align: left;  /*was CENTER*/
        padding: 15px 0;
    }
    .navbar .nav li,
    .navbar .login-panel {
        float: none;
        margin: 0;
    }
    .navbar .login-panel .btn {
        display: block;
    }
    .navbar.navbar-center .nav {
        padding: 0;
    }
    .navbar.navbar-center .nav li {
        display: block;
    }
}

@media (max-width: 500px) {
    nav .info-header .btn,
    nav .info-header span {
        display: none;
    }
}


/*---------------------------------------------------------------------------------------
																		AWE NAV2 DROPDOWN BTN
-----------------------------------------------------------------------------------------*/
.navbar2 {
    overflow: hidden;
}

.navbar2 a {
    float: left; 
    color: #228391; /* ---------------------------------- NAV BAR TAB COLOR ---------------------------------- */
    text-align: left; 
    padding: 14px 14px;
    text-decoration: none;
}

.dropdown2 {
    float: left; /*dropdown nav items alignment, LEFT*/
    overflow: auto; /* was HIDDEN */
}

.dropdown2 .dropbtn2 {
    border: none;
    outline: none;
    color: #228391;
    padding: 14px 14px;
    background-color: inherit;
	text-align: left; /*new*/
	margin: 0;
}


.navbar2 a:hover, .dropdown2:hover .dropbtn2 {
    background-color: transparent;
}

.dropdown2-content {
    display: none; /*overlaped dropdown, NONE*/
    position: absulute; /* was absulute */
    background-color: #fff;
	margin-top: 5px;
	padding: 0 5px 0 5px; /*new*/
    min-width: 200; /*was 240*/
	overflow: auto; /*new*/
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}

.dropdown2-content a {
    float: none; /*NONE: vertical; right: revised ordered*/
    color: #175D76;
    padding: 14px 14px;
    text-decoration: none;
    display: block; /*BLOCK*/
    text-align: left; /*LEFT*/
}

.dropdown2-content a:hover {
    background-color: #fff;
}

.dropdown2:hover .dropdown2-content {
    display: block; /*BLOCK: beneath of nav*/
}







/*---------------
TYPES BLOCK BEGIN
---------------*/
.types-block {
    padding: 0;
}

.types-block .row > div {
    min-height: 400px;
    position: relative;
}

.types-block .content {
    margin: 0 80px 70px 80px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.types-block .content p {
    margin: 0;
}

@media (max-width: 992px) {
    .types-block .row > div {
        min-height: 0px;
        padding: 100px 50px 50px 50px !important;
    }
    .types-block .content {
        position: relative;
        margin: 0;
        left: auto;
        bottom: auto;
    }
}





/*--------------
TEAM BLOCK BEGIN
--------------*/
.team-block img {
    margin: 0 auto 30px auto;
}

.team-block img:last-child {
    margin-bottom: 0;
}

.team-block .name {
    margin: 0 0 10px 0;
}

.team-block .occupation {
    margin: 0 0 20px 0;
    font-weight: 300;
    opacity: 0.4;
}

.team-block .soc-list {
    margin-top: 25px;
}

@media (min-width: 992px) {
    .team-block [class^=col-] {
        padding-left: 40px;
        padding-right: 40px;
    }
}



/*----------------
FACTS BLOCK STYLES
----------------*/
.facts-block .icon {
    display: block;
    font-size: 50px;
    padding-bottom: 20px;
	color: #FFBCB0;
    opacity: 1;
}

.facts-block h3 {
    font-size: 50px;
    margin: 0 0 10px 0;
    line-height: 1;
}

.facts-block h4 {
    margin: 0;
}





/*----------------------------------------------------------------------------------------------------------
																			PORTFOLIO BLOCK STYLE - ORIGINAL
----------------------------------------------------------------------------------------------------------*/
.portfolio-list {
    display: block;
    position: relative;
    margin-left: 15px; 
    margin-right: 15px;
    font-size: 0;
	text-align: left; 
}
.portfolio-list-l-r {
    display: block;
    position: relative;
    margin-left: 15px; 
    margin-right: 15px;
    font-size: 0;
	text-align: left; 
}






	/*--ADDITIONAL--*/
	.portfo-list-adj {
		margin: -90px -15px 0px -30;
	}


/*left & right margin was -15px*/


.portfolio-list li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    padding: 0;
    font-size: 15px;
}

.portfolio-list li a:not(.btn) {
    display: block;
    position: relative;
    color: #888;
    background: #fff;
}


.portfolio-list li a span.icon{
    position: absolute;
    z-index: 10;
    display: block;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    height: 100px;
    width: 100px;
    top:50%;
    margin-top: -50px;
    margin-left: -50px;
    left:50%;
}

.portfolio-list li a:hover span.icon{
    opacity: 0;
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
}

.portfolio-list li a span:not(.label, .icon) {
    font-size: 20px;
    position: absolute;
    display: block;
    z-index: 2;
    top: 50%;
    margin-top: -10px;
    left: 5%;
    right: 5%;
    text-align: center;
    opacity: 0;
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}

.portfolio-list li a span.label {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    border-radius: 0;
    padding: 10px 15px 8px;
}

.portfolio-list li a:hover span:not(.label, .icon) {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.portfolio-list li .desc {
    display: block;
    padding: 10px 0;
}

.portfolio-list li .desc .price {
    letter-spacing: 1px;
}

.portfolio-list li .desc .price del {
    opacity: 0.5;
    padding-left: 10px;
    font-size: 85%;
}

.portfolio-list li .desc .name {
    display: block;
    font-weight: bold;
}

.portfolio-list li .desc .btn {
    float: right;
}

.portfolio-list li img {
    width: 100%;
    height: auto;
}

.portfolio-list li > a:hover img {
    opacity: 0.25;
}

.portfolio-list li img,
.portfolio-list li a span {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.portfolio-list li {
    width: 25%;
}


.container .portfolio-list li {
    width: 33.33%;
    padding: 15px;
}


.container .portfolio-1col li {
    width: 98%;
}

.container .portfolio-2col li {
    width: 48%;
}

.container .portfolio-3col li {
    width: 33.33%;
}

.container .portfolio-4col li {
    width: 25%;
}

@media (max-width: 1400px) {
    .portfolio-list li {
        width: 33.33%;
    }
}

@media (max-width: 980px) {
    .portfolio-list li,
    .container .portfolio-list li {
        width: 48%;
    }
}
/*media was 900, width was 50%*/

@media (max-width: 500px) {
    .portfolio-list li,
    .container .portfolio-list li {
        width: 100%;
    }
    .container .portfolio-list li {
        padding-top: 0;
    }
}





/*----------------
QUOTE BLOCK STYLES
----------------*/
.quote-block .quote {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 30px;
    background: #fff;
}

.dark-bg.quote-block .quote {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: none;
}

.quote-block .quote small {
    display: block;
    margin-top: 30px;
    color: inherit;
    opacity: 0.5;
}

.quote-block .icon,
.quote-block .quote img {
    border-radius: 50%;
    font-size: 28px;
    display: inline-block;
    margin-bottom: 30px;
}

.quote-block .quote img.no-round {
    border-radius: 0;
}

.quote-block .carousel .quote {
    margin-bottom: 0;
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.quote-block .carousel .quote h4 {
    line-height: 1.6;
    color: inherit;
    font-size: 28px;
}

@media (min-width: 768px) {
    .quote-block .carousel .container {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .quote-block .carousel .container {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .quote-block .carousel .container {
        width: 1140px;
    }
}

@media (max-width: 768px) {
    .quote-block .carousel .quote h4 {
        font-size: 18px;
    }
}





/*------------------
CLIENTS BLOCK STYLES
-------------------*/
.clients-block {
    padding: 100px 0;
}






/*------
MARKERS
-------*/
.marker-circle {
    display: inline-block;
    background: url(../images/marker-circle-dark.png) center no-repeat;
    background-size: contain;
    padding: 40px 0;
    text-align: center;
}

.dark-bg .marker-circle {
    background: url(../images/marker-circle-light.png) center no-repeat;
    background-size: contain;
}

.marker-arrow-left {
    display: inline-block;
    background: url(../images/marker-arrow-left-dark.png) left no-repeat;
    padding-left: 150px;
    text-align: right;
}

.dark-bg .marker-arrow-left {
    background: url(../images/marker-arrow-left-light.png) left no-repeat;
}

.marker-arrow-right {
    display: inline-block;
    background: url(../images/marker-arrow-right-dark.png) right no-repeat;
    padding-right: 150px;
    text-align: left;
}

.dark-bg .marker-arrow-right {
    background: url(../images/marker-arrow-right-light.png) right no-repeat;
}

.marker-arrow-down {
    display: inline-block;
    background: url(../images/marker-arrow-down-dark.png) center top no-repeat;
    padding-top: 125px;
}

.dark-bg .marker-arrow-down {
    background: url(../images/marker-arrow-down-light.png) center top no-repeat;
}

.marker-arrow-up {
    display: inline-block;
    background: url(../images/marker-arrow-up-dark.png) center bottom no-repeat;
    padding-bottom: 125px;
}

.dark-bg .marker-arrow-up {
    background: url(../images/marker-arrow-up-light.png) center bottom no-repeat;
}





/*-------------------------
PRICING TABLES BLOCK STYLES
--------------------------*/
.pricing-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.pricing-table:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.pricing-table .stamp {
    position: absolute;
    right: -10px;
    top: 70px;
    overflow: hidden;
    background: #fff698;
    color: #cfb035;
    height: 90px;
    width: 90px;
    padding: 5px;
    border-radius: 50%;
    border: 2px solid #cfb035;
    font-weight: bold;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
}

.pricing-table .stamp .icon {
    display: block;
    font-size: 32px;
    margin: 5px 0;
}

.pricing-table h4 {
    display: block;
    padding: 40px 0;
    margin: 0;
    font-weight: bolder;
}

.pricing-table span {
    display: block;
    font-weight: bold;
    font-size: 50px;
    padding: 40px 0;
}

.pricing-table span.clean {
    padding-bottom: 0;
}

.pricing-table span small {
    opacity: 0.5;
    font-weight: normal;
    font-size: 14px;
}

.benefits-list {
    display: inline-block;
    margin: 50px 35px;
    text-align: left;
}

.pricing-table .btn {
    display: block;
    margin: 0 35px 35px 35px;
    padding: 12px;
}

.benefits-list li {
    padding: 6px 0;
}

.benefits-list li del {
    opacity: 0.15;
}

.pricing-table p {
    margin: 50px 35px;
}

.dark-bg .pricing-table {
    border-color: transparent;
    background: rgba(0, 0, 0, 0.25);
}

.dark-bg .pricing-table p {
    opacity: 0.7;
}



/*----------------------------------------------------------------------------------------
                        MAP BLOCK STYLES
----------------------------------------------------------------------------------------*/
#canvas-map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.contact_list {
    margin-top: 200px;
    display: inline-block;
    padding: 40px;
    background: #fff;
    border-radius: 10px;
}

.contact_list li {
    padding-bottom: 10px;
}

.contact_list li:last-child {
    padding-bottom: 0;
}





/*----------------
GOTO BLOCK STYLES
----------------*/
.goto-block {
    padding-top: 25px;
    padding-bottom: 25px;
}

a.top-arrow {
    display: inline-block;
    position: relative;
    height: 30px;
    width: 30px;
    border-left: 1px solid #222;
    border-top: 1px solid #222;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-bottom: -20px;
    opacity: 0.5;
}

a.top-arrow:hover {
    margin-bottom: -16px;
    opacity: 1;
}

.dark-bg a.top-arrow {
    border-color: #fff;
}





/*------------------
SOCIAL ICONS STYLES
------------------*/
.soc-list li {
    display: inline-block;
    margin: 10px 0;
}

.soc-list .icon {
    display: inline-block;
    font-size: 25px;
    margin: 0 10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.share-list li {
    display: inline-block;
    margin: 5px 0;
}

.share-list li a {
    display: block;
    background: #888;
    color: #fff;
    padding: 5px 0 5px 10px;
    border-radius: 2px;
    line-height: 1;
    font-size: 14px;
}

.share-list.big-share-list li a {
    padding: 15px 10px 15px 20px;
    border-radius: 4px;
    line-height: 1;
    font-size: 18px;
}

.share-list li .icon {
    color: #fff;
    opacity: 0.7;
    display: inline-block;
    line-height: 1.2;
}

.share-list li a:hover .icon {
    opacity: 1;
}

.share-list li a span {
    margin: 0 10px 0 0;
}

.icon-twitter,
.icon-twitter2 {
    color: #00aced;
}

.share-list li [data-type="tw"] {
    background: #00aced;
}

.icon-facebook,
.icon-facebook2 {
    color: #3b5998;
}

.share-list li [data-type="fb"] {
    background: #3b5998;
}

.icon-dribbble,
.icon-dribbble2 {
    color: #ea4c89;
}

.icon-googleplus,
.icon-googleplus2 {
    color: #dd4b39;
}

.share-list li [data-type="gp"] {
    background: #dd4b39;
}

.icon-linkedin,
.icon-linkedin2 {
    color: #007bb6;
}

.share-list li [data-type="li"] {
    background: #007bb6;
}

.icon-instagram {
    color: #517fa4;
}

.icon-pinterest {
    color: #cb2027;
}

.share-list li [data-type="pt"] {
    background: #cb2027;
}

.icon-flickr {
    color: #ff0084;
}

.icon-behance {
    color: #1769ff;
}

.icon-star {
    color: #ffd200;
}

.dark-bg .soc-list .icon {
    color: #fff;
    opacity: 0.5;
}

.dark-bg .soc-list .icon:hover {
    opacity: 1;
}






/*------------
FOOTER STYLES
------------*/
footer {
    padding-top: 80px;
    padding-bottom: 80px;
}

footer h4 {
    margin-top: 0;
}

footer .links-list li {
    font-size: 15px;
    padding-bottom: 10px;
}

footer img.logo {
    float: left;
    margin: 0 20px 0 0;
}

@media (max-width: 992px) {
    footer {
        padding: 50px 0;
    }
    footer img.logo {
        display: none;
    }
}





/*----------------------------------------------------------------------------------------
                                        BLOG - UPDATE V1.2
----------------------------------------------------------------------------------------*/

/*-----
SIDEBAR
-----*/
aside.blog-sidebar .search #search_form {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    overflow: hidden;
}

aside.blog-sidebar .search .form-control {
    padding-right: 0;
    background: none;
    color: inherit;
}

aside.blog-sidebar .search .btn {
    background: none;
    font-size: 20px;
    color: #aaa;
    padding-right: 15px;
}

aside.blog-sidebar .search .btn:hover {
    color: #00c0ff;
}

aside.blog-sidebar .widget {
    margin: 50px 0 0 0;
}

aside.blog-sidebar .widget:first-child {
    margin: 0;
}

aside.blog-sidebar .widget h3 {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

aside.blog-sidebar .category ul li {
    padding: 0;
}

aside.blog-sidebar .category ul a {
    text-decoration: none;
    display: block;
    padding: 0 0 15px 0;
}

aside.blog-sidebar .category ul a:hover {
    color: #00c0ff;
}

aside.blog-sidebar .recent-posts ul li {
    padding: 0px 0px 15px 0;
    margin: 0 0 15px 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

aside.blog-sidebar .recent-posts ul li a {
    text-decoration: none;
}

aside.blog-sidebar .recent-posts .post-info > * {
    font-size: 14px;
    display: inline-block;
    padding-right: 15px;
    opacity: 0.4;
}

.dark-bg aside.blog-sidebar .search #search_form,
.dark-bg aside.blog-sidebar .widget h3,
.dark-bg aside.blog-sidebar .recent-posts ul li {
    border-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 992px) {
    aside.blog-sidebar {
        margin: 50px 0 0 0;
        text-align: center;
    }
}





/*---
TAGS
---*/
.tags li {
    display: inline-block;
    padding: 0;
}

.tags li a {
    display: block;
    padding: 5px 10px;
    margin: 0 0 4px 0;
    text-decoration: none;
    font-size: 14px;
    color: inherit;
    border: 1px solid #ccc;
    opacity: 0.5;
}

.tags li a:hover,
.dark-bg .tags li a:hover {
    color: #00c0ff;
    border-color: #00c0ff;
    opacity: 1;
}

.dark-bg .tags li a {
    border-color: #fff;
}





/*------
POST BOX
-------*/
.post {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.post .post-media {
    padding: 5px 5px 0 5px;
}

.post .post-content {
    padding: 50px;
    position: relative;
}

.post .post-content .title {
    margin: 0 0 40px 0;
}

.post .post-content h4:first-child {
    margin-top: 0;
}

.post .post-desc {
    margin-bottom: 40px;
}

.post .post-info > * {
    display: inline-block;
    padding: 0 20px 0 0;
    opacity: 0.4;
}

.post .post-info *:last-child {
    padding: 0;
}

.post .post-content *:last-child {
    margin-bottom: 0;
}

.post .post-content .price-circle {
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -40px;
    background: #6C3;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    height: 80px;
    width: 80px;
    padding: 20px 5px 0 5px;
    font-size: 20px;
    line-height: 1;
}

.post .post-content .price-circle small {
    font-size: 70%;
    opacity: 0.8;
}

.dark-bg .post {
    background-color: #202229;
}

@media (max-width: 992px) {
    .post .post-content .price-circle {
        top: 0;
    }
}




/*---------------------------
TIMELINE BLOCK - UNORDER LIST
---------------------------*/
ul.time-line {
    position: relative;
}

ul.time-line:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    bottom: 0;
    width: 1px;
    left: 50%;
    background-color: #000;
    opacity: 0.1;
}

.dark-bg ul.time-line:before {
    opacity: 0.4;
}

ul.time-line>li {
    padding-bottom: 80px;
    position: relative;
}

ul.time-line>li:after {
    content: "";
    display: block;
    clear: both;
}

ul.time-line>li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 50%;
    margin-left: -5px;
    height: 11px;
    width: 11px;
    background: #e8e8e8;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

ul.time-line>li:hover:before {
    background: #00c0ff;
}

ul.time-line>li .post {
    position: relative;
    width: 45%;
    float: left;
    text-align: left;
}

ul.time-line>li.invert .post {
    float: right;
}

ul.time-line>li .post:before {
    content: "";
    position: absolute;
    display: block;
    top: 24px;
    left: 100%;
    width: 10.5%;
    height: 1px;
    background-color: #000;
    opacity: 0.1;
}

.dark-bg ul.time-line>li .post:before {
    opacity: 0.4;
}

ul.time-line>li.invert .post:before {
    left: auto;
    right: 100%;
}

@media (max-width: 767px) {
    ul.time-line>li {
        padding-bottom: 40px;
    }
    ul.time-line>li .post,
    ul.time-line>li.invert .post {
        float: none;
        width: 100%;
        text-align: center;
    }
    ul.time-line:before,
    ul.time-line>li:before,
    ul.time-line>li .post:before {
        display: none;
    }
}




/*--------------------------------
RECENT POSTS LINE  - UNORDER LIST
--------------------------------*/
ul.posts-line {
    border-top: 1px dotted #e8e8e8;
    padding-bottom: 50px;
}

ul.posts-line .post {
    border: none;
    border-radius: 0;
    border-bottom: 1px dotted #e8e8e8;
}

ul.posts-line .post .post-content {
    padding: 50px 0;
}

ul.posts-line .post .post-type {
    padding-bottom: 40px;
    font-size: 28px;
    color: #00c0ff;
}

ul.posts-line .post .title {
    margin: 0 0 20px 0;
}




/*--------
BLOG PAGES
---------*/
.inner-page {
    padding: 100px 0;
}

.post-list li .post {
    margin-bottom: 50px;
    border-radius: 10px;
}

.post-list .post-media {
    padding: 10px;
}

.post-list .title {
    font-size: 35px;
}

.single-post .post-content {
    padding: 40px 0;
}

.single-post .title {
    margin-bottom: 40px;
}

.single-post .post-info {
    margin-bottom: 40px;
}

.single-post .post-media {
    padding: 0;
}

.single-post .post-info > * {
    display: inline-block;
    padding: 0 20px 0 0;
    opacity: 0.4;
}

.post-pagination li {
    margin: 0 10px 10px 0;
    display: inline-block;
}

.post-pagination li:last-child {
    margin-right: 0;
}

.post-pagination li a {
    display: block;
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #aaa;
    z-index: 1;
}

.post-pagination li.active a,
.post-pagination li a:hover {
    color: #444;
    border: 1px solid #00c0ff;
}

.post-pagination li.prev a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -3px;
    height: 10px;
    width: 10px;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.post-pagination li.next a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -7px;
    height: 10px;
    width: 10px;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media (max-width: 992px) {
    .inner-page {
        padding: 50px 0;
    }
}

@media (max-width: 320px) {
    .post-pagination li {
        display: none;
    }
    .post-pagination li.prev,
    .post-pagination li.next {
        display: inline-block;
    }
}



/*-------
COMMENTS
-------*/
.comments h3.title {
    margin: 60px 0 30px 0;
}

.comments li {
    padding: 0;
}

.comment-list .children {
    margin-left: 80px;
}

.comment-body {
    border-top: 1px solid #eee;
    position: relative;
    padding: 40px 0 40px 80px;
}

.comment-body .photo {
    position: absolute;
    left: 0;
    top: 40px;
}

.comment-body .photo img {
    border-radius: 5px;
    width: 50px;
    height: auto;
}

.comment-body .comment-data {
    margin-top: 10px;
    font-size: 14px;
}

.comment-body .comment-data .author {
    color: #444;
    font-weight: bold;
    padding-right: 20px;
    font-size: 14px;
}

.comment-body .comment-data .date {
    color: #ccc;
    padding-right: 20px;
}

.comment-body .comment-data a {
    color: #ccc;
}

.comments #comment_form:after {
    content: '';
    display: block;
    clear: both;
}

@media (max-width: 992px) {
    .comment-body {
        padding: 30px 0;
    }
    .comment-list .children {
        margin-left: 0;
    }
    .comment-body .photo {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 20px auto;
    }
    .comment-body .comment-data .author {
        display: block;
        padding: 0;
    }
    .comment-body .comment-data .date {
        display: block;
        padding: 0;
    }
}




/* ----------------
Video multi-builder
------------------*/

.embed-responsive {
    overflow: visible;
}

.embed-responsive > .frameCover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: none;
}

.hl-tim {
	color: #0d8cef;
	font-weight: 700;
}

.hl-bp {
	color: #358aff;
	font-weight: 700;
}

.hl-bv {
	color: #009BDA;
	font-weight: 700;
}

.hl-retention {
	color: #FC5E56;
	font-weight: 700;
}

.hl-myaccout {
	color: #0d8cef;
	font-weight: 700;
}

.hl-bms {
	color: #BC1DAF;
	font-weight: 700;
}


.hl-dcp {
	color: #04adf9;
	font-weight: 700;
}

.hl-ab {
	color: #ff6700;
	font-weight: 700;
}

.hl-cu {
    color: #009FF2;
    font-weight: 700;
}









/* ----------------
Round corners & Circles
------------------*/
.img-5 {
    border-radius: 5px;
}

.img-50 {
    border-radius: 50%;
}

.img50 {
	border-radius: 50%;
	border: 2px solid #ddd;
}

.typo1 {
	color: #ffe598;
	background-color: #640000;
	font-size: 20px;
}
.typo2 {
	color: #880000;
	background-color: #fadd89;
	font-size: 18px;
}
.typo3 {
	color: #000000;
	font-size: 13px;
}
.typo4 {
	color: #888888;
	font-size: 9px;
}





/*************************************************************************************** Hover Image */
.img-container {
  position: relative;
}

.hover-image {
	border-radius: 0%; /*-- additional --*/
  display: block;
  width: 100%;
  height: auto;
}

.overlay-1 {
  border-radius: 0%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}



.overlay-1-caweb {
  background-color: #ff514d;
}

.overlay-1-cama {
  background-color: #f4732c;
}

.overlay-1-catv {
  background-color: #f2a320;
}

.overlay-1-airbrush {
  background-color: #ea7411;
}

.overlay-1-tim {
  background-color: #3962ca;
}

.overlay-1-bp {
  background-color: #4282da;
}

.overlay-1-dcp {
  background-color: #3fb0e6;
}

.overlay-1-whatsapp {
  background-color: #2fc683;
}

.overlay-1-cu {
  background-color: #19b2d8;
}


.overlay-1-bv {
  background-color: #009BDA;
}

.overlay-1-retention {
  background-color: #fc908f;
}

.overlay-1-myaccount {
  background-color: #f86969;
}

.overlay-1-sirius {
  background-color: #d260bc;
}



.overlay-1-ui {
  background-color: #edac33;
}

.overlay-1-contact {
  background-color: #ff9854;
}

.img-container:hover .overlay-1
{
  opacity: 1;
}

.hover-info {
  color: white;
  position: absolute;
  width: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}



.hover-info .title1 {
  	font-size: 24px;
  	font-weight: 500;
}

.hover-info .title2 {
  font-size: 18px;
}
@media  (max-width: 480px){
	.hover-info {
	  font-size: 15px;
	  color: white;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	}
}



.hover-info .title1s {
  	font-size: 14px;
  	font-weight: 300;
	line-height: 16px;
}

.hover-info .title2s {
	font-size: 10px;
	line-height: 12px;
}
@media  (max-width: 480px){
	.hover-info {
	  font-size: 10px;
	  color: white;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	}
}





.table-hl {
	font-weight: 500;
	background-color: #dddddd;
}





/*--QUOTE SLIDER--/
/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #fff;
}

/* Slides */
.mySlides {
  display: none;
  padding: 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 60px;
    background: #ddd;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.name {color: #000;}





/* Because of sign */
span {
  content: "\2235";
	font-weight: bolder;
} 



/* popup image */
$(function () {
    "use strict";
    
    $(".popup img").click(function () {
        var $src = $(this).attr("src");
        $(".show").fadeIn();
        $(".img-show img").attr("src", $src);
    });
    
    $("span, .overlay").click(function () {
        $(".show").fadeOut();
    });
    
});
/*End style*/