@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,700,900&subset=latin,latin-ext");

html, body {  
  font-family: "Source Sans Pro", sans-serif;  
  font-size: 15px;  
  color: black;  
  font-weight: 400;  
  height: 100%;
}

a {  -webkit-text-decoration: none;
  text-decoration: none;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
}

h1 {  
  font-size: 56px;  
  color: white;  
  font-weight: bold;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  line-height: 1.2;
}

p {  
  font-size: 19px;  
  color: white;  
  margin-top: 50px;
}

h1 span {  
  color: rgb(47, 166, 142);
}

*::-moz-selection {  
  background-color: rgb(255, 255, 255);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: rgb(47, 166, 142);
}

.container {  
  position: absolute;  
  width: 100%;  
  height: 100%;
}

.start-page {  
  position: relative;  
  width: 100%;  
  height: 580px;  
  background-color: transparent;  
  background-image: url("../img/background/start-page.jpg");  
  background-repeat: repeat;  
  background-attachment: fixed;  
  background-position: 0px 0px;
}

.start-page .opacity {  
  position: absolute;  
  width: 100%;  
  height: 580px;  
  background-color: rgba(0, 0, 0, 0.7);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.start-page .content {  
  position: relative;  
  width: 900px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  height: 580px;
}

.start-page .content .text {  
  position: absolute;  
  text-align: center;  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;  
  top: 0px;  
  left: 0px;  
  bottom: 0px;  
  right: 0px;  
  width: 500px;  
  height: 320px;
}

.start-page .content .text {  
  position: absolute;  
  text-align: center;  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;  
  top: 0px;  
  left: 0px;  
  bottom: 0px;  
  right: 0px;  
  width: 500px;  
  height: 320px;
}

.start-page .content .text .read-more {  
  width: 183px;  
  height: 47px;  
  margin-top: 50px;  
  margin-right: auto;  
  margin-bottom: 50px;  
  margin-left: auto;  
  line-height: 47px;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: white;  
  border-right-color: white;  
  border-bottom-color: white;  
  border-left-color: white;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: white;  
  cursor: pointer;  
  font-size: 19px;  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.start-page .content .text .read-more:hover {  
  color: black;  
  background-color: rgb(232, 104, 66);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.start-page .content .arrow-down {  
  position: absolute;  
  bottom: 110px;  
  left: 50%;  
  margin-left: -10px;  
  width: 21px;  
  height: 29px;  
  background-color: transparent;  
  background-image: url("../img/arrow-down.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  
  display: block;  -ms-animation: 1.2s ease 0s normal none infinite running bounce-fade;
  -webkit-animation: 1.2s ease 0s normal none infinite running bounce-fade;
  animation: 1.2s ease 0s normal none infinite running bounce-fade;
}

@keyframes bounce-fade {
0% { opacity: 0; bottom: 70px; }
100% { opacity: 1; bottom: 35px; }
}

@keyframes bounce-fade {
0% { opacity: 0; bottom: 70px; }
100% { opacity: 1; bottom: 35px; }
}

.menu-media {  
  position: relative;  
  width: 100%;  
  height: 90px;  
  background-color: rgb(47, 54, 62);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  z-index: 1000;  
  display: none;
}

.menu-media .menu-content {  
  width: 280px;  
  position: relative;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;
}

.menu-media .menu-content .logo {  
  color: white;  
  font-weight: 700;  
  font-size: 30px;  
  width: 200px;  
  line-height: 90px;  
  float: left;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;
}

.menu-media .menu-content .icon {  
  width: 41px;  
  height: 23px;  
  float: right;  
  line-height: 100px;
}

.menu {  
  position: relative;  
  width: 100%;  
  height: 90px;  
  background-color: rgb(47, 54, 62);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  z-index: 1000;
}

.menu-content {  
  width: 900px;  
  position: relative;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;
}

.menu-content .logo {  
  color: white;  
  background-color: rgb(47, 54, 62);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  font-weight: 700;  
  font-size: 30px;  
  width: 300px;  
  line-height: 90px;  
  float: left;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;
}

.menu-click {  
  display: none;
}

.menu-click li {  
  position: relative;  
  width: 100%;  
  height: 70px;  
  color: white;  
  font-size: 29px;  
  text-align: center;  
  line-height: 70px;  
  background-color: rgb(47, 166, 142);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  z-index: 1000;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: rgb(26, 121, 102);  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.menu-click li:hover {  
  color: rgb(47, 54, 62);
}

.menu-content ul {  
  width: 500px;  
  left: 50%;  
  float: right;  
  text-align: right;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;
}

.menu-content li {  
  display: inline-block;  
  position: relative;
}

.menu-content li a {  
  color: rgb(163, 178, 192);  
  font-size: 16px;  
  display: block;  
  padding-top: 0px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 20px;  
  line-height: 90px;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.menu-content li.active a {  
  background-color: rgb(19, 26, 33);
}

.menu-content li a:hover {  
  color: white;
}

.about-us {  
  position: relative;  
  width: 900px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 10px;  
  margin-left: auto;
}

.about-us h1 {  
  font-size: 56px;  
  color: black;  
  text-align: center;  
  margin-top: 50px;  
  font-weight: bold;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  line-height: 1.2;
}

.about-us hr {  
  color: black;  
  margin-top: 30px;  
  background-color: black;  
  height: 1px;  
  width: 340px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

.about-us p.title {  
  color: rgb(145, 145, 145);  
  margin-top: 40px;  
  width: 100%;  
  font-size: 15px;  
  text-align: center;
}

.about-us h2 {  
  text-align: center;  
  margin-top: 20px;  
  font-size: 29px;  
  color: black;  
  line-height: 1.2;  
  width: 100%;  
  position: relative;  
  font-weight: bold;
}

.about-us p {  
  text-align: center;  
  margin-top: 20px;  
  font-size: 15px;  
  width: 100%;  
  color: rgb(145, 145, 145);  
  line-height: 1.4;  
  position: relative;  
  font-weight: 400;
}

.about-us .column-one {  
  margin-top: 40px;  
  width: 300px;  
  float: left;  
  margin-bottom: 70px;  
  height: 350px;
}

.about-us .column-one .circle-one {  
  height: 174px;  
  position: relative;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  border-top-width: 8px;  
  border-right-width: 8px;  
  border-bottom-width: 8px;  
  border-left-width: 8px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: rgb(235, 235, 235);  
  border-right-color: rgb(235, 235, 235);  
  border-bottom-color: rgb(235, 235, 235);  
  border-left-color: rgb(235, 235, 235);  
  background-color: rgb(243, 243, 243);  
  background-image: url("../img/icons/responsive.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -webkit-border-radius: 174px;
  border-radius: 174px;  
  width: 174px;  
  cursor: pointer;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.about-us .column-one .circle-one:hover {  
  background-color: rgb(232, 104, 66);  
  background-image: url("../img/icons/responsive.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.about-us .column-two {  
  margin-top: 40px;  
  width: 300px;  
  float: left;  
  margin-bottom: 70px;  
  height: 350px;
}

.about-us .column-two .circle-two {  
  height: 174px;  
  position: relative;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  border-top-width: 8px;  
  border-right-width: 8px;  
  border-bottom-width: 8px;  
  border-left-width: 8px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: rgb(235, 235, 235);  
  border-right-color: rgb(235, 235, 235);  
  border-bottom-color: rgb(235, 235, 235);  
  border-left-color: rgb(235, 235, 235);  
  background-color: rgb(243, 243, 243);  
  background-image: url("../img/icons/minimalist.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -webkit-border-radius: 174px;
  border-radius: 174px;  
  width: 174px;  
  cursor: pointer;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.about-us .column-two .circle-two:hover {  
  background-color: rgb(232, 104, 66);  
  background-image: url("../img/icons/minimalist.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.about-us .column-three {  
  margin-top: 40px;  
  width: 300px;  
  float: left;  
  margin-bottom: 70px;  
  height: 350px;
}

.about-us .column-three .circle-three {  
  height: 174px;  
  position: relative;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  border-top-width: 8px;  
  border-right-width: 8px;  
  border-bottom-width: 8px;  
  border-left-width: 8px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: rgb(235, 235, 235);  
  border-right-color: rgb(235, 235, 235);  
  border-bottom-color: rgb(235, 235, 235);  
  border-left-color: rgb(235, 235, 235);  
  background-color: rgb(243, 243, 243);  
  background-image: url("../img/icons/free.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -webkit-border-radius: 174px;
  border-radius: 174px;  
  width: 174px;  
  cursor: pointer;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.about-us .column-three .circle-three:hover {  
  background-color: rgb(232, 104, 66);  
  background-image: url("../img/icons/free.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.portfolio {  
  position: relative;  
  width: 100%;  
  background-color: rgb(35, 40, 45);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.portfolio .portfolio-margin {  
  position: relative;  
  width: 900px;  
  overflow: hidden;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  background-color: rgb(35, 40, 45);
}

.portfolio .portfolio-margin .read-more {  
  width: 183px;  
  height: 47px;  
  position: relative;  
  margin-top: 50px;  
  margin-right: auto;  
  margin-bottom: 50px;  
  margin-left: auto;  
  line-height: 47px;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: white;  
  border-right-color: white;  
  border-bottom-color: white;  
  border-left-color: white;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  text-align: center;  
  color: white;  
  cursor: pointer;  
  font-size: 19px;  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.portfolio .portfolio-margin .read-more:hover {  
  color: black;  
  background-color: rgb(232, 104, 66);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.portfolio .portfolio-margin h1 {  
  font-size: 56px;  
  color: white;  
  padding-top: 50px;  
  text-align: center;  
  font-weight: bold;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  line-height: 1.2;
}

.portfolio .portfolio-margin hr {  
  color: black;  
  margin-top: 30px;  
  background-color: white;  
  height: 1px;  
  width: 340px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

.grid {  
  margin-top: 70px;  
  width: 100%;  
  position: relative;  
  margin-bottom: 70px;  
  overflow: hidden;
}

.grid li {  
  width: 300px;  
  height: 225px;  
  float: left;  
  position: relative;  
  overflow: auto;
}

.grid img {  
  width: 100%;  
  height: 225px;  
  float: left;  
  position: relative;
}

.grid .text {  
  position: absolute;  
  width: 300px;  
  height: 225px;  
  background-color: rgb(232, 104, 66);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  z-index: 2;  -webkit-opacity: 0;
  opacity: 0;
}

.grid p {  
  font-size: 29px;  
  text-align: center;  
  margin-top: 80px;  
  font-weight: bold;  
  color: rgb(255, 255, 255);
}

.grid p.description {  
  font-size: 15px;  
  width: 300px;  
  margin-top: 20px;  
  text-align: center;  
  font-weight: 400;  
  color: rgb(255, 255, 255);
}

.clear {  
  clear: both;
}

.partners {  
  position: relative;  
  width: 100%;  
  height: 307px;  
  background-color: transparent;  
  background-image: url("../img/background/partners.jpg");  
  background-repeat: repeat;  
  background-attachment: fixed;  
  background-position: 0px 0px;
}

.partners .opacity {  
  position: absolute;  
  width: 100%;  
  height: 307px;  
  background-color: rgba(0, 0, 0, 0.8);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.partners .content {  
  position: absolute;  
  width: 900px;  
  height: 190px;  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;  
  top: 0px;  
  bottom: 0px;  
  left: 0px;  
  right: 0px;
}

.partners h2 {  
  color: white;  
  font-size: 32px;  
  font-weight: 300;  
  text-align: center;
}

.partners .logo {  
  position: relative;  
  width: 900px;  
  overflow: hidden;  
  margin-top: 50px;  
  text-align: center;
}

.partners .logo img {  -webkit-opacity: 0.5;
  opacity: 0.5;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.partners .logo img:hover {  -webkit-opacity: 1;
  opacity: 1;
}

.contact {  
  position: relative;  
  width: 900px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;
}

.contact h1 {  
  font-size: 56px;  
  color: black;  
  padding-top: 50px;  
  text-align: center;  
  font-weight: bold;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  line-height: 1.2;
}

.contact hr {  
  margin-top: 30px;  
  background-color: black;  
  height: 1px;  
  width: 340px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

.contact .content {  
  position: relative;  
  width: 900px;  
  overflow: hidden;  
  margin-top: 60px;  
  margin-right: 0px;  
  margin-bottom: 65px;  
  margin-left: 0px;
}

.contact .content .form {  
  width: 455px;  
  overflow: hidden;  
  height: auto;  
  float: left;
}

.contact .content .contact-text {  
  width: 405px;  
  overflow: hidden;  
  height: auto;  
  float: left;  
  padding-left: 40px;  
  color: black;  
  font-size: 17px;  
  line-height: 1.7;
}

strong {  
  font-weight: 700;
}

input {  
  width: 420px;  
  height: 40px;  
  background-color: rgb(35, 40, 45);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  color: white;  
  font-weight: bold;  
  line-height: 40px;  
  padding-left: 35px;  -webkit-border-radius: 4px;
  border-radius: 4px;  
  font-family: "Source Sans Pro", sans-serif;  
  font-size: 17px;  
  margin-bottom: 10px;
}

textarea {  
  width: 420px;  
  height: 283px;  
  background-color: rgb(35, 40, 45);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  color: white;  
  font-weight: bold;  
  padding-top: 15px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 35px;  -webkit-border-radius: 4px;
  border-radius: 4px;  
  font-family: "Source Sans Pro", sans-serif;  
  font-size: 17px;  
  margin-bottom: 10px;
}

.contact .content .form .button {  
  width: 142px;  
  height: 34px;  
  float: right;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  background-color: rgb(35, 40, 45);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  -webkit-border-radius: 4px;
  border-radius: 4px;  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;  
  cursor: pointer;
}

.contact .content .form a .button {  
  text-align: center;  
  color: white;  
  font-weight: bold;  
  line-height: 34px;  
  font-size: 17px;  
  font-family: "Source Sans Pro";
}

.contact .content .form .button:hover {  
  color: white;  
  background-color: rgb(232, 104, 66);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.footer {  
  position: relative;  
  width: 100%;  
  height: 90px;  
  background-color: rgb(35, 40, 45);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.footer .margin {  
  position: relative;  
  width: 900px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  height: 90px;
}

.footer .margin .menu-footer {  
  width: 450px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  float: left;
}

.footer .margin .menu-footer a {  
  line-height: 90px;  
  padding-right: 25px;  
  color: rgb(95, 102, 110);  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.footer .margin .menu-footer a:hover {  
  color: white;
}

.footer .margin .copyright {  
  width: 420px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  text-align: right;  
  float: left;  
  line-height: 90px;  
  padding-right: 25px;  
  color: rgb(95, 102, 110);
}