* {
    margin: 0px;
    padding: 0px;
}


/* Base CSS */

html,
body {
    height: 100%;
}

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

a:focus {
    outline: medium none;
    text-decoration: none;
}

h1 {
    margin: 0 0 15px;
    font-weight: 700;
    color: #222;
}

h2 {
    margin: 0 0 15px;
    font-weight: 500;
    color: #222;
}

h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 500;
    color: #222;
}

p {
    font-weight: 300;
    color: #666;
    font-size: 15px;
    line-height: 30px;
}

img {
    max-width: 100%;
}

button {
    font-weight: 700;
    transition: .4s;
}

body {
    font-family: 'Poppins', sans-serif;
}

a {
    display: inline-block;
}

a:focus,
a:hover {
    color: #ff8202;
    text-decoration: none;
}

input {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    outline: none;
}

textarea {
    outline: none;
}

.icofont {
    color: #222;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


/*
============================================================================
			Window Preloader Area Starts
============================================================================
*/


/*
============================================================================
			Window Preloader Area Ends
============================================================================
*/


/*
============================================================================
			Hero Area-top Start
============================================================================
*/

.hero-area-top {
    background: #222222 none repeat scroll 0 0;
}

.hero-top-left {
    display: inline-block;
}

.message-content {
    display: inline-block;
    margin-right: 25px;
}

.hero-top-content-text a {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    line-height: 44px;
}

.hero-top-right {
    text-align: right;
}

.hero-top-content-text a i {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-right: 12px;
}

.phone-content.hero-top-content-text {
    display: inline-block;
}

.hero-top-content-text a {
    color: #ffffff;
    display: inline-block;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 44px;
    text-align: left;
}


/*
============================================================================
			Hero Area-top End
============================================================================
*/


/*
============================================================================
			Hero Area Start
============================================================================
*/

.hero-area {
    /* background: rgba(0, 0, 0, 0) url("images/hero-bg.png") no-repeat scroll center center; */
    height: 780px;
    position: relative;
}

.hero-area::before {
    /* background: #ff8202 none repeat scroll 0 0; */
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.hero-area .carousel-fade,
.hero-area .carousel-inner,
.hero-area .carousel-inner .item,
.hero-area-bg {
    height: 780px;
}

.hero-area-content {
    position: relative;
    top: -30px;
}

.hero-area-table {
    display: table;
    height: 768px;
    position: absolute;
    top: -30px;
    width: 100%;
}

.hero-area-tablecell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.header-area {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.header-area .col-md-1.col-sm-2 {
    padding: 0;
}

.collapse.navbar-collapse {
    float: left;
    width: 100%;
    padding-right: 0;
}

.collapse.navbar-collapse {
    float: left;
    overflow: hidden;
    padding-right: 0;
    position: relative;
    width: 100%;
}

.nav.navbar-nav {
    width: 100%;
    text-align: center;
}

.hero-area-menu #nav>li {
    float: none;
    display: inline-block;
}

.hero-area-menu ul.nav.navbar-nav li a {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    padding: 35px 15px;
    transition: all 0.3s ease 0s;
}

.sub-menu>a {
    display: inline-block;
}

.hero-area-menu ul.nav.navbar-nav li.sub-menu a:hover {
    color: #ff8202;
}

.hero-area-menu ul.nav.navbar-nav li a:hover {
    color: #ff8202;
}

.hero-area-menu .nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
    text-decoration: none;
}

.logo-area>a {
    color: #222222;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    padding-top: -20px;
    width: 170%;
}

.get-quote-btn {
    background: #ff8202 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-weight: 500;
    height: 46px;
    line-height: 46px;
    position: relative;
    text-align: center;
    top: 23px;
    transition: all 0.4s ease 0s;
    width: 180px;
}

.get-quote-btn:hover {
    color: #ffffff;
}

.get-quote-btn:hover {
    background: #222 none repeat scroll 0 0;
    color: #ffffff;
}

.get-quote-btn:focus {
    color: #ffffff;
}


/*
=====================================================================
Dropdown Menu Starts
=====================================================================
*/

.dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.357);
    left: 0;
    opacity: 0;
    padding: 0;
    transition: all 0.6s ease 0s;
    visibility: hidden;
}

.hero-area-menu .nav.navbar-nav li:hover ul.dropdown-menu {
    left: 0;
    opacity: 1;
    top: 89px;
    transition: all 0.6s ease 0s;
    visibility: visible;
}

.dropdown-menu>li {
    padding: 1px 0;
    transition: all 0.6s ease -1s;
    width: 200px;
}

.header-area-content .nav.navbar-nav ul.dropdown-menu li a {
    display: inline-block;
    padding: 25px 12px;
    width: 100%;
    color: #333;
    font-weight: 700;
}

.hero-area-menu .navbar-nav li:hover ul.dropdown-menu li a {
    color: #333;
    padding: 13px 12px;
}


/*
=====================================================================
Dropdown Menu Ends
=====================================================================
*/

.hero-area-content h1 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 500;
    line-height: 62px;
    text-align: left;
    text-transform: unset;
}

.hero-area-content p {
    color: #ffffff;
    line-height: 30px;
    margin: 0;
    padding-bottom: 30px;
}

.contact-btn {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #ff8202;
    display: inline-block;
    font-family: poppins;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 180px;
}

.contact-btn:hover {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: all 0.4s ease 0s;
}


/* Hero area slider images Start */

.hero-area .carousel-inner {
    height: 100%;
}

.hero-area .carousel {
    height: 100%;
}

.slide-img {
    position: absolute;
    right: 12%;
    top: 50%;
}

.slide-img.slide-img1 {
    animation: 900ms linear 900ms normal both 1 running fadeInDownBig;
    right: 35%;
    top: 10%;
}

.slide-img.slide-img2 {
    animation: 1100ms linear 1100ms normal both 1 running fadeInRightBig;
    right: 35%;
    top: 64%;
}

.slide-img.slide-img3 {
    animation: 1300ms linear 1300ms normal both 1 running fadeInDown;
    right: 23%;
    top: -8%;
}

.slide-img.slide-img4 {
    animation: 1500ms linear 1500ms normal both 1 running fadeInDownBig;
    right: 15%;
    top: -20%;
}

.slide-img.slide-img5 {
    animation: 1700ms linear 1700ms normal both 1 running fadeInUpBig;
    right: 8%;
    top: 5%;
}

.slide-img.slide-img6 {
    animation: 1900ms linear 1900ms normal both 1 running fadeInDownBig;
    right: 12%;
    top: 50%;
}

.slide-img.slide-img7 {
    animation: 2000ms linear 2000ms normal both 1 running fadeInUpBig;
    bottom: -50px;
    right: 37%;
    top: auto;
}

.slide-img.slide-img8 {
    animation: 2100ms linear 2100ms normal both 1 running fadeInLeftBig;
    bottom: -40px;
    right: 22%;
    top: auto;
}

.slide-img.slide-img9 {
    animation: 2200ms linear 2200ms normal both 1 running fadeInRightBig;
    right: 3%;
}

.slide-img.slide-img10 {
    animation: 2300ms linear 2300ms normal both 1 running fadeInUpBig;
    bottom: -35%;
    right: -1%;
    top: auto;
}

.slide-img.slide-img11 {
    animation: 2400ms linear 2400ms normal both 1 running fadeInRightBig;
    right: 3%;
    top: 16%;
}

.slide-img.slide-img12 {
    animation: 2500ms linear 2500ms normal both 1 running fadeInDownBig;
    right: -6%;
    top: 29%;
}

.slide-img.slide-img13 {
    animation: 2500ms linear 2500ms normal both 1 running fadeInDownBig;
    right: 38%;
    top: 23%;
}

.slide-img.slide-img14 {
    animation: 2500ms linear 2500ms normal both 1 running fadeInDownBig;
    right: 48%;
    top: 33%;
}

.slide-img.slide-img15 {
    animation: 1400ms linear 1400ms normal both 1 running fadeInRightBig;
    right: 0;
    top: 10%;
}

.slide-img.slide-img16 {
    animation: 900ms linear 900ms normal both 1 running fadeInDownBig;
    right: 22%;
    top: 10%;
}

.slide-img.slide-img17 {
    animation: 1100ms linear 1100ms normal both 1 running fadeInRightBig;
    right: 19%;
    top: 49%;
}

.slide-img.slide-img18 {
    animation: 1300ms linear 1300ms normal both 1 running fadeInDown;
    right: 10%;
    top: 19%;
}

.slide-img.slide-img19 {
    animation: 1500ms linear 1500ms normal both 1 running fadeInDownBig;
    right: 8%;
    top: 20%;
}

.slide-img.slide-img20 {
    animation: 1700ms linear 1700ms normal both 1 running fadeInUpBig;
    right: 6%;
    top: 20%;
}

.slide-img.slide-img21 {
    animation: 1900ms linear 1900ms normal both 1 running fadeInDownBig;
    right: 11%;
    top: 66%;
}

.slide-img.slide-img22 {
    animation: 2000ms linear 2000ms normal both 1 running fadeInUpBig;
    bottom: 18px;
    right: -4%;
    top: auto;
}

.slide-img.slide-img23 {
    animation: 2100ms linear 2100ms normal both 1 running fadeInUpBig;
    bottom: auto;
    right: -3%;
    top: 20%;
}

.slide-img.slide-img24 {
    animation: 2100ms linear 2100ms normal both 1 running fadeInDownBig;
    bottom: auto;
    right: -3%;
    top: 42%;
}


/* Hero area slider images End */


/* Hero area Banner Control Start */

.banner-control {
    background: #ffffff none repeat scroll 0 0;
    color: #222222;
    display: inline-block;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 36px;
}

.banner-control i {
    color: #222;
}

.left.banner-control {
    left: 0;
}

.right.banner-control {
    right: 0;
}

.hero-area .carousel-indicators {
    bottom: 20px;
}

.banner-control i:hover {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.banner-control i:focus {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}


/* Hero area Banner Control End */


/* ================================================================
					 Hero-area-text Amimation START
===================================================================*/

.hero-area h1 {
    -webkit-animation: fadeInRigh 800ms linear 800ms both;
    animation: fadeInRight 800ms linear 800ms both;
}

.hero-area-tablecell p {
    -webkit-animation: fadeInDown 900ms linear 900ms both;
    animation: fadeInDown 900ms linear 900ms both;
}

.contact-btn {
    -webkit-animation: fadeInLeftBig 1100ms linear 1100ms both;
    animation: fadeInLeftBig 1100ms linear 1100ms both;
}


/* ================================================================
					 Hero-area-text Amimation End
===================================================================*/


/*
============================================================================
			Hero Area End
============================================================================
*/


/*
============================================================================
			service Area Start
============================================================================
*/


/* Section Heading Start */

.section-heading {
    padding-bottom: 40px;
    text-align: center;
}

.section-heading h2 {
    color: #222222;
    font-weight: 500;
}

.section-heading>p {
    color: #6c6c6c;
    font-weight: 300;
}


/* Section Heading End */

.service-area {
    padding: 80px 0 40px;
    position: relative;
    text-align: center;
}

.service-single-content {
    padding: 23px;
}

.single-service-icon {
    display: inline-block;
    height: 43px;
    margin-bottom: 30px;
}

.service-single-content h3 {
    color: #222222;
    font-weight: 500;
    padding-bottom: 5px;
}

.service-single-content>p {
    font-weight: 300;
    line-height: 27px;
}


/*
============================================================================
			service Area End
============================================================================
*/


/*
============================================================================
			website Area Start
============================================================================
*/

.website-area {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    padding: 80px 0;
    position: relative;
    text-align: center;
    z-index: 1;
}

.website-area::before {
    background: #111111 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.88;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.website-area .section-heading h2 {
    color: #ffffff;
    margin-bottom: 5px;
}

.website-area .section-heading>p {
    color: #b7b7b7;
}

.website-link input {
    background: #222222 none repeat scroll 0 0;
    border: 10px solid #434343;
    color: #666666;
    font-family: poppins;
    font-size: 15px;
    font-weight: 500;
    height: 70px;
    padding-left: 30px;
    position: relative;
    width: 80%;
}

.submit-btn {
    background: #ff8202 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-weight: 300;
    height: 52px;
    position: absolute;
    font-family: 'Poppins', sans-serif;
    right: 118px;
    top: 9px;
    width: 180px;
    transition: all 0.4s ease 0s;
}

.submit-btn:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #ff8202;
    transition: all 0.4s ease 0s;
}


/*
============================================================================
			website Area End
============================================================================
*/


/*
============================================================================
			team Area End
============================================================================
*/

.team-area {
    padding: 80px 0;
}

.team-area-single-content {
    text-align: center;
}

.team-member-img {
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease 0s;
}

.team-member-social-icon {
    background: #ff8202 none repeat scroll 0 0;
    bottom: -60px;
    left: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.team-member-social-icon li {
    display: inline-block;
}

.team-member-social-icon a {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 30px;
}

.team-member-social-icon li:last-child a {
    margin-right: 0;
}

.team-member-img:hover .team-member-social-icon {
    bottom: 0;
}

.team-member-social-icon a i {
    color: #ffffff;
}

.team-member-social-icon a:hover {
    background: #ffffff none repeat scroll 0 0;
    transition: all 0.4s ease 0s;
}

.team-member-social-icon a:hover i {
    color: #333333;
    transition: all 0.4s ease 0s;
}

.team-area-single-content h4 {
    font-weight: 500;
    margin: 0;
    padding: 19px 15px 3px;
}

.team-area-single-content>p {
    color: #777777;
    font-size: 15px;
    margin: 0;
}


/*
============================================================================
			Team Area End
============================================================================
*/


/*
============================================================================
			Start Area Srart
============================================================================
*/

.start-area {
    padding: 45px 0 42px;
    position: relative;
    z-index: 1;
}

.start-area::before {
    background: #ff8202 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
}

.start-area-left>h2 {
    color: #ffffff;
    font-size: 29px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 10px;
}

.start-area-left>p {
    color: #ffffff;
    margin: 0;
}

.start-area-right {
    text-align: right;
}

.start-btn {
    background: #ffffff none repeat scroll 0 0;
    color: #ff8202;
    display: inline-block;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-align: center;
    top: 10px;
    transition: all 0.4s ease 0s;
    width: 180px;
}

.start-btn:hover {
    background: #222 none repeat scroll 0 0;
    color: #fff;
    transition: all 0.4s ease 0s;
}


/*
============================================================================
			Start Area End
============================================================================
*/


/*
============================================================================
			price Area Start
============================================================================
*/

.price-area {
    padding: 80px 0;
    text-align: center;
}

.price-area-single-content {
    border: 1px solid #a1a1a1;
    padding: 43px 30px;
    transition: all 0.4s ease 0s;
}

.price-area .col-md-4:nth-child(3) .price-area-single-content {
    border: 1px solid #ff8202;
}

.price-area-single-content:hover {
    border: 1px solid #ff8202;
    transition: all 0.4s ease 0s;
}

.single-price-top {
    position: relative;
}

.single-price-top::after {
    background: #a1a1a1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 10%;
    opacity: 0.4;
    position: absolute;
    width: 80%;
}

.single-price-top>h1 {
    color: #ff8202;
    display: inline-block;
    font-size: 42px;
    font-weight: 600;
    padding-bottom: 5px;
    position: relative;
}

.single-price-top>h1 span {
    font-size: 18px;
    font-weight: 500;
    left: -11px;
    position: absolute;
}

.single-price-top>h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 25px;
}

.single-price-bottom {
    padding-top: 30px;
}

.single-price-bottom>p {
    color: #666666;
    padding-bottom: 20px;
}

.price-btn {
    background: #ff8202 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    transition: all 0.4s ease 0s;
    width: 180px;
}

.price-area-single-content:hover .price-btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ff8202;
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.price-btn:hover {
    color: #ffffff;
    transition: all 0.4s ease 0s;
}


/*
============================================================================
			price Area End
============================================================================
*/


/*
============================================================================
			price Area End
============================================================================
*/

.case-study-area {
    background: rgba(0, 0, 0, 0) url("images/case-study-bg.html") no-repeat scroll center top / cover;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.case-study-area::before {
    background: #222222 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.97;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.case-study-area .section-heading>h2 {
    color: #ffffff;
}

.case-study-area .section-heading>p {
    color: #a8a8a8;
}

.case-study-img {
    position: relative;
}

.case-study-img:hover {
    transition: all 0.4s ease 0s;
}

.case-study-img>img {
    width: 100%;
}

.image-hover {
    background: rgba(0, 0, 0, 0.94) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all 0.4s ease 0s;
    width: 100%;
}


/*
.image-hover > img {
    position: relative;
    top: 43%;
}
*/

.case-study-img:hover .image-hover {
    border: 3px solid;
    transform: scale(1);
    transition: all 0.4s ease 0s;
}

.case-study-single-content {
    transition: all 0.6s ease 0s;
}

.case-study-img a {
    cursor: url("images/hover-icon.html"), auto;
    transition: all 0.4s ease 0s;
}

a.case-study-link {
    color: #ffffff;
    cursor: url("images/hover-icon.html"), auto;
    padding-bottom: 0;
    width: 100%;
}

.case-study-details {
    padding-top: 30px;
    transition: all 0.4s ease 0s;
}

.case-study-details>a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    transition: all 0.4s ease 0s;
}

.case-study-details:hover a {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.case-study-single-content a:hover {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.case-study-single-content p {
    color: #a9a9a9;
    font-size: 15px;
    line-height: 27px;
}


/*
============================================================================
			price Area End
============================================================================
*/


/*
============================================================================
			News Area Start
============================================================================
*/

.news-area {
    padding: 80px 0;
}

.service-client-area .section-heading>h2 {
    font-size: 30px;
}

.news-single-content {
    overflow: hidden;
}

.news-single-image {
    overflow: hidden;
    position: relative;
}

.news-single-image>a {
    background: #ff8202 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    height: 65px;
    left: 16px;
    line-height: 24px;
    padding: 10px 12px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 60px;
}

.news-single-image>a::after {
    background: #90d5b0 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    top: 52%;
    width: 30px;
}

.news-single-image>a::before {
    background: #ff8202 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 15px;
    left: 22px;
    position: absolute;
    top: -6px;
    width: 15px;
}

.news-post-details {
    background: #ff8202 none repeat scroll 0 0;
    bottom: -54px;
    left: 0;
    overflow: hidden;
    padding: 12px 12px 8px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.news-post-details p {
    color: #ffffff;
    display: inline-block;
    float: left;
    margin: 0;
    width: 65%;
}

.news-post-details a {
    color: #fff;
    font-size: 14px;
    position: relative;
    top: 1px;
    transition: all 0.4s ease 0s;
}

.news-post-details:hover a {
    color: #666;
    transition: all 0.4s ease 0s;
}

.news-post-details-icons {
    float: right;
    line-height: 27px;
    text-align: right;
    width: 35%;
}

.news-post-details-icons a {
    color: #ffffff;
    display: inline-block;
    margin-left: 32px;
}

.service-details-bottom>p {
    text-align: justify;
}

.video-area-details>p {
    text-align: justify;
}

.news-coment::before {
    content: "î¿€";
    display: inline-block;
    font-family: icofont;
    font-size: 14px;
    height: 30px;
    left: -19px;
    position: absolute;
    top: 0;
}

.news-coment {
    font-size: 14px;
    position: relative;
}

.news-love {
    position: relative;
}

.news-love::before {
    content: "î³½";
    display: inline-block;
    font-family: icofont;
    font-size: 14px;
    left: -19px;
    position: absolute;
    top: 0;
}

.news-single-content:hover .news-post-details {
    bottom: 0;
}

.news-single-details {
    padding: 30px 25px 0 0;
}

.news-single-details>h3 {
    font-size: 20px;
    margin-bottom: 12px;
}

.news-single-details>p {
    line-height: 27px;
}

.read-more-btn {
    color: #222222;
    font-weight: 500;
    transition: all 0.4s ease 0s;
}

.read-more-btn i {
    color: #222222;
    display: inline-block;
    font-size: 20px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    transition: all 0.4s ease 0s;
}

.news-single-content:hover .read-more-btn {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.news-single-content:hover .read-more-btn i {
    color: #ff8202;
    margin-left: 10px;
    transition: all 0.4s ease 0s;
}


/*
============================================================================
			News Area End
============================================================================
*/


/*
============================================================================
			News Area End
============================================================================
*/

.footer-area {
    background: #222222 none repeat scroll 0 0;
}

.footer-widget {
    border-bottom: 1px solid #404040;
    padding: 80px 0 65px;
}

.single-widget>p {
    color: #bdbdbd;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding-top: -10px;
}

.single-widget>h4 {
    color: #bdbdbd;
    margin-bottom: 38px;
}

.single-widget a {
    color: #bdbdbd;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
}

.single-widget a:hover {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.footer-widget-input {
    overflow: hidden;
    position: relative;
}

.footer-widget-input>input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #4a4949;
    color: #4a4949;
    font-size: 14px;
    height: 43px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}

.footer-wifget-submit-btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    font-size: 31px;
    height: 43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -12px;
    top: 0;
    width: 100px;
    z-index: 1;
}

.footer-wifget-submit-btn i {
    color: #fff;
    display: inline-block;
    margin-left: 24px;
}

.footer-wifget-submit-btn::before {
    background: #ff8202 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skew(-25deg);
    width: 70px;
    z-index: -1;
}

.footer-widget-icons {
    padding-top: 23px;
}

.footer-widget-icons li {
    display: inline-block;
}

.footer-widget-icons a {
    border: 1px solid #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 9px 0 0;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}

.footer-widget-icons a:hover {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ff8202;
    color: #222222;
    transition: all 0.4s ease 0s;
}

.footer-widget-icons a:hover i {
    color: #fff;
    transition: all 0.4s ease 0s;
}

.footer-widget-icons a i {
    color: #fff;
}

.footer-content>p {
    color: #ffffff;
    line-height: 80px;
    margin: 0;
    text-align: center;
}

.footer-content a {
    color: #ffffff;
    transition: all 0.4s ease 0s;
}

.footer-content:hover a {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}


/*
============================================================================
			Home Page End
============================================================================
*/


/*
============================================================================
			About Page End
============================================================================
*/


/* About Page welcome area Start */

.welcome-control {
    background: #ff8202 none repeat scroll 0 0;
    border: 5px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    left: -20px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 35px;
}

.right.welcome-control {
    left: auto;
    right: -20px;
}

.welcome-control .icofont {
    color: #ffffff;
}

.welcome-area-image-slider>img {
    width: 100%;
}

.welcome-area-text {
    padding-left: 30px;
}

.welcome-area-text {
    padding-left: 30px;
}

.welcome-area {
    padding: 85px 0 0;
    overflow: hidden;
}

.welcome-area-text>p {
    margin-bottom: 18px;
    text-align: justify;
}


/*
============================================================================
			About Page End
============================================================================
*/


/*
============================================================================
			service Page Start
============================================================================
*/

.service-hero-area {
    background: rgba(0, 0, 0, 0) url("../images/page-cover.jpg") repeat scroll center center / cover;
    padding: 75px 0 70px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.service-hero-area::before {
    background: #222 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.88;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.service-hero-content h1 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 5px;
}

.service-hero-content>p {
    color: #e2e2e2;
    font-weight: 500;
    margin: 0;
}

.service-hero-content>p span {
    color: #ff8202;
}


/*
============================================================================
			service Page End
============================================================================
*/


/*
============================================================================
			service-details Page Start
============================================================================
*/


/* service-details Area Start */

.service-details-area {
    padding: 80px 0;
}

.service-details-top-text {
    padding-right: 35px;
    text-align: justify;
}

.service-details-top-text>p {
    margin-bottom: 40px;
    margin-top: 15px;
}

.service-details-top-text p:last-child {
    margin: 0;
}


/* service-details Area End */


/* service-details-bottom End */

.service-details-bottom {
    padding: 60px 0;
}


/* service-details-bottom End */


/* service-details-video Area Start */

.service-video-example {
    padding-right: 60px;
    position: relative;
    z-index: 1;
}

.service-video-example::before {
    background: #222 none repeat scroll 0 0;
    content: "";
    height: 98%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 87%;
    z-index: 3;
}

.playing.service-video-example::before {
    visibility: hidden;
}

.service-video-example video {
    position: relative;
}

.service-video-play a {
    color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
}

.service-video-play img {
    width: 87%;
    z-index: -3;
}

.service-video-play a.link-video-icon {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #ff8202;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    left: 40%;
    line-height: 40px;
    position: absolute;
    top: 43%;
    width: 40px;
    z-index: 3;
}

.link-video-icon i {
    left: 3px;
    position: relative;
}

.service-video-play a.link-pause {
    color: #ff8202;
    display: inline-block;
    font-size: 40px;
    height: 40px;
    left: 15px;
    position: absolute;
    width: 40px;
    z-index: 2;
    bottom: 19px;
    top: auto;
}

.link-pause {
    cursor: pointer;
    font-size: 40px;
}

.link-pause i {
    left: -3px;
    position: relative;
}

.service-video-example::before {
    height: 96%;
}

.link-video {
    bottom: 24px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima_nova_rgregular";
    left: 50px;
    position: absolute;
}

.playing .service-video-play>a {
    visibility: hidden;
}

.link-video-icon {
    bottom: 17px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    left: 15px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 35px;
}

.link-pause {
    visibility: hidden;
}

.playing .service-video-play>a.link-pause {
    visibility: visible;
}

.service-video-example:hover .link-video-icon {
    color: #222;
}

.service-video-example:hover .link-video {
    color: #ebbf2c;
}


/* service-details-video End */


/* service-details-video End */


/* service-details Client-Area Start */

.service-client-area {
    padding-bottom: 85px;
}

.client-details-top {
    background: #ff8202 none repeat scroll 0 0;
    padding: 10px 20px 20px;
}

.client-img>img {
    width: 100%;
    padding-top: 10px;
}

.client-info {
    padding-top: 25px;
}

.client-info>p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
    text-align: justify;
}

.client-info>h4 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
}

.client-info h5 {
    color: #fff;
    margin: 0;
}

.client-content-time {
    display: inline-block;
}

.client-content-time>p {
    background: #ff8202 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 15px 0 0;
    padding: 3px 5px;
    text-align: center;
    width: 72px;
}


/* Client carousel controls Start */

.client-control {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ff8202;
    bottom: 0;
    color: #222222;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}

.client-control:hover i {
    color: #ff8202;
}

.client-control:focus i {
    color: #ff8202;
}

.left.client-control {
    right: 35px;
}


/* Client carousel controls end */


/*
============================================================================
			service-details Page End
============================================================================
*/


/*
============================================================================
			About Page End
============================================================================
*/


/* About Page welcome area Start */

.welcome-control {
    background: #ff8202 none repeat scroll 0 0;
    border: 5px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    left: -20px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 35px;
}

.right.welcome-control {
    left: auto;
    right: -20px;
}

.welcome-control .icofont {
    color: #ffffff;
}

.welcome-area-image-slider>img {
    width: 100%;
}

.welcome-area-text {
    padding-left: 30px;
}

.welcome-area-text {
    padding-left: 30px;
}

.welcome-area {
    padding: 85px 0 0;
    overflow: hidden;
}

.welcome-area-text>p {
    margin-bottom: 18px;
    text-align: justify;
}


/*
============================================================================
			About Page End
============================================================================
*/


/*
============================================================================
			Case-Study Page Start
============================================================================
*/

.case-study-page-tab-menu {
    display: block;
    text-align: center;
    width: 100%;
}

.case-study-page-tab-menu .nav.nav-tabs {
    border: medium none;
    padding-bottom: 60px;
}

.case-study-page-tab-menu .nav-tabs>li {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    margin-right: 18px;
}

.case-study-page-tab-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ff8202;
    border-radius: 0;
    color: #ffffff;
}

.case-study-page-tab-menu .nav-tabs>li>a:hover {
    border: 1px solid #ff8202;
    border-radius: 0;
}

.case-study-page-tab-menu .nav-tabs>li>a {
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #ffffff;
}

.case-study-page-tab-menu .hero-area-menu .nav>li>a:focus,
.nav>li>a:hover {
    color: #ff8202;
}


/* Case-Study-page Carousel Control For Tab Start */


/* Case-Study-page case-study-area Start */

.case-study-area.case-study-page::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.case-study-area.case-study-page {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.case-study-page a.case-study-link {
    border: 1px solid #e8e7e7;
}

.case-study-page .case-study-single-content {
    margin-bottom: 80px;
}

.case-study-page .case-study-details>a {
    color: #222222;
}

.case-study-single-content:hover .case-study-details>a {
    color: #ff8202;
}

.case-study-page .case-study-details>p {
    color: #666666;
}


/* Case-Study-page case-study-area End */


/* Case Study Tab Area Navigation Control Start */


/* Case-Study-page Carousel Control For Tab End */


/*
============================================================================
			Case-Study Page Start End
============================================================================
*/


/*
============================================================================
			Case Details Page Start
============================================================================
*/

.overview-area {
    padding: 40px 0;
}

.overview-area .col-sm-6 {
    padding: 0 25px;
}

.overview-text>h2 {
    padding-bottom: 7px;
}

.overview-text>p {
    padding-bottom: 55px;
    text-align: justify;
}

.overview-single-img img {
    margin-bottom: 33px;
    width: 100%;
}

.overview-details li span {
    color: #000000;
    display: inline-block;
    font-weight: 500;
    width: 102px;
}

.overview-details li {
    color: #666666;
    font-size: 15px;
    font-weight: 500;
    line-height: 35px;
}

.case-result {
    padding-top: 10px;
}

.case-result p {
    padding-bottom: 55px;
    text-align: justify;
}

.related-case a.case-study-link {
    border: 1px solid #ededed;
}

.related-case .case-study-details>a {
    color: #222222;
}

.related-case .case-study-details>a:hover {
    color: #ff8202;
}

.related-case .case-study-details>p {
    color: #666666;
}


/*
============================================================================
			Case Details  Page End
============================================================================
*/


/*
============================================================================
			Team-Member Page Start
============================================================================
*/

.team-member-area {
    padding: 80px 0 20px;
}

.team-member-area .team-area-single-content {
    margin-bottom: 60px;
}


/*
============================================================================
			Team-Member  Page End
============================================================================
*/


/*
============================================================================
			Contact Page Start
============================================================================
*/

.contact-area {
    position: relative;
}

.contact-info {
    text-align: center;
}

.contact-form-area {
    padding: 10px 0 80px;
}

.input-area-left input {
    border: 1px solid #bab9b9;
    color: #4a4a4a;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 15px;
    width: 100%;
}

.input-area-right textarea {
    border: 1px solid #bab9b9;
    color: #4a4a4a;
    font-family: poppins;
    font-weight: 300;
    height: 358px;
    padding-left: 15px;
    padding-top: 15px;
    resize: none;
    width: 100%;
}

.contact-submit-btn {
    padding-top: 30px;
    text-align: center;
}

.contact-submit-btn>input {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ff8202;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    height: 48px;
    text-align: center;
    width: 180px;
    transition: all 0.4s ease 0s;
}

.contact-submit-btn input:hover {
    background: #222 none repeat scroll 0 0;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.form-messages.success {
    color: #ff0000;
}


/* Contact Info contact Number Area Start */

.contact-info .container {
    padding: 0 80px;
}

.contact-info .col-sm-4 .contact-info-single-content {
    background: #40c37f none repeat scroll 0 0;
}

.contact-info .col-sm-4 {
    padding: 0;
}

.contact-info .col-sm-4:first-child {
    padding-left: 15px;
}

.contact-info .col-sm-4:last-child {
    padding-right: 15px;
}

.input-area .container {
    position: relative;
}

.contact-info {
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
}

.contact-info .col-sm-4:nth-child(2) .contact-info-single-content {
    background: #33ac6b none repeat scroll 0 0;
}

.contact-info-single-content {
    padding: 45px 60px;
}

.contact-icon {
    border: 1px solid #ffffff;
    display: inline-block;
    font-size: 30px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 45px;
}

.contact-icon i {
    color: #ffffff;
}

.contact-icon::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -30px;
    position: absolute;
    top: 50%;
    width: 30px;
}

.contact-icon::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -30px;
    top: 50%;
    width: 30px;
}

.contact-info-single-content>p {
    color: #ffffff;
    margin-bottom: 3px;
}


/* Contact Info contact Number Area End */


/*
============================================================================
			Contact  Page End
============================================================================
*/


/*
============================================================================
			Blog Page Start
============================================================================
*/

.blog-area {
    padding: 80px 0;
}


/* Blog area left Start */

.blog-area-left {
    padding-right: 57px;
}


/* Blog area left Search input Start */

.blog-area-input {
    padding-bottom: 58px;
    position: relative;
}

.blog-area-input input#search {
    border: 1px solid #ff8202;
    height: 40px;
    padding-left: 10px;
    width: 100%;
}

.blog-area-input input[type="submit"] {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ff8202;
    color: #ffffff;
    display: inline-block;
    font-family: icofont;
    font-size: 16px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}


/* Blog area left Search input End */


/* Blog area left Tab Menu Start */

.blog-tab-menu>h2 {
    padding-bottom: 15px;
}

.blog-menu ul {
    border-bottom: medium none;
    display: inline-block;
    width: 100%;
}

.blog-tab-menu ul li {
    width: 100%;
    margin: 0;
}

.blog-tab-menu ul a {
    background: #eaeaea none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-radius: 0;
    color: #222222;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    padding: 0 15px;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.blog-tab-menu ul .active-menu a {
    background: #ff8202 none repeat scroll 0 0;
    color: #ffffff;
}

.blog-area ul a span {
    float: right;
}

.blog-menu h2 {
    margin-bottom: 32px;
}

.blog-menu {
    padding-bottom: 60px;
}

.blog-menu ul li:last-child a {
    margin: 0;
}


/* Blog area left Tab Menu End */


/* Blog area left black area Start */

.blog-left-black-area {
    background: rgba(0, 0, 0, 0) url("images/Blog-black-bg.html") no-repeat scroll center center / cover;
    border: 5px solid #ff8202;
    padding: 35px 28px 37px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.blog-left-black-area::before {
    background: #222222 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.blog-left-black-area>p {
    color: #ffffff;
    margin: 0;
    padding-bottom: 30px;
}

.quote-btn {
    background: #ff8202 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    width: 180px;
    transition: all 0.4s ease 0s;
}

.quote-btn:hover {
    background: #fff none repeat scroll 0 0;
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.blog-news {
    padding-bottom: 30px;
}


/* Blog area left black area End */


/* Blog area left news area Start */

.blog-news>h2 {
    margin: 0;
    padding-bottom: 35px;
    padding-top: 60px;
}

.blog-single-news {
    margin-bottom: 30px;
}

.blog-single-news {
    display: inline-flex;
}

.blog-news-text>h4 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
}

.blog-news-text {
    padding-left: 15px;
    padding-top: 25px;
}

.blog-news-text>p {
    color: #ff8202;
    margin: 0;
}

.news-single-image>img {
    width: 100%;
}


/* Blog area left news area Start */


/* Blog area left End */


/* Blog area Right End */

.blog-area .news-single-content {
    padding-bottom: 60px;
}


/* Blog area Right End */


/* Blog Page Navigation & Pagination Start */

.blog-area-pagination {
    text-align: center;
}

.blog-area-pagination .pagination {
    margin: 0;
}

.blog-pag.blog-pagination-left {
    background: #ff8202 none repeat scroll 0 0;
    height: 30px;
    left: -10px;
    line-height: 30px;
    padding: 0;
    top: 0;
    width: 40px;
}

.pagination>li:first-child>a,
.pagination>li:first-child a {
    border-radius: 0;
}

.blog-area-pagination .pagination>li a {
    border: 1px solid #cecece;
    color: #222222;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    margin: 0 3px;
    width: 30px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}

.blog-pag.blog-pagination-right {
    background: #ff8202 none repeat scroll 0 0;
    display: inline-block;
    height: 30px;
    left: auto;
    line-height: 30px;
    padding: 0;
    right: -10px;
    text-align: center;
    top: 0;
    width: 50px;
}

.blog-pag.blog-pagination-right i {
    color: #ffffff;
}

.blog-pag.blog-pagination-left i {
    color: #ffffff;
}

.blog-area-pagination .pagination>li a.blog-pag {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ff8202;
    width: 48px;
    font-size: 20px;
}


/* Blog Page Navigation & Pagination End */


/*
============================================================================
			Blog  Page End
============================================================================
*/


/*
============================================================================
			Blog-Details Page Start
============================================================================
*/


/* blog-details-area Start */

.blog-details-content .news-single-image>a {
    bottom: 15px;
    top: auto;
    left: 15px;
}

.blog-details-content>h2 {
    margin: 0;
    padding: 50px 0 40px;
}

.blog-details-content>p {
    line-height: 32px;
    margin: 0;
    padding-bottom: 35px;
    text-align: justify;
}

.quote-paragrapg {
    padding-bottom: 35px;
}

.quote-paragrapg>p {
    color: #222222;
    margin: 0;
    text-align: justify;
}

.quote-paragrapg i {
    color: #343333;
    font-size: 9px;
    position: relative;
    top: -4px;
}


/* blog-details-icon-area Start */

.blog-details-icon-area {
    display: inline-flex;
}

.tagname>p span {
    color: #222222;
}

.blog-details-icon-area {
    width: 100%;
}

.tagname {
    width: 77%;
}

.blog-details-social-icon {
    display: inline-flex;
    text-align: right;
    width: 23%;
}

.blog-details-social-icon li {
    display: inline-block;
    margin-left: 13px;
}

.blog-details-social-icon>p {
    line-height: 15px;
    margin: 0;
}

.tagname>p {
    line-height: 15px;
    margin: 0;
}

.blog-details-social-icon a i {
    color: #666666;
    transition: all 0.4s ease 0s;
}

.blog-details-social-icon a:hover i {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}


/* blog-details-icon-area End */


/* blog-details blog-comment-area Start */

.blog-comment-area {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 70px;
}

.blog-comment-area>h2 {
    margin: 0;
    padding-bottom: 60px;
}

.blog-single-comment {
    display: inline-flex;
}

.blog-single-comment-img>img {
    width: 100%;
}

.blog-single-comment-details {
    padding-bottom: 60px;
    padding-left: 30px;
    position: relative;
}

.blog-single-comment-details h5 {
    color: #666666;
    font-size: 13px;
    margin-bottom: 15px;
}

.reply>a {
    color: #222222;
    font-weight: 500;
    transition: all 0.4s ease 0s;
}

.reply>a:hover {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.reply>a i {
    display: inline-block;
    margin-right: 5px;
    transition: all 0.4s ease 0s;
}

.reply>a:hover i {
    color: #ff8202;
    transition: all 0.4s ease 0s;
}

.blog-single-comment-details>h4 {
    font-size: 16px;
    margin-bottom: 8px;
}

.reply {
    position: absolute;
    right: 0;
    top: 0;
}

.blog-single-comment-details>p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: justify;
}

.blog-single-comment.middle-comment {
    padding-left: 75px;
}


/* blog-details-content Start */


/* blog-details-content Input Start */

.blog-details-area .section-heading {
    padding-bottom: 25px;
    text-align: left;
}

.blog-area-right .input-area-right textarea {
    height: 190px;
}

.contact-submit-btn.text-left {
    text-align: left;
}

.blog-pag {
    background: #ff8202 none repeat scroll 0 0;
    border: 1px solid #ff8202;
    bottom: 11px;
    display: inline-block;
    font-size: 25px;
    height: 30px;
    left: 40%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 40px;
    z-index: 9;
}


/* blog-details-content input End */


/* blog-details blog-comment-area End */


/*
============================================================================
			Blog-Details  Page End
============================================================================
*/


/*
============================================================================
			FAQ  Page Start
============================================================================
*/

.faq-page .blog-tab-menu {
    margin-bottom: 60px;
}

.faq-single-content {
    border: 1px solid #ff8202;
    display: block;
    margin-bottom: 20px;
}

.faq-single-content>h4 {
    background: #ff8202 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 20px;
}

.faq-single-content>p {
    margin: 0;
    padding: 20px;
    text-align: justify;
}

.faq-single-content>h4 span {
    display: inline-block;
    margin-right: 10px;
}

.blog-area-right.faq-right {
    padding-bottom: 60px;
}

.faq-page .input-area-right textarea {
    height: 180px;
}

.faq-comment-area {
    padding-top: 80px;
}


/*
============================================================================
			FAQ  Page End
============================================================================
*/


/*
============================================================================
			404-Error  Page Start
============================================================================
*/

.error-area {
    height: 625px;
    position: relative;
    text-align: center;
}

.service-hero-content.error-hero-content h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 5px;
}

.error-area-table {
    display: table;
    height: 625px;
    width: 100%;
}

.error-area-tablecell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.error-area-tablecell>h1 {
    color: #ff8202;
    font-size: 124px;
    margin-bottom: 0;
    text-shadow: 3px 0 3px rgba(0, 0, 0, 0.35);
}

.error-area-tablecell>h4 {
    color: #222;
}

.error-area-tablecell>h4 span {
    color: #ff8202;
    display: inline-block;
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.error-area-tablecell>p {
    margin-bottom: 35px;
}

.error-btn {
    background: #ff8202 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    transition: all 0.2s ease 0s;
    width: 180px;
}

.error-btn i {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    transition: all 0.2s ease 0s;
}

.error-btn:hover i {
    margin-left: 3px;
    transition: all 0.2s ease 0s;
}

.error-btn:hover {
    color: #fff;
}


/* error-area End */


/*
============================================================================
			404-Error  Page End
============================================================================
*/