@import"http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic";

.fa-angle-down{
	color:#FFF;
}

#mision{
	background-color:#979266;



	color:#FFF
}

body {
    font-family:Lora;
    font-size:14px;
    font-weight:300;
    line-height:24px;
    font-style:normal;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:subpixel-antialiased;
	color:#727678;
}
a {
    color:#3d566e;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
a:hover {
    color:#26303a
}
ul {
    list-style:none;
    margin:0;
    padding:0
}
.row {
    padding:80px 0
}
.btn {
    border:0;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    text-transform:uppercase
}
.btn i {
    margin-right:10px
}
.btn-common {
    background:#3d566e;
    color:#fff
}
.btn-common:hover {
    background:#26303a;
    color:#fff
}
.btn-border, .btn-common-white:hover {
    background:0 0;
    border:1px solid #fff;
    color:#fff
}
.btn-common-white, .btn-border:hover {
    background:#fff;
    color:#444;
    border:1px solid #fff
}
.social i {
    border:2px solid #fff;
    color:#fff;
    padding:10px;
    line-height:25px;
    margin-right:5px;
    width:50px;
    height:50px;
    vertical-align:middle;
    border-radius:100%
}
.social i:hover {
    border:2px solid transparent;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.social .social-links a:hover {
    color:#fff
}
.social .fa-facebook:hover {
    background:#3b5998;
    color:#fff
}
.social .fa-twitter:hover {
    background:#00CAFB;
    color:#fff
}
.social .fa-google-plus:hover {
    background:#D23A1D;
    color:#fff
}
.social .fa-linkedin:hover {
    background:#007bb6;
    color:#fff
}
.social .fa-dribbble:hover {
    background:#ea4c89;
    color:#fff
}
.social .fa-github:hover {
    background:#171515;
    color:#fff
}
.section-title {
    text-align:center;
    font-size:50px;
    font-weight:700;
	color:	#bdc3c7;
}
.section-subtitle {
    text-align:center;
    font-weight:300;
    padding-bottom:30px;
    position:relative;
    color:#bdc3c7
}
.widget-title {
    color:#ccc;
    font-size:24px;
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:15px;
    font-weight:300
}



.presets {
    padding:3px;
    position:fixed;
    bottom:0;
    right:0;
    background:#fff;
    z-index:9999;
    box-shadow:7px 7px 0 rgba(44, 62, 80, .6)
}
.presets a {
    display:inline;
    float:left;
    width:15px;
    height:15px;
    margin:3px
}
.presets .mblue-preset {
    color:#3d566e
}
.presets .blue-preset {
    color:#2C7EB6
}
.presets .green-preset {
    color:#16a085
}
.presets .red-preset {
    color:#e74c3c
}
.matter_portfolio .mix {
    display:none
}
#carousel-area {
    overflow:hidden;
    background:#2c3e50
}
#carousel-area .carousel-inner:before {
    background-color:rgba(44, 62, 80, .4);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    content:"";
    display:block;
    z-index:9
}

#carousel-area .item {
    background-attachment:fixed;
    background-size:100%;
background-size:cover;
}
#carousel-area .item .carousel-caption {
    top:30%;
    right:10%;
    left:10%;
    text-shadow:none;
    z-index:99
}
#carousel-area .item .carousel-caption h1 {
    font-size:65px;
    font-weight:300
}
#carousel-area .item .carousel-caption h2 {
    font-size:30px;
    font-weight:100
}
#carousel-area .item .carousel-caption .btn {
    padding:10px 20px;
    margin:10px 20px;
    font-size:20px
}
#carousel-area .carousel-control {
    z-index:10;
    display:none;
    width:50px;
    height:80px;
    top:50%;
    padding:10px 5px;
    box-shadow:none;
    background-image:none;
	background-color:#979266;
}
#carousel-area:hover .carousel-control {
    display:block
}
.navbar {
    margin-bottom:0
}
.navbar li {
    color:#d1d1d1
}
.navbar-default {
    border:0;
    border-radius:0;
background: #596838;
}
.navbar-default .navbar-brand {
    padding:0;
    margin:0
}
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav>li>a:focus {
    font-size:14px;
    padding:0 0 5px;
    text-transform:uppercase;
    margin:22px 15px;
    outline:0;
    color:rgba(255, 255, 255, .5)
}
.navbar-default .navbar-nav>li>a:after {
    content:"";
    display:inline-block;
    width:0;
    height:1px;
    background:#fff;
    position:absolute;
    left:0;
    bottom:-1px;
    -webkit-transition:all 800ms cubic-bezier(0.19, 1, .22, 1) 0s;
    -moz-transition:all 800ms cubic-bezier(0.19, 1, .22, 1) 0s;
    -o-transition:all 800ms cubic-bezier(0.19, 1, .22, 1) 0s;
    transition:all 800ms cubic-bezier(0.19, 1, .22, 1) 0s
}
.navbar-default .navbar-nav>li>a:hover:after {
    width:100%
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus .current {
    background:0 0;
    padding-bottom:5px;
    border-bottom:1px solid #fff;
    color:#fff
}
.navbar-default .navbar-brand {
    font-size:55px;
	margin-top: 5px;
}
.navbar-default .navbar-toggle .icon-bar {
    background:#fff
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background:#333
}
.affix.navbar-default {
    background:#596838;
}
.affix {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
.affix .navbar-brand img {
    width:80%
}
.affix .navbar-nav li a, .affix .navbar-nav li a:focus {
    margin:15px
}
.affix .to-top a, .affix .to-bottom a {
    line-height:56px;
    padding:20px
}
.navbar .to-top, .navbar .to-bottom {
    display:none
}
.affix-top .to-bottom {
    display:block!important
}
.affix .to-top {
    display:block!important
}
.to-top, .to-bottom {
    list-style:none
}
.to-top a, .to-bottom a {
    padding:26px 22px;
    line-height:70px;
    outline:0;
    color:#fff
}
.switcher-area {
    position:fixed;
    width:300px;
    left:0;
    top:155px;
    left:-300px;
    z-index:9999;
    background:#fff;
    padding:25px 20px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}
.switcher-area h4 {
    margin-top:0;
    text-align:center;
    margin-bottom:30px
}
.switcher-area ul {
    margin:0
}
.switcher-area ul li {
    display:inline-block;
    font-size:0;
    list-style:none;
    margin-right:2px
}
.switcher-area ul li a {
    display:block;
    height:55px;
    width:60px
}
.switcher-area .switcher-btn-area {
    display:block;
    position:relative
}
.switcher-area .switcher-btn-area button.switcher-btn {
    position:absolute;
    top:-102px;
    right:-70px;
    width:50px;
    background:#fff;
    border:0;
    outline:0;
    padding:7px 0
}
.switcher-area .switcher-btn-area button.switcher-btn i {
    font-size:25px
}
#slider, #portfolio, #clients {
    background-color:#3d566e;
    color:#727678;
}


#slider .section-title {
    line-height:50px
}
#services h2 {
    font-size:28px;
	color:#979266;
}


#services .services-intro {
    padding-bottom:40px
}
#services .services-intro h1 span {
    font-weight:100;
    color:#bdc3c7
}
#services .services-intro .f-icon {
    font-size:100px;
    color:#3d566e
}
#services h3, #services .service {
    color:#3d566e
}
#services .service {
    padding:25px 15px 20px;
    margin-bottom:20px;
    color:#727678;
}
#services .service .f-icon {
    font-size:100px;
    color:#fff
}
#services .service:hover .f-icon {

}
#services .service:hover .service-text {
  
}
#services .service:before {
    content:"";
    position:absolute;
    top:0;
    right:14px;
    width:0;
    height:0;
    border-top:30px solid #fff;
    border-left:30px solid transparent
}
#services .service:after {
    content:"";
    position:absolute;
    top:0;
    right:14px;
    width:0;
    height:0;
    border-bottom:30px solid rgba(255, 255, 255, .5);
    border-right:30px solid transparent
}


#why  {
    background-color:#fff;
}
#why h2 {
    font-weight:100
}
#why .rotate-text {
    color:#727678;
    font-size:50px
}
#why .rotate {
    background-color:#fff;
    color:#3d566e
}
#why .why-item {
    margin-top:40px
}
#why .why-item h1, #why .why-item h2, #why .why-item i, #why .why-item .why-item-text {
        color:#727678;
}
#why .why-item p, #why .why-item h2 {
    text-align:left

}

#why .why-item h2 {
    text-align:left;
	font-size:28px;
	color:#979266;
}
#why .why-item .why-item-icon i {
    background:rgba(150, 150, 150, .2);
    width:82px;
    height:82px;
    border-radius:100%;
    border:2px solid #fff;
    margin-top:30px;
    padding:20px;
    text-align:center;
}
#why .why-item:hover i {
    background:rgba(0, 0, 0, .5);
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
#why .why-item-contact {
    margin-top:30px
}
#why .why-item-contact h1 {
    color:#fff;
    margin-bottom:20px
}
#why .why-item-contact .btn {
    margin-top:20px
}
#why .why-item-contact .btn:hover i {
    color:#333
}
.pricing ul {
    float:left;
    margin:0;
    list-style:none;
    text-align:center;
    font-weight:300;
    margin-bottom:20px;
    width:100%
}
.pricing ul .featured-table {
    background:#E9E9E9;
    box-shadow:7px 7px 0 rgba(44, 62, 80, .6)
}
.pricing ul li {
    padding:10px;
    background:#ecf0f1;
    font-size:18px;
    margin:0 15px;
    line-height:45px;
    color:#999
}
.pricing ul ul li.head, .pricing ul li.price {
    border:0
}
.pricing ul li:last-child {
    border-bottom:0;
    padding-bottom:30px
}
.pricing ul li.head {
    font-size:40px;
    font-weight:700;
    color:#fff;
    padding:25px 0;
    line-height:1;
    text-transform:uppercase
}
.pricing ul .blue-head {
    background:#3498db
}
.pricing ul .purple-head {
    background:#9b59b6
}
.pricing ul .orange-head {
    background:#f39c12
}
.pricing ul li.price {
    font-size:52px;
    line-height:60px;
    background:#3d566e;
    color:#fff
}
.pricing ul span.period {
    font-size:30px;
    color:rgba(255, 255, 255, .5)
}
#portfolio {
    background-color:#fff;
}
.matter-filter {
    margin:30px 0
}


.matter-filter .filter {
    display:inline-block;
    margin:0 15px;
    text-transform:uppercase;
    padding:5px 10px;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.matter-filter .filter:hover, .matter-filter .filter.active {
    border:1px solid #fff;
    border-radius:4px;
    cursor:pointer
}
.portfolio-item {
    position:relative;
    margin-bottom:30px
}
.portfolio-item img {
    width:100%
}
.portfolio-item .overlay {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
    background-color:rgba(0, 0, 0, .8);
    display:none
}
.portfolio-item:hover .overlay {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
    background-color:rgba(0, 0, 0, .8);
    display:block
}
.portfolio-item i {
    padding:12px;
    font-size:20px;
    width:42px;
    height:42px;
    border-radius:0
}
.portfolio-item .icons .link {
    position:absolute;
    left:53%;
    top:50%;
    margin-left:42px;
    color:#fff;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.portfolio-item .icons .link i {
    color:#fff;
    background:#3d566e
}
.portfolio-item .icons .preview {
    position:absolute;
    left:47%;
    top:50%;
    color:#fff;
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.portfolio-item .icons .preview i {
    color:#3d566e;
    background:#fff
}
.owl-theme .owl-controls .owl-page span {
    height:7px!important;
    border:0!important
}
.owl-theme .owl-controls .owl-page span:hover {
    background:#3D566E
}
.owl-theme .owl-controls .owl-page.active span {
    background:#3D566E
}
#testimonial {
    background:#eceef1
}
#testimonial .row {
    padding-bottom:145px
}
#testimonial h1 {
    font-size:50px
}
#testimonial h2 {
    margin-bottom:20px;
    font-weight:100
}
#testimonial .testimonial {
    margin-bottom:20px;
    padding-left:15px;
    padding-right:15px;
    position:relative
}
#testimonial .testimonial img {
    max-width:80px;
    border-radius:100%;
    margin-top:10px
}
#testimonial .name {
    color:#3d566e;
    font-size:25px;
    font-weight:700;
    margin-left:10px
}
#testimonial .company {
    color:#3d566e;
    font-size:15px;
    font-weight:300
}
#testimonial .testimonial-text {
    padding:10px 20px 20px;
    line-height:25px;
    font-size:18px;
    color:#666;
    float:left;
    background:#fff
}
#testimonial .testimonial-arrow {
    content:"";
    position:absolute;
    width:0;
    height:0;
    left:12%;
    bottom:85px;
    border-style:solid;
    border-width:15px 15px 0 0;
    border-color:#FFF transparent transparent
}
#testimonial i {
    padding-right:10px;
    color:rgba(102, 102, 102, .5)
}
#clients {
    background:url(../img/clients/brand-bg.jpg) center center fixed;
    background-size:cover
}
#clients .logo-slider .owl-buttons {
    position:absolute;
    top:-33px;
    right:3px
}
#clients .logo-slider .owl-buttons div {
    background:transparent!important;
    border:1px solid #fff;
    border-radius:4px;
    margin-left:15px;
    padding:0 10px
}
#team {
    background:#ECEDEF
}
#team .team-member {
    padding-bottom:15px;
    margin-top:20px;
    background:#fff;
    border-bottom:5px solid transparent;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}
#team .team-member .face {
    position:relative;
    width:100%;
    overflow:hidden;
    border:5px solid #fff
}
#team .team-member .face img {
    max-width:100%
}
#team .team-member .face .overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(61, 86, 110, .9);
    opacity:0;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}
#team .team-member .member-info {
    text-align:center;
    padding:24px
}
#team .team-member .member-info h3 {
    font-size:20px;
    font-weight:700;
    line-height:25px
}
#team .team-member .member-info h4 {
    font-weight:300
}
#team .team-member .member-info .social-team {
    margin-top:32px
}
#team .team-member .member-info .social-team a {
    color:#3D566E;
    margin:0 2px;
    text-decoration:none;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}
#team .team-member .member-info .social-team a i {
    color:#fff;
    background:#414549;
    font-size:20px;
    width:42px;
    height:42px;
    border-radius:50%;
    line-height:22px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}
#team .team-member .member-info .social .fa-git:hover {
    background:#4183c4;
    color:#fff
}
#team .team-member .member-info .social .fa-facebook:hover {
    background:#3b5998;
    color:#fff
}
#team .team-member .member-info .social .fa-twitter:hover {
    background:#00CAFB;
    color:#fff
}
#team .team-member .member-info .social .fa-google-plus:hover {
    background:#D23A1D;
    color:#fff
}
#team .team-member .member-info .social .fa-linkedin:hover {
    background:#007bb6;
    color:#fff
}
#team .team-member .member-info .social .fa-dribbble:hover {
    background:#e04c86;
    color:#fff
}
#team .team-member .member-info .social .fa-behance:hover {
    background:#4176fa;
    color:#fff
}
#team .team-member:hover {
    border-bottom:5px solid #3D566E
}
#team .team-member:hover h3, #team .team-member:hover .overlay {
    color:#3D566E;
    opacity:1
}
#team .team-member:hover .social-team .social i {
    background:#3D566E
}
#about {
    background:url(../img/backgrounds/about-bg.jpg) center center fixed;
    background-size:cover;
    color:#fff
}
#about p {
    line-height:30px;
    font-size:17px
}
#about .section-title {
    position:relative
}
#about .btn {
    margin-top:6px;
    margin-right:20px
}
#about .about-inner {
    position:relative;
    color:#fff
}
#about .about-inner:before {
    background-color:rgba(44, 62, 80, .7);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    content:"";
    display:block
}
#about #about-slider .item img {
    width:100%
}
#about .about-title {
    margin-top:0
}
#about .facts .col-md-4 {
    margin-top:50px
}
#about .counter-title {
    font-size:40px;
    font-weight:100;
    margin-top:0
}
#about .counter-value {
    font-size:50px;
    font-weight:100
}
#subscribe {
    background:#eceef1
}
#subscribe .subscription-form .input-group .form-control {
    height:80px;
    font-size:30px;
    font-weight:300;
    box-shadow:none;
    border:0
}
#subscribe .subscription-form .btn {
    padding:26px 40px;
    margin-left:0
}
#contact ::-webkit-input-placeholder {
    color:#bcc3c6;
}
#contact :-moz-placeholder {
    color:#bcc3c6;
}
#contact ::-moz-placeholder {
    color:#bcc3c6;
}
#contact :-ms-input-placeholder {
    color:#bcc3c6;
}
#contact .social i {
    border:2px solid #fff;
    color:#fff;
    padding:10px;
    line-height:25px;
    margin-right:5px;
    width:50px;
    height:50px;
    vertical-align:middle;
    border-radius:100%
}
#contact .social i:hover {
    border:2px solid transparent;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
#contact .social .social-links a:hover {
    color:#fff
}
#contact .social .fa-facebook:hover {
    background:#3b5998;
    color:#fff
}
#contact .social .fa-twitter:hover {
    background:#00CAFB;
    color:#fff
}
#contact .social .fa-google-plus:hover {
    background:#D23A1D;
    color:#fff
}
#contact .social .fa-linkedin:hover {
    background:#007bb6;
    color:#fff
}
#contact .social .fa-dribbble:hover {
    background:#ea4c89;
    color:#fff
}
#contact .social .fa-github:hover {
    background:#171515;
    color:#fff
}
#contact .contact-info {
    margin:40px 0
}
#contact .contact-info p {
    font-size:20px
}
#contact .contact-form .form-control {
    background:0 0;
    color:#727678;
    border:2px solid #979266;
    box-shadow:none;
    font-size:17px;
    margin-bottom:20px
}
#contact .contact-form textarea.form-control {
    min-height:116px;
    margin-bottom:20px
}
#contact .contact-form input[type=text], #contact .contact-form input[type=email] {
    height:48px;
}
#contact .contact-form .btn {
    width:100%;
    border:2px solid #979266;
    margin-top:3px;
	background-color:#979266;
}
#matter-footer {
    background:#596838;
    color:#fff;
	text-align:center;
}
#matter-footer .row {
    padding:40px 0
}
#matter-footer .text img {
    margin-bottom:25px
}
#matter-footer .gallery {
    margin-right:4px;
    margin-bottom:10px
}
#matter-footer .gallery li {
    padding:0;
    width:78px;
    height:78px;
    overflow:hidden;
    float:left;
    margin:4px;
    position:relative
}
#matter-footer .gallery li img {
    width:100%;
    height:100%
}
#matter-footer .gallery li .icon {
    position:absolute;
    background:rgba(61, 86, 110, .9);
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    opacity:0;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    overflow:hidden
}
#matter-footer .gallery li .icon a {
    position:absolute;
    top:38%;
    left:38%
}
#matter-footer .gallery li .icon a i {
    color:#fff;
    font-size:18px;
    text-align:center
}
#matter-footer .gallery li:hover .icon {
    opacity:1;
    cursor:pointer
}
#matter-footer .link li {
    padding:4px 0;
    border-bottom:1px solid rgba(0, 0, 0, .1);
    margin-bottom:0
}
#matter-footer .link li a {
    font-size:inherit;
    color:#BDC3C7;
    text-decoration:none
}
#matter-footer .link li a:hover {
    color:#fff
}
.copyright {
    padding-bottom:15px
}
.copyright p {
    margin:0;
	color:#bcc3c6;}
.copyright a {
    color:#fff
}
.copyright a:hover {
    color:#fff;
    text-decoration:none
}
#video-bg {
    position:relative;
    width:100%;
    height:689px
}
#video-bg:before {
    background-color:rgba(44, 62, 80, .7);
    bottom:0;
    content:"";
    height:100%;
    position:absolute;
    top:0;
    width:100%
}
#video-bg .title-text {
    color:#fff;
    padding:200px 0;
    text-align:center
}
#video-bg .title-text h1 {
    font-size:65px;
    font-weight:300
}
#video-bg .title-text h2 {
    font-size:30px;
    font-weight:100
}
#video-bg .title-text .btn {
    font-size:20px;
    margin:10px 20px;
    padding:10px 20px
}
header .wrapper {
    margin-top:30px;
    margin-bottom:40px
}
header .wrapper .section-title {
    font-size:36px
}
header .wrapper .section-title span {
    color:#3D566E
}
#version-page {
    background:#ECEEF1;
    overflow:hidden
}
#version-page img {
    max-width:100%;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}
#version-page .post {
    margin:15px 0 45px;
    position:relative;
    text-align:center
}
#version-page .post:hover img {
    max-width:100%;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transform:scale(1.1)
}


.php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}
.php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .error-message br + br {
  margin-top: 25px;
}

.php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.php-email-form input, #footer .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dce1ec;
  font-size: 14px;
}

.php-email-form input::focus, #footer .php-email-form textarea::focus {
  background-color: #d10019;
}

.php-email-form input {
  padding: 20px 15px;
}

.php-email-form textarea {
  padding: 12px 15px;
}

.php-email-form button[type="submit"] {
  background: #d10019;
  border: 0;
  border-radius: 3px;
  padding: 8px 30px;
  color: #fff;
  transition: 0.3s;
}

.php-email-form button[type="submit"]:hover {
  background: #AA0015;
  cursor: pointer;
}