@import url('https://ferryinfotech.com/font.css');

body {
	overflow-x: hidden !important;

    line-height: 30px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    color: #686F7A;
    margin: 0 !important;
    padding: 0 !important;
}
.single_service ul li {
    list-style: circle;
    margin-left: 20px;
}
section {
    padding: 85px 0px;
    display: block;
    clear: both;
    width: 100%;
}
ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

a{ 
	text-decoration: none;
	color: #2f2f2f;
	
}
.heading {
    text-align: center;
}
a:focus{
	outline: none;
	text-decoration: none;
}

h2 {
	color: #313338;  
	font-size: 30px;
	font-weight: 700;
	line-height: 57px;
	margin: 0;
	padding-bottom: 10px;
	
}
img{
	border:none;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.html); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/*scrol to top*/

.scrollToTop {
	bottom: 60px;
	font-size: 32px;
	font-weight: bold;
	height: 50px;
	position: fixed;
	right: 50px;
	text-align: center;
	text-decoration: none;
	width: 50px;
	z-index: 9999;
	color: #fff; 
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp; 
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	
}
.scrollToTop:hover, .scrollToTop:focus{
	text-decoration: none;
	outline: none;
}

/*--------------------*/
/* HEADER */
/*--------------------*/

#header{
	/* float: left; */
	/* display: inline; */
	width: 100%;
	/* position: relative; */
}

/*--------.menu_area-------- */
.menu_area{
	position: absolute;
	left:0;
	right: 0;
	top: 0;
}
.navbar-default {
	background-color: rgb(0 0 0 / 0%);
	border-color: transparent;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}
.past-main {
	background-color: rgb(0 0 0);
	margin-top: 0px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#navbar{overflow-x: hidden; }

.navbar-brand {                                                                                                                                                            	
	color: #fff !important;
	font-size: 35px;
	font-weight: bolder;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 16px 45px;
}
.navbar-default .navbar-nav > li > a:hover{
	
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #fff;
}


/*-----FOR LOGO-----*/
.logo { 
	
	-webkit-transition: all 0.3s ease-in-out;
	
	-moz-transition: all 0.3s ease-in-out;
	
	-o-transition: all 0.3s ease-in-out;
	
	transition: all 0.3s ease-in-out;
	
}

.logo img {
	
	-webkit-transition: all 0.3s ease-in-out;
	
	-moz-transition: all 0.3s ease-in-out;
	
	-o-transition: all 0.3s ease-in-out;
	
	transition: all 0.3s ease-in-out;
	
}
.logomiddle {
	
	margin-left: 20px;
	
	position: relative;
	
	width: 200px;
}

.logo.logomiddle > a {
	
	display: block;
	
	left: 0;
	
	right:0;
	
	margin:0 auto;
	
	position: absolute;
	
	top: -30px;
	
}

.navbar-nav > li {
	float: none !important;
	display: inline-block;
	text-align:center;
	
}
/*---- FOR TOP AND LEFT MOD SIGN  ------*/

.navbar-default .navbar-nav > li > a:after {
	
	position:absolute;
	
	content:"";
	
	/* width:3px; */
	
	height:0;
	
	top:0;
	
	left:0;
	
	background:#facf5c;
	
	transition: all 0.3s ease-in-out 0s;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li.active a:after {
	
	height: 70%;
	
	transition: all 0.3s ease-in-out 0s;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	
	background:none;
	
}
.navbar-default .navbar-nav > li > a:before {
	
	position:absolute;
	
	content:"";
	
	height: 5%;
	
	right: 0;
	
	background:#facf5c;
	
	top: -70px;
	
	left:0;
	
	transition: all 0.3s ease-in-out 0s;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li.active a:before {
	
	top:100%;
	
	transition: all 0.3s ease-in-out 0s;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	
}

/*---- END TOP AND LEFT MOD SIGN  ------*/

/*--------/menu_area-------- */
.slider_area{
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}
.slider_overlay {
	/* background: none repeat scroll 0 0 #242434; */
	/* height: 100%; */
	/* opacity: 0.6; */
	/* position: absolute; */
	/* right: 0; */
	/* top: 0; */
	/* width: 100%; */
	/* z-index: 9; */
}
.slider_overlay_1 {
	background-image:url(../img/home_image.jpg);
	height: 100%;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}


.slider_caption {
	margin-top: 15%;
	padding: 0 8%;
	position: relative;
	text-align: center;
	z-index: 999;
}
.slider_caption > h2 {
	color: #ffffff;
	font-size: 36px;
	line-height: auto;
	margin: 0 auto 10px;
	padding-bottom: 8px;
	text-align: center;
	
	width: 90%;
}
.slider_caption > h3 {
	color: #ffffff;
	line-height: auto;
	margin: 0 auto 10px;
	padding-bottom: 8px;
	text-align: center;
	
	width: 90%;
}

.slider_caption>p{
	color: #ffffff;
	font-size: 20px;	
}
.slider_caption>a{		
	margin-top: 30px;	
}
.slider_btn{
	padding: 10px 15px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	
}
.slider_btn:hover,.slider_btn:focus{
	text-decoration: none;
}

/*--------------------*/
/* ABOUT SECTION */
/*--------------------*/

#about {
	/* display: inline; */
	/* float: left; */
	/* width: 100%; */
	/* padding-bottom:10px; */
	/* padding-top:80px; */
	/* padding-left:0px; */
	/* padding-right:0px; */
}
.about_area{
	text-align: left !important;
}
.height150{
	min-height: 170px;
}
.heading h2 {
	display: inline-block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	/* padding-right: 50px; */
	/* font-size: 40px; */
	line-height: 40px;
}
.heading p{
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}
.about_content{
	float: left;
	display: inline;
	width: 100%;
	padding: 50px 0px;
}
.about_featured{
	float: left;
	display: inline;
	width: 100%;
}
.panel-group .panel {
	border-radius: 0;
	margin-bottom: 0px;
	box-shadow: none;
}
.panel-group .panel + .panel {
	margin-top: 0;
}
.panel-default {
	border-color: transparent;
}
.panel-default > .panel-heading {
	background-color: transparent;
	color: #333;
	border: 0 none !important;
	padding: 5px 15px;
}
.panel-title {
	border-bottom: 1px solid #ccc;
	color: #222;
	font-size: 20px;
	font-weight: 400;
	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.panel-title a {
	display: block;
	text-decoration: none;
	padding-bottom: 10px;
}
.panel-default .in{	
	padding-left:10px;
	margin-left: 20px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
}

.panel-title a span{
	margin-right: 5px;
}
.panel-body { 
	border-top-color: transparent !important;
	padding: 0px 15px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
}
.panel-body_1 { 
	border-top-color: transparent !important;
	padding: 0px 15px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
}
.panel-body_1_1{
	padding-left:5px;
	padding-right:10px;
	width:50%;
	display:block;
}
.panel-body_1_2{
	width:40%;
	display:block;
	position:absolute;
	top:46px;
	right:60px;
}
.about_slider{
	float: left;
	display: inline;
	width: 100%;
	height: 350px;
}
.single_iteam{
	float: left;
	display: inline;
	width: 100%;
	height:100%;
}
.single_iteam img {
	max-width: 100%;
}
.about_slider .slick-dots li button:before {
	content: "";
	font-size: 28px;  
}
.about_slider .slick-dots li.slick-active button:before {
	opacity: 0.75;
}
.skills_area{
	float: left;
	display: inline;
	width: 100%;
	min-height: 350px;
	padding: 85px 0px;
	background-image:url(../img/value.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.skills{
	position: relative;
	z-index: 999;
}
.heading h3 {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 40px;
	margin: 0 0 40px;
	padding-bottom: 10px;
	
	font-weight: bold;
	line-height: 40px;
}
div[data-dimension] {
	float: none;
	margin: 0 auto;
}
.circle-text{
	color: #fff;
}
.single_skill{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
}
.single_skill > h4 {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

/*--------------------*/
/* SERVICE SECTION */
/*--------------------*/

#service {
	background: none repeat scroll 0 0 #f8f8f8;
	/* display: inline; */
	/* float: left; */
	/* width: 100%; */
	/*  */
	/*  */
}
.service_area{
	float: left;
	display: inline;
	width: 100%;
	margin-top: 30px;
}
.single_service {
	/* display: inline; */
	/* float: left; */
	/* width: 100%; */
	/* padding: 0px 20px; */
	min-height: 990px;
	margin-bottom: 40px;
}
.service_iconarea{
	text-align: center;
	margin-bottom: 10px;
}
.service_icon {
	color: #fff;
	font-size: 72px;
	/* height: 130px; */
	/* width: 200px; */
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.fa-line-liaison_office img{
    /* height: 128px; */
    /* width: 198px; */
}
.fa-regional_office img{
	height:128px;
width:198px;}
.fa-hr img{
	width:198px;
	height:128px;
}
.fa-agent{
	width:198px;
	height:128px;
}
.fa-event{
	width:198px;
	height:128px;
}
.fa_alumni{
	width:198px;
	height:128px;
}
.fa_Institution{
	width:198px;
	height:128px;
}
.fa_Event_Management{
	width:198px;
	height:128px;
}
.fa_Job_support{
	width:198px;
	height:128px;
}
.single_service>h2{
	text-align: center;
}
.single_service > h2 span { 
	border-radius: 100%;
	color: #fff;
	height: 150px;
	line-height: 120px;
	padding: 15px 0;
	width: 150px;
}
.single_service .service_title{
	margin: 20px 0 20px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	font-size: 20px;
}
.single_service > .service_title:after {
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100px;
	right: 0;
	margin: auto;
}

/*--------------------*/
/* Works SECTION */
/*--------------------*/

#works {
	background-color: #4f535e;
	display: inline;
	float: left;
	padding: 0 0 80px;
	width: 100%;
}
.counter_section {
	background-image: url("../img/works_counterbg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline;
	float: left;
	min-height: 350px;
	
	position: relative;
	width: 100%;
}
.counter_area {
	position: relative;
	z-index: 999;
}
.counter { padding: 20px 0; border-radius: 5px;}
.count-title {
	color: #fff;
	font-size: 45px;
	
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 15px;
	text-align: center;
}
.count-text {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
	
}
.fa-2x {
	display: table;
	float: none;
	margin: 0 auto;
	font-size: 40px;
}
.portfolio_area {
	background: none repeat scroll 0 0 #4f535e;
	color: #fff;
	display: inline;
	float: left;
	padding-top: 30px;
	width: 100%;
}
.portfolio_area h2{
	color: #fff;
}
.portfolio_gallery{
	float: left;
	display: inline;
	width: 100%;
}
.wagwep-container ul#portfolio-filter {
	border-bottom: medium none;
	margin-top: 25px;
	text-align: center;
}
.wagwep-container ul#portfolio-filter a {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	margin: 0 10px 10px 0;
	padding: 6px 12px;
	text-decoration: none;
	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.wagwep-container ul#portfolio-filter a:hover{
	color: #fff;	
}

.og-grid li a figure span {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.9);
	display: block;
	font-weight: normal;
	margin: 40% 20px 20px;
	padding: 10px 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	
}
.wagwep-container ul#portfolio-filter li {
	display: inline-block;
	float: none;  
}

/*--------------------*/
/* TEAM SECTION */
/*--------------------*/

#team{
	float: left;
	display: inline;
	width: 100%;
	padding:80px 0px; 
}
.team_area{
	float: left;
	display: inline;
	width: 100%;
}
.team_slider{
	float: left;
	display: inline;
	width: 100%;
}
.team_slider .slick-next, .team_slider .slick-prev{
	height: 40px;
}
.single_team {
	display: block;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: 0 0 20px rgb(0 0 0 / 5%);
	width: 100%;
	text-align: center;
	background: #fff;
}
.team_img{
	float: left;
	display: block;
	width: 100%;
	/*margin-bottom:25px;*/
}
.team_img img {
	/* border-radius: 100%;
		height: 150px;
		margin: 0 auto 15px;
	width: 150px;*/
	width: 100%;
}
.single_team h5 {
	color: #555;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 18px;
	
	font-size: 17px;
}

.single_team p {
	color: #555;
	font-weight: bold;
	min-height: 170px;
	line-height: 14px;
}
.single_team span {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-top:5px;
	margin-bottom: 0px;
	
}
.team_social{
	float: left;
	display: inline;
	width: 100%;
	margin-top: 10px;
}
.team_social a {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	background: #ccc;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/*--------------------*/
/* PRICING SECTION */
/*--------------------*/

#pricing {
	background: none repeat scroll 0 0 #f8f8f8;
	display: inline;
	float: left;
	
	width: 100%;
	
	
}
.pricing_area {
	display: inline;
	float: left;
	margin-top: 30px;
	width: 100%;
}
.single_price {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px 0px;
}
.single_price>h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 100px;
	margin: 0px;
	
}
.single_price .price {
	color: #fff;
	padding: 15px 0;
}
.single_price .price > h4 {
	font-size: 60px;
	font-weight: 700;
	line-height: 60px;
	margin: 0px 0px 5px;
}
.single_price .price > span{
	font-size: 15px;    
}
.price_features{
	padding:10px 25px;
}
.price_features li {
	border-bottom: 1px solid #f2f2f2;
	display: block;
	font-size: 15px;
	line-height: 18px;
	padding: 10px 0;
	
}
.price_btn {
	color: #fff !important;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 10px 20px;  
	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.price_btn:hover{
	text-decoration: none;
	outline: none;
	background-color: #fff;	
}
.business_price {
	border: 1px solid #fff;
	color: #ffffff;
}
.business_price .price {
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
}
.business_price .price_btn{
	border-color: #ffffff;
	background-color: #ffffff;
}

/*--------------------*/
/* BLOG SECTION */
/*--------------------*/

#blog{
	float: left;
	display: inline;
	width: 100%;
	padding: 80px 0px;
}
.blog_content {
	display: inline;
	float: left;
	margin-top: 50px;
	width: 100%;
}
.post_commentbox {
	display: inline;
	float: left;
	width: 100%;      
}
.blog_slider{
	float: left;
	display: inline;
	width: 100%;
}
.single_post{
	float: left;
	display: inline;
	width: 100%;
}
.blog_img {
	display: inline;
	float: left;
	height: 235px;
	width: 100%;
}
.blog_img > img {
	height: 100%;
	width: 100%;
}
.single_post h3 {
	float: left;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 15px;
	
	width: 100%;
}
.post_commentbox{
	float: left;	
	display: inline;	
	width: 100%;	
	margin-bottom: 15px;	
}
.post_commentbox a, .post_commentbox span {
	color: #798992;
	font-size: 11px;
	margin-right: 5px;
}
.post_commentbox a > i,.post_commentbox span > i {
	margin-right: 5px;
}
.single_post P{
	
}
.read_more{
	font-size: 15px;
	display: inline-block;
	min-height: 25px;
}
.read_more:hover,.read_more:focus{
	text-decoration: none;	
	outline: none;	
}
.blog_slider .slick-prev {
	border-radius: 5px 0 0 5px;
	color: #fff;
	height: 30px;
	left: 92%;
	right: 0;
	top: -38px;
	border-radius: 0px;
	padding: 5px 10px;
	-webkit-transition: 	all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 	all 0.5s;
	transition: 	all 0.5s;
}
.blog_slider .slick-next {
	border-radius: 0 5px 5px 0;
	color: #fff;
	right: 15px;
	height: 30px;
	top: -38px;
	border-radius: 0px;
	padding: 5px 10px;
	-webkit-transition: 	all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 	all 0.5s;
	transition: 	all 0.5s;
}
.blog_slider .slick-prev:hover,.blog_slider .slick-next:hover{  
	opacity: 0.7;
}

/*--------------------*/
/* TESTIMONIAL SECTION */
/*--------------------*/

#testimonial{
	/* background: none repeat scroll 0 0 #f8f8f8; */
	/* display: inline; */
	/* float: left; */
	/* width: 100%; */
	/*  */
	/*  */
}
#testimonial .heading{
	margin-top: 20px;
}
.testimonial_customer{
	/* float: left; */
	/* display: inline; */
	/* width: 100%; */
}
.testimonial_slider{
	float: left;	
	display: inline;	
	width: 100%;	
}
.testimonial_slider>li{
	width: 380px;
	margin: 0 auto;
}
.testi_media {
	text-align: center;
	margin: 0 auto !important;
	width: 250px;
}
.testi_media .media-body {  
	vertical-align: middle;
}
.media-heading {  
	font-size: 20px;
}
.testi_media .media-body span {
	font-size: 14px;
	font-weight: bold;
	
}
.testi_media .media-left {
}
.testi_img img {
	border-radius: 100%;
	height: 100px;
	width: 100px;
	margin: auto;
	margin-bottom: 15px;
}
.testi_content {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	margin: 40px;
	padding: 10px;
	position: relative;
	width: auto;
	border-radius: 10px;
	/* margin-bottom: 10px; */
	box-shadow: 0 20px 50px rgb(0 0 0 / 5%);
	padding: 30px;
}
.testi_content p:after, .testi_content p:before{color: #e6e6e6;font-size: xx-large;}

.testi_content p:before{
	font-family:'FontAwesome';
	position:absolute;
	width:15px;
	height:20px;
	
	font-style:normal;
	top: -16px;
	
	left: 0;
}
.testi_content p:after{
	font-family:'FontAwesome';
	position:absolute;
	width:15px;
	height:20px;
	bottom: 8px;
	right: -1px;
}

.testi_content:before {
	background-image: url("../img/testimonial-arrow.png");
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
	height: 22px;
	left: 0;
	position: absolute;
	top: -22px;
	width: 32px;
	right: 0;
	margin: auto;
}
.testimonial_slider .slick-dots li {
	border: 1px solid #e6e6e6;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	line-height: 102px;
	margin: 0 5px;
	padding: 7px 5px;
	position: relative;
	width: 34px;
}
.testimonial_slider .slick-dots li button:before {
	content:none;  
}
.testimonial_slider .slick-dots li button {
	background: none repeat scroll 0 0 #e6e6e6;
	height: 4px;
	padding: 0px;
	width: 20px;
}

/*--------------------*/
/* CLIENTS SECTION */
/*--------------------*/

#clients {
	/* display: inline; */
	/* float: left; */
	/* padding: 80px 0 40px; */
	/* width: 100%; */
	background: #f8f8f8;
}
.clients_content{
	float: left;
	display: inline;
	width: 100%;
	margin-top: 30px;	
}
.clients_slider{
	float: left;
	display: inline;
	width: 100%;
}
.single_client {
	border: 1px solid #ccc;
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
	padding: 25px 0px;
}
.single_client>img{
	margin: 0 auto;
}
.clients_slider .slick-prev {
	border-radius: 5px 0 0 5px;
	color: #fff;
	height: 40px;
	left: 46.5%;
	top: 160%;
}
.clients_slider .slick-next {
	border-radius: 0 5px 5px 0;
	color: #fff;
	right: 46.5%;
	top: 160%;
	height: 40px;
}

/*--------------------*/
/* CONTACT US SECTION */
/*--------------------*/

#contact{
	background: #ffffff;
	/* display: inline; */
	/* float: left; */
	/* padding: 80px 0px 0px; */
	/* width: 100%; */
}
.contact_content {
	display: inline;
	float: left;
	margin-top: 30px;
	width: 100%;
	padding-bottom: 30px;
}
.contact_map {
	border: 1px solid #ccc;
	display: inline;
	float: left;
	width: 100%;
}
.contact_form{
	/* float: left; */
	/* display: inline; */
	/* width: 100%; */
	padding: 40px;
}
.contact_form input[type="text"],.contact_form input[type="email"]{
	margin-bottom: 30px;
	border-radius: 0px;
}
.submit_btn {
	border: 0px solid #fff;
	color: #fff;
	margin-top: 30px;
	padding: 10px 90px;
	/* font-size: 18px; */
	font-weight: 700;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.submit_btn:hover{
	background-color: #ff7257;
	color: #ffffff;
}
textarea .form-control {
	height: auto;
}
#map_canvas{
	width: 100%;
	float: left;
	display: inline;
	height: 404px;
}
/*only firefox browser*/
@-moz-document url-prefix() { 
	#map_canvas{
		width: 100%;
		float: left;
		display: inline;
		height: 422px;
	}
}
.contact_feature{
	/* float: left; */
	/* display: inline; */
	/* width: 100%; */
	/* position: relative; */
	/* z-index: 999; */
	box-shadow: 0 20px 50px rgb(0 0 0 / 5%);
	background: #ffffff;
}
.single_contact_feaured {
	/* border: 1px solid #ccc; */
	/* display: inline; */
	/* float: left; */
	padding: 40px;
	text-align: center;
	/* width: 100%; */
	/* background: #fff; */
	/* box-shadow: 0 20px 50px rgb(0 0 0 / 5%); */
}
.single_contact_feaured > i {
	font-size: 30px;
	line-height: 28px;
	margin-bottom: 5px;
	border-width: 1px;
	border-color: #ff7257;
	border-style: solid;
	border-radius: 100px;
	padding: 20px;
	width: 70px;
	height: 70px;
}
.single_contact_feaured > h4 {
	font-size: 28px;
	/* font-weight: 800; */
	color: #606060;
}
.single_contact_feaured>p{
	color: #888888;
	font-size: 22px;
}
.single_contact_feaured>p a {
    color: #ff7257;
}
.success {
	border: 1px solid #008000;
	color: #008000;
	margin-bottom: 10px;
	padding: 5px;
}
.error{
	border: 1px solid #ff0000;
	color: #ff0000;
	margin-bottom: 10px;
	padding: 5px;
}

#contactFeature{
	/* background-image: url("../img/contact-feature-bg.jpg"); */
	/* background-repeat: no-repeat; */
	/* background-size: 100% 100%; */
	/* position: relative; */
	/* float: left; */
	/* display: block; */
	/* width: 100%; */
	/* padding: 50px 0px; */
}

#subscribe{
	/* float: left; */
	/* display: inline; */
	/* width: 100%; */
	/* padding: 80px 0px; */
}
.subscribe_form {
	margin: 0 auto;
	width: 60%;
}
.subscrive_group {
	/* display: inline; */
	/* float: left; */
	/* margin-top: 40px; */
	/* width: 100%; */
}
.subscribe_mail {
	border-radius: 0;
	display: inline;
	float: left;
	height: 50px;
	width: 80%;
	font-size: 18px;
}
.subscr_btn {
	border: medium none;
	color: #fff;
	display: inline;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	
	width: 20%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.subscr_btn:hover{
	opacity: 0.75;
}

/*--------------------*/
/* FOOTER */
/*--------------------*/

#footer{
	/* float: left; */
	/* display: inline; */
	/* width: 100%; */
	padding: 20px 0px;
	background-color: #444;
}
.footer_left{
	float: left;
	display: inline;
	width: 100%;
}
.footer_left > p {
	color: #ffffff;
	margin-bottom: 0;
	margin-top: 5px;
}
.footer_left > p a {  
	font-weight: bold;
}
.footer_right{
	float: left;
	display: inline;
	width: 100%;
}
.social_nav{
	text-align: right;	
}
.social_nav li{
	display: inline-block;
}
.social_nav li a {
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	height: 30px;
	margin-left: 5px;
	text-align: center;
	width: 35px;
	line-height: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.main_nav{float:none;}
.navbar-collapse{text-align:center;}
/*======================///////////////
	start responsive style
=====================///////////////////////*/
@media(min-width:1200px ){
	.desk_logo{display: none;}
	.logomiddle{display: block;}
	#navbar{float:none; margin: auto  0px;/* width:1041px;*/}
	
}
@media(max-width:1199px ){
	.desk_logo{display: none;}
	.single_service .service_title{font-size:18px;}
	.logomiddle{display: block;}
	.slider_caption > h2 {width: 100%;}
	.blog_slider .slick-prev {left: 91%;}
	#map_canvas{height: 404px;}
	/*only firefox browser*/
	@-moz-document url-prefix() { 
		#map_canvas{height: 404px;	}
	}
	.slider_caption {margin-top: 12%;}
	.subscribe_mail {width: 76%;}
	.subscr_btn {width: 24%;}
	
}

@media(max-width:991px ){
	.desk_logo{display: none;}
	.logomiddle{display: block;}
	.navbar-default .navbar-nav > li > a {font-size: 13px;padding: 10px 6px;}
	.navbar-brand {font-size: 28px;}
	#slides{height: 600px !important;}
	.slider_caption > h2 {font-size: 30px;line-height: 50px;}
	.slider_caption > p {font-size: 18px;}
	.about_area {padding-bottom: 80px;}
	.about_slider{margin-top: 30px;}
	.single_iteam {text-align: center;}
	.single_iteam img {display: inline-block;}
	.single_service .service_title {font-size: 18px;}
	.single_service > .service_title:after {left: 33%;}
	.single_price > h3 {font-size: 20px;line-height: 80px;}
	.single_price .price > h4 {font-size: 50px;line-height: 50px;}
	.price_features li {font-size: 13px;line-height: 15px;}
	.price_btn {font-size: 13px;padding: 10px 15px;}
	.blog_slider .slick-prev {left: 88.5%;}
	.testi_content {width: 100%;}
	.clients_slider .slick-prev {left: 45%;}
	.clients_slider .slick-next {right: 45%;}
	.subscr_btn {font-size: 15px;}
	.single_contact_feaured {margin-bottom: 30px;}
	
}

@media(max-width:767px ){
	section#Who_We_Are img {
    width: 100%;
}
	.pd {
    margin-top: 0 !important;
}
	.desk_logo{display:block;position: absolute;WIDTH: 130PX;}
	.logomiddle{display:none;}
	.navbar-collapse{background-color: rgba(0,0,0,0.8);} 
	.navbar-default .navbar-nav > li > a:after {content: close-quote; position: inherit;}
	.navbar-default .navbar-nav > li > a:before {content: close-quote; position: inherit;}
	.navbar-nav > li{float: none !important; display:block;}
	.main_nav{text-align: center;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: rgba(0,0,0,0.5);}
	#slides {height: 360px !important;}
	.slider_caption {margin-top: 45%;}
	.slider_caption > h2 {font-size: 25px;line-height: 35px;}
	.slider_caption > p {font-size: 15px;DISPLAY: NONE;}
	.slider_btn {font-size: 18px;}
	.heading h2 {font-size: 30px;line-height: 30px;}
	.skills_area {background-size: cover;}
	.single_skill {width: 50%; margin-bottom: 22px;}
	.counter {width: 50%;float: left;}
	.counter_section {background-size: cover;}
	.portfolio_area {padding: 60px 15px 0;}
	.wagwep-container ul#portfolio-filter a {margin: 0 5px 5px 0;padding: 6px 10px;font-size: 12px;}
	.single_price {margin-bottom: 30px;}	
	.single_price > h3 {font-size: 24px;line-height: 100px;}
	.single_price .price > h4 {font-size: 60px;line-height: 60px;}
	.price_features li {font-size: 15px;line-height: 18px;}
	.price_btn {font-size: 15px;padding: 10px 20px;}
	
	.single_post h3 {font-size: 15px;line-height: 15px;}
	.testi_content:before {left: 35%;}
	.single_client {padding: 18px 10px;}
	.single_client > img {max-width: 100%;}
	.contact_map {margin-top: 30px;}
	#contactFeature {background-size: cover;}
	.subscribe_form {margin: 0 auto; width: 85%;}
	.team_social a {font-size: 15px;height: 30px;line-height: 30px;width: 30px;}
	.blog_slider .slick-prev {left: 86.5%;}
	.og-close {z-index: 999;}
	
	.social_nav {margin-top: 20px;text-align: center;}
	.footer_left {text-align: center;}
	.single_service > .service_title:after {left: 0;}	
	.wagwep-container ul#portfolio-filter li {width: auto;}
	.wagwep-container ul#portfolio-filter a {text-indent: 0;}
	.panel-body_1_1{
		width:100%;
	}
	.panel-body_1_2{
		width:100%;
		display: inherit;
		position: inherit;
		top:inherit;
		bottom: inherit;
	}
	.panel-body_1_2 img{
		width:40%;
	}
	
}
.pd {
    margin-top: 3em;
}
#testimonial .single_service {
    min-height: auto;
}
.team_img img:hover {
    opacity: 0.5;
}
#error_back{background-image:url(../images/404-bg.png);background-repeat:repeat;background-attachment:scroll;}
.back_404{background-image:url(../images/404-back.png);background-repeat:no-repeat;text-align:center;height:600px;margin:0px auto;background-position:center center;width:auto;}
.back_404 img{margin:0px auto;text-align:center;width:220px;}
.back_404 h1{font-size:100px;font-weight:800;color:#666;}
.back_404 h2{font-size:80px;font-weight:800;color:#666; margin-top: 20px; margin-bottom: 10px;}
.back_404 a{color:#facf5c;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in-out;}
.back_404 a:hover{color:#666;}
.server-500 h2{font-size:60px;}