/*-------------------------------------
    Template Name: Mokam -Corporate and Business Bootstrap 4 Template
    Template URI: http://wpthemehut.com/
    Description: Mokam -Corporate and Business Bootstrap 4 Template
    Author: wpthemehut
    Author URI: http://wpthemehut.com/
    Version: 1.0
    Tags: business, corporate
---------------------------------------*/

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

	CSS Index
	============

	01. Common style
	02. Preloader CSS
	03. Back to top CSS
	04. Header top style
	05. Header style
	06. Slider style
	07. About style
	08. Service style
	09. FAQ style
	10. Call to action style
	11. Portfolio style
	12. Testimonial style
	13. Team style
	14. Pricing style
	15. Skills style
	16. Blog style
	17. Contact style
	18. Footer style


	Blog Page
	==========
	01. Page feature style

	Blog Single page
	===================
	01. Single Blog Post
	02. Comments style
	03. Sidebar style

	404 page
	==========


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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');


* {
	box-sizing: border-box;
}
html, body, ul, ol {
  margin: 0;
  padding: 0;
}
body {
	background-color: #fff;
	color: #9e8d65;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}
figure {
	margin-bottom: 0;
}

img {
	display: block;
  margin-left: auto;
  margin-right: auto;
	width: 100%;
	height: auto;
}

a:hover,
a:focus,
button:focus {
  text-decoration: none;
  outline: none;
}
section {
	position: relative;
	display: block;
	width: 100%;
}

/********** Common style **********/

.overlay-black {
	position: relative;
}
.overlay-black:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .61);
	position: absolute;
	top: 0;
	left: 0;
}
.btn {
	display: inline-block;
	border: none;
	border-radius: 0;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 500;
	line-height: 22px;
	color: black;
	text-transform: capitalize;
	text-align: center;
	padding: 12px 29px;
	transition: 300ms;
}
.btn:hover,
.btn.hoverd {
	background: #DA6401;
	color: #fff;
}
.btn:nth-of-type(2) {
	margin-left: 47px;
}
.btn:focus {
	box-shadow: none;
}

.section-head {
	max-width: 695px;
	width: 100%;
	margin: 0 auto 47px;
	text-align: center;

}
.section-title {
	display: inline-block;
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
	font-weight: bold;
	line-height: 30px;
	text-transform: capitalize;
	color: #58463a;
	margin: 0;
	position: relative;
	padding-bottom: 30px;
}
.section-title:after {
	content: '';
	background: #f7941d;
	width: 40px;
	height: 3px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.section-subtitle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 0;
	margin-top: 23px;
	color: #66634a;
}
.sec-title02 {
	font-family: "Times New Roman", Times, serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	color: #323232;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
.section-title:after,
.sec-title02:after {
	content: '';
	background: #f7941d;
	width: 40px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.common-padd {
	padding: 95px 0 100px;
}
.common-padd-btm {
	padding-bottom: 100px;
}

.form-parent {
width:323px;height:auto;
background: transparent url('images/Contact Button 2.png') no-repeat right 200px;padding-left: -10px;
    border-radius: 10px;
position:fixed;top:200px;left:-275px;z-index:9999999;
transition:all ease .6s;
-moz-transition:all ease .6s;
-webkit-transition:all ease .6s;
-o-transition:all ease .6s;}

/**.form-parent:hover {left:0;}**/
.cc-float-form {
    background:#DADFE1;
    background:-webkit-linear-gradient(top, #f09849 100%, #f09849 100%);
    background:-o-linear-gradient(top, #f09849 100%, #f09849 100%);
    background:-ms-linear-gradient(top, #f09849 100%, #f09849 100%);
    background:linear-gradient(to bottom, #f09849 100%, #f09849 100%);
    color:#ffffff;
    padding:10px;
    width:275px;
    border-radius: 7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;}

#ContactForm1 {display:none;}
.contact-form-area {
    background: #ffffff;
    width: 245px;
    padding: 3px 3px;
    font-family:Verdana, Geneva, sans-serif;
    color:#817c77;
    font-size: 12px;}

#cc {
    float:right;
    font-size:12px;
    margin-top:-10px;
    color:#ffffff;}

#cc a {
    color: #ffffff;
    text-decoration:none;
}


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

#status {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/********** Back to top CSS **********/
#back-to-top {
	display: none;
	position: fixed;
	line-height: 2;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	background: #e35b00;
	text-align: center;
	border-radius: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	color: #fff;
	font-size: 14px;
	padding: 20px 16px;
	text-transform: uppercase;
}
#back-to-top i {
	font-size: 28px;
	line-height: 0;
	vertical-align: middle;
}


/********* Header top style **********/
.header-top {
	display: block;
	position: relative;
	background: #fff;
	padding: 19px 0;
	z-index: 11;
	border-bottom: thin solid #f2f2f2;
}
.company-marquee {
	margin: 0;
	padding: 0;
	list-style: none;
}
.company-marquee li {
	font-size: 14px;
	color: #232932;
}
.language {
	position: relative;
	display: inline-block;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: #fff;
	font-size: 14px;
}
.language span {
	font-size: 14px;
	color: #232932;
	cursor: pointer;
}
/*.language ul {
	margin: 0;
	list-style: none;
	background: #0ABC9C;
	width: 80px;
	border-radius: 5px;
	padding: 13px 0px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 1px 5px 0px rgba(0, 0, 0, .5);
}*/

.language ul {
	margin: 0;
	list-style: none;
	background: #fff;
	width: auto;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: -8px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 1px 5px 0px rgba(0, 0, 0, .5);
}
/*.language ul li {
	cursor: pointer;
	padding: 5px 22px 5px 10px;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: flex;
	justify-content: space-between;
}*/
.language ul li {
	cursor: pointer;
	padding: 2px 10px;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: flex;
	justify-content: space-between;
}
.language ul li img {
	width: 25px;
}
.language ul li:hover {
	background: #f0f0f0;
}
.language:hover > ul {
	opacity: 1;
	visibility: visible;
	z-index: 1
}
.signup {
	display: inline-block;
	position: relative;
}
.signup > a {
	display: inline-block;
	font-size: 14px;
	color: #232932;
	margin-left: 30px;
	position: relative;
}
/********* Header top style end **********/


/********** Header style **********/
.header-sec {
	position: relative;
	width: 100%;
	z-index: 10;
}
.header-sec.sticky {
	position: fixed;
	padding: 10px 0;
	background: #fff;
	z-index: 10;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	top: 0;
}
.header-sec h1 {
	margin-bottom: 20px;
	height: 100px;
}
.logo {
	display: block;
	font-size: 40px;
	line-height: 28px;
	color: #f7941d;
	font-family: 'Poppins', sans-serif;
	margin: 0;
}

.logo img{
	height: 1.5em;
	width: auto;
}
.logo:hover {
	color: #f7941d;
}
.nav-menu {
	position: relative;
	padding-right: 50px;

}
.nav-menu ul {
	list-style: none;
}
.nav-menu li {
	display: inline-block;
}
.nav-menu li a {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 5px;
	color: #696969;
	text-transform: uppercase;
	padding: 30px 12px 24px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	font-family: "Times New Roman", Times, serif;
}

.header-sec.sticky .nav-menu li a {
	padding: 15px 12px 15px;
}
.nav-menu li.current-menu-item a,
.nav-menu li:hover a {

}
.current-menu-item{
		color: #f7941d !important;
}
.dropdown-item:hover,
.menu-item:hover {
	color: #f7941d;
}

.search-btn {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 39px;
	height: 39px;
	background: #0abc9c;
	text-align: center;
	line-height: 39px;
	color: #fff;
	border-radius: 50%;
	z-index: 3;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.search-btn:hover {
	color: #fff;
}
.search-btn:after {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 16px;
}
.search-active {
	background: transparent;
	color: #000;
	margin: 0;
	padding: 0;
}
.search-active:hover {
	color: #111;
}
.search-active:after {
	content: '\f00d';
	font-family: FontAwesome;
	font-size: 16px;
}
.head-searchBox {
	position: absolute;
	width: 100%;
	top: 15px;
	right: 60px;
	border: none;
	padding: 12px 15px;
	border-bottom: 1px solid #d3d3d3;
	max-width: 680px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
.search-active + .head-searchBox {
	right: 15px;
	opacity: 1;
	visibility: visible;
}
.sticky .head-searchBox {
	top: 0;
}

/**********  Header style end **********/

.video {padding-bottom: 50px;}
/**********  Slider style **********/
.slider-caro .nivo-caption {
	position: absolute;
	width: 100%;
	max-width: 800px;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	bottom: auto;
	transform: translateY(-30%);
	background: transparent;
	height: auto;
	overflow: visible;
	opacity: 1;
	padding: 0;
}
.slider-caro + .nivo-controlNav {
	display: none;
}
.slide-caption {
	display: none;
}
.slider-sec.video .slide-caption h2,
.particle-bg .slide-caption h2,
.nivo-caption h2 {
	font-size: 45px;
	line-height: 55px;
	font-weight: 700;
	color: #838083;
	text-transform: capitalize;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 30px;
}
.slider-sec.video .slide-caption p,
.particle-bg .slide-caption p,
.nivo-caption p {
	display: block;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	margin-bottom: 40px;
	position: relative;
}
.nivo-directionNav a {
	display: inline-block;
	width: 59px;
	height: 59px;
	background: #f7941d;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 59px;
	color: #fff !important;
	text-align: center;
}
.nivo-directionNav .nivo-prevNav {
	left: 30px;
	position: absolute;
}
.nivo-directionNav .nivo-nextNav {
	right: 30px;
	position: absolute;
}

.video-background {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.video-background video,
.video-background iframe {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slider-sec.video .slide-caption,
.particle-bg .slide-caption {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 610px;
	width: 100%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.slider-sec.video .overlay-black::after {
	top: -8px;
}
.particle-bg {
	position: relative;
	padding: 20% 0;
	background: -webkit-gradient(to right, #A1D5E2, #1894AC);
	background: -webkit-linear-gradient(to right, #A1D5E2, #1894AC);
	background: -moz-linear-gradient(to right, #A1D5E2, #1894AC);
	background: -o-linear-gradient(to right, #A1D5E2, #1894AC);
	background: linear-gradient(to right, #A1D5E2, #1894AC);
}
#particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#wave-svg {
	position: absolute;
	bottom: 0;
}
.st0{fill:rgba(0,0,0,.08);stroke:none;}
.st1{fill:rgba(0,255,255, .2);stroke:none;}
.particle-bg .slide-caption {
	display: block;
}
.particle-bg .btn {
	border-color: #103e35;
}
.particle-bg .btn:hover,
.particle-bg .btn.hoverd {
	background: #103e35;
}
/**********  Slider style end **********/


/**********  About style  **********/

.about-sec {
	background: #f9f9f9;
	padding-bottom: 75px;
}
.art-content {
	position: relative;
	display: block;
}
.art-content .sec-title02 {
	text-transform: uppercase;
	font-weight: 800;
}
.art-content p, .p-content, .p-content li {
	font-size: 16px;
	line-height: 26px;
	color: ##9e8d65;
	margin-bottom: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.art-content ul {
	max-width: 352px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.art-content ul:after {
	content: '';
	clear: both;
	display: table;
}
.art-content ul li {
	width: 50%;
	float: left;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	padding-left: 23px;
}
.art-content ul li:before {
	content: '\f0a8';
	font-family: fontAwesome;
	color: #626262;
	position: absolute;
	left: 0;
}
/**********  About style end **********/


/**********  Service style  **********/
.service-sec {
	background: #fff;
	padding-bottom: 75px;
	padding-top: 30px;
}
.service-caro {
	width: 100%;
	display: block;
}
.service-caro .owl-stage-outer {
	padding: 0 0 10px;
}
.single-service {
	text-align: center;
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 30px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-service:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}
.service-icon {
	width: 66px;
	height: 71px;
	margin: 0 auto 36px;
}
.single-service h4 {
	font-size: 20px;
	line-height: 22px;
	color: #323232;
	text-transform: capitalize;
	font-family: "Times New Roman", Times, serif;
	font-weight: 700;
	margin-bottom: 23px;
}
.single-service p {
	margin-bottom: 0;
}
.service-caro .owl-nav,
.team-caro .owl-nav {
	text-align: center;
	margin-top: 40px;
}
.service-caro .owl-nav span,
.team-caro .owl-nav span {
	display: inline-block;
	width: 34px;
	height: 34px;
	border: 2px solid #f7941d;
	font-size: 20px;
	margin: 0 5px;
}
.service-caro .owl-nav button:hover span,
.team-caro .owl-nav button:hover span {
	color: #f7941d;
}
/**********  Service style end **********/


/**********  FAQ style  **********/
.faq-sec {
	padding-bottom: 70px;
}
.accordion-item h5 {
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	color: #323232;
	line-height: 28px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	padding: 12.3px 20px;
	position: relative;
}
.accordion-item p {
	font-size: 16px;
	margin-bottom: 28px;
}
.single-logo {
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 70px 50px;
	margin-bottom: 30px;
}
/**********  FAQ style end **********/


/**********  Call to action style  **********/
.callToAct-sec {
	padding: 49px 0 58px;
	background-image: url(images/calltoact-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.callToAct-sec p {
	font-size: 36px;
	line-height: 44px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 14px;
}
.callToAct-sec span {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	margin-bottom: 26px;
}
.callToAct-sec .btn {
	background: #f6bb19;
	color: #282f39;
	font-size: 14px;
	line-height: 30px;
	padding: 6px 30px;
	border: none;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.callToAct-sec .btn:hover {
	background: #ffd04e;
	color: #000;
}
/**********  Call to action style end **********/


/**********  Portfolio style  **********/
.portfolio-sec {
	padding-bottom: 70px;
}
.portfolio-category {
	list-style: none;
	text-align: center;
	margin-bottom: 40px;
}
.portfolio-category li {
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 500;
	color: #323232;
	border: 1px solid #b2b2b2;
	padding: 10px 39px;
	margin: 0 7px;
	text-transform: capitalize;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.portfolio-category li:hover,
.portfolio-category .mixitup-control-active {
	border-color: #f7941d;
	color: #f7941d;
}
.single-portfolio {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.portfolio-content {
	position: absolute;
	top: 50px;
	left: 0;
	background: #f7941d;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 28px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.portfolio-content::after {
	content: '';
	width: 83%;
	height: 85%;
	border: 3px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.single-portfolio:hover .portfolio-content {
	visibility: visible;
	opacity: 1;
	top: 0;
}
.portfolio-conIn {
	text-align: center;
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.portfolio-conIn h4,
.portfolio-conIn h4 a {
	font-size: 22px;
	line-height: 28px;
	color: #fff;
	text-transform: capitalize;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 0;
	margin-top: 31px;
}
.portfolio-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	line-height: 50px;
	color: #fff;
	font-size: 22px;
	border-radius: 50%;
}
.portfolio-icon:hover {
	color: #fff;
}
/**********  Portfolio style end **********/


/**********  Testimonial style  **********/
.testimonial {
	background-image: url(images/clients/t2-bg-img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding: 100px 0 92px;
}
.testimonial.overlay-black::after {
	background: rgba(0, 0, 0, .8);
}
.testimonial .container {
	position: relative;
	z-index: 1;
}
.testiomonial-caro {
	margin-bottom: 16px;
}
.single-testimonial {
	text-align: center;
	max-width: 815px;
	margin: auto;
	width: 100%;
	color: #fff;
}
.clients-img {
	width: 112px;
	height: 112px;
	border-radius: 50%;
	margin: 0 auto 48px;
	position: relative;
}
.clients-img::after {
	content: '';
	font-family: fontAwesome;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	margin: auto;
	font-size: 30px;
	color: #f7941d;
}
.single-testimonial h5 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 0;
	font-family: 'Raleway', sans-serif;
	letter-spacing: .8px;
}
.single-testimonial span {
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #f7941d;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	margin-bottom: 18px;
}
.single-testimonial p {
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0.2px;
}
.testimonial .owl-thumbs {
	text-align: center;
}
.testimonial .owl-thumb-item {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	margin: 0 7px;
	background-color: grey;
}
.testimonial .owl-thumb-item.active:after {
	content: '';
	background: #f7941d;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/**********  Testimonial style end **********/


/**********  Team style  **********/
.team-member {
	display: block;
	width: 100%;
	position: relative;
}
.memb-details {
	position: absolute;
	background: rgba(0, 184, 148, .95);
	width: 100%;
	height: 100%;
	top: 0;
	right: -30px;
	text-align: center;
	padding: 63px 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	z-index: 1;
}
.team-member:hover .memb-details {
	visibility: visible;
	opacity: 1;
	right: 0;
}
.memb-details::after {
	content: '';
	width: 85%;
	height: 85%;
	border: 2px dashed #fff;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.memb-socials {
	margin-top: 5px;
	position: relative;
	z-index: 1;
}
.memb-details h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 700;
	line-height: .8;
	margin-bottom: 0;
	color: #fff;
}
.memb-details span {
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	font-weight: 600;
	display: block;
}
.memb-details a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 30px;
	color: #fff;
}
/**********  Team style end **********/


/**********  Pricing style  **********/
.single-pricing {
	display: block;
	border: thin solid #ccc;
	text-align: center;
}
.pricing-head {
	background: #f7941d;
	color: #fff;
	padding: 30px;
}
.pricing-head h4 {
	font-size: 34px;
	line-height: 32px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.price {
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	display: inline-block;
	/* float: left; */
	margin-bottom: 0;
	font-weight: 400;
}
.pricing-head span {
	display: inline-block;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 22px;
	/*float: right;*/
}
.pricing-head:after {
	content: '';
	clear: both;
	display: table;
}
.pricing-body ul {
	list-style: none;
}
.pricing-body li {
	padding: 18px 30px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
}
.pricing-body li p {
	font-size: 16px;
	line-height: 28px;
	font-family: "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0;
	color: #444;
}
.single-pricing .btn {
	color: #6c6a6a;
	margin: 20px auto;
	border: 1px solid #b2b2b2;
}
.single-pricing .btn:hover {
	border-color: #f7941d;
	color: #fff;
}
/**********  Pricing style end **********/

/**********  Skills style  **********/
.skill-sec {
	background: #f5f5f5;
	padding: 95px 0 68px;
}
.skill-content span {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	color: #f7941d;
	margin-bottom: 5px;
	display: block;
}
.skill-content .sec-title02 {
	text-transform: none;
	margin-bottom: 23px;
}
.skill-content p {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 26px;
	color: #494949;
}
.skill-set {
    width: 100%;
    position: relative;
}
.single-skill {
    position: relative;
    margin-bottom: 38px;
}
.single-skill h5 {
	font-size: 20px;
	color: #323232;
	line-height: 22px;
	font-weight: 500;
	font-family: "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.skill-holder {
    height: 7px;
    background: #005a48;
    position: relative;
}
.skill {
    position: relative;
    height: 7px;
    background: #f7941d;
    width: 0;
    overflow: visible !important;
}
.skill .skill-data {
	display: block;
	position: absolute;
	right: 0;
	top: -15px;
	border: 1px solid #c0bdbd;
	padding: 7px;
	background: #fff;
	font-size: 16px;
	line-height: 22px;
	color: #323232;
	font-family: "Times New Roman", Times, serif;
	font-weight: 500;
}
/**********  Skills style end **********/


/**********  Blog style  **********/
.single-post {
	position: relative;
	background: #fff;
}
.single-post:before,
.single-post:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	box-shadow: 0 15px 10px #777;
	transform: rotate(-3deg);
}
.single-post:after {
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.post-meta {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px;
}
.post-meta a {
	font-family: "Times New Roman", Times, serif;
	color: #898989;
	text-transform: capitalize;
	font-weight: 500;
}

.post-body{
	border: 1px solid #b2b2b2;
	border-top: none;
	padding: 15px 30px 15px;
	height: 450px;
}

.post-body h4,
.post-body h4 a {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	color: #323232;
	font-weight: 700;
	margin-bottom: 23px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.post-body h4 a:hover {
	color: #f7941d;
}
.post-body p {
	margin-bottom: 17px;
}
.read-more {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #626262;
	text-transform: capitalize;
	display: inline-block;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-post:hover .read-more {
	color: #f7941d;
}
/**********  Blog style end **********/

/**********  Contact style  **********/
.single-addr {
	position: relative;
	padding-left: 62px;
	margin: 0 0 53px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	color: #636363;
	font-size: 16px;
	line-height: 26px;
}
.single-addr a {
	color: #636363;
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-addr a:hover {
	color: #f7941d;
}
.addr-icon {
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact-form {
	margin-left: -15px;
	margin-right: -15px;
}
.contact-form:after {
	content: '';
	clear: both;
	display: table;
}
.form-field {
	width: 33.3333%;
	display: block;
	float: left;
	padding: 0 15px;
}
.contact-form input,
.contact-form textarea {
	width: 100%;
	border: 1px solid #b2b2b2;
	height: 50px;
	padding: 10px 20px;
	margin-bottom: 30px;
}
.contact-form textarea {
	height: 130px;
	resize: none;
}
.contact-form .btn {
	background: #f7941d;
	margin-left: 15px;
}
/**********  Contact style end **********/

/**********  Footer style  **********/
.footer {
	padding: 100px 0 0;
	background-image: url("images/bgfooter.jpg");
	background-repeat: no-repeat;
}
.footer-info h2, .footer-info h3 {
	font-size: 30px;
	line-height: 28px;
		font-family: "Times New Roman", Times, serif;
	font-weight: 500;
	color: #fff;
	margin-bottom: 39px;
}
.footer-info p, .footer-info a{
	font-size: 16px;
		font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	color: #b1b1b1;
	line-height: 28px;
	margin-bottom: 11px;
	text-decoration: none;
}
.foo-widget h5 {
	font-size: 20px;
	line-height: 22px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 33px;
}
.foo-widget h5:after {
	width: 40px;
	height: 2px;
	background: #fff;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}
.foo-widget ul {
	list-style: none;
	position: relative;
}
.foo-menu ul li {
	width: 50%;
	display: block;
	float: left;
}
.foo-menu li a {
	font-size: 16px;
	font-family: 'Open sans', sans-serif;
	color: #f3f3f4;
	text-transform: capitalize;
	line-height: 0.8;
	margin-bottom: 26px;
	display: block;
}
.foo-menu li a:hover {
	color: #f7941d;
}
.recennt-post a {
	display: block;
	padding-left: 86px;
	margin-bottom: 25px;
}
.foo-recent-img {
	width: 68px;
	height: 53px;
	display: block;
	position: absolute;
	left: 0;
}
.recennt-post p {
	font-size: 15px;
	line-height: 20px;
	font-family: 'Open sans', sans-serif;
	font-weight: 600;
	color: #f3f3f4;
	text-transform: capitalize;
	margin: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.recennt-post li a {
	display: block;
}
.recennt-post li a:hover p {
	color: #f7941d;
}
.recennt-post span {
	font-size: 12px;
	line-height: 20px;
	color: #f3f3f4;
	text-transform: uppercase;
}
#map {
	display: block;
	width: 100%;
	max-height: 236px;
	margin-top: 70px;
	height: 100%;
}
#map iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
.subs-wrap {
	padding: 50px 0 65px;
}
.subscriptions form {
	position: relative;
	width: 100%;
	display: block;
}
.subscriptions p {
	display: block;
	font-size: 24px;
	line-height: 32px;
	color: #ffffff;
	margin-bottom: 21px;
}
.subscriptions input {
  width: 100%;
  background: transparent;
  border: 1px solid #b9b9bb;
  height: 50px;
  border-radius: 30px;
  padding: 20px;
  color: #fff;
	margin: 5px;
}
.subscriptions button {
	cursor: pointer;
	font-size: 22px;
	background: transparent;
	color: #fff;
	box-shadow: none;
	border: none;
	position: absolute;
	z-index: 1;
	right: 30px;
	top: 75%;
	transform: translateY(-50%);
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.subscriptions button:hover {
	right: 20px;
}
.social-icons {
	text-align: right;
	padding-bottom: 40px;
}

.social-icons img{
	width: 2.5em;
	height: auto;
}
.social-icons p {
	font-size: 20px;
	line-height: 40px;
	color: #f3f3f4;
	display: inline-block;
	margin-bottom: 0;
}
.social-icons a {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-left: 15px;
}
.social-icons i {
	width: 41px;
	height: 41px;
	line-height: 41px;
	border-radius: 50%;
}
.social-icons i.fa-facebook {
	background: #3b5998;
}
.social-icons i.fa-twitter {
	background: #26a6d1;
}
.social-icons i.fa-skype {
	background: #00aff0;
}
.social-icons i.fa-google-plus {
	background: #dd4b39;
}
.copyright {
	padding: 20px
}
.copyright p {
	font-size: 14px;
	color: #a9a9ac;
	line-height: 26px;
	margin: 0;
}
/**********  Footer style end **********/


/*--------------------------
 * Blog page
 ----------------------------*/

/**********  Page feature style  **********/
.page-feature {
    display: block;
    width: 100%;
    padding-top: 13.5%;
    padding-bottom: 6.5%;
    background-image: url(images/bg/page-feature-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.page-feature-asip {
    display: block;
    width: 100%;
    padding-top: 25%;
    padding-bottom: 7%;
    background-image: url(images/asip/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.page-feature .container {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}
.page-title {
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 55px;
	margin-bottom: 18px;
	color: #fff;
	text-transform: capitalize;
}
.breadcrumb {
    background: transparent;
    display: block;
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
}
.breadcrumb a,
.breadcrumb span {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	padding-right:14px;
	position: relative;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.breadcrumb a:after {
    content: '/';
    right: 2px;
    top: 0;
    position: absolute;
}
.breadcrumb a:hover {
    color: #f7941d;
}
.breadcrumb span {
    color: #f7941d;
    padding: 0;
}
/**********  Page feature style end  **********/


/*--------------------------
 * Blog Single page
 ----------------------------*/

/**********  Single Blog Post  **********/
.blog-page.blog-sec {
	padding: 100px 0 70px;
}
.blog-page .single-post {
	margin-bottom: 30px;
}
.blog-single-post .blog-meta a:hover {
    opacity: .8;
}
.blog-single-post .post-img {
    display: block;
    margin-bottom: 34px;
}
.post-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 23px;
	text-transform: capitalize;
	color: #323232;
	font-family: 'Raleway', sans-serif;
}
.blog-single-post p {
	margin-bottom: 20px;
}
.blog-single-post h4 {
	font-size: 22px;
	line-height: 35px;
	color: #1a1c27;
	font-weight: 600;
	margin-bottom: ;
	margin-bottom: 18px;
}
.share-post {
	margin-top: 55px;
	margin-bottom: 70px;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.share-post p {
	margin-bottom: 0;
}
.share-post .social-icons p,
.share-post .tags p {
	margin-bottom: 0;
	font-weight: 500;
	display: inline-block;
	margin-right: 15px;
}
.share-post .tags a {
	color: #595959;
	padding: 0;
	border: none;
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	font-weight: 500;
	text-transform: capitalize;
}
.share-post .tags a:hover {
	color: #595959;
	background: none;
	opacity: .7;
}
.share-post .social-icons a {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-left: 5px;
}
.share-post .social-icons i {
	width: 24px;
	height: 24px;
	line-height: 24px;
}
/**********  Single Blog Post end **********/


/********** Comments style **********/
.comments {
	margin-bottom: 95px;
}
.comments ul {
	list-style: none;
}
.comment-title {
	color: #323232;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	position: relative;
	margin-bottom: 33px;
	font-family: "Times New Roman", Times, serif;
}
.comments ul li{
    position: relative;
    padding-left: 120px;
    margin-bottom: 34px;
}
.user-thumb {
    width: 96px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
}
.comments li h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #323232;
	margin-bottom: 0;
	font-family: "Times New Roman", Times, serif;
}
.comments li p {
	margin-bottom: 0;
}
.comments li span {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #f7941d;
}
.comments li span i {
	font-size: 16px;
	margin-right: 6px;
	vertical-align: middle;
}
.comments li i {
	color: #ffbe00;
}
.comments ul li ul li:first-child {
	margin-top: 35px;
}
.reply {
	font-size: 14px;
	line-height: 28px;
	position: absolute;
	top: 0;
	right: 0;
	color: #f7941d;
	font-weight: 500;
}
.comment-form form {
    width: 100%;
    display: block;
    position: relative;
}
.input-field {
    display: block;
    width: 48%;
    float: left;
    margin-bottom: 30px;
}
.input-field:nth-child(2n+1) {
	margin-right: 4%;
}
.comment-form input,
.comment-form textarea {
    width: 100%;
    background: transparent;
    box-shadow: none;
    border: 1px solid #bdbdbd;
    padding: 7px 20px;
}
.comment-form input {
	height: 50px;
}
.comment-form textarea {
	height: 138px;
}
.input-field.textarea {
    width: 100%;
    margin-right: 0;
}
.comment-form button {
	padding: 12px 32px;
	background: #f7941d;
}
/********** Comments style end**********/


/********** Sidebar style **********/
.sidebar {
	padding-left: 15px;
}
.widget {
    position: relative;
    display: block;
    margin-bottom: 70px;
}
.widget-title {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 22px;
	color: #323232;
	font-weight: 700;
	padding-bottom: 15px;
	text-transform: capitalize;
	margin-bottom: 21px;
}
.search-box {
    position: relative;
    width: 100%;
}
.search-box input {
    height: 70px;
    width: 100%;
    position: relative;
    border: 1px solid #bdbdbd;
    padding: 10px 85px 10px 20px;
}
.search-box button {
	cursor: pointer;
	position: absolute;
	right: 13px;
	border: none;
	background: transparent;
	color: #898989;
	line-height: 50px;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}
.search-box button i {
	font-size: 20px;
}
.archives li {
	display: block;
	position: relative;
	margin-bottom: 0;
}
.archives li a {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	color: #676666;
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	text-transform: capitalize;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	font-family: "Times New Roman", Times, serif;
}
.archives li a:hover,
.archives li a:focus {
    color: #f7941d;
    text-decoration: none;
}
.lastest-post li {
	position: relative;
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	padding: 10px 0;
}
.lastest-post li:first-child {
	border-top: 1px solid #ccc;
}
.lastest-post a {
	color: #676666;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	font-family: "Times New Roman", Times, serif;
}
.lastest-post a:hover {
	color: #f7941d;
}
.lastest-post li a span {
	font-size: 14px;
	line-height: 26px;
	display: block;
	color: #898989;
	margin-bottom: 0;
	text-transform: capitalize;
}
.tags {
    display: block;
    width: 100%;
    position: relative;
}
.tags a {
	display: inline-block;
	border: thin solid #ccc;
	font-size: 16px;
	line-height: 28px;
	margin-right: 10px;
	margin-bottom: 15px;
	color: #b9b9bb;
	padding: 5px 30px;
	text-transform: capitalize;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.tags a:hover,
.tags a:focus {
    background: #f7941d;
    border-color: #f7941d;
    color: #fff;
    text-decoration: none;
}
/********** Sidebar style end**********/


/*--------------------------
 * 404 page
 ----------------------------*/
.error-img {
	width: 154px;
	height: 172px;
	margin: 0 auto 50px;
}
.error-message strong {
	font-size: 60px;
	line-height: 45px;
	font-family: 'PT serif', serif;
	color: #323232;
	margin-bottom: 34px;
	display: block;
}
.error-message p {
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: 300;
	line-height: 45px;
	color: #323232;
	text-transform: capitalize;
	margin-bottom: 50px;
}
.error-message .btn {
	max-width: 270px;
	display: block;
	margin: auto;
	background: #f7941d;
}

/*------------custom-------------------*/

.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 20em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.font-color_main{
	color: #f7941d
}

.sub-header{
	color: black;
	font-family: "Times New Roman", Times, serif;
}

.hr{
	border-bottom: 1px solid #f7941d;
	margin-bottom: 30px;
}

.hr2{
	border: 0;
	border-bottom:0.1em solid #f7941d;
	margin: 70px auto;
}

.sub-header2{
	color: #26477a;
}

.content{
	color: #9e8d65;
}
.content strong{
	font-weight: bolder;;
}
.spacer{
	display: block;
	position: relative;
	background: #fff;
	height: 145px;
	z-index: 11;
	border-bottom: thin solid #f2f2f2;
}

.dropdown-submenu{ position: relative; }

.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.footer .col-lg-3 h3{
	margin-top: none;
}
form #formid{ display:none; }

@media screen and (max-width: 991px) {
	.dropdown-menu-right {
		display: none;
		position: absolute;
		transform: translate3d(-156px, 59px, 0px);
		top: 0px;
		left: 0px;
		will-change: transform;
	}
}


@media screen and (max-width: 1199px) {
	.dropdown-menu-right {
		display: none;
		position: absolute;
		transform: translate3d(-156px, 59px, 0px);
		top: 0px;
		left: 0px;
		will-change: transform;
	}
}

@media screen {
	.dropdown-menu-right {
		display: none;
		position: absolute;
		transform: translate3d(-156px, 59px, 0px);
		top: 0px;
		left: 0px;
		will-change: transform;
	}
}