body {
	font-family:"Roboto",sans-serif;
    /* display: none; */
}

.zCursor {
	cursor:hand;
	cursor:pointer;
}

.zSlideLink:link {
	text-decoration:none;
}
.zSlideLink:visited {
	text-decoration:none;
}
.zSlideLink:hover {
	text-decoration:none;
}

.zColorLink {
	color: #4cafdf !important;
	text-decoration:none;
}

.zColorLink:link {
	color: #4cafdf !important;
	text-decoration:none;
}
.zColorLink:visited {
	color: #4cafdf !important;
	text-decoration:none;
}
.zColorLink:hover {
	color: #000 !important;
	text-decoration:none;
}

.zLightLink:link {
	color: DimGray !important;
	text-decoration:none;
}
.zLightLink:visited {
	color: DimGray !important;
	text-decoration:none;
}
.zLightLink:hover {
	color: Silver !important;
	text-decoration:none;
}  	

.zWhiteLink:link {
	color: Gainsboro !important;
	text-decoration:none;
}
.zWhiteLink:visited {
	color: Gainsboro !important;
	text-decoration:none;
}
.zWhiteLink:hover {
	color: White !important;
	text-decoration:none;
}  	

.zSmallLink {
	font-size:11px;
}

.zProdTitle {
	font-size:24px;
	font-family:"Roboto",sans-serif;
	font-weight:bold;
}

.zDarkTxt {
	color:black;
}

.zSmallTxt {
	color:black;
	font-size:11px;
	line-height:16px;
}

.zPageHeading {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:32px;
	font-weight:bold;
	background: #00B6C9;
	background: -moz-linear-gradient(left, #00B6C9 0%, #4CAFDF 50%, #C5C5C5 100%);
	background: -webkit-linear-gradient(left, #00B6C9 0%, #4CAFDF 50%, #C5C5C5 100%);
	background: linear-gradient(to right, #00B6C9 0%, #4CAFDF 50%, #C5C5C5 100%);
	/* -webkit-background-clip: text; */
	/* background-clip: text; */
	-webkit-text-fill-color: transparent;
	margin-top:15px;
	line-height:41px;
} 

/* Bootstrap Modification */
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: Silver;
}

.navbar .nav > li > a:hover {
	color: #00b6c9;
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > li > a:active, .navbar .nav > li.active > a {
	color: #00b6c9 !important;
}

.navbar {
	height: 75px;
}

.team-box {
	background-color:transparent;
	padding-bottom:0px;
}

.roles {
	padding:15px;
	text-align:left;
	height:170px;
	
}

.sy-slides-crop {
	max-height:800px;
}

.sy-slides-crop {
	height:110%;
}

.scrollup {
	background-color: #4cafdf;
}

.navbar-inverse .navbar-toggle {
	border-color:silver;
	padding-left:15px;
}


.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #caeeff;
}

.zAlbum1 {
	border: 1px solid silver;
	padding:5px;
	height: 155px;
}
	/* height: 250px;
	border-radius: 100%;
	background: #eee no-repeat center;
	background-size: cover; */

.zAlbum2 {
	border: 1px solid silver;
	padding:5px;
}

.image-cropper {
	width: 100%;
	height: 0;
/* 		border-radius: 100%; */
	background: #eee no-repeat right;
	background-size: cover;
	filter: drop-shadow(0 0 1px black);
}

.zImgResponsive {
	max-width: 100%;
	height: 65px;
}

.zLogoColHeight {
	height:80px;
	display: flex;
    align-items: center;
}

.zSupportTxt {
	position:relative;
	top:255px;
	text-align:center;
	width:100%;
	background-color:Gainsboro;
	padding:10px;
	opacity: 0.8;
}

section#intro {
    padding: 0 0 0 0;
    position: relative;
	top: 0px;
	
}

.zProdBox {
	border:2px solid;
	height:110px;
	width:100%;
	margin-bottom:20px;
}

.zProdBlur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.zProdLabel {
	border:0px solid;
	height:35px;
	width:89%;
	display:flex;
	position:absolute;
	top:10px;
	right:30px;
	color:white;
	font-size:16px;
	font-weight:bold;
	padding:6px;
	padding-left:12px;
}

.zProdLogo {
	position:absolute;
	top:55px;
	right:30px;
	height:15px;
	
}

.zColHeight {
	margin-bottom:12px;
}


.zShopTitle {
	font-family: "Roboto",sans-serif;
	font-size:14px;
	/* font-weight: 600; */
	color:#18BBD7;
	text-align:left;
	margin-bottom: 0px;
}

.zShopDesc {
	font-family: "Roboto",sans-serif;
	font-size:14px;
	/* font-weight: 600; */
	color:DimGray;
	text-align:left;
	margin-bottom: 10px;
}

.zInfoPanel {
	height:35px;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height:350px;
}

.zColHeight{
	margin-bottom:25px;
}

.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

.zRadioGroup {
	white-space: nowrap;
}

.carousel-indicators li { visibility: hidden; }

.zProdTag {
	opacity: 0.8;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
			padding: 15px;
			padding-bottom:12px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}


.zSearchPanel {
    background-color: #2FBCCF;
    padding:12px;
    margin-right:5px;
    margin-left:5px;
    border-radius: 12px;
    text-align:center;
}