/* Copyright 2019  */
/*-----------------------------------------------------------------
[Master Stylesheet]

Project: Parichay
Version: 1.0.0
Author: Initialize Technologies
-------------------------------------------------------------------
[Table of contents]

01. Global CSS 
02. Preloader CSS
03. Header CSS
04. Banner CSS
05. About CSS
06. Counter CSS
07. Resume CSS
08. Service CSS
09. Portfolio CSS
10. Testimonials CSS
11. Blog CSS
12. Hire CSS
13. Contact CSS
14. Newsletter CSS
15. Footer CSS
16. Top-button CSS

-------------------------------------------------------------------*/
/*============ 01. Global CSS  ============*/
body {
	font-family: 'Montserrat';
	font-size: 16px;
	line-height: 1.6;
	color: #707070;
	background: #ffffff;
	overflow-X: hidden;
	-webkit-font-smoothing: antialiased;
}
a,
a:hover,
a:focus {
	color: #111111;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a:hover{
	color: #ffb633;
}
p,
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway';
	margin: 0;
	color: #111111;
}
img {
	max-width: 100%;
}
input,
input:focus,
input:hover,
button:hover,
button:focus,
textarea,
textarea:focus
button,
button:focus {
	outline: none;
	box-shadow: none;
	border-radius: 0px;
	border: none;
}
.po_padder0 { 
	padding: 0px;
}
.po_toppadder10 { 
	padding-top: 10px;
}
.po_toppadder20 { 
	padding-top: 20px;
}
.po_toppadder30 {
	padding-top: 30px;
}
.po_toppadder40 {
	padding-top: 40px;
}
.po_toppadder50 {
	padding-top: 50px;
}
.po_toppadder60 { 
	padding-top: 60px;
}
.po_toppadder70 {
	padding-top: 70px;
}
.po_toppadder80 {
	padding-top: 80px;
}
.po_toppadder90 {
	padding-top: 90px;
}
.po_toppadder100 { 
	padding-top: 100px;
}
.po_bottompadder10 {
	padding-bottom: 10px;
}
.po_bottompadder20 { 
	padding-bottom: 20px;
}
.po_bottompadder30 {
	padding-bottom: 30px;
}
.po_bottompadder40 { 
	padding-bottom: 40px;
}
.po_bottompadder50 {
	padding-bottom: 50px;
}
.po_bottompadder60 {
	padding-bottom: 60px;
}
.po_bottompadder70 {
	padding-bottom: 70px;
}
.po_bottompadder80 {
	padding-bottom: 80px;
}
.po_bottompadder90 {
	padding-bottom: 90px;
}
.po_bottompadder100 {
	padding-bottom: 100px;
}
.po_float_width {
	float: left;
	width: 100%;
}
.po_btn {
	color: #ffffff;
	background: #ffb633;
	border: 1px solid #ffb633;
	padding: 12px 30px;
	display: inline-block;
	margin: 30px 0;
	text-transform: uppercase;
    font-weight: 700;
	border-radius: 3px;
}
.po_btn:hover {
	background: transparent;
	color: #ffb633;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}
.po_btn,
.po_btn:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_heading {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}
.po_heading h2 {
    position: relative;
    margin-bottom: 60px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 800;
}
.po_heading h2:before {
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    content: "\f101";
    display: inline-block;
    font-family: Flaticon;
    font-size: inherit;
    bottom: -40px;
    width: 45px;
    z-index: 1;
    color: #ffb633;
    background: #ffffff;
}
.po_heading h2:after {
    content: "";
    background: #111111;
    height: 1px;
    width: 150px;
    bottom: -30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_heading h2:hover:after {
	width: 200px;
	background: #111111;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_heading p {
	font-weight: 500;
}
/*============ 02. Preloader CSS ============*/
#preloader {
	background-color: #ffb633;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	text-align: center;
}
#po_loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-top: -200px;
	margin-left: -200px;
	border-radius: 2px;
	background: #ffb633;
	color: #ffffff;
}
#preloader .center {
	position: absolute;
	width: 220px;
	height: 220px;
	top: 90px;
	left: 90px;
}
#preloader .dot-1 {
	position: absolute;
	z-index: 3;
	width: 30px;
	height: 30px;
	top: 95px;
	left: 95px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
	animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
#preloader .dot-2 {
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 60px;
	top: 80px;
	left: 80px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
	animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
#preloader .dot-3 {
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 90px;
	top: 65px;
	left: 65px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
	animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%, 70% {
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@keyframes jump-jump-1 {
  0%, 70% {
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%, 40% {
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%, 40% {
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%, 10% {
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%, 10% {
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
/*============ 03. Header CSS ============*/
.po_header_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.po_header_wrap.fixed_menu {
	position: fixed;
	z-index: 999;
	top: 0;
	background: #ffffff;
}
a.po_logo {
	padding: 17px 0 0;
	display: inline-block;
}
.po_main_menu {
	text-align: left;
	width: 100%;
	position: relative;
}
.po_main_menu ul {
	display: inline-block;
	margin: 0;
	position: relative;
}
.po_main_menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 25px;
}
.po_main_menu ul li a {
	color: #111111;
	padding: 24px 0px;
	position: relative;
	display: inline-block;
	font-weight: 600;
}
.po_contact_menu a {
    padding: 7px 20px;
    display: inline-block;
    background: #ffb633;
    color: #ffffff;
    border: 1px solid;
    margin: 16px 0;
    font-weight: 700;
    border-radius: 3px;
    text-transform: uppercase;
}
.po_contact_menu a:hover {
	background: #ffffff;
	color: #ffb633;
}
.po_main_menu ul li:last-child {
    margin: 0;
}
/*============ 04. Banner CSS ============*/
.po_banner_wrapper {
    position: relative;
    background: url(../images/banner_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.po_banner_inner {
	padding: 300px 0 0;
}
.po_banner_inner span {
    font-size: 36px;
}
.po_banner_inner h1 {
    font-size: 100px;
    font-weight: 700;
}
.po_banner_inner h1 span {
    font-size: 100px;
    color: #ffb633;
    margin-bottom: 20px;
    display: inline-block;
}
.po_banner_inner h5 {
    font-size: 40px;
    font-weight: 600;
}
.po_banner_slider .owl-nav {
    position: absolute;
    right: -42%;
    top: calc(50%);
    -webkit-transition: translateY(-50%) rotate(90deg);
    -moz-transition: translateY(-50%) rotate(90deg);
    -ms-transition: translateY(-50%) rotate(90deg);
    -o-transition: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.po_banner_img {
    padding-left: 50px;
    padding-right: 50px;
}
.po_banner_slider.owl-carousel {
    margin-top: 150px;
}
.po_banner_slider .owl-nav:before {
    content: "";
    position: absolute;
    background: #ffffff;
    height: 2px;
    width: 25%;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
}
.po_banner_slider .owl-nav button.owl-next,
.po_banner_slider .owl-nav button.owl-prev {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    color: #ffffff;
    font-size: 40px;
    position: relative;
    transform: rotate(-180deg);
    margin: 0px 45px;
	font-weight: 600;
}
/*============ 05. About CSS ============*/
.po_about_wrapper {
    background: #ffffff;
}
.po_about_img {
    background: #ffffff;
    box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.06);
    width: 80%;
    margin-bottom: 30px;
    padding-top: 50px;
    text-align: center;
}
.po_about_social {
    width: 20%;
    text-align: center;
    padding: 50px 0;
    transform: translateY(calc(23%));
    background: #ffb633;
    position: relative;
}
.po_about_social ul li a span {
    width: 40px;
    height: 40px;
    border: 1px dashed #ffffff;
    line-height: 40px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: #ffffff;
	display: inline-block;
}
.po_about_social ul li a:hover span {
    border: 1px dashed #111111;
   color: #111111;
}
.po_about_social ul li a span,
.po_about_social ul li a span:hover {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_about_us > h4 {
    font-weight: 700;
    font-size: 22px;
}
.po_about_folow h5 {
    font-size: 20px;
    color: #ffb633;
	font-family: 'Montserrat';
}
.po_about_folow p {
    font-size: 18px;
}
.po_about_folow {
	margin: 30px 0 10px;
}
.po_about_counter :nth-child(2) div.po_about_folow {
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
.po_about_us_text {
	padding: 20px 0 40px;
}
.po_skill_name {
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 600;
}
.po_skills .po_skill {
	margin-bottom: 20px;
	position: relative;
}
.skill_percent {
    float: left;
    text-align: right;
	position: absolute;
	opacity: 0;
}
.skill_percent span {
    position: relative;
    right: -15px;
    top: -30px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding: 2px 5px;
    background: rgb(17, 17, 17);
}
.skill_percent span:before {
    position: absolute;
    content: "";
    bottom: -14px;
    left: 37%;
    border-color: rgb(17, 17, 17) transparent transparent;
    border-style: solid;
    border-width: 7px 5px;
}
.skill_percent.po_web {
    width: 90%;
}
.skill_percent.po_photo {
    width: 75%;
}
.skill_percent.po_pro {
    width: 66%;
}

.skillbar-container {
  position:relative;
  display:block;
  margin-bottom: 15px;   
  width: 100%;
  background-color: #ededed;
  height:35px;
  height:3px;
}
.skills {
  height:3px;
  width:0px;
  background: #ffb633;
  position:relative;
}
/*============ 06. Counter CSS ============*/
.po_counter_wrapper {
    position: relative;
    background: url(../images/counter_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	color: #ffffff;
	overflow: hidden;
}
.po_counter_wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(255, 182, 51, 0.96);
}
.po_counter_inner {
    text-align: center;
    margin-bottom: 30px;
}
.po_counter_inner > span {
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    margin: auto;
    line-height: 80px;
    font-size: 30px;
    border: 1px solid;
    border-radius: 50%;
    margin-bottom: 30px;
}
.po_counter_inner h1 {
    color: #ffffff;
    margin-bottom: 30px;
	font-size: 50px;
	font-family: 'Montserrat';
}
.po_counter_inner h5 {
    color: #ffffff;
    font-weight: 600;
	font-size: 20px;
}
/*============ 07. Resume CSS ============*/
.po_resume_wrapper {
    background: #ffffff;
    overflow: hidden;
}
.po_resume_heading h3 {
    color: #ffb633;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
	font-size: 22px;
	font-weight: 600;
}
.po_resume_heading h3:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 80px;
    background: #ffb633;
    bottom: -20px;
    right: 0;
}
.po_resume_heading.po_resume_heading_ex h3:before {
    left: 0;
}
.po_resume_section h6 {
    background: #ffb633;
    display: unset;
    padding: 10px 10px;
    color: #ffffff;
    position: relative;
    margin-right: 25px;
	font-family: 'Montserrat';
}
.po_resume_section.po_resume_ex h6 {
	margin-left: 25px;
	margin-right: 0;
}
.po_resume_edu_section_wrap h6:before {
    content: "";
    position: absolute;
    right: -25px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 0 solid transparent;
    border-left: 25px solid #ffb633;
    top: 0;
    bottom: 0;
}
.po_resume_section.po_resume_ex .po_resume_edu_section_wrap h6:before {
	content: "";
	position: absolute;
	left: -25px;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 0 solid transparent;
	border-right: 25px solid #ffb633;
	top: 0;
	bottom: 0;
	right: unset;
}
.po_resume_edu_section {
    background: #ffffff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.po_resume_edu_section h4 {
    font-weight: 700;
    margin-bottom: 15px;
}
.po_resume_edu_section h5 {
    position: relative;
    font-size: 14px;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #707070;
	font-weight: 600;
}
.po_resume_edu_section h5:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 50px;
    background: #707070;
    bottom: -20px;
    right: 0;
}
.po_resume_section.po_resume_ex .po_resume_edu_section h5:before {
    left: 0;
	right: unset;
}
.po_resume_edu_section a {
    color: #ffb633;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
	font-size: 14px;
}
.po_resume_section:hover .po_resume_edu_section {
    background: #f7f7f7;
	color: #111111;
}
.po_resume_section:hover .po_resume_edu_section a {
	color: #111111;
}
.po_resume_section:hover .po_resume_edu_section h4,
.po_resume_section:hover .po_resume_edu_section h5 {
	color: #ffb633;
}
.po_resume_section .po_resume_edu_section,
.po_resume_section .po_resume_edu_section a,
.po_resume_section .po_resume_edu_section h4,
.po_resume_section .po_resume_edu_section h5 {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_resume_section:hover .po_resume_edu_section,
.po_resume_section:hover .po_resume_edu_section a,
.po_resume_section:hover .po_resume_edu_section h4,
.po_resume_section:hover .po_resume_edu_section h5 {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_resume_section.po_resume_edu {
    position: relative;
    padding-right: 10px;
    background-image: linear-gradient(#ffb633 33%, rgba(255,255,255,0) 0%);
    background-position: right;
    background-size: 1px 12px;
    background-repeat: repeat-y;
}
.po_resume_section.po_resume_ex {
    position: relative;
    padding-left: 10px;
    background-image: linear-gradient(#ffb633 33%, rgba(255,255,255,0) 0%);
    background-position: left;
    background-size: 1px 12px;
    background-repeat: repeat-y;
}
.po_resume_section h6 span {
    position: absolute;
    right: -35%;
    color: #ffb633;
    top: 6px;
    width: 25px;
    height: 25px;
    font-size: 20px;
    text-align: center;
	display: inline-block;
}
.po_resume_section.po_resume_ex h6 span {
	left: -35%;
    right: unset;
}
.po_resume_section h6:after {
    content: "";
    background: #ffb632;
    height: 35px;
    width: 2px;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.po_resume_heading.po_resume_heading_ex {
    margin-bottom: 30px;
}
.po_resume_load a.po_re_load_btn {
    color: #ffb633;
	font-weight: 600;
}
.po_resume_section.po_resume_edu:nth-child(4) {
    padding-bottom: 60px;
}
.po_resume_section.po_resume_ex:nth-child(4) {
    padding-bottom: 30px;
}
.po_other_edu,
.po_other_ex {
    display: none;
}
.po_other_ex.show_ex,
.po_other_edu.show_edu {
    display: block;
}
.po_ex_load_btn.po_btn_hide,
.po_ed_load_btn.po_btn_hide {
    display: none;
}
.po_resume_section.po_resume_edu.po_other_edu:before {
	position: absolute;
	content: "\f10c";
	bottom: 0;
	font-family: Flaticon;
	right: -10px;
	color: #ffb633;
	font-size: 20px;
}
.po_resume_section.po_resume_ex.po_other_ex:before {
	position: absolute;
	content: "\f10c";
	bottom: 0;
	font-family: Flaticon;
	left: -10px;
	right: unset;
	color: #ffb633;
	font-size: 20px;
}
.po_resume_load.text-right a.po_re_load_btn span {
	margin-right: -8px;
}
.po_resume_load.text-left a.po_re_load_btn span {
	margin-left: -8px;
}
/*============ 08. Service CSS ============*/
.po_service_wrapper {
    color: #ffffff;
    position: relative;
    background: url(../images/work_do_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.po_service_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 182, 51, 0.96);
}
.po_service_wrapper .po_heading h2:before {
    color: #ffffff;
    background: #ffb633;
}
.po_service_wrapper .po_heading h2:after {
    background: #ffffff;
}
.po_service_wrapper .po_heading h2 {
    color: #ffffff;
}
.po_service_inner {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 20px 0 rgba(255, 255, 255, 0.06);
    background: #ffb633;
}
.po_about_service {
    padding: 20px 20px 20px 90px;
}
.po_service_inner > span {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    background: #ffffff;
    color: #ffb633;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: none;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 4px #fccd76;
}
.po_about_service h4 {
    color: #ffffff;
    margin-bottom: 40px;
    position: relative;
	font-weight: 700;
}
.po_about_service a {
    color: #ffffff;
    margin-top: 20px;
    display: inline-block;
	font-size: 14px;
	font-weight: 600;
}
.po_about_service h4:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 50px;
    background: #ffffff;
    bottom: -20px;
    left: 0;
}
.po_service_inner:hover {
    border: 1px solid #ffffff;
}
.po_service_inner:hover span {
    background: transparent;
    color: #ffffff;
}
.po_service_inner span
.po_service_inner:hover span,
.po_service_inner,
.po_service_inner:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_service_wrapper .owl-nav {
    position: absolute;
    left: -8%;
    top: calc(36%);
	width: 50px;
    -webkit-transition: translateY(-50%);
    -moz-transition: translateY(-50%);
    -ms-transition: translateY(-50%);
    -o-transition: translateY(-50%);
    transform: translateY(-50%);
}
.po_service_wrapper .owl-nav button.owl-prev,
.po_service_wrapper .owl-nav button.owl-next {
    width: 100%;
    color: #ffffff;
    display: inline-block;
    transform: rotate(-90deg);
    font-size: 30px;
    position: relative;
	font-weight: 700;
}
.po_service_wrapper .owl-nav button.owl-prev {
    top: 0;
}
.po_service_wrapper .owl-nav button.owl-next {
    bottom: -100px;
}
.po_service_wrapper .owl-nav button.owl-prev:before {
    content: "";
    height: 100px;
    width: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(90deg);
    left: -50px;
    bottom: -25px;
}
/*============ 09. Portfolio CSS ============*/
.po_porfolio_section {
    margin-bottom: 30px;
	position: relative;
}
.po_porfolio_section img {
    width: 100%;
    border: none;
    border-radius: 6px;
}
.po_overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 15px solid #d5d6d1;
	border-radius: 3px;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
}
.po_overlay_text {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.po_overlay_text h4 {
    color: #ffffff;
	text-transform: capitalize;
    margin-bottom: 10px;
	font-weight: 600;
}
.po_overlay_text h6 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
}
.po_overlay ul {
    text-align: center;
    top: calc(50%);
    position: relative;
	-webkit-transition: translateY(-50%);
	-moz-transition: translateY(-50%);
	-ms-transition: translateY(-50%);
	-o-transition: translateY(-50%);
	transform: translateY(-50%);
}
.po_overlay ul li {
    display: inline-block;
    margin: 0 6px;
}
.po_overlay ul li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #ffffff;
    border: 2px solid;
    border-radius: 50%;
    line-height: 50px;
}
.po_overlay ul li a:hover {
	color: #ffb633;
}
.po_porfolio_section:hover .po_overlay {
	opacity: 1;
}
.po_overlay ul li a,
.po_overlay ul li a:hover, 
.po_porfolio_section,
.po_porfolio_section .po_overlay,
.po_porfolio_section:hover .po_overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_more_images {
    display: none;
}
.po_more_images.show_img {
    display: block;
}
.po_load_btn.po_btn_hide {
    display: none;
}
/*============ 10. Testimonials CSS ============*/
.po_testimonial_wrapper {
    background: url(../images/testimonials_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: center;
}
.po_testimonial_wrapper .po_heading {
    margin-bottom: 30px;
}
.po_testimonial_wrapper .po_heading h2:before {
    color: #ffffff;
    background: #ffb633;
}
.po_testimonial_wrapper .po_heading h2:after {
    background: #ffffff;
}
.po_testimonial_wrapper .po_heading h2 {
    color: #ffffff;
}
.po_testimonial_section {
    margin-bottom: 30px;
    width: 80%;
    margin: auto;
}
.po_testimonial_section h4 {
    margin: 30px 0 20px;
    color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
}
.po_testimonial_section h5 {
    color: #ffffff;
	text-transform: uppercase;
}
.owl-carousel .owl-item .po_testimonial_section img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 30px;
    border: 6px solid #fccd76;
}
.po_testimonial_section p {
    font-weight: 500;
}
.po_testimonial_wrapper .owl-nav {
    position: absolute;
    right: -8%;
    top: calc(15%);
	width: 50px;
    -webkit-transition: translateY(-50%);
    -moz-transition: translateY(-50%);
    -ms-transition: translateY(-50%);
    -o-transition: translateY(-50%);
    transform: translateY(-50%);
}
.po_testimonial_wrapper .owl-nav button.owl-prev,
.po_testimonial_wrapper .owl-nav button.owl-next {
    width: 100%;
    color: #ffffff;
    display: inline-block;
    transform: rotate(-90deg);
    font-size: 30px;
    position: relative;
	font-weight: 700;
}
.po_testimonial_wrapper .owl-nav button.owl-prev {
    top: 0;
}
.po_testimonial_wrapper .owl-nav button.owl-next {
    bottom: -100px;
}
.po_testimonial_wrapper .owl-nav button.owl-prev:before {
    content: "";
    height: 100px;
    width: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(90deg);
    left: -50px;
    bottom: -25px;
}
/*============ 11. Blog CSS ============*/
.po_blog_wrapper {
    background: #ffffff;
}
.po_blog_section {
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.06);
	margin-bottom: 30px;
}
.po_blog_img {
    position: relative;
}
.po_blog_post {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: auto;
}
.po_blog_post > div {
    background: #ffb633;
    display: unset;
    padding: 12px 20px;
    font-size: 14px;
    color: #ffffff;
	font-weight: 600;
	border-radius: 3px;
}
.po_blog_text {
    padding: 42px 15px 0 15px;
    font-size: 14px;
	background: #ffffff;
}
.po_blog_text h4 {
    position: relative;
    font-weight: 700;
    margin-bottom: 30px;
	text-transform: capitalize;
}
.po_blog_text h4:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 50px;
    background: #707070;
    bottom: -18px;
    right: 0;
    left: 0;
    margin: auto;
}
.po_blog_cmnt span {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
	opacity: 0.8;
}
.po_blog_text > a {
    color: #ffb633;
    font-weight: 600;
    display: inline-block;
    margin: 25px 0 30px;
    font-size: 14px;
    line-height: 1;
}
.po_hire_section_img {
    text-align: center;
    padding: 0 47px;
}
.po_blog_section:hover .po_blog_text {
    background: #f7f7f7;
}
.po_blog_section:hover .po_blog_text > a {
    color: #111111;
}
.po_blog_section:hover .po_blog_text {
    color: #111111;
}
.po_blog_section:hover .po_blog_text h4 a {
    color: #ffb633;
}
.po_blog_section .po_blog_text > a,
.po_blog_section .po_blog_text h4 a,
.po_blog_section .po_blog_text{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_blog_section:hover .po_blog_text > a,
.po_blog_section:hover .po_blog_text h4 a,
.po_blog_section:hover .po_blog_text{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_other_blog {
	display: none;
}
.po_other_blog.show_blog {
    display: block;
}
.po_blog_btn.po_btn_hide {
    display: none;
}
/*============ 12. Hire CSS ============*/
.po_hire_wrapper {
    position: relative;
    background: url(../images/hire_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.po_hire_wrapper:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../images/hire_bg_shap.jpg);
    position: absolute;
    opacity: 0.96;
}
.po_hire_section {
    padding: 100px 0 0;
}
.po_hire_section h1 {
    color: #ffffff;
    margin-bottom: 60px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.4;
}
.po_hire_section h1:before {
	left: 0;
	position: absolute;
	content: "\f101";
	display: inline-block;
	font-family: Flaticon;
	font-size: 26px;
	bottom: -35px;
	width: 40px;
	z-index: 1;
	color: #ffffff;
}
.po_hire_section h1:after {
    content: "";
    background: #ffffff;
    height: 1px;
    width: 50px;
    bottom: -20px;
    position: absolute;
    left: 30px;
}
.po_hire_section h4 {
    color: #ffffff;
}
.po_hire_section_img img {
    width: 100%;
}
.po_hire_section a.po_btn {
    margin-bottom: 0;
    background: #ffffff;
    color: #f3b533;
}
.po_hire_section a.po_btn:hover {
    background: transparent;
    color: #ffffff;
	border-color: #ffffff;
}
/*============ 13. Contact CSS ============*/
.po_input_wrap input {
    width: 100%;
    float: left;
    border: none;
    margin-bottom: 30px;
    padding: 18px 50px 18px 30px;
    font-size: 16px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    border-radius: 3px;
}
.po_input_wrap textarea {
    width: 100%;
    border: none;
    margin-bottom: 30px;
    padding: 18px 50px 18px 30px;
    font-size: 16px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    border-radius: 3px;
    resize: vertical;
	height: 243px;
	float: left;
}
.po_input_wrap {
    position: relative;
}
.po_input_wrap span {
    position: absolute;
    right: 30px;
    top: 14px;
    font-size: 20px;
}
/*============ 14. Newsletter CSS ============*/
.po_newsletter_wrapper {
    background: #ffb633;
}
.po_newsletter_text {
    position: relative;
	margin-bottom: 30px;
}
.po_newsletter_text h2 {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
	font-size: 25px;
    margin-left: 10px;
}
.po_newsletter_text span {
    color: #ffffff;
    font-size: 30px;
}
.po_newsletter_form a.po_btn {
    margin-top: 0;
    background: #ffffff;
    color: #ffb633;
}
.po_newsletter_form a.po_btn:hover {
    background: #ffb633;
    color: #ffffff;
	border-color: #ffffff;
}
.po_newsletter_form .po_input_wrap input {
    background: transparent;
    padding: 10px 50px 10px 20px;
    border: 1px solid #ffffff;
    box-shadow: none;
    color: #ffffff;
}
.po_newsletter_form .po_input_wrap span {
    top: 8px;
    color: #ffffff;
}
.po_newsletter_form .po_input_wrap input::-webkit-input-placeholder {
	color: #ffffff;
	text-transform: uppercase;
}
.po_newsletter_form .po_input_wrap input::-moz-placeholder { 
	color: #ffffff;
	text-transform: uppercase;
}
.po_newsletter_form .po_input_wrap input:-ms-input-placeholder { 
	color: #ffffff;
	text-transform: uppercase;
}
.po_newsletter_form .po_input_wrap input:-moz-placeholder { 
	color: #ffffff;
	text-transform: uppercase;
}
/*============ 15. Footer CSS ============*/
.po_footer_wrap {
    background: #111111;
    color: #ffffff;
}
.po_widgets {
    margin-bottom: 30px;
}
.po_widgets > img {
    margin-bottom: 40px;
}
.po_widgets > h4 {
    color: #ffffff;
    position: relative;
    margin-bottom: 60px;
	text-transform: capitalize;
	font-weight: 600;
	margin-top: 8px;
}
.po_widgets > h4:before {
    left: 0;
    position: absolute;
    content: "\f101";
    display: inline-block;
    font-family: Flaticon;
    font-size: 20px;
    bottom: -30px;
    width: 40px;
    z-index: 1;
    color: #ffffff;
}
.po_widgets > h4:after {
    content: "";
    background: #ffffff;
    height: 1px;
    width: 30px;
    bottom: -20px;
    position: absolute;
    left: 25px;
}
.po_widgets > a {
    margin-top: 30px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.po_widgets > a:hover {
    color: #ffb633;
}
.po_mpo_section iframe {
    width: 100%;
    height: 270px;
    border: 0;
}
.po_contact_info h5 {
    position: relative;
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 16px;
}
.po_contact_info a {
    color: #ffffff;
}
.po_contact_info a:hover {
    color: #ffb633;
}
.po_contact_info h5:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    background: #ffffff;
    bottom: -16px;
    left: 0;
}
.po_contact_info ul li {
    display: inline-block;
    margin-right: 12px;
}
.po_contact_info {
    margin-bottom: 25px;
}
.po_contact_info:last-of-type {
    margin-bottom: 0;
}
.po_contact_info a span {
    margin-right: 8px;
}
.po_contact_info ul {
    display: inline-block;
	margin-top: 2px;
}
.po_contact_info ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px dashed;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}
.po_contact_info ul li a span {
	margin-right: 0;
}
.po_contact_info ul li:last-of-type {
    margin-right: 0;
}
.po_widgets > p {
    margin-bottom: 10px;
}
.po_widgets > p:last-of-type {
    margin-bottom: 10px;
}
.po_contact_info:hover h5,
.po_contact_info:hover a {
	color: #ffb633;
}
.po_contact_info:hover ul li a {
    color: unset;
}
.po_contact_info ul li a:hover {
    color: #ffb633;
}
.po_contact_info:hover h5:before {
	background: #ffb633;
}
.po_partner_slider.owl-carousel button.owl-next,
.po_partner_slider.owl-carousel button.owl-prev {
    width: 35px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 41%;
    font-size: 30px;
    text-align: center;
	background: #ffffff;
    color: #111111;
}
.po_partner_slider.owl-carousel button.owl-next:hover,
.po_partner_slider.owl-carousel button.owl-prev:hover {
    background: #ffb633;
    color: #ffffff;
}
.po_contact_info:hover h5:before,
.po_contact_info:hover h5,
.po_contact_info:hover a,
.po_partner_slider.owl-carousel button.owl-next,
.po_partner_slider.owl-carousel button.owl-next:hover,
.po_partner_slider.owl-carousel button.owl-prev,
.po_partner_slider.owl-carousel button.owl-prev:hover {
   -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.po_partner_slider.owl-carousel button.owl-prev {
    left: 0;
}
.po_partner_slider.owl-carousel button.owl-next {
	right: 0;
}
.po_partner_img {
    padding: 50px;
}
.po_partner_slider {
    border: 1px solid #b8b8b8;
    width: 100%;
    float: none;
}
.po_copyright_wrap {
    background: #282828;
    text-align: center;
    color: #ffffff;
	font-size: 14px;
}
.po_copyright_wrap a {
    color: #ffb633;
}
/*============ 16. Top-button CSS ============*/
.po_top_btn {
	position: fixed;
	bottom: 0;
	right: 0;
	display: inline-block;
	margin: 20px;
	background: #ffb633;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #ffffff;
	border: 1px dashed;
	border-radius: 50%;
	z-index: 999;
}
.po_top_btn:hover {
	color: #ffb633;
	background: transparent;
}