/* 
	Template  Name: BIZES Business and Agency HTML Template;
	Description: This is a Business and Agency HTML Template;
	Version:  1.0
	Authot:   Md.Masud Rana
	Website:  www.bootitems.com
==========================================
    TABLE CONTENTS
==========================================
    1. GLOBAL STYLES
    2. HEADER AREA STYLES
    3. SLIDER STYLES
    4. ABOUT STYLES
    5. SERVICE STYLES
    6. PORTFOLIO STYLES
    7. PRICING TABLE STYLES
    8. BLOG AREA STYLES
    9. CONTACT STYLES
    10. WHAT WE DO AREA STYLE
    11. FOOTER STYLES
    12. ABOUT US PAGE
    13. PRELOADER STYLE
	14. SCROLL TOUP STYLE
  
/*
/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i');

/*========================================
    1. GLOBAL STYLES
==========================================*/
/* === 1.1 Body === */
html {
	font-size: 100%;
}
body {
	background-color: #fff;
	color: #657786;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	position:relative;
}
/* ========================================
   2. Typography
=========================================== */
/* === 1.2 Hyperlink === */
a {
	color: #303030;
	/*transition*/
	 -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	text-decoration:none;
}
a, a > * {
	cursor: pointer;
	outline: medium none;
	text-decoration: none;
}
a:focus,
a:hover {
	outline: medium none;
	text-decoration: none;
	color:inherit;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit ;
}
/* === 2.1 Headings === */
h1, h2, h3, h4, h5, h6 {
    color: #404040;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0 0 20px;
    padding: 0;
}
h1 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
}
h2 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
}
h3 {
    font-size: 32px;
    line-height: 32px;
}
h4 {
    font-size: 28px;
    line-height: 38px;
}
h5 {
    font-size: 25px;
    line-height: 30px;
}
h6 {
    font-size: 24px;
}
/* === PARAGRAPH === */
p {
    margin: 0 0 10px;
}
b, strong {
    font-weight: 600;
}
/* =======================================
   Basic Margins Paddings ===============*/
 /* === Padding  Bottom === */    
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-110{padding-bottom: 110px;}
.pt-110{padding-top: 110px;}
/*=== Padding Top Bottom ===*/
.ptb-80{padding: 80px 0;}    
.ptb-105{padding:105px 0;}   
.ptb-100{padding:100px 0;}   
.ptb-110{padding:110px 0;}   
/* Miscellaneous Paddings */
.pt110-pb50{
  padding: 110px 0 50px;
}
.pt110-pb65{
  padding:110px 0  65px;
}
.pt110-pb75{
  padding:110px 0  75px;
}
.pt110-pb85{
  padding: 110px 0 85px;
}
.pt110-pb95{
  padding: 110px 0 95px;
}
.pt90-pb100{
  padding: 90px 0 100px;
}
.pt95-pb55 {
  padding: 95px 0 55px;
}
/*Margin Bottom*/
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-65{
  margin-bottom: 65px;
}
/*Margin Left*/
.ml-35 {
  margin-left: 35px;
}
/* === 1.5 OTHER FIXES === */
 *,
*:before,
*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.uppercase{
    text-transform:uppercase;
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px
}
.aligncenter {
	display: block;
	margin: 0 auto 15px
}
img {
	max-width: 100%;
	height: auto;
}
/*=== Section Title ===*/
.section-title h2 {
	color: #222222;
	font-size: 30px;
	line-height: 22px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.section-title p {
	color: #657786;
	font-size: 15px;
	margin-bottom: 5px;
}
.section-title.text-light h2, 
.section-title.text-light p{
	color:#ffffff;
}
/* === Background Color === */
.bg-theme{
    background-color: #1da1f2;
}
.bg-gray{
    background-color: #f5f7f8;
}
.bg-white {
    background-color: #ffffff;
}
/*=== Background Overlay === */
.overlay-bg, .overlay-bg-2 {
	position: relative;
	overflow:hidden;  
}
.overlay-bg::before, .overlay-bg-2::before{
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;  
}
.overlay-bg::before{
    background: rgba(0, 0, 0, 0.502) none repeat scroll 0 0;
}
.overlay-bg-2::before{
    background-color: rgba(0, 0, 0, 0.4);
}
/* === Buttons CSS === */

/*Style-1*/
.btn.btn-bizes.eff-1{
	background: #1da1f2;
	color:#fff;
}
.btn-bizes.eff-1::after {
	border-bottom: 9px solid transparent;
	border-left: 15px solid #fff;
	border-top: 0 solid #fff;
	content: "";
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
}
.btn-bizes.eff-1:hover:after {
	z-index:-1;
	border-left: 200px solid #fff;
	border-bottom:200px solid transparent;
	overflow:hidden;
	background-color:#1d8ef7;
}
.btn-bizes.eff-1:hover {
	color:#1d8ef7;
	border-color:#1d8ef7;
	overflow:hidden;
}
.btn-bizes.eff-1:hover, .btn-bizes.eff-1:after, .btn1 {
	   -webkit-transition: 0.1s color ease;
	  -moz-transition: 0.1s color ease;
	 -o-transition: 0.1s color ease;
	-ms-transition: 0.1s color ease;
	transition: 0.1s color ease;
}
.btn-bizes.eff-1:hover, .btn-bizes.eff-1:after {
	   -webkit-transition: 0.5s border ease;
	  -moz-transition: 0.5s border ease;
	 -o-transition: 0.5s border ease;
	-ms-transition: 0.5s border ease;
	transition: 0.5s border ease;
}
.btn-bizes.eff-1:after {
    overflow:hidden;
}
.btn-bizes.eff-1:before, .btn-bizes.eff-1:hover:before, .btn-bizes.eff-1:hover:after {
	   -webkit-transition: 0.75s all ease;
	  -moz-transition: 0.75s all ease;
	 -o-transition: 0.75s all ease;
	-ms-transition: 0.75s all ease;
	transition: 0.75s all ease;
}
.btn.btn-bizes {
	border: 2px solid #1da1f2;
	border-radius: 50px;
	color: #404040;
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	opacity: 0.999;
	overflow: hidden;
	padding: 10px 40px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.btn.btn-bizes.bg-white {
	border: 2px solid transparent;
	color: #1da1f2;
}
.slider-area.style-2 .btn.btn-bizes, 
.slider-area .btn.btn-bizes  {
    margin-right: 17px;
}
.slider-area .btn-bizes.eff-2 {
    color:#ffffff;
}
.btn.eff-2:before {
	content: '';
	width: 0;
	z-index:-1;
	height: 0;
	transform: rotate(360deg);
	   -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent #1da1f2;
	position: absolute;
	bottom: 0;
	left: 0;
	  -webkit-transition: 0.5s;
	 -moz-transition: 0.5s;
	transition: 0.5s;
}
.btn.eff-2:after {
	content: '';
	width: 0;
	z-index:-1;
	height: 0;
	transform: rotate(360deg);
	   -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #1da1f2 transparent transparent;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.btn.eff-2{
	   -webkit-transition:all 0.3s ease 0s;
	  -moz-transition:all 0.3s ease 0s;
	 -o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;  
}
.btn.eff-2:hover {
    color: #ffffff;
}
.btn.eff-2:hover::before {
    border-width: 120px 0 0 120px;
}
.btn.eff-2:hover:after {
    border-width: 0 120px 120px 0;
}
.btn.eff-2:active {
    background: #1da1f2;
}
/*Button css Background color*/
.btn-black{
    background-color: #353535;
}
.btn-blue{
	background-color: #0078D7;
	border-color: #0078D7; 
}
.btn-green{
    background-color: #13A381;
}
.btn-yellow{
    background-color: #FF4800;
}
.btn-orange{
    background-color: #FFA500;
}
.btn-red{
    background-color: #B10000;
}
.btn-pink{
    background-color: #FF7F50;
}
.btn-petrol{
    background-color: #8224E3;
}
/*Button Border Style*/
.btn.btn-bizes.bd-white {
	border: 2px solid #ffffff;
	color: #ffffff;
}
.bd-white.btn.eff-2::before {
    border-color: transparent transparent transparent #ffffff;
}
.bd-white.btn.eff-2::after {
    border-color: transparent #ffffff transparent transparent;
}
.btn.btn-bizes.bd-white:hover {
    color: #404040;
}
/*========================================
    2. HEADER AREA STYLES
==========================================*/
header.header-area {
	position: absolute;
	width: 100%;
	z-index: 3;
}
/*Header Top*/
.header-top {
    background-color: rgba(0, 0, 0, 0.25);
}
.top-contact-menu{
	margin:0;
	padding:0;
	list-style:none;
}
.top-contact-menu li {
	margin-right: 24px;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	position: relative;
	padding: 15px 0;
	transition: all 0.3s ease 0s;
}
.top-contact-menu > li::after {
	position: absolute;
	right: -12px;
	top: 22px;
	width: 1px;
	height: 12px;
	background-color: #FFFFFF;
	content: "";
	transition: all 0.3s ease 0s;
}
.top-contact-menu > li:last-child{
	margin-right:0;
}
.top-contact-menu > li:last-child:after{
	display:none;
}
.top-contact-menu li ul {
	  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
	 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
	position: absolute;
	top: 100%;
	left: 0;
	width: 152px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	padding: 12px 10px;
	z-index:9;
	visibility:hidden;
	opacity:0;
	display:none;
	transition: all 0.3s ease 0s;
}
.top-contact-menu > li:hover > ul{
	visibility:visible;
	opacity:1;
	display:block;
}
.top-contact-menu li ul li {
	display: block;
	position: relative;
	margin: 0;
	list-style: none;
	padding: 0;
}
.top-contact-menu li ul li a {
	display: block;
	padding: 2px 10px;
	font-size: 14px;
}
.top-contact-menu li ul li a:hover{
	background-color:#EFEFEF;
	color:#1da1f2;
	border-radius:2px;
}
.top-social {
    float: right;
}
.top-social ul {
    margin: 0;
}
.top-social li:last-child, 
.top-social ul li a:last-child {
    padding-right: 0 ;
}
.top-social ul li a {
	color: #ffffff;
	font-size: 15px;
	display: inline-block;
	transition: all 0.3s ease 0s;
	position: relative;
	padding: 15px 8px;
}
.top-social ul li a:hover {
  color: #1da1f2;
}
.top-social ul li a i {
	display: block;
	line-height: 22px;
	position:relative;
}
.top-social ul li a:hover i{
       -webkit-animation-name: bouchicon;
    animation-name: bouchicon;
      -webkit-animation-duration: 1s;
    animation-duration: 1s;
      -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/*Logo*/
.logo img {
    padding: 32px 0;
}
.logo h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 0;
	padding-top: 16px;
}
.header-area.style-2 .logo h2, 
.header-area.style-3 .logo h2 {
	color: #1da1f2;
	transition: all 0.3s ease 0s;
}
.header-area.style-3 .scroll-header .logo h2 {
    padding-top: 19px;
}
/*Home-3 Header Style*/
header.header-area.style-3 {
	position: absolute;
	width: 100%;
	z-index: 3;
}
.header-area.style-3 .navigation-area {
    background-color: transparent;
}
.row.v-3 {
	background-color: #fff;
	margin-top: 38px;
}
/* Naviagaion */
nav.bizes-nav {
	float: left;
	width: 100%;
}
.bizes-nav ul.menu {
    float: right;
}
.bizes-nav ul{
	list-style:none;
	display:block;
	margin:0;
	padding:0;  
}
.bizes-nav .menu li {
	position: relative;
	   -webkit-transition: all 0.3s ease 0s;
	  -moz-transition: all 0.3s ease 0s;
	 -ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	list-style: none;
	padding: 0 10px;
}
.bizes-nav .menu li a {
	color: #666; 
	display:block;
}
.bizes-nav .menu > li {
	float:left;
	padding: 0;
}
.bizes-nav ul.menu > li > a {
	color: #ffffff;
	font-family: source sans pro;
	font-size: 15px;
	font-weight: 600;
	opacity: 1;
	padding: 30px;
	text-transform: uppercase;
}
.bizes-nav ul.menu > li > a:last-child{
    padding-right: 0;
}
.bizes-nav .menu > li:last-child > ul ul {
	left: auto;
	right: 100%;
}
.bizes-nav .menu > li ul {
	background-color: #ffffff;
	border-top: 2px solid #1da1f2;
	opacity: 0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 15px 0;
	position: absolute;
	   -webkit-transform: translate3d(0px, 10px, 0px);
	  -moz-transform: translate3d(0px, 10px, 0px);
	 -ms-transform: translate3d(0px, 10px, 0px);
	-o-transform: translate3d(0px, 10px, 0px);
	transform: translate3d(0px, 10px, 0px);
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	  -ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 99;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
}
.bizes-nav .menu > li > ul li a {
    padding: 5px 12px;
}
.bizes-nav .menu > li > ul li a:hover {
	background-color: #efefef;
	border-radius: 2px;
	color: #1da1f2;
}
.bizes-nav .menu > li > ul > li > ul {
	left: 100%;
	padding: 10px;  
	top: 0;
}
.bizes-nav .menu > li:hover > ul {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   -webkit-transform: translate3d(0px, 0px, 0px);
	  -moz-transform: translate3d(0px, 0px, 0px);
	 -ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	visibility: visible;
}
.bizes-nav .menu > li > ul > li:hover > ul,
.bizes-nav .menu > li:hover .mega-menu ul {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    -webkit-transform: translate3d(0px, 0px, 0px);
	   -moz-transform: translate3d(0px, 0px, 0px);
	  -ms-transform: translate3d(0px, 0px, 0px);
	 -o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	visibility: visible;
}
/* Mega Menu */
.bizes-nav .menu .mega-menu {
	padding: 20px;
	width: 400px;
}
.bizes-nav .menu .mega-menu.three-column {
    width: 600px ;
}
.bizes-nav .mega-menu.mega-center {
	left: 50%;
	margin-left: -200px;
}
.bizes-nav .mega-menu.mega-center.three-column {
    margin-left: -332px;
}
.bizes-nav .mega-menu.mega-right{
    right:0;
}
.bizes-nav .menu .mega-menu > li.mega-col {
	float:left;
	padding: 0 10px;  
	overflow: hidden;
	width: 50%;
}
.bizes-nav .menu .mega-menu.three-column > li.mega-col {
    width: 33.33%;
}
.bizes-nav .menu .mega-menu ul {
	background-color: rgba(0, 0, 0, 0);
	border-top: none;
	left: auto;
	   -webkit-transform: translate3d(0px, 0px, 0px);
	  -moz-transform: translate3d(0px, 0px, 0px);
	 -ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	padding: 0;
	position: relative;
	box-shadow: none;
}
.bizes-nav .menu li.mega-col li {
	display: block;
	width: 100%;
	padding: 0;
}
.bizes-nav .menu li.mega-col li a {
    padding: 5px 0;
}
.bizes-nav .menu li.mega-col li a:hover {
    background-color:transparent;
}
.bizes-nav > ul.menu > li:last-child{
	padding-right:0;
}
/* Meag Menu Title */
.mega-menu .title {
	color: #404040;
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
	padding: 0 0 6px;
	position: relative;
	text-transform: capitalize;
}
.bizes-nav .mega-menu .title::before {
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 30px;
}
.bizes-nav .menu li.has-dropdown > a::after {
	content: "\eb89";
	font-family: icofont;
	font-size: 16px;
	margin-top: -12px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.bizes-nav .menu li ul li.has-dropdown > a::after {
	content: "\eb8b";
	right: 18px;
}
.bizes-nav .menu > li > ul.mega-menu::before {
	left: 57%;
	margin-left: -4px;
}
.header-area.style-2 .navigation-area {
    background-color: #ffffff;
}
.header-area.style-2 .bizes-nav .menu li.has-dropdown > a::after{
    content: "";
}
.header-area.style-2 ul.menu > li:hover {
    background-color: #1da1f2;
}
.header-area.style-2 .bizes-nav ul.menu > li > a {
    color: #222222;
}
.header-area.style-2 .bizes-nav ul.menu > li > a:last-child {
    padding-right: 20px;
}
.header-area.style-2 .bizes-nav ul.menu > li > a:hover {
    color: #ffffff;
}
.header-area.style-3 .bizes-nav ul.menu > li > a {
	color: #222222;
	font-weight: 400;
}
/* Mobile Menu */
.navigation-area .col-xs-2.col-sm-9.col-md-9{
    position:static;
}
.mean-container .mean-bar {
	margin-top: 18px;
	position: inherit;
	margin-bottom: 14px;
}
.header-area.style-3 .mean-container .mean-bar {
    margin-top: 7px;
}
.header-area.style-3 .scroll-header .mean-bar {
    margin-top: 24px;
}
.mobile-menu-area .mean-nav {
	left: 0;
	position: absolute;
	top: 139px;
	z-index: 2;
}
.header-area.style-2 .mobile-menu-area .mean-nav {
    top: 85px;
}
.header-area.style-3 .mobile-menu-area .mean-nav {
    top: 106px;
}
.mean-nav .mega-menu .title {
	margin-bottom: 0;
	padding: 12px 20px;
}
.navigation-area {
	background-color: rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 999;
}
.header-area.style-3 .logo h2 {
	padding-left: 15px;
}
.header-area.style-3 .main-menu-wrap {
	padding-right: 20px;
}
/* Fixed Header */
.header-area.scroll-header{
	position:fixed;
	box-shadow:0 4px 3px rgba(0, 0, 0, 0.05);
}
.scroll-header .header-top {
	background-color: #222222;
	transition: all 0.3s ease 0s;
}
.scroll-header .navigation-area {
    background-color: #ffffff;
}
.scroll-header .top-contact-menu > li{
	padding: 8px 0;
}
.scroll-header .top-contact-menu > li::after {
	top: 15px;
}
.scroll-header .top-social ul li a {
	padding: 8px;
}
.scroll-header .top-social li:last-child, 
.scroll-header .top-social ul li a:last-child {
    padding-right: 0 ;
}
.scroll-header .logo h2 {
	color: #1da1f2;
	padding-top:10px;
}
.scroll-header .bizes-nav ul.menu > li > a {
	padding: 22px 30px;
    color: #222222;
}
.scroll-header .bizes-nav ul.menu > li > a:hover {
    color:#1da1f2;
}
.scroll-header .bizes-nav ul.menu > li > a:last-child {
    padding-right: 0;
}
/*========================================
    3. SLIDER STYLES
==========================================*/
.tbl {
	display: table;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.tbl-cell {
	display: table-cell;
	vertical-align: middle;
}
.single-slide {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
	position: relative;
}
.slider-3 .single-slide{
    height: 100vh;
}
.slide-content {
	position: absolute;
	top: 47%;
	width: 100%;
}
.single-slide-content {
	display: block;
	margin-bottom: 1px;
}
.single-slide-content h1 {
	color: #ffffff;
	font-size: 48px;
	margin-bottom: 15px;
}
.single-slide-content > p {
	color: #ffffff;
	font-size: 17px;
	margin-bottom: 33px;
}
/*Style-2*/
.slider-area.style-2 .slide-content {
	top: 50%;
	transform: translateY(-50%);
}
.slider-area.style-2 .single-slide-content h1 {
	background-color: #222222;
	display: inline-block;
	padding: 5px 35px;
}
.slider-area.style-2 .single-slide {
	height: 100vh;
}
.slider-area.style-2 .single-slide-content > p {
	background-color: #222222;
	padding: 5px 30px;
	width: 63%;
}
/*slider nav*/
.slide-controls .owl-nav div {
	font-size: 25px;
	height: 60px;
	left: 0;
	line-height: 60px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 60px;
	z-index: 1;
}
.slide-controls .owl-nav div.owl-next {
    left: auto;
    right: 0;
}
.slide-controls .owl-nav div i {
	border:2px solid #1da1f2;
	border-radius: 50%;
	display: block;
	height: 50px;
	line-height: 50px;
	margin: 5px;
	width: 50px;
	color: #1da1f2;
}
.slide-controls .owl-nav div i:hover {
	background-color:#1da1f2;
	color:#ffffff;
}
.slide-controls:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
/*Default owl dots style*/
.owl-dots {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.slider-area  .owl-dots {
	bottom: 25px;
}
.logo-wrap .owl-dots {
    bottom: -54px;
}
.owl-dot {
    display: inline-block;
}
.owl-dots .owl-dot span {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #dddddd;
	display: inline-block;
	backface-visibility: visible;
	border-radius: 30px;
	height: 10px;
	margin: 5px 7px;
	transition: opacity 0.2s ease 0s;
	width: 10px;
}
.owl-dots .owl-dot.active span {
    background-color: #1da1f2;
}
.logo-wrap .owl-dots .owl-dot span {
    border: 1px solid #1da1f2;
}
/*Bizes Style dots*/
.slide-controls .owl-dots .owl-dot.active{
    box-shadow: 0 0 0 2px #ffffff;
}
.slide-controls .owl-dots .owl-dot{
	border-radius: 50%;
	transition: box-shadow 0.3s ease 0s;
	height: 15px;
	margin: 0 5px;
	position: relative;
	width: 15px;
}
.slide-controls .owl-dots .owl-dot span {
	background-color: #ffffff;
	height: 10px;
	left: -5px;
	position: absolute;
	top: -3px;
	width: 10px;
}
.slide-controls .owl-dots .owl-dot.active span{
	transform: scale(0.8);
	background-color:#1da1f2;
	box-shadow: 0 0 0 2px #1da1f2;
}
/* Default Slider Animations */
/* .owl-item.active .single-slide-content h3{
        -webkit-animation: fadeInRight 3000ms ease-in-out;
    -moz-animation: fadeInRight 3000ms ease-in-out;
    -ms-animation: fadeInRight 3000ms ease-in-out;
    animation: fadeInRight 3000ms ease-in-out;
}
.owl-item.active .single-slide-content h1{
        -webkit-animation: lightSpeedIn 2500ms ease-in-out;
    -moz-animation: lightSpeedIn 2500ms ease-in-out;
    -ms-animation: lightSpeedIn 2500ms ease-in-out;
    animation: lightSpeedIn 2500ms ease-in-out;
}
.owl-item.active .single-slide-content p{
        -webkit-animation: fadeInLeft 2000ms ease-in-out;
     -moz-animation: fadeInLeft 2000ms ease-in-out;
    -ms-animation: fadeInLeft 2000ms ease-in-out;
    animation: fadeInLeft 2000ms ease-in-out;
}
.owl-item.active .single-slide-content a.btn{
        -webkit-animation: jackInTheBox 3000ms ease-in-out;
    -moz-animation: jackInTheBox 3000ms ease-in-out;
    -ms-animation: jackInTheBox 3000ms ease-in-out;
    animation: jackInTheBox 3000ms ease-in-out;
} */
/*========================================
    4. ABOUT STYLES
==========================================*/
.img-carousle {
    margin-bottom: 45px;
}
.bizes-tab li {
	margin-right: 2px;
	top:10px;
	width: 33.08%;
}
.bizes-tab li:last-child{
    margin-right: 0;
}
.bizes-tab .nav.nav-tabs a {
	background-color: #1da1f2;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
.bizes-tab .nav.nav-tabs li.active a {
	background-color: #f5f7f8;
	border: 1px solid transparent;
	color: #404040;
	margin-top: -10px;
}
.bizes-tab .nav-tabs {
    border-bottom: 1px solid transparent;
}
.bizes-tab-content {
	background-color: #f5f7f8;
	padding: 40px 30px;
}
.bizes-tab-content > p {
	line-height: 22px;
	margin-bottom: 35px;
}
.bizes-tab .btn {
   margin-bottom: 5px;
}
.about-content > h5 {
	font-weight: 600;
	line-height: 1;
	margin-bottom: 25px;
}
.about-content > p {
    margin-bottom: 40px;
}
/*Video*/
.video {
	background: rgba(0, 0, 0, 0) url("assets/img/about/2.jpg") no-repeat scroll center center / cover ;
	height: 400px;
	margin-bottom: 45px;
	position: relative;
}
.video a {
	border: 15px solid rgba(29, 161, 242, 0.5);
	border-radius: 50%;
	color: #1da1f2;
	font-size: 48px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.video a::before {
	border: 15px solid rgba(29, 161, 242, 0.3);
	border-radius: 50%;
	content: "";
	height: 108px;
	left: -30px;
	position: absolute;
	top: -30px;
	width: 108px;
}
/*========================================
    5. SERVICE STYLES
==========================================*/
.single-service.style-one {
	background-color: #ffffff;
	border: 1px solid #f5f7f8;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	margin-bottom: 45px;
	padding: 45px 30px 40px;
	transition: all 0.3s ease 0s;
}
.single-service.style-one i {
	border: 1px solid #1da1f2;
	border-radius: 50%;
	color: #404040;
	display: inline-block;
	font-size: 25px;
	height: 100px;
	line-height: 98px;
	margin-bottom: 22px;
	transition: background-color 0.5s ease 0s;
	width: 100px;
}
.single-service.style-one h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.single-service.style-one > p {
    margin: 0;
}
.single-service.style-one:hover {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}
.single-service.style-one:hover i {
	background-color: #1da1f2;
	color: #ffffff;
}
.single-service.style-one:hover i {
	transform: rotate(360deg);
	transition: all 0.7s ease 0s;
}
/*service style 2*/
.single-service {
	margin-bottom: 55px;
	transition: all 0.3s ease 0s;
}
.single-service i {
	color: #404040;
	display: block;
	font-size: 25px;
	margin-bottom: 10px;
	transition: all 0.3s ease 0s;
}
.single-service.style-2 > h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
	position: relative;
}
.single-service.style-2 > h5::before {
	background-color: #404040;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 35px;
	transition: all 0.3s ease 0s;
	width: 40px;
}
.single-service:hover i {
    color: #1da1f2;
}
.single-service:hover h5:before {
    background-color: #1da1f2;
}
/*Home-3 service*/
.single-service.style-3 {
    margin-bottom: 65px;
}
.single-service.style-3 i {
	border: 1px solid #1da1f2;
	color: #404040;
	display: inline-block;
	font-size: 20px;
	height: 45px;
	line-height: 40px;
	margin-right: 20px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 45px;
}
.single-service.style-3 > h5 {
	font-size: 18px;
	font-weight: 600;
	position: relative;
}
.single-service.style-3 > h5::before {
	background-color: #404040;
	content: "";
	height: 1px;
	left: 70px;
	position: absolute;
	top: 40px;
	transition: all 0.3s ease 0s;
	width: 40px;
}
.single-service .style-3 > p {
    margin-left: 70px;
}
.single-service.style-3:hover i {
	background-color: #1da1f2;
	color: #ffffff;
}
.single-service.style-3:hover > h5::before {
    background-color: #1da1f2;
}
/*========================================
    6. PORTFOLIO STYLES
==========================================*/
.filter-menu{
	display: block;
	margin-bottom: 30px;
	padding: 0;
}
.filter-menu button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #404040;
	font-size: 15px;
	margin: 0 10px 20px;
	padding: 5px 25px;
	border-radius:20px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-transform: uppercase;
}
.filter-menu button.active, 
.filter-menu button:hover  {
	background-color: #1da1f2;
	border: medium none;
	border-radius: 5px;
	color: #ffffff;
}
.filter-menu button:last-child {
	margin-right: 0;
}
.portfolio-img {
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
.portfolio-img::before {
	background: rgba(29, 161, 242, 0.7);
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 0;
	z-index: 1;
}
.portfolio-img:hover:before {
	left: 0;
	opacity: 1;
	width: 100%;
}
.portfolio-img > a i {
	background-color: #ffffff;
	border: 10px solid #a5d9fa;
	border-radius: 50%;
	color: #404040;
	display: block;
	font-size: 20px;
	height: 70px;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.7s ease 0s;
	visibility: hidden;
	width: 70px;
	z-index: 2;
	text-align: center;
	line-height: 50px;
}
.portfolio-img:hover a i {
	opacity: 1;
	visibility: visible;
}
.portfolio-info {
	display: block;
	margin-bottom: 12px;
	overflow: hidden;
}
.portfolio-info h6 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
	transition: all 0.3s ease 0s;
}
.portfolio-info h6:hover {
   color: #1da1f2;
}
/*Single Portfolio*/
.single-portfolio-area img {
	margin-bottom: 50px;
}
.portfolio-single-content > p {
	margin: 0;
	padding-right: 45px;
}
.portfolio-project {
	background-color: #f5f7f8;
	padding: 30px;
}
.portfolio-single-content {
	margin-bottom: 45px;
}
.portfolio-single-content > h4 {
	line-height: 18px;
}
.portfolio-project > p {
	margin-bottom: 7px;
}
.portfolio-project > p:last-child {
	margin: 0;
}
/*========================================
    7. PRICING TABLE STYLES
==========================================*/
.single-plan {
	background-color: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 45px;
	transition: all 0.3s ease 0s;
}
.plan-head {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	height: 100px;
	margin-bottom: 15px;
	transition: all 0.3s ease 0s;
}
.plan-head > h5 {
	font-weight: 600;
	line-height: 100px;
	margin: 0;
	transition: 0.3s;
}
.plan-features > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.plan-features li {
	border-bottom: 1px solid #ededed;
	color: #657786;
	font-size: 15px;
	padding: 20px;
}
.plan-features li:last-child {
	margin-bottom: 47px;
}
.plan-price h3 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
	transition: 0.3s;
}
.plan-price h3 sup {
	font-weight: 600;
}
.plan-price h3 span {
	font-size: 20px;
}
.plan-footer .btn {
	margin-bottom: 30px;
}
.single-plan:hover {
	box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
}
.single-plan:hover .plan-head {
	background-color: #1da1f2;
}
.single-plan:hover .plan-head h5 {
	color: #ffffff;
}
.single-plan:hover .plan-price h3{
	color: #1da1f2;
}
/*========================================
    8. BLOG AREA STYLES
==========================================*/
.home-blog-wraper .col-md-4, .testimonial-wrap .col-md-4, .client-wraper .col-md-4 {
	width: 100%;
}
.single-news {
	background-color: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.31);
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 45px;
	transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s, -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.single-news:hover{
	transform: translateY(-5px);
}
.single-news .post-thumbnail {
	display: block;
	margin-bottom: 20px;
	position:relative;
}
.post-thumbnail > a {
	display: block;
}
.single-news .post-thumbnail img{
	margin: auto;
}
.post-thumbnail .post-date {
	background-color: #ffffff;
	bottom: 15px;
	color: #404040;
	font-weight: 600;
	padding: 5px 10px;
	position: absolute;
	right: 30px;
	transition: all 0.3s ease 0s;
}
.single-news:hover .post-date {
	background-color: #1da1f2;
	color: #ffffff;
}
.single-news h4.entry-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}
.single-news .entry-header,
.single-news .entry-content,
.single-news .entry-meta{
    padding: 0 25px;
}
.single-news h4.entry-title:hover {
    color: #1da1f2;
}
.single-news .entry-meta {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}
.single-news .entry-meta span {
    padding-right: 15px;
}
.single-news .entry-meta span i{
    margin-right:5px;
}
.single-news .entry-meta a{
    color:#657786;
}
.single-news .entry-meta a:hover{
    color:#1da1f2;
}
/*Blog Page*/
.single-news-wrap {
	display: block;
	margin-bottom: 80px;
}
.single-news-wrap .post-thumbnail {
    margin-bottom: 40px;
}
.single-news-wrap .post-date {
	background-color: #1da1f2;
	color: #fff;
	float: left;
	font-size: 15px;
	line-height: 17px;
	padding: 8px 16px;
	text-align: center;
	font-weight: 600;
}
.single-news-wrap .entry-header {
    padding-left: 75px;
}
.single-news-wrap .entry-header h4 {
	line-height: 18px;
	font-weight: 600;
}
.single-news-wrap .entry-meta {
	margin-bottom: 30px;
	padding: 0 0 0 50px;
}
.single-news-wrap .entry-meta span {
    padding-left: 30px;
}
.single-news-wrap .entry-meta span i {
    margin-right: 5px;
}
.single-news-wrap .entry-content {
    margin-left: 75px;
}
.single-news-wrap .entry-content > p {
	margin-bottom: 36px;
	padding-right: 50px;
}
/*Blog Details*/
.entry-content strong {
	display: block;
	padding: 15px 0;
}
.blog-social {
	display: block;
	margin: 65px 0 0 80px;
	overflow: hidden;
}
.single-author {
	display: block;
	overflow: hidden;
}
.author-area > h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.author-thumb {
    float: left;
}
.author-text {
    padding-left: 115px;
}
.author-text .author-name {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 6px;
}
.author-text .author-name span {
	color: #657786;
	font-size: 14px;
	padding-left: 30px;
}
.author-text > p {
    padding-right: 150px;
}
.entry-title > a:hover, .widget.widget-category a:hover, .post-content a:hover, .widget.widget-archives a:hover, .entry-meta a:hover {
    color: #1da1f2;
}
/*Add reaplay*/
.comment-form-area {
    padding-right: 65px;
}
.comment-form-area > h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.comment-form-area .single-field {
    border-radius: 10px;
}
.comment-form-area .single-field > textarea, .comment-form-area .single-field > input {
    border-radius: 10px;
}
/*Blog Sidebar*/
.widget.widget-search {
    margin-bottom: 55px;
}
.search-form .search-field {
	border: 1px solid #bbbbbb;
	color: #657786;
	font-size: 15px;
	height: 45px;
	padding-left: 10px;
	width: 100%;
}
.search-form {
	display: block;
	position: relative;
}
.search-form > button {
	background-color: #1da1f2;
	border: medium none;
	color: #ffffff;
	font-size: 18px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
  z-index: 2;
}
.widget-area .widget-title {
	color: #404040;
	font-size: 18px;
	margin-bottom: 22px;
}
.widget.widget-category > ul, .widget.widget-archives > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.widget-category ul li, .widget.widget-archives > ul li {
    margin-bottom: 18px;
}
.widget.widget-category li:last-child, .widget.widget-archives li:last-child {
    margin-bottom: 50px;
}
.widget-category ul li a, .widget.widget-archives > ul li a {
	color: #657786;
	font-size: 15px;
}
.widget-category ul li a i, .widget.widget-archives > ul li a i {
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.widget.widget-blog .widget-title {
    margin-bottom: 29px;
}
.widget-post {
	display: block;
	overflow: hidden;
}
.widget-post img {
	float: left;
	margin-bottom: 25px;
}
.widget-post .title{
	font-size: 15px;
}
.post-content {
	padding-left: 97px;
	padding-top: 5px;
}
/*Tags*/
.widget.widget-tags {
	margin-bottom: 45px;
	overflow: hidden;
}
.widget.widget-tags .widget-title {
    margin-bottom: 28px;
}
.tags-cloud-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.tags-cloud-list > li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.tags-cloud-list li a {
	background-color: #424242;
	border: 1px solid transparent;
	border-radius: 7px;
	color: #ffffff;
	display: block;
	padding: 4px 20px;
	text-transform: uppercase;
}
.tags-cloud-list li a:hover {
    background-color: #1da1f2;
}
/*Pagination*/
.pagination {
    margin: 0;
}
.pagination li a {
	background-color: #424242;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #ffffff;
	font-size: 15px;
	margin-right: 5px;
	width: 35px;
	height: 35px;
	padding: 6px;
}
.pagination li a:hover {
	background-color: #1da1f2;
	color: #ffffff;
}
/*========================================
    9. CONTACT STYLES
==========================================*/
.contact-wrap {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	content: "";
	display: table;
	margin: auto;
	padding: 65px 40px;
	width: 97.3%;
}
.contact-area.style-2 .contact-wrap {
	background-color: #ffffff;
	margin-top: -200px;
	position: relative;
}
.contact-left {
    padding-right: 70px;
}
.contact-left > p i {
	color: #404040;
	display: inline-block;
	font-size: 25px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}
.contact-left > p {
	display: inline-flex;
	font-size: 15px;
	margin-bottom: 30px;
}
.contact-left span {
	margin-right: 12px;
	margin-top: -2px;
}
.single-field {
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	width: 100%;
}
.single-field > input {
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	box-shadow: none;
	height: 40px;
	margin-bottom: 15px;
	padding: 0 15px;
	width: 100%;
}
.half-field, .half-field-last {
	float: left;
	width: 48%;
}
.half-field-last {
    float: right;
}
.single-field > textarea {
	border: 1px solid #e0e0e0;
	height: auto;
	padding: 10px 15px;
	width: 100%;
	margin-bottom: 30px;
}
.single-field:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}
.single-todo {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	margin-bottom: 45px;
	padding: 35px 30px;
}
.single-todo h5 i {
	border: 1px solid #657786;
	border-radius: 50%;
	color: #657786;
	display: inline-block;
	font-size: 25px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 25px;
	text-align: center;
	width: 60px;
}
.single-todo > h5 {
	font-weight: 600;
	text-transform: uppercase;
}
.single-todo > p {
    margin: 0;
}
/*========================================
    10. WHAT WE DO AREA STYLE
==========================================*/
.single-todo {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	margin-bottom: 45px;
	padding: 35px 30px;
	transition: all 0.3s ease 0s;
}
.single-todo h5 i {
	border: 1px solid #657786;
	border-radius: 50%;
	color: #657786;
	display: inline-block;
	font-size: 25px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 25px;
	text-align: center;
	transition: all 0.7s ease 0s;
	width: 60px;
}
.single-todo > h5 {
	font-weight: 600;
	text-transform: uppercase;
}
.single-todo > p {
    margin: 0;
}
.single-todo:hover {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}
.single-todo:hover h5 i {
	transform: rotate(360deg);
	transition: all 0.7s ease 0s;
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
	color: #ffffff;
}
/*Brand Logo*/
.single-logo {
	display: block;
	text-align: center;
}
.single-logo > img {
	transition: all 0.3s ease 0s;
	width: inherit !important;
	cursor:pointer;
	display:block;
	margin: auto;
}
/*========================================
    11. FOOTER STYLES
==========================================*/
.footer-area {
	background-color: #404040;
	color: #ffffff;
}
h4.widget-title {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 32px;
	text-transform: uppercase;
}
.widget.about-widget > p {
	color: #dddddd;
	line-height: 22px;
	margin-bottom: 25px;
}
/*Social Links*/
ul.social-links {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
ul.social-links li {
    float: left;
}
ul.social-links li a {
	background-color: #606060;
	border-radius: 50%;
	color: #ffffff;
	display: block;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	text-align: center;
	width: 35px;
	transition: all 0.7s ease 0s;
}
ul.social-links li:hover a {
    background-color: #1da1f2;
}
ul.social-links li a i {
	display: block;
	line-height: 35px;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.social-links.border a {
	background-color: transparent;
	border: 1px solid #1da1f2;
	border-radius: 4px;
	color: #1da1f2;
	height: 30px;
	line-height: 30px;
	width: 30px;
}
.social-links.border a i{
	line-height: 30px;
}
.social-links.border li:hover a {
	color: #ffffff;
	border: 1px solid #1da1f2;
}
ul.social-links li a:hover i{
	 -webkit-animation-name: bouchicon;
	animation-name: bouchicon;
	 -webkit-animation-duration: 1s;
	animation-duration: 1s;
	 -webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	 -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes bouchicon{
    25%{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bouchicon{
    25%{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.widget.contact-widget > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.widget.contact-widget ul li {
	color: #dddddd;
	font-size: 15px;
	margin-bottom: 16px;
}
.widget.contact-widget ul li i {
	color: #dddddd;
	font-size: 18px;
	margin-right: 13px;
	position: relative;
	top: 3px;
}
.widget.widget-link > ul {
	list-style: outside none none;
	margin: 0 20px 0 0;
	padding: 0;
}
.widget.widget-link > ul li {
	padding-right: 12px;
	width: 50%;
	margin-bottom: 8px;
}
.widget.widget-link > ul li:nth-child(2n) {
    padding-right: 0;
}
.widget.widget-link ul li i {
	color: #ffffff;
	font-size: 16px;
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}
.widget.widget-link ul li a {
	color: #dddddd;
	display: block;
	font-size: 15px;
}
.widget.widget-link ul > li a:hover,
.widget.widget-link ul > li a:hover i{
    color: #1da1f2;
}
.widget.widget-newsletter > p {
    color: #dddddd;
}
.widget.widget-newsletter .subscribe-form .widget-input {
	background-color: #484848;
	border: medium none;
	color: #aaaaaa;
	height: 40px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 12px;
}
.widget-sbtn {
	background-color: #1da1f2;
	border: medium none;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	height: 40px;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 2px;
}
/*COPY RIGHT STYLE*/
.copy-right-area {
	background-color: #222222;
	padding: 30px 0;
}
.copy-right-area p {
	color: #999999;
	margin: 0;
	text-align: center;
	font-size: 16px;
}
.widget-sbtn:hover {
	opacity: 0.9;
}
/*========================================
    12. ABOUT US PAGE
==========================================*/
.banner-area {
	background: rgba(0, 0, 0, 0) url("assets/img/about/3.jpg") repeat scroll center center / cover ;
	padding: 150px 0;
	width: 100%;
}

.banner-content {
	position: relative;
	top: 80px;
}
.page-title {
	color: #ffffff;
	font-size: 30px;
}
.breadcrumbs {
	position: relative;
	top: 90px;
	text-align: right;
}
.breadcrumbs li {
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
}
.breadcrumbs li a {
    color: #ffffff;
}
.breadcrumbs li i {
    margin-left: 12px;
}
.breadcrumbs li a:hover {
    color: #1da1f2;
}
.about-content {
    margin-bottom: 45px;
}
.about-area .about-content > h5 {
    margin-bottom: 25px;
}
.about-area .about-content > p {
    margin-bottom: 30px;
}
/* ProgressBar */
.secondery-title > h5 {
	font-weight: 600;
	text-transform: uppercase;
}
.progress-title {
	color: #657786;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 5px;
}
.progress {
	background: #c9c9c9 none repeat scroll 0 0;
	border-radius: 20px;
	box-shadow: none;
	height: 7px;
	margin-bottom: 15px;
	overflow: visible;
}
.progress .progress-bar{
	position: relative;
	-webkit-animation: animate-positive 2s;
	animation: animate-positive 2s;
}
.progress .progress-bar:after{
	content: "\f0dd";
	font-family: fontawesome;
	font-size: 20px;
	position: absolute;
	top: -18px;
	right: -5px;
}
.progress .progress-value {
	color: #657786;
	font-size: 14px;
	font-weight: 400;
	position: absolute;
	right: 8px;
	top: -40px;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive{
    0% { width: 0%; }
}
/*Accordion*/
#accordion{
    padding-left: 76px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#accordion::before {
	background-color: #657786;
	content: "";
	height: 92%;
	left: 22px;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: -1;
}
#accordion .panel {
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 25px;
}
#accordion .panel-heading{
	padding: 0;
	border-radius: 0;
	border: none;
}
#accordion .panel-heading h4.panel-title {
  line-height: 1;
  margin-bottom:15px;
}
#accordion .panel-title a {
	background-color: #ffffff;
	color: #31162e;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 0;
	position: relative;
	transition: all 0.5s ease 0s;
}
#accordion .panel-title a i{
	margin-right: 15px;
}
#accordion .panel-title a::before {
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
	border-radius: 19px;
	content: "";
	height: 12px;
	left: -59px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 12px;
}

#accordion .panel-title a.collapsed::before {
    background-color: #ffffff;
}
#accordion .panel-body{
	font-size: 14px;
	line-height: 25px;
	padding: 5px 15px 15px 0;
	border: none;
}
/*Team Area*/
.team-wrap, .team-wrap-2 {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 45px;
	overflow: hidden;
	position: relative;
}
.singel-team {
	overflow: hidden;
	perspective: 600px;
	position: relative;
}
.singel-team > img {
    width: 100%;
}
/* For background overlay color */
.singel-team::after {
	background: rgba(29, 161, 242, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.8s linear 0s;
	visibility: hidden;
	width: 100%;
	z-index: 2;
}
.team-wrap:hover .singel-team::after, .team-wrap-2:hover .singel-team::after {
	visibility: visible;
	opacity: 1;
}
/* End background overlay*/
.quick-view {
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 4;
}
.quick-view li, .team-social li {
	display: inline-block;
	opacity:0;
	transition: all 0.6s linear 0s;
	visibility:hidden;
	list-style:none;
	transform: rotateY(-90deg);
	transform-origin: left;
}
.quick-view li:nth-of-type(2), .team-social li:nth-of-type(2) {
    transition-delay: .2s;
}
.quick-view li:nth-of-type(3), .team-social li:nth-of-type(3) {
    transition-delay: .3s;
}
.quick-view li:nth-of-type(4), .team-social li:nth-of-type(4) {
    transition-delay: .4s;
}
.team-wrap:hover .quick-view li, .team-wrap-2:hover .team-social li{
	visibility: visible;
	opacity: 1;
	transform: rotateY(0deg);
}
.team-wrap-2:hover .quick-view li{
	visibility: visible;
	opacity: 1;
	transform: rotateY(0deg);
}
.quick-view a, .team-social a {
	border: medium none khaki;
	color: #ffffff;
	display: block;
	font-size: 15px;
	padding: 7px;
	text-align: center;
	transition: all 0.3s linear 0s;
}
.team-social a {
    padding: 2px 7px;
}
.quick-view a:hover, .team-social a:hover {
	background: #1da1f2;
	color: #404040;
}
.quick-view a:hover{
	color:#ffffff;
}
.team-info {
	padding: 30px 0;
	transition: all 0.3s ease 0s;
}
.team-info h6 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.team-info p {
    margin: 0;
}
/*Team-2 style*/
.team-social {
	list-style: outside none none;
	margin: 20px 0 25px;
	padding: 0;
}
.team-social > li {
	display: inline-block;
	padding: 0 5px;
}
.team-bio {
	background-color: #1da1f2;
	bottom: 0;
	opacity: 0;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	transform: rotateX(90deg);
	transform-origin: 50% 100% 0;
	transition: all 0.7s ease 0s;
	width: 100%;
}
.team-bio > h6 {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.team-bio > p {
	color: #ffffff;
	padding-bottom: 7px;
	text-transform: uppercase;
}
.team-wrap-2:hover .team-info {
    transform: rotateX(90deg);
}
.team-wrap-2:hover .team-bio {
	opacity: 1;
	transform: translate(0px, 2px) rotate(0deg);
}
 /* Funfacts Area */  
.funfact-area {
	background: rgba(0, 0, 0, 0) url("assets/img/funfacts/1.jpg") no-repeat scroll center center / cover ;
	position: relative;
}
.single-fact {
    margin-bottom: 44px;
}
.single-fact .icon {
	color: #ffffff;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 20px;
}
.single-fact .fact-info span {
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
.single-fact .fact-info span.counter {
	font-size: 40px;
	font-weight: 700;
	line-height: 54px;
}
/*Client Feedback*/
.testimonial-area.bg-image{
    background: rgba(0, 0, 0, 0) url("assets/img/client/1.jpg") no-repeat scroll center center / cover ;
}
.single-testimonial {
	background-color: #f5f7f8;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 45px;
	transition: all 0.3s ease 0s;
}
.testimonial-wrap .single-testimonial img {
	display: inline-block;
	margin-top: -40px;
	position: relative;
	width: inherit;
	border-radius: 50%;
	border: 2px solid #1da1f2;;
}
.testimonial-wrap.style-2 .single-testimonial > img, .testimonial-wrap.style-2 .single-testimonial .client-bio {
    margin-left: 40px;
}
.client-bio > h6 {
	font-weight: 600;
	margin: 13px 0 0;
	text-transform: uppercase;
}
.client-bio > p {
	margin-bottom: 20px;
	text-transform: uppercase;
}
.client-details {
    padding: 0 40px;
}
.client-details > p {
    margin-bottom: 35px;
}
.client-details i {
	color: #bbbbbb;
	display: block;
	font-size: 30px;
	padding-bottom: 30px;
	transition: all 0.3s ease 0s;
}
.single-testimonial.style-2 .client-details i {
    text-align: right;
}
.single-testimonial:hover {
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}
.single-testimonial:hover .client-details i {
    color: #1da1f2;
}
.testimonial-wrap .col-md-4 {
    padding-top: 40px;
}
/*Promo Area*/
.promo-area h5 {
	font-weight: 600;
	line-height: 42px;
	margin: 0;
	padding-left: 95px;
	text-transform: uppercase;
}
.promo-area.bg-theme h5 {
    color: #ffffff;
}
/*========================================
    13. PRELOADER STYLE
==========================================*/
.preloader-wrap {
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #1da1f2;
	background: -webkit-linear-gradient(to left, #00c6ff, #0072ff);
	background: linear-gradient(to left, #00c6ff, #0072ff);
	position: absolute;
}
.cube-folding {
	width: 50px;
	height: 50px;
	display: inline-block;
		-moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	font-size: 0;
}
.cube-folding span {
	position: relative;
	width: 25px;
	height: 25px;
	   -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	 -webkit-transform: scale(1.1);
	transform: scale(1.1);
	display: inline-block;
}
.cube-folding span::before {
	content: '';
	background-color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 25px;
	height: 25px;
	   -moz-transform-origin: 100% 100%;
	   -ms-transform-origin: 100% 100%;
	 -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	   -moz-animation: folding 2.5s infinite linear both;
	 -webkit-animation: folding 2.5s infinite linear both;
	animation: folding 2.5s infinite linear both;
}
.cube-folding .leaf2 {
	    -moz-transform: rotateZ(90deg) scale(1.1);
	  -ms-transform: rotateZ(90deg) scale(1.1);
	 -webkit-transform: rotateZ(90deg) scale(1.1);
	transform: rotateZ(90deg) scale(1.1);
}
.cube-folding .leaf2::before {
	   -moz-animation-delay: 0.3s;
	  -webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	background-color: #f2f2f2;
}
.cube-folding .leaf3 {
	   -moz-transform: rotateZ(270deg) scale(1.1);
	  -ms-transform: rotateZ(270deg) scale(1.1);
	 -webkit-transform: rotateZ(270deg) scale(1.1);
	transform: rotateZ(270deg) scale(1.1);
}
.cube-folding .leaf3::before {
		-moz-animation-delay: 0.9s;
	  -webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	background-color: #f2f2f2;
}
.cube-folding .leaf4 {
	   -moz-transform: rotateZ(180deg) scale(1.1);
	  -ms-transform: rotateZ(180deg) scale(1.1);
	 -webkit-transform: rotateZ(180deg) scale(1.1);
	transform: rotateZ(180deg) scale(1.1);
}
.cube-folding .leaf4::before {
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	background-color: #e6e6e6;
}

@-moz-keyframes folding {
	0%, 10% {
		-moz-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%, 75% {
		-moz-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%, 100% {
		-moz-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
@-webkit-keyframes folding {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
@keyframes folding {
	0%, 10% {
		-moz-transform: perspective(140px) rotateX(-180deg);
		-ms-transform: perspective(140px) rotateX(-180deg);
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%, 75% {
		-moz-transform: perspective(140px) rotateX(0deg);
		-ms-transform: perspective(140px) rotateX(0deg);
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%, 100% {
		-moz-transform: perspective(140px) rotateY(180deg);
		-ms-transform: perspective(140px) rotateY(180deg);
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
.cube-wrapper {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	text-align: center;
}
.cube-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
	width: 90px;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-filter: blur(2px);
	filter: blur(2px);
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	z-index: 1;
	-moz-animation: shadow 0.5s ease infinite alternate;
	-webkit-animation: shadow 0.5s ease infinite alternate;
	animation: shadow 0.5s ease infinite alternate;
}
.cube-wrapper .loading {
	font-size: 14px;
	letter-spacing: 1px;
	display: block;
	color: #ffffff;
	position: relative;
	top: 25px;
	z-index: 2;
	-moz-animation: text 0.5s ease infinite alternate;
	-webkit-animation: text 0.5s ease infinite alternate;
	animation: text 0.5s ease infinite alternate;
}

@-moz-keyframes text {
	100% {
		top: 35px;
	}
}
@-webkit-keyframes text {
	100% {
		top: 35px;
	}
}
@keyframes text {
	100% {
		top: 35px;
	}
}
@-moz-keyframes shadow {
	100% {
		bottom: -18px;
		width: 100px;
	}
}
@-webkit-keyframes shadow {
	100% {
		bottom: -18px;
		width: 100px;
	}
}
@keyframes shadow {
	100% {
		bottom: -18px;
		width: 100px;
	}
}
/*=======================================
 14. SCROLL TOUP STYLE ==================*/
#scrollUp {
	background: #1da1f2 none repeat scroll 0 0;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	bottom: 75px;
	color: #fff;
	font-size: 32px;
	height: 38px;
	line-height: 36px;
	right: 8px;
	text-align: center;
	width: 38px;
}
#scrollUp:hover {
    opacity: 0.8;
}
/*===END STYLES===*/