/*-------------------------------------
    Template Name: Razz responcive html5 landing template
    Template URI: http://periodicitems.com/
    Description: razz responcive html5 landing template
    Author: periodicitems
    Author URI: http://periodicitems.com/
    Version: 1.0
---------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. header area 
    3. slider area 
    4. aboutme-area
    5. interest-area
    6. services-area
    7. contractme-area
    8. team-area
    9. skill-area
    10. protfollio-area
    11. clints-testomonial
    12. news-area
    13. conteacr-area
    15. foter-area

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


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

@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat');
html,
body {
    height: 100%;
    font-size: 15px;
    color: #222222;
    font-family: 'Lato', sans-serif;
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    color: #111111;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

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

p {
    margin: 0;
    padding: 0;
}

a {
    transition: all 0.5s ease 0s;
    text-decoration: none;
	color:#3d652d!important;
}

a:hover {
    color: #517b41;
    text-decoration: none;
}

a:focus {
    outline: 0px solid;
}

a:active,
a:hover {
    outline: 0 none;
    color: #3d652d;
}

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


section .container {
    padding: 100px 0;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.overlay-black::before {
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.7);
}


/* ....................................
1.1 Reset CSS 
.......................................*/

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 28px;
}

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

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

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

::-moz-selection {
    background: #da6620;
    text-shadow: none;
    color: #ffffff;
}

::selection {
    background: #da6620;
    text-shadow: none;
    color: #ffffff;
}

.browserupgrade {
    margin: 26px 0;
    background: #da6620;
    color: #333333;
    padding: 26px 0;
}

.acurate {
    margin: 0;
    padding: 0;
}

.mobile-menu-area {
    display: none;
}

.mean-container .mean-nav {
    position: absolute;
    top: 100%;
}

.form-control::-moz-placeholder {
    color: #111111;
}

.section-title {
    text-align: center;
    max-width: 700px;
    width: 100%;
    margin: auto;
}

.section-title h2 {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 0px;
}

.section-title h2 span {
    color: #51d1d6;
}

.section-title img {
    text-align: center;
    margin-bottom: 10px;
}

.section-title p {
    color: #444444;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
}


/* scroll top */

#scrollUp {
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #da6620;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    border: 1px dashed #FFFFFF;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#scrollUp:hover {
    background: #9c420c;
}


/*sticky header*/

.sticky {
    position: fixed;
    height: 10%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}

.sticky .header-area {
    padding: 0;
    border-bottom: 0px solid #da6620;
    background: rgba(205, 218, 198, 1.0);
}


/*button*/

.btn {
    display: inline-block;
    background: #da6620;
    padding: 15px 40px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    color: #FFFFFF;
    border-radius: 0;
    font-weight: 400;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 2px solid #da6620;
}

.btn:hover {
    color: #ffffff;
    border: 2px solid #da6620;
}

.btn-danger:hover {
    background: transparent;
    border-radius: 2px;
}
.btn:focus{
    color: #fff;
    outline: none;
}
.btn {
    position: relative;
    z-index: 1;
}
.btn:before{
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #9c410a;
    transition: .5s;
    z-index: -1;
}
.btn:hover:before {
    width: 100%;
    color: #fff;
}

/* Preloader CSS */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999999;
    width: 100%;
    height: auto;
}

#status {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/1.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}


/*-------------------------
   2. header area 
   --------------------------*/

.header-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 0;
    z-index: 9;
    transition: all 0.5s ease 0s;
}

.header-area .logo-area {
    margin-top: 7px;
}

.header-area .logo-area a {
    display: block;
    font-size: 48px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.header-area .logo-area a span {
    color: #da6620;
}

.header-area .menu-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.header-area .menu-area ul li {
    display: inline-block;
}

.header-area .menu-area ul li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 400;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    letter-spacing: .5px;
}

.header-area.stick {
    position: fixed;
    background: rgba(205, 218, 198, 1.0);
    padding: 5px 0;
    z-index: 13;
}
.header-area .menu-area ul li a:hover,
.mean-container .mean-nav ul li a:hover {
    color: #da6620;
}


/*--------------------------
 3. slider area 
 ----------------------------*/

.slider-area {
    margin-bottom: -60px;
}

/*.slider-area .preview-2 .nivo-directionNav a.nivo-nextNav:hover:before {
    background: #da6620;
    color: #ffffff !important;
}*/

.slider-area .slider-1 h1 {
    font-size: 60px;
    color: #ffffff;
    line-height: 1.55;
    letter-spacing: 3px;
    margin: 0px 0 0;
    font-weight: 600;
}

.slider-area .slider-1 h1 span {
    color: #da6620;
}

.slider-area .slider-1 p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    padding: 0 29%;
}

.slider-area .slider-1 div.title2 {
    font-size: 30px;
    color: #ffffff;
    padding: 0 25%;
    font-weight: normal;
    line-height: 1.5;
}

.slider-area .slider-1 div.slider-botton {
    display: block;
    margin-top: 50px;
}

.slider-area .slider-1 div.slider-botton ul li {
    display: inline-block;
    margin-right: 10px;
}

.slider-area .slider-2 h1 {
    font-size: 48px;
    color: #da6620;
    font-weight: 600;
    text-align: left;
    margin-top: 20px;
}

.slider-area .slider-2 h1 span {
    color: #da6620;
}

.slider-area .slider-2 p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
}

.slider-area .slider-2 div.title2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.5;
}

.slider-area .slider-2 div.slider-botton {
    display: block;
    margin-top: 50px;
}

.slider-area .slider-2 div.slider-botton ul li {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.slider-area .slider-2 div.slider-botton ul li a.btn {
    background: transparent !important;
}
/*
.slider-area .slider-2 div.slider-botton ul li.acitve a.btn {
    background: #da6620 !important;
}

.slider-area .slider-2 div.slider-botton ul li a.btn:hover {
    background: #9c410a !important;
}

.slider-area .slider-2 div.slider-botton ul li.acitve a.btn:hover {
    background: #9c410a !important;
}
*/
.title3 {
    font-size: 48px;
}

.title3 {
    color: #fff;
    margin: 0;
    text-align: left;
    font-size: 24px;
}

.nivoSlider img {
    height: 500px !important;
}

.nivoSliderInt img {
    height: 400px !important;
}


.s-tb-c {
    left: 8%;
    float: left;
    text-align: left;
    position: relative;
    margin-top: 14%;
}


/*--------------------------
 4. aboutme-area
 ----------------------------*/

.about-info h4 {
    font-style: italic;
    color: #da6620;
    margin-bottom: 15px;
}

.aboutme-area .about-info h2 {
    margin-top:-25px;
	padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    color: #222;
}

.aboutme-area .about-info h3:before {
	padding:25px;
}

.aboutme-area .about-info h2:before {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #da6620;
    bottom: 0;
    left: 0;
}

.aboutme-area .about-info p {
    margin-bottom: 15px;
}


.aboutme-area .about-info ul {
    margin-top: 10px;
	margin-bottom: 10px;
    padding: 12px;
    list-style: circle;
}

.aboutme-area .about-info

.aboutme-area .about-info ul li a {
    color: #bcbbbb;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*.aboutme-area .about-info ul li a {
    border: 1px solid #bcbbbb;
    border-radius: 50%;
    color: #bcbbbb;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */

.aboutme-area .about-info ul li a:hover {
    border-color: #da6620;
    color: #da6620;
}

.aboutme-area .about-info .btn {
    padding: 15px 25px;
    font-weight: 600;
}



.aboutme-area h2 {
    margin-top:-25px;
	padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    color: #222;
}

.aboutme-area h3:before {
	padding:25px;
}

.aboutme-area h2:before {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #da6620;
    bottom: 0;
    left: 0;
}

.aboutme-area p {
    margin-bottom: 15px;
}


.aboutme-area ul {
    margin-top: 10px;
	margin-bottom: 10px;
    padding: 12px;
    list-style: disc;
}


.aboutme-area ul li a {
    color: #bcbbbb;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.aboutme-area ul li a:hover {
    border-color: #da6620;
    color: #da6620;
}

.aboutme-area .btn {
    padding: 15px 25px;
    font-weight: 600;
}


/*---------------------------
5. interest-area
-----------------------------*/

section {
    position: relative;
}

.interest-area {
    background-image: url('images/bg/1.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.interest-area .interset-text h2 {
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.interest-area .interset-text .btn {
    font-weight: 600;
}


/*---------------------------
6. services-area
-----------------------------*/


/*---------------------------
6. services-area
-----------------------------*/

.services-area .single-services {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.service-img::before {
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.single-services .service-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(1.0, 1, 0);
}

.single-services .service-img img {
    transform: scale(1.0, 1, 0);
    transition: all 0.5s ease-in-out
}

.single-services:hover .service-img img {
    transform: scale(1.2, 1.2);
}

.single-services:hover .servicr-arrow a {
    background: #da6620;
}

.single-services:hover .servicr-arrow a i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #FFFFFF;
}

.single-services .service-content {
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

.single-services .service-content .service-title {
    width: 80%;
    float: left;
}

.single-services .service-content .service-title h5 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 16px;
	color:#fff;
}

.single-services .service-content .service-title h5:hover a {
    color: #fff;
}

.single-services .service-content .service-title h5 a {
    color: #FFFFFF!important;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.single-services .service-content .service-title h6 {
    text-transform: capitalize;
    font-size: 14px;
    color: #d1d1d1;
}

.single-services .service-content .servicr-arrow {
    width: 20%;
    float: right;
}

.single-services .service-content .servicr-arrow a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #da6620;
    border-radius: 50%;
    color: #da6620;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.single-services .service-content .servicr-arrow a i {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-weight: 800;
    font-size: 18px;
}


/*---------------------------
7. contractme-area
-----------------------------*/

.contractme-area {
    overflow: hidden;
    background-image: url('images/bg/2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.contractme-area .interset-text h2 {
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.contractme-area .interset-text .btn {
    font-weight: 600;
}


/*---------------------------
8. team-area
-----------------------------*/

.team-area .single-member {
    overflow: hidden;
    position: relative;
}

.team-area .single-member:hover .team-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.team-area .single-member:hover .team-content {
    bottom: 30px;
}

.team-area .single-member:hover .team-content .overlay {
    opacity: 1;
}

.team-area .single-member .team-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.team-area .single-member .team-content {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -5%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.team-area .single-member .team-content h4:hover a {
    color: #1abc9c;
}

.team-area .single-member .team-content h4 a {
    color: #ffffff;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.team-area .single-member .team-content h6 {
    color: #da6620;
    font-size: 15px;
}

.team-area .single-member .team-content .overlay {
    opacity: 0;
}

.team-area .single-member .team-content .overlay .member-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-area .single-member .team-content .overlay .member-media ul li {
    display: inline-block;
    margin: 0 5px;
}

.team-area .single-member .team-content .overlay .member-media ul li a {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
}

.single-member .team-content .overlay .member-media ul li a:hover {
    border-color: #da6620;
    color: #da6620;
}

.margin-left {
    margin-left: 0px;
}


/* ------------------------------------
9.Skill Area Start Here 
---------------------------------------*/

.skill-area {
    background: url(images/bg/3.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.skill-area .ab-count .about-counter-list .informations {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 30px;
}

.skill-area .ab-count .about-counter-list .informations i {
    font-size: 40px;
    display: block;
    margin-bottom: 20px;
}

.skill-area .ab-count .about-counter-list .informations h1 {
    color: #fff;
}


/*---------------------------
10. protfollio-area
-----------------------------*/

.protfollio-area .work-list {
    overflow: hidden;
}

.protfollio-area .work-list .single-work {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

.protfollio-area .work-list .single-work:hover .protfollio-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.protfollio-area .work-list .single-work:hover .protfolio-info {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.protfollio-area .work-list .single-work .protfollio-img img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.protfollio-area .work-list .single-work .protfolio-info {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(233, 232, 231, 0.7);
    top: 0;
    padding: 20px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-icon a {
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    border: 1px solid #da6620;
    color: #da6620;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-size: 18px;
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-icon a:hover {
    background: #da6620;
    color: #FFFFFF;
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-content {
    position: absolute;
    top: 70%;
    text-align: center;
    width: 80%;
    margin: auto;
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-content h4 a {
    color: #222222;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-content h4 a:hover {
    color: #da6620;
}

.protfollio-area .work-list .single-work .protfolio-info .protfollio-content h5 {
    font-weight: 400;
    color: #da6620;
}


/*--------------------------
 11. clints-testomonial
 ----------------------------*/

.clints-testomonial {
    overflow: hidden;
    background: url('images/bg/5.jpg');
    background-size: cover;
    background-position: center;
}

.clints-testomonial .single-testomonial {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #888;
}

.clints-testomonial .single-testomonial .textomonial-header {
    margin-bottom: 15px;
}

.clints-testomonial .single-testomonial .textomonial-header .testominial-img {
    width: 30%;
    float: left;
    margin-right: 20px;
}

.clints-testomonial .single-testomonial .textomonial-header .testominial-img img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    line-height: 80px;
}

.clints-testomonial .single-testomonial .textomonial-header .testomonial-title {
    padding-top: 20px;
    overflow: hidden;
    width: 57%;
}

.clints-testomonial .single-testomonial .textomonial-header .testomonial-title h4 {
    text-transform: capitalize;
}

.clints-testomonial .single-testomonial .textomonial-header .testomonial-title h4 a {
    color: #FFFFFF;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.clints-testomonial .single-testomonial .textomonial-header .testomonial-title h4 a:hover {
    color: #9c420c;
}

.clints-testomonial .single-testomonial .textomonial-header .testomonial-title h5 {
    color: #da6620;
    font-weight: 400;
}

.clints-testomonial .single-testomonial .testomonial-content p {
    color: #FFFFFF;
    margin-bottom: 0;
}


/*--------------------------
12. news-area
----------------------------*/

.news-area .single-news {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin-bottom: 15px;
}

.news-area .single-news:hover {
    -webkit-box-shadow: 0 3px 50px #dddddd;
    box-shadow: 0 3px 50px #dddddd;
}

.news-area .single-news:hover .newn-info {
    background: #ffffff;
}

.news-area .single-news:hover .newn-info .meta-info a {
    color: #9c420c;
}

.news-area .single-news:hover .newn-info .meta-info a i {
    color: #9c420c;
}

.news-area .single-news:hover .newn-info .news-title h4 a {
    color: #9c420c;
}

.news-area .single-news .news-img {
    background: #666666;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.news-area .single-news .newn-info {
    padding: 30px 20px;
    background: #f7f7f7;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.news-area .single-news .newn-info .news-title h4 {
    text-transform: capitalize;
}

.news-area .single-news .newn-info .news-title h4:hover a {
    color: #da6620;
}

.news-area .single-news .newn-info .news-title h4 a {
    color: #222222;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.news-area .single-news .newn-info .meta-info {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.news-area .single-news .newn-info .meta-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-area .single-news .newn-info .meta-info ul li {
    display: inline-block;
}

.news-area .single-news .newn-info .meta-info ul li a {
    display: inline-block;
    color: #838383;
    font-size: 14px;
    font-weight: 400;
    margin-right: 30px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.news-area .single-news .newn-info .meta-info ul li a:hover {
    color: #da6620;
}

.news-area .single-news .newn-info .meta-info ul li a:hover i {
    color: #da6620;
}

.news-area .single-news .newn-info .meta-info ul li a i {
    color: #da6620;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.news-area .single-news .newn-info .news-content {
    margin-bottom: 20px;
}

.news-area .single-news .newn-info .readmore-btn .btn {
    background: transparent;
    color: #da6620;
    border: 1px solid #da6620;
}

.news-area .single-news .newn-info .readmore-btn .btn:hover {
    color: #ffffff;
    border: 1px solid #da6620;
}


/*--------------------------
 13. conteacr-area
 ----------------------------*/

.conteacr-area {
    overflow: hidden;
    background: url('images/bg/4.jpg') no-repeat #666666;
    background-size: cover;
    background-position: center;
}

.conteacr-area .section-title h2 {
    color: #ffffff;
}

.conteacr-area .section-title p {
    color: #ffffff;
}

.conteacr-area .contract-form form input {
    width: 100%;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid #888;
    margin-bottom: 30px;
    font-size: 16px;
    color: #dddddd;
    font-weight: 400;
}

.conteacr-area .contract-form form input:focus {
    outline: none;
}

.conteacr-area .contract-form form textarea {
    width: 100%;
    height: 204px;
    padding: 20px;
    background: transparent;
    border: 1px solid #888;
    font-size: 16px;
    color: #dddddd;
    font-weight: 400;
    resize: none;
}

.conteacr-area .contract-form form textarea:focus {
    outline: none;
}

.conteacr-area .contract-form form .submit-btn {
    margin-top: 40px;
    text-align: center;
}

.conteacr-area .contract-form form .submit-btn button {
    font-size: 16px;
    color: #ffffff;
    background: #da6620;
    border: none;
    padding: 10px 50px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.conteacr-area .contract-form form .submit-btn button:hover {
    background: #9c420c;
}

.padding {
    padding: 0 20px;
}


/*--------------------------
 15. foter-area
 ----------------------------*/

.foter-area {
    border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	padding: 30px 0;
    background: rgba(205, 218, 198, 1.0);
}

.foter-area .copy-right h5 {
    font-size: 16px;
    color: #bdbdbd;
    font-weight: 500;
    margin: 10px 0;
}

.foter-area .copy-right h5 a {
    color: #da6620;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.foter-area .copy-right h5 a:hover {
    color: #2ecc71;
}

.foter-area .foter-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.foter-area .foter-social ul li {
    display: inline-block;
    margin: 0 5px;
}

.foter-area .foter-social ul li a {
    border: 1px solid #fff;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.foter-area .foter-social ul li a:hover {
    background: #da6620;
    border-color: #da6620;
}


/*progress css*/

.progress-bar1 {
    position: relative;
    height: 100px;
    width: 100px;
    display: inline-block;
}

.progress-bar1 div {
    position: absolute;
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.progress-bar1 div span {
    position: absolute;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    width: 55px;
    left: 7.5px;
    top: 7.5px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
}

.progress-bar1 .background {
    background-color: #b3cef6;
}

.progress-bar1 .rotate {
    clip: rect(0 50px 100px 0);
    background-color: #4b86db;
}

.progress-bar1 .left {
    clip: rect(0 50px 100px 0);
    opacity: 1;
    background-color: #b3cef6;
}

.progress-bar1 .right {
    clip: rect(0 50px 100px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
}

@keyframes toggle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*ckg add misc*/
h3.titleA {
	color:#fff!important;
}
h1.titleB {
	color:#fff!important;
}
.purchbox {
	border-width:1px;
	border-color:#000;
	border-style:solid;
	padding:4px;
	background: rgba(205, 218, 198, 1.0);
	font-size:85%;
}
.purchbox:hover {
	background:rgba(81, 123, 65, 1.0);
	color:#fff;
}
.purchboxC {
	border-width:1px;
	border-color:#000;
	border-style:solid;
	padding:6px;
	background: rgba(179, 199, 168, 1.0);
	font-size:100%;
}
.purchboxC:hover {
	background:rgba(81, 123, 65, 1.0);
	color:#fff;
}
.vid {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.vid iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.aud {
	font-size:24px!important;
	text-transform:uppercase!important;
	border-style:solid!important;
	border-width:1px!important;
	border-color:rgba(81,123,65,1.0)!important;
	padding:10px!important;
}
.aud:hover {
	background: rgba(205, 218, 198, 1.0);
}
.abreak {
	height:10px;
}