/*
Basic Information:
--------------------

Project Name   : WOLFSEO
Date          : OCTOBER,10,2016
Author       : CoderFirm
Developed By: Nazmul Hasan


Table Of Index
-------------------------
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1 - Global
2 - Button and hover
3 - Title
4 - Social
5 - Padding margin
6 - Place holder
7 - ALL COLORs
8 - Header
9 - Main-Menu
10 - search button
11 - page breadcrumb
12 - slider
13 - post style
14 - contact section
15 - acheivement section
16 -  counter
17 - client carousel
15 - partner
16 - process section
17 - home page 2
18 - member carousel
19 - title
20 - contact
21 - single post
22 - related post
23 - single page
24 - case section
25 - page pagination
26 - side bar widget
27 - recent post
28 - footer widget section
29 - footer


*/

/* =====Install Fonts for Web site==========*/
@import url('https://fonts.googleapis.com/css?family=Lusitana:400,700|Raleway:400,700,800|Roboto:300,400,700,900');



 /*********************************************************************
 ==============Start All Reset Css==
 *********************************************************************/
 body {
	 background: #d6d6d6;
 	font-family: 'Roboto', sans-serif;
 	font-size: 14px;
 	line-height: 1;
 }
 h1,h2,h3,h4,h5,h6,p,a{
 	margin: 0px;
 	padding: 0px;
 }
 ul,ol{
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
 }
 a,a:focus,a:hover{
 	text-decoration: none;
 }
 a:focus{
 	outline: none;
 }
 p{
 	font-size: 14px;
 	color: #5a5a5a;
 }
 img {
 	max-width: 100%;
 }
 .discussion-type select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-word-break: normal;

}
 .ul-li ul {
 	margin:0;
 	padding: 0;
 }
 .ul-li ul li {
 	display: inline-block;
 	list-style: none;
 }
 .ul-li-block ul li {
 	display: block;
 }

 .relative {
 	position: relative;
 }


 /*=====================================All section title ==========================================*/
 .section-title {
 	text-align: center;
 	position: relative;
 	margin-top: 40px;
 	margin-bottom: 85px;
 }
 .section-title h2 {
 	position: relative;
 	font-size: 36px;
 	font-family: 'Raleway', sans-serif;
 	text-transform: uppercase;
 	color: #040404;
 	font-weight: bold;
 	letter-spacing: 1.5px;
 }
 .section-title span {
 	color: #f78c3b;
 	position: relative;
 	font-family: 'Raleway', sans-serif;
 	font-weight: bold;
 	font-size: 15px;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 }

.section-title strong {
    z-index: -1;
    color: #ecf0f1;
    font-size: 200px;
    line-height: 50px;
    margin-top: -70px;
    display: inline-block;
 	font-family: 'Lusitana', serif;
 }
 /*============*/
 .cdf-sub-title h3 {
 	color: #f78c3b;
 	font-size: 15px;
 }
 .cdf-title h2 {
 	font-family: 'Raleway', sans-serif;
 	font-size: 26px;
 	font-weight: bold;
 }
 .single-post .cdf-title h2 {
 	line-height: 36px;
 }
 .cdf-title h2 a {
 	color: #040404;
 	transition: 400ms linear;
 }
 .cdf-title h2 a:hover {
 	color: #f78c3b !important;
 }
 /*============*/

 .cdf-text p {
 	color: rgb(41, 41, 41);
 	line-height: 1.6;
 	font-weight: 100;
 }
 /*============*/
 .cdf-btn a {
 	width: 170px;
 	height: 45px;
 	background-color: transparent;
 	color: #fff;
 	text-align: center;
 	font-weight: bold;
 	text-transform: uppercase;
 	display: block;
 	line-height: 45px;
 }
 .cdf-btn button {
 	width: 170px;
 	height: 45px;
 	background-color: transparent;
 	color: #fff;
 	text-align: center;
 	font-weight: bold;
 	text-transform: uppercase;
 	display: block;
 	line-height: 45px;
 	border: 0 solid transparent;
 }
 .cdf-btn button:focus {
 	outline: none;
 }

.cdf-btn-one{
  border:none;
  position:relative;
  background-color: #f78c3b !important;
  width: 170px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.cdf-btn-one a {
	background-color: transparent;
}

.cdf-btn-one:hover a {
	color: #f78c3b;
}
.cdf-btn-one:hover button {
	color: #f78c3b;
}
.cdf-btn-one:hover{
  background: transparent !important;
  color:#1AAB8A;
}
.cdf-btn-one:before,.cdf-btn-one:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #f78c3b;
  transition:400ms ease all;
}
.cdf-btn-one:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.cdf-btn-one:hover:before,.cdf-btn-one:hover:after{
  width:100%;
  transition:800ms ease all;
}



 /*=======          cdf-meta                  =====*/

 .cdf-image {
 	position: relative;
 }
 .cdf-meta {
 	bottom: -100px;
 	left: -80px;
 	position: absolute;
 	width: 100px;
 	border: 1px solid #ecf0f1;
 	border-bottom: 1px solid transparent;
 }
 .cdf-meta ul li {
 	height: 90px;
 	padding-left: 25px;
 	border-bottom: 1px solid #ecf0f1;
 	position: relative;
 	z-index: -1;
 }
 .cdf-meta ul li:last-child {
 	padding: 15px;
 	height: 100px;
 }
 .cdf-meta ul li a {
 	display: block;
 	font-size: 26px;
 	padding-top: 20px;
 	font-family: 'Raleway', sans-serif;
 	color: #f78c3b;
 	font-weight: bold;
 	margin-bottom: 5px;
 }
 .cdf-meta ul li:last-child a {
 	padding-top: 0;
 }
 .cdf-meta ul li span {
 	color: #5a5a5a;
 	font-size: 15px;
 	margin-left: 5px;

 }
 .cdf-meta ul li:first-child span {
 	margin-left: 0;
 }
 .cdf-single-meta ul li {
 	margin-right: 25px;
 }
 /*============*/
 .overlay {
 	background-color: rgba(0, 0, 0, 0.9);
 }
 .display-inline {
 	display: inline-block;
 }
 .display-block {
 	display: block;
 }
 .overflow-hidden {
 	overflow: hidden;
 }


 /*======Custom Padding margin Classes====================================================================*/
 .padding0 {
 	padding: 0;
 }
 .padding40 {
 	padding: 40px;
 }
 .pt10 {padding-top: 10px; }
 .pt15 {padding-top: 15px; }
 .pt20 {padding-top: 20px; }
 .pt30 {padding-top: 30px; }
 .pt40 {padding-top: 40px; }
 .pt70 {padding-top: 70px; }
 .pt50 {padding-top: 50px; }
 .pt60 {padding-top: 60px; }
 .pt80 { padding-top: 80px;}
 .pt100 { padding-top: 100px;}

 .pl50 { padding-left: 50px;}
 .pl30 { padding-left: 30px;}
 .pl70 { padding-left: 70px;}

 .pr0 {padding-right: 0;}
 .pr25 {padding-right: 25px;}

 .pb30 { padding-bottom: 30px;}
 .pb50 { padding-bottom: 50px;}
 .pb70 { padding-bottom: 70px;}
 .pb80 { padding-bottom: 80px;}
 .pb100 { padding-bottom: 100px;}
/*margin
________________________________*/
.mr5 {	margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr12 {	margin-right: 12px;}
.mr20 {	margin-right: 20px;}
.mr15 {	margin-right: 15px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}

.ml5 {margin-left: 5px;}
.ml20 {margin-left: 20px;}
.ml50 {margin-left: 50px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px !important;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
/* =======Custome Color=================*/
.green-clr {color: #f78c3b;}
.dark-gray-clr {color: #4f5259 !important;}
.white-clr {color: #fff;}
.white-bg {background-color: #fff !important; }
/*=======Section title================*/

/*======Alignment Classes===========*/
.border-right {	border-right:1px solid #252525;}
.border-right-ecf {	border-right:1px dashed #ecf0f1;}
.border-bottom {border-bottom: 1px solid #ecf0f1 }

/*======text Classes===========*/
.text-uppercase {
	text-transform: uppercase;
}
/*********************************************************************
====================End All Reset Css==
*********************************************************************/


/*********************************************************************
=====================Start All style Css==
*********************************************************************/
.header-top {
	background-color: #020202;
}
.header-top-content {
	height: 40px;
	padding-top: 12px;
}
.header-top-content span {
	color: #c1c1c1 !important;
	background: rgba(0, 0, 0, 0.3);
}
.header-top-content span a {
	color: #fff;
}
.header-top-content span a:hover {
	color: #c1c1c1;
}
.header-top-content.socials li a {
	color: #c1c1c1;
	padding:0 8px;
	transition: 0.3s linear;
}
.header-top-content.socials li a:hover {
	color: #f78c3b;
}
.header-top-content.user-login {
	padding-top: 0;
}
.header-top-content.user-login a {
	color: #c1c1c1 !important;
}
.header-top-content.user-login .caret {
	margin-left: 5px;
}
/*-----header-top-------*/

.cdf-menu .logo,
.cdf-menu .main-logo {
	width: 200px;
	padding-top: 30px;
		transition: 200ms linear;
}

.cdf-menu.fix-menu {
	transition: 200ms linear;
	box-shadow: 0 1px 3px #ccc;
}
.cdf-menu.fix-menu .logo {
	width: 200px;
	padding-top: 15px;
}
.main-menu ul li a {
	font-weight: bold;
	transition: 200ms linear;
	color: #040404;
	position: relative;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	padding: 40px 15px;
}
.fix-menu .main-menu ul li a {
	padding: 25px 10px;
}
.fix-menu .cdf-search-button {
	margin-top: 13px;
}
.main-menu .nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
}
.main-menu ul li a:hover {
	color: #f78c3b;
	transition: 0.3s linear;
	background-color: transparent;
}

.main-menu ul li:not(:last-child) a:after {
	content: "\2b";
	font-family: 'ElegantIcons';
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin:0 auto;
	font-size: 0px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s linear;
	transition-delay: 400ms;
}
.fix-menu .main-menu .parent-item:before {
	content: "\37";
	top: 28px;
	right: -1px;
	font-size: 14px;
}
.main-menu ul li a:hover::after {
	visibility: visible;
	opacity: 1;
	font-size: 30px;
}

.main-menu ul li:not(:last-child) a:before {
	content: "";
	transition: 300ms cubic-bezier(0.04, 2.46, 1, 1);
	width: 5px;
	opacity: 0;
	visibility: hidden;
	height: 5px;
	left: 50%;
	border-radius: 100%;
	background-color: #f78c3b;
	position: absolute;
	top: 20px;
}
.main-menu ul li a:hover::before {
	top: 75px;
	opacity: 1;
	transition-timing-function: 500ms;
	visibility: visible;
}
.fix-menu .main-menu ul li a:hover::before {
    top: 0;
}
.fix-menu .main-menu ul li a:hover::after {
	bottom: -10px;
}
.fix-menu .main-menu ul li a:after {
	bottom: 0;
}

/*---  sub menu  ---*/

.main-menu ul li a:hover {

  -moz-transition: background-color 0.3s, color 0.2s;
  -o-transition: background-color 0.3s, color 0.2s;
  -webkit-transition: background-color 0.3s, color 0.2s;
  transition: background-color 0.3s, color 0.2s;


}
.main-menu ul .menu .parent-item {
  position: relative;
}
.main-menu ul .parent-item:hover .sub-menu {
  transform: scale(1, 1) translateX(-50%);
  opacity: 1;
}

.main-menu .parent-item .sub-menu {
  position: absolute;
  left: 50%;
  z-index: 9999;
  text-align: left;
  transform: scale(1, 0) translateX(-50%);
  transform-origin: 0 0;
  opacity: 0;
  width: 250px;
  padding: 10px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #B9B9B9;
  box-shadow: 0 0 5px #B9B9B9;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-menu .parent-item .sub-menu a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #040404;
  font-size: 14px;
}
.main-menu .parent-item .sub-menu a:hover {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #f78c3b;
}
.main-menu .parent-item .sub-menu:before {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu .parent-item  .sub-menu a:hover::before {
	content: ;
	opacity: 0;
	visibility: hidden;
}
.main-menu .parent-item  .sub-menu a:hover::after {
	content: ;
	opacity: 0;
	visibility: hidden;
}
.main-menu .parent-item:before {
    content: "\37";
    position: absolute;
    top: 42px;
    right: -3px;
    font-size: 16px;
    font-family: 'ElegantIcons';
}
.main-menu .parent-item:hover::before {
	color: #f78c3b;
}



/*---  main menu  ---*/
.cdf-header {
	display: none;
}
.cdf-search-button {
	background: #f78c3b;
	width: 170px;
	margin-top: 27px;
	height: 45px;
	line-height: 45px;
	text-align: right;
	color: #fff;
	padding-right: 25px;
}
.cdf-search-button i {
	height: 45px;
	width: 45px;
	display: block;
	background-color: #17a152;
	float: left;
	line-height: 45px;
}
.cdf-search-button a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}

/*=====================
service section
===============================================*/


.page-breadcrumb {
	background-image: url(../img/breadcrumb/breadcrumb.jpg);
	background-position: center center;
	background-size:cover;
}
.page-breadcrumb .breadcrumb-overlay {
	padding: 100px 0;
	background-color: rgba(2, 2, 2, 0.85);
}
.page-breadcrumb .cdf-breadcrumb ul li, .cdf-breadcrumb ul li a {
	text-transform: uppercase;
	color: #f78c3b;
}
.page-breadcrumb .page-header {
	padding-bottom: 9px;
	text-align: center;
	text-transform: uppercase;
	font-size: 36px;
	color: #fff;
	margin: 0;
	border-bottom: 1px solid transparent;
}

/*=====================
service section
===============================================*/
.item-box {
	border:1px solid #ecf0f1;
	text-align: center;
	height: auto;
	margin-bottom: 30px;
}
.item-box .cdf-icon i {
	font-size: 45px;
	color: #f78c3b;
	transition: 0.5s;

}
.item-box .cdf-title h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #040404;
	    transition: 300ms linear;
}
.item-box .cdf-post-count{
	color: #ecf1f0;
	z-index: -1;
	font-size: 36px;
	font-family:  'Raleway', sans-serif;
	font-weight: bold;
}
.item-box .cdf-post-count	{
	font-family:'Raleway', sans-serif;
	transition: 0.5s;
	font-weight: bolder;
}
.item-box .cdf-post-count span {
	width: 5px;
	height: 3px;
	display: block;
	background: #f78c3b;
	left: 0;
	right: 0;
	top: -20px;
	position: relative;
	margin: 0 auto;
}
.item-box .cdf-post-count span:before {
	content: "";
	background-color: #f78c3b;
	position: absolute;
	left: -8px;
	width: 5px;
	height: 3px;
}
.item-box .cdf-post-count span:after {
	content: "";
	background-color: #f78c3b;
	position: absolute;
	right: -8px;
	width: 5px;
	height: 3px;
}
.item-box .cdf-text {
	line-height: 19px;
	transition: 0.7s;
}
.item-box .cdf-text p {
	color: #f78c3b;
	line-height: 1.4;

}
.item-box .box-overlay {
	width: 100%;
	height: 100%;
	transition: 0.7s;
	padding: 30px;
}
/*********************************************************************
======================img-effect-1 Css==
*********************************************************************/
.img-effect-1 {

  background: #000000;
}
.img-effect-1 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.img-effect-1 img {
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.img-effect-1 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img-effect-1 figcaption::before {
  position: absolute;
  top: 30px;
  right: 100%;
  bottom: 30px;
  left: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.img-effect-1:hover>img {
  opacity: 0.3;
}
.img-effect-1:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  right: -10px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/*********************************************************************
======================img effect 2 Css==
*********************************************************************/
.img-effect-2 {
  position: relative;
  float: left;
  overflow: hidden;
  color: #000000;
  text-align: center;
}
.img-effect-2 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.img-effect-2 img {
  opacity: 1;
}
.img-effect-2 a {
	  margin: 0;
  width: 100%;
  opacity: 0;
  padding: 0 30px;
  font-weight: 400;
  font-size: 50px;
  color: #f78c3b;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-transform: uppercase;
}
.img-effect-2:hover a {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 1;
}
.img-effect-2:after,
.img-effect-2:before {
  background: #fff;
  width: 0;
  height: 100%;
  position: absolute;
  content: '';
  opacity: 0.1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}
.img-effect-2:after {
  top: 0;
  left: 0;
}
.img-effect-2:before {
  right: 0;
  bottom: 0;
}
.img-effect-2 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.img-effect-2:hover img{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.img-effect-2:hover:after,
.img-effect-2:hover:before {
  width: 100%;
  height: 100%;
}

/*********************************************************************
====================== img effect Css==
*********************************************************************/
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.img-effect-3 {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.img-effect-3 *,
.img-effect-3 *:before,
.img-effect-3 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.img-effect-3 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.img-effect-3 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.img-effect-3 figcaption:before,
.img-effect-3 figcaption:after,
.img-effect-3 figcaption div:before,
.img-effect-3 figcaption div:after {
  opacity: 0;
  -webkit-transform: scale(0.05);
  transform: scale(0.05);
}
.img-effect-3 figcaption:before,
.img-effect-3 figcaption:after {
  height: 50%;
  width: 50%;
  position: absolute;
  content: '';
  background-color: #080808;
}
.img-effect-3 figcaption:before {
  top: 0;
  left: 0;
}
.img-effect-3 figcaption:after {
  bottom: 0;
  right: 0;
}
.img-effect-3 figcaption div:before,
.img-effect-3 figcaption div:after {
  width: 50%;
  height: 50%;
  position: absolute;
  content: '';
  background-color: #000000;
}
.img-effect-3 figcaption div:before {
  top: 0;
  right: 0;
}
.img-effect-3 figcaption div:after {
  bottom: 0;
  left: 0;
}
.img-effect-3 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 4em;
  z-index: 1;
  opacity: 0;
}
.img-effect-3 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.img-effect-3:hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.img-effect-3:hover i{
  opacity: 1;
  color: #fff;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img-effect-3:hover figcaption:before,
.img-effect-3:hover figcaption:after,
.img-effect-3:hover figcaption div:before,
.img-effect-3:hover figcaption div:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.8;
}
.img-effect-3:hover figcaption:before {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.img-effect-3:hover figcaption:after{
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.img-effect-3:hover figcaption div:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.img-effect-3:hover figcaption div:after{
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}



/*********************************************************************
======================lear slider Css==
*********************************************************************/

.clear-slider {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: hidden;
}
.clear-slider ul {
  width: 100%;
  height: 100%;
}
.clear-slider ul li {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  background-color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.clear-slider .cdf-icon {
    position: absolute;
    top: 0;
    right: 15px;
    opacity: 0;
}
.clear-slider:hover img{
	opacity: 0.5 !important;
	transition: 0.3s;
}
.clear-slider:hover .cdf-icon {
	opacity: 1;
	transform: scale(1.1, 1.1);
	transition: 0.3s;
}
.clear-slider:hover .cdf-icon img {
	opacity: 1 !important;
	transition: 0.3s;
}
.clear-slider .cdf-icon:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.3s;
}
.clear-slider input[type="radio"],
.clear-slider span {
  position: absolute;
  bottom: 30px;
  width: 10px;
  height: 10px;
}
.clear-slider input[type="radio"] {
  z-index: 99;
  opacity: 0;
}
.clear-slider input[type="radio"]:hover {
  cursor: pointer;
}
.clear-slider span {
  display: block;
  background-color: transparent;
  border: 2px solid #4f5259;
  text-indent: 100px;
  -webit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 98;
}
.slider-point-1,
.slider-point-1 + span {
  left: 44%;
}
.slider-point-2,
.slider-point-2 + span {
  left: 48%;
}
.slider-point-3,
.slider-point-3 + span {
  left: 52%;
}
.slider-point-4,
.slider-point-4 + span {
  left: 56%;
}
.slider-point-5,
.slider-point-5 + span {
  left: 62%;
}
.slider-point-1:checked + span {
  background-color: #f78c3b;
  width: 15px;
  border: 2px solid #f78c3b;
  height: 15px;
  margin-bottom: -3px;
}
.slider-point-1:checked ~ ul > li:first-child {
  visibility: visible;
  opacity: 1;
  transition: 500ms linear;
}
.slider-point-2:checked + span {
  background-color: #f78c3b;
  width: 15px;
  border: 2px solid #f78c3b;
  height: 15px;
  margin-bottom: -3px;

}
.slider-point-2:checked ~ ul > li:nth-child(2) {
  visibility: visible;
  opacity: 1;
}
.slider-point-3:checked + span {
    background-color: #f78c3b;
  width: 15px;
  border: 2px solid #f78c3b;
  height: 15px;
  margin-bottom: -3px;

}
.slider-point-3:checked ~ ul > li:nth-child(3) {
  visibility: visible;
  opacity: 1;
}
.slider-point-4:checked + span {
    background-color: #f78c3b;
  width: 15px;
  border: 2px solid #f78c3b;
  height: 15px;
  margin-bottom: -3px;

}
.slider-point-4:checked ~ ul > li:nth-child(4) {
  visibility: visible;
  opacity: 1;
}
.slider-point-5:checked + span {
  background-color: #f78c3b;
  width: 15px;
  border: 2px solid #f78c3b;
  height: 15px;
  margin-bottom: -3px;

}
.slider-point-5:checked ~ ul > li:last-child {
  visibility: visible;
  opacity: 1;
}

/*********************************************************************
======================ABOUT US SECTION Css==
*********************************************************************/
.cdf-post-style-101 {
	background-color: #f7f7f7;
	padding-left:50px;
	padding-bottom: 50px;
	padding-right: 15px;
}
.watermark {
	position: relative;
}
.watermark .wmo {
	color: #ecf0f1;
	display: block;
	font-size: 200px;
	line-height: 60px;
	font-family: 'Lusitana', serif;
}
.watermark span.wm {
	top: 30px;
	left: 0;
	position: absolute;
}
.watermark span.wm a {
	color: #040404;
	/*text-decoration: underline;*/
	transition: 300ms linear;
}
.watermark span.wm a:hover {
	color: #f78c3b;
}

.cdf-post-style-101 .cdf-title h2 {
	font-weight: bold;
	font-size: 26px;
	line-height: 35px;
	color: #040404;
	z-index: 9;
}
.cdf-post-style-101 .cdf-text {
	line-height: 24px
}

.cdf-post-style-101 .cdf-text p {
	margin-bottom: 30px;
}

/*********************************************************************
======================CONTACT SECTION Css==
*********************************************************************/

.contact-section {
	background-image: url(../img/contact/contact.jpg);
}
.contact-section .cdf-icon i {
	color: #f78c3b;
	font-size: 50px;
}
.contact-section .cdf-title h3  {
	color: #f78c3b;
	font-size: 15px;
	letter-spacing: 2px;
}
.contact-section .cdf-number h2 {
	font-size: 36px;
	color: #fff;
	letter-spacing: 3px
}
.contact-section .form-control {
	border-radius: 0;
	background-color: transparent;
	color: #ecf0f1;
	padding-left: 20px;
}
.contact-section .form-control:focus {
	border-color: #f78c3b;
	outline: none;
	box-shadow: none;

}

.contact-section .discussion-type select {
	width: 100%;
	height: 34px;
	background-color: transparent;
	color: #ecf0f1;
	padding-left: 20px;
}
.contact-section .discussion-type:after {
    content: "\33";
    color: #ecf0f1;
    font-family: ElegantIcons;
    right: 25px;
    top: 10px;
    position: absolute;
    pointer-events: none;
}
.contact-section .discussion-type select:focus {
	outline-offset: 0;
	border-color: #f78c3b;
	outline: none;
}
.contact-section  .discussion-type select option {
    background-color: #fff;
    padding: 10px 10px;
    color: #000;
}

/*********************************************************************
======================CONTACT SECTION Css==
*********************************************************************/

.first-effect {
	transition: 0.2s ;
	overflow: hidden;
}
.first-effect .cdf-image img {
	    transform: scale(1.1);
	    transition: 0.2s ;

}
.mask {
	position: absolute;
	text-align: center;
	transition: 0.2s ;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	background-color: rgb(30, 188, 97);
}
.first-effect:hover .mask {
	opacity: 1;
	visibility: visible;
	opacity: 0.902;
}
.first-effect:hover .cdf-image img {
	transform: scale(1);
}
.first-effect .cdf-content .cdf-sub-title h3 {
	color: #fff;
}
.first-effect .cdf-content .cdf-icon i {
	font-size: 30px;
}
.mask .cdf-title h2 a:hover {
	color: #040404 !important;
}
.first-effect .cdf-content {
	top: 40%;
	position: absolute;
	text-align: center;
	transition: 0.2s;
	left: 25%;
	transform: scale(2);
}
.first-effect:hover  .cdf-content {
	transform: scale(1);
	transition: 0.2s;
}

/*********************************************************************
======================acheivement SECTION Css==
*********************************************************************/

.acheivement-section {
	background-color: #ffffff;
}

.acheivement-section .cdf-sub-title {
	letter-spacing: 1px;
	margin-bottom: 3px;
}
.acheivement-section .cdf-title {
	letter-spacing: 1.5px;
}
.counter-item {
	text-align: center;

}
.counter-item span {
	display: block;
	font-family: 'Raleway', sans-serif;
	padding-top: 10px;
	font-size: 18px;
	text-transform: uppercase;
}
.counter-item .counter {
	padding-top: 18px;
	font-weight: bolder;
	font-family: 'Raleway', sans-serif;
	color: #f78c3b;
	display: inline-block;
}
.counter-item .cdf-image-icon {
	width: 100%;
}
.counter-item .cdf-image-icon img {
	margin-right: 10px;
	display: inline-block;
	margin-top: -5px;
}

/*********************************************************************
======================CLIENT SECTION Css==
*********************************************************************/
.cdf-client .cdf-image {
	width: 80px;
	height: 80px;
	margin-top: -15px;

}
.client-carousel.owl-carousel .owl-item img {
    position: absolute;
    right: 0;
    width: inherit;
    max-width: 100%;
}
.cdf-client-name a{
	padding-top: 15px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #040404;
	display: block;

}
.cdf-client-designation {
	padding-top: 14px;
	color: #a2a8ae;
	font-style: italic;

}

.cdf-client {
	border: 2px solid #ecf0f1;
	margin-top: 20px;
	padding-left: 20px;
	padding-bottom:20px;
	transition: 0.5s;
}

.cdf-client .color-icon {
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
}
.cdf-client:hover .overlay-icon {
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;

}
.cdf-client:hover .color-icon {
	opacity: 1;
	visibility: visible;
	transition: 0.5s;
}
.client-carousel .owl-dot {
    width: 10px;
    display: inline-block;
    height: 10px;
    border-radius: 100px;
    background: #ecf0f1;
    margin-right: 8px;
    transition: 500ms;
}
.client-carousel .owl-dot.active {
    width: 15px;
    display: inline-block;
    height: 15px;
    background: #f78c3b;
    margin-right: 8px;
    margin-bottom: -2px;
}
.client-carousel .owl-controls {
	margin-top: 50px;
}

/*********************************************************************
======================process SECTION Css==
*********************************************************************/
.partner {
	background-image: url(../img/acheivement/acheivement.png);
	padding: 70px 0;
}
.partner-carousel .owl-item .item a {
	transition: 0.3s;
}
.partner-carousel .owl-item .item .color-image {
	height: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
}
.partner-carousel  .item  a:hover .color-image {
	height: auto;
	opacity: 1;
}
.partner-carousel .owl-item .normal-image {
	-webkit-transition: all 0.5s ease;
	height: auto;
	opacity: 1;
}
.partner-carousel  .item a:hover .normal-image {
	height: 0;
	opacity: 0;
}
.partner-carousel .owl-item img {
	max-width: 100%;
}
/*********************************************************************
======================process SECTION Css==
*********************************************************************/
.process-section {
	background-image: url(../img/progress/progress.jpg);
}
.process-section-title h2 {
	color: #fff;
}
.process-section-title .cdf-title a {
	text-decoration: underline;
	color: #31bf6d;
}t

.process-section-title .cdf-text p{
	max-width: 550px;
	margin: 0 auto;
	color: #fff;
}
.process-icon-box {
	position: relative;
}
.process-icon-box .cdf-icon-img {
	width: 70px;
	margin: 0	auto;
	background-color: #31bf6d;
	border-radius: 100px;
	line-height: 70px;
	height: 70px;
}
.process-icon-box:after {
    content: "";
    width: 73%;
    top: 30%;
    right: -40%;
    height: 1px;
    position: absolute;
    border-bottom: 1px dashed #31bf6d;
}
.process-icons .col-sm-3:last-child .process-icon-box:after {
	display: none;
}
.process-icons .cdf-title h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
}


.animation-ripple {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    border-radius: 100px;
}
.process-icon-box:hover .animation-ripple{
	 animation:ripple 1.3s ease-out 75ms;
}
@keyframes ripple{
  0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #31bf6d, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #31bf6d, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.2);
		opacity: 0;
	}
}
/*********************************************************************
======================process SECTION Css==
*********************************************************************/

.latest-news-section .cdf-post {
	padding-left: 70px;
}
.latest-news-section .cdf-post .cdf-content {
}



/*********************************************************************************************************************************************
======================          HOME PAGE 2 CSS
**********************************************************************************************************************************************/

.home-page-2 header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
.home-page-2 .cdf-menu {
    background-color: transparent !important;
}
.home-page-2 .cdf-menu.fix-menu {
    background: #fff !important;
    width: 100% !important;
}
.home-page-2 .cdf-search-button {
	text-align: center;
	padding: 0;
}
.rev_slider_1_1_forcefullwidth {
	overflow: hidden;
}
.home-page-2 .fix-menu .navbar-nav>li>a {
	padding-top: 17px;
	padding-bottom: 14px;
}
.home-page-2 .fix-menu .main-menu .parent-item:before {
	font-size: 16px;
	top: 42PX;
	top: 19px;
}
.home-page-2 .fix-menu.cdf-menu .logo {
    padding: 25px 0px;
}
.home-page-2 .fix-menu.cdf-menu .main-logo {
	padding: 14px 0px;
}
.home-page-2 .fix-menu .main-menu {
    padding: 15px 0;
}
.home-page-2 .fix-menu .cdf-search-button {
	margin-top: 0;
}
.home-page-2 .header-top {
	background-color: transparent;
}
.home-page-2 .header-top-content {
	float: left;
}

.home-page-2 .header-top-content.phone {
	margin-left: 15px;
}

.home-page-2 .header-top-content.socials {
	float: right;
}
.home-page-2 .cdf-menu .container {
	background-color: #fff;
}
.home-page-2 .cdf-search-button {
	height: 50px;
	line-height: 50px;
	margin-top: 25px;
}

.home-page-2 .cdf-menu .main-logo {
	padding: 14px 0;
}
.home-page-2 .cdf-menu .main-logo img {
	max-height: 70px;
}

.home-page-2 .cdf-menu .logo {
	padding: 5px 0;
}

.home-page-2 .cdf-menu .logo p,
.home-page-2 .cdf-menu .logo p a {
	color: #f78c3b;
	font-size: 30px;
}

.home-page-2 .cdf-menu .logo p a:hover {
	color: #337ab7;
}

.white a {
	color: #ffffff;
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
	.home-page-2 .cdf-menu .logo {
		padding: 10px 0;
	}
	.home-page-2 .fix-menu.cdf-menu .logo {
		padding: 5px 0px;
	}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
	.home-page-2 .cdf-menu .logo,
	.home-page-2 .cdf-menu .main-logo {
		padding: 0;
	}
	.home-page-2 .fix-menu.cdf-menu .logo ,
	.home-page-2 .fix-menu.cdf-menu .main-logo {
		padding: 0;
	}
}

.home-page-2 .main-menu {
}

.fix-menu {
	position:fixed;
	top:0px;
	width:100%;
	z-index:100;
}
.home-page-2 .main-menu ul li:not(:last-child) a:after {
	content: "\2b";
	/*bottom: 10px;*/
}
.home-page-2 .main-menu ul li a:before {
	top: 20px;
}
.home-page-2 .main-menu ul li a:hover::before {
	/*top: 20px;*/
}
/* END OF HOME PAGE 2 MENU CSS
_____________________________________________________________*/
.home-page-2 .feature-section .item-box {
	height: initial;
	transition: 800ms linear;
	position: relative;

}
.home-page-2 .feature-section .item-box .cdf-text p {
	color: #040404;
}
.home-page-2 .feature-section .item-box .cdf-text {
	display: block;
}
.home-page-2 .feature-section .item-box .border-top {
	position: absolute;
	top: 0;
	width: 100%;
	height: 5px;
	background-color: #31bf6d;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}
.home-page-2 .feature-section .item-box:hover{
	box-shadow: 0px 2px 7px 0px rgba(41, 41, 41, 0.2);
}
.home-page-2 .feature-section .item-box:hover .border-top {
	opacity: 1;
	visibility: visible;
	top: -5px;
}
.home-page-2 .feature-section .item-box:hover .cdf-icon i {
	color: #040404;
}
.home-page-2 .feature-section .item-box:hover .cdf-title h2 {
	color: #f78c3b;
	transition: 300ms linear;
}
.home-page-2 .case-carousel .owl-controls {
	position: absolute;
	margin: 0;
	line-height: 45px;
	top: 0;
	width: 100%;
}
.home-page-2 .case-carousel .owl-nav {
	position: relative;
}
.home-page-2 .case-carousel .owl-nav .owl-prev {
	width: 45px;
	height: 45px;
	background-color: #fff;
	color: #f78c3b;
	position: absolute;
	left: 0;
}

.home-page-2 .case-carousel .owl-nav .owl-next {
	width: 45px;
	height: 45px;
	background-color: #fff;
	color: #f78c3b;
	position: absolute;
	right: 0;
}

.partner-carousel-2 .owl-item .item .relative {
	height: 100px;
}
.partner-carousel-2 .owl-item .item .relative .color-image {
	/*position: absolute;*/
	top: 0;
	display: none !important;
	opacity: 0;
	visibility: hidden;
	transition: 700ms;
}
.partner-carousel-2  .item .relative a:hover .color-image {
	display: block !important;
	opacity: 1;
	transition: 700ms;
	visibility: visible;
}
.partner-carousel-2 .owl-item .normal-image {

	display: block !important;
}
.partner-carousel-2  .item .relative a:hover .normal-image {
	display: none !important;
}
.partner-carousel-2 .owl-item .item .relative img {
	max-width: 100%;
}
.partner-carousel-2 .owl-controls .owl-dots {
	position: absolute;
	right: -10px;
	top: 50%;
}
.partner-carousel-2 .owl-controls .owl-dots span {
	width: 10px;
	height: 10px;
	background: transparent;
	border: 2px solid #292929;
	border-radius: 100px;
	display: block;
	transition: 0.8s;
	margin: 0 auto;
	margin-bottom: 10px;
}
.partner-carousel-2 .owl-controls .owl-dot.active span{
	width: 15px;
	height: 15px;
	background: #f78c3b;
	border: 2px solid transparent;
	border-radius: 100px;
}

.process-section .carousel-inner img {
	float: right;
	margin-right: 100px;
	border: 1px solid #1c954f;
	padding: 5px;
	border-radius: 100%;
	margin-top: 20px;
}
.process-section .section-title {
	margin: 0;
	margin-bottom: 50px;
	text-align: left;
}
.process-section .section-title h2 {
	color: #fff;
	}.process-section p {
		line-height: 22px;
		color: #fff;
	}
	.carousel-inner .client-designation {
		margin-top: 40px;
		display: table;
		float: left;
	}
	.process-section .carousel-indicators {
		left: 0;
		width: 95%;
		margin-left: 0;
		bottom: 50px;
		text-align: right;
	}
	.process-section .carousel-indicators li {
		background: #187842;
		border: 1px solid #187842;
	}
	.process-section .carousel-indicators li.active {
		background: #1c954f;
		border: 1px solid #1c954f;
	}
	.process-section .carousel-arrows {
		display: none;
	}
	.process-section .name {
		color: #1c954f;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		margin-bottom: 8px;
		display: block;
	}

	.process-section .designation {
		color: #ecf0f1;
	}
/*
plans-section
___________________________________________*/
.plans-section {
	background-color: #f8f8f8;
}
.plans-section .plan {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	text-align: center;
}
.plan {
	transition: 700ms
}
.plan:hover {
	box-shadow: 0 0px 40px 0px #888888;
}
.plan .plan-title {
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	font-size: 18px;
}
.plan .plan-cost {
	font-family: 'Raleway', sans-serif;
	font-weight: bolder;
	font-size: 36px;
	margin-bottom: 30px;
}
.plan .plan-cost span {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.plan-features ul li {
	margin-bottom: 20px;
	color: #5a5a5a;
}
.plan .cdf-btn a {
	background-color: transparent;
	transition: 450ms linear;
	border: 1px solid #e5e5e5;
	color: #040404;
}
.plan .cdf-btn a:hover {
	background-color: #f78c3b;
	border: 1px solid #f78c3b;
	color: #fff;
}



/*********************************************************************************************************************************************
======================          ABOUT PAGE  CSS
**********************************************************************************************************************************************/
.member-carousel .member-info {
	width: 85%;
	position: relative;
	padding: 0 15px;
	bottom: 35px;
	background: #fff;
	left: 20px;
}
.member-carousel .member-info .cdf-client-name {
	color: #f78c3b;
}
.member-carousel .member-info .cdf-client-designation {
	padding-top: 7px;
}
.member-carousel .member-info .cdf-icon {
	position: absolute;
	right: 15px;
	top: 25px;
}
.member-carousel .member-info .member-social {
	display: block;
	position: absolute;
	top: -130px;
	left: -3px;
	height: 130px;
	visibility: hidden;
}
.member-carousel .member-info .member-social ul li:last-child::after {
	content: "";
	position: absolute;
	bottom: -3px;
	transform: rotate(45deg);
	width: 5px;
	height: 5px;
	background-color: #f78c3b;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.member-carousel .member-info .member-social ul li {
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: relative;
	text-align: center;
	background: #f78c3b;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s cubic-bezier(0.455,0.03,0.515,0.955);
	-moz-transition: all 0.2s cubic-bezier(0.455,0.03,0.515,0.955);
	-ms-transition: all 0.2s cubic-bezier(0.455,0.03,0.515,0.955);
	-o-transition: all 0.2s cubic-bezier(0.455,0.03,0.515,0.955);
	transition: all 0.2s cubic-bezier(0.455,0.03,0.515,0.955);
}
.member-carousel .member-info .member-social  ul li {
	-webkit-transition-delay:0.40s;
	-moz-transition-delay:0.40s;
	-ms-transition-delay:0.40s;
	-o-transition-delay:0.40s;
	transition-delay:0.40s;
	visibility: hidden;
}
.member-carousel .member-info .member-social  ul li:nth-of-type(2) {
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.member-carousel .member-info .member-social  ul li:nth-of-type(3) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.member-carousel .member-info .member-social ul li a {
	color: #fff;
}

.member-carousel .member-info .cdf-icon:hover .member-social ul li {
	opacity: 1;
	visibility: visible;
}
.member-carousel .member-info .cdf-icon:hover .member-social {
	visibility: visible;
}

.member-carousel .process-section .carousel-indicators li.active {
	background: #1c954f;
	border: 1px solid #1c954f;
}
.member-carousel  .carousel-indicators {
	left: 0;
	width: 95%;
	margin-left: 0;
	bottom: 50px;
	text-align: right;
}
.member-carousel .owl-dot {
	display: inline-block;
	height: 20px;
	overflow: hidden;
}
.member-carousel .owl-dots span {
	width: 10px;
	height: 10px;
	background: transparent;
	background-color: #ecf0f1;
	border-radius: 100px;
	display: inline-block;
	transition: 0.8s;
	margin: 0 auto;
	margin-right: 10px;
}
.member-carousel .owl-dot.active span{
	width: 15px;
	height: 15px;
	background: #f78c3b;
	border: 2px solid transparent;
	border-radius: 100px;
}

/*******************************************************************************************************************************************
======================404 page Css==
*******************************************************************************************************************************************/
.title-404 h1 {
	font-size: 300px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #f78c3b;
	text-align: center;
}
.cdf-search input{
	height: 50px;
	width: 66%;
	float: left;
	padding-left: 20px;
	border: 1px solid #ecf0f1;
	margin-right: -2px;
	font-family: 'Raleway', sans-serif;
}

.cdf-search button{
	height: 50px;
	border: 1px solid #f78c3b;
	width: 27%;
	background-color: #f78c3b;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.cdf-search input:focus {
	outline: 1px solid #f78c3b;
}
/************************************************************************************************************************************
======================       CONTACT PAGE css
************************************************************************************************************************************/



.contact-content .item-box .cdf-title h2 {
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	color: #5a5a5a;
	line-height: 22px;
	font-family: "roboto";
}



/*  - Google Map Area
=========================================================*/
.google-map-container {
	width: 100%;
	height: 500px;
	background-color: #dddddd;
}

.contact-form-field input, textarea {
	width: 100%;
	height: 45px;
	border:1px solid #ecf0f1;
	margin-bottom: 20px;
	padding-left: 15px;
}
.contact-form-field input:focus {
    outline: 2px solid #f78c3b;
}
.contact-form-field textarea:focus {
    outline: 2px solid #f78c3b;
}
.contact-form-field textarea {
	height: 150px;
	padding-top: 15px;
}
.contact-form-inner .cdf-title h2{
	font-size: 36px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 80px;
	font-weight: lighter;
}
.contact-form-inner .cdf-title span {
	font-weight: bold;
	color: #f78c3b;
}
.contact-sidebar .cdf-title h2 {
	color: #f78c3b;
	font-weight: bold;
	text-transform: uppercase;
}
.contact-sidebar .cdf-title h2 span {
	font-weight: lighter;
	color: #040404;
}
.get-information .cdf-image {
	width: 100px;
	height: 100px;
	padding: 3px;
	border:1px solid #ecf0f1;
	margin-right: 20px;
}
.get-information .cdf-content {

}
.get-information .cdf-client-name {
	padding-top: 0;
	text-transform: uppercase;
	color: #f78c3b;
}
.get-information .cdf-client-designation {
	padding-top: 7px;
}

.get-information .cdf-number {
	color: #4a5259;
}
.get-information .cdf-mail {
	color: #4a5259;
}
/*  - End of Google Map Area
=========================================================*/

/*************************************************************************************************************************************
======================BLOG PAGE  CSS
*************************************************************************************************************************************/
article .cdf-title h2 a {
	font-size: 24px
}
/*************************************************************************************************************************************
======================BLOG SINGLE PAGE  CSS
*************************************************************************************************************************************/
.single-post .cdf-image>img {
	width: 100%;
}
.single-post .cdf-text p {
	margin-bottom: 30px;
}
.single-post blockquote {
	padding: 25px 35px;
	margin: 0 0 0 70px;
	padding-right: 10px;
	line-height: 22px;
	position: relative;
	font-size: 16px;
	text-align: center;
	background-color: #f8f8f8;
	border-left: 1px solid transparent;
	margin-bottom: 40px;
}
.single-post blockquote span {
	content: "";
	position: absolute;
	top:5px;
	left: 10px;
	height: 50px;
	opacity: 0.2;
	width: 50px;
	background-image: url(../img/blog/quote.png);
}
.cdf-tag span {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}
.cdf-tag-social .cdf-tag ul li:after {
	content: ",";
}
.cdf-tag ul li:last-child::after {
	content: " ";
}
.cdf-tag ul li a {
	color: #4a5259;
	font-family: 'Raleway', sans-serif;
}
.social-share ul li:hover {
		transform-origin: center center;
	animation: socialIcon 375ms forwards;
}
.social-share ul li a{
	width: 30px;
	height: 30px;
	border: 1px solid #4a5259;
	color: #4a5259;
	transition: 450ms linear;
	display: block;
	line-height: 30px;
	text-align: center;
}
.social-share ul li a:hover {
	border: 1px solid #f78c3b;
	color: #f78c3b;
}
.related-post {
	border-top: 1px solid #ecf0f1;
	border-bottom: 1px solid #ecf0f1;
	padding: 30px 0;
}

.related-post .cdf-image {
	width: 120px;
	height: 100px;
}
.related-post .cdf-title h2 a{
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
	line-height: 30px;
}
.related-post .cdf-link a {
	color: #4a5259;
	transition: .5s all;
}
.related-post .cdf-link a:hover {
	color: #f78c3b;
}

.post-author {
	background-color: #f6f6f6;
	padding: 20px;
}
.post-author .author-meta-avatar img {
	border-radius: 100px;
	border: 5px solid #ecf0f1;
}
.post-author .author-meta-content {
	overflow: hidden;
	margin-left: 10px;
}
.post-author .author-social-links ul li a{
	color: #4a5259;
	padding-right: 10px;
}
.post-author .author-social-links ul li a:hover {
	color: #1bca61;
}
.post-comments-area .comments-list li {
	display: table;
	margin-bottom: 25px;
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #ecf0f1;
}
.author-name-designation .cdf-author-name a {
	color: #040404;
}
.post-comments-area .comments-list .children {
	margin-left: 70px;
}
.post-comments-area .comments-list .comments-img {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 20px;
}
.post-comments-area .comments-list .comments-img img {
	border-radius: 100px;
	border: 5px solid #ecf0f1;
}
.post-comments-area .comments-list .comments-txt {
	overflow: hidden;

}
.post-comments-area .comments-list .comments-txt .author a {
	color: #040404;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}
.post-comments-area .comments-list .comments-txt .author span {
	color: #c5c5c5;
	margin-left: 15px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-style: italic;
}
.post-comments-area .comments-list .comments-txt p {
	color: #4a5259;
	line-height: 24px;
}
.post-comments-area .comments-list .comments-txt .reply {
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #ecf0f1;
	border-radius: 100px;
	color: #c1c7ce;
	display: block;
	transition: 450ms;
}
.post-comments-area .comments-list .comments-txt .reply:hover {
	color: #fff;
	background-color: #f78c3b;
	border:1px solid #f78c3b;
}

.single-page .contact-form-field input {
	height: 50px;
}
.single-page .contact-form-field input:focus {
	outline: 1px solid #f78c3b;
}

.single-page .contact-form-field textarea {
	height: 120px;
}
.single-page .contact-form-field textarea:focus {
	outline: 1px solid #f78c3b;
}
.single-page .contact-form-field .cdf-btn {
	width: 100%;
}
.single-page .contact-form-field .cdf-btn button {
	width: 100%;
}


/*==================================-=========================================================================================================
---------  case-section page   -----------
==================================-===============================================================================================================*/
.case-section .section-title {
	margin-bottom: 35px;
}
.case-section .section-sub-title {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
	line-height: 24px;
}
.case-section .section-title strong {
	line-height: 40px;
	font-size: 100px;
}
.case-section .cdf-title{

}
.case-section .cdf-title h2{
	font-size: 18px;
	float: left;
	padding: 20px 0;
}
.case-section .post-meta {
	float: right;
	padding: 16px 0;
}
.controls {
	padding: 30px 0;
	margin: 0 auto;
	text-align: center;
}
.controls button {
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px;
	border: none;
	color: #040404;
	background: transparent;
	border: 1px solid #ecf0f1;
}
.controls button.active {
	background: #f78c3b;
	color: white;
	font-weight: 700;
}
.controls button:focus {
	outline: none;
}

.project {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding: 0 15px;
	margin-bottom: 50px;
}
.project .post-meta span {
	color: #4a5259;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	margin-left: 10px;
}
.mix {
	display: none;
}
.project-content {
	border-bottom: 1px solid #ecf0f1;
	display: table;
	width: 100%;
}



/*  -Start Of PAGE PAGINATION
=========================================================*/

.page-pagination {
	text-align: center;
}
.page-pagination .pagination>li:first-child>a, .page-pagination .pagination>li:first-child>span {
	border-radius: 0;
}
.page-pagination .pagination>li:last-child>a, .page-pagination .pagination>li:last-child>span {
	border-radius: 0;
}
.page-pagination .pagination>li>a, .page-pagination .pagination>li>span {

	margin-right: 6px;
	text-align: center;
	color: #040404;
	transition: 0.5s all ease;
	border: 1px solid #040404;
}
.page-pagination .pagination>li>a>.material-icons {
	padding: 0;
	line-height: 25px;
}
.page-pagination .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #fff;
	background-color: #f78c3b;
	border: 1px solid #f78c3b;
}
.page-pagination .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	color: #fff;
	background-color: #f78c3b;
	border: 1px solid #f78c3b;
}

/*==================================-=========================================================================================================
---------  project-contact   -----------
==================================-===============================================================================================================*/
.question-section .section-title strong {
	line-height: 40px;
	font-size: 100px;
}
.project-contact {
	background-color: #e5e5e5;
	padding: 40px;
	display: inline-block;

}
.question-section .panel-heading {
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	border: 1px solid #ddd;
}
.question-section .panel-heading:hover {
	background-color: #ddd;
}
.question-section .panel-default {
	border: 1px solid transparent;
}
.question-section .panel-group .panel+.panel {
	margin-top: 30px;
}
.question-section .panel {
	box-shadow: 0 1px 1px rgba(0,0,0,.0);
}
.question-section .cdf-text {
	padding: 10px 55px 0 30px;
}
.question-section .cdf-text p {
	padding-left: 25px;
	border-left: 1px dashed #eee;
}
.question-section .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
	font-family: 'Raleway', sans-serif;
	width: 100%;
	display: block;
	padding: 20px;
	padding-top: 17px;
	font-size: 18px;
	font-weight: bold;
}
.question-section .panel-title span {
	margin-right: 15px;
	font-size: 20px;
}
/*==================================-=========================================================================================================
---------  case details   -----------
==================================-===============================================================================================================*/
.member-info strong {
	color: #040404;
	font-family: 'Raleway', sans-serif;
	    font-style: normal;


}
.member-info .dark-gray-clr {
	font-family: "Roboto";
	padding-top: 15px;
}
.member-info .cdf-text p {
	margin-bottom: 25px;
}

.member-info .member-social ul li a {
	color: #040404;
	padding-top: 0;
	display: block;
}
.member-info .cdf-btn {
	background-color: transparent !important;

}
.member-info .cdf-btn a {
	background-color: transparent;
	border: 1px solid #bdc3ca;
	color: #040404;
}
.member-info .cdf-btn a:hover {
	border: 1px solid transparent;
}
/*==================================-=========================================================================================================
---------  check-lists   -----------
==================================-===============================================================================================================*/
.solution-section {
	background-color: #f6f6f6;
	padding-top: 70px;
	padding-bottom: 50px;
	height: 425px;
	margin-bottom: 100px;
}

.check-lists {

}



.cdf-list ul li {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	color: #4a5259;
}
.cdf-list ul li i {
	margin-right: 15px;
	color: #f78c3b;
}
.preview-traffic .cdf-icon {
	font-size: 35px;
	color: #4a5259;
	margin-bottom: 15px;
}
.preview-traffic strong {
	font-size: 48px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #f78c3b;
}

.traffic-block {
	background-color: #fff;
	padding: 25px;
	height: 460px;
	border: 1px solid #eee;
}
.traffic-block .cdf-title h2 {
	font-weight: lighter;
}
.traffic-block .tab .tabs{
	margin: 0 auto;
	text-align: center;
	margin-top: 35px;
}
.traffic-block .tab .tabs li a{
	width: 100PX;
	height: 40px;
	border: 1px solid #ecf0f1;
	line-height: 40px;
	color: #252525;
	display: block;
}
.traffic-block .tab .tabs li a:hover {
	background-color: #ecf0f1;
}

.tabs_item {
  display: none;
  padding: 30px 0;
}
.tabs_item:first-child {
  display: block;
}

/*==================================-=========================================================================================================
---------  check-lists   -----------
==================================-===============================================================================================================*/

.more-cases-section .section-title strong {
	font-size: 100px;
	line-height: 40px;
}
.more-case .project {
	width: 100%;
	padding: 0;
}

.more-case .owl-carousel .owl-item  img {
	-webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.more-case .owl-carousel .owl-item .cdf-image {
    overflow: hidden;
}
.more-case .owl-carousel .owl-item:hover  .cdf-image img{
	-webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
	    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.7;
}

.more-case .owl-carousel .owl-item .post-meta img {
	width: inherit;
	margin-bottom: -5px;
}
.more-case .owl-carousel .owl-item .post-meta img:hover {
		-webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
	    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.more-case .owl-carousel .cdf-title {
	float: left;
}
.more-case .owl-carousel .post-meta {
	float: right;
}
.owl-carousel .post-meta li a {
	display: inline-block;
}
.more-case .project-content {
	padding: 10px 0;
}
.more-case .owl-controls i {
	display: block;
	float: left;
	text-align: center;

}
.more-case .owl-controls .arrow_left {
	margin-right: 10px;
}
.more-case .owl-controls .arrow_right{
	margin-left: 10px;
	float: right;
}
.more-case .owl-controls .owl-prev {
	transition: 500ms linear;
	padding: 15px 45px;
	float: left;
	border: 1px solid #eee;
}
.more-case .owl-controls .owl-next {
	padding: 15px 45px;
	transition: 500ms linear;
	float: right;
	border: 1px solid #eee;
}
.more-case .owl-controls .owl-prev:hover {
	background-color: #f78c3b;
	color: #fff;
}

.more-case .owl-controls .owl-next:hover {
	background-color: #f78c3b;
	color: #fff;
}
.more-case .cdf-btn a{
	margin: 0 auto;
	background-color: transparent;
	border: 1px solid #bdc3ca;
	color: #040404;
}
.more-case .cdf-btn a i {
	margin-right: 10px;
}

/******************************************
DONUT-CHART by @kseso http://codepen.io/Kseso/pen/phiyL
******************************************/
.donut-chart {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	border-radius: 100%;
	margin-bottom: 40px;
}
p.center-date {
	background: #fff;
	position: absolute;
	text-align: center;
	font-size: 22px;
	color: #f78c3b;
	top:0;left:0;bottom:0;right:0;
	width: 130px;
	height: 130px;
	margin: auto;
	border-radius: 50%;
	line-height: 35px;
	padding: 15% 0 0;
}
.center-date span.scnd-font-color {
	line-height: 40px;
	font-size: 40px;
	font-family: 'Raleway', sans-serif;
color: #4a5259;
}
.recorte {
	border-radius: 50%;
	clip: rect(0px, 200px, 200px, 100px);
	height: 100%;
	position: absolute;
	width: 100%;
}
.quesito {
	border-radius: 50%;
	clip: rect(0px, 100px, 200px, 0px);
	height: 100%;
	position: absolute;
	width: 100%;
	font-family: monospace;
	font-size: 1.5rem;
}
#porcion1 {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

#porcion1 .quesito {
	background-color: #E64C65;
	-webkit-transform: rotate(76deg);
	transform: rotate(180deg);
}
#porcion2 {
	-webkit-transform: rotate(76deg);
	transform: rotate(181deg);
}
#porcion2 .quesito {
	background-color: #11A8AB;
	-webkit-transform: rotate(140deg);
	transform: rotate(60deg);
}
#porcion3 {
	-webkit-transform: rotate(215deg);
	transform: rotate(245deg);
}
#porcion3 .quesito {
	background-color: #4FC4F6;
	-webkit-transform: rotate(113deg);
	transform: rotate(112deg);
}
#porcionFin {
	-webkit-transform: rotate(-32deg);
	transform:rotate(-32deg);
}
#porcionFin .quesito {
	background-color: #FCB150;
	-webkit-transform: rotate(32deg);
	transform: rotate(32deg);
}


.web-percentages {
	padding-top: 36px;
}
.web-percentages ul {
	position: relative;
}
.web-percentages li {
	width: 33%;
	float: left;
	font-size: 18px;
	text-align: center;
}

.web-percentages li span{
	width: 17px;
	height: 17px;
	background-color: #46c35f;
	display: inline-block;
	margin-right: 10px;
}
.web-percentages #visitors span{
	background-color: #fdad2a;
}
.web-percentages #bounce span{
	background-color: #fa424a;
}
/******************************************
END DONUT-CHART by @kseso http://codepen.io/Kseso/pen/phiyL
*****************************************/

/*==================================-=========================================================================================================
---------  SIDE BAR   -----------
==================================-===============================================================================================================*/
.side-bar-widget {
	margin-bottom: 50px;
}
.side-bar-widget.search {

	position: relative;
}
.search button {
	position: absolute;
	width: 50px;
	right: 20px;
	top: 0;
	line-height: 50px;
	height: 50px;
	color: #fff;
	background: transparent;
	border: transparent;
}
.search.side-bar-widget {
	display: inline-table;
	width: 100%;
	margin-right: 0;
	height: 50px;
}
.search.side-bar-widget input{
	width: 100%;
	height: 50px;
	padding-left: 30px;
	border: 1px solid #ababab;
}
.search.side-bar-widget input:focus {
	outline: 1px solid #f78c3b;
}
.search.side-bar-widget i {
	line-height: 50px;
}
.side-bar-search.newsletter button {
	color: #6f6f6f;
	text-align: right;
}

.side-bar-search.newsletter button:hover {
	color: #f78c3b;
}
.side-bar-search.newsletter button:focus {
	outline: none;
}
.list-group .list-group-item {
	margin: 0;
	border: 1px solid transparent;
	border-bottom: 1px solid #ecf0f1;
	padding-left: 30px;
}
.list-group .list-group-item a {
	color: #4a5259;
}
.list-group .list-group-item a:hover{
	color: #f78c3b;
}
.list-group .list-group-item a:hover span{
	color: #f78c3b;
}
.list-group .list-group-item a:before {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	left: 10px;
	transition: 350ms linear;
	top: 15px;
	border-radius: 100px;
	background-color: #f78c3b;
}
.list-group .list-group-item:hover a::before {
	width: 10px;
	height: 5px;
}
.list-group .badge {
	background-color: transparent;
	color: #000;
}
.list-group .list-group-item:hover .badge{
	color: #f78c3b;
}


.recent-post>ul>li {
	display:table;
	margin-bottom: 30px;
}
.recent-post .cdf-image {
	position: relative;
}
.recent-post .cdf-icon {
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.recent-post ul li .ovrly {
	background: rgba(30, 188, 97, 0.9);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.recent-post .cdf-icon i {
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	opacity: 0;
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5);
	position: relative;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	color: #fff;
}
.recent-post ul li:hover .ovrly {
	opacity: 1;
}
.recent-post ul li:hover .cdf-icon i {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.recent-post .cdf-title h2 {
	line-height: 0;
}
.recent-post .cdf-title h2 a {
	font-size: 12px;
	color: #040404;
	line-height: 20px;
}

.recent-post .post-meta li a {
	color: #f78c3b;
}
.footer-widget .recent-post .cdf-title h2 a {
	color: #fff;
}



.tags .cdf-tag ul li {
	position: relative;
}
.tags .cdf-tag ul li:before {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	left: 10px;
	top: 15px;
	border-radius: 100px;
	background-color: #f78c3b;
	transition: 350ms linear;
}
.tags .cdf-tag ul li:hover::before {
	content: "";
height: 10px;
    top: 12px;
}
.tags .cdf-tag ul li a {
	padding: 10px 25px;
	display: block;
	color: #4a5259;
	transition: color 0.3s 0.1s ease-out;
}
.tags .cdf-tag ul li a:hover {
	color: #f78c3b;

}
/*************************************************************************************************************************************
======================404 page Css==
*************************************************************************************************************************************/
.content-404 .search button {
	width: 26%;
    background: #f78c3b;
    right: inherit;
    top: inherit;
    transition: 500ms linear;
    border: 1px solid #ecf0f1;
}
.content-404 .search button:hover {
	background-color: transparent;
	border: 1px solid #ecf0f1;
	color: #f78c3b;
}
/*************************************************************************************************************************************
======================FOOTER SECTION Css==
*************************************************************************************************************************************/
.footer-widget-section {
	color: #fff;
}
.footer-overlay {
	background-color: #c45b00;
	padding-top: 80px;
}
.footer-widget {
	min-height: 270px;
}
.footer-widget a {
	color: #fff;
}
.footer-widget .footer-widget-text p {
	line-height: 1.572;
	color: #fff;
	margin-bottom: 20px;
}
.footer-widget-title {
	margin-bottom: 40px;
	text-transform: uppercase;
}
.footer-widget-title h2 {
	font-size: 22px;
}
.footer-widget .address i {
	margin-right: 15px;
}
.footer-widget .address li {
	display: block;
	padding: 6px 0;
}
.footer-widget .address li i {
	color: #f78c3b;
}
.footer-widget .social i {
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	display: block;
	font-size: 10px;
	margin-right: 2px;
	text-align: center;
	transition: 500ms linear;
	line-height: 30px;

}
.footer-widget .social li:hover{
	transform-origin: center center;
	animation: socialIcon 375ms forwards;

}

@keyframes socialIcon {
	0%   { transform: rotate(0deg); }
  	25% { transform: rotate(15deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-15deg); }
	100% { transform: rotate(0deg); }
}
.footer-widget .social li:hover i {
	background-color: #f78c3b;
	border: 1px solid #f78c3b;
		width: 30px;
	height: 30px;
}
.widget-link-list .quick-link ul li {
	display: block;
	padding: 5px 0;
}
.widget-link-list .quick-link ul li a {
	color: #fff;
	-webkit-transition: all 700ms;
	transition: all 700ms;
}
.widget-link-list .quick-link ul li i {
	opacity: 0;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	margin-right: -10px;
}
.widget-link-list .quick-link ul li:hover a {
	color: #f78c3b;
}
.widget-link-list .quick-link ul li:hover i {
	opacity: 1;
	margin-right: 5px;
	margin-left: 10px;
	color: #f78c3b;
}



footer .recent-post .cdf-title h2 {
	line-height: 0;
}
footer .newsletter {
	position: relative;
}
footer .newsletter input{
	height: 50px;
	border-radius: 0;
	background: transparent;
	border: 1px solid #fff;
}
footer .newsletter .form-control {

    -webkit-box-shadow: inset 0 1px 1px rgba(30, 188, 97, 0.71);
    box-shadow: inset 0 1px 1px rgba(30, 188, 97, 0.71);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

footer .newsletter button {
	position: absolute;
	width: 50px;
	right: 0;
	top: 0;
	line-height: 52px;
	height: 50px;
	color: #fff;
	background: #f78c3b;
	border: #f78c3b;
	transition: 700ms linear;
}
footer .newsletter button:focus {
	outline: none;
}
footer .newsletter button:hover {
	background-color: transparent;
	border-left: 1px solid #fff;
	color: #f78c3b;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: rgba(250, 255, 189, 0) !important;
	padding-right: 50px;
	overflow: hidden;
}

/*-------------------------------------
footer-bottom
--------------------------------------*/
.footer-bottom {
	border-top: 1px solid #1c1c1c;
	padding: 30px 0;
}
.footer-bottom span {
	font-weight: bold;
}
.footer-bottom p {
	margin-bottom: 0;
	color: #4f5259;
}
.footer-bottom a {
	font-family: 'Raleway', sans-serif;
	color: #f78c3b;
}
.footer-bottom p i {
	color: #f78c3b;
}


/*********************************************************************
======================process SECTION Css==
*********************************************************************/
.main-menu {
	position: relative;
}

input[type="search"] {
	-webkit-appearance: textfield;
}
/*********************************************************************
==End All style Css==
*********************************************************************/
/*.tp-bgimg.defaultimg {
    opacity: 1 !important;
}*/




.sb-search {
    position: absolute;
    width: 0%;
    min-width: 45px;
    height: 45px;
    right: 125px;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    border: none;
    outline: none;
    background: #f78c3b;
    width: 100%;
    height: 45px;
    margin: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 20px;
    color: #fff;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding-left: 15px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}

.sb-search-input:-moz-placeholder {
    color: #fff;
}

.sb-search-input::-moz-placeholder {
    color: #fff;
}

.sb-search-input:-ms-input-placeholder {
    color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:red;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: transparent;
    z-index: 90;
    font-size: 22px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.sb-icon-search i {
	width: 45px;
    height: 45px;
    background: #17a152;
    display: block;
    line-height: 45px;
}

.sb-icon-search:before {
    content: "";
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
    position: absolute;
    left: 0;
}
.sb-search.sb-search-open span .icon_search{
	display: none;

}
.sb-search.sb-search-open .icon_close{
	display: block;

}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #17a152;
    color: #fff;
    z-index: 11;
}
button.search-submit {
    position: absolute;
    right: 45px;
    top: 0;
    background: #17a152;
    color: #fff;
    z-index: 999;
    border: 1px solid transparent;
    font-size: 20px;
    line-height: 45px;
    border-right: 3px solid #fff;
    padding:0;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
/*    z-index: 90;*/
}
div#rev_slider_1_1_wrapper {
	overflow: hidden !important;
}