/**
 * Fonts
 */
@font-face {
  font-family: 'SegoeUI-Bold';
  src: url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Bold.woff") format("woff"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Bold.ttf") format("truetype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Bold.svg#SegoeUI-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Light';
  src: url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Light.woff") format("woff"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Light.ttf") format("truetype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-Light.svg#SegoeUI-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI';
  src: url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI.eot?#iefix") format("embedded-opentype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI.woff") format("woff"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI.ttf") format("truetype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI.svg#SegoeUI") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-SemiBold';
  src: url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-SemiBold.woff") format("woff"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-SemiBold.ttf") format("truetype"), url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/fonts/SegoeUI-SemiBold.svg#SegoeUI-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**
 * Base/General
 **/
*, *::after, *::before {
  box-sizing: border-box;
}

body {
  font-family: 'SegoeUI', serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background: #515f68 url("https://www.akamai.com/es/es/multimedia/images/intro/2018/akamai-cloud-security-solutions-intro.jpg") top center no-repeat;
  background-blend-mode: luminosity;
}

.container {
  width: 100%;
}
.container::after {
  content: "";
  display: table;
  clear: both;
  overflow: visible;
}

.wrapper {
  width: 1170px;
  margin: 0 auto;
}
.wrapper::after {
  content: "";
  display: table;
  clear: both;
  overflow: visible;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  outline: none;
}

.button {
  display: inline-block;
  vertical-align: middle;
  font-family: "SegoeUI-Bold", serif;
  font-size: 1em;
  color: #353f46;
  text-transform: uppercase;
  border: 2px solid #353f46;
  padding: 16px 38px;
  background: transparent;
  cursor: pointer;
}
.button:hover {
  color: #4bcaff;
  border-color: #4bcaff;
}
.button.button-submit {
  color: #fff;
  background-color: #4bcaff;
  border-color: #4bcaff;
  min-width: 31.6239316239%;
}
.button.button-submit:hover {
  background-color: #353f46;
  color: #4bcaff;
}
.button.button-social {
  width: 64px;
  height: 64px;
  border-color: #fff;
  padding: 18px;
  vertical-align: bottom;
}
.button.button-social .icon {
  width: 28px;
  height: 22px;
}
.button.button-social .googleplus-icon {
  height: 29px;
}
.button.button-social .dribbble-icon {
  width: 26px;
  height: 27px;
}
.button.button-social .coffee-icon {
  width: 24px;
  height: 24px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'SegoeUI-Light', serif;
  font-size: 2.1428571429em;
  color: #515f67;
  text-transform: uppercase;
}
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
  content: "";
  display: block;
  margin-top: 8px;
  width: 45px;
  height: 2px;
  background: #515f67;
}

h2 {
  font-family: "SegoeUI-SemiBold", serif;
  font-size: 1.7142857143em;
}
h2::after {
  display: none;
}

.hidden {
  display: none;
}

.cropped {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(1px 1px 1px 1px);
          clip-path: inset(1px 1px 1px 1px);
  top: -9999px;
  left: -9999px;
}

.navigation .nav-menu {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation .nav-item {
  display: inline-block;
  margin-left: 20px;
}
.navigation .nav-item a {
  display: block;
  position: relative;
  padding: 11px 18px;
  font-family: 'SegoeUI-Bold', serif;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
  transition: color 0.3s;
}
.navigation .nav-item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #4bcaff;
  opacity: 0;
  transition: opacity 0.3s;
}
.navigation .nav-item:hover a, .navigation .nav-item.current a {
  color: #4bcaff;
}
.navigation .nav-item:hover a::after, .navigation .nav-item.current a::after {
  opacity: 1;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
  overflow: visible;
}

form {
  font-family: "SegoeUI-SemiBold", serif;
  font-size: 1em;
}
form input[type=text],
form input[type=email],
form textarea,
form label {
  font-family: "SegoeUI-Light", serif;
  font-size: 1em;
  background: transparent;
  display: block;
  color: #fff;
}
form input[type=text],
form input[type=email],
form textarea {
  border: 2px solid #fff;
  padding: 18px 20px;
  font-size: 1.2857142857em;
  width: 100%;
  margin-bottom: 38px;
  resize: none;
}
form input[type=text]:focus,
form input[type=email]:focus,
form textarea:focus {
  outline: none;
}
form label {
  font-family: "SegoeUI-Bold", serif;
  text-transform: uppercase;
  margin-bottom: 8px;
}
form .top-section::after {
  content: "";
  display: table;
  clear: both;
  overflow: visible;
}
form fieldset:first-child {
  width: 40.1709401709%;
  float: left;
}
form .contact-info {
  width: 48.7179487179%;
  float: right;
}

/**
 * Header
 **/
.page-header {
  height: 150px;
  background: rgba(53, 63, 70, 0.85);
}
.page-header .site-logo {
  font-family: 'SegoeUI-Bold', serif;
  color: #fff;
  text-transform: uppercase;
  padding-top: 65px;
  float: left;
}
.page-header .site-logo span {
  color: #4bcaff;
}
.page-header .site-logo::after {
  display: none;
}
.page-header .main-navigation {
  padding-top: 65px;
  float: right;
}

/**
 * Sections
 **/
.section {
  position: relative;
  padding: 80px 0;
  background: #515f67;
}
.section .section-title {
  margin-bottom: 30px;
  color: #fff;
}
.section .section-title::after {
  background-color: #fff;
}
.section .section-content p {
  font-size: 1em;
  line-height: 1.7142857143em;
  margin-bottom: 30px;
}
.section .section-content::before, .section .section-content::after {
  content: "";
  display: table;
  clear: both;
  overflow: visible;
}
.section .section-wrapper {
  float: left;
  width: 42.735042735%;
  margin-right: 70px;
}
.section .embed-container {
  float: right;
  width: 48.7179487179%;
}

#home {
  height: 650px;
  background: transparent;
}
#home .headlines {
  font-family: "SegoeUI-Light", serif;
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 170px;
}
#home .headlines span {
  display: inline-block;
  background: rgba(53, 63, 70, 0.85);
  padding: 18px 22px;
  margin-bottom: 14px;
}
#home .headlines span:first-child:before {
  content: "\201D";
}
#home .headlines span:last-child:after {
  content: "\201C";
}

#services {
  background-color: #4bcaff;
}
#services .section-title {
  color: #fff;
}
#services .section-title::after {
  background-color: #fff;
}
#services .service {
  float: left;
  width: 23.0769230769%;
  min-height: 180px;
  margin-right: 30px;
}
#services .service .service-title {
  margin-bottom: 18px;
  color: #FFFFFF;
}
#services .service .service-desc {
  font-family: "SegoeUI-SemiBold", serif;
  font-size: 0.8571428571em;
  line-height: 18px;
}
#services .service:last-child {
  margin-right: auto;
}
#services .service:hover::before {
  margin-left: 40%;
}
#services .service::before {
  transition: margin 0.5s;
  content: "";
  display: block;
  height: 48px;
  width: 48px;
  margin-bottom: 24px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALEAAAAwCAYAAABexZu4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEyQzQ4QUI0OTk4MTFFNUIzRDM4REMyMTlCMzQyNzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEyQzQ4QUE0OTk4MTFFNUIzRDM4REMyMTlCMzQyNzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDpEMEM2MEUyMjhDNDlFNTExQTlBQTgwNTk0MTE3N0NFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMEM2MEUyMjhDNDlFNTExQTlBQTgwNTk0MTE3N0NFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph4fBuoAABHgSURBVHja7J0JmBTF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") top left no-repeat;
}
#services .service.service-coffee::before {
  width: 34px;
  background-position: 0 0;
}
#services .service.service-instant::before {
  background-position: -34px 0;
}
#services .service.service-serious::before {
  background-position: -82px 0;
  width: 47px;
}
#services .service.service-frame::before {
  background-position: -129px 0;
}

#portfolio {
  background: #fff;
}
#portfolio .section-title {
  float: left;
  color: #515f67;
}
#portfolio .section-title::after {
  background-color: #515f67;
}
#portfolio .portfolio-navigation {
  float: right;
}
#portfolio .portfolio-navigation .nav-item:first-child {
  margin-left: auto;
}
#portfolio .portfolio-navigation .nav-item a {
  font-size: 1em;
  color: #515f67;
}
#portfolio .portfolio-navigation .nav-item:hover a, #portfolio .portfolio-navigation .nav-item.current a {
  color: #4bcaff;
}
#portfolio .portfolio-list:after {
  content: '';
  display: table;
  clear: both;
  overflow: visible;
}
#portfolio .portfolio-list .portfolio-item {
  float: left;
  width: 23.0769230769%;
  height: 270px;
  margin-right: 30px;
  margin-bottom: 30px;
}
#portfolio .portfolio-list .portfolio-item a {
  display: block;
  position: relative;
  overflow: hidden;
}
#portfolio .portfolio-list .portfolio-item a::before {
  content: "+";
  font-family: "SegoeUI-Light", serif;
  font-size: 5.1428571429em;
  text-align: center;
  line-height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 135px;
  background: rgba(53, 63, 71, 0.9);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#portfolio .portfolio-list .portfolio-item a:hover::before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#portfolio .portfolio-list .portfolio-item img {
  width: 100%;
  vertical-align: middle;
}
#portfolio .portfolio-list .portfolio-item:nth-child(4n) {
  margin-right: auto;
}

#twitter {
  background-color: #4bcaff;
}
#twitter .twitter-icon {
  width: 28px;
  height: 22px;
  float: right;
}
#twitter .section-content {
  font-family: "SegoeUI-Light", serif;
  font-size: 2em;
  line-height: 2em;
}
#twitter .section-content strong {
  font-family: "SegoeUI-SemiBold", serif;
}

#whoami {
  background: transparent;
  position: relative;
}
#whoami .section-content p {
  display: inline-block;
  width: 48.7179487179%;
}
#whoami .section-content p:nth-child(2n) {
  margin-left: 26px;
}
#whoami .section-content .button-social {
  margin-right: 16px;
}
#whoami::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #353f47 url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/1809Tdj/videoblocks-security-camera-n1-footage-of-a-hooded-hacker-in-data-center-with-his-laptop-he-connects-to-one-of-the-rack-servers-commits-crime-and-leaves-shot-on-red-epic-w-8k-helium-cinema-camera_sf9f7xx2e_thumbnail-full01.png") center center no-repeat;
  background-blend-mode: luminosity;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
}

#testimonials {
  background-color: #fff;
}
#testimonials .wrapper {
  position: relative;
}
#testimonials .wrapper::before {
  content: "\201D";
  font-family: 'Bitter', serif;
  font-size: 5.1428571429em;
  color: #515f67;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
#testimonials .section-title,
#testimonials .section-content {
  color: #515f67;
}
#testimonials .section-title::after {
  background-color: #515f67;
}
#testimonials .section-content {
  font-family: "SegoeUI-Light", serif;
}
#testimonials .section-content .quote-body {
  font-size: 2em;
  line-height: 2em;
  margin-bottom: 30px;
}
#testimonials .section-content .quote-by {
  font-family: "SegoeUI-Bold", serif;
  color: #4bcaff;
  font-size: 1em;
}
#testimonials .section-content .quote-by::before {
  content: "- ";
}

#contact {
  background: transparent;
  position: relative;
}
#contact::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #353f47 url("https://bytebucket.org/nabeelmolham/mf-web-dev-2/raw/cad6433b1c7f7251467711385dd207a6c6e9257c/test-task-22-08-2015/assets/images/contact-bg.jpg") center center no-repeat;
  background-blend-mode: luminosity;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
}

/**
* Footer
**/
.page-footer {
  height: 170px;
  padding-top: 80px;
  background: #353f47;
}
.page-footer .copyrights {
  float: right;
  font-family: "SegoeUI-SemiBold", serif;
  font-size: 0.8571428571em;
  color: #515f67;
}

.footer-navigation {
  float: left;
}
.footer-navigation .nav-item {
  margin-left: 0;
}
.footer-navigation .nav-item a {
  font-family: "SegoeUI-SemiBold", serif;
  font-size: 0.8571428571em;
  color: #515f67;
  display: inline-block;
  padding: 0;
  transition: none !important;
}
.footer-navigation .nav-item a::after {
  content: "|";
  display: inline-block;
  vertical-align: 18%;
  position: static;
  top: auto;
  left: auto;
  width: auto;
  border: none;
  padding: 0 15px;
  transition: none !important;
  opacity: 1;
}
.footer-navigation .nav-item:last-child a::after {
  content: "";
  width: 0;
  padding: 0;
}
.footer-navigation .nav-item:hover a, .footer-navigation .nav-item.current a {
  color: #4bcaff;
}
.footer-navigation .nav-item:hover a::after, .footer-navigation .nav-item.current a::after {
  color: #515f67;
}