@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,800,700,600);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
body {
    overflow-x: hidden;
    font-family: 'Open Sans',sans-serif;
    background: #fff;
    height: 100%;
}
html { height: 100% }
p {
    font-size: 14px;
    line-height: 21px;
    font-family: 'Open Sans',sans-serif;
    color: #3c3c3c;
    font-weight: 300;
}
a,
a:hover,
a:focus,
a:active,
a.active { outline: 0 }
a { color: #ff6868 }
a:hover,
a:focus,
a:active,
a.active {
    color: #ff6868;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    margin: 0;
}
ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans',sans-serif;
}
input,
form,
textarea,
button,
checkbox { font-family: 'Open Sans',sans-serif }
.img-centered { margin: 0 auto }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-image: none }
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #fed136;
    background-color: #fed136;
}
.btn-primary .badge {
    color: #fed136;
    background-color: #fff;
}
.btn-xl {
    padding: 20px 40px;
    border-color: #fed136;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl { background-image: none }
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #fed136;
    background-color: #fed136;
}
.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}
h1 {
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    padding-bottom: 25px;
    text-transform: uppercase;
}
h1 img{
    max-width: 600px;
    width: 90%;
}
h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 17px;
    color: #3c3c3c;
}
h3 {
    color: #ff6868;
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
}
h4 {
    font-size: 20px;
    padding-bottom: 30px;
    color: #3c3c3c;
    text-transform: uppercase;
}
.no-padding { padding: 0!important }
.container { max-width: 900px }
.btn-primary {
    background: #ff6868;
    color: #fff;
    border-radius: 8px;
    padding: 13px 26px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    text-align: center;
}
.btn-general:hover,
.btn-general:focus,
.btn-general:active,
.btn-general.active {
    background: #fe4949;
    color: #e3e0e0;
}
header {
    background: #343c46 url(../images/header-bg.jpg) center center no-repeat;
    position: relative;
    background-size: cover;
    width: 100%;
    height: 100vh;
    padding-top: 10%;
}
header .header-content {
    text-align: center;
    z-index: 3;
}
.navbar-brand {
    display: inline-block;
    float: none;
    margin-bottom: 70px;
}
.navbar-brand>img { max-width: 300px }
header .header-content h1 {
    padding-bottom: 30px;
    letter-spacing: 7px;
}
header .header-content h1 {
    color: #333;
}
header .header-content p {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 24px;
    color: #333;
}
section {
    padding: 95px 0 130px;
    text-align: center;
}
fieldset {
    border: 2px solid #3c3c3c;
    padding: 15px 160px;
    text-align: center;
}
fieldset legend {
    text-align: center;
    font-size: 27px;
    font-weight: 700;
    color: #3c3c3c;
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    border: none;
    letter-spacing: 2px;
    width: auto;
    padding: 0 120px;
}
section p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
}
section#service {
    background: url(../images/service-bg.jpg) center center no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}
#service fieldset { border-color: #fff }
#service fieldset legend { color: #fff }
section#service p { color: #fff }
section#our-work { padding: 85px 0 105px }
.single-cat {
    padding-bottom: 25px;
    padding-top: 15px;
}
.single-cat>.fa {
    font-size: 65px;
    margin-bottom: 20px;
}
.single-cat h4 {
    font-weight: 700;
    letter-spacing: 3px;
}
.single-cat p {
    font-size: 15px;
    line-height: 26px;
}
section#portfolio {
    padding: 0;
    overflow: hidden;
}
.single-port {
    float: left;
    position: relative;
}
.single-port>img {
    width: 100%;
    height: 237px;
}
.single-port h3 {
    position: absolute;
    bottom: 40px;
    left: 48px;
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 5px;
}
.single-port h3 a { color: #fff }
.port-block1 { width: 30%; height: 237px; background: url(../images/img-02.jpg) center center; border: 1px solid #FFF; }
.port-block2 { width: 40%; height: 237px; background: url(../images/img-01.jpg) center center; border: 1px solid #FFF; }
.port-block3 { width: 30%; height: 237px; background: url(../images/img-04.jpg) center center; border: 1px solid #FFF; }
.port-block4 { width: 30%; height: 237px; background: url(../images/img-03.jpg) center center; border: 1px solid #FFF; }
.port-block5 { width: 40%; height: 237px; background: url(../images/img-06.jpg) center center; border: 1px solid #FFF; }
.port-block6 { width: 30%; height: 237px; background: url(../images/img-05.jpg) center center; border: 1px solid #FFF; }
section#contact { padding: 130px 0 50px }
a.btn {
    background: #EEEE00;
    color: #009;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 9px 90px;
    border-radius: 0;
    margin-bottom: 30px;
    letter-spacing: 4px;
    font-weight: bold;
}
a:hover.btn {
    background: #DDDD00;
    color: #009;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 9px 90px;
    border-radius: 0;
    margin-bottom: 30px;
    letter-spacing: 4px;
    font-weight: bold;
}
footer { padding: 10px 0 58px }
.footer-content {
    max-width: 320px;
    margin: 0 auto;
}
.footer-logo {
    margin-right: 30px;
    float: left;
}
.copyright {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 35px;
}
.copyright a { color: #ff6868 }
@media (max-width:1024px) { 
    .single-port>img { height: 210px }
}
@media (max-width:992px) { 
    
}
@media (max-width:800px) { 
    .single-port h3 {
        left: 13px;
        font-size: 22px;
    }
    fieldset legend { padding: 0 95px }
}
@media (max-width:768px) { 
    
}
@media (max-width:767px) { 
    .port-block1,
    .port-block2,
    .port-block3,
    .port-block4,
    .port-block5,
    .port-block6 { width: 100% }
    .single-port h3 {
        left: 48px;
        font-size: 28px;
    }
}
@media (max-width:667px) { 
h1 img{
    max-width: 300px;
    width: 90%;
}

}
@media (max-width:480px) { 
header {
    background: #343c46 url(../images/header-bg.jpg) center center no-repeat;
    position: relative;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
    header .header-content { margin-top: 100px }
    fieldset { padding: 15px 50px }
    fieldset legend {
        padding: 0 70px;
        font-size: 22px;
    }
section#service {
    background: url(../images/service-bg2.jpg) center center no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}

}
@media (max-width:414px) { 
    h1 { font-size: 31px }
    fieldset legend { padding: 0 45px }
    section#contact a.btn { padding: 9px 25px }
}
@media (max-width:340px) { 
    fieldset legend { padding: 0 20px }
    section#contact a.btn { padding: 9px 25px }
}
section#contact::-webkit-input-placeholder { }
section#contact:-moz-placeholder { }
section#contact::-moz-placeholder { }
section#contact:-ms-input-placeholder { }