/*
Author       : Aminul
Template Name: Al-Aziiz - Material Design Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body,Google Font,Typography,preloader,link color, SCROLL TO TOP,section-title, BTN,section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. SILDER HEADER TEXT AREA,START HOME BANNER DESIGN,START HOME GRADIENT DESIGN, PARTICLES BANNER
    04. START FEATURE AND ABOUT DESIGN
    05. START SKILL DESIGN 
    06. START WHY CHOOSE US DESIGN
    07.	START SERVICE DESIGN
    08. START PORTFOLIO DESIGN
    09. START COUNTER DESIGN
    10. START TEAM DESIGN
    11. START NEWSLETTER DESIGN
    12. START PRICING DESIGN
    13. START TESTIMONIAL DESIGN
    14. START BLOG DESIGN
	15. START PARTNER LOGO DESIGN
    16. START CONTACT DESIGN
    17. START MAP DESIGN
    18. START ADDRESS DESIGN
    19. START FOOTER DESIGN
  =============================================================*/


/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/* Google Font */

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700|Poppins:200,300,400,500,600,700');

@import url("bootstrap.min.css");
@import url("animate.css");
@import url("magnific-popup.css");
@import url("hero.css");
@import url("venobox.css");
@import url("../owlcarousel/css/owl.carousel.css");
@import url("../owlcarousel/css/owl.transitions.css");
@import url("../owlcarousel/css/owl.theme.css");
@import url("../fonts/css/all.min.css");

/* Typography */

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #757575;
	font-size: 15px;
	line-height: 26px;
	letter-spacing:0.4px;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Montserrat', sans-serif;
	color:#202020;
	margin-top: 0px;
	margin-bottom:20px;
	font-weight: 600;
	letter-spacing:1px;
	line-height: normal;
}

p {
	margin-bottom: 10px;
}
img {
    max-width: 100%;
    height: auto;
	vertical-align: middle;
	border-style: none;
}
a{
	color:#fe4819 ;
    transition: .5s;
    text-decoration: none! important;      
}
a:hover,
a:active {
	color:transparent;
	outline: 0 none;
	text-decoration: none ! important;
	color:#fe4819 ;
	transition: all 0.3s ease 0s;
}

ul, ol{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
::-moz-selection {
    background: #fe4819;
    text-shadow: none;
	color:#fff;
}
::selection {
    background: #fe4819;
    text-shadow: none;
	color:#fff;
}
.no-padding { padding: 0 }

.mt-60{
	margin-top:60px;
}

/* -------------------------------- 
START PRELODER
-------------------------------- */
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.loader {
    width: 150px;
    margin: 310px auto 70px;
    position: relative;
}
.loader .loading-1 {
    position: relative;
    width: 100%;
    height: 10px;
    border: 1px solid #fe4819;
    border-radius: 10px;
    animation: turn 4s linear 1.75s infinite;
}
.loader .loading-1:before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 100%;
    background: #fe4819;
    box-shadow: 10px 0px 15px 0px #fe4819;
    animation: load 2s linear infinite;
}
.loader .loading-2 {
    width: 100%;
    position: absolute;
    top: 10px;
    color: #fe4819;
    font-size: 22px;
    text-align: center;
    animation: bounce 2s  linear infinite;
}
@keyframes load {
    0% {
        width: 0%;
    }
    87.5%, 100% {
        width: 100%;
    }
}
@keyframes turn {
    0% {
        transform: rotateY(0deg);
    }
    6.25%, 50% {
        transform: rotateY(180deg);
    }
    56.25%, 100% {
        transform: rotateY(360deg);
    }
}
@keyframes bounce {
    0%,100% {
        top: 10px;
    }
    12.5% {
        top: 30px;
    }
}
/* -------------------------------- 
END PRELODER
-------------------------------- */

/* -------------------------------- 
START SCROLL TO TOP
-------------------------------- */
.topcontrol {
    background: #fe4819 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}

/* -------------------------------- 
END SCROLL TO TOP
-------------------------------- */
.section-padding { padding: 90px 0 }
/* -------------------------------- 

BTN AREA 

-------------------------------- */
.btn-home {
	background: #fe4819 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 13px;
	padding: 10px 15px;
	text-transform: capitalize;
	transition: all 0.2s ease 0s;
	margin-top: 20px;
	display: inline-block;
}

.btn-home-border {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 14px;
	padding: 7px 7px;
	text-transform: capitalize;
	transition: all 0.2s ease 0s;
	margin-top: 20px;
	display: inline-block;
}
.btn-home-border:hover,
.btn-home-border:focus{
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #777;
}
.btn-home:hover, .btn-home:focus {
	background: #333;
	color: #fff;
	border-color: #fff;
}

/* -------------------------------- 
START SECTION TITLE DESIGN
-------------------------------- */
.section-title {
	width: 55%;
	margin: 0 auto;
	margin-bottom: 60px;
}
.section-title h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom:10px;
}
.section-title p {
	font-weight: 400;
}
.section-title h2 span { color: #fe4819 }
.section-title-white { color: #fff!important }
.section-title .sec_icon {
	position: relative;
	display: inline-block;
}
.section-title .sec_icon::before {
	position: absolute;
	content: '';
	width: 55px;
	height: 3px;
	background: #fe4819 none repeat scroll 0 0;
	top: 8px;
	left: -51px;
}
.section-title .sec_icon::after {
	position: absolute;
	content: '';
	width: 55px;
	height: 3px;
	background: #fe4819 none repeat scroll 0 0;
	top: 8px;
	right: -51px;
}
.section-title .sec_icon span {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin: 5px 4px;
	background: #fe4819 none repeat scroll 0 0;
	display: inline-block;
}

/* -------------------------------- 
`END SECTION TITLE DESIGN
-----------------------------------
 */
 /*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fe4819 !important;
}

@media (min-width: 768px){
    .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 > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #fe4819 !important;
        background-color: transparent;
    }
}
.navbar-brand { padding: 0px }
    .navbar-brand img {
        margin-left: 10px;
        max-width: 150px;
    }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}

.navbar-brand.menu{
    width: 55px !important;
}
.menu-top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0
}
.menu-top li a {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
	font-family: Montserrat;
}
.menu-top li a:hover { color: #fe4819!important }

.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}

    .navbar-default.menu-shrink .navbar-brand {
        width: 110px;
    }

        .navbar-default.menu-shrink .navbar-brand img {
            background: #ffffff;
            padding: 5px;
            border-radius: 5px;
            max-width:100px;
        }

.navbar-default.menu-shrink li a {
    color: #313131 !important
}
.navbar-default.menu-shrink li a:hover { color: #fe4819 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #fe4819 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.SILDER HEADER TEXT AREA
* ----------------------------------------------------------------------------------------
*/
#home.home6:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg,#6827b0,#fe4819);
	border-radius: 0% 0% 50% 50%/0% 0% 100% 100%;
	transform: scaleX(1.5);
}
.welcome_area {
    position: relative;
	height: 700px
}
.cd-slider-navs li.selected a {
	text-decoration:none;
}
.welcome_area:before{
	background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.header-text{padding-top:250px;}

@media only screen and (max-width:360px) { 
.header-text{padding-top:120px;}
}
.header-text h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	line-height: 70px;
	text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
.header-text h2 {font-size: 25px;line-height: 50px;}
.header-text p { font-size: 14px ! important;}
}
.header-text p {
	color: #fff;
	margin: auto auto 20px;
	width: 75%;
	font-size: 16px;
}
@media only screen and (max-width:768px) { 
    .header-text p { width: 100% }
}
.heading-content {
  position: relative;
  font-weight: 900;
  font-size: 4em;
}
.heading-content .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.heading-content .letter {
  display: inline-block;
  line-height: 1em;
  transform-origin: 0 0;
}
.btn-home-bg {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 0px;
	color: #fff;
	font-weight: 500;
	margin: 15px 15px 0;
	padding: 12px 36px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fe4819;
    color: #fff;
    border: 2px solid #fe4819;
}

/*
* ----------------------------------------------------------------------------------------
* START HOME GRADIENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.gradient_area{
	background: linear-gradient(to right ,#fe4819 ,#968079);
}
/*
* ----------------------------------------------------------------------------------------
* SATRT PARTICLES BANNER HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
 #particles-js {
	width: 100%;
	height: 100%;
	position: relative;
}

.particles-section {
	position: relative;
	height: 110vh;
}

.particles_area:before {
	content: '';
	top:0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: absolute;
}
.particles-section .content-heading {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	margin: 0 auto;
	margin-top: -100px;
}
.particles-section .content-heading h2 {
	color: #fff;
	font-size: 60px;
	line-height: 75px;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.particles-section .content-heading p {
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	font-size: 22px;
}
.particles-section .btn-home{
	margin-right:10px;
	border:none;
}
.particles-section.bg-warning {
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6247e5+0,42b7f5+100 */
     background: #6247e5;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #6247e5 0%, #42b7f5 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #6247e5 0%,#42b7f5 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #6247e5 0%,#42b7f5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6247e5', endColorstr='#42b7f5',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.particles-section.bg-warning:before {
     background: none;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END BANNER HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
#about{
}
.single_about {
	/* padding: 60px 45px 25px 10px; */
	/* margin-top: 50px; */
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	text-align: center;
}
.single_about:hover{
   background: linear-gradient(to right ,#ff735b ,#fe4819);
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: all 0.2s ease 0s;
	color:#fff;
}
.single_about .about-icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 10px;
	font-size: 35px;
	text-align: center;
	position: relative;
	top: -50px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	margin: 0 auto;
	color:#fe4819;
}
.single_about:hover .about-icon {
	color:#fff;
}
.single_about:hover  .title{
	color:#fff;
}
.single_about .title{
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.single_about .description {
	font-size: 14px;
	line-height: 25px;
	padding: 5px 25px 32px 10px;
}
@media only screen and (max-width:990px){
    .single_about{ margin-bottom: 30px; }
}
@media only screen and (max-width:767px){
    .single_about{ margin-bottom: 70px; }
}
/*
* ----------------------------------------------------------------------------------------
* END FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START SKILL DESIGN 
* ----------------------------------------------------------------------------------------
*/
.single_skill h4 {
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase;
}
.single_skill p {
    margin-bottom: 20px;
}
@media only screen and (max-width:480px) { 
    .about_img { margin: 60px 0 }
}

iframe{
	max-width: 100%;
}

.progress-title {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 20px;
}
.progress{
    height: 10px;
    background: #cbcbcb;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 30px;
    overflow: visible;
}
.progress-bar{
	background:#fe4819;
}
.progress .progress-bar{
    box-shadow: none;
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}
.progress .progress-bar:after{
    content: "";
    display: block;
    border: 15px solid transparent;
    border-bottom: 21px solid transparent;
    position: absolute;
    top: -26px;
    right: -12px;
}
.progress .progress-value{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: -40px;
    right: 0;
}
.progress.pink .progress-bar:after{
    border-bottom-color: #fe4819;
}

@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}

.skill-img {
	position: relative;
	margin-top: 25px;
}
.skill-img img {
    box-shadow: 0px 3px 20px 3px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.skill-img .waves-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.skill-img .iq-video {
    background: #fe4819 ;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    border-radius: 100%;
    line-height: 53px;
    z-index: 9;
    position: relative;
    border: 8px solid #fff;
}
.skill-img .iq-video i {
	margin-left: 3px;
}
.skill-img .iq-waves {
	position: absolute;
	left: -30px;
	top: -30px;
	z-index: 2;
}
.skill-img .iq-waves .waves {
	position: absolute;
	width: 130px;
	height: 130px;
	background: rgba(254, 72, 25, 0.55);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.skill-img .iq-waves .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.skill-img .iq-waves .wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.skill-img .iq-waves .wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

/*
* ----------------------------------------------------------------------------------------
* END SKILL DESIGN 
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  06. START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

.tabs {
	list-style-type: none;
	margin-bottom: 40px;
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.tabs li {
	-ms-flex: 0 0 16.6666666667%;
	flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}
.tabs li a {
	display: block;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	background: #fff;
	border-radius: 3px;
	padding: 25px 12px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #757575;
	z-index: 1;
	border-radius: 30px 0 30px 0;
	text-decoration: none;
}
.tabs li a:hover, .tabs li a:hover i, .tabs li.current a, .tabs li.current a i {
    color: #fff;
	background:#fe4819;
}
.tabs li a i {
	color: #fe4819 ;
	font-size: 25px;
	margin-bottom: 10px;
	display: inline-block;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.tabs li:first-child a {
	border-radius: 30px 0 0 0;
}
.tabs li:last-child a {
	border-radius: 0 30px 0 0;
}
.tabs li a::before {
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ddd ;
	z-index: -1;
	opacity: 0;
	border-radius: 3px;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	visibility: hidden;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.tabs li:first-child a::before {
	border-radius: 30px 0 30px 0;
}
.tabs li:last-child a::before {
	border-radius: 0 30px 0 30px;
}
.tabs li a:hover::before, .tabs li.current a::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
	border-radius: 30px 0 30px 0;
}
.tabs_item:first-child {
	display: block;
}
.tabs_item {
	display: none;
	background: #fff;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}
.tabs_item_content {
	padding: 30px 20px;
}
.tabs_item_content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 19px;
}
.tabs_item_content p {
	margin-bottom: 25px;
}
.tabs_item_content ul {
	padding: 0;
	margin: 10px 0 27px 0;
	list-style-type: none;
}
.tabs_item_content ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 25px;
}
.tabs_item_content ul li:last-child {
    margin-bottom: 0;
}
.tabs_item_content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 15px;
	height: 15px;
	background: #fe4819 ;
	background: -webkit-linear-gradient(to right, #8E0074, #fe4819 );
	background: linear-gradient(to right, #8E0074, #fe4819 );
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.tabs_item_img img{
	margin-top:70px;
}
.why_choose_us{
	background:#f9f9f9;
}
.single_feature {
	margin-bottom: 20px;
}
.single_feature .feature_icon {
	color: #fe4819;
	font-size: 32px;
	z-index: 3;
	float: left;
	margin-right: 25px;
	margin-top: 10px;
	border: 1px solid red;
	padding: 11px 12px;
	border-radius: 50%;
}
.single_feature h4 {
	margin-top: 0;
	margin-bottom: 10px;
}
.single_feature p { margin-bottom: 0 }
.features_content{
	overflow: hidden;
}
.feature_img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.feature_img:before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background: rgba(0,0,0,0.5);
}
.feature_single{
	position:relative;
}
.feature_single {
	position: absolute;
	top: 0;left: 0;
	color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.feature_single h4{
	color:#fff;
}

/*
* ----------------------------------------------------------------------------------------
* END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_service{
    padding: 35px 20px 35px 90px;
    position: relative;
}
.single_service:before{
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px 0 rgba(119, 94, 28, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale3d(1.08, 1.08, 1.08);
    transition: all 0.33s ease 0s;
}
.single_service:hover:before{
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.single_service .service-icon{
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #757575;
    text-align: center;
    border: 2px solid #757575;
    position: absolute;
    top: 55px;
    left: 20px;
    transition: all 0.3s ease 0s;
}
.single_service:hover .service-icon{ transform: translateY(20px); }
.single_service .service-icon:before,
.single_service .service-icon:after{
    content: "";
    height: 2px;
    background: #757575;
    position: absolute;
    top: -20px;
    left: 10px;
    right: 10px;
    transition: all 0.3s ease 0s;
}
.single_service .service-icon:after{
    top: auto;
    bottom: -20px;
    left: 10px;
    right: 10px;
}
.single_service:hover .service-icon:before{
    top: -25px;
    transform: rotate(90deg);
}
.single_service .title{
    display: block;
    color: #474747;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    position: relative;
	font-size:16px;
	font-weight:500;
}
.single_service .description{
    color: #807d7d;
    line-height: 27px;
    letter-spacing: 1px;
    margin: 0;
}
.single_service:hover.single_service .service-icon{
	 border: 2px solid #fe4819;
}
.single_service:hover.single_service .service-icon{
	color:#fe4819;
} 
.single_service:hover .service-icon:after{
    transform: rotate(-90deg);
    bottom: -25px;
}
.single_service:hover.single_service .title{
	color:#fe4819;
}

@media only screen and (max-width:991px){
    .single_service{ margin-bottom: 30px; }
}
@media only screen and (max-width:767px){
    .single_service:before{ transform: scale3d(1, 1, 1); }
    .single_service .service-icon{ top: 30px; }
}
@media only screen and (max-width:480px){
    .single_service .service-icon{ top: 40px; }
}

/*
* ----------------------------------------------------------------------------------------
* END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.work_all_item .mix {
  display: none;
}
.our_work_menu {
  margin-bottom: 50px;
}

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_work_menu ul li {
	border: 1px solid #ddd;
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	margin:  7px;
	padding: 5px 27px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
	border-color: #fe4819 ;
	background-color: #fe4819 ;
	color:#fff;
}
#our_work .grid-item{
	margin-top: 30px;
}
.single_our_work{
	margin-bottom: 30px;
}

.sing_work_photo{
    position: relative;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 5px #808080;
}
.sing_work_photo img{
    width: 100%;
    height: auto;
    transition: all 0.50s linear 0s;
}
.sing_work_photo:hover img{
    transform: scale(1.2);
}
.sing_work_photo .team-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 20px;

    background: rgba(254, 72, 25, 0.55);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.sing_work_photo:hover .team-content{
    opacity: 1;
}
.sing_work_photo .team-prof{
    margin: 20px 0;
    position: relative;
    top: 13%;
    font-size: 25px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    text-transform: capitalize;
	color:#fff;
}
.sing_work_photo .team-prof small{
    display: block;
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
}
.sing_work_photo .social-link{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 13%;
}
.sing_work_photo .social-link li{
    margin-right: 5px;
    display: inline-block;
}
.sing_work_photo .social-link li i{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
}
.sing_work_photo .social-link li i:hover{
    background: #fff;
    color: #333;
    text-decoration: none;
}
@media only screen and (max-width: 990px){
    .sing_work_photo{ margin-bottom: 20px; }
}
/*
* ----------------------------------------------------------------------------------------
* END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature{ background: linear-gradient(to right ,#ff735b ,#fe4819); }
.counter{
    padding: 30px 20px;
    margin-top: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    position: relative;
}
.counter:before,
.counter:after{
    content: "";
    width: 10px;
    height: 50px;
    border-radius: 5px;
    border: 2px solid #aaaeb1;
    background: #fff;
    background-image: repeating-linear-gradient( transparent, transparent 2px, #c9cbcc 2px, #c9cbcc 4px);
    position: absolute;
    top: -32px;
    left: 20%;
}
.counter:after{
    left: auto;
    right: 20%;
}
.counter .counter-icon{
    display: block;
    font-size: 50px;
    margin: 7px 0;
}
.counter .counter-value{
    display: block;
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 30px;
    position: relative;
	padding:15px 0;
}
.counter .counter-value:before{
    content: "";
    width: 30%;
    height: 3px;
    background: rgba(255,255,255,0.3);
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}
.counter .title{
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
	color:#fff;
}
@media only screen and (max-width: 990px){
    .counter{ margin-bottom: 50px; }
}
/*
* ----------------------------------------------------------------------------------------
* END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10. START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.abh-member.abh-style1 {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.3s ease; }
.abh-member.abh-style1:hover {
    transform: translateY(-5px); }
.abh-member.abh-style1 img {
    width: 100%; }
.abh-member.abh-style1 .abh-member-meta {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	height: 150px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(254, 72, 25, 0.55);
	transition: all 0.4s ease;
}
.abh-member.abh-style1 .abh-member-name {
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease; }
.abh-member.abh-style1 .abh-member-designation {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease; }
.abh-member.abh-style1 .abh-member-social {
    display: flex;
    position: absolute;
    font-size: 22px; }
.abh-member.abh-style1 .abh-member-social li {
    margin: 0 10px; }
.abh-member.abh-style1 .abh-member-social a {
    color: #fff;
    transform: scale(0);
    display: block; }
.abh-member.abh-style1 .abh-member-social a:hover {
    opacity: 0.8; }
.abh-member.abh-style1:hover .abh-member-meta {
    background-color: #fe4819 ; }
.abh-member.abh-style1:hover .abh-member-name {
    opacity: 0;
    visibility: hidden; }
.abh-member.abh-style1:hover .abh-member-designation {
    opacity: 0;
    visibility: hidden; }
.abh-member.abh-style1:hover .abh-member-social a {
    transform: scale(1);
    transition-delay: 0.2s; }

/*
* ----------------------------------------------------------------------------------------
* END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter{
	background: linear-gradient(to right ,#fe4819 ,#ff735b);
	padding: 50px 0;
}
.newsletters_form{
	color: #fff;
	
}

.newsletters_form h3{
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #fff;
}
.newsletters_form input{
	background: transparent;
	border-image: none;
	border-radius: 0;
	border: 1px solid #ddd;
	color: #fff;
	margin-bottom: 0px;
	transition: all 0.2s ease 0s;
	border-radius: 0px;
	height: 46px;
	line-height: 46px;
	width: 354px!important;
}
.newsletter_form{
	margin-top: 20px;
}
.newsletters_form input:hover,
.newsletters_form input:focus {
    border-color: #fff;
    box-shadow: none;
    outline: 0 none;
}
.newsletters_form button {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 12px 21px !important;
	margin-left: -7px;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: 0px;
	border: 1px solid #fff;
	background: #fff;
	color: #333;
}
.newsletters_form button:hover{
	background: #333 none repeat scroll 0 0!important; 
	color: #fff;
	border:1px solid #333;
	outline:0 none;
}
/*
* ----------------------------------------------------------------------------------------
* END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
#pricing{
	
}
.single-pricing-table {
    min-height: 450px;
    padding: 30px 40px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 9px 16px 0 rgba(224, 229, 238, .5);
    box-shadow: 0 9px 16px 0 rgba(224, 229, 238, .5);
    border: solid 1px #e5eaed;
    position: relative;
    text-align: center;
}

.pricing-table-plan {
    text-align: center;
}

.pricing-content-price sup {
    font-size: 19px;
    letter-spacing: -0.9px;
    text-align: center;
    color: #fe4819 ;
    top: -1em;
}

.pricing-content-price strong {
    font-size: 65px;
    letter-spacing: -2px;
    text-align: center;
    color: #fe4819 ;
}
.pricing-content-price {
	padding: 40px 0;
}
.pricing-content-price sub {
    font-size: 18px;
    line-height: 1.67;
}
.pricing-table-content ul li {
	display: block;
	font-size: 15px;
	line-height: 45px;
}

.pricing-table-content ul {
    padding: 0;
}

.pricing-table-plan h3 {
    font-size: 21px;
    font-weight: 600;
}
.pricing-table-plan ul.list-item .fa-check {
    color: #28a745;
}
.pricing-table-plan .list-item i.fas.fa-times {
    color:#fe4819 ;
}
.pricing-table-plan ul.list-item li {
    font-size: 18px;
}
.pricing-table-plan ul.list-item li i {
    margin-right: 5px;
    font-size: 16px;
}
.single-pricing-table{
    border: 1px solid #fe4819 ;
} 
/*
* ----------------------------------------------------------------------------------------
* END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
#testimonial .single-testimonils i {
	position: absolute;
	font-size: 72px;
	left: 0;
	z-index: -1;
	opacity: 0.08;
	line-height: 45px;
}
.testimonial{
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right ,#ff735b ,#fe4819);
    color: #fdfeff;
    z-index: 1;
}
.testimonial:after{
    content: "";
    width: 150px;
    height: 107%;
    background: #ff9f3c;
    position: absolute;
    top: -20px;
    left: -60px;
    transform: matrix(1, 0, 0.5, 1, 150, 0);
    z-index: -1;
}
.testimonial .testi-carousel {
  position: relative;
  z-index: 11;
  margin-top: 20px;
}
.testimonial.dark-testimonial {
  background: #111;
}
.testimonial .testi-filter {
  max-width: 320px;
  margin: 0 auto;
}
.testimonial .testi-filter.nav-tabs {
  border: 0;
}
.testimonial .testi-filter .testi-img {
  position: relative;
}
.testimonial .testi-filter .testi-img:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}
.testimonial .testi-filter .testi-img img {
  max-width: 100%;
}
.testimonial .testi-filter li {
  display: inline-block;
  margin-bottom: 0;
}
.testimonial .testi-filter li a {
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
  margin: 0px 8px;
}
.testimonial .testi-filter li.active .testi-img:before,
.testimonial .testi-filter li:hover .testi-img:before {
  width: 85%;
  height: 85%;
  opacity: 0;
}
.testimonial .tab-content {
  border: 8px solid rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  background-color: #ffffff;
  max-width: 450px;
  margin: 0 auto 50px;
  position: relative;
  z-index: 111;
}
.testimonial .tab-content:before,
.testimonial .tab-content:after {
  position: absolute;
  font-family: FontAwesome;
  font-size: 25px;
  color: #B2B2B2;
}
.testimonial .tab-content:before {
  content: "\f10d";
  left: 12px;
  top: 12px;
}
.testimonial .tab-content:after {
  content: "\f10e";
  right: 12px;
  text-align: right;
  bottom: 6px;
}
.testimonial .testi-content {
  position: relative;
  padding: 45px 40px;
  text-align: center;
}
.testimonial .testi-content p {
  position: relative;
  z-index: 11;
  margin-bottom: 30px;
}
.testimonial .testi-content p:last-child {
  margin-bottom: 0;
}
.testimonial .tab-pane:nth-child(1) .testi-content:before {
  margin-left: -30px;
  left: 17%;
}
.testimonial .tab-pane:nth-child(2) .testi-content:before {
  margin-left: -19px;
  left: 50%;
}
.testimonial .tab-pane:nth-child(3) .testi-content:before {
  margin-right: -30px;
  right: 17%;
}
.testimonial .testi-carousel {
  position: relative;
}
.testimonial .testi-carousel .slick-slide {
  outline: none;
}
.testimonial .testi-carousel .slick-arrow {
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  line-height: 35px;
  color: #b2b2b2;
  background: transparent;
  border: 0;
  display: inline-block;
  transition: all .3s ease 0s;
  outline: none;
  border: 1px solid #666666;
  padding: 21px;
  border-radius: 50%;
}
.testimonial .testi-carousel .slick-arrow:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 28px;
  top: 50%;
  left: 50%;
  color: #666666;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.testimonial .testi-carousel .slick-arrow.slick-prev,
.testimonial .testi-carousel .slick-arrow.slick-next {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 100;
}
.testimonial .testi-carousel .slick-arrow.slick-prev:before {
  content: "\f104";
}
.testimonial .testi-carousel .slick-arrow.slick-next {
  left: auto;
  right: 0;
}
.testimonial .testi-carousel .slick-arrow.slick-next:before {
  content: "\f105";
}
.testimonial .testi-carousel .slick-arrow:hover {
  background: #666666;
  border-color: #666666;
}
.testimonial .testi-carousel .slick-arrow:hover.slick-prev:before,
.testimonial .testi-carousel .slick-arrow:hover.slick-next:before {
  color: #ffffff;
}

.testimonial.testimonials-home .single-testimonils {
  position: relative;
  z-index: 11;
}
.testimonial.testimonials-home .single-testimonils h3 {
  color: #ffffff;
}
.testimonial.testimonials-home .single-testimonils {
  margin-top: 20px;
}
.testimonial.testimonials-home .single-testimonils img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 25px;
}
.testimonial.testimonials-home .single-testimonils p {
  margin-bottom: 17px;
}
#testimonial .single-testimonils i {
	position: absolute;
	font-size: 72px;
	left: 0;
	z-index: -1;
	opacity: 0.08;
	line-height:45px;
}
.testimonial.testimonials-home .single-testimonils ul li {
  font-weight: 300;
  font-size: 12px;
}
.testimonial.testimonials-home .single-testimonils ul li:first-child {
  font-weight: 500;
  font-size: 19px;
}
.testimonial.testimonials-home .owl-dots {
  position: absolute;
  width: 100%;
  z-index: 11;
  text-align: center;
  bottom: -50px;
}
.testimonial.testimonials-home .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 500%;
  border: 1px solid #666666;
  display: inline-block;
}
.testimonial.testimonials-home .owl-dots .owl-dot.active {
  background: #666666;
}
/*
* ----------------------------------------------------------------------------------------
* END TESTIMONAIAL  DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG  DESIGN
* ----------------------------------------------------------------------------------------
*/

.post-slide{
    margin: 0 10px;
    border-left: 3px solid #fe4819;
    border-bottom: 3px solid #fe4819;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
}
.post-slide .post-img:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0,0,0.0);
    transition: all 0.40s linear 0s;
}
.post-slide:hover .post-img:before{
    background: rgba(0, 0,0,0.6);
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
}
.post-slide .post-info{
    width: 75%;
    position: absolute;
    bottom: -100%;
    left: 12.5%;
    background: #fe4819;
    text-align: center;
    line-height: 26px;
    padding: 15px;
    transition: bottom 0.40s ease-in-out 0s;
}
.post-slide:hover .post-info{
    bottom:0;
}
.post-slide .category{
    padding: 0;
    margin: 0;
    list-style: none;
}
.post-slide .category li,
.post-slide .post-date{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}
.post-slide .category li:after{
    content: " /";
}
.post-slide .category li:last-child:after{
    content: "";
}
.post-slide .category li a{
    color: #fff;
    transition: all 0.40s linear;
}
.post-slide .category li a:hover{
    color: #555;
    text-decoration: none;
}
.post-slide .post-review{
    padding: 35px 20px 25px;
    background: #fff;
    position: relative;
}
.post-slide .icons{
    width: 90px;
    height: 90px;
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -45px;
    right: 10px;
    overflow: hidden;
}
.post-slide .icons img{
    width: 100%;
    height: auto;
}
.post-slide .post-title{
    margin: 0 0 15px 0;
}
.post-slide .post-title a{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fe4819;
    display: inline-block;
    text-transform: capitalize;
    transition: all 0.30s linear 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color: #333;
}
.post-slide .post-description{
    color: #555;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
}
.post-slide .btn-home{
   margin-top:0px;
   text-transform: capitalize ! important;
}

/*
* ----------------------------------------------------------------------------------------
* END BLOG  DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15. START PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner-area{	
	background: linear-gradient(to right ,#fe4819 ,#ff735b);
	padding: 90px 0;
}
.partners { text-align: center }
    .partners img {
        padding: 0 10px;
        background: white;
    }
/*
* ----------------------------------------------------------------------------------------
* END PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {
    padding: 0px;
}
.contact  input[type="submit"] {
	border: none;
	font-weight: 500;
	padding: 14px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 3px;
	background: #228ae6
}
.contact input[type="text"], 
.contact input[type="email"],
.contact input[type="password"] 
{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	color: #333;
	height: 50px;
	line-height: 50px;
	padding: 10px 15px;
	margin-bottom: 15px;
}
.contact textarea {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 15px;
	color: #333;
	height: 200px;
	margin-bottom: 15px;
}

.contact input:focus {
    border-color: #fe4819;
    box-shadow: none;
    outline: 0 none;
}

.contact textarea:focus {
   border-color: #fe4819;
    box-shadow: none;
    outline: 0 none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #fe4819;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.btn-contact-bg {
	background: #fe4819 none repeat scroll 0 0 !important;
	border: 1px solid #fe4819 !important;
	color: #fff!important;
	font-size: 13px;
	padding: 11px 21px !important;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	transition: all 0.2s ease 0s;
	border-radius: 0;
	border: 1px solid #fe4819;
	display: inline-block;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}
.actions{
	margin-bottom:15px;
}
/*
* ----------------------------------------------------------------------------------------
* END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17. START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#map-section iframe {
    width: 100%;
    height: 350px;
}
/*
* ----------------------------------------------------------------------------------------
* END MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-address {
  background: linear-gradient(to right ,#ff735b ,#fe4819);
}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	font-size:55px;
	margin-bottom: 20px;
	width: 60px;
	color:#fff;
}
.single_address h4{
text-transform: capitalize;
color:#fff;
}
.single_address p{color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
#footer_area{
	background:#202020;
	padding: 30px 0;
	width: 100%;
	
}

.ftr_social_list li {
    display: inline-block;
    margin: 0 12px;
}

.ftr_social_list a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 2.5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
    font-size: 15px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	background: #fff;
}
.ftr_social_list a:after{
	content: '';
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 0;
	height: 0;
	transition: 0.3s;
	bottom: 0;
	left: 50%;	
	z-index: -1;
}
.ftr_social_list a:hover:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
}
.ftr_social_list a:hover{
	color: #fff;
}
.ftr_social_list a i {
}
.copyright p {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 0px;
	color: #fff;
	font-size:14px;
}
.copyright a {
	color:#fe4819 ;
}
a.f_facebook:after{
    background: #5D82D1;
}
a.f_twitter:after{
    background: #40BFF5;
}
a.f_google:after{
    background: #EB5E4C;
}
a.f_linkedin:after{
    background: #238CC8;
}
a.f_youtube:after{
    background: #CC181E;
}
a.f_skype:after{
    background: #00AFF0;
}

@media screen and (max-width: 991px){
	.ftr_social_list li {
		margin: 0 7px;
	}
	.mb_30{
		margin-bottom:30px;
	}
	
}
@media screen and (max-width: 767px){
	.ftr_social_list{
		margin-top:20px;
		text-align:center;
		margin-right: 30px;
	}
	.copyright{
		text-align:center;	
	}
	.mb_30{
		margin-bottom:30px;
	}

}
/*
* ----------------------------------------------------------------------------------------
* END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/