Customer page

assets/css/pages/customerstories.scss

@@ -0,0 +1,180 @@
+@import '../variables';
+@import '../modules/transparent-navbar';
+
+
+.files-background {
+	background: url('../../img/headers/yourcloud.jpg') no-repeat;
+	background-position: center;
+	background-size: cover;
+}
+
+section {
+	margin: 180px 0;
+}
+
+.section--customers {
+    position: relative;
+	.section--paragraph {
+		margin: 40px 0;
+	}
+
+    .container {
+    }
+    .row {
+    margin-top: 50px;
+    }
+    .customer {
+        position: relative;
+        padding-left: 10px;
+        padding-right: 10px;
+        .customer-logo {
+            padding-left: 10px;
+            padding-right: 10px;
+            max-width: 250px;
+            float: center;
+            position: relative;
+            text-align: center;
+            margin-left: auto;
+            margin-right: auto;
+            vertical-align: middle;
+			a img {
+				&:hover {
+					-webkit-filter: saturate(0%) contrast(.35) brightness(130%);
+					filter: saturate(0%) contrast(.35) brightness(130%);
+				}
+			}
+        }
+
+    }
+}
+
+.section--customerdetail {
+	.section--intro {
+		margin-top: 30px;
+		margin-bottom: 80px;
+	}
+
+	.box {
+		box-shadow: 0 0 1px rgba(39,44,49,.1), 0 3px 16px rgba(39,44,49,.07);
+		transition: all .5s ease;
+		background: white;
+		border-radius: 10px 10px 0 0;
+		margin: 20px;
+		padding: 0px;
+
+/*		&:hover {
+				box-shadow: 8px 14px 38px rgba(39,44,49,.06), 1px 3px 8px rgba(39,44,49,.03);
+				transition: all .3s ease;
+				transform: translate3D(0,-1px,0);
+		}*/
+		.box--image {
+			width: 100%;
+			height: 300px;
+/* 			background-color: #C4E1F7; */
+			border-radius: 10px 10px 0 0;
+			background-size: cover;
+			background-position: center !important;
+			background-repeat: no-repeat !important;
+		}
+		.box--content {
+			padding: 5px 10px 10px 10px;
+
+			.box--content--title {
+				margin-top: 0px;
+				display: block;
+				font-size: 21px;
+				line-height: 1;
+				padding: 3px;
+				text-align: left;
+				:hover {
+					color: #337ab7;
+					text-decoration: underline solid #337ab7;
+				}
+			}
+			.box--content--text {
+				font-size: 12px;
+				padding: 3px;
+				text-align: left;
+				font-style: normal;
+			}
+		}
+	}
+}
+
+.section--on-premise {
+	.section--heading-1 {
+		padding-bottom: 30px;
+	}
+}
+
+.acess__anywhere {
+	width: 400px;
+	margin: 0 auto;
+}
+
+.section--files {
+	padding-top: 80px;
+}
+
+.section--whitepaper {
+	padding: 0;
+
+	h2 {
+		line-height: normal;
+	}
+}
+
+.section--outlook {
+	h1 {
+        /*margin-bottom: 10px;*/
+    }
+    p {
+        padding: 10px 0 30px 0;
+    }
+    .row {
+        padding-bottom: 10px;
+    }
+}
+
+
+.section--others {
+    margin: 0 0 0 0;
+    padding: 90px 0 70px 0;
+    background-color: #eee;
+    .row {
+        margin-bottom: 10px;
+    }
+    img {
+        padding: 20px;
+    }
+}
+
+.section--more {
+	.container-widest .row {
+		margin-left: 5px;
+		margin-right: 5px;
+	}
+
+	.section--heading-1 {
+		padding-bottom: 60px;
+	}
+
+	i[class*='fa-'] {
+		font-size: 60px;
+		display: block;
+		color: #0082c9;
+		text-align: center;
+		padding-top: 20%;
+	}
+}
+
+.section--getstarted {
+	margin-bottom: 0px;
+	a {
+		margin: 50px;
+	}
+}
+
+footer {
+	margin-top: 0px;
+}