html, body{
font-family: 'Raleway', sans-serif;
font-size: 100%;
background:#fff;
}
body a{
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
}
h1,h2,h3,h4,h5,h6,p,span{
margin: 0;
padding: 0;
}
/*--header--*/
.header{
background: url(../images/header-banner.jpg) no-repeat 0px 0px;
min-height: 865px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
text-align: center;
}
.logo {
display: block;
margin-top: 7em;
}
.social-icons li {
display: inline-block;
}
.social-icons {
margin-top: 3em;
}
.social-icons i {
width: 20px;
height: 40px;
background: url("../images/img-sprites.png") no-repeat 0px 0px;
display: inline-block;
}
.social-icons i.facebook {
background-position: -3px 7px;
}
.social-icons i.twitter {
background-position: -30px 7px;
}
.social-icons i.googlepluse {
background-position: -59px 8px;
}
.header h1 {
color: #fff;
font-weight: 100;
margin: 2em 0 2em;
font-size: 3em;
}
.header h1 span {
font-weight: 600;
}
.social-icons a {
border: 3px solid rgba(48, 155, 151, 0);
border-radius: 100%;
width: 50px;
height: 50px;
display: block;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
}
.social-icons a:hover {
border: 3px solid#fff;
border-radius: 100%;
width: 50px;
height: 50px;
display: block;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
}
/*--/header--*/
/*--*/
.nbs-flexisel-item > img {
cursor: pointer;
position: relative;
}
/*---- Navigation ---*/
/*----*/
/*--about--*/
.about-info-grid img {
cursor: pointer;
}
.about-info-grid h3 {
font-size: 1.2em;
font-weight: bold;
margin-top: 13px;
}
.about-info-grid p {
margin: 15px 0;
font-size: 13px;
line-height: 1.8em;
}
.about-info-grid a {
background: #262626;
color: #fff;
padding: 7px 11px 10px;
}
.about-info-grid a:hover{
background: #51AA92;
color:#fff;
text-decoration: none;
}
/*--/about--*/
/*--services--*/
.services-info-left h3 {
font-weight: bold;
font-size: 1.8em;
}
.services-info-right p {
width: 90%;
margin: 0 auto;
line-height: 1.8em;
color: #D3E3DF;
}
.services-info-right input.text {
outline: none;
border: none;
padding: 26px 18px;
width: 80%;
color: #000;
box-shadow: 0px 0px 13px 0px#7F7E7E;
-moz-box-shadow: 0px 0px 13px 0px#7F7E7E;
-webkit-box-shadow: 0px 0px 13px 0px#7F7E7E;
}
.services-info-right input[type="submit"] {
background: #51AA92;
position: absolute;
top: 18px;
left: 458px;
outline: none;
border: none;
padding: 7px;
border-bottom: 3px solid#309B97;
transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.services-info-right input[type="submit"]:hover {
background: #309B97;
border-bottom: 3px solid#51AA92;
}
li.services-top-bottom h5 {
font-weight: 600;
font-size: 1.3em;
padding-bottom: 15px;
}
li.services-top-bottom p {
line-height: 1.8em;
width: 100%;
font-size: 1em;
}
.services-bottom-right img {
float: left;
cursor: pointer;
}
.services-bottom-left h4 {
font-weight: 600;
font-size: 2em;
padding-bottom: 15px;
}
.services-bottom-left p {
line-height: 1.8em;
font-size: 1em;
}
.services-bottom-right-info h5 {
font-weight: 600;
font-size: 1.4em;
padding-bottom: 13px;
}
.services-bottom-right-info p {
line-height: 1.8em;
font-size: 1em;
}
/*--/services--*/
/*--contact-us--*/
.contact-top-info img {
padding-top: 48px;
cursor: pointer;
}
.contact-top-info img:hover {
opacity: 0.4;
}
.contact-top-info p {
text-align: center;
padding-top: 25px;
width: 74%;
margin: 0 auto;
font-size: 1.2em;
line-height: 1.8em;
font-weight: 400;
}
.contact-us{
background: url(../images/footer-banner.jpg) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-height: 579px;
color: #fff;
}
.contact-us-info {
margin-top: 6em;
}
.contact-us-info h3 {
font-weight: 600;
margin-bottom: 90px;
font-size: 2em;
}
.contact-us-info-left {
padding-left: 0;
padding-right: 0;
}
.contact-us-info-middle {
padding-left: 0;
padding-right: 0;
}
.contact-us-info-right {
padding-left: 0;
padding-right: 0;
}
.contact-us-info img {
padding-bottom: 17px;
cursor: pointer;
}
.contact-us-info img:hover {
opacity: 0.4;
}
.contact-us-info-left h4 {
margin-bottom: 17px;
font-size: 1.4em;
font-weight: 600;
}
.contact-us-info-middle h4 {
margin-bottom: 17px;
font-size: 1.4em;
font-weight: 600;
}
.contact-us-info-right h4 {
margin-bottom: 17px;
font-size: 1.4em;
font-weight: 600;
}
.contact-us-info-left p {
font-weight: 300;
width: 90%;
line-height: 1.8em;
font-size: 16px;
}
.contact-us-info-middle p {
font-weight: 300;
width: 90%;
line-height: 1.8em;
font-size: 16px;
}
.contact-us-info-right input.text {
background: #fff;
outline: none;
border: none;
padding: 10px 10px;
color: #999;
margin-bottom: 17px;
margin-right: 20px;
width: 46%;
font-size: 14px;
}
.contact-us-info-right textarea {
resize: none;
height: 40px;
width: 96%;
color: #999;
padding: 10px 10px;
outline: none;
border: none;
font-size: 14px;
}
.contact-us-info-right input[type="submit"] {
background: #2E2E2E;
outline: none;
border: none;
padding: 10px 19px 10px;
transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
margin-top: 8px;
}
.contact-us-info-right input[type="submit"]:hover {
background: #51AA92;
color:#fff;
}
.footer {
padding: 1em 0 1em;
}
.copy-rights p {
color: #999;
}
.copy-rights p a:hover {
color: #309B97;
}
/*--/contact-us--*/
/*--responsive design--*/
@media (max-width: 1024px){
.logo {
margin-top: 4em;
}
.header {
min-height: 710px;
}
.social-icons {
margin-top: 2em;
}
.header h1 {
margin: 1em 0 1.2em;
}
.services-info-right input.text {
top: -6px;
left: 59px;
}
.services-info-right input[type="submit"] {
top: 18px;
left: 354px;
}
.services-bottom-right-info h5 {
font-size: 1.2em;
padding-bottom: 4px;
}
.contact-top-info p {
width: 84%;
}
.contact-us-info-right input.text {
width: 45%;
}
.contact-us-info {
margin-top: 3em;
}
.contact-us-info h3 {
margin-bottom: 50px;
}
.contact-us-info-left p {
width: 94%;
font-size: 14px;
}
.contact-us-info-middle p {
width: 100%;
font-size: 14px;
}
.contact-us {
min-height: 415px;
}
}
@media (max-width: 768px){
.logo {
margin-top: 2em;
}
.social-icons {
margin: 1em 0 1em;
}
.header h1 {
margin: 0.5em 0 1em;
}
.header {
min-height: 640px;
}
.about-info-grid p {
font-size: 16px;
font-weight: 400;
}
.services-info-left h3 {
margin-bottom: 1em;
}
.services-info-right p {
padding-bottom: 1.5em;
}
.services-info-right input[type="submit"] {
top: 19px;
left: 467px;
}
.contact-top-info p {
width: 100%;
font-size: 1em;
}
.contact-us {
min-height: 723px;
text-align: center;
}
.contact-us-info h3 {
margin-bottom: 40px;
}
.contact-us-info-right input.text {
width: 48.8%;
margin-right: 3px;
}
.contact-us-info-right textarea {
width: 99%;
}
.contact-us-info-left {
margin-bottom: 15px;
}
.contact-us-info-middle {
margin-bottom: 15px;
}
.contact-us-info-right {
margin-bottom: 15px;
}
.footer {
text-align: center;
}
@media (max-width: 640px){
.services-info-right input[type="submit"] {
top: 19px;
left: 384px;
}
.services-info-right input.text {
top: -21px;
left: 61px;
width: 80%;
}
.logo {
margin-top: 1em;
}
.social-icons {
margin: 0.5em 0 0.5em;
}
.header h1 {
margin: 0.5em 0 0.5em;
}
.header {
min-height: 535px;
}
}
@media (max-width: 480px){
.logo img {
width: 30%;
}
.header h1 {
font-size: 2.5em;
margin: 0.5em 0 0.5em;
}
.services-info-right input[type="submit"] {
left: 278px;
}
.header {
min-height: 460px;
}
.services-info-right p {
width: 100%;
line-height: 1.5em;
padding-bottom: 51px;
font-size: 14px;
}
.services-info-right input.text {
top: -21px;
left: 0px;
width: 100%;
}
.contact-top-info img {
padding-top: 29px;
}
li.services-top-bottom p {
font-size: 15px;
}
.services-bottom-left p {
font-size: 15px;
}
}
@media (max-width: 320px){
.social-icons a {
width: 38px;
height: 38px;
}
.social-icons a:hover {
width: 38px;
height: 38px;
}
.social-icons i.facebook {
background-position: -3px 2px;
}
.social-icons i.twitter {
background-position: -30px 2px;
}
.social-icons i.googlepluse {
background-position: -59px 2px;
}
.header h1 {
font-size: 1.7em;
margin: 0.5em 0 0.5em;
}
.header {
min-height: 300px;
}
.services-info-right input[type="submit"] {
padding: 5px;
font-size: 13px;
left: 175px;
top: 12px;
}
.services-info-right input.text {
font-size: 13px;
}
.services-bottom-left p {
font-size: 14px;
}
.services-bottom-right img {
float: none;
cursor: pointer;
}
.contact-top-info p {
font-size: 14px;
}
.contact-us-info-right input.text {
width: 48%;
margin-right: 3px;
}
.contact-us-info-right {
margin: 15px 0 15px;
}
.nbs-flexisel-item > img {
width: 30%;
}
.services-info-right input.text {
padding: 18px 14px;
}
li.services-top img {
margin-left: 78px;
margin-bottom: 30px;
}
.logo {
margin-top: 1em;
}
.social-icons {
margin: 0;
}
.header h1 {
font-size: 1.7em;
margin: 0;
}
.about-info-grid p {
font-size: 14px;
}
}