/*  

Basic Information:
--------------------
Project Name	: Alonati Capital - Web development project
Date			: 24/08/2018
Author			: Smart Starr Glocal Synergy
Developed By    : Alonge Itse


	Table Of Index
-------------------------
1. All Reset Css
	1.1 Typography
	1.2 Install Fonts 
	1.3 All Transition Time
	1.4 Custom Padding Classes
	1.5 Color classes
	1.6 All Section title
	1.7 All Alignment Classes
	1.8 All buton classes

2. All style Css
	2.1 banner
	2.2 main navigation
	2.3 breadcrumb container
	2.4 About Us
	2.5 services
	2.6 facts
	2.7 portfolio
	2.8 pagination
	2.9 testimonial
	2.10 partners
	2.11 pricing table
	2.12 blog
	2.13 sidebar
	2.14 error content
	2.15 google Map
	2.16 contact area
	2.17 footer
	2.18 Extras
3. All responsive Css

 */

 /* ----------------------------------------
 	===>>>>  All imported Css
 ---------------------------------------- */

@import url('css/ionicons.min.css');
@import url('css/animate.min.css');
@import url('js/venobox/venobox.css');
@import url('css/camera.css');
@import url('css/jquery-ui.min.css');
@import url('css/owl.theme.default.min.css');
@import url('css/owl.carousel.min.css');
@import url('css/meanmenu.min.css');
@import url('css/uikit.min.css');
@import url('css/bootstrap.min.css');


 /*********************************************************************
	1.				==Start All Reset Css==
*********************************************************************/
body{
	margin: 20px;
	overflow-x: hidden;
}

a,a:focus,a:hover{
	text-decoration: none;
	outline: none;
}


/* ---------------------------
1.1		==Typography==
--------------------------- */
h1{
	font-family: 'ubuntu-bold';
	font-size: 40px;
}
h2{
	font-family: 'ubuntu-bold';
	font-size: 36px;
}
h3{
	font-family: 'ubuntu-bold';
	font-size: 26px;
}
}
h4{
	font-family: 'ubuntu-bold';
	font-size: 18px;
}
h6{
	font-family: 'ubuntu-bold';
	font-size: 16px;
}
p{
	font-family: 'ubuntu-regular';
	font-size: 14px;
}
p strong{
	font-family: 'ubuntu-bold';
	font-size: 15px;
}
h1,h2,h3,h4,h5,h6,p,a{
	margin: 0px;
	padding: 0px;
}
ul,ol{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
figure{
	margin: 0px !important;
	padding: 0px !important;
}
input:focus{
	outline: none !important;
}
/* --------------------------------------------
1.2 		Install Fonts 
-----------------------------------------------*/


@font-face {
  font-family: 'ubuntu-regular';
  src: url('fonts/Ubuntud41d.html?#iefix') format('embedded-opentype'),
    url('fonts/Ubuntu.woff') format('woff'),
    url('fonts/Ubuntu.html')  format('truetype'), 
    url('fonts/Ubuntu-2.html#Ubuntu') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu-bold';
  src: url('fonts/Ubuntu-Boldd41d.html?#iefix') format('embedded-opentype'),
    url('fonts/Ubuntu-Bold.woff') format('woff'),
    url('fonts/Ubuntu-Bold.html')  format('truetype'),
    url('fonts/Ubuntu-Bold-2.html#Ubuntu-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu-medium';
  src: url('fonts/Ubuntu-Mediumd41d.html?#iefix') format('embedded-opentype'),
    url('fonts/Ubuntu-Medium.html') format('woff'),
    url('fonts/Ubuntu-Medium-2.html')  format('truetype'),
    url('fonts/Ubuntu-Medium-3.html#Ubuntu-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*--------------------------------------------
1.3 		==All Transition Time==
-------------------------------------------*/
.about-us-inner-container::before,.about-us .about-us-inner-container::after,.about-us .about-us-image-container img,.about-us .about-us-image-container::before,#portfolio-sorting li::before,#portfolio-sorting li a,.single-portfolio-item figure:hover::before,.single-portfolio-item figure img,.single-portfolio-item::before,.single-portfolio-item::after,.single-portfolio-item figure::before,.blog-title h4 a,.tesimonial-slider .owl-item .single-testimonial-item,.pagination-outer-area ul li a,.single-testimonial-item.stc,.single-testimonial-item.stc .single-testimonial-body p,.single-testimonial-item.stc .testimonial-item-footer h4,.single-testimonial-item.stc .testimonial-item-footer p,.single-testimonial-item.stc .single-testimonial-icon i,.widget-body .sidebar-categories ul li a,.widget-body .sidebar-categories ul li a span i,.widget-body .tags a,.recent-post-body h6 a,.single-pricing-table .pricing-table-header,.single-pricing-table .price-tag-value,.single-pricing-table .pricing-table-bottom .alonati-element-btn,.alonati-element-btn,.alonati-element-btn::before,.ft-btm-menu ul li a,.navigation-type1 ul>li>ul>li:before,.navigation-type1 ul li > ul,#portfolio-carousel .carousel-indicators img,.social-icon ul li {
	-webkit-transition: all .30s linear;
	-moz-transition: all .30s linear;
	-o-transition: all .30s linear;
	transition: all .30s linear;
}

/*-------------------------------------------
1.4			==Custom Padding Classes==
-----------------------------------------*/
.common-padding-top{
	padding-top: 70px;
}

/*----------------------------------------------
1.5			==Color classes==
---------------------------------------------*/
.white-bg{
	background: #fff;
}
.alonati-element-bg-type1{
	background: #fff;
}
.alonati-element-bg-type1-2{
	background: #f9f9f9;
}
.alonati-element-bg-type1-3{
	background: #722581;
}
.light-black{
	background: #2b2b2b;
}
/*-----------------------------------------
1.6			==All Section title==
------------------------------------------*/
.section-padding{
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-padding-top{
	padding-top: 100px;
}
.section-padding-bottom{
	padding-bottom: 100px;
}

.section-title{
	padding-top: 100px;
	text-align: center;
}
.section-title h2 {
	color: #222;
	font-family: "ubuntu-bold";
	font-size: 36px;
	line-height: 29px;
}
.section-title h2 span{
	color: #722581;
	display: inline-block;
}
.section-title p {
	color: #999;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 26px;
	padding-left: 320px;
	padding-right: 320px;
	padding-top: 27px;
}
/*--------------------------------------------------
 	Home versioin2 section title classes
------------------------------------------------- */
.version2 .section-title h2 span {
	color: #722581;
}
/* -----------------------------------------------
		Home version3 section title 
----------------------------------------------- */
.version3 .section-title h2 span {
	color: #D6B161;
}
/*--------------------------------------------------
1.7				Alignment Classes
---------------------------------------------*/
.align-middle {
    display: inline-block;
    float: none;
    margin-right: -3px;
    vertical-align: middle;
}
/* ---------------------------------------------
1.8			==All buton classes==
---------------------------------------------*/
.alonati-element-btn{
	border: 1px solid #722581;
	background: #722581;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-family: 'ubuntu-regular';
	height: 55px;
	line-height: 55px;
	padding-left: 38px;
	padding-right: 38px;
	position: relative;
	z-index: 11;
}

.alonati-element-btn::before{
	background: #fff;
	content: "";
	height: 100%;
	left: 0%;
	position: absolute;
	top: 0px;
	width: 0%;
	z-index: -1;
}
.alonati-element-btn:hover{
	color: #722581;
}
.alonati-element-btn:hover::before{
	left: 0px;
	height: 100%;
	width: 100%;
}
/*--------------------------- 
		==Home verison2==
--------------------------- */
.version2 .alonati-element-btn {
	border-color: #722581;
	background: #722581 none repeat scroll 0 0;
}
.version2 .alonati-element-btn:hover{
	color:  #722581;
}
/* -------------------------------
		==version 3==
------------------------------- */
.version3 .alonati-element-btn {
	border-color: #222;
	background: #222 none repeat scroll 0 0;
}
.version3 .alonati-element-btn::before{
	background: #D6B161;
}
.version3 .alonati-element-btn:hover{
	box-shadow: 0px 2px 5px rgba(0,0,0,.10);
	color:  #fff;
}
/*********************************************************************
					==End All Reset Css==
*********************************************************************/


/*********************************************************************
	2.				==Start All style Css==
*********************************************************************/
/* =============================================
	2.1		==Start banner==
============================================= */
.banner{
	background: url(img/banner-image/banner-img1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	height: calc(100vh  - 130px);
}
.banner-inner-area{
	display: table;
	height: calc(100vh  - 130px);
	width: 100%;
}
.banner-inner-content {
	display: table-cell;
	height: calc(100vh  - 130px);
	vertical-align: middle;
}
.banner-inner-content-box {
	float: right;
	width: 55%;
}
.banner-inner-content{
	
}
.banner-inline-option{
	background: #722581;
	display: inline-block;
	margin-bottom: 16px;
	padding-left: 20px;
	padding-right: 20px;
}
.banner-inline-option ul{

}
.banner-inline-option ul li{
	display: inline-block;
	padding-right: 35px;
	position: relative;
}
.banner-inline-option ul li::before {
	background: #d74b48 none repeat scroll 0 0;
	content: "";
	height: 20px;
	position: absolute;
	right: 18px;
	top: 5px;
	width: 1px;
}
.banner-inline-option ul li:last-child{
	padding-right: 0px;
} 
.banner-inline-option ul li:last-child::before{
	display: none;
}
.banner-inline-option ul li h6 {
	color: #fff;
	font-family: "ubuntu-bold";
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
}
.banner-inner-content h1 {
	line-height: 55px;
	padding-right: 0px;
	position: relative;
	text-transform: uppercase;
}
.banner-inner-content .alonati-element-btn{
	margin-top: 45px;
}
/* ---------------------------
	==Home version2==
--------------------------- */
.version2 .banner-inline-option{
	background: #722581 none repeat scroll 0 0;
}
.version2 .banner-inline-option ul li::before {
	background: #f5af1a;
}
/* ---------------------------
	==version3==
--------------------------- */
.version3 .banner-inline-option{
	background: #222 none repeat scroll 0 0;
}
.version3 .banner-inline-option ul li::before {
	background: #555;
}
/* =============================================
			==End banner==
============================================= */

/* =============================================
	2.2 	==Start main navigation==
============================================= */
.navigation-type1{
	
}
.navigation-type1 ul{}
.navigation-type1 ul>li{
	display: inline-block;
	margin-right: 42px;
}
.navigation-type1 ul li:last-child{
	margin-right: 0px;
}
.navigation-type1 ul li{
	position: relative;
}

.navigation-type1 ul li > ul.drop-down {
	background: #fff none repeat scroll 0 0;
	left: -15px;
	position: absolute;
	top: 100px;
	-webkit-transform: scaleY(0);
	-webkit-transform-origin: top;
	transform: scaleY(0);
	transform-origin: top;
	width: 178px;
	z-index: 99;
}
.home .main-navigation.navigation-type1.backward ul li > ul.drop-down {
	background: #722581 none repeat scroll 0 0;
	left: -15px;
	bottom: 100px;
	position: absolute;
	top: initial;
	-webkit-transform: scaleY(0);
	-webkit-transform-origin: bottom;
	transform: scaleY(0);
	transform-origin: bottom;
	width: 178px;
	z-index: 99;
}
.home .main-navigation.navigation-type1.backward ul li:hover > ul.drop-down{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.navigation-type1 ul li:hover > ul.drop-down{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.navigation-type1.backward ul li > ul.drop-down li{
	background: #722581;
}
.navigation-type1.backward ul li:hover > ul.drop-down{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.navigation-type1 ul>li>ul>li{
	border-top: 0px;
	border-left: 1px solid #f5af1a;
	border-right: 1px solid #f5af1a;
	border-bottom: 1px solid #f5af1a;
	float: none;
	margin-right: 0px;
	position: relative;
	width: 100%;
	z-index: 11;
}
.navigation-type1 ul>li>ul.drop-down>li:before{
	background: #f5af1a;
	content: "";
	height: 100%;
	left: 0%;
	position: absolute;
	top: 0px;
	width: 0%;
	z-index: -1
}
.navigation-type1 ul>li>ul.drop-down>li:hover::before{
	width: 100%;
}
.navigation-type1 ul>li>ul.drop-down>li>a{
	display: block;
	line-height: 50px;
	padding-left: 15px;
}
.brand-logo {
	display: inline-block;
	padding-top: 10px;
}
.navigation-type1 ul li a {
	color: #722581;
	display: block;
	font-family: "ubuntu-regular";
	line-height: 100px;
}
.navigation-type1 ul li a i{
	color: #722581;
	font-size: 16px;
}
.navigation-type1 ul li a:focus{
	outline: none;
}
.navigation-type1 ul li > i {
	color: #722581;
	font-size: 10px;
	position: absolute;
	right: -9px;
	top: 46%;
}
.search-icon input[type="text"] {
	background-color: #722581;
	background-image: url("img/logo/search-icon.png");
	background-position: 19px 37px;
	background-repeat: no-repeat;
	border: medium none;
	border-radius: 1px;
	box-sizing: border-box;
	cursor: pointer;
	color: #722581;
	font-family: "ubuntu-regular";
	font-size: 16px;
	height: 78px;
	padding: 9px 7px 1px 27px;
	position: absolute;
	right: 0;
	top: -45px;
	-webkit-transition: width 0.4s ease-in-out 0s;
	transition: width 0.4s ease-in-out 0s;
	width: 0;
}
.search-icon input[type=text]:focus {
	-webkit-color: #fff;
	outline: none;
	background-image: none;
    width: 700px;
}
.search-icon button{
	display: none;
}
.mobile-menu-area{
	display: none;
}
.mobile-menu-area .mean-bar{
	position: relative;
}
.mobile-menu-area .mean-bar > a{
	display: inline-block;
	left: 0px;
	top: 0px;
	position: absolute;
	top: 6px;
}
/*-------------------------------- 
		==Home version2==
-------------------------------- */
.version2 .alonati-element-bg-type1 {
	background: #fff none repeat scroll 0 0;
}
.version2 .alonati-element-bg-type1-2 {
	background: #722581 none repeat scroll 0 0;
}
.version2 .search-icon input[type="text"] {
	background-color: #fff;
}
.version2 .navigation-type1 ul > li > ul > li::before {
	background: #fff none repeat scroll 0 0;
}
.version2 .navigation-type1 ul li > ul {
	background: #fff none repeat scroll 0 0;
}
.version2 .navigation-type1 ul > li > ul > li {
	border-bottom: 1px solid #f5af1a;
}
.version2 .navigation-type1 ul > li > ul > li::before {
	background: #f5af1a none repeat scroll 0 0;
}
/*-------------------------------- 
		==version3==
-------------------------------- */
.version3 .alonati-element-bg-type1 {
	background: #222 none repeat scroll 0 0;
}
.version3 .search-icon input[type="text"] {
	background-color: #222;
}
.version3 .navigation-type1 ul > li > ul > li::before {
	background: #D6B161 none repeat scroll 0 0;
}
.version3 .navigation-type1 ul li > ul {
	background: #222 none repeat scroll 0 0;
}
.version3 .navigation-type1 ul > li > ul > li {
	border-bottom: 1px solid #555;
}
.version3 .navigation-type1 ul > li > ul > li::before {
	background: #D6B161 none repeat scroll 0 0;
}
.home3 .main-navigation.navigation-type1.backward ul li > ul.drop-down {
	background: #222 none repeat scroll 0 0;
	left: -15px;
	bottom: 100px;
	position: absolute;
	top: initial;
	-webkit-transform: scaleY(0);
	-webkit-transform-origin: bottom;
	transform: scaleY(0);
	transform-origin: bottom;
	width: 178px;
	z-index: 99;
}
.home3 .main-navigation.navigation-type1.backward ul li:hover > ul.drop-down{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.home3 .navigation-type1.backward ul li > ul.drop-down li {
	background: #222 none repeat scroll 0 0;
}
/* =============================================
		==End main navigation==
============================================= */

/* ============================================
	2.3		==Start breadcrumb container==
============================================ */
.breadcrumb-container{
	background: url(img/banner-image/bread-crumb-img1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
}
.breadcrumb-container-inner-area{
	display: table;
	text-align: center;
	height: 300px;
	width: 100%;
}
.breadcrumb-container-outer-area{
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.breadcrumb-container .breadcrumb {
	background-color: #722581;
	border: medium none;
	border-radius: 0;
	list-style: outside none none;
	margin-bottom: 0;
	padding: 5px 27px;
}
.breadcrumb-container .breadcrumb > li + li::before {
	color: #fff;
	content: "- ";
	margin-left: -9px;
	padding: 0 10px;
}
.breadcrumb-content ol.breadcrumb li{
	color: #222;
}
.breadcrumb-content ol.breadcrumb a{
	color: #fff;
	font-family: "ubuntu-regular";
	font-size: 14px;
	padding-right: 8px;
}

.breadcrumb-content ol.breadcrumb{
	display: inline-block;
	margin: 0px auto;
}
.breadcrumb-content{}
.breadcrumb-content h2{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 40px;
	padding-bottom: 21px;
	text-transform: uppercase;
}

/*==========augmented=============*/
.breadcrumb-container-about{
	background: url(img/banner-image/about-banner-img.html) no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	color: #ffffff
}
.breadcrumb-container-about-inner-area{
	display: table;
	text-align: center;
	height: 300px;
	width: 100%;
}
.breadcrumb-container-about-outer-area{
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.breadcrumb-container-about .breadcrumb {
	background-color: #722581;
	border: medium none;
	border-radius: 0;
	list-style: outside none none;
	margin-bottom: 0;
	padding: 5px 27px;
}
.breadcrumb-container-about .breadcrumb > li + li::before {
	color: #fff;
	content: "- ";
	margin-left: -9px;
	padding: 0 10px;
}
.breadcrumb-content ol.breadcrumb li{
	color: #222;
}
.breadcrumb-content ol.breadcrumb a{
	color: #fff;
	font-family: "ubuntu-regular";
	font-size: 14px;
	padding-right: 8px;
}

.breadcrumb-content ol.breadcrumb{
	display: inline-block;
	margin: 0px auto;
}
.breadcrumb-content{}
.breadcrumb-content h2{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 40px;
	padding-bottom: 21px;
	text-transform: uppercase;
}


/*+++++++++++++++++++++++++++++*/

.breadcrumb-container-services{
	background: url(img/banner-image/services-banner-img.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	color: #ffffff
}
.breadcrumb-container-services-inner-area{
	display: table;
	text-align: center;
	height: 300px;
	width: 100%;
}
.breadcrumb-container-services-outer-area{
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.breadcrumb-container-services .breadcrumb {
	background-color: #722581;
	border: medium none;
	border-radius: 0;
	list-style: outside none none;
	margin-bottom: 0;
	padding: 5px 27px;
}
.breadcrumb-container-services .breadcrumb > li + li::before {
	color: #fff;
	content: "- ";
	margin-left: -9px;
	padding: 0 10px;
}
.breadcrumb-content ol.breadcrumb li{
	color: #222;
}
.breadcrumb-content ol.breadcrumb a{
	color: #fff;
	font-family: "ubuntu-regular";
	font-size: 14px;
	padding-right: 8px;
}

.breadcrumb-content ol.breadcrumb{
	display: inline-block;
	margin: 0px auto;
}
.breadcrumb-content{}
.breadcrumb-content h2{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 40px;
	padding-bottom: 21px;
	text-transform: uppercase;
}

/*+++++++++++++++++++++++++++++*/


/*+++++++++++ Contact Us ++++++++++++++++++*/
.breadcrumb-container-contact{
	background: url(img/banner-image/contact-banner-img.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	color: #ffffff
}
.breadcrumb-container-contact-inner-area{
	display: table;
	text-align: center;
	height: 300px;
	width: 100%;
}
.breadcrumb-container-contact-outer-area{
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.breadcrumb-container-contact .breadcrumb {
	background-color: #722581;
	border: medium none;
	border-radius: 0;
	list-style: outside none none;
	margin-bottom: 0;
	padding: 5px 27px;
}
.breadcrumb-container-contact .breadcrumb > li + li::before {
	color: #fff;
	content: "- ";
	margin-left: -9px;
	padding: 0 10px;
}
.breadcrumb-content ol.breadcrumb li{
	color: #222;
}
.breadcrumb-content ol.breadcrumb a{
	color: #fff;
	font-family: "ubuntu-regular";
	font-size: 14px;
	padding-right: 8px;
}

.breadcrumb-content ol.breadcrumb{
	display: inline-block;
	margin: 0px auto;
}
.breadcrumb-content{}
.breadcrumb-content h2{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 40px;
	padding-bottom: 21px;
	text-transform: uppercase;
}


/*+++++++++ End of Contact Us +++++++++++*/


/*+++++++++++ Investor Education ++++++++++++++++++*/
.breadcrumb-container-investor{
	background: url(img/banner-image/investor-education-banner-img.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	color: #ffffff
}
.breadcrumb-container-investor-inner-area{
	display: table;
	text-align: center;
	height: 300px;
	width: 100%;
}
.breadcrumb-container-investor-outer-area{
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.breadcrumb-container-investor .breadcrumb {
	background-color: #722581;
	border: medium none;
	border-radius: 0;
	list-style: outside none none;
	margin-bottom: 0;
	padding: 5px 27px;
}
.breadcrumb-container-investor .breadcrumb > li + li::before {
	color: #fff;
	content: "- ";
	margin-left: -9px;
	padding: 0 10px;
}
.breadcrumb-content ol.breadcrumb li{
	color: #222;
}
.breadcrumb-content ol.breadcrumb a{
	color: #fff;
	font-family: "ubuntu-regular";
	font-size: 14px;
	padding-right: 8px;
}

.breadcrumb-content ol.breadcrumb{
	display: inline-block;
	margin: 0px auto;
}
.breadcrumb-content{}
.breadcrumb-content h2{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 40px;
	padding-bottom: 21px;
	text-transform: uppercase;
}


/*+++++++++ End of Investor Education +++++++++++*/



/*==========augmented=============*/
/* ============================================
		==End breadcrumb container==
============================================ */

/* =============================================
	2.4			==Start About Us==
============================================= */
.about-us{}
.about-us>.container{
	border-bottom: 1px solid #f1f1f1;
	position: relative;
}
.about-us-page-page .about-us>.container{
	border-bottom: 0px;
	position: relative;
}
.about-us .about-us-inner-container{
	position: relative;
}
.about-us .about-us-inner-container:hover::before{
	height: 200px;
}
.about-us .about-us-inner-container:hover::after{
	width: 200px;
}
.about-us .about-us-inner-container::before{
	background: #722581;
	bottom: 0px;
	content: "";
	height: 155px;
	position: absolute;
	right: 0px;
	width: 1px;
}
.about-us .about-us-inner-container::after{
	background: #722581;
	bottom: 15px;
	content: "";
	height: 1px;
	position: absolute;
	right: -15px;
	width: 148px;
}
.about-us1 .about-us-inner-container::before{
	background: #ffffff;
	bottom: 0px;
	content: "";
	height: 155px;
	position: absolute;
	right: 0px;
	width: 1px;
}
.about-us1 .about-us-inner-container::after{
	background: #ffffff;
	bottom: 15px;
	content: "";
	height: 1px;
	position: absolute;
	right: -15px;
	width: 148px;
}
.about-us .about-us-image-container {
	margin-left: 20px;
	position: relative;
}
.about-us .about-us-image-container img{
	display: inline-block;
	position: relative;
	z-index: 9;
}
.about-us .about-us-image-container:hover img{
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}
.about-us .about-us-image-container::before{
	border: 10px solid #722581;
	content: "";
	left: calc(0% - 20px);
	position: absolute;
	height: 100%;
	top: calc(0% - 20px);
	width: calc(100% - 10px);
	z-index: 0;
}
.about-us .about-us-image-container:hover::before{
	left: calc(0% - 0px);
	top: calc(0% - 0px);
}

.about-us-content-title{}
.about-us-content-title h6{
	color: #777;
	font-family: 'ubuntu-bold';
	font-size: 16px;
}
.about-us-content-title h3 {
	color: #222;
	font-family: "ubuntu-bold";
	font-size: 26px;
	line-height: 47px;
	text-transform: uppercase;
}
.about-us-content-body {
	padding-top: 19px;
}
.about-us-content-body p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 29px;
	padding-right: 64px;
}
/* ======about us type2========= */
.about-us-page>.about-us > .container {
  border-bottom: none;
  position: relative;
}
.single-about-us-box{
	box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
	padding-left: 30px;
}
.about-us-type2-title{
	padding-top: 38px;
}
.about-us-type2-title h4{
	color: #222;
	display: inline-block;
	font-family: 'ubuntu-bold';
	font-size: 18px;
	position: relative;
	padding-bottom: 13px;
	text-transform: uppercase;
}
.about-us-type2-title h4::before{
	bottom: 0px;
	background: #722581;
	content: "";
	height: 2px;
	left: 0px;
	position: absolute;
	width: 100%;
}
.aboput-us-type2-body{
	padding-bottom: 20px;
}
.aboput-us-type2-body ul {
	padding-top: 18px;
}
.aboput-us-type2-body ul li{
	padding-bottom: 11px;
}
.aboput-us-type2-body ul li p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 29px;
}
/* -----------------------------
		==Home versin2
----------------------------- */
.version2 .about-us .about-us-image-container::before {
	border: 10px solid #722581;
}
.version2 .about-us .about-us-inner-container::before,.version2 .about-us .about-us-inner-container::after {
	background: #722581 none repeat scroll 0 0;
}
/* -----------------------------
		==versin3
----------------------------- */
.version3 .about-us .about-us-image-container::before {
	border: 10px solid #222;
}
.version3 .about-us .about-us-inner-container::before,.version3 .about-us .about-us-inner-container::after {
	background: #222 none repeat scroll 0 0;
}
/* =============================================
			==End About Us==
============================================= */

/* =============================================
	2.5 		==Start services==
============================================= */
.services{
	padding-top: 35px;
}
.services .container{
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 35px;
}
.single-service-container{
	padding-top: 28px;
	padding-bottom: 28px;
}
.service-icon {
	float: left;
	margin-right: 26px;
}
.service-icon i {
	color: #722581;
	font-size: 50px;
	line-height: 47px;
}
.service-content-container{}
.service-content-container{
	display: table;
	overflow: hidden;
}
.service-content-title h4{
	color: #722581;
	font-family: 'ubuntu-bold';
	font-size: 18px;
}
.service-content-title {
	padding-bottom: 15px;
}
.service-content-body{}
.service-content-body p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 29px;
}
.inner-content-container{}
.inner-content-container img{
	margin-bottom: -51px;
}
.project-service{
	background: #f9f9f9;
	padding-top: 90px;
	padding-bottom: 90px;
}
.project-service-image-container{
	position: relative;
}
.project-service-image-container::before {
	background: #722581 none repeat scroll 0 0;
	border: 5px solid #fff;
	border-bottom: 0px;
	content: "";
	height: 35px;
	left: 43px;
	position: absolute;
	top: -35px;
	width: calc(100% - 86px);
	z-index: 11;
}
.project-service-image-container::after{
	border: 5px solid #fff;
	border-top:  0px;
	background: #722581;
	content: "";
	height: 36px;
	left: 43px;
	position: absolute;
	bottom: -36px;
	width: calc(100%  - 86px);
	z-index: 11;
}
.project-service-image-container figure{
	position: relative;
	display: inline-block;
}
.project-service-image-container figure::before{
	border: 5px solid #fff;
	content: "";
	height: 100%;	
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}
.project-service-title {
	padding-top: 7px;
}
.project-service-title h3 {
	color: #222;
	font-family: "ubuntu-bold";
	font-size: 26px;
	line-height: 22px;
	padding-bottom: 28px;
	text-transform: uppercase;
}
.project-service-title p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 30px;
}
.project-service-content .alonati-element-btn {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #722581;
	color: #722581;
	font-size: 18px;
	overflow: hidden;
	margin-top: 47px;
}
.project-service-content .alonati-element-btn::before{
	background: #722581;
}
.project-service-content .alonati-element-btn:hover {
	color: #fff;
}
.service-presentation {
	padding-bottom: 92px;
	padding-top: 94px;
	position: relative;
}
.align-middle img {
	margin-right: 65px;
	margin-top: -140px;
}
.service-presentation p{
	color: #fff;
	font-family: 'ubuntu-bold';
	font-size: 16px;
}
.service-presentation h2 {
	color: #fff;
	font-family: "ubuntu-bold";
	font-size: 36px;
	line-height: 45px;
	text-transform: uppercase;
}
/* ----About us page------ */
.service-page .services .container{
	border-top: 1px solid #f1f1f1;
	margin-top: 64px;
	padding-top: 68px;
}
.about-us-page .project-service{
	margin-bottom: 100px;
}
.call-to-action-btn {
	padding-top: 100px;
}
.call-to-action-btn .alonati-element-btn{
	background: #fff;
	font-family: 'ubuntu-regular';
	font-size: 18px;
	color: #722581;
}
.call-to-action-btn .alonati-element-btn::before{
	background: #722581;
}
.call-to-action-btn .alonati-element-btn:hover{
	border: 1px solid #fff;
	color: #fff;
}
/* ---------------------------------
		==Start Home version2==
--------------------------------- */
.version2 .service-content-title h4,.version2 .service-icon i {
	color: #722581;
}
.version2 .project-service-image-container::before,.version2 .project-service-image-container::after,.version2  .call-to-action-btn .alonati-element-btn::before {
	background: #722581 none repeat scroll 0 0;
}
.version2  .call-to-action-btn .alonati-element-btn:hover{
	color: #fff;
}
.version2 .project-service-content .alonati-element-btn::before {
	background: #722581  none repeat scroll 0 0;
}
.version2 .project-service-content .alonati-element-btn {
	border: 1px solid #722581;
	color: #722581;
}
.version2 .project-service-content .alonati-element-btn:hover{
	color: #fff;
}

.version2 .call-to-action-btn .alonati-element-btn {
	color: #722581;
}
/* ---------------------------------
		==version3==
--------------------------------- */
.version3 .service-content-title h4,.version3  .service-icon i {
	color: #222;
}
.version3 .project-service-image-container::before,.version3 .project-service-image-container::after,.version3  .call-to-action-btn .alonati-element-btn::before {
	background: #222 none repeat scroll 0 0;
}
.version3 .project-service-content .alonati-element-btn::before {
	background: #D6B161  none repeat scroll 0 0;
}
.version3 .project-service-content .alonati-element-btn:hover{
	border-color: #D6B161;
}
.version3 .call-to-action-btn .alonati-element-btn:hover {
	color: #fff;
}
.version3 .call-to-action-btn .alonati-element-btn::before {
	background: #D6B161;
}
.version3 .project-service-content .alonati-element-btn {
	border: 1px solid #222;
	color: #222;
}
.version3 .project-service-content .alonati-element-btn:hover{
	color: #fff;
}

.version3 .call-to-action-btn .alonati-element-btn {
	color: #222;
}
/* =============================================
			==End services==
============================================= */

/* =============================================
	2.6 		==Start facts==
============================================= */
.facts-main-container{}
.facts-main-container ul{
	margin-left: 128px;
}
.facts-main-container ul li{
	float: left;
	position: relative;
	text-align: center;
	width: 20%;
}
.facts-main-container ul li:last-child{
	margin-right: 0px;
}
.facts-main-container ul li::before {
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	content: "";
	height: 67px;
	position: absolute;
	left: -24px;
	width: 3px;
}
/* .facts-main-container ul li:last-child::before{
	display: none;
}  */
.single-facts-container{
	text-align: left;
}

.facts-main-container ul li:nth-child(2) span::after {
	color: #fff;
	content: "+";
	font-size: 40px;
	position: absolute;
	right: -23px;
	top: 5px;
}
.facts-main-container ul li:nth-child(4) span::after {
	color: #fff;
	content: "%";
	font-size: 40px;
	position: absolute;
	right: -39px;
	top: 7px;
}
.single-facts-container span {
	color: #fff;
	font-family: "ubuntu-bold";
	font-size: 40px;
	line-height: 30px;
	position: relative;
}
.single-facts-container h4{
	color: #fff;
	font-family: 'ubuntu-bold';
	font-size: 18px;
	padding-top: 15px;
}

/* =============================================
			==End facts==
============================================= */

/* =============================================
	2.7 		==Start portfolio==
============================================= */
.portfolio{}
.portfolio-filter{
	text-align: center;
}
.portfolio-page .portfolio-filter{
	padding-top: 37px;
}
#portfolio-sorting {
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	margin-bottom: 54px;
	padding-top: 47px;
}
#portfolio-sorting li{
	display: inline-block;
	margin-right: 47px;
	position: relative;
}
#portfolio-sorting li::before{
	background: #722581;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0px;
	position: absolute;
	width: 0%;
}

#portfolio-sorting li.uk-active::before{
	width: 100%;
}
#portfolio-sorting li.uk-active a{
	color: #722581;
}
#portfolio-sorting li:hover::before{
	width: 100%;
}
#portfolio-sorting li:last-child{
	margin-right: 0px;
}
#portfolio-sorting li a {
	color: #777;
	display: block;
	font-family: "ubuntu-bold";
	font-size: 15px;
	line-height: 41px;
	text-transform: uppercase;
}
#portfolio-sorting li a:focus{
	outline: none;
	box-shadow: 0px;
}
.single-portfolio-item{
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}
.single-portfolio-item figure{
	display: inline-block;
	position: relative;
}
.single-portfolio-item figure::before {
	background: rgba(239, 83, 80, 0.95) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}
/* .single-portfolio-item:hover figure::before{
	height: calc(100% - 18px);
	left: 9px;
	opacity: 1;
	top: 9px;
	width: calc(100% - 18px);
} */
.single-portfolio-item:hover figure::before {
	height: calc(100% - 13px);
	left: 7px;
	opacity: 1;
	top: 7px;
	width: calc(100% - 13px);
}

.single-portfolio-item figure img{
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 1;
}
.single-portfolio-item:hover figure img{
	-webkit-transform: scale(.95);
	transform: scale(.95);
}
.single-portfolio-item::before{
	bottom: 0px;
	border-right: 1px solid #722581;
	border-bottom: 1px solid #722581;
	content: "";
	height: 100%;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 100%;
}
.single-portfolio-item::after{
	border-left: 1px solid #722581;
	border-top: 1px solid #722581;
	content: "";
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	width: 100%;
}
.single-portfolio-item:hover::before,.single-portfolio-item:hover::after{
	visibility: visible;
}
.portfolio-hover-container {
	height: calc(100% - 18px);
	left: 9px;
	opacity: 0;
	position: absolute;
	top: 9px;
	width: calc(100% - 18px);
	-webkit-transition: all .40s linear;
	transition: all .40s linear;
	z-index: 11;
}
.single-portfolio-item:hover .portfolio-hover-container{
	opacity: 1;
}
.portfolio-hover-container-inner-area{
	display: table;
	height: 100%;
	width: 100%;
}
.portfolio-hover-content{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
.single-portfolio-item:hover .portfolio-hover-container{
	visibility: visible;
	-webkit-transition: all .40s linear;
	transition: all .40s linear;
}

.portfolio-hover-inner-content{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .40s linear;
	transition: all .40s linear;
}
.single-portfolio-item:hover .portfolio-hover-inner-content{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.portfolio-hover-inner-content h4{
	color: #fff;
	font-family: 'ubuntu-bold';
	font-size: 22px;
	text-transform: uppercase;
}
.portfolio-hover-inner-content a {
	color: #fff;
	font-family: "ubuntu-regular";
	line-height: 42px;
	text-decoration: underline;
}
.view-all-item-area{
	padding-top: 55px;
	text-align: center;
}
.view-all-item-area .alonati-element-btn{
	font-size: 18px;
	padding-left: 39px;
	padding-right: 39px;
}
#portfolio-carousel .carousel-indicators {
	bottom: 0px;
	left: 0%;
	list-style: outside none none;
	margin-top: 40px;
	margin-left: 0px;
	padding-left: 0;
	position: relative;
	text-align: left;
	z-index: 15;
	width: 100%;
}
#portfolio-carousel .carousel-indicators .active {
	background-color: #fff;
	height: initial;
	margin: 0;
	margin-right: 7px;
	width: initial;
}
#portfolio-carousel .carousel-indicators .active img{
	opacity: 1;
}
#portfolio-carousel .carousel-indicators img{
	opacity: .4;
}
#portfolio-carousel .carousel-indicators li {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	height: initial;
	text-indent: initial;
	margin: 0px;
	margin-right: 7px;
	width: initial;
}
.portfolio-page-main-content{
	background: #2b2b2b;
	padding-left: 30px;
	padding-right: 30px;
}
.portfolio-page-content-title{
	padding-top: 27px;
}
.portfolio-page-content-title h4{
	color: #fff;
	font-family: 'ubuntu-medium';
	font-size: 18px;
	padding-bottom: 15px;
	position: relative;
}
.portfolio-page-content-title h4::before{
	bottom: 0px;
	background: #555;
	content: "";
	height: 1px;
	left: 0px;
	position: absolute;
	width: 100%;
}
.portfolio-page-main-content p{
	color: #fff;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	line-height: 31px;
	padding-top: 12px;
}
.case-study-project-info{}
.case-study-project-info ul{}
.case-study-project-info ul li{
	color: #fff;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	float: none;
}
.case-study-project-info ul li span{
	display: inline-block;
	width: 120px;
}
.case-study-social-icon .social-icon{
	padding-top: 20px;
	padding-bottom: 20px;
}
.case-study-project-info {
	padding-bottom: 35px;
}
.case-study-project-info ul{}
.case-study-project-info ul li{
	margin-bottom: 8px;
}
.portfolio-slider{}
.portfolio-slider ul{
	padding-top: 30px;
}
.portfolio-slider ul li{
	color: #777;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 30px;
}
/* -----------------------------
		==Home version2==
----------------------------- */
.version2 #portfolio-sorting li.uk-active a {
	color: #722581;
}
.version2 #portfolio-sorting li::before {
	background: #722581 none repeat scroll 0 0;
}
.version2 .single-portfolio-item figure::before {
	background: rgba(69, 137, 240, 0.95) none repeat scroll 0 0;
}
.version2 .single-portfolio-item::before {
	border-bottom: 1px solid #722581;
	border-right: 1px solid #722581;
}
.version2 .single-portfolio-item::after {
	border-top: 1px solid #722581;
	border-left: 1px solid #722581;
}
/* -----------------------------
		==version3==
----------------------------- */
.version3 #portfolio-sorting li.uk-active a {
	color: #D6B161;
}
.version3 #portfolio-sorting li::before {
	background: #D6B161 none repeat scroll 0 0;
}
.version3 .single-portfolio-item figure::before {
	background: rgba(34, 34, 34, 0.95) none repeat scroll 0 0;
}
.version3 .single-portfolio-item::before {
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
}
.version3 .single-portfolio-item::after {
	border-top: 1px solid #222;
	border-left: 1px solid #222;
}

/* =============================================
			==ENd portfolio==
============================================= */

/* ===========================================
	2.8 		==Start pagination==
=========================================== */
.pagination-outer-area{
	text-align: center;
	width: 100%;
}
.pagination-outer-area ul{
	display: inline-block;
	margin: 0px auto;
	padding-top: 55px;
}
.pagination-outer-area ul li{
	background: #2b2b2b;
	float: left;
	height: 40px;
	margin-right: 1px;
	text-align: center;
	width: 40px;
}
.pagination-outer-area ul li:hover a{
	background: #722581;
}
.pagination-outer-area ul li a{
	color: #fff;
	display: block;
	font-family: 'ubuntu-regular';
	font-size: 16px;
	line-height: 40px;
}
.pagination-outer-area ul li a i{
	color: #fff;
}
.blog-content-container .pagination-outer-area{
	padding-top: 14px;
	padding-bottom: 86px;
}
.sidebar-page-container .pagination-container{
	padding-bottom: 95px;
}
.single-blog-page .pagination-container{
	padding-top: 15px;
}
/* ===========================================
			==End pagination==
=========================================== */

/* ============================================
	2.9 		==Start testimonial==
============================================ */
.single-testimonial-item{
	box-shadow: 0px 2px 10px rgba(0,0,0,.05);
	margin-top: 88px;
}
.single-testimonial-icon{}
.single-testimonial-icon {
	transition: all .30s linear;
	text-align: center;
	width: 100%;
}
.prev-item .single-testimonial-icon{
	width: 54px;
}
.next-item .single-testimonial-icon{
	float: right;
	width: 54px;
}
.single-testimonial-icon i{
	background: #722581 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	height: 54px;
	line-height: 54px;
	margin: 0 auto;
	text-align: center;
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	width: 54px;
}
.single-testimonial-body{
	clear: both;
}
.single-testimonial-body p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 30px;
}
.testimonial-item-footer {
	padding-top: 19px;
}
.testimonial-item-footer h4{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 18px;
}
.testimonial-item-footer p {
	color: #999;
	font-family: "ubuntu-regular";
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 8px;
}
.tesimonial-slider .owl-item{
	text-align: center;
}

.tesimonial-slider .owl-item.center-item .single-testimonial-item {
	box-shadow: 0px 2px 10px rgba(0,0,0,.05);
	background: #fff none repeat scroll 0 0;
	margin-left: -90px;
	margin-right: -90px;
	margin-bottom: 5px;
	opacity: 1;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	text-align: center;
	z-index: 111;
}
.tesimonial-slider .owl-item.prev-item .single-testimonial-item {
	opacity: .1;
	text-align: left;
}
.tesimonial-slider .owl-item.next-item .single-testimonial-item {
	opacity: .1;
	text-align: right;
}
.tesimonial-slider .owl-item.next-item {
	z-index: -1;
}
.testimonial-content{
	padding-top: 69px;
}
.single-testimonial-item.stc {
	margin-bottom: 0;
	margin-top: 58px;
	padding-bottom: 42px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.single-testimonial-item.stc.active{
	background: #722581;
}
.single-testimonial-item.stc .single-testimonial-icon i{
	box-shadow: 0px 2px 10px rgba(0,0,0,.05);
	background: #fff;
	color: #722581;
}
.single-testimonial-item.stc.active .single-testimonial-icon i,.single-testimonial-item.stc:hover .single-testimonial-icon i{
	background: #722581;
	color: #fff;
}
.single-testimonial-item.stc.active .single-testimonial-body p {
	color: #fff;
}
.single-testimonial-item.stc.active .testimonial-item-footer h4 {
	color: #fff;
}
.single-testimonial-item.stc.active .testimonial-item-footer p {
	color: #fff;
}
.single-testimonial-item.stc:hover{
	background: #722581;
}
.single-testimonial-item.stc:hover .single-testimonial-body p {
	color: #fff;
}
.single-testimonial-item.stc:hover .testimonial-item-footer h4 {
	color: #fff;
}

.single-testimonial-item.stc:hover .testimonial-item-footer p {
	color: #fff;
}
/* -------------------------------
		==Home version2==
------------------------------- */
.version2 .single-testimonial-icon i {
	background: #722581 none repeat scroll 0 0;
}
/* -------------------------------
		==version3==
------------------------------- */
.version3 .single-testimonial-icon i {
	background: #222 none repeat scroll 0 0;
}
/* ============================================
			==Start testimonial==
============================================ */

/* =============================================
	2.10    	==Start partners==
============================================= */
.partners-carousel{}
.partners-carousel .item{
	text-align: center;
}
.partners-carousel .item img{
	display: inline-block;
	width: auto;
}
.partners-carousel{}
.partners-carousel .owl-item.active:first-child{
	opacity: .2 !important;
}
/* =============================================
		==End partners==
============================================= */

/* ============================================
	2.11 	==Start pricing table==
============================================ */
.single-pricing-table{
	border: 1px solid #f1f1f1;
	text-align: center;
}
.pricing-table-header{
	background: #2b2b2b;
	text-align: center;
}
.pricing-table-header h4 {
	color: #fff;
	font-family: "ubuntu-bold";
	font-size: 18px;
	line-height: 47px;
	text-transform: uppercase;
}
.pricing-table-price-tag {
	border-bottom: 1px dotted #f1f1f1;
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}
.price-tag-value{
	background: #2b2b2b;
	border-radius: 50%;
	height: 120px;
	margin: 0px auto;
	width: 120px;
}
.price-tag-value h1{
	color: #fff;
	display: inline-block;
	font-family: 'ubuntu-bold';
	font-size: 40px;
	line-height: 120px;
	position: relative;
}
.price-tag-value h1::before {
	color: #fff;
	content: "$";
	font-family: "ubuntu-bold";
	font-size: 14px;
	left: -8px;
	position: absolute;
	top: -9px;
}
.pricing-table-body{}
.pricing-table-body ul{}
.pricing-table-body ul li {
	border-bottom: 1px dashed #f1f1f1;
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 16px;
	line-height: 52px;
}
.pricing-table-bottom{
	padding-top: 30px;
	padding-bottom: 30px;
}
.pricing-table-bottom .alonati-element-btn{
	border-color: #222;
	background: #2b2b2b;
	color: #fff;
	font-family: 'ubuntu-medium';
	font-size: 18px;
	padding-left: 36px;
	padding-right: 36px;
}
.pricing-table-bottom .alonati-element-btn:hover{
	border-color: #722581;
	color: #fff;
}
.pricing-table-bottom .alonati-element-btn::before{
	background: #722581;
}

.single-pricing-table.active .pricing-table-header,.single-pricing-table:hover .pricing-table-header{
	background: #722581;
} 
.single-pricing-table.active .price-tag-value,.single-pricing-table:hover .price-tag-value{
	background: #722581;
}
.single-pricing-table.active .pricing-table-bottom .alonati-element-btn,.single-pricing-table:hover .pricing-table-bottom .alonati-element-btn{
	background: #722581;
	border-color: #722581;
}
/* ============================================
		==End pricing table==
============================================ */


/* =============================================
	2.12   	==Start blog==
============================================= */
.single-blog{
	border: 1px solid #f1f1f1;
}
.single-blog .single-blog-image{}
.single-blog-image figure img{
	width: 100%;
}
.single-blog-title{}
.blog-title h4{

}
.blog-title h4 a {
	color: #222;
	display: inline-block;
	font-family: "ubuntu-bold";
	font-size: 18px;
	padding-bottom: 7px;
	padding-top: 25px;
}
.blog-title h4 a:hover{
	color: #722581;
}
.blog-title p{
	color: #999;
	font-family: 'ubuntu-regular';
	font-size: 12px;
}
.single-blog-content {
	padding-bottom: 23px;
	padding-left: 30px;
	padding-right: 23px;
}
.blog-body {
	padding-top: 14px;
}
.blog-body p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 30px;
}
.blog .section-content{
	padding-top: 25px;
}
.blog .single-blog{
	margin-top: 35px;
}
.blog-content-container {
	padding-top: 70px;
}
.blog-content-container .single-blog{
	margin-top: 30px;
}
/* -----single blog---------- */
.blog-single-container{
	position: relative;
}
.blog-title-container{
	bottom: 0px;
	background: rgba(43,43,43,.90);
	position: absolute;
	width: 100%;
}
.blog-title-container{}
.blog-title-date{
	background: #722581;
	color: #fff;
	float: left;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	height: 60px;
	text-align: center;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: 60px;
}
.blog-title-date span {
	color: #fff;
	display: block;
	font-family: "ubuntu-bold";
	font-size: 24px;
	line-height: 24px;
	padding-top: 7px;
}
.blog-title-info{
	display: table;
	overflow: hidden;
}
.blog-title-info{}
.blog-title-info h4 {
	color: #fff;
	font-family: "ubuntu-medium";
	font-size: 18px;
	padding-top: 25px;
}
.blog-title-info{}
.blog-title-info ul {
	padding-top: 9px;
}
.blog-title-info ul li{
	display: inline-block;
	margin-right: 15px;
}
.blog-title-info ul li a{
	color: #ccc;
	font-family: 'ubuntu-regular';
	font-size: 13px;
}
.blog-title-info ul li a span{
	display: inline-block;
	padding-right: 3px;
}
.blog-title-info ul li a span i{
	color: #ccc;
	font-size: 14px;
}
.blog-content-body {
	padding-bottom: 42px;
	padding-top: 58px;
}
.blog-content-body ul{}
.blog-content-body ul li{}
.blog-content-body ul li p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 28px;
}
.blog-content-body-bottom {
	padding-top: 38px;
}
.blog-content-body-bottom p{
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 28px;
}
.blog-tags {
	border-bottom: 1px solid #eeeeee;
	clear: both;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 56px;
}
.blog-tags-left{
	float: left;
}
.blog-tags-left ul{}
.blog-tags-left ul li{
	color: #222;
	display: inline-block;
	font-family: 'ubuntu-bold';
	font-size: 14px;
}
.blog-tags-right{
	float: right;
}
.blog-tags-right ul{}
.blog-tags-right ul li{
	display: inline-block;
	color: #222;
	display: inline-block;
	font-family: 'ubuntu-bold';
	font-size: 14px;
}
.blog-tags-left{}
.blog-tags-left ul{}
.blog-tags-left ul li{}
.blog-tags-left ul li:first-child{
	margin-right: 5px;
}
.blog-tags-left ul li a{
	color: #777;
	font-family: 'ubuntu-regular';
	font-size: 14px;
}
.blog-tags-right{}
.blog-tags-right ul{}
.blog-tags-right ul li{
	margin-right: 5px;
}
.blog-tags-right ul li:first-child{
	margin-right: 8px;
}
.blog-tags-right ul li:last-child{
	margin-right: 0px;
}
.blog-tags-right ul li a{}
.blog-tags-right ul li a i{
	color: #777;
	font-size: 14px;
}
.alonati-element-comment-body{}
.alonati-element-comment-body .form-group{
	margin: 0px;
	padding: 0px;
}
.alonati-element-comment-body .form-group input{
	border: 1px solid #eeeeee;
	height: 48px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 19px;
	width: 100%;
}
.alonati-element-comment-body .form-group input:focus{
	border-color: #722581;
	outline: none;
}
.alonati-element-comment-body .form-group textarea{
	border: 1px solid #eeeeee;
	color: #777;
	font-family: 'ubuntu-medium';
	font-size: 14px;
	height: 180px;
	margin-top: 15px;
	padding-left: 19px;
	padding-top: 20px;
	width: 100%;
}
.alonati-element-comment-body{
	text-align: left;
}
.alonati-element-comment-body .form-group textarea:focus{
	border-color: #722581;
	outline: none;
}
.alonati-element-comment-body .alonati-element-btn{
	border: 1px solid #722581 !important;
	border: none;
	border-radius: 0px;
	font-family: 'ubuntu-medium';
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 30px;
}
.alonati-element-comment-area{
	padding-top: 65px;
}
.alonati-element-comment-title {
	padding-bottom: 29px;
}
.alonati-element-comment-title h4{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 18px;
	text-transform: uppercase;
}
.alonati-element-comment-title p{
	color: #777;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	padding-top: 14px;
}
/* -------------------------
	==version2==
------------------------- */
.version2 .blog-title h4 a:hover {
	color: #722581;
}
/* -------------------------
	==version3==
------------------------- */
.version3 .blog-title h4 a:hover {
	color: #D6B161;
}
/* =============================================
		==End blog==
============================================= */

/* ============================================
	2.13 		==start sidebar==
============================================ */
.sidebar{}
.sidebar{}
.sidebar-search{

}
.sidebar{
	margin-top: -15px;
}
.sidebar-search .sidebar-search-btn{
	background: #722581;
	border: none;
	height: 50px;
	width: 50px;
}
.sidebar-search input{
	border: 1px solid #f1f1f1;
	color: #777;
	float: left;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	height: 50px;
	padding-left: 20px;
	width: calc(100%  - 50px);
}
.sidebar-search .sidebar-search-btn i{
	color: #fff;
	font-size: 18px;
}
.post-image{
	float: left;
	margin-right: 16px;
}
.widget-title{
	padding-bottom: 17px;
}
.sidebar-search {
	margin-bottom: 46px;
	margin-top: 16px;
}
.widget-title h4{
	color: #222;
	font-family: 'ubuntu-bold';
	font-size: 18px;
	text-transform: uppercase;
}
.recent-post-body{
	display: table;
	overflow: hidden;
}
.recent-post-body{}
.recent-post-body ul{}
.recent-post-body h6 a{
	color: #777777;
	font-family: 'ubuntu-medium';
	font-size: 14px;
}
.recent-post-body h6 a:hover{
	color: #722581;
}
.recent-post-body ul {
	padding-top: 10px;
}
.single-recent-post {
	clear: both;
	padding-bottom: 30px;
}
.recent-post-body ul li{
	display: inline-block;
}
.recent-post{
	padding-bottom: 18px;
}
.recent-post-body ul li a{
	color: #777;
	display: inline-block;
	font-family: 'ubuntu-regular';
	font-size: 13px;
}
.recent-post-body ul li:first-child{
	margin-right: 45px;
}
.recent-post-body ul li a span{
	color: #777;
	font-size: 14px;
}
.single-recent-post {
	clear: both;
}
.sidebar-categories{
	padding-bottom: 33px;
}
.sidebar-categories ul {
	margin-top: -10px;
}
.sidebar-categories ul li{
	margin-right: 9px;
}
.widget-body .sidebar-categories ul li a{
	color: #777;
	display: block;
	font-family: 'ubuntu-regular';
	font-size: 14px;
}
.widget-body .sidebar-categories ul li:hover a{
	color: #722581;
}
.widget-body .sidebar-categories ul li:hover a span i{
	color: #722581;
}
.sidebar-categories ul li a span{
	display: inline-block;
	padding-right: 15px;
}
.sidebar-categories ul li a span i{
	color: #777;
	font-size: 12px;
}
.widget-body .tags{}
.widget-body .tags a {
	border: 1px solid #222222;
	color: #777;
	display: inline-block;
	font-family: "ubuntu-regular";
	font-size: 14px;
	height: 35px;
	line-height: 34px;
	margin-bottom: 10px;
	margin-right: 3px;
	padding-left: 11px;
	padding-right: 11px;
	text-align: center;
}
.widget-body .tags a:hover{
	border-color: #722581;
	background: #722581;
	color: #fff;
}
.sidebar-page-container{
	padding-top: 83px;
}
.sidebar-page-container .single-blog{
	margin-top: 15px;
	margin-bottom: 15px;
}
/* ============================================
			==End sidebar==
============================================ */

/* =============================================
	2.14		==Start error content==
============================================= */
.main-error-content{
	padding-top: 30px;
	text-align: center;
}
.error-content-top h1 {
	color: #722581;
	font-family: "ubuntu-bold";
	font-size: 96px;
	font-style: italic;
	line-height: 198px;
}
.error-content-top h2{
	color: #222;
	font-family: 'ubuntu-regular';
	font-size: 36px;
}
.error-content-top p {
	color: #777;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 30px;
	padding-top: 16px;
	padding-bottom: 40px;
}
.error-content-search-filed{
	margin: 0px auto;
	width: 555px;
}
.error-content-search-filed input {
	border: 1px solid #f1f1f1;
	color: #777;
	float: left;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	height: 50px;
	padding-left: 29px;
	width: calc(100% - 54px);
}
.error-content-search-filed input:focus{
	-webkit-outline: none;
	outline: none;
}
.error-content-search-filed .error-search-btn {
	background: #722581 none repeat scroll 0 0;
	border: medium none;
	height: 50px;
	margin-left: -5px;
	text-align: center;
	width: 50px;
}
.error-content-search-filed .error-search-btn:focus{
	outline: none;
}
.error-content-search-filed .error-search-btn i{
	color: #fff;
	font-size: 18px;
	line-height: 50px;
}
.error-content-bottom{}
.error-content-bottom .alonati-element-btn{
	color: #fff;
	font-family: 'ubuntu-medium';
	font-size: 18px;
	margin-top: 50px;
}
.error-content-bottom .alonati-element-btn:hover{
	color: #722581;
}
/* =============================================
			==End error content==
============================================= */

/* ===========================================
	2.15		==Start google Map==
=========================================== */
.contact-map-area{
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.contact-map-area{
	position: relative;
}
#contactgoogleMap {
	height: calc(100% + 300px);
	position: absolute;
	top: -300px;
	width: 100%;
}
.map-info-inner-container{
	background: #2b2b2b;
	position: relative;
	z-index: 99;
}
/* ===========================================
			==End google Map==
=========================================== */

/* ==========================================
	2.16		==Start contact area==
========================================== */
.contact-field-area{
	padding-left: 40px;
}
.map-info-inner-container{
	box-shadow: 0px 4px 1px rgba(0,0,0,.35);
	margin-bottom: 100px;
	margin-top: 403px;
	padding-bottom: 50px;
}
.contact-filed-area-right {
	padding-top: 113px;
}
.contact-info-title {
	padding-top: 46px;
	padding-bottom: 48px;
}
.contact-info-title h4{
	color: #fff;
	font-family: 'ubuntu-bold';
	font-size: 18px;
	text-transform: uppercase;
}
.contact-map-area .form-group{
	margin: 0px;
	padding: 0px;
}
.contact-map-area input{
	background: transparent;
	border-top: none;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #777777;
	color: #777;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 15px;
	text-transform: uppercase;
	width: 100%;
}
.contact-map-area input:focus,.contact-map-area textarea:focus{
	border-color: #722581;
	-webkit-outline: none;
	outline: none;
}
.contact-map-area textarea{
	background: transparent;
	border-top: none;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #777777;
	color: #777;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	height: 140px;
	line-height: 30px;
	margin-top: 14px;
	width: 100%;
}
.contact-field-area .alonati-element-btn{
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 30px;
}
.contact-office-info{}
.contact-office-info ul{}
.contact-office-info ul li{
	float: none;
}
.contact-office-info ul li > .info-icon{
	float: left;
	width: 42px;
}
.contact-office-info ul li > .info-icon i{
	color: #f5af1a;
	font-size: 16px;
}
.contact-office-info ul {
	padding-top: 9px;
}
.contact-office-info ul li {
	float: none;
	padding-bottom: 14px;
}
.info-text a{
	color: #ccc;
	display: block;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	line-height: 28px;
}
.contact-office-info ul li > .info-text{
	display: table;
	overflow: hidden;
}
.contact-office-info ul li > .info-text p {
	color: #ccc;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 28px;
}
/* ==========================================
			==Start contact area==
========================================== */

/* =============================================
	2.17		==Start footer==
============================================= */
.widget-body{}
.single-widget h4 img{
	padding-bottom: 19px;
}

.widget-body ul{}
.widget-body ul li{

}
.ft-contact-info{
	padding-top: 37px;
}
.ft-contact-info li:first-child {
	padding-bottom: 13px;
}
.widget-body ul li p {
	color: #ccc;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 30px;
	padding-right: 3px;
}
.widget-body ul li .ft-more a{
	color: #722581;
	display: inline-block;
	font-family: 'ubuntu-regular';
	font-size: 14px;
	line-height: 14px;
	letter-spacing: .3px;
	padding-top: 8px;
	text-decoration: underline;
}
.widget-body ul li a{
	color: #ccc;
	display: inline-block;
	font-family: "ubuntu-regular";
	font-size: 14px;
	line-height: 30px;
}
.social-icon {
	padding-top: 25px;
}
.social-icon ul{}
.social-icon ul li{
	border-radius: 50%;
	border: 1px solid #722581;
	display: inline-block;
	height: 32px;
	margin-right: 7px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 32px;
}
.social-icon ul li:hover{
	background: #722581;
}
.social-icon ul li::before{
	background: #722581;
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 0px;
	transition: all .30s linear;
	width: 100%;
	z-index: 1;
}
.social-icon ul li:hover::before{
	opacity: 1;
}
.social-icon ul li a{
	display: block;
}
.social-icon ul li:hover  a i{
	color: #fff;
}
.social-icon ul li a i{
	color: #722581;
	display: block;
	font-size: 16px;
	line-height: 32px;
	position: relative;
	z-index: 11;
}
.single-widget h4{
	color: #fff;
	font-family: 'ubuntu-bold';
	font-size: 18px;
	text-transform: uppercase;
}
.single-widget h4 svg:not(:root) {
	height: 65px;
	margin-bottom: 18px;
	margin-top: -27px;
	overflow: hidden;
	width: 153px;
}
.single-widget h4 svg path{
	fill: #722581;
}
.news-letter{
	padding-top: 45px;
}
.news-letter li input{
	border: 1px solid #f1f1f1;
	border-radius: 2px;
	background: transparent;
	color: #999;
	font-family: 'ubuntu-regular';
	font-size: 12px;
	padding-left: 22px;
	height: 55px;
	width: 100%;
}
.news-letter li {
	position: relative;
}
/* .news-letter li button{
	border: none;
	background: transparent;
	position: absolute;
	right: 13px;
	top: 30%;
}
.news-letter li button i{
	color: #fff;
	font-size: 16px;
} */
.news-letter li input:focus{
	-webkit-outline: none;
	outline: none;
}
.news-letter li a.alonati-element-btn{
	color: #fff;
	font-family: 'ubuntu-regular';
	font-size: 18px;
	line-height: 55px;
	margin-top: 30px;
}
.news-letter li a.alonati-element-btn:hover{
	color: #722581;
}
.copy-right{}
.copy-right p{
	color: #ccc;
	font-family: 'ubuntu-regular';
	font-size: 14px;
}
.copy-right p a{
	color: #ccc;
	font-family: 'ubuntu-regular';
	font-size: 14px;
}
.ft-btm-menu{
	text-align: right;
}
.ft-btm-menu ul li{
	display: inline-block;
	margin-right: 41px;
	position: relative;
}
.ft-btm-menu ul li:last-child{
	margin-right: 0px;
}
.ft-btm-menu ul li::before {
	background: #adadad none repeat scroll 0 0;
	content: "";
	height: 13px;
	position: absolute;
	right: -20px;
	top: 4px;
	width: 1px;
}
.ft-btm-menu ul li:last-child::before{
	display: none;
} 
.ft-btm-menu ul li a{
	color: #ccc;
	font-family: 'ubuntu-regular';
	font-size: 14px;
}
.ft-btm-menu ul li a:hover{
	color: #722581;
}
.footer-bottom-container {
	border-top: 1px solid #333333;
	padding-bottom: 45px;
	padding-top: 45px;
}
/* ---------------------------
		==Home vertion2==
--------------------------- */
.version2 .single-widget h4 svg:not(:root) {
	height: 65px;
	margin-bottom: 18px;
	overflow: hidden;
	width: 153px;
}
.version2 .widget-body ul li .ft-more a {
	color: #722581;
}
.version2 .social-icon ul li a i {
	color: #722581;
}
.version2 .social-icon ul li {
	border: 1px solid #722581;
}
.version2 .social-icon ul li::before {
	background: #722581 none repeat scroll 0 0;
}
.version2 .news-letter li a.alonati-element-btn:hover {
  color: #722581;
}
.version2 .ft-btm-menu ul li a:hover {
  color: #722581;
}
.version2 .single-widget h4 svg path{
	fill: #722581;
}
.version2 .social-icon ul li:hover a i {
	color: #fff;
}
.version2 .social-icon ul li:hover{
	background: #722581;
}
/* ---------------------------
		==Home vertion3==
--------------------------- */
.version3 .single-widget h4 svg:not(:root) {
	height: 65px;
	margin-bottom: 18px;
	overflow: hidden;
	width: 153px;
}
.version3 .single-widget h4 svg path{
	fill: #fff;
}
.version3 .widget-body ul li .ft-more a {
	color: #fff;
}
.version3 .widget-body ul li .ft-more a:hover{
	color: #D6B161;
}
.version3 .social-icon ul li a i {
	color: #fff;
}
.version3 .social-icon ul li {
	border: 1px solid #fff;
}
.version3 .social-icon ul li:hover{
	border-color: #D6B161;
}
.version3 .social-icon ul li::before {
	background: #D6B161 none repeat scroll 0 0;
}
.version3 .news-letter li a.alonati-element-btn{
	background: #fff;
	color: #222;
}
.version3 .news-letter li a.alonati-element-btn:hover {
  color: #fff;
}
.version3 .ft-btm-menu ul li a:hover {
  color: #D6B161;
}
.version3 .social-icon ul li:hover{
	background: #D6B161;
}
/* =============================================
			==End footer==
============================================= */

/* ============================================
	2.18 	== Start Extras==
============================================ */
.typed-cursor{
    opacity: 0 !important;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
/* @keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
} */

.loader-overlay {
	background-color: rgba(255,255,255,1);
	height: 100%;
	width: 100%;
	transition: opacity .5s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
}
.preloader {
	background: #722581 none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 9999999;
}
.preloader-inner-area {
	height: 100%;
	position: relative;
	text-align: center;
	width: 100%;
}

.loader-container {
	height: 75px;
	width: 60px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.block1, .block2, .block3, .block4 {
	height: 50px;
	width: 12px;
	background-color: #722581;
	display: inline-block;
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
}

@keyframes blockMove {
	to { transform: translateY(0); }
}

.block1 {
  animation: blockMove .5s ease infinite alternate;
}

.block2 {
  animation: blockMove .5s ease .08s infinite alternate;
}

.block3 {
  animation: blockMove .5s ease .16s infinite alternate;
}

.block4 {
  animation: blockMove .5s ease .24s infinite alternate;
}

/*========================================== 
		== End Extras==
========================================== */
			
/*********************************************************************
					==End All style Css==
*********************************************************************/


/*********************************************************************
	3.				==Start All responsive Css==
*********************************************************************/
/* ==============================================
==================Large Display==============*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.container{
		width: 910px;
	}
	.portfolio-page-main-content{
		margin-bottom: 60px;
	}
	.section-title h2 {
		line-height: 42px;
		}
	.facts-main-container ul {
		margin-left: 46px;
	}
	.map-info-inner-container {
		margin-bottom: 100px;
		margin-top: 203px;
	}
	.error-content-top h2 {
		font-size: 31px;
	}
	.banner-inner-content h1 {
		line-height: 48px;
		padding-right: 0px;
		font-size: 30px;
	}
	.about-us-content-body {
		padding-bottom: 45px;
	}
	.single-facts-container span {
		font-size: 36px;
		line-height: 33px;
	}
	.single-facts-container h4 {
		font-size: 14px;
	}
	.section-title p {
		padding-left: 150px;
		padding-right: 150px;
	}
	.facts-main-container ul li::before {
		height: 59px;
		left: 8px;
	}
	.single-facts-container span {
		font-size: 36px;
		line-height: 33px;
	}
	.single-facts-container h4 {
		font-size: 14px;
	}
	.single-facts-container {
		margin-left: 42px;
	}
	.project-service-title h3 {
		font-size: 20px;
		padding-bottom: 19px;
	}
	.project-service-content .alonati-element-btn {
		margin-top: 15px;
	}
	.service-presentation h2 {
		font-size: 30px;
		line-height: 45px;
	}
	.blog-title h4 a {
		font-size: 15px;
	}
	.service-content-body p {
		font-size: 13px;
	}
	.service-content-title h4 {
		font-size: 16px;
	}
}


/* ==============================================
==================Medium Display==============*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
        width: 728px;
    }
	.facts-main-container ul {
		margin-left: 43px;
	}
	.search-icon input[type="text"]{
		padding: 9px 15px 0px 27px;
	}
	.contact-filed-area-right
    body{
    	margin: 0px;
    }
    .contact-field-area{
    	padding-left: 0px;
    }
    .map-info-inner-container{
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .contact-filed-area-right{
    	padding-top: 0px;
    }
    .portfolio-page-main-content{
		margin-bottom: 60px;
		margin-top: 60px;
	}
	.banner-inline-option ul li {
		padding-right: 27px;
	}
	.banner-inner-content h1 {
		font-size: 26px;
		line-height: 49px;
		padding-right: 0;
	}
	.search-icon input[type=text]:focus {
		background-image: none;
		width: 600px;
	}
	.about-us-content-title h6 {
		font-size: 15px;
	}
	.about-us-content-title h3 {
		font-size: 24px;
	}
	.recent-post-body ul li:first-child {
		margin-right: 11px;
	}
	.recent-post-body ul li a {
		font-size: 12px;
	}
	.about-us-content{
		padding-bottom: 60px;
	}
	.recent-post-body h6 a {
		font-size: 12px;
	}
	.facts-main-container ul li:nth-child(4) span::after,.facts-main-container ul li:nth-child(2) span::after {
		font-size: 28px;
		right: -31px;
		top: 4px;
	}
	.single-facts-container span {
		font-size: 28px;
		line-height: 30px;
	}
	.single-facts-container h4 {
		font-size: 11px;
		line-height: 24px;
	}
	.section-title p {
		padding-left: 90px;
		padding-right: 90px;
	}
	.section-title h2 {
		line-height: 44px;
	}
	.project-service-content .alonati-element-btn {
		margin-top: 26px;
	}
	.project-service-title h3 {
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 17px;
	}
	.blog-title h4 a {
		font-size: 14px;
		line-height: 20px;
	}
	.service-presentation h2 {
		font-size: 30px;
	}
	.facts-main-container ul li::before {
		left: 11px;
	}
	.single-facts-container {
		margin-left: 25px;
	}
}

/* ==============================================
==================Tab Screen==============*/
@media only screen and (max-width: 767px) {
	.container {
        width: 300px;
    }
	.section-padding-top {
		padding-top: 60px;
	}
	.blog-body-images{
		padding-bottom: 30px;
	}
	.blog-tags-right{
		float: left;
		padding-top: 10px;
	}
    .ft-btm-menu{
    	text-align: center;
    }
    .navigation-type1 ul>li{
    	margin-right: 0px;
    }
    .ft-btm-menu ul{
    	text-align: center;`
    }
    .copy-right{
    	text-align: center;
    }
    .cmn-widget{
    	padding-top: 40px;
    }
	.ft-contact-info {
		padding-top: 20px;
	}
	.ft-contact-info li:first-child {
		padding-bottom: 2px;
	}
	.ft-btm-menu{
		padding-bottom: 20px;
	}
	.facts-main-container ul {
		margin-left: 0px;
	}
    .portfolio-page-main-content{
		margin-bottom: 60px;
		margin-top: 60px;
	}
	.about-us-content-title{
		padding-top: 30px;
	}
	.navigation-type1 ul > li > ul > li {
		border-bottom: 0px;
	}
	.mean-container .mean-bar {
		background: #722581 none repeat scroll 0 0;
		float: left;
	}
	.version2 .mean-container .mean-bar {
		background: #722581 none repeat scroll 0 0;
	}
	.version3 .mean-container .mean-bar {
		background: #222222 none repeat scroll 0 0;
	}
	.mean-container .mean-nav ul li a.mean-expand {
		font-weight: 700;
		height: 29px;
		margin-top: 1px;
		padding: 12px !important;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 26px;
		z-index: 2;
		border: 0px !important;
		background: transparent;
	}
	.mean-container .mean-nav ul li a {
		background: #722581 none repeat scroll 0 0;
	}
	.version2 .mean-container .mean-nav ul li a {
		background: #722581 none repeat scroll 0 0;
	}
	.version3 .mean-container .mean-nav ul li a {
		background: #222 none repeat scroll 0 0;
	}
	.version2 .mean-container .mean-nav ul li a:hover {
		background: #722581 none repeat scroll 0 0;
	}
	.version3 .mean-container .mean-nav ul li a:hover {
		background: #222 none repeat scroll 0 0;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
		background: transparent;
	}
	.mean-container .mean-nav ul li a:hover {
		background: #722581 none repeat scroll 0 0;
	}
	.container.mean-container {
		margin-left: -15px;
	}
	.mean-container .mean-nav ul li li a {
		border-top: 1px solid rgba(255, 255, 255, 0.25);
		opacity: 1;
		padding: 1em 10%;
		text-shadow: none !important;
		visibility: visible;
		width: 80%;
	}
    .main-navigation-right>nav{
    	display: none;
    }
	.mobile-menu-area{
		display: block;
	}
    .brand-logo{
    	display: none;
    }
	.navigation-type1 ul li a {
		color: #fff;
		display: block;
		font-family: "ubuntu-regular";
		line-height: 25px;
	}
    body{
    	margin: 0px;
    }
	.single-facts-container {
		text-align: center;
	}
    .single-pricing-table{
    	margin-bottom: 30px;
    }
	.contact-field-area {
		padding-left: 0px;
	}
	.map-info-inner-container{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contact-filed-area-right {
		padding-top: 15px;
	}
	.map-info-inner-container {
		box-shadow: 0 4px 1px rgba(0, 0, 0, 0.35);
		margin-bottom: 100px;
		margin-top: 103px;
		padding-bottom: 50px;
	}
	.facts-main-container ul li {
		margin-bottom: 20px;
		margin-top: 21px;
		width: 100%;
	}
	.facts-main-container ul li::before {
		display: none;
	}
	.single-facts-container span {
		font-size: 36px;
		line-height: 30px;
	}
	.single-facts-container h4 {
		font-size: 16px;
	}
	.section-padding-bottom {
		padding-bottom: 30px;
	}
	.alonati-element-btn {
		height: 52px;
		line-height: 52px;
		padding-left: 27px;
		padding-right: 27px;
		position: relative;
		z-index: 11;
	}
	.meanmenu-reveal{
		cursor: pointer !important;
	}
	.about-us-page .project-service{
    	margin-bottom: 50px;
    }
    .project-service{
    	padding-bottom: 50px;
    }
    .tesimonial-slider .owl-item.center-item .single-testimonial-item{
    	margin-left: 0px;
    	margin-right: 0px;
    }
    .blog-content-container{
    	padding-top: 30px;
    }
    .contact-filed-area-right{
    	padding-top: 0px;
    }
}


.values{
	padding-top: 0 20 0 20;
	line-height: 30px;
	color: #777;
	font-size: 20px
	font-weight: 900;
	margin-bottom: 60px;
}
.sub-values{
	font-size: 30px;
	font-weight: 1300;
}
/* ==============================================
=============Medium Mobile Screen==============*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
        width: 450px;
    }
	.banner-inner-content-box {
		float: right;
		width: 100%;
	}
	.about-us-content-body{
		padding-bottom: 30px;
	}
	.aboput-us-type2-body{
		margin-bottom: 30px;
	}
	.error-content-search-filed {
		margin: 0 auto;
		width: 420px;
	}
	.banner-inner-content h1 {
		font-size: 25px;
		line-height: 36px;
	}
	.section-title p {
		padding-left: 30px;
		padding-right: 30px;
	}
	.section-title h2 {
		font-size: 24px;
		line-height: 34px;
	}
	#portfolio-sorting li a {
		font-size: 11px;
	}
	#portfolio-sorting li {
		margin-right: 15px;
	}
	.project-service-title h3 {
		font-size: 22px;
		line-height: 32px;
	}
	.project-service-image-container {
		margin-bottom: 60px;
	}
	.call-to-action-btn {
		padding-bottom: 60px;
		padding-top: 0;
	}
	.ft-btm-menu {
		padding-top: 13px;
		text-align: left;
	}
	
	.facts-main-container ul li:nth-child(2) span::after,.facts-main-container ul li:nth-child(4) span::after {
		font-size: 22px;
		right: -21px;
		top: 5px;
	}
	.section-padding {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.project-service-image-container {
		display: inline-block;
		margin-bottom: 60px;
	}
	.project-service{
		text-align: center;
	}
	.service-presentation {
		padding-bottom: 55px;
	}
}
/* ==============================================
============Small Mobile Display==============*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
	.container {
        width: 300px;
    }
	#portfolio-carousel .carousel-indicators li {
		display: inline-block;
		margin: 0 3px 0 0;
		width: 30%;
	}
	.about-us-content-body p {
		padding-right: 20px;
	}
	.service-page .services .container{
		margin-top: 14px;
	}
	.testimonial-content{
		padding-top: 50px;
	}
	#portfolio-sorting li {
		display: list-item;
	}
	#portfolio-carousel .carousel-indicators .active {
		margin: 0 3px 0 0;
		width: 30%;
	}
	.banner-inner-content h1 {
		font-size: 24px;
		line-height: 33px;
	}
	
	.error-content-top h2 {
		font-size: 23px;
		line-height: 27px;
	}
	.breadcrumb-content h2 {
		font-size: 29px;
	}
	.error-content-search-filed {
		margin: 0 auto;
		width: 265px;
	}
	.error-content-top h1 {
		font-size: 83px;
		line-height: 167px;
	}
	.blog-title-info h4 {
		font-size: 14px;
	}
	.blog-title-date {
		font-size: 12px;
		height: 55px;
		width: 55px;
	}
	.blog-title-date span {
		font-size: 20px;
		line-height: 24px;
		padding-top: 7px;
	}
	.blog-body-images{
		margin-top: 15px;
	}
	.blog-tags-left ul li a {
		font-size: 13px;
	}
	.blog-tags-right {
		float: left;
		padding-top: 12px;
	}
	.blog-title h4 a {
		font-size: 15px;
	}
	.blog-body p {
		font-size: 13px;
	}
	.banner-inline-option ul li {
		padding-right: 8px;
	}
	.banner-inline-option ul li h6 {
		font-size: 9px;
		line-height: 30px;
	}
	.banner-inner-content-box {
		float: right;
		width: 100%;
	}
	.banner-inline-option ul li::before {
		right: 1px;
	}
	.about-us-content-title {
		padding-top: 50px;
	}
	.about-us-content-title h6 {
		font-size: 12px;
	}
	.about-us-content-title h3 {
		font-size: 18px;
		line-height: 47px;
	}
	.about-us-content-body {
		padding-bottom: 60px;
	}
	.service-content-title h4 {
		font-size: 16px;
	}
	.facts-main-container ul li {
		width: 100%;
	}
	.single-facts-container {
		margin-bottom: 40px;
		text-align: center;
	}
	.single-facts-container span {
		font-size: 33px;
		line-height: 30px;
	}
	.single-facts-container h4 {
		font-size: 15px;
	}
	.facts-main-container ul li::before {
		display: none;
	}
	.facts-main-container ul li {
		width: 100%;
	}
	.section-padding {
		padding-bottom: 50px;
	}
	.section-title p {
		padding-left: 0;
		padding-right: 0;
	}
	.section-title h2 {
		font-size: 24px;
		line-height: 32px;
	}
	#portfolio-sorting li {
		margin-right: 8px;
	}
	#portfolio-sorting li a {
		font-size: 7px;
		line-height: 41px;
	}
	.project-service-image-container {
		margin-bottom: 60px;
	}
	.project-service-title h3 {
		font-size: 19px;
		line-height: 32px;
	}
	.service-presentation {
		padding-bottom: 0;
	}
	.service-presentation h2 {
		font-size: 21px;
		line-height: 45px;
	}
	.call-to-action-btn {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.copy-right p,.copy-right p a { 
		font-size: 11px;
	}
	.ft-btm-menu {
		padding-top: 15px;
		text-align: left;
	}
	.ft-btm-menu ul li a {
		font-size: 11px;
	}
	.facts-main-container ul li:nth-child(4) span::after,.facts-main-container ul li:nth-child(2) span::after {
		font-size: 31px;
		right: -39px;
		top: 5px;
	}
	#portfolio-sorting li a {
		font-size: 14px;
	}
	.portfolio-hover-inner-content h4 {
		font-size: 17px;
	}
	.section-title{
		padding-top: 70px;
	}
}

/*.modal-backdrop {
	opacity: 1;
   background-image: url(img/test.jpg);
}*/
/*********************************************************************
					==End All responsive Css==
********************************************************************