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

    Template Name: Azaxy Multipurpose HTML5 Template
    Template URI:
    Description: This is html5 template
    Author: Kaji Hasibur Rahman
    Author URI: http://percluatheme.com
    Version: 1.0
-----------------------------------------------------------------------------------*/


/*---------------- 1. Theme Default CSS ------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:300,400,500,700,900');

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.clear:before,
.clear:after {content: " ";display: table;}
.clear:after {clear: both;}
.browserupgrade {
    margin: 0.2em 0;
    background: #121212;
    color:#121212;
    padding: 0.2em 0;
}
body {
	background:#ffffff;
	color: #121212;
	font-family: 'Roboto Slab', serif;
	line-height:25px;
	font-size:15px;
}
button{transition:all .5s;}
.floatleft {float:left}
.floatright {float:right}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {
	margin:0 0 10px;
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #121212;
	margin-bottom: 10px;
	margin-top: 0px;
}
h1{font-size:50px; font-weight:700;}
input, button{transition:all .5s;}
a {transition: all 0.5s ease 0s;text-decoration:none; color:#f89406}
a:hover {color: #337ab7;text-decoration: none;}
a:active, a:hover, a:focus { outline: none;text-decoration:none;}
ul{list-style: outside none none;margin: 0;padding: 0}

.ptb-23{padding:23px 0px;}
.ptb-15{padding:15px 0px;}
.ptb-25{padding:25px 0px;}
.ptb-180{padding:180px 0px;}
.ptb-170{padding:170px 0px;}
.ptb-100{padding:100px 0px;}
.ptb-50{padding:50px 0px;}
.ptb-60{padding:60px 0px;}

.p-30-20{padding:30px 20px;}

.pt-40{padding-top:40px;}
.pt-100{padding-top:100px;}
.pt-15{padding-top:15px;}

.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-30{padding-bottom:30px;}

.mtb-100{margin:100px 0px;}
.mb-60{margin-bottom:60px;}
.mb-80{margin-bottom:80px;}
.mb-30{margin-bottom:30px;}
.mb-50{margin-bottom:50px;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-100{margin-bottom:100px;}

.mt-100{margin-top:100px;}
.mt-20{margin-top:20px;}
.mt-35{margin-top:35px;}


.bg-1{background:#f89406;}
.bg-2{background:#f1f1f1;}
.bg-3{background:#121212;}
.bg-4{background:#333132;}
.bg-fff{background:#fff;}

.bg-img-1 { background: rgba(0, 0, 0, 0) url("img/service/1.jpg") repeat scroll 10% 100% / cover ;}
.bg-img-4 { background: rgba(0, 0, 0, 0) url("img/service/2.jpg") repeat scroll 10% 100% / cover ;}
.bg-img-2 { background: rgba(0, 0, 0, 0) url("img/bg/1.jpg") repeat scroll 50% 50%/ cover ;}
.bg-img-3 { background: rgba(0, 0, 0, 0) url("img/bg/2.jpg") repeat scroll 50% 50%/ cover ;}
.bg-img-5 { background: rgba(0, 0, 0, 0) url("img/bg/5.jpg") repeat scroll 100% 100%/ cover ;}
.bg-img-6 { background: rgba(0, 0, 0, 0) url("img/bg/6.jpg") repeat scroll 50% 100%/ cover ;}
.bg-img-7 { background: rgba(0, 0, 0, 0) url("img/bg/7.jpg") repeat scroll 50% 100%/ cover ;}
.bg-img-8 { background: rgba(0, 0, 0, 0) url("img/bg/8.jpg") repeat scroll 0 100%/ cover ;}
.bg-img-9 { background: rgba(0, 0, 0, 0) url("img/bg/9.jpg") repeat scroll 0 100%/ cover ;}
.brl{
	border-left:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
}
.border-bottom{border-bottom:1px solid #c8c8c8;}

.black-opacity{
	position:relative;
	z-index:999;
}
.black-opacity:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	content:"";
	opacity:.7;
	z-index:-9;
}

.sidebar-bg-img{
	position:relative;
}
.sidebar-bg-img::before {
	background-image: url("img/about/2.jpg");
	background-position:50% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 48.5%;
}

/*=========== pre-loader css =============*/
.loader-container {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background:#121212 ;
	z-index: 9999999999;
}
.center{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.loading{
	width:30px;
	height:30px;
	background:transparent;
	border-radius:50%;
	box-shadow:3px 30px 0px #f89406,30px -30px 0px #a255c4,-30px 30px 0px #0f8bcf,-30px -30px 0px #512ef0,0px 45px 0px #738d00,45px 0px 0px #ca1c65,0px -45px 0px #41a30d,-45px 0px 0px #FF0000;
	animation:animate 3s linear infinite;

}
@keyframes animate{
	0%
	{
		box-shadow:0px 0px 0px #f89406,0px 0px 0px #3333ff,0px 0px 0px #cc00ff,0px 0px 0px #ff6600,0px 0px 0px #66ff33,0px 0px 0px #990000,0px 0px 0px #66ffff,0px 0px 0px #9900ff;
		transform:rotate(0deg)
	}
	25%
	{
		box-shadow:30px 30px 0px #f89406,30px -30px 0px #3333ff,-30px 30px 0px #cc00ff,-30px -30px 0px #ff6600,0px 45px 0px #66ff33,45px 0px 0px #990000,0px -45px 0px #66ffff,-45px 0px 0px #9900ff;
		transform:rotate(360deg)
	}
	50%{
		box-shadow:30px 30px 0px #f89406,30px -30px 0px #3333ff,-30px 30px 0px #cc00ff,-30px -30px 0px #ff6600,0px 45px 0px #66ff33,45px 0px 0px #990000,0px -45px 0px #66ffff,-45px 0px 0px #9900ff;
		transform:rotate(760deg)
	}
	75%{
		box-shadow:30px 30px 0px #f89406,30px -30px 0px #3333ff,-30px 30px 0px #cc00ff,-30px -30px 0px #ff6600,0px 45px 0px #66ff33,45px 0px 0px #990000,0px -45px 0px #66ffff,-45px 0px 0px #9900ff;
		transform:rotate(760deg)
	}
	100%{
		box-shadow:0px 0px 0px #f89406,0px 0px 0px #3333ff,0px 0px 0px #cc00ff,0px 0px 0px #ff6600,0px 0px 0px #66ff33,0px 0px 0px #990000,0px 0px 0px #66ffff,0px 0px 0px #9900ff;
		transform:rotate(1460deg)
	}
}

/*=========== pre-loader css =============*/

/*----------- 2. header area start -------*/
.header-area {
	background: #121212 none repeat scroll 0 0;
	width: 100%;
	z-index: 9999;
}
.logo {
	padding: 10px 0;
}
.activeapexes{
	margin-top: 15px;
	background-color: white;
}
.mainmenu ul li {
	float:right;
	position:relative;
}
.mainmenu li:last-child {
	margin-right: 0;
}
.mainmenu ul li a {
	color: #f1f1f1;
	display: block;
	font-weight: 700;
	line-height: 15px;
	padding: 33px 15px;
	position: relative;
	text-transform: uppercase;
}
.mainmenu ul li:hover a, .mainmenu ul li.active a{
	background:#f89406;
}
.mainmenu ul li > ul {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	left: 0;
	position: absolute;
	top: 120%;
	width: 200px;
	padding:10px 15px;
	opacity:0;
	visibility:hidden;
	transition:all .5s;
	z-index:9999999999;
}
.mainmenu ul li:hover > ul{
	opacity:1;
	visibility:visible;
	top:100%;
}
.mainmenu ul li > ul.right{
	left:auto;
	right:0;
}
.mainmenu ul li > ul li{float:none;}
.mainmenu ul li > ul li a{
	text-transform:capitalize;
	padding:10px 0px;
	font-size:14px;
	color:#121212;
	background:none !important;
}
.mainmenu ul li > ul li:hover a{
	padding-left:5px;
	color:#f89406;
}
.mainmenu ul li > ul li ul{
	left:100%;
	top:0 !important ;
}
.search-box {
	position: relative;
}
.search-box a {
	background: #f89406 none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 22px;
	padding: 28px 0;
}
.overlay-bg {
	background: #000 none repeat scroll 0 0;
	height: 100vh;
	left: 0;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -9999;
	opacity:0;
}
.overlay-bg.active {
	opacity: 0.6;
	z-index: 99999999;
}
/* offcanvas-menu */

/* search- area */
.search-area{
	position:fixed;
	z-index:-999999;
	transition:all .5s;
	opacity:0;
	transform:scaleY(0) translateY(-50%) translateX(-50%);
	transform-origin: top;
	top:50%;
	transition:all .5s;
	left:50%;
}
.search-area.active{
	z-index:999999999;
	opacity:1;
	transform:scaleY(1) translateY(-50%) translateX(-50%);
}
.search form{
	position:relative;
}
.search input{
	width:100%;
	height:60px;
	border:1px solid #fff;
	padding-left:20px;
}
.search button{
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:50px;
	border:1px solid #f89406 ;
	height:100%;
	font-size:25px;
	background:#f89406;
	color:#f1f1f1;
}
.search > span {
  display: inline-block;
  height: 40px;
  width: 40px;
  cursor:pointer;
  margin-top:20px;
}
/* search- area */
.responsive-menu-wrap{
	position:relative;
}
.responsive-menu-wrap .slicknav_btn {
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	text-decoration: none;
	text-shadow: none;
	float: right;
	padding: 0;
	display: block;
	vertical-align: middle;
}
.responsive-menu-wrap .slicknav_menu .slicknav_menutxt {
	display: none;
}
.responsive-menu-wrap .slicknav_menu {
	background: transparent none repeat scroll 0 0;
	font-size: 15px;
	padding: 8px 0;
	position: absolute;
	right: 0;
	top: 0;
}
.responsive-menu-wrap .slicknav_nav {
	background: #f89406 none repeat scroll 0 0;
	border-radius: 2px;
	clear: both;
	color: #fff;
	font-size: 15px;
	margin: 0;
	padding: 5px 0;
	position: relative;
	top: 15px;
	width: 150px;
}
.slicknav_nav a {
	color: #f1f1f1;
	text-decoration: none;
	text-transform: capitalize;
}
.slicknav_nav a:hover {
	background: transparent none repeat scroll 0 0;
	border-radius: 0;
	color: #000;
}
.responsive-menu-wrap .slicknav_nav .slicknav_row:hover {
	background: transparent;
}
.responsive-menu-wrap .slicknav_nav .slicknav_arrow {
	font-size: 10px;
	margin: 5px;
}
/*---------- header end ----------------*/

/*--------- slider-area start -------------*/
.slider-area{
	position:relative;
	z-index:999;
}
.slider-area::after {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:9;
}
.cap-dec h2 {
  font-size: 52px;
  font-weight: 700;
  line-height:62px;
  text-transform:uppercase;
  color:#fff;
}
.cap-dec h2 span {
	display: block;
	font-weight: 700;
	padding-bottom: 15px;
	position: relative;
	margin-bottom:10px;
}
.cap-dec h2 span:before, .cap-dec h2 span:after{
	position:absolute;
	left:50%;
	background:#f89406;
	content:"";
	transform:translateX(-50%);
}
.cap-dec h2 span:before{
	width:100px;
	height:2px;
	bottom:0px;
}
.cap-dec h2 span:after{
	width:10px;
	height:10px;
	border-radius:50%;
	bottom:-4px;
}
.cap-title p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.cap-readmore a {
	background: #f89406 none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 12px 25px;
	text-align: center;
	text-transform: uppercase;
}
.cap-readmore a:hover {
    background: #fff;
    border-color:#f89406;
	color:#f89406 ;
}
.nivo-directionNav a {
	background: #f89406 none repeat scroll 0 0;
	border-radius: 50%;
	color: #ffffff;
	font-size: 30px;
	height: 60px;
	left: 30px;
	line-height: 60px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	border:1px solid transparent;
	z-index: 99;
}
.nivo-directionNav a:hover{
	background:transparent;
	color:#f89406;
	border-color:#f89406;
}
.nivo-directionNav a.nivo-nextNav {
  right: 30px;
  left:auto;
}
/*--------- slider-area end -------------*/

/*----------5. about area start -------------*/
.section-title h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.section-title p {
	font-size: 16px;
	margin-bottom: 0;
	padding: 0 290px;
	position: relative;
}
.section-title span{
	display:inline-block;
	background:#f89406;
	width:60px;
	height:4px;
	margin-bottom:20px;
}
.section-title span.two, .section-title span.three {
	background: transparent none repeat scroll 0 0;
	border-color: #f89406 transparent transparent;
	border-style: solid;
	border-width: 10px;
	position: relative;
	top: 8px;
	width:10px;
}
.section-title span.two {
	left: -4px;
	transform: rotate(-90deg);
}
.section-title span.three{
	right:-4px;
	transform: rotate(90deg);
}
.about-wrap {
	padding: 120px 0;
}
.about-wrap h3 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 30px;
}
.about-wrap h1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 20px;
}
.about-wrap h1 span{
	color:#f89406;
}
a.readmore {
	background: #f89406 none repeat scroll 0 0;
	border: 1px solid #f89406;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin-top: 40px;
	padding: 10px 30px;
	text-transform: uppercase;
}
a.readmore:hover{
	background:#fff;
	color:#f89406;
}
/*---------- about area end -------------*/

/*---------- 6. service area start -------------*/
.service{
	position:relative;
}
.service-wrap {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	padding: 50px 35px;
	position: relative;
	transition: all 0.5s ease 0s;
	z-index: 9;
}
.service-wrap::before, .service-wrap::after {
	content: "";
	height: 300%;
	position: absolute;
	transform: rotate(45deg);
	width: 120%;
	z-index: -9;
	transition:all .5s;
	opacity:0;
	background: #f89406;
}
.service-wrap::before{
	top: -37px;
	left:100%;
}
.service-wrap:hover:before{
	left: -27px;
	opacity:1;
}
.service-wrap::after {
	right: 100%;
	bottom: -37px;
}
.service-wrap:hover:after {
	right: -27px;
	opacity:1;
}
.service-wrap:hover {
	color:#121212;
}
.service-wrap:hover h3{
	color:#121212;
}
.service-wrap:hover a{
	color:#337ab7;
}
.service-wrap a:hover{
	color:#23527c;
}
.service-wrap:hover h3:after{
	background:#fff;
}
.service-icon i {
	font-size: 45px;
	margin-bottom: 20px;
	transition:all .5s;
}
.service-wrap:hover .service-icon i{
	transform:rotate(360deg);
}
.service-wrap h3 {
	font-size: 25px;
	font-weight: 700;
	padding-bottom: 15px;
	position: relative;
}
.service-wrap p {
  font-size: 16px;
  margin-bottom: 0;
}
/*---------- service area end -------------*/

/*---------- 7. choose area start -------------*/
.choose-wrap {
	text-align: center;
}
.choose-wrap i {
	background: #f89406 none repeat scroll 0 0;
	color: #fff;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	text-align: center;
	width: 40px;
	position:relative;
	overflow:hidden;
	z-index:9999;
}
.choose-wrap i:after{
	position:absolute;
	left:0;
	top:0;
	content:"";
	background:#000;
	width:100%;
	height:100%;
	z-index:-9;
	transform:rotate(45deg);
}
.choose-wrap h4 {
	font-weight: 700;
	margin-bottom: 15px;
}
.choose-wrap p {
	margin-bottom: 0;
}
/*---------- choose area end -------------*/

/*--------- 9. project area start --------------*/
.project-menu button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #121212;
	border-radius: 5px;
	font-weight: 700;
	margin: 0 10px;
	padding: 10px 25px;
	text-transform: uppercase;
}
.project-menu button.active {
	background: #f89406 none repeat scroll 0 0;
	border-color: #f89406;
	color: #fff;
}
.project-wrap{overflow:hidden}
.project-wrap, .project-img{
	position:relative;
}
.project-wrap::before, .project-wrap::after, .brand-wrap:before, .brand-wrap:after{
	position:absolute;
	left:5%;
	top:5%;
	width:0;
	height:0;
	background:transparent;
	border:2px solid transparent;
	content:"";
	z-index:999;
}
.project-wrap:hover:before{
	animation:animate2 .7s linear forwards;
}
@keyframes animate2{
	0%{
		width:0;
		height:0;
		border-top-color:#f89406;
		border-right-color:transparent;
		border-bottom-color:transparent;
		border-left-color:transparent;
	}
	50%{
		width:90%;
		height:0;
		border-top-color:#f89406;
		border-right-color:#f89406;
		border-bottom-color:transparent;
		border-left-color:translate;
	}
	100%{
		width:90%;
		height:90%;
		border-top-color:#f89406;
		border-right-color:#f89406;
		border-bottom-color:transparent;
		border-left-color:translate;
	}
}
.project-wrap:hover:after{
	animation:animate3 .7s linear forwards;
	animation-delay:.7s;
}
@keyframes animate3{
	0%{
		width:0;
		height:0;
		border-top-color:translate;
		border-right-color:translate;
		border-bottom-color:translate;
		border-left-color:#f89406;
	}
	50%{
		width:0;
		height:90%;
		border-top-color:translate;
		border-right-color:translate;
		border-bottom-color:#f89406;
		border-left-color:#f89406;
	}
	100%{
		width:90%;
		height:90%;
		border-top-color:translate;
		border-right-color:translate;
		border-bottom-color:#f89406;
		border-left-color:#f89406;
	}
}
.project-img img {
	width: 100%;
}
.project-img::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
	transition:all .5s;
	transform:scale(.5);
}
.project-wrap:hover .project-img:after{
	transform:scale(1);
	opacity:.7;
}
.project-content {
	color: #fff;
	left: 0;
	opacity: 0;
	padding: 0 33px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(0.5);
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 99999;
}
.project-wrap:hover .project-content{
	opacity:1;
	transform:translateY(-50%) scale(1);
}
.project-content h4 {
	color: #fff;
	font-weight: 700;
}
.project-content a {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	width: 50px;
}
.project-content a:hover{
	background:#f89406;
	border-color:#f89406;
}
/*--------- project area end --------------*/

/*--------- 10. blog area start --------------*/
.blog-wrap {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.blog-img {
	overflow: hidden;
	position: relative;
}
.blog-img img{
	width:100%;
	transform:scale(1.1);
	transition:all .5s;
}
.blog-wrap:hover .blog-img img{transform:scale(1)}
.blog-img::before {
	background: #121212;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	transform:scaleY(0);
	transform-origin:top;
	transition:all .5s;
	z-index:9;
}
.blog-wrap:hover .blog-img::before{
	transform:scaleY(1);
}
.blog-icon{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	transition:all .5s;
	opacity:0;
	z-index:99;
}
.blog-wrap:hover .blog-icon{
	opacity:1;
}
.blog-icon a {
	border:1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 60px;
	font-size:20px;
	color:#fff;
	transform:scale(2);
}
.blog-wrap:hover .blog-icon a{
	transform:scale(1);
}
.blog-icon a:hover{
	background:#f89406;
	border-color:#f89406;
}
.blog-info{padding:20px;}
.blog-info h4 {
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
}
.blog-info p{
	margin-bottom:20px;
}
.blog-meta{margin-bottom:10px;}
.blog-meta span, .blog-meta a i {margin-right: 15px;}
.blog-meta a, .blog-meta span{
	color: #797979;
}
.blog-readmore a{
	font-size: 14px;
	text-transform: uppercase;
	padding:10px 20px;
	display:inline-block;
	background:#f89406;
	position:relative;
	overflow:hidden;
	color:#fff;
	font-weight:700;
	z-index:9;
	border-radius:2px;
}
.blog-readmore a:hover{
	background:#000;
	color:#fff;
}
.blog-readmore a:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:-9;
	content:"";
	transform:skewY(45deg);
	transition:all .5s;
}
.blog-readmore a:hover:before{
	background:#f89406;
}
.blog-active .owl-item{padding-bottom:20px;}
/*--------- blog area end --------------*/

/*--------- 11. fanfact area start --------------*/
.funfact-wrap{
	color:#fff;
}
.funfact-icon i {
	border-radius: 50%;
	font-size: 50px;
	height: 100px;
	line-height: 100px;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	width: 100px;
	z-index:9;
	overflow:hidden;
	border:2px solid #f89406;
}
.funfact-icon i:after{
	position:absolute;
	width:90%;
	height:90%;
	background:#f89406 ;
	z-index:-9;
	content:"";
	left:5%;
	top:5%;
	border-radius:50%;
}
.funfact-wrap span {
	display: block;
	font-size: 50px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 20px;
}
.funfact-wrap p {
	font-size: 20px;
	margin-bottom: 0;
}
/*--------- fanfact area end --------------*/\

/*--------- latest-news-area start --------------*/
.latest-news-wrap{
	box-shadow:0px 3px 10px rgba(0,0,0, .1;)
}
.news-img{
	position:relative;
}
.news-img:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	content:"";
	opacity:0;
	transform:scale(.8);
	transition:all .5s;
}
.latest-news-wrap:hover .news-img:before{
	opacity:.5;
	transform:scale(1);
}
.deat {
	background: #f89406 none repeat scroll 0 0;
	height: 70px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 70px;
	padding:10px;
}
.deat span{
	display:block;
	color:#fff;
	font-weight:700;
	font-size:16px;
}
.news-content{
	padding:30px;
	background:#fff;
}
.news-content a.news-title{
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
}
.news-content p {
  margin-bottom: 15px;
}
.news-readmore{
	font-size:14px;
}
/*--------- latest-news-area end --------------*/

/*--------- 12. team area start --------------*/
.team-img{
	position:relative;
	overflow:hidden;
}
.team-img img{
	transform:scale(1);
	transition:all .5s;
}
.team-wrap:hover .team-img img{
	transform:scale(1.1);
}
.team-img:before{
	position:absolute;
	left:200%;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	content:"";
	opacity:.5;
	transform:skewX(45deg);
	transition:all .8s;
	z-index:1;
}
.team-wrap:hover .team-img:before{
	left:-200%;
	transition-delay:all .8s;
}
.team-content{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:20px 0px;
	background:rgba(0,0,0, .7);
	transform:perspective(500px) rotateX(90deg);
	transition:all .5s;
	transform-origin:bottom;
}
.team-img:hover .team-content{
	transform:perspective(500px) rotateX(0deg);
}
.team-content h3{
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
}
.team-content span{
	color:#fff;
}
.team-icon{
	position:absolute;
	left:0;
	top:0;
}
.team-icon li a{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#000;
	color:#fff;
	display:inline-block;
	transform:perspective(1000px) rotateY(90deg);
	transform-origin:left;
	transition:all .8s;
	font-size:18px;
}
.team-img:hover .team-icon ul li a{
	transform:perspective(1000px) rotateY(0deg);
}
.team-icon ul li:last-child a{
	border-bottom:none;
}
.team-icon:hover ul li a{
	transform:perspective(1000px) rotateY(0deg);
}
.team-icon ul li:nth-child(1) a{
	transition-delay:.1s;
	background:#3b5998;
}
.team-icon ul li:nth-child(2) a{
	transition-delay:.2s;
	background:#55acee;
}
.team-icon ul li:nth-child(3) a{
	transition-delay:.3s;
	background: #007bb5;
}
.team-icon ul li:nth-child(4) a{
	transition-delay:.4s;
	background: #dd4b39;
}
.team-icon ul li:nth-child(5) a{
	transition-delay:.5s;
	background:#bb0000;
}

.dotate-style{
	position:relative;
}
.dotate-style .owl-dots {
	bottom: -5px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
}
.dotate-style .owl-dot {
	background: #121212 none repeat scroll 0 0;
	display: inline-block;
	height: 6px;
	margin: 0 3px;
	width: 20px;
	border-radius:3px;
}
.dotate-style .owl-dot.active{
	background:#f89406;
}
/*--------- team area end --------------*/

/*---------13. brand area start --------------*/
.brand-wrap {
	line-height: 100px;
	min-height: 100px;
	padding: 0 15px;
	position: relative;
	text-align: center;
	cursor:pointer;
	border:1px solid #000;
	transition:all .5s;
}
.brand-wrap:hover{border-color:transparent;}
.brand-wrap:before, .brand-wrap:after{
	left:0;
	top:0;
}
.brand-wrap:hover:before{
	animation:animate4 .5s linear forwards;
}
@keyframes animate4{
	0%{
		width:0;
		height:0;
		border-top-color:#f89406;
		border-right-color:transparent;
		border-bottom-color:transparent;
		border-left-color:transparent;
	}
	50%{
		width:100%;
		height:0;
		border-top-color:#f89406;
		border-right-color:#f89406;
		border-bottom-color:transparent;
		border-left-color:translate;
	}
	100%{
		width:100%;
		height:100%;
		border-top-color:#f89406;
		border-right-color:#f89406;
		border-bottom-color:transparent;
		border-left-color:translate;
	}
}
.brand-wrap:hover:after{
	animation:animate5 .5s linear forwards;
	animation-delay:.5s;
}
@keyframes animate5{
	0%{
		width:0;
		height:0;
		border-top-color:translate;
		border-right-color:translate;
		border-bottom-color:translate;
		border-left-color:#f89406;
	}
	50%{
		width:0;
		height:100%;
		border-top-color:translate;
		border-right-color:translate;
		border-bottom-color:#f89406;
		border-left-color:#f89406;
	}
	100%{
		width:100%;
		height:100%;
		border-top-color:translate;
		border-right-color:translate;
		border-bottom-color:#f89406;
		border-left-color:#f89406;
	}
}
/*--------- brand area end --------------*/
/*--------- 14. footer area start --------------*/
.footer-widget{
	color:#f1f1f1;
}
.footer-widget p {
	margin-bottom: 30px;
}
.footer-widget p:last-child{margin-bottom:0px;}
.footer-title {
	color: #f1f1f1;
	font-size: 20px;
	margin-bottom: 60px;
	padding-bottom: 10px;
	text-transform: uppercase;
	position:relative;
}
.footer-title::before {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 45px;
}
.footer-widget ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.footer-widget ul li a:hover{color:#f89406;}
.footer-right {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.footer-right:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.footer-right > span {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.footer-left {
  float: right;
}
.footer-left > span {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.footer-right > p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 10px;
}
.footer-right a {
	color: #f89406;
}
.newsletter input{
	width:100%;
	height:40px;
	border:1px solid #f8f8f8;
	background:transparent;
	padding-left:10px;
	margin-bottom:10px;
}
.newsletter button{
	padding:10px 40px;
	background:#f89406;
	border:1px solid #f89406 ;
	text-transform:uppercase;
	text-align:right;
	transition:all .5s;
}
.newsletter button:hover{
	color:#f89406;
	background:transparent;
}
.copyright {
	color: #fefcfc;
	text-transform: capitalize;
}
/*--------- footer area end --------------*/
a#scrollUp {
	background: #f89406 none repeat scroll 0 0;
	border-radius: 5px;
	bottom: 40px;
	color: #fff;
	font-size: 25px;
	height: 50px;
	line-height: 45px;
	position: absolute;
	right: 30px;
	text-align: center;
	width: 50px;
	border:1px solid transparent;
	transition:all .5s;
}
a#scrollUp:hover{
	background:transparent;
	border-color:#f89406;
	color:#f89406;
}
.header-area.sticky {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #121212 none repeat scroll 0 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999999;
}
.header-area.sticky .mainmenu ul li a {
	padding-bottom: 33px;
}
.header-area.sticky  .mainmenu ul li > ul li a{
	padding-bottom:10px;
}

/*--------------------- 15. skill-area start ------------*/
.our-skill h3 {
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 25px;
	font-family:roboto;
}
.progressbar-wrap{overflow:hidden;}
.progressbar-wrap p {
	margin-bottom: 15px;
}
.progress-bar {
	height: 10px;
	background:#f89406;
	position:relative;
	border-radius:3px;
}
.progress {
	background-color: #121212;
	height: 10px;
	margin-bottom: 25px;
	overflow: visible;
}
.progress-bar span {
	position: absolute;
	right: 0;
	top: -30px;
	color:#121212;
}
.progress-bar span::after {
	background: #f89406 none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: -24px;
	content: "";
	height: 20px;
	left: 15px;
	position: absolute;
	transform: translateX(-50%);
	width: 20px;
}
.mb-5{margin-bottom:5px;}

.progress-circular {
	text-align: center;
}
.progress-h4 {
	color: #fff;
}
/*--------------------- skill-area end ------------*/

/*--------------------- 16. business area start ------------*/
.business-area{position:relative;}
.business-content h1 {
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 35px;
}
.business-content p {
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 25px;
}
.business-content li {
	display: block;
	font-family: roboto;
	line-height: 18px;
	margin-bottom: 20px;
	padding-left: 30px;
	position: relative;
}
.business-content li:last-child{margin-bottom:0px;}
.business-content li::before {
	content: "\f093";
	left: 0;
	position: absolute;
	top: 0;
	font-family:fontawesome;
	color:#f89406;
}
/*--------------------- business area end ------------*/
/*--------------------- 19. pricing-table area start ------------*/
.pricing-table-wrap {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.23);
	padding: 60px;
	position:relative;
	z-index:9;
	overflow:hidden;
}
.pricing-table-wrap::after, .pricing-table-wrap::before {
	background: #f89406 none repeat scroll 0 0;
	content: "";
	height: 150%;
	left: 0;
	position: absolute;
	transform: rotate(45deg);
	width: 150%;
	z-index: -9;
}
.pricing-table-wrap::after {
	left: -80%;
	top: -76%;
}
.pricing-table-wrap::before {
	bottom: -95%;
	right: -80%;
}
.pricing-table-wrap h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
	color:#fff;
}
.pricing-table-wrap h2 {
  margin-bottom: 30px;
  color:#fff;
}
.pricing-table-wrap h2 span {
	display: block;
	font-size: 10px;
}
.pricing-table-wrap ul li {
	border-bottom: 1px dotted #222;
	font-family: roboto;
	font-size: 16px;
	padding: 10px 0;
}
.pricing-table-wrap ul li:last-child {
	border: medium none;
	padding-bottom: 0;
}
/*--------------------- pricing-table area end ------------*/

/*--------------------- 20. video area start ------------*/
.video-content {
  padding: 70px 0;
}
.video-content h1 {
	font-size: 50px;
	font-weight: 400;
	line-height: 60px;
	margin-bottom:25px;
}
.video-content h1 span{display:block;}
.video-content p{
	margin-bottom:0px;
}
.video iframe {
	height: 400px;
	margin-bottom: -9px;
	width: 100%;
}
/*--------------------- video area end ------------*/

/*--------------------- 21. expert area start ------------*/
.expert-wrap {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
  padding: 50px 40px;
}
.expert-wrap, .expert-wrap i, .expert-wrap h4, .expert-wrap p{
	transition:all .5s;
}
.expert-wrap:hover{
	background:#f89406 ;
}
.expert-wrap i {
	background: #f89406 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	font-size: 45px;
	height: 95px;
	line-height: 95px;
	margin-bottom: 20px;
	width: 95px;
}
.expert-wrap:hover i{
	color:#f89406;
	background:#fff;
}
.expert-wrap h4 {
  font-weight: 700;
  margin-bottom: 15px;
}
.expert-wrap:hover h4, .expert-wrap:hover p{
	color:#fff;
}
.expert-wrap p {
  font-size: 16px;
  margin-bottom: 0;
}
/*--------------------- expert area end ------------*/

/*---------- 23. faq-area start -------------*/
.faq-wrap h2 {
	font-family: roboto;
	font-weight: 600;
	margin-bottom: 20px;
}
.faq-wrap p {
	margin-bottom: 20px;
}
.faq-wrap .panel-default > .panel-heading {
	background-color: transparent;
	color: #121212;
}
.faq-wrap .panel-heading {
	border-radius: 0;
	padding: 0px;
}
.faq-wrap .panel-default {
	border-color: transparent;
	box-shadow: none;
}
.faq-wrap .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}
.faq-wrap .panel-body {
  padding: 10px 20px;
}
.faq-wrap .panel-group .panel + .panel {
	margin-top: 0px;
}
.faq-wrap .panel-body p{margin-bottom:0px}
.faq-wrap .panel-group {
	margin-bottom: 0;
}
.faq-wrap .panel-title {
	font-family: roboto;
	font-weight: 400;
}
.faq-wrap .panel-default a {
	display: block;
	position: relative;
	padding:10px 40px 10px 15px;
}
.faq-wrap .panel-default a::after {
	background: #f89406 none repeat scroll 0 0;
	color: #fff;
	content: "";
	font-family: fontawesome;
	height: 22px;
	line-height: 22px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 7px;
	width: 22px;
}
.faq-wrap .panel-default a {
	background: #f89406 none repeat scroll 0 0;
	color: #fff;
}
.faq-wrap .panel-default a.collapsed {
  background: #f1f1f1 none repeat scroll 0 0;
  color: #121212;
}
.faq-wrap .panel-default a.collapsed::after{
	border: 1px solid #888888;
	color: #888888;
	content:"\f0d7";
	background:transparent;
}
/*---------- faq-area end -------------*/
/*---------- 24. testimonials area start -------------*/
.slider-for{margin-bottom:20px;}
.testimonial-image-slider {margin-top: 5px}
.slick-list {	margin: 0 5px}
.sin-opacity {
	cursor: pointer;
	display: inline-block;
	height: 100px;
	margin-top: 48px;
	outline: 0 none;
	overflow: hidden;
	position: relative;
	width: 100px;
	z-index: 99;
	border-radius: 50%;
}
.slick-list {
	z-index: 99;
}
.sin-opacity img {
	width: 100%;
	height: 100%
}
.sin-testiImage {
	display: inline-block;
	margin-bottom: 0px;
	outline: medium none;
}
.sin-testiImage.slick-current .sin-opacity {
	background-color: rgba(0, 0, 0, 0);
	border: 0 none;
	height: 180px;
	margin-top: 0px;
	opacity: 1;
	width: 180px;
}
.sin-testiImage.slick-current {
	height: 180px;
	margin-top: 7px;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 180px;
}
.testimonial-text-slider h2 {
	color: #333333;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	margin-top: 18px;
}
.test-content h2 {
	font-weight:700;
	font-size:24px;
}
.test-content span {
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.test-content p{margin-bottom:0;}
/*---------- testimonials area end -------------*/

/*------------------------------
		about style here
 -------------------------------*/

/*---------- 25. breadcrumb-area start-------------*/
.breadcrumb-wrap h2 {
	color: #f89406;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
}
.breadcrumb-wrap ul li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
  text-transform: capitalize;
}
.breadcrumb-wrap ul li::after {
	content: "/";
	position: absolute;
	right: -11px;
}
.breadcrumb-wrap ul li:last-child:after{display:none}
.breadcrumb-wrap ul li a, .breadcrumb-wrap ul li {
	color: #fff;
	font-family: roboto;
	font-size: 16px;
}
.breadcrumb-wrap ul li a:hover{color:#f89406;}
/*---------------- 27. project-details area start ---------------*/
.single-project h2 {
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 30px;
	position: relative;
	padding-bottom:10px;
}
.single-project h2:before, .single-project h2:after{
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	background:#f89406;
	height:3px;
}
.single-project h2:before{
	width:150px;
}
.single-project h2:after{
	width:100px;
	bottom:-10px;
}
.single-comment.clear.mb-30 {
	border-bottom: 1px solid #222;
	padding-bottom: 30px;
}
.single-project p {
	margin-bottom: 30px;
}
.single-project ul li {
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.single-project ul li:last-child{margin-bottom:0px;}
.single-project span {
	display: inline-block;
	position: relative;
	width: 300px;
}
.single-project span::after {
	content: ":";
	left: 60%;
	position: absolute;
	transform: translateX(-50%);
}
.project-details-active{position:relative;}
.project-details-active .owl-nav div {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	color: #fff;
	font-size: 36px;
	height: 65px;
	left: 0;
	line-height: 65px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
}
.project-details-active .owl-nav div.owl-next{
	left:auto;
	right:0px;
}
/*---------------- project-details area end ---------------*/
.our-team-area .team-wrap{transition:all .5s;}
.our-team-area .team-wrap:hover{
	box-shadow:0px 3px 15px rgba(0, 0, 0, .2);
}
/*---------- 28. sidebar area start ----------*/
.sodebar-area{font-family:roboto;}
.sidebar-search-area form{position:relative;}
.sidebar-search-area input{
	width:100%;
	height:50px;
	border:1px solid #ebebeb;
	padding-left:20px;
}
.sidebar-search-area button{
	position:absolute;
	right:0;
	height:100%;
	width:50px;
	background:transparent;
	color:#ccc;
	border:transparent;
	top:0;
}
.sidebar-search-area button:hover{
	color:#fff;
	background:#f89406;
}
h4.sidebar-title{
	color:#34374b;
	text-transform:uppercase;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #e4e4e4;
	font-family: 'Roboto Slab', serif;
}
.categories-wrap ul li{margin-bottom:20px;}
.categories-wrap ul li:last-child{margin-bottom:0px;}
.categories-wrap ul li a {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}
.categories-wrap ul li a:after{
	position:absolute;
	left:0;
	content:"\f0da";
	font-family:FontAwesome;
}
.comment-info {
	margin-left: 75px;
	padding: 10px 0px;
}
.comment-info a {
	font-size: 13px;
	color: #34374b;
}
.comment-info a:hover{
	color:#f89406;
}
.comment-info span {
	color: #f89406;
	font-size: 11px;
	font-style: italic;
	font-weight: 500;
}
.single-comment.clear p {
	font-size: 12px;
	color: #999;
}
.single-comment span {
	font-size: 12px;
	letter-spacing: 1px;
}
.tags-wrap a {
	border: 1px solid #999;
	color: #999;
	display: inline-block;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 8px 17px;
}
.tags-wrap a:hover{
	background:#f89406;
	color:#fff;
	border-color:#f89406;
}
/*---------- sidebar area end ----------*/
.blog-content span {
	display: inline-block;
	margin-bottom: 20px;
}
.blog-text {
	padding: 30px 150px 30px 68px;
}
.blog-text p{
	position:relative;
	margin-bottom:0px;
	font-weight:700;
	color: #f89406;
}
.blog-text p::after, .blog-text p::before {
	color: #f89406;
	font-family: fontAwesome;
	font-size: 18px;
	position: absolute;
}
.blog-text p::after{
	left: -35px;
	content: "";
	top: -10px;
}
.blog-text p::before {
	bottom: -10px;
	content: "";
	right: 165px;
}
.social-icon ul li{
	display:inline-block;
	margin:0px 10px;
}
.social-icon ul li:last-child{
	margin-right:0px;
}
.total-comment {border-bottom:1px solid #c8c8c8;}
.single-news-meta span { margin: 0 3px;}
.comment-title{
	font-size:25px;
	font-weight:700;
	margin-bottom:40px;
}
.comment-img{float:left;}
.comment-text {
	margin-left: 190px;
	position:relative;
}
.comment-text:after{
	position:absolute;
	right:0;
	top:0;
	content:"\f122";
	font-family:fontAwesome;
	font-size:18px;
	transition:all .5s;
	cursor:pointer;
}
.comment-text:hover:after{color:#f89406;}
.comment-text h4{
	font-size:18px;
	margin-bottom:0px;
}
.comment-text span {
	display: inline-block;
	margin-bottom: 10px;
}
.comment-text p{margin-bottom:0px;}
.comment-wrap h3{font-weight:700;}
.comment-wrap .form-style p{
	margin:20px 0px 0px;
	font-weight:600;
	font-size:18px;
}
.form-style input, .form-style textarea {
  border: 1px solid #a8a8a6;
  height: 50px;
  margin-bottom: 30px;
  padding-left: 20px;
  width: 100%;
}
.form-style textarea {
	height: 210px;
	padding-top: 10px;
}
.form-style button {
  background: #f89406 none repeat scroll 0 0;
  border: 1px solid #f89406;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
}
.form-style button:hover{
	background:transparent;
	color:#f89406;
}
.form-style input[type="submit"] {
	background: #f89406 none repeat scroll 0 0;
	border: 1px solid #f89406;
	color: #fff;
	font-family: roboto;
	font-size: 12px;
	padding: 0 30px;
	width: auto;
	margin-bottom: 0px;
}
.form-style input[type="submit"]:hover{
	background:transparent;
	color:#f89406;
}
/*------------ 29. contact area star --------------*/
/*mail*/
.cf-msg {
    text-align: center;
}
.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
}
.contact-area .form-style input{
	height:50px;
}
.contact-area .form-style button{
	font-size:12px;
	padding:10px 30px;
}
.contact-wrap{
	font-family: roboto;
}
.contact-wrap h4 {
	text-transform: uppercase;
	margin-bottom: 25px;
}
.contact-wrap > i {
	font-weight: 500;
	margin-bottom: 40px;
	display: block;
}
.contact-icon i {
	background: #f89406;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.34);
	color: #f3f3f3;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
}
.contact-text {
	margin-left: 85px;
}
.contact-text h5 {
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.contact-text span{
	display:block;
	font-size:12px;
}

#googleMap{
	height:500px;
	background:#f89406;
}
/*------------ contact area end --------------*/

/*------------ 30. 404 area start --------------*/
.info-404{
	border:1px solid #f1f1f1;
	padding:30px 100px;
	margin:35px 0px;
}
.info-404 h3{
	font-size:30px;
	margin-bottom:35px;
	color:#f89406;
}
.info-404 a {
	background: #f89406 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 30px;
	padding: 25px 48px;
}
.wrap-404 p {
	color: #f1f1f1;
	padding: 0 70px;
}
/*------------ 404 area end --------------*/
/*------------31. comming-soon area start --------------*/
.comming-soon-area{
	padding-bottom:90px;
	font-family:roboto;
}
.comming-soon-wrap {
  padding: 100px 0;
}
.comming-soon-wrap img{
	margin-bottom:60px;
}
.comming-soon-wrap h3 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}
.comming-soon-wrap > p{
	color:#fff;
	font-size:14px;
	margin-bottom:60px;
}
.timer .cdown {
	background: #f89406 none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	height: 90px;
	padding: 20px 0;
	width: 90px;
	margin:0px 10px;
	font-weight:500;
}
.timer .time-count {
	display: block;
	font-size: 16px;
	padding-bottom: 5px;
	position: relative;
}
.timer .time-count:after{
	position:absolute;
	left:50%;
	bottom:0;
	width:20px;
	height:2px;
	background:#f1f1f1;
	content:"";
	transform:translateX(-50%);
}
.timer .cdown p {
	font-size: 14px;
}
.copy-right p {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
	text-transform: capitalize;
}
.copy-right p span{
	color:#f89406;
}
/*------------ comming-soon area end --------------*/