body {
   	font-family: Roboto, sans-serif;

      font-size: 14px;
	line-height: 24px;
    padding: 0px;
    margin: 0px;
	
	

}


@media only screen and (max-width: 600px) {
  
.logo {

    display: block;

    padding: 10px 0;

}

	
}

html,body {

    width: 100%;

    height: 100%;

    color: #212526;
   
}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0px;

    padding: 0px;

}

ul,

ol {

    list-style: none;

    margin: 0px;

    padding: 0px;

}

a,

a:hover,

a:focus {

    margin: 0px;

    padding: 0px;

    -webkit-text-decoration: none;

    -moz-text-decoration: none;

    -ms-text-decoration: none;

    -o-text-decoration: none;

    text-decoration: none;

}

img {

    max-width: 100%;

    height: auto;

}

input,

textarea {

    outline: none;

    border: none;

    resize: none;

}

p {

    margin: 0px;

    padding: 0px;

    line-height: 32px;

    font-size: 14px;

    letter-spacing: 1.5px;

    color: #212526;

   

}

/*=================================================

		Start Typhographicy

===================================================*/




h2 {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 53px;
	color: #000;
	text-transform: normal;
	line-height: 100px;
	text-align: center
}



.section-title h2 {

position: relative;

}

/*===========================================

		common class

=============================================*/



.bgcolor1 {

    background: #f1f1f1;

}

.section-padding {

    padding-top: 80px;
 padding-bottom: 80px;
   

}


.section-title-padding {
	

    padding-bottom: 60px;

}

/*========================================

	bootstrap common css customize

==========================================*/



.navbar-nav > li > a {

    line-height: 0px;

    padding-bottom: 0px;

    padding-top: 0px;

}

.nav > li > a:focus,

.nav > li > a:hover {

    background-color: transparent;

    text-decoration: none;

}

.navbar {

    border: 0px solid transparent;

    margin-bottom: 0px;

}

.navbar-collapse {

    border-top: 0px;

    box-shadow: none;

    overflow-x: visible;

}

.navbar-right {

    float: right;

    margin-left: -15px;

    margin-right: -15px;

}

.navbar-toggle .icon-bar {

    background: #444444 none repeat scroll 0 0;

}

.navbar-toggle {

    margin-top: 17px;

}

/*======================================

		cross browser support

=======================================*/

/*

	transition

*/



.site-header.sticky,

a.logo,

#main-menu ul li a,

.site-header.sticky #main-menu ul li a,

.about-info a,

.service-icon,

.service-icon i,

.team-overlay,

.overlay-bg,

a.contact-me,

.form-submit input[type="submit"],

.blog-post-area h3 a,

.pagination-area ul li a,

.post-meta a,

.comment-submit input[type="submit"] {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

}

/*

	border-radius

*/



.service-icon,

.client-image-area,

.clients-says .owl-dot,

.special-heading-post ul li:before {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

/*

	opacity 0

*/



.team-overlay,

.overlay-bg {

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

}

/*

	opacity 1

*/



.member-image:hover .overlay-bg,

.member-image:hover .team-overlay {

    -webkit-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1;

}

/*===========================================

		Start header area

=============================================*/



.site-header {

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 111;

}

.site-header.sticky {

    background: #fff;

    position: fixed;

    top: 0px;

    width: 100%;

    z-index: 111;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);

}

#site-navigation .navbar-toggle {

    background-color: #fff;

}



.logo2 {

    display: block;

    padding: 10px 0;

}

@media only screen and (min-width: 992px) {
.logo {

    display: block;

    padding: 46px 0;

}
}
#main-menu ul li a {

    color: #212526;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    line-height: 80px;

}

.site-header.sticky #main-menu ul li a {

    line-height: 70px;

    color: #212526;

}

.mid-header-area {

    background: rgba(0, 0, 0, 0) url("../images/home.jpg") no-repeat fixed center center / cover;

   height: 100vh; width:100%;

    position: relative;

}

.mid-table {

    display: table;

    height: 100%;

    text-align: center;

    width: 100%;

}

.mid-table-cell {

    display: table-cell;

    vertical-align: middle;

}

.mid-content {


    position: relative;

    z-index: 11;

    text-align: left;

}

.mid-content h1 {

    color: #212526;

    font-size: 62px;

    font-weight: 500;

    letter-spacing:-0.7px;

    margin-bottom: 13px;

    text-transform: normal;

}
#space2{ letter-spacing:8px;}

#space{ letter-spacing:12px;}
.mid-content h4 {

    color: #212526;

    font-size: 14px;

    margin-top: 0;

    margin-left: auto;

    margin-right: auto;

    font-weight: 600;

    letter-spacing: 5px;

    text-transform: uppercase;

    line-height: 18px;

}

.mid-content h2 .cd-words-wrapper b {

    color: #212526;

    font-size: 14px;

    margin-top: 0;

    margin-left: auto;

    margin-right: auto;

    font-weight: 600;

    text-transform: uppercase;

}


.mid-content h12 {

    color: #212526;

    font-size: 18px;

    margin-top: 0;

    margin-left: auto;

    margin-right: auto;

    font-weight: 600;

  

    text-transform: uppercase;

    line-height: 18px;

}

.mid-content h12 .cd-words-wrapper b {

    color: #212526;

    font-size: 25px;

    margin-top: 0;

    margin-left: auto;

    margin-right: auto;

    font-weight: 400;

    text-transform: uppercase;

}

.cd-headline.clip .cd-words-wrapper {

    vertical-align: middle;

}

#particles-js {

    height: 100%;

    position: absolute;

    width: 100%;

}

/*==========================================

		about area

============================================*/



.about-info h3 {

    text-transform: capitalize;
    
    font-family: Roboto, sans-serif;

    font-size: 18px;

    color: #222;

    font-weight: 600;

    letter-spacing: 2px;

    margin-bottom: 17px;

}

.progress-area h3 {

    color: #555;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 20px;

    margin-bottom: 29px;

    line-height: 30px;

}

.about-info a {

    margin-top: 20px;

    display: inline-block;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600;

    background: #393939;

    padding: 11px 30px;

    font-size: 12px;

    letter-spacing: 2px;

}

.about-info a:hover {

    background: #000;

}

.single-progress {

    margin-bottom: 26px;

}

.progress-bar {

    float: left;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #323232;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    -webkit-transition: width .6s ease;

    -o-transition: width .6s ease;

    transition: width .6s ease;

}

label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

    color: #777;

    text-transform: capitalize;

    letter-spacing: 2px;

    font-size: 11px;

}

.progress {

    height: 4px;

    margin-bottom: 20px;

    overflow: hidden;

    background-color: #f5f5f5;

    border-radius: 0px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

}

/*=================================================

		service area

===================================================*/



.service-wrapper {

    text-align: center;

    background: #fff;

    padding: 40px 10px;

    border: 1px solid #f3f3f3;

}

.service-icon {

    height: 60px;

    width: 60px;

    margin: auto;

    background: #222;

}

.service-icon i {

    color: #fff;

    line-height: 60px;

    font-size: 25px;

}

.service-wrapper h3 {

    color: #222;

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 600;

    margin: 16px 0px;

    line-height: 30px;

}

/*================================================

		team area

==================================================*/



.member-image {

    position: relative;

}

.team-overlay {

    position: absolute;

    top: 50%;

    left: 0px;

    padding: 0px 33px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    text-align: center;

    visibility: hidden;

}

.member-image img {

    height: auto;

    width: 100%;

}

.team-overlay p {

    color: #fff;

}

.member-social a {

    margin-right: 10px;

    padding: 4px 7px;

    margin-top: 13px;

    display: inline-block;

    color: #fff;

    font-size: 15px;

}

.member-intro {

    padding-top: 14px;

}

.member-intro h5 {

    color: #111;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 13px;

    margin-bottom: 9px;

    letter-spacing: 1.5px;

}

.member-intro h6 {

    color: #666;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 1.5px;

}

.overlay-bg {

    position: absolute;

    left: 0px;

    top: 0px;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, .70);

    visibility: hidden;

}

.member-image:hover .overlay-bg {

    visibility: visible;

}

.member-image:hover .team-overlay {

    visibility: visible;

}

/*==============================================

		get started section

================================================*/



.get-stard {

    background: #323232;

}

.get-wrapper h4 {

    color: #fff;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 700;

    line-height: 30px;

    letter-spacing: 2px;

}

.get-wrapper p {

    color: #fff;

    font-size: 15px;

    letter-spacing: 1.5px;

    line-height: 26px;

    text-transform: capitalize;

}

a.contact-me {

    float: right;

    color: #000;

    font-weight: 600;

    letter-spacing: 1.45px;

    padding: 10px 30px;

    background: #fff;

    font-size: 13px;

    text-transform: uppercase;

}

a.contact-me:hover {

    background: rgba(255, 255, 255, .9);

}

/*=================================================

		portfolio area

===================================================*/



ul.work-filter li {

    color: #666;

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    padding: 6px 10px;

    text-transform: capitalize;

    margin-right: 10px;

    font-weight: 400;

}



.btn-group .button {
  background-color: white; /* Green */
  border: none;
  color: #0075a6;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  cursor: pointer;
  webkit-transition-duration: 0.9s; /* Safari */
  transition-duration: 0.9s;
  font-weight:bold;
}

.btn-group .button:hover {
  background-color: #0075a6;
  color: white;
  }
  
.btn-group .button:visited {
  background-color: #0075a6;
  color: white;

}
.center {
  margin: auto;
  width: 50%;
}


ul.work-filter li:last-child {

    margin-right: 0px;

}

.joy {

    width: 33.33%;

    float: left;

}

ul.work-filter.text-center {

    margin-bottom: 26px;

}

.filter.mixitup-control-active {

    background: transparent;

    color: #000;

    font-weight: 500;

}

.single-item {

    cursor: pointer;

    overflow: hidden;

    position: relative;
    

}

span.project-img img {

    height: auto;

    width: 100%;

}

.project-info {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    left: 0;

    position: absolute;

    text-align: center;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

    z-index: 9;

}

.project-info h2 {

    background: #fff none repeat scroll 0 0;

    padding: 5px 15px;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    color: #000;

    font-size: 15px;

}

.project-info h2,

.project-info h3 {

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

}

.project-info h3 {

    -webkit-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    color: #fff;

    text-transform: capitalize;

    font-size: 17px;

    line-height: 30px;

}

.single-item:hover .project-info {

    background: rgba(0, 0, 0, 0.60) none repeat scroll 0 0;

}

.single-item:hover .project-info::after,

.single-item:hover .project-info::before {

    -webkit-transform: scale(1);

    transform: scale(1);

}

.single-item:hover .project-info h2,

.single-item:hover .project-info h3 {

    -webkit-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1;

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}

/*=============================================

		Start client area

==============================================*/



.client-area {

    background: #f7f7f7;

}

.single-client {

    text-align: center;

}

.client-image-area {

    height: 88px;

    margin: auto;

    overflow: hidden;

    text-align: center;

    width: 88px;

    border: 4px solid #ffff95;

}

.client-details {

    position: relative;

}

.client-details > p {

    color: #212526;

    padding: 0 61px;

}

.client-details h5 {

    color: #222;

    font-size: 14px;

    font-weight: 700;

    line-height: 27px;

    margin-bottom: 3px;

    letter-spacing: 1.5px;

    margin-top: 18px;

    text-transform: uppercase;

}

.client-details h6 {

    color: #666;

    font-size: 13px;

    font-weight: 500;

    line-height: 19px;

    letter-spacing: 1.5px;

}

/*

	owl-carousel customize

*/



.clients-says .owl-dots {

    text-align: center;
  margin-bottom: 20px;
    margin-top: 34px;

}

.clients-says .owl-dot {

    background: #000 none repeat scroll 0 0;

    display: inline-block;

    height: 9px;

    margin-right: 10px;

    margin-top: 10px;

    width: 9px;

}

.clients-says .owl-dot.active {

    background: #999;

    -webkit-transition: all .4s linear;

    -moz-transition: all .4s linear;

    -ms-transition: all .4s linear;

    -o-transition: all .4s linear;

    transition: all .4s linear;

}

/*===============================================

	google map

=================================================*/



#google-map {

    height: 400px;

}

/*==========================================

		Start contact area

=============================================*/



input.controler {

    font-size: 14px;

    margin-bottom: 12px;

    padding: 14px 15px;

    text-transform: capitalize;

    width: 100%;

    background: #f9f9f9;

}

.single > textarea {

    border: none;

    width: 100%;

    text-transform: capitalize;

    padding: 18px;

    margin-top: 11px;

    background: #f9f9f9;

}

.form-submit input[type="submit"] {

    font-size: 12px;

    text-transform: uppercase;

    padding: 10px 38px;

    background: #393939;

    margin-top: 17px;

    margin-left: 14px;

    color: #fff;

    font-weight: 700;

    letter-spacing: 1.5px;

}

.form-submit input[type="submit"]:hover {

    background: #000;

}

/*======================================

		footer area

========================================*/



footer.footer-area {

    background: #000;

    padding: 90px 0px;

}

.footer-inner-content p {

    color: #fff;

}

.footer-social-icon ul li {

    display: inline-block;

    margin-right: 0;

}

.footer-social-icon ul li:last-child {

    margin-right: 0px;

}

.footer-social-icon ul li a {

    padding: 9px;

    color: #fff;

    font-size: 25px;

}

.footer-social-icon {

    margin-top: 25px;

}

/*=================================================

		scroll to top

===================================================*/



.scrolltotop {

    background: #393939 none repeat scroll 0 0;

    bottom: 30px;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    position: fixed;

    right: 50px;

    text-align: center;

    width: 40px;

}

.scrolltotop > i {

    color: #fff;

    line-height: 37px;

    font-size: 18px;

}

/*=======================================

		blog page

=========================================*/



.mg50 {

    margin-bottom: 50px;

}

.blog-details {

    overflow: hidden;

}

.blog-banner-area {

    background: url(../images/5.jpg);

    padding: 170px 0px;

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}

.blog-header-title h1 {

    color: #000;

    text-transform: capitalize;

    text-align: center;

    font-size: 24px;

    line-height: 40px;

    font-weight: 600;

    letter-spacing: 5px;

}

/*

	blog post

*/



.blog-post-area h3 a {

    text-transform: capitalize;

    font-size: 25px;

    color: #555;

    font-weight: 600;

    line-height: 33px;

    display: inline-block;

    margin-bottom: 35px;

}

.blog-post-area {

    padding: 30px 25px;

    background: #fff;

}

.blog-post-area h3 a:hover {

    color: #393939;

}

.post-details a {

    text-transform: capitalize;

    display: inline-block;

    margin-top: 35px;

    color: #212526;

    font-weight: 600;

    font-size: 14px;

    position: relative;

}

.post-details a:after {

    content: "\f0da";

    position: absolute;

    right: -13px;

    top: 54%;

    font-family: fontawesome;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 16px;

}

.post-details a:hover {

    color: #393939;

}

/*=======================================

		Right sidebar

=======================================*/



.single-part h3 {

    color: #666;

    font-size: 19px;

    text-transform: capitalize;

    margin-bottom: 21px;

    padding-bottom: 8px;

}

.secarh-fields {

    position: relative;

}

.secarh-fields input[type="text"] {

    background-color: #fff;

    border: 1px solid #d3d3d3;

    color: #212526;

    height: 40px;

    line-height: 28.8px;

    margin: 0;

    outline: medium none;

    padding: 5px 55px 5px 15px;

    width: 100%;

}

.secarh-fields button.submit {

    background-color: #393939;

    border: 1px solid #393939;

    color: #fff;

    font-size: 13px;

    height: 40px;

    padding: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 45px;

}

.single-part ul li {

    margin-bottom: 13px;

}

.single-part ul li a {

    color: #212526;

    letter-spacing: 1.5px;

    text-transform: capitalize;

    font-size: 13px;

    line-height: 23px;

}

.blog-tags ul li a {

    display: inline-block;

    float: left;

    padding: 8px 12px;

    background: #e9e9e9;

    margin-bottom: 10px;

    margin-right: 10px;

}

/*==============================

	pagination area

===============================*/



.pagination-area {

    margin-top: 50px;

}

.pagination-area ul li a {

    display: inline-block;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    color: #666;

}

.pagination-area ul li a:hover {

    background: #393939;

    color: #fff;

}

.pagination-area ul li {

    display: inline-block;

    margin-right: 12px;

}

.pagination-area ul li.active a {

    background: #393939;

    color: #fff;

}

.pagination-area ul li:last-child {

    margin-right: 0px;

}

/*==========================================

	single blog page area

============================================*/



.mgtop50 {

    margin-top: 50px;

}

.post-meta {

    margin-top: 30px;

    margin-bottom: 20px;

}

.post-meta a {

    color: #666;

    letter-spacing: 2.5px;

    font-size: 12px;

}

.post-meta a:hover {

    color: #000;

}

.single-post-details p {

    margin-bottom: 22px;

}

.single-post-details blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17.5px;

    border-left: 0px solid transparent;

}

.single-blog-post-area h3 {

    margin-top: 16px;

    margin-bottom: 11px;

    text-transform: capitalize;

    color: #222;

    font-size: 19px;

    line-height: 21px;

}

.single-post-details blockquote p {

    color: #212526;

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

}

.special-heading-post {

    margin-bottom: 20px;

}

.special-heading-post ul li {

    line-height: 27px;

    color: #666;

    letter-spacing: 1.5px;

    font-size: 13px;

    padding-left: 15px;

    position: relative;

}

.special-heading-post ul li:before {

    content: "";

    position: absolute;

    left: 0px;

    top: 50%;

    height: 5px;

    width: 5px;

    background: #212526;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.tags a {

    background: #f7f7f7;

    position: relative;

    display: inline-block;

    padding: 1px 15px 1px 10px;

    margin: 0px 15px 10px 0;

    height: 26px;

    letter-spacing: 1px;

    line-height: 24px;

    font-size: 11px;

    color: #212526;

}

/*===================================

		comment area

===================================*/



.author-body-content {

    position: relative;

    padding: 19px 12px;

}

.comment-title h3 {

    color: #6d6d6d;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    margin-bottom: 25px;

    line-height: 28px;

    letter-spacing: 1.5px;

}

.commennts-details {

    margin-bottom: 21px;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    padding: 0px 20px;

    -webkit-flex-shrink: 0;

    -moz-flex-shrink: 0;

    -ms-flex-shrink: 0;

    -o-flex-shrink: 0;

    flex-shrink: 0;

}

.author-image {

    height: 80px;

    width: 80px;

    margin-right: 20px;

    flex-shrink: 0;

    -webkit-flex-shrink: 0;

    -moz-flex-shrink: 0;

    -ms-flex-shrink: 0;

    -o-flex-shrink: 0;

}

.author-image img {

    height: auto;

    max-width: 100%;

}

#comment-reply {

    margin-left: 90px;

    padding: 10px 10px;

}

.author-body-content h5 {

    color: #414141;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 26px;

}

.author-body-content a {

    color: #212526;

    font-weight: 500;

    text-transform: capitalize;

    display: inline-block;

    margin-top: 10px;

    padding-bottom: 5px;

    font-size: 12px;

    float: right;

    position: absolute;

    right: 0px;

    top: 0px;

}

.author-body-content a i {

    padding-right: 2px;

    font-size: 12px;

}

/*====================================

		comment form

====================================*/



.comment-form-section {

    margin-top: 40px;

    margin-bottom: 26px;

}

.comment-leave-title h4 {

    color: #6d6d6d;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    font-weight: 600;

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 25px;

}

.single-input input {

    font-size: 14px;

    text-transform: capitalize;

    color: #6e6e6e;

    padding: 10px 5px;

    border: 1px solid #dfdfdf;

    width: 100%;

    margin-bottom: 19px;

}

.single-input textarea {

    font-size: 14px;

    color: #6e6e6e;

    text-transform: capitalize;

    padding: 10px 5px;

    width: 100%;

    border: 1px solid #dfdfdf;

}

.comment-submit input[type="submit"] {

    font-size: 13px;

    text-transform: uppercase;

    padding: 11px 30px;

    background: #393939;

    margin-top: 40px;

    color: #fff;

    font-weight: 500;

    letter-spacing: 1.5px;

}

.comment-submit input[type="submit"]:hover {

    background: #000;

    color: #fff;

}

/*===============================================

		preloader css style

=================================================*/



.preloader {

    background: #000;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 99999;

}

.status-mes {

    width: 25px;

    height: 25px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -12px 0 0 -12px;

    font-size: 10px;

    text-indent: -12345px;

    border-top: 4px solid #222;

    border-right: 4px solid #222;

    border-bottom: 4px solid #222;

    border-left: 4px solid #fff;

    border-radius: 50%;

    -webkit-animation: spinner 1000ms infinite linear;

    animation: spinner 1000ms infinite linear;

    z-index: 10000;

}

@-webkit-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

.header-text .home-arrow-down {

    text-align: center;

    position: absolute;

    bottom: -210px;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.header-text .home-arrow-down .btn {

    font-size: 60px;

}

.header-text .home-arrow-down .fa {

    color: #1ca488;

    display: inline-block;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-animation-name: home-arrow-down;

    animation-name: home-arrow-down;

    animation-duration: 2s;

    -webkit-animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

@-webkit-keyframes home-arrow-down {

    from {

        -webkit-transform: translate3d( 0, 0px, 0);

        transform: translate3d( 0, 0px, 0);

        filter: alpha(opacity=0);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    10% {

        -webkit-transform: translate3d( 0, 5px, 0);

        transform: translate3d( 0, 5px, 0);

        filter: alpha(opacity=100);

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }

    to {

        -webkit-transform: translate3d( 0, 30px, 0);

        transform: translate3d( 0, 30px, 0);

        filter: alpha(opacity=0);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}

@keyframes home-arrow-down {

    from {

        -webkit-transform: translate3d( 0, 0px, 0);

        transform: translate3d( 0, 0px, 0);

        filter: alpha(opacity=0);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    10% {

        -webkit-transform: translate3d( 0, 5px, 0);

        transform: translate3d( 0, 5px, 0);

        filter: alpha(opacity=100);

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }

    to {

        -webkit-transform: translate3d( 0, 30px, 0);

        transform: translate3d( 0, 30px, 0);

        filter: alpha(opacity=0);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}