/* ----------------------------------


Template Name: Essay - Personal Portfolio Template
Author: validtheme
Version: 1.0

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home page
    22. Others

*/

/*
COLORS
green #009444
blue ##1B4993
gold #DBA500
gray #454545
lgray #dfdfdf
/*
/*


** General Styles for HTML tags
*/

 * {
     padding: 0;
     margin: 0;
}
 html {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: visible;
}
 body {
     font-size: 14px;
     font-weight: 400;
     line-height: 30px;
     overflow-x: hidden;
     background-color: #ffffff;
	 font-family: arboria, sans-serif;
	 font-style: normal;
}
 html, body, .wrapper {
     height: 100%;
}
 h1, h2, h3, h4, h5, h6 {
     color: #000000;
     font-weight: normal;
     line-height: 1.2;
	 font-family: arboria, sans-serif;
	 font-style: normal;     
	 letter-spacing: 0;
     margin: 0;
}
 h1 {
     margin-bottom: 20px;
}
 h2,h3,h4 {
     margin-bottom: 15px;
}
 h5,h5 {
     margin-bottom: 10px;
}
 img {
     border: none;
     outline: none;
     max-width: 100%;
}
 label {
     display: inline-block;
     font-weight: normal;
     margin-bottom: 5px;
     max-width: 100%;
}
 a, .btn {
     transition: all 0.35s ease-in-out;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
}
 a img, iframe {
     border: none;
}
 p {
     color: #454545;
     line-height: 30px;
     margin: 0 0 15px;
     text-transform: none;
     font-weight: 400;
}
 hr {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid #dfdfdf;
}
 pre {
     display: block;
     margin: 0 0 30px;
     padding: 9.5px;
     word-wrap: break-word;
     word-break: break-all;
     color: #454545;
     border: 1px solid #dfdfdf;
     border-radius: inherit;
     background-color: #dfdfdf;
     font-size: 13px;
     line-height: 1.42857143;
}
 input:focus, 
 textarea:focus, 
 select:focus {
     outline: none;
     box-shadow: inherit;
}
 ul {
     margin: 0;
     list-style-type: none;
}
 a, 
 a:active, a:focus, a:hover {
     outline: none;
     text-decoration: none;
     color: #1B4993;
}
 a:hover {
     color: #1B4993;
}
 a {
     transition: all 0.35s ease-in-out;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     text-decoration: none;
     font-family: arboria, sans-serif;
}
 b, strong {
     font-weight: 900;
}
 .btn.active, 
 .btn:active {
     background-image: inherit !important;
}
 .btn.focus, 
 .btn:active:focus, 
 .btn:active:hover, 
 .btn:focus, 
 .btn:hover {
     outline: 0;
}
 .btn.active, 
 .btn:active {
     outline: 0;
     -webkit-box-shadow: inherit;
     box-shadow: inherit;
}
 input {
     border: 1px solid #dfdfdf;
     border-radius: inherit;
     box-shadow: inherit;
     min-height: 50px;
}
/* Default CSS */
 .container-half {
     margin: 0 auto;
     width: 60%;
     padding: 0 15px;
}
 .bg-cover {
     background-position: center center;
     background-size: cover;
}
 .bg-fixed {
     background-attachment: fixed;
     background-position: center top;
     background-size: cover;
}
 .bg-gray {
     background-color: #dfdfdf;
}
 .bg-light {
     background-color: #dfdfdf;
}
 .text-light h1, 
 .text-light h2, 
 .text-light h3, 
 .text-light h4, 
 .text-light h5, 
 .text-light h6, 
 .text-light p, 
 .text-light a {
     color: #ffffff;
}
 .shadow {
     position: relative;
     z-index: 1;
}
 .shadow.dark::after {
     background: #000000 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.5;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .default-padding {
     padding-top: 100px;
     padding-bottom: 80px;
}
/* Welcome Banner */
 html, 
 body, 
 .wrapper, 
 .welcome-banner {
     height: 100%;
}
 .welcome-banner div {
     height: 100%;
}
 .welcome-banner div.item-cell, 
 .welcome-banner div.item-cell div {
     height: auto;
}
 .welcome-banner .item-table {
     display: table;
     width: 100%;
}
 .welcome-banner .item-cell {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
}
 .welcome-content h1 {
     font-size: 80px;
     margin-bottom: 10px;
}
 .welcome-banner .arrow-down {
     bottom: 0;
     left: 50%;
     position: absolute;
     text-align: center;
}
 .welcome-banner .arrow-down a {
     border: 2px solid #ffffff;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     bottom: 50px;
     display: inline-block;
     font-size: 34px;
     height: 45px;
     line-height: 0;
     overflow: hidden;
     position: absolute;
     width: 25px;
}
 .welcome-banner .arrow-down a span {
     background: #ffffff none repeat scroll 0 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
    ;
     height: 5px;
     width: 5px;
}
 .welcome-banner .arrow-down span.dot {
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-name: arrow-down;
     animation-timing-function: linear;
     display: inline-block;
     transform-style: preserve-3d;
}
 @keyframes arrow-down {
     0% {
         opacity: 0;
         transform: translate3d(0px, 0px, 0px);
    }
     10% {
         opacity: 1;
         transform: translate3d(0px, 5px, 0px);
    }
     100% {
         opacity: 0;
         transform: translate3d(0px, 30px, 0px);
    }
}
 #particles-js {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
}
.button a {
     background: #454545 none repeat scroll 0 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #1B4993;
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 10px;
     padding: 8px 25px;
     border: 1px solid #454545;
}
.button a:hover{   border: 1px solid #ffffff;
     background: #ffffff;} 
.button a.active {
     border: 1px solid #dba500;
     background: #dba500;
}
.button a.active:hover { border: 1px solid #ffffff;
     background: #ffffff;}
.button {
     margin-top: 20px;
}

/* ============================================================== 
    # About 
=================================================================== */

 .about-area .about-text h2 {
     font-size: 35px;
     font-weight: 500;
     text-transform: capitalize;
}
.about-area .about-text {
  padding-left: 30px;
}
.about-area .about-text h4 {
  margin-bottom: 30px;
}
.about-area .about-text .socials {
  margin-top: 30px;
}
 .about-area ul li {
     display: inline-block;
}
 .about-area ul li a {
     display: inline-block;
     font-size: 20px;
     height: 40px;
     width: 50px;
}
 .about-area .button a {
     background: #454545 none repeat scroll 0 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #ffffff;
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 10px;
     padding: 8px 25px;
     border: 1px solid #454545;
}
.about-area .button a:hover{   border: 1px solid #416ea5;
     background: #416ea5;} 
 .about-area .button a.active {
     border: 1px solid #1B4993;
     background: #1B4993;
}
.about-area .button a.active:hover { border: 1px solid #416ea5;
     background: #416ea5;}
 .about-area .button {
     margin-top: 20px;
}
 .about-area .thumb img {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
.about-area .content {
     margin: 0 0 3em;
     padding-left: 0px;
}
.about-area .content ul{columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;    list-style-position: inside;
}
.about-area .content ul li:before {
     content: "–";
     margin-right: .5em;margin-left:-15px; }
     
.about-area .content ul li{    padding-left:15px; line-height: 24px;margin-right:40px;}  

/* ============================================================== 
    # Services 
=================================================================== */

 .services-area.default-padding {
     padding-bottom: 70px;
}
 .services-items .item {
     background: #ffffff none repeat scroll 0 0;
     -moz-box-shadow: 0 16px 40px #ededed;
     -webkit-box-shadow: 0 16px 40px #ededed;
     -o-box-shadow: 0 16px 40px #ededed;
     box-shadow: 0 16px 40px #ededed;
     padding: 67px 40px 64px;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
.services-items .item:hover {
    transform: translateY(-10px);
}
 .services-items .item h4 {
     margin-bottom: 20px;
}
 .services-area .item p {
     margin: 0;
}
 .services-items .equal-height {
     margin-bottom: 30px;
}
 .services-items .item i {
     font-size: 35px;
     color: #1B4993;
     margin-bottom: 20px;
}

 .services-items .equal-height {
     margin-bottom: 30px;
}
 .title h2 {
     font-size: 35px;
     font-weight: 500;
     text-transform: capitalize;
}
 .title {
     margin-bottom: 30px;
}


/* ============================================================== 
    # Experiance 
=================================================================== */
.timeline {
     position: relative;
}
 .timeline::before {
     background: #ccd1d9 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     left: calc(33% + 15px);
     position: absolute;
     top: 0;
     width: 2px;
}
 .timeline:after {
     content: "";
     display: table;
     clear: both;
}
 .entry {
     clear: both;
     text-align: left;
     position: relative;
}
 .entry .title {
     margin-bottom: .5em;
     float: left;
     width: 33%;
     padding-right: 30px;
     text-align: right;
     position: relative;
}
 .entry .title::before {
     background: #ffffff none repeat scroll 0 0;
     border: 5px solid #1B4993;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     content: "";
     height: 20px;
     position: absolute;
     right: -26px;
     top: 0;
     width: 20px;
     z-index: 1;
}
 .contact-area button {
     font-weight: 500;
     text-transform: uppercase;
}
 .entry .content {
     margin: 0 0 3em;
     float: right;
     width: 66%;
     padding-left: 30px;
}
 .entry .content ul li:before {
     content: "–";
     margin-right: .5em;margin-left:-15px;
}
 .timeline .entry .title h1, 
 .timeline .entry .title h2, 
 .timeline .entry .title h3, 
 .timeline .entry .title h4, 
 .timeline .entry .title h5, 
 .timeline .entry .title h6 {
     margin: 0;
     line-height: inherit;
}
.entry .content ul li{    padding-left:15px; line-height: 24px}
/* ============================================================== 
    # Fun Factor 
=================================================================== */

 .fun-fact i {
     color: #dba500;
     font-size: 35px;
}
 .fun-fact .timer {
     color: #ffffff;
     font-size: 35px;
     margin-top: 30px;
}
 .fun-fact span.medium {
     color: #ffffff;
     display: block;
     font-size: 18px;
     margin-top: 10px;
}


/* ============================================================== 
    # Portfolio 
=================================================================== */

 .portfolio-area.default-padding {
     padding-bottom: 70px;
}
 .mix-item-menu.line-border {
     margin-bottom: 20px;
}
 .item-mixitup-nav li {
     display: inline-block;
     padding: 0 10px;
}
 .item-mixitup-nav li a {
     color: #212331;
     display: inline-block;
     font-weight: 600;
     position: relative;
     text-transform: uppercase;
     z-index: 1;
     overflow: hidden;
}
 .item-mixitup-nav li a::after {
     background: #1B4993 none repeat scroll 0 0;
     content: "";
     height: 3px;
     left: -100%;
     position: absolute;
     top: 90%;
     width: 100%;
     z-index: -1;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .item-mixitup-nav li a.current:after, 
 .item-mixitup-nav li a:hover:after {
     left: 0;
}
 .item-inner {
     color: #fff;
     position: relative;
     overflow: hidden;
     width: 100%;
     text-align: center;
}
 .item-inner * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .item-inner img {
     opacity: 1;
     width: 100%;
     -webkit-transition: opacity 0.35s;
     transition: opacity 0.35s;
}
 .item-inner .overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 3em 3em;
     width: 100%;
     height: 100%;
}
 .item-inner .overlay::before {
     position: absolute;
     top: 50%;
     right: 30px;
     bottom: 50%;
     left: 30px;
     border-top: 1px solid rgba(255, 255, 255, 0.8);
     border-bottom: 1px solid rgba(255, 255, 255, 0.8);
     content: '';
     opacity: 0;
     background-color: #ffffff;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transition-delay: 0.6s;
     transition-delay: 0.6s;
}
 .item-inner .view-list,
 .item-inner p,.item-inner a {
     margin: 0 0 5px;
     opacity: 0;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s,
     -webkit-transform 0.35s,
     -moz-transform 0.35s,
     -o-transform 0.35s,transform 0.35s; 
     font-size:12px;
     color:#000000;
     line-height:16px; letter-spacing:0px;
}
 .item-inner .view-list,.item-inner a {

     font-weight: 300;
     text-transform: uppercase;
     -webkit-transform: translate3d(0%, 50%, 0);
     transform: translate3d(0%, 50%, 0);
     -webkit-transition-delay: 0.3s;
     transition-delay: 0.3s; font-size:12px;
     color:#000000;
     line-height:16px; letter-spacing:0px;
}
 .item-inner:hover .overlay .view-list,
 .item-inner:hover .overlay a {
     opacity: 1;
     -webkit-transform: translate3d(0%, 0%, 0);
     transform: translate3d(0%, 0%, 0);
     -webkit-transition-delay: 0.3s;
     transition-delay: 0.3s;
}
 .item-inner:hover .overlay::before {
     background: #ffffff;
     border: none;
     top: 30px;
     bottom: 30px;
     opacity: 1;
     -webkit-transition-delay: 0s;
     transition-delay: 0s;
     opacity: .9;
}
 .item-inner .view-list {
     font-weight: 300;
     margin-top: -45px;
     position: relative;
     text-transform: uppercase;
     top: 50%;
     transform: translate3d(0%, 50%, 0px);
     transition-delay: 0.3s;
     width: 100%; font-size:16px !important;
     word-spacing:1em;
     
}
 .item-inner .view-list a {
     background: #1B4993 none repeat scroll 0 0;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #ffffff;
     display: inline-block;
     height: 40px;
     line-height: 40px;
     margin: 0 2px;
     width: 40px;
}
 .portfolio-content .pf-item {
     margin-bottom: 30px;
}


/* ============================================================== 
    # Testimonials 
=================================================================== */

 .testimonial-items .item {
     padding: 30px;
     position: relative;
     z-index: 1;
}
 .testimonial-items .item::after {
     background: #000000 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.7;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .testimonial-items .item img {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     height: 60px;
     width: 60px;
}
 .testimonial-items .item p {
     margin: 20px 0;
}
 .testimonial-items .item span {
     color: #dba500;
     font-style: italic;
}
 .testimonial-items .owl-nav {
     margin: 0;
}
 .testimonial-items .owl-nav .owl-next, 
 .testimonial-items .owl-nav .owl-prev {
     background: transparent;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     height: 40px;
     left: 0;
     line-height: 40px;
     margin-left: -20px;
     margin-top: -20px;
     padding: 0;
     position: absolute;
     text-align: center;
     top: 50%;
     width: 40px;
     color: #ffffff;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .testimonial-items .owl-nav .owl-next:hover, 
 .testimonial-items .owl-nav .owl-prev:hover {
     background-color: #1B4993;
}
 .testimonial-items .owl-nav .owl-next::after, 
 .testimonial-items .owl-nav .owl-prev::after {
     background: #000000 none repeat scroll 0 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.8;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .testimonial-items .owl-nav .owl-next {
     left: auto;
     right: -15px;
}
 .testimonial-items h4 {
     font-weight: 700;
     margin: 0;
     text-transform: uppercase;
}

/* ==============================================================
    # Blog 
 =================================================================== */

 .blog-area .item .meta {
     margin-top: 30px;
}
 .blog-area .item .meta li {
     color: #333333;
     display: inline-block;
     font-size: 12px;
     margin-bottom: 5px;
     margin-right: 10px;
     text-transform: uppercase;
}
 .blog-area .item .meta li i {
     margin-right: 5px;
}
 .blog-area .item {
     overflow: hidden;
     position: relative;
}
 .blog-items h4 {
     margin-bottom: 20px;
}
 .blog-items h2 {
     margin-bottom: 20px;
}
 .blog-area .item img {
     -webkit-transition:all 0.5s ease-in-out;
     -moz-transition:all 0.5s ease-in-out;
     -ms-transition:all 0.5s ease-in-out;
     -o-transition:all 0.5s ease-in-out;
     transition:all 0.5s ease-in-out;
}
 .blog-area .item:hover img {
     -webkit-transform:scale(1.2) translateY(-7.5%);
     -moz-transform: scale(1.2) translateY(-7.5%);
     -ms-transform: scale(1.2) translateY(-7.5%);
     transform: scale(1.2) translateY(-7.5%);
}
 .read-more {
     background: #1B4993 none repeat scroll 0 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #ffffff;
     display: inline-block;
     font-size: 12px;
     padding: 3px 20px;
     text-transform: uppercase;
     margin-top: 10px;
}
 .read-more:hover {
     background: #475d8c none repeat scroll 0 0;
     color: #ffffff;
}
 .blog-items .thumb {
     overflow: hidden;
}
 .container-pull {
     width: 70%;
     margin: 0 auto;
}
 .blog-area.pull .item-box {
     margin-bottom: 50px;
}
 .blog-area.pull .item-box:last-child {
     margin: 0;
}
 .pagination a {
     color: #333333 !important;
     display: inline-block;
     padding: 10px 20px !important;
}
 .pagination li.active a {
     color: #ffffff !important;
}
 .blog-area blockquote {
     border: medium none;
     font-size: 18px;
     padding-left: 30px;
     position: relative;
     z-index: 1;
}
 .blog-area blockquote::before {
     content: "\f10d";
     font-family: "FontAwesome";
     font-weight: 600;
     left: 0;
     position: absolute;
}
 .comments-list .commen-item .avatar {
     float: left;
     height: 80px;
     width: 80px;
}
 .comments-list .commen-item .content {
     display: table-cell;
     vertical-align: top;
}
 .comments-list .commen-item .avatar img {
     height: 60px;
     width: 60px;
}
 .comments-list .commen-item {
     margin-bottom: 30px;
}
 .comments-list .commen-item.reply {
     padding-left: 80px;
}
 .comments-area {
     margin-top: 30px;
}
 .comments-area .comments-title h3 {
     border-bottom: 1px solid #e2e2e2;
     margin-bottom: 30px;
     padding-bottom: 10px;
}
 .comments-list .commen-item .content h5 {
     font-weight: 600;
     margin-bottom: 5px;
     text-transform: uppercase;
}
 .comments-info a {
     display: inline-block;
     margin-left: 14px;
}
 .comments-info a:hover {
     color: #1B4993;
}
 .comments-info a i {
     margin-right: 5px;
}
 .comments-form input, 
 .comments-form textarea {
     border: 1px solid #e2e2e2;
     box-shadow: inherit;
}
 .comments-form textarea {
     min-height: 150px;
}
 .comments-form button {
     background: #1B4993 none repeat scroll 0 0;
     border: medium none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #ffffff;
     display: inline-block;
     margin-top: 20px;
     padding: 8px 25px;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}


/* ============================================================== 
    # Contact Form 
=================================================================== */

 .contact-form input {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: currentcolor currentcolor #e7e7e7;
     border-image: none;
     border-radius: inherit;
     border-style: none none solid;
     border-width: medium medium 1px;
     box-shadow: inherit;
}
 .contact-form textarea {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: currentcolor currentcolor #e7e7e7;
     border-image: none;
     border-radius: inherit;
     border-style: none none solid;
     border-width: medium medium 1px;
     box-shadow: inherit;
     min-height: 180px;
}
 .contact-form button, .form-control submit {
     background: #dba500 none repeat scroll 0 0;
     border: medium none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #1b4993;
     display: inline-block;
     margin-top: 20px;
     padding: 8px 25px;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
.contact-form button:hover, form-control submit:hover {     background: #e5b646 none repeat scroll 0 0;}

 .contact-form button i, form-control submit i {
     margin-left: 5px;
}
 .contact-form input, 
 .contact-form textarea {
     background: transparent none repeat scroll 0 0;
     color: #ffffff;
}
 .contact-form input::-webkit-input-placeholder, 
 .contact-form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #ffffff !important;
     opacity: 1;
}
 .contact-form input::-moz-placeholder, 
 .contact-form textarea::-moz-placeholder {
    /* Firefox 19+ */
     color: #ffffff !important;
     opacity: 1;
}
 .contact-form input::-ms-input-placeholder, 
 .contact-form textarea::-ms-input-placeholder {
    /* IE 10+ */
     color: #ffffff !important;
     opacity: 1;
}
 .contact-form input::-moz-placeholder, 
 .contact-form textarea::-moz-placeholder {
    /* Firefox 18- */
     color: #ffffff !important;
     opacity: 1;
}
/* contact form alert */
 .contact-form .loader {
     display: inline-block;
     margin-left: 10px;
     margin-top: 5px;
     position: absolute;
     top: 50%;
}
 .alert {
     border: 1px solid transparent;
     border-radius: 5px;
     color: red;
     font-weight: 400;
     margin-bottom: 0 !important;
     padding: 0;
     text-align: center;
}
 .alert-msg {
     background: #ffffff none repeat scroll 0 0;
     color: #685654;
     display: none;
     font-size: 12px;
     font-weight: 600;
     padding: 10px;
     text-align: left;
     margin-top: 20px;
}
 #message b {
     color: red;
}
 .alert.alert-success {
     background: transparent none repeat scroll 0 0;
}
 .alert.alert-success > h3 {
     color: green;
     margin-bottom: 5px;
}
 .alert.alert-success > p {
     color: #333333;
}
 .contact-info-area .item i {
     color: #1B4993;
     font-size: 35px;
}
 .contact-info-area .item h4 {
     margin-top: 10px;
     text-transform: capitalize;
}
 .contact-info-area .item p {
     line-height: 26px;
     margin: 0;
}

/* ============================================================== 
    # Blog 
=================================================================== */

 .breadcrumb-area {
     padding: 150px 0;
     text-align: center;
}
 .breadcrumb {
     background: transparent none repeat scroll 0 0;
     text-align: center;
}
 .breadcrumb li {
     font-weight: 600;
     text-transform: capitalize;
}
 .breadcrumb li a {
     display: inline-block;
     color: #ffffff;
}
 .breadcrumb li.active {
     color: #1B4993;
}
 .breadcrumb-area h1 {
     font-weight: 600;
     margin: 0;
     text-transform: uppercase;
}

/* ============================================================== 
    # Footer 
=================================================================== */

 footer {
     background: #212121 none repeat scroll 0 0;
}
 footer {
     padding: 50px 0;
}
 footer .footer-social li {
     display: inline-block;
}
 footer .footer-social li a {
     color: #ffffff;
     display: inline-block;
     padding: 0 15px;
     position: relative;
     z-index: 1;
}
 footer .copyright-text p {
     color: #fff;
     margin: 0;
}
 footer .copyright-text p i, footer .copyright-text p a {
     color: #1B4993;
}
 .copyright-text {
     margin-top: 5px;
}
 footer .footer-social li a::before {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 4px;
     left: 0;
     margin-top: -2px;
     opacity: 1;
     position: absolute;
     top: 50%;
     width: 4px;
     z-index: 10;
}
 footer .footer-social li.twitter a::before {
     background-color: #00b6f1;
}
 footer .footer-social li.facebook a::before {
     background-color: #3b5998;
}
 footer .footer-social li.google a::before {
     background-color: #df4a32;
}
 footer .footer-social li.vimeo a::before {
     background-color: #1ab7ea;
}


/* ============================================================== 
  # Preloader 
=================================================================== */
 .no-js #loader {
     display: none;
}
 .js #loader {
     display: block;
     position: absolute;
     left: 100px;
     top: 0;
}
 .se-pre-con {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 999999;
     background: url(assets/img/preloader.gif) center no-repeat #fff;
     text-align: center;
}