/*
1.1 Menu Area 
1.2 Home Area 
1.3 About Us Area
1.4 Services Area
1.5 Portfolio Area
1.6 Happy Clients Area
1.7 Happy Clients Area
1.8 Contact Us Area
1.9 Footer Area

2.1 Blog-Page Area 

3.1 Blog-Details Page Area 

*/
@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

/*=============== 1.1 Header Area Start ================ */
header {
    position: fixed;
    width: 100% !important;
    z-index: 999;
}

#header.black {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    transition: all .3s ease-in;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12),
        0 2px 4px 0 rgba(0, 0, 0, 0.08);
    background: #191919;
}

.logo a {
    display: inline-block;
}

.main-menu {
    text-align: right;
}

.main-menu nav ul li {
    display: inline-block;
    padding: 30px;
    position: relative;
}

.main-menu nav ul li a,
.portfolio-content a,
.slicknav_nav a:visited,
.slicknav_nav a:hover,
.video,
.social-media ul li:hover a,
.work-item h6 + h6,
#mesonary-nav li:hover,
#mesonary-nav li.control.active,
a.theme-btn {
    color: #ffffff;
}

.single-blog:hover a {
    color: #ff4200;
}

.main-menu nav ul li a {
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.main-menu nav ul li:last-child {
    padding-right: 0;
}

.main-menu nav ul li a::before,
.main-menu nav ul li a::after,
.slicknav_nav,
.slicknav_nav,
a.theme-btn,
.social-media ul li::after,
.skill-bar,
.work-item h6,
.hire-area,
.social-media ul li.active,
.submit.theme-btn:hover {
    background: #ff4200;
}

a.theme-btn {
    border-width: 2px;
    border: 1px solid #Ff4200;
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all 0.5s ease-in-out;
    background: #1a1e25;
    text-transform: capitalize;
}

a.theme-btn::after {
    top: -6px;
    left: -6px;
    border-width: 1px 0 0 1px;
    z-index: 5;
    content: '';
    display: block;
    position: absolute;
    border-color: #454545;
    box-sizing: border-box;
    border-style: solid;
    width: 1em;
    height: 1em;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

a.theme-btn::before {
    border-color: #454545;
    border-style: solid;
    border-width: 0 1px 1px 0;
    bottom: -6px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: -6px;
    transition: all 0.5s ease-in-out 0s;
    width: 1em;
    z-index: 5;
    opacity: 0;
}

a.theme-btn.hire-btn {
    padding: 14px 35px;
    font-weight: 600;
    transition: all .5s ease;
    text-transform: capitalize;
}

a.theme-btn.hire-btn:hover {
    background: #ffffff;
    color: #1a1e25;
}

a.theme-btn:hover:before,
a.theme-btn:hover:after {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border-color: #fff;
    opacity: 1
}

.theme-btn.read-more {
    margin-bottom: 5px;
}

.theme-btn.read-more:hover {
    margin-bottom: 5px;
}

.main-menu nav ul li a::before {
    bottom: 10px;
    content: "";
    height: 10px;
    left: -8px;
    position: absolute;
    width: 2px;
    opacity: 0;
    transition: all .5s ease;
}

.main-menu nav ul li a::after {
    bottom: -3px;
    content: "";
    height: 2px;
    left: 5px;
    position: absolute;
    width: 13px;
    opacity: 0;
    transition: all .5s ease;
}

.main-menu nav ul li a:hover::after,
.nav-menu ul li.active a::after {
    bottom: -3px;
    left: -8px;
    opacity: 1
}

.main-menu nav ul li a:hover::before,
.nav-menu ul li.active a::before {
    bottom: -1px;
    height: 10px;
    left: -8px;
    width: 2px;
    opacity: 1
}

/*===== mobile menu slicknav =====*/

.mobile_menu {
    position: absolute;
    width: 100%;
    z-index: 9999999;
}

.slicknav_menu .slicknav_menutxt {
    display: none;
}

.slicknav_menu {
    background: transparent;
    margin-top: 10px;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #ffffff;
    height: 2px;
    margin: 3px 0;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: -40px;
    position: relative;
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(1px, 7px);
    transform: rotate(45deg) translate(1px, 7px);
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(-6px);
    transform: rotate(-45deg) translateY(-6px);
}

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

.slicknav_icon-bar {
    background: #ff4200 !important;
}

.slicknav_nav {
    float: right;
    margin-top: 1px !important;
    padding: 0;
    width: 50%;
}

.slicknav_nav a:hover {
    background: #1A1E25;
    border-radius: 0;
}

.slicknav_nav a {
    font-size: 16px;
    font-weight: 400;
}

.slicknav_nav .slicknav_arrow {
    float: right;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row:hover .slicknav_arrow {
    border-radius: 0;
    background-color: #3c3333;
}

.mobile_menu .slicknav_nav .slicknav_row,
.mobile_menu .slicknav_nav a {
    margin: 0;
    padding: 6px 20px;
}

/*=============== 1.1 Header Area End ================ */
/*================ 1.2 Home Area Start =================*/

.home {
    align-items: center;
    background: #1a1e25 none repeat scroll 0 0;
    display: flex;
    height: 888px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.home::after,
.page::after {
    background-image: url("../image/home/line-shape.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.home::after {
    z-index: 1;
}

.profile {
    position: absolute;
    right: 0;
    top: 0;
    width: 860px;
}

.profile img {
    width: 100%;
}

.profile::after {
    background-image: url("../image/home/profile-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 888px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.portfolio-content h1 {
    font-size: 38px;
}

.portfolio-content {
    padding-right: 120px;
    position: relative;
    z-index: 9;
}

.portfolio-content h1 span {
    color: #ff4200;
	font-family: sans-serif;
	font-size: 30px;
	font-weight: 700;
}

.portfolio-content > h4 {
    color: #929292;
    font-size: 20px;
    font-weight: 300;
    margin: 10px 0;
}

.portfolio-content a {
    font-weight: 400;
    margin-top: 15px;
    text-transform: capitalize;
}

.portfolio-content a span {
    color: #ff4200;
}

.video {
    background: #1a1e25 none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    left: 6px;
    margin-left: 6px;
    margin-top: 23px;
    padding: 6px;
    position: absolute;
    top: 45%;
    z-index: 99;
}

.play-btn {
    border: 1px solid #ff4200;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.social-media {
    left: 0;
    position: absolute;
    top: 58%;
    z-index: 9999;
}

.social-media ul li {
    display: block;
    height: 40px;
    margin: 16px 0;
    padding: 0 5px;
    position: relative;
    text-align: right;
    width: 160px;
    z-index: 1;
    transition: all .3s ease;
}

.social-media ul li.active a {
    background: #1a1e25 none repeat scroll 0 0;
    color: #ffffff;
}

.social-media ul li.active {
    border-radius: 0 20px 20px 0;
    width: 250px;
}

.social-media ul li a {
    border-radius: 50%;
    color: #5c5c62;
    height: 36px;
    margin-right: -3px;
    margin-top: 2px;
    padding-top: 4px;
    text-align: center;
    transition: all 0.8s ease 0s;
    width: 36px;
    display: inline-block;
}

.social-media ul li a span {
    opacity: 0;
    position: absolute;
    position: absolute;
    text-transform: capitalize;
    transition: all 0.8s ease 0s;
    line-height: 27px;
    color: #000;
    left: 134px;
}

.social-media ul li.active a span {
    opacity: 1;

}

/*================ 1.2 Home Area End =================*/
/*================ 1.3 About Us Area Start ===========*/

section.about-area {
    align-items: center;
    display: flex;
    min-height: 640px;
    padding: 0;
}

section.about-area1 {
    align-items: center;
    display: flex;
    min-height: 640px;
    padding: 0;
}

.about-area {
    position: relative;
    z-index: 1;
}

.about-area1 {
    position: relative;
    z-index: 1;
}

.about-area::after {
    background: url(../image/home/About1.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    z-index: -1;
}

.about-area1::after {
    background: url(../image/home/About2.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    z-index: -1;
}

.about-area h1 {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 2px;
    position: absolute;
    right: -134px;
    text-transform: capitalize;
    top: 45%;
    transform: rotate(-90deg);
}

.about-content {
    display: inline-block;
    margin-left: 10px;
}

.about-content1 {
    display: inline-block;
    margin-left: 10px;
}

.about-content h3 {
    color: #d5d8dd;
    line-height: 33px;
    margin-bottom: 25px;
}

.about-content1 h3 {
    color: #d5d8dd;
    line-height: 33px;
    margin-bottom: 25px;
}

.about-content img {
    float: right;
    margin-top: 20px;
}

.about-content1 img {
    float: right;
    margin-top: 20px;
}

/*================ 1.3 About Us Area End ==============*/

.bright-color {
  color: #ff4200;
}

.bg-color {
  color: #1a1e25;
}

/*------------------------------------------
	15. Why-Choose Section - Approach
------------------------------------------*/
.wrapr {
margin-left: 150px;
margin-right: 150px;
}

.why-choose-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: relative;
  overflow: hidden;
  padding: 0 10px;
  margin-top:50px;
}

.why-choose-section .row {
  position: relative;
}

.why-choose-section .why-left-wrap {
  max-width: 400px;
  float: right;
}

.why-choose-section .pattern-right {
  position: absolute;
  right: -50px;
  left: -50px;
  top: -60px;
}

.why-choose-section h5 {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0px;
  padding: 20px 0px;
}

.why-choose-section p {
  margin-bottom: 20px;
}

.why-choose-section .single-why {
  background: #fff;
  border-radius: 10%;
  border: 1px solid #fff;
  padding: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.why-choose-section .single-why:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  cursor: pointer;
  -webkit-box-shadow: 3px 5px 20px rgba(255, 255, 255, 0.8);
          box-shadow: 3px 5px 20px rgba(255, 255, 255, 0.8);
}

.why-choose-section .single-why img {
  width: 130px;
}

.why-choose-section .single-why h4 {
  margin: 20px 0;
}

.mt-50 {
    margin-top: 50px;
}
.mb-30 {
    margin-bottom: 30px;
}

@media (max-width: 1199px) and (min-width: 920px) {
  .why-choose-section .why-left-wrap {
    width: 100%;
  }
  .wrapr {
	margin: 0 auto;
	text-align: center;
	width:100%;
	}
}

@media (max-width: 919px) {
  .why-choose-section .pattern-right {
    top: -30px;
  }
  .why-choose-section .why-left-wrap {
    padding-top: 30px;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  .why-choose-section .single-why {
    margin-bottom: 30px;
  }
    .wrapr {
	margin: 0 auto;
	text-align: center;
	width:100%;
	}
}

/*---------------------------------
	11. Feature Box
-----------------------------------*/
.dark-section {
  background-color: #000;
  margin-left: 1px;
  margin-right: 1px;
}

.feature-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: relative;
  overflow: hidden;
  padding: 0 10px;
  margin-top:50px;
}

.feature-box {
  padding: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  top: 0;
  background: #fff;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  max-width: 800 px;
  -webkit-transition: ease all 0.5s;
     -moz-transition: ease all 0.5s;
          transition: ease all 0.5s;
}

.feature-box:after {
  content: "";
  position: absolute;
  top: -90px;
  right: 150px;
  width: 250px;
  height: 250px;
  background: #ffd7c7;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.50;
}

.feature-box p {
  margin: 0;
  font-size: 16px;
}

.feature-box .icon {
  font-size: 50px;
  line-height: 40px;
  margin: 0 0 30px;
}

.feature-box h5 {
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 13px;
  color: #000;
}

.feature-box h6 {
  font-weight: 400;
  font-size: 18px;
  color: #ff4200;
}

.feature-box:hover {
  background: #424242;
  border-radius: #424242;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
  top: -10px;

}

.feature-box:hover:after {
  background: rgba(255, 255, 255, .08);
}

.feature-box:hover .icon i, .feature-box:hover h5 {
  color: #fff;
}

.feature-box:hover .icon i, .feature-box:hover h6 {
  color: #f7f7f7;
}

.feature-box:hover p {
  color: rgba(255, 2555, 255, .7);
  font-weight:500;
}

.m-15px-tb { margin-top: 15px; margin-bottom: 15px; }

@media (max-width: 1199px) and (min-width: 992px) {
  .feature-box {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .feature-box {
	margin: 0 auto;
	text-align: center;
	}
}

/*================ Clients ============*/
  .single-document-text span {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.heading h1 {
  font-size: 36px;
  font-weight: 700;
}

.single-document:hover .document-flag img {
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.single-document:hover .single-document-text span {
  color: #ff4200;
}

button.single-document-text {
  background: none;
  border: none;
  cursor: pointer;
}

.header1 p {
	text-align: center;
    background: -webkit-linear-gradient(#ff4200, #ff7066);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
	font-family: 'Parisienne', cursive;
	margin-bottom: 15px;
	letter-spacing: 2px;
}

/*================ 1.5 Portfolio Area End =============*/

.portfolio-area ul.filter-button-group {
    text-align: center;
}

.filtering-btn {
    margin: 28px 0 10px;
}

.portfolio-area li {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all .3s ease-in
}

.portfolio-area li:hover {
    color: #ff4200;
}

.portfolio-area li.active-btn {
    color: #ff4200;
}

.port-img span {
    color: #ff4200;
    font-weight: 700;
    left: 0%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in 0s;
}

.port-img:hover.port-img span {
    left: 50%;
    opacity: 1;
}

.portfolio-area .port-img {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    z-index: 1;
}

.portfolio-area .port-img img {
    min-width: 100%;
    transition: all 0.4s ease-in 0s;
}

.portfolio-area .port-img img:hover {
    opacity: .2;
}

.portfolio-area a:hover span {
    opacity: 1;
    visibility: visible;
}

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

.portfolio-area2 ul.filter-button-group2 {
    text-align: center;
}

.filtering-btn2 {
    margin: 28px 0 10px;
}

.portfolio-area2 li {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all .3s ease-in
}

.portfolio-area2 li:hover {
    color: #ff4200;
}

.portfolio-area2 li.active-btn2 {
    color: #ff4200;
}

.port-img2 span {
    color: #ff4200;
    font-weight: 700;
    left: 0%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in 0s;
}

.port-img2:hover.port-img2 span {
    left: 50%;
    opacity: 1;
}

.portfolio-area2 .port-img2 {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    z-index: 1;
}

.portfolio-area2 .port-img2 img {
    min-width: 100%;
    transition: all 0.4s ease-in 0s;
}

.portfolio-area2 .port-img2 img:hover {
    opacity: .2;
}

.portfolio-area2 a:hover span {
    opacity: 1;
    visibility: visible;
}

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

.portfolio-area3 ul.filter-button-group3 {
    text-align: center;
}

.filtering-btn3 {
    margin: 28px 0 10px;
}

.portfolio-area3 li {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all .3s ease-in
}

.portfolio-area3 li:hover {
    color: #ff4200;
}

.portfolio-area3 li.active-btn3 {
    color: #ff4200;
}

.port-img3 span {
    color: #ff4200;
    font-weight: 700;
    left: 0%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in 0s;
}

.port-img3:hover.port-img3 span {
    left: 50%;
    opacity: 1;
}

.portfolio-area3 .port-img3 {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    z-index: 1;
}

.portfolio-area3 .port-img3 img {
    min-width: 100%;
    transition: all 0.4s ease-in 0s;
}

.portfolio-area3 .port-img3 img:hover {
    opacity: .2;
}

.portfolio-area3 a:hover span {
    opacity: 1;
    visibility: visible;
}

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

.portfolio-area4 ul.filter-button-group4 {
    text-align: center;
}

.filtering-btn4 {
    margin: 28px 0 10px;
}

.portfolio-area4 li {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all .3s ease-in
}

.portfolio-area4 li:hover {
    color: #ff4200;
}

.portfolio-area4 li.active-btn4 {
    color: #ff4200;
}

.port-img4 span {
    color: #ff4200;
    font-weight: 700;
    left: 0%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in 0s;
}

.port-img4:hover.port-img4 span {
    left: 50%;
    opacity: 1;
}

.portfolio-area4 .port-img4 {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.portfolio-area4 .port-img4 img {
    min-width: 100%;
    transition: all 0.4s ease-in 0s;
}

.portfolio-area4 .port-img4 img:hover {
    opacity: .2;
}

.portfolio-area4 a:hover span {
    opacity: 1;
    visibility: visible;
}

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

.portfolio-area5 ul.filter-button-group5 {
    text-align: center;
}

.filtering-btn5 {
    margin: 28px 0 10px;
}

.portfolio-area5 li {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all .3s ease-in
}

.portfolio-area5 li:hover {
    color: #ff4200;
}

.portfolio-area5 li.active-btn4 {
    color: #ff4200;
}

.port-img5 span {
    color: #ff4200;
    font-weight: 700;
    left: 0%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in 0s;
}

.port-img5:hover.port-img5 span {
    left: 50%;
    opacity: 1;
}

.portfolio-area5 .port-img5 {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    z-index: 1;
}

.portfolio-area5 .port-img5 img {
    min-width: 100%;
    transition: all 0.4s ease-in 0s;
}

.portfolio-area5 .port-img5 img:hover {
    opacity: .2;
}

.portfolio-area5 a:hover span {
    opacity: 1;
    visibility: visible;
}

/*================ 1.6 Client Area Statr ==============*/

.client-area {
    border-bottom: 1px solid #333943;
    padding-bottom: 100px;
}

.client-content {
    background: #20252d none repeat scroll 0 0;
    padding: 50px 100px 108px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 10px 51px -5px rgba(23, 27, 35, 0.8);
    -moz-box-shadow: 0px 10px 51px -5px rgba(23, 27, 35, 0.8);
    box-shadow: 0px 10px 51px -5px rgba(23, 27, 35, 0.8);

}

.single-client {
    position: relative;
    margin-bottom: -20px;
}

.single-client img {
    border-radius: 50%;
    margin: 0 auto;
    width: 79px !important;
}

.single-client h5 {
    font-weight: 600;
    margin: 30px 0 10px;
}

.client-content > h6 {
    color: #8b919b;
    font-weight: 300;
}

.single-client img {
    border-radius: 50%;
    bottom: -35px;
    left: 50% !important;
    position: absolute;
    transform: translate(-50%);
    width: 79px !important;
    z-index: 9999;
}

.client .owl-stage-outer {
    overflow: hidden;
    padding-bottom: 60px !important;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
}

.client .owl-nav button {
    bottom: 120px;
    font-size: 13px !important;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    outline: inherit;
}

.client .owl-nav button:hover {
    color: #ff4200
}

.client .owl-next {
    margin: 0 10px;
}

.client .owl-prev {
    margin: 0 -10px;
}

/*================ 1.6 Client Area End ==============*/

.more-blog a {
    color: #fab702;
    display: inline-block;
    margin-top: 10px;
    opacity: 0.6;
    text-transform: capitalize;
}

.theme-btn.more-blog {
    bottom: 0;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    z-index: 9999;
	background: #ff4200;
}

.more-blog a:hover {
    color: #adb3bd;
}

/*================ 1.8 Hire Area Start=======*/

.hire1 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hire-content1 > h3 {
    font-size: 36px;
    font-weight: 200;
    margin-bottom: 0px;
}

.hire-content1 > h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
}

/*============== 1.8 Hire Area End =======*/

/*---------------------------------
	Hire Us New
-----------------------------------*/

.hire{
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:700px;
	max-width:75%;
	height:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:0 auto;
}
@media (max-width: 1180px){
	.hire{max-width:100%}}
	
.hire h2{margin:0 0 20px 0;font-size:30px;text-align:center}

.work-request{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	color:#fff}
.work-request input[type="submit"]{
	width:400px;
	max-width:100%;
	line-height:50px;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	background-color:#ff4200;
	border:none;
	border-radius:0}
.work-request input[type="submit"]:focus{outline:none}
.work-request--options{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	margin:30px 0}
.work-request--options .options-a{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between}
.work-request--options .options-b{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:72%;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around}
.work-request--options label{
	display:block;
	width:200px;
	margin-bottom:30px;
	line-height:50px;
	font-size:16px;
	font-weight:700;
	text-align:center;
	border:2px solid #fff;
	cursor:pointer;
	-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out;
	transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
.work-request--options label svg{
	position:relative;
	left:-5px;
	width:0;
	fill:#fff;
	-webkit-transition:width .2s ease-in-out;
	transition:width .2s ease-in-out}
.work-request--options input[type="checkbox"]{display:none}
.work-request--options input[type="checkbox"]:checked+label{
	background-color:##ff4200;
	border-color:#ff4200}
.work-request--options input[type="checkbox"]:checked+label svg{width:15px}
.work-request--information{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:60px}
.work-request--information .information-name,.work-request--information .information-email{position:relative;width:45%;height:38px;font-size:20px;font-weight:200}
.work-request--information input[type="text"],.work-request--information input[type="email"]{width:100%;padding:0 0 5px 0;background-color:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;font-size:20px;font-weight:200}
.work-request--information input[type="text"]:focus,.work-request--information input[type="email"]:focus{outline:none;background-color:#0c0c0c}
.work-request--information label{position:absolute;top:-30px;left:0;pointer-events:none;font-size:20px;-webkit-transition:top .2s ease-in-out,font-size .2s ease-in-out;transition:top .2s ease-in-out,font-size .2s ease-in-out}
.work-request--information input:focus+label,.work-request--information input.has-value+label{top:-15px;font-size:14px}
@media (max-width: 767px){
	.work-request--options{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-webkit-flex-direction:row;
		-ms-flex-direction:row;
		flex-direction:row;
		-webkit-justify-content:space-around;
		-ms-flex-pack:distribute;
		justify-content:space-aro0und}
	.work-request--options .options-a,.work-request--options .options-b{
		display:block;width:auto}
}
@media (max-width: 600px){
	.work-request--options{margin:20px 0}}
@media (max-width: 600px) and (max-width: 415px){
	.work-request--options{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}
@media (max-width: 600px){
	.work-request--options label{width:150px;margin-bottom:15px;font-size:14px}
	.work-request--options input[type="checkbox"]:checked+label svg{width:12px}
	.work-request--information{margin-bottom:30px}
	.work-request--information .information-name,.work-request--information .information-email{height:40px;font-size:24px}}
	
input[type="submit"]:hover{background-color: #ff4200;color:#000;}

/*================ 1.9 Contact Us Area Start=======*/

.contact-area {
    border-bottom: 1px solid #353C46;
}

.contact-content p {
    font-size: 15px;
    margin: 60px 0;
    position: relative;
}

.contact-content p::after {
    background: #353C46;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 80%;
}

.contact-content h6 {
    color: #8b9199;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

.contact-content span {
    color: #353c47;
    margin: 0 10px;
}

.contact-social {
    margin-top: 30px;
}

.contact-social > ul {
    display: inline-flex;
}

.contact-social ul li a {
    border: 1px solid #8b9199;
    color: #8b9199;
    display: inline-block;
    height: 40px;
    margin: 0 10px;
    padding-top: 7px;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.contact-social ul li a:hover {
    border: 1px solid #ff4200;
    color: #ff4200;
}

/*============== 1.8 Contact Us Area End =======*/
/* ============= 1.8 Footer Area Start ============= */

footer p {
    padding: 15px 0;
    text-align: center;
}

footer img {
    width: 84px;
}

/* ============= 1.8 Footer Area Start ================ */