/*
Template Name: Max - One page Creative HTML5 Template
Version      : 1.0
*/

/****** Table Of Content ***************
=================================================
#1. Theme Default
#2. Header And Menu 
#3. About us section
#4. Service  section
#5. Portfolio section
#6. Cient Section
#7. Team Section
#8. Pricing Section
#9. Contact Section
#10. Footer Section
#11. Mobile menu 

=================================================



*/
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    font-family: 'Lato', sans-serif;
}
a:focus {
    outline: 0px solid
}
img {
    max-width: 100%;
    height: auto;
}
.fix {
    overflow: hidden
}
p {
    margin: 0 0 15px;
}
a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
a:hover,
{
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0 none;
    text-decoration: none;
}
a:focus {
    text-decoration: none
}
.clear {
    clear: both
}
.no-padding {
    padding: 0px;
}
.no-padding-l {
    padding-left: 0px;
}
.no-padding-r {
    padding-right: 0px;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}


/*----------------------------------------*/
/*  2.  Header And Menu  CSS
/*----------------------------------------*/

.logo-img {
    display: inline-block;
    float: left;
    padding: 23px 0;
    transition: all 0.5s ease 0s;
}
.stick.header-area {
    background: #fff none repeat scroll 0 0;
    left: 0;
    min-height: 71px;
    position: fixed !important;
    top: 0;
    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
}
.stick .logo-img {
    padding: 10px 0;
}
.stick ul.nav {
    padding-top: 9px;
}
.nav li {
    padding: 0 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
}
ul.nav {
    padding-top: 25px;
    transition: all 0.5s ease 0s;
}
.navbar-nav > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    text-transform: uppercase;
}
.stick .navbar-nav > li > a {
    color: #231f20
}
.navbar-nav > li > a:hover,
.navbar-nav > li.current > a {
    border-bottom-color: #fff;
}
.stick .navbar-nav > li > a:hover,
.stick .navbar-nav > li.current > a {
    border-bottom-color: #000;
}
.header-area {
    background-color: rgba(255, 255, 255, 0.10);
    left: 0;
    min-height: 100px;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 999;
}
.hero-image-area {
    background-attachment: fixed;
    background-image: url(img/estatica.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.hero-image-area .hero-content {
    margin-top: 320px;
    text-align: center;
}
.hero-content h1 {
    color: #ffffff;
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase;
}
.hero-content p {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
}
.hero-content a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 3px 4px -1px #000000;
    color: #000000;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 24px;
    text-transform: uppercase;
}
.hero-content a:hover {
    background: #03A9F4 none repeat scroll 0 0;
    color: #fff;
}
.hero-content > span {
    display: inline-block;
    margin-top: 85px;
}


/*----------------------------------------*/
/*  3.  About us section  CSS
/*----------------------------------------*/

.area-header {
    padding-bottom: 40px;
    padding-top: 90px;
    text-align: center;
}
.area-header > h1 {
    color: #231f20;
    font-size: 35px;
    font-weight: 900;
    text-transform: uppercase;
}
.area-header > h1 {
    color: #231f20;
    font-size: 35px;
    font-weight: 900;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.area-header > p {
    color: #666666;
    font-size: 14px;
    line-height: 23px;
    padding: 0 178px;
}
.about-content {
    padding-top: 64px;
}
.about-content span {
    color: #666666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.about-content h3 {
    color: #231f20;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
}
.about-content p {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.about-content a {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 38px;
    padding: 11px 22px;
    text-transform: uppercase;
}
.about-content a:hover {
    text-decoration: underline;
}
.about-us {
    padding-bottom: 90px;
}


/*----------------------------------------*/
/*  4.  Service  section  CSS
/*----------------------------------------*/

.ser-icon {
    cursor: pointer;
    display: block;
    float: left;
    height: 119px;
}
.ser-icon i {
    border: 1px solid #dcddde;
    color: #03a9f4;
    font-size: 25px;
    padding: 16px;
}
.sin-ser-content {
    overflow: hidden;
    padding-left: 40px;
}
.sin-ser-content > h3 {
    color: #231f20;
    font-size: 20px;
    text-transform: uppercase;
}
.sin-ser-content > p {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}
.single-service:hover .ser-icon i {
    background: #03a9f4 none repeat scroll 0 0;
    color: #fff;
    border-color: #03a9f4;
}
.service-area {
    background: #f3f4f4 none repeat scroll 0 0;
}
.single-service {
    padding-bottom: 100px;
}


/*----------------------------------------*/
/*  5.  Portfolio section  CSS
/*----------------------------------------*/

.portfolio-filter .mix {
    display: none;
    margin: 15px 0;
}
.mixitup-button li {
    border: 1px solid #dcddde;
    border-radius: 32px;
    color: #231f20;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 5px;
    overflow: hidden;
    padding: 9px 28px;
    text-transform: capitalize;
}
.mixitup-button li:hover {
    border: 1px solid #03a9f4;
    background: #03a9f4;
    color: #fff;
}
.portfolio-filter {
    text-align: center;
}
.mixitup-button {
    padding-bottom: 45px;
}
.overlay::before {
    background-color: #03a9f4;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.mix-link {
    overflow: hidden;
    position: relative;
}
.mix-icon {
    left: 50%;
    margin-left: -24px;
    margin-top: -17px;
    opacity: 0;
    position: absolute;
    top: 69%;
    transition: all 0.3s ease 0s;
}
.mix-icon > a {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0 7px;
    text-align: center;
    width: 35px;
}
.mix-link:hover .overlay::before {
    opacity: 1;
}
.mix-link:hover .mix-icon {
    top: 50%;
    opacity: 1;
}
.mix-icon > a:hover {
    color: #03a9f4;
    background: #fff;
}
.portfolio-area span a {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 38px;
    padding: 11px 22px;
    text-transform: uppercase;
}
.portfolio-area span a:hover {
    text-decoration: underline;
}
.portfolio-area {
    overflow: hidden;
    padding-bottom: 92px;
    text-align: center;
}
.mixitup-content {
    overflow: hidden;
}


/*----------------------------------------*/
/*  6.  Client section  CSS
/*----------------------------------------*/

.client-area {
    background: #f3f4f4 none repeat scroll 0 0;
    padding-bottom: 85px;
}
.sin-client {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcddde;
    cursor: pointer;
    padding: 35px;
}
.owl-theme .owl-controls .owl-page span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #49484a;
    border-radius: 20px;
    display: block;
    height: 20px;
    margin: 5px 7px;
    opacity: 1;
    width: 20px;
}
.owl-theme .owl-controls .owl-page.active span {
    background: #03a9f4;
    border: 2px solid #03a9f4;
}
.sin-client img {
    filter: grayscale(0.9);
}
.sin-client:hover img {
    filter: grayscale(0);
}
.client-area .owl-pagination {
    margin-top: 55px;
}


/*----------------------------------------*/
/*  7.  Team section  CSS
/*----------------------------------------*/

.team-detail {
    background: #03a9f4 none repeat scroll 0 0;
    color: #ffffff;
}
.team-det-top {
    border-bottom: 1px solid #ffffff;
    padding-left: 30px;
    padding-top: 18px;
    text-transform: uppercase;
}
.member-name > p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}
.mem-designation > p {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 13px;
}
.mem-social {
    padding: 12px 0 12px 40px;
}
.mem-social > a {
    color: #ffffff;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}
.mem-social > a:hover {
    background: #fff;
    color: #1da1f2;
}
.sin-team-overlay::before {
    background-color: #03a9f4;
    content: "";
    height: 0%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.team-img {
    position: relative;
}
.team-img > a {
    color: #fff;
    font-size: 40px;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    top: -25px;
    opacity: 0;
}
.sin-team:hover .sin-team-overlay::before {
    height: 100%;
}
.sin-team:hover .team-img > a {
    top: 50%;
    opacity: 1
}
.sin-team {
    margin-bottom: 45px;
}
.team-area {
    padding-bottom: 45px;
}



/*----------------------------------------*/
/*  8.  Pricing section  CSS
/*----------------------------------------*/

.pricing-area {
    background: #f3f4f4 none repeat scroll 0 0;
    padding-bottom: 90px;
}
.sin-pricing {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcddde;
    padding-bottom: 40px;
    padding-top: 47px;
    text-align: center;
}
.pricing-head p {
    color: #231f20;
    font-size: 35px;
    font-weight: 400;
}
.pricing-head .price {
    color: #03a9f4;
    font-size: 70px;
    font-weight: 900;
}
.duration {
    font-size: 18px;
    position: absolute;
    bottom: 20px;
}
.price-tag {
    position: relative;
}
.price {
    position: relative;
}
.pricing-head .price::before {
    bottom: 9px;
    color: #414042;
    content: "$";
    font-size: 30px;
    font-weight: 300;
    left: -15px;
    position: absolute;
}
.pricing-head {
    border-bottom: 1px solid #ebebec;
    padding-bottom: 30px;
}
.pricing-ul li {
    border-bottom: 1px solid #ebebec;
}
.pricing-ul li h6 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 6px;
    padding-top: 18px;
}
.select-package a {
    border: 1px solid #dcddde;
    border-radius: 51px;
    color: #414042;
    font-size: 18px;
    padding: 7px 45px;
    margin-top: 32px;
}
.select-package a:hover {
    border: 1px solid #03a9f4;
    color: #fff;
    background: #03a9f4;
}



/*----------------------------------------*/
/*  9.  Contact section  CSS
/*----------------------------------------*/

.contact-inner form input {
    border: 1px solid #666666;
    margin-bottom: 20px;
    padding: 10px 17px;
    width: 80%;
}
.contact-inner textarea {
    border: 1px solid #666666;
    height: 120px;
    margin-bottom: 22px;
    padding: 10px 15px;
    width: 80%;
}
.send-btn .submit-btn {
	background: #c10000 none repeat scroll 0 0;
	border-color: #c10000 !important;
	color: #ffffff;
	float: left;
	width: auto !important;
	text-transform: capitalize;
}
.map-wrapper {
margin-bottom: -5px;
margin-top: 70px;
width: 100%;
}
.map-wrapper iframe {
    width: 100%;
}
.contact-inner p {
    color: #414042;
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 38px;
    text-transform: uppercase;
}
.add-icon {
    color: #666666;
    display: inline-block;
    float: left;
    font-size: 22px;
    margin-top: 6px;
    padding-right: 31px;
}
.add-detail > span {
	color: #666666;
	display: block;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	width: 66%;
}
.inner-address {
    margin-bottom: 30px;
}


/*----------------------------------------*/
/*  10.  Footer section  CSS
/*----------------------------------------*/

.sin-footer-head h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}
.sin-footer-head {
    margin-bottom: 35px;
}
.sin-footer-con > p {
    color: #e6e7e8;
    font-size: 14px;
    line-height: 20px;
}
.single-footer {
    margin-top: 25px;
}
.footer-widget {
    background: #2a2a2a none repeat scroll 0 0;
    padding-top: 65px;
    padding-bottom: 110px;
}
.footer-social li {
    display: inline-block;
    margin-right: 20px;
}
.footer-social a {
    color: #ffffff;
    font-size: 14px;
}
.sin-footer-con a {
    color: #e6e7e8;
    font-size: 14px;
}
.quick-link-right {
    float: right;
    margin-right: 90px;
}
.quick-link-left {
    float: left;
}
.sin-footer-con li {
    margin-bottom: 5px;
}
.mail-send {
    background: #ed145b none repeat scroll 0 0;
    border: medium none;
    border-radius: 52px;
    color: #ffffff;
    font-size: 13px;
    padding: 9px 12px;
    width: 30%;
}
.subscribe-link > input {
    border: medium none;
    border-radius: 23px;
    float: left;
    margin-right: 5%;
    padding: 10px 13px;
    width: 65%;
}
.footer-bottom {
    background: #121315 none repeat scroll 0 0;
}
.copy-right > a {
    color: #bcbec0;
    display: inline-block;
    font-size: 14px;
}
.copy-right {
    padding-top: 12px;
}
.copy-right > a:hover {
    color: #fff
}


/*----------------------------------------*/
/*  11.  Mobile Menu  CSS
/*----------------------------------------*/

.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
.navbar-toggle .icon-bar {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}
.logo-img {
    left: 30px;
    position: absolute;
    top: 0;
}
.navbar-collapse {
    border-top: medium none;
    box-shadow: none;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-toggle {
    margin-top: 33px;
    transition: all 0.3s ease 0s;
}
.stick .navbar-toggle {
    margin-top: 18px;
}