#main-wrapper,
body,
html {
    height: 100%
}

section#aboutus,
section#home {
    -ms-behavior: url(backgroundsize.min.htc)
}

header ul li a,
section#home {
    color: #fff;
    position: relative
}

.content-wrapper,
.home-wrapper,
header div {
    max-width: 1100px;
    margin: 0 auto
}

.btn,
footer ul li a,
header ul li a {
    text-decoration: none
}

@font-face {
    font-family: open_sansbold;
    src: url(../fonts/opensans-bold-webfont.eot);
    src: url(../fonts/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-bold-webfont.woff2) format('woff2'), url(../fonts/opensans-bold-webfont.woff) format('woff'), url(../fonts/opensans-bold-webfont.ttf) format('truetype'), url(../fonts/opensans-bold-webfont.svg#open_sansbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanslight;
    src: url(../fonts/opensans-light-webfont.eot);
    src: url(../fonts/opensans-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-light-webfont.woff2) format('woff2'), url(../fonts/opensans-light-webfont.woff) format('woff'), url(../fonts/opensans-light-webfont.ttf) format('truetype'), url(../fonts/opensans-light-webfont.svg#open_sanslight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansregular;
    src: url(../fonts/opensans-regular-webfont.eot);
    src: url(../fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-regular-webfont.woff2) format('woff2'), url(../fonts/opensans-regular-webfont.woff) format('woff'), url(../fonts/opensans-regular-webfont.ttf) format('truetype'), url(../fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: comfortaabold;
    src: url(../fonts/comfortaa_bold-webfont.eot);
    src: url(../fonts/comfortaa_bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/comfortaa_bold-webfont.woff2) format('woff2'), url(../fonts/comfortaa_bold-webfont.woff) format('woff'), url(../fonts/comfortaa_bold-webfont.ttf) format('truetype'), url(../fonts/comfortaa_bold-webfont.svg#comfortaabold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: comfortaaregular;
    src: url(../fonts/comfortaa_regular-webfont.eot);
    src: url(../fonts/comfortaa_regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/comfortaa_regular-webfont.woff2) format('woff2'), url(../fonts/comfortaa_regular-webfont.woff) format('woff'), url(../fonts/comfortaa_regular-webfont.ttf) format('truetype'), url(../fonts/comfortaa_regular-webfont.svg#comfortaaregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: comfortaathin;
    src: url(../fonts/comfortaa_thin-webfont.eot);
    src: url(../fonts/comfortaa_thin-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/comfortaa_thin-webfont.woff2) format('woff2'), url(../fonts/comfortaa_thin-webfont.woff) format('woff'), url(../fonts/comfortaa_thin-webfont.ttf) format('truetype'), url(../fonts/comfortaa_thin-webfont.svg#comfortaathin) format('svg');
    font-weight: 400;
    font-style: normal
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

html {
    overflow-x: hidden
}

body,
html {
    position: relative;
    font-family: open_sansregular;
    background: #FFF;
    margin: 0;
    padding: 0;
    color: #737373;
    font-size: 16px
}

.content-wrapper,
.home-wrapper {
    position: relative;
    text-align: center
}

footer div,
section#aboutus ol li,
section#aboutus p,
section#services article {
    text-align: left
}

section {
    padding: 90px 100px 70px
}

section#home {
    padding: 20px 100px;
    font-family: comfortaabold;
    background: url(../img/layout/home-bg.jpg) top left no-repeat fixed;
    background-size: cover;
    behavior: url(backgroundsize.min.htc);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: auto;
    height: 100%;
    min-height: 500px
}

header {
    position: absolute;
    width: 100%;
    height: 75px;
    top: 10px;
    left: 0;
    z-index: 1000001;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}

header ul {
    float: right
}

header ul li {
    float: left;
    margin-top: 30px
}

header ul li a {
    display: block;
    font-family: open_sanslight;
    margin: 0 15px;
    padding-bottom: 10px;
    font-size: 14px
}

header ul li a.active,
header ul li a:hover {
    color: #FF9B75
}

header ul li a:after {
    content: '';
    display: block;
    margin: 5px auto auto;
    height: 3px;
    width: 0;
    background: 0 0;
    transition: width .5s ease, background-color .5s ease;
    -webkit-transition: width .5s ease, background-color .5s ease;
    -moz-transition: width .5s ease, background-color .5s ease;
    -ms-transition: width .5s ease, background-color .5s ease;
    -o-transition: width .5s ease, background-color .5s ease
}

header ul li a.active:after,
header ul li a:hover:after {
    width: 100%;
    background: #EF4B0C
}

header.header-sticky {
    background: #FFF;
    position: fixed;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

header.header-sticky img {
    float: left;
    margin-top: 5px
}

header.header-sticky ul li a {
    color: #a4a6a9
}

header.header-sticky ul li a:hover {
    color: #373738
}

section#aboutus,
section#aboutus h2 {
    color: #423D3D!important
}

header.header-sticky a#pull {
    cursor: pointer;
    display: none;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear
}

header.header-sticky a#pull div {
    height: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    background: #EF4B0C;
    margin: 4px auto;
    backface-visibility: hidden
}

header.header-sticky #pull.on .one {
    transform: rotate(45deg) translate(5px, 5px);
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    -moz-transform: rotate(45deg) translate(5px, 5px);
    -ms-transform: rotate(45deg) translate(5px, 5px)
}

header.header-sticky #pull.on .two {
    opacity: 0
}

header.header-sticky #pull.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
    -webkit-transform: rotate(-45deg) translate(7px, -8px);
    -moz-transform: rotate(-45deg) translate(7px, -8px);
    -ms-transform: rotate(-45deg) translate(7px, -8px)
}

header.header-sticky a#pull.on div,
header.header-sticky a#pull:hover div {
    background: #AD3000
}

section#home .content-wrapper ul li {
    display: inline-block;
    margin: 20px 0;
    font-size: 23px
}

section#home .content-wrapper ul li:after {
    content: "/";
    margin: 0 25px
}

section#home .content-wrapper ul li:last-child:after {
    content: "";
    margin: 0
}

section#home .content-wrapper h1,
section#home .content-wrapper h4 {
    font-family: comfortaaregular
}

section#home .downanimation {
    width: 33px;
    height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: block;
    position: absolute;
    bottom: 1%;
    left: 49%;
    z-index: 0;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

section#home .downanimation:before {
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    content: "";
    height: 4px;
    left: 13px;
    position: absolute;
    top: 8px;
    width: 4px;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-name: scrollanimation;
    -moz-animation-name: scrollanimation;
    -o-animation-name: scrollanimation;
    -ms-animation-name: scrollanimation;
    animation-name: scrollanimation;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease
}

section#services article {
    margin: 70px auto;
    font-family: open_sanslight;
    font-size: 14px;
    max-width: 1000px
}

section#services article h6 {
    font-family: open_sansbold;
    color: #232323;
    margin-bottom: 20px
}

section#services article img {
    width: 90%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

section#services article div.content img{
	display: none;
} 

section#services article:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

section#services article.odd img {
    float: right;
    margin-left: 20px
}

section#services ul li {
    margin: 10px 10px 10px 30px;
    line-height: 1.4;
    list-style-type: disc;
    list-style-position: outside
}

section#services ul li li {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 20px
}

section#ourServices header {
    opacity: 1;
    filter: alpha(opacity=100)
}

section#aboutus {
    font-family: open_sansregular;
    position: relative;
    background: url(../img/layout/aboutus-bg.jpg) top left no-repeat fixed;
    background-size: cover;
    behavior: url(backgroundsize.min.htc);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: auto;
    text-shadow: 1px 1px 1px rgba(225, 225, 225, .1)
}

section#aboutus div {
    padding-right: 30px
}

section#aboutus ol li {
    margin: 5px 0 0 40px;
    list-style-type: lower-alpha
}

section#client .client-container {
    margin: 70px 0 50px
}

section#client .client-container div {
    padding: 5px
}

section#client .client-container img {
    width: 80%;
    opacity: 0;
    filter: alpha(opacity=0);
}

section#client .client-container img.logo1 {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s, animation-delay: .15s
}

section#client .client-container img.logo2 {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s, animation-delay: .3s
}

section#client .client-container img.logo3 {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s, animation-delay: .45s
}

section#client .client-container img.logo4 {
    height:150px;
    width:240px;
    padding-top: 50px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s, animation-delay: .6s
}

section#client .client-container img.logo5 {
    padding-top:10px;
     height:120px;
     width:100px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s, animation-delay: .6s
}

section#client .client-container img.logo6 {
     height:120px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s, animation-delay: .6s
}

section#client .client-container img.logo7 {
     height:130px;
     width:150px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s, animation-delay: .6s
}

section#client .client-container img.logo8 {
     height:130px;
     width:150px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s, animation-delay: .6s
}

section#contactus {
    background: url(../img/layout/contact-bg.jpg) top left no-repeat fixed;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

section#contactus div.content {
    margin: 30px 0 0;
    text-align: left
}

section#contactus form input[type=text],
section#contactus form textarea {
    font-family: open_sansregular;
    width: 90%;
    height: 50px;
    display: block;
    margin: 15px 0;
    padding: 10px 15px;
    font-size: 13px;
    border: none
}

section#contactus form input[type=text]:focus,
section#contactus form input[type=text]:hover,
section#contactus form textarea:focus,
section#contactus form textarea:hover {
    outline: 0;
    -webkit-box-shadow: 0 0 4px rgba(239, 77, 15, .9);
    -moz-box-shadow: 0 0 4px rgba(239, 77, 15, .9);
    -ms-box-shadow: 0 0 4px rgba(239, 77, 15, .9);
    -o-box-shadow: 0 0 4px rgba(239, 77, 15, .9);
    box-shadow: 0 0 4px rgba(239, 77, 15, .9)
}

section#contactus form textarea {
    resize: none;
    height: 300px
}

section#contactus div.content div {
    margin-bottom: 20px;
    opacity: 0;
    filter: alpha(opacity=0)
}

section#contactus div.content div.email {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s, animation-delay: .15s
}

section#contactus div.content div.number {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s, animation-delay: .3s
}

section#contactus div.content div.location {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s, animation-delay: .45s
}

section#contactus div.content div span.icon {
    background: url(../img/layout/icons.png) no-repeat;
    float: left;
    width: 35px;
    height: 43px;
    margin: 0 20px
}

section#contactus div.content div p {
    display: inline-block;
    font-size: 14px;
    color: #000
}

section#contactus div.content div span.icon.mail {
    background-position: 0 8px
}

section#contactus div.content div span.icon.phone {
    background-position: 0 -40px;
    margin-top: 12px
}

section#contactus div.content div span.icon.location {
    background-position: 0 -85px;
    margin-top: 15px
}

section#ourexperience div h5 {
    font-weight: 700;
    margin: 20px 0 15px
}

section#ourexperience div ul li {
    font-size: 14px;
    margin: 10px
}

footer {
    width: 100%;
    height: auto;
    background-color: #922900;
    padding: 20px 0;
    font-size: 13px
}

footer p {
    font-family: comfortaabold;
    color: #fff
}

footer ul li {
    display: inline-block;
    margin: 5px 20px 0 0
}

footer ul li a {
    color: #cb6138
}

footer ul li a:hover {
    color: #f2794a
}

footer span.icon {
    background: url(../img/layout/icons.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer
}

footer span.icon.fb {
    background-position: -55px -5px
}

footer span.icon.email {
    background-position: -73px -5px
}

footer span.icon.arrowup {
    background-position: -55px -38px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: down 1s ease infinite;
    -moz-animation: down 1s ease infinite;
    -ms-animation: down 1s ease infinite;
    -o-animation: down 1s ease infinite;
    transition: all .8s ease
}

h1 {
    font-size: 60px;
    letter-spacing: -2px
}

h2 {
    font-family: comfortaathin;
    font-size: 45px;
    color: #232323;
    margin-bottom: 20px
}

h3 {
    font-size: 35px
}

h4 {
    font-size: 25px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    line-height: 1.5;
    margin: 10px 0
}

hr.orange,
hr.white {
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8;
    height: 3px;
    border: 0;
    margin: 30px auto;
    width: 20%
}

.btn.orange,
hr.orange {
    background-color: #ef4b0c
}

hr.orange {
    margin: 20px auto
}

strong {
    font-weight: 700
}

.btn {
    cursor: pointer;
    display: block;
    text-align: center;
    font-family: open_sansbold;
    font-size: 15px;
    margin: 10px auto;
    width: 200px;
    height: 50px;
    border: none;
    padding: 15px 30px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn.orange {
    border: 1px solid #ef4b0c;
    color: #fff
}

.btn.orange:hover {
    background-color: #fff;
    color: #ef4b0c
}

.btn.transparent {
    border: 1px solid #000;
    color: #000;
    margin: 50px auto 0
}

.btn.transparent:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #ef4b0c
}

.vertical-wrapper {
    height: 100%
}

.vertical-parent-container {
    width: 100%;
    height: 100%;
    display: table
}

.vertical-child-container {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

input.error,
textarea.error {
    border: 1px solid #e23d49!important
}

.f-left {
    float: left
}

.clear-fix {
    clear: both
}

.form_msg {
    display: none;
    color: #fff
}

.isa_error,
.isa_success {
    width: 90%;
    margin: 10px 0;
    padding: 12px;
    font-size: 14px
}

.isa_error {
    color: #D8000C!important;
    background-color: #FFBABA
}

.isa_success {
    color: #4F8A10!important;
    background-color: #DFF2BF
}