/* ==========================================================================
   Css reset
   ========================================================================== */
html {
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

/* ==========================================================================
   Common Styles
   ========================================================================== */
.alignleft {
    float: left;
    margin-right: 15px
}

.alignright {
    float: right;
    margin-left: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

a:focus {
    outline: solid 0
}

img {
    max-width: 100%;
    height: auto
}

.fix {
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-weight: 700
}

body, html {
}

a {
    transition: .3s;
    color: #333
}

a:hover {
    text-decoration: none
}

a {
    transition: all 0.7s ease 0s;
}

.slicknav_menu {
    display: block;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.5em
}

p {
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 15px;
}

ol {
    list-style: inside none decimal-leading-zero;
}

ul {
    list-style: inside none disc;
}

body {
    background: none repeat scroll 0 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5em;
}

#scrollUp {
    background: url(../img/top.png) no-repeat;
    height: 38px;
    width: 38px;
    bottom: 5px;
    right: 5px;
    text-indent: -999999px;
    display: block;
}

.content {
    margin: 0 auto;
    width: 1170px;
}

/* ==========================================================================
   Social Icon Color Area
========================================================================== */
a:hover .fa-facebook {
    background-color: #3b5998
}

a:hover .fa-twitter {
    background-color: #5DD7FC
}

a:hover .fa-google-plus {
    background-color: #dd4b39
}

a:hover .fa-instagram {
    background-color: #464545
}

a:hover .fa-linkedin {
    background-color: #0077b5
}

a:hover .fa-pinterest {
    background-color: #bd081c
}

a:hover .fa-youtube {
    background-color: #cd201f
}

a:hover .fa-vimeo {
    background-color: #1ab7ea
}

a:hover .fa-dribbble {
    background-color: #ea4c89
}

a:hover .fa-behance {
    background-color: #1769ff
}

a:hover .fa-flickr {
    background-color: #ff0084
}

a:hover .fa-tumblr {
    background-color: #35465c
}

a:hover .fa-foursquare {
    background-color: #f94877
}

a:hover .fa-github {
    background-color: #333
}

a:hover .fa-skype {
    background-color: #00aff0
}

a:hover .fa-feed {
    background-color: #FF9900
}


html, body {
    height: 100%;
    text-align: center;
}


#full_width {
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

#full_width::after {
    background: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    opacity: 0.6
}


.inner_content {
    width: 100%;
    height: 100%;
    display: table;
}

.content_middel {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    z-index: 999;
    position: relative;
}

.content_middel h1 {
    font-family: 'Roboto', sans-serif, cursive;
    color: #fff;
    font-size: 80px;
    line-height: 1em;
    margin-bottom: 10px;
}

.content_middel h4 {
    font-family: 'Roboto Slab', sans-serif, cursive;
    color: #cccccc;
    font-size: 50px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.content_middel p {
    font-family: 'Roboto Slab', sans-serif, cursive;
    color: #cccccc;
    font-size: 20px;
    line-height: 1.3em
}

.form {
    width: 96%;
    max-width: 500px;
    margin: 10px auto
}

.form input[type="tel"] {
    width: 50%;
    float: left;
    font-size: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 25px 0 0 25px;
    padding: 10px 10px 10px 20px;
}

.form input[type="submit"] {
    width: 40%;
    float: left;
    font-family: 'Roboto Slab', sans-serif, cursive;
    padding: 10px;
    font-size: 16px;
    background: orange;
    border: 1px solid orange;
    border-radius: 0 25px 25px 0;
    color: #fff;
    transition: 0.5s
}

.form input[type="submit"]:hover {
    background: green;
    border: 1px solid green;
}

.form form {
    margin-bottom: 10px;
    overflow: hidden;
}

.socal_area {
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
    color: #fff
}

.socal_area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.socal_area ul li {
    display: inline-block;
    margin: 0 5px;
}

.socal_area a {
    display: block;
    color: #fff;
    font-size: 18px;
}

.socal_area a i.fab {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    padding-top: 10px;
    border-radius: 5px;
    transition: 0.5s
}