/*-- 48Creative main stylesheet file --*/

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

Table of Contents:

 1) General
 2) page loader
 3) Home Section Top
 4) Home Sections
 5) Background images
 6) Features Section
 7) About Section
 8) Team Section
 9) Skills Section
10) Fun Facts Section 
11) Portfolio Section
12) Get Connected Section
13) Services Section
14) Price List Section
15) Clients Section
16) Testimonials Section
17) Contact Form Section
18) Google Map Section

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

body{
	font-family: 'Lato', sans-serif;
	color: #202020;
	background: #ffffff;
	}
.container{
	padding-left: 0px;
	padding-right: 0px;
	}
a:active,
a:hover,
a:focus {
	outline: 0!important;
	text-decoration: none;
	color: #202020;
	}
.clear{
	clear: both;
	}
	
/*-- page loader --*/
#pageloader{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(58, 68, 13, 1);
	z-index: 9999;
	}
.loader-item{
	position: absolute;
	width: auto;
	height: auto;
	margin: -25px 0px 0px -25px;
	top: 50%;
	left: 50%;
	text-align: center;
	}

/*========== Home Section Top ==========*/
#home{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.main-slider{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}
/* Background images are set here */
.full-image-1{
	background: url('../images/slider-image/slider-1.jpg');
	width: 100%;
    height: 100%;
	min-height: 800px;
	background-repeat: no-repeat;
    background-position: center;
	vertical-align: middle;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.full-image-2{
	background: url('../images/slider-image/slider-2.jpg');
	width: 100%;
    height: 100%;
/*	-min-height: 800px;*/
	background-repeat: no-repeat;
    background-position: center;
	vertical-align: middle;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.full-image-3{
	background: url('../images/slider-image/slider-3.jpg');
	width: 100%;
    height: 100%;
	/*min-height: 800px;*/
	background-repeat: no-repeat;
    background-position: center;
	vertical-align: middle;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.full-image-4{
	background: url('../images/slider-image/slider-4.jpg');
	width: 100%;
    height: 100%;
	/*min-height: 800px;*/
	background-repeat: no-repeat;
    background-position: center;
	vertical-align: middle;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}	

.main-home-slider-caption{
	text-align: left;
	}
.main-home-slider-caption h1{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 72px;
	line-height: 90px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.slider-caption{
	position: absolute;
	left: 2%;
	bottom: 40%;
	display: block;
	}
.slider-caption h1{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 72px;
	line-height: 90px;
	color: #202020;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.home-go-bottom{
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block;
	}
.home-go-bottom a{
	color: #202020;
	display: block;
	width: 25px;
	height: 60px;
	font-size: 36px;
	}

/*-- home with header --*/
#with-header #full-myCarousel .carousel-caption{
	bottom: 100px;
	}
#with-header #full-myCarousel .carousel-indicators{

	}
/*-- Parallax Home --*/
.parallax-main{
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 800px;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background: transparent;
	position: relative;
	}
.parallax-inner{
	position: relative;
	z-index: 3;
	text-align: center;
	top: 35%;
	margin-top: 20%;
	}
.parallax-slider-caption{
	position: relative;
	text-transform: uppercase;
	color: #202020;
	z-index: 3;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}
.parallax-slider-caption h1{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 68px;
	line-height: 76px;
	color: #202020;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 5px;
	}
.parallax-slider-caption p{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 24px;
	line-height: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 5px;
	}
.parallax-home-button{
	position: relative;
	z-index: 1;
	text-align: center;
	transform: translateY(0px);
	margin-top: 100px;
	}
.parallax-home-button a{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	color: #202020;
	background: #ffffff;
	cursor: pointer;
	display: inline-block;
	line-height: 1.6;
	letter-spacing: 1px;
	margin: 0 5px 0 5px;
	padding: 12px 24px;
	text-align: center;
	box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
.parallax-home-button a:hover,.parallax-home-button a:focus{
	color: #ffffff;
	}
	/*-- Super Slides --*/
#slides {
	position: relative;
	}
#slides .slides-container {
	display: none;
	}
#slides .slides-container  div{
	width:100%;
	height:100%;
	}
#slides .slides-container .image-1{
	background: url(../images/slider-image/slider-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	min-height: 800px;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	}
#slides .slides-container .image-2{
	background: url(../images/slider-image/slider-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 800px;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	}
#slides .slides-container .image-3{
	background:url(../images/slider-image/slider-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	min-height: 800px;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	}
	/*-- Super Slides Navigation --*/
.slides-navigation {
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	top: 45%;
	width: 100%;
	}
.slides-navigation a {
	position: absolute;
	display: block;
	width:74px;
	height:74px;
	background:url(../images/arrows.png);
	opacity:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	}
.slides-navigation a.prev {
	left: 1%;
	background-position:bottom center;
	}
.slides-navigation a.next {
	right: 1%;
	background-position:top center;
	}
#home:hover .slides-navigation a{
	opacity:0.3;
	}
.slides-navigation a:hover{
	opacity:1!important;
	}
	/*-- end Super Slides Pager --*/

/*-- Super Slider Inner With Flexslider --*/
.slide-inner-slide{
	position:absolute;
	width:100%;
	top:50%;
	margin:0 auto;
	z-index:2;
	background: transparent;
	height:auto;
	min-height:300px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	}
.slide-inner-slide ul {
	height:auto;
	min-height:160px;
	padding:0;
	margin:0 auto;
	position:relative;
	}
.slide-inner-slide ul li{
	list-style:none;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 90px;
	line-height: 90px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	text-shadow:2px 2px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-transform: uppercase;
	}
.slide-inner-slide .home-flexslider .flex-control-nav{
	margin-left: 0px!important;
	}
.slide-inner-slide .home-flexslider .flex-control-nav li a{
	width: 40px;
	height: 5px;
	}
.home-slider{
	width:100%;
	}
/*-- Super slider inner home Description --*/
.home-text{
	width:100%;
	max-width:700px;
	margin:35px auto;
	position:relative;
	text-align:center;
	color:white;
	font-size:20px;
	font-weight:400;
	text-transform:uppercase;
	}
/*-- Get Started Button --*/
.get-start-button{
	width: 200px;
	height: auto;
	padding:10px 23px;
	background: rgba(43,43,43,0.1);
	color: #ffffff;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 20px;
	cursor: pointer;
	margin: 35px auto;
	display: block;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	}
.get-start-button:hover,.get-start-button:focus{
	color:#ffffff;
	text-decoration:none;
	}
/*====== End Home with text slide ======*/	
	
/*-------------------------------------------------*/
/* =  Header Nav Bar
/*-------------------------------------------------*/
#fixed-navbar{
	top: 0 !important;
width: 100%;
z-index: 9999999;	}
.inner{
	width: 100%;
	margin: 0 auto;
	}
#fixed-navbar .navigation{
	padding: 0;
	height: 80px;
	}
.header-bottom {
    width: 100%;
    left: 0px;
	bottom: 0;
    text-align: center;
    position: absolute;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
header .navbar-default{
	background: #ffffff;
	}
.navbar {
	margin-bottom: 0;
    background: #transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: none !important;
    border-radius: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	}
.navbar-brand {
    //padding: 25px 15px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	}
.navbar-brand > img{
	margin-top: -10px;
	}
.navbar-default .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
	}
.navbar-collapse.collapse{
	padding-bottom: 1px;
	}
.navbar-default ul{
	padding: 0;
    margin: 0;
	}
.navbar-default ul li{
	list-style: none;
	}
.navbar-default .navbar-nav > li {
 
	}
.navbar-default .navbar-nav > li.drop {
    position: relative;
	}
.navbar-default .navbar-nav > li:first-child {
    margin-left: 0px;
	}
.navbar-default .navbar-nav > li > a {
	backface-visibility: hidden;
	color: #202020;
	font-family: "Lato",sans-serif;
	font-size: 13px;
	font-weight: 900;
	line-height:25px;
	padding: 30px 10px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.17s ease-in-out 0s;
	z-index: 2;
	}
.navbar-default .navbar-nav > li.drop > a {
    padding-right: 16px;
	}
.navbar-default .navbar-nav > li:last-child.drop > a{
	padding-right: 0px;
	}
ul.drop-down {
    position: absolute;
    top: 100%;
    left: 0;
    width: 180px;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 3;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
	}
ul.right-drop-down {
    left: -138px;
	}
.navbar-default .navbar-nav > li:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
	}
ul.drop-down li a {
    display: block;
    color: #202020;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    padding: 12px 14px;
    text-decoration: none;
    text-transform: capitalize;
    background: #f8f8f8;
    font-weight: 700;
    opacity: 1;
    border-top: 1px solid rgba(0,0,0,0.10);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	}
ul.drop-down li {
    position: relative;
	}
ul.drop-down li:first-child a {
    border-top: none;
	}
ul.drop-down li a:hover {
   background: #ffffff;
	}
	/*========== about us section ==========*/
#about{
	padding-top:60px;
	background:rgba(0, 0, 0, 0) url("../images/about-details-image.jpg") repeat fixed center center / cover ;
	}
.small-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 24px;
	line-height: 29px;
	color: #Fff;
	margin-top: 0px;
	margin-bottom: 10px;
	}
.big-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 56px;
	margin-top: 0px;
	margin-bottom: 20px;
	}
.h2-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 20px;
	color:#2D8CC6;
	}
.about-details{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	min-height: 300px !important;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background: transparent;
	position: relative;
	}
.about-details .about-text{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #FDFFB8;
	line-height: 36px;
	font-weight: 400;
	margin-bottom: 0px;
	font-weight:400;
	}
.about-button{
	margin-top: 20px;
	margin-bottom: 100px;
	}
.about-button .about-read-button{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color: #DAEA3D;
	padding: 12px 30px;
	border-radius: initial;
	background: transparent;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.about-button .about-read-button:hover{
	color: #ffffff;
	}
.project-number{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 48px;
	line-height: normal;
	}
.project-number span{
	color: #202020;
	}
.project-status{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 24px;
	color: #202020;
	margin-bottom: 50px;
	}
	/*========== creative nedrs ==========*/
.creative-nerds{
	background: #f3f3f3;
	padding-top: 100px;
	padding-bottom: 20px;
	}
.creative-small-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.creative-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 60px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
	/*========== team member ==========*/
.team-members{
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	}
.team-members img{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
.team-inner{
	padding-left: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 700ms ease-in;
	-o-transition: all 700ms ease-in;
	-moz-transition: all 700ms ease-in;
	transition: all 700ms ease-in;
	}
.team-inner h4{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 5px;
	margin-top: 0px;
	}
.team-inner p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 20px;
	}
.team-inner .team-border{
	width: 50px;
	height: 3px;
	margin-bottom: 20px;
	}
.team-social-link{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 900ms ease-in;
	-o-transition: all 900ms ease-in;
	-moz-transition: all 900ms ease-in;
	transition: all 900ms ease-in;
	}
.team-social-link ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.team-social-link ul li{
	float: left;
	margin-right: 10px;
	}
.team-social-link ul li:last-child{
	margin-right: 0px;
	}
.team-social-link ul li a{
	font-size: 20px;
	color: #ffffff;
	display: block;
	width: 40px;
	height: 40px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	padding-left: 9px;
	padding-top: 3px;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.team-inner-box{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
	}
.team-members:hover .team-inner-box{
	z-index: 8;
	}
.team-members:hover .team-inner{
	opacity: 1;
	z-index: 10;
	padding-bottom: 60px;
	position: absolute;
	}
.team-members:hover .team-social-link{
	opacity: 1;
	z-index: 10;
	padding-bottom: 20px;
	position: absolute;
	}
.team-text{
	color: #202020;
	font-family: "Lato",sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 34px;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
	}
.join-team-button{
	text-align: center;
	}
.join-team-button  a{
	width: 200px;
	height: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	padding: 12px 30px;
	border-radius: initial;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}

	/*========== our services ==========*/
#services{
	padding-top: 70px;
	//padding-bottom: 80px;
	background-color: #ffffff;
	}
#services .small-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	margin-top: 0px;
	margin-bottom: 0px;
	}
#services .big-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 56px;
	margin-top: 0px;
	margin-bottom: 40px;
	}
.service-box{
	margin-bottom: 70px;
	}
.service-box .service-icon{
	float: left;
	}
.service-box .service-info{
	padding-left: 85px;
	}
.service-box .service-info h3{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	margin-top: 0px;
	margin-bottom: 15px;
	}
.service-box .service-info p{	
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 30px;
	}
.service-info a{	
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color: #202020;
	text-decoration: none;
	}
.service-info a span{
	margin-left: 10px;
	font-size: 18px;
	}
.service-border{
	width: 50px;
	height: 3px;
	}
	
	/*========== our skill section ==========*/
.our-skill{
	padding-top: 100px;
	padding-bottom: 100px;
	background: #f3f3f3;
	}
.our-skill h5.small-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.our-skill h1.big-tittle{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 60px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 100px;
	}
/* ==== 19) Round Progress bar ==== */
.progress-bar-row{
	margin-top:80px;
	}
.chart-round p {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: normal;
	color:#202020;
	margin-top: 20px;
	text-align:center;
	}
.chart-round .title-border{
	width: 50px;
	height: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
.round-progress-bar{
	padding:0px;
	margin:0 auto;
	}
.round-progress-bar h2{
	font-family: 'Lato', sans-serif;
	font-size:24px;
	font-weight:700;
	color:#222222;
	margin-bottom:0px;
	margin-left:15px;
	}
.chart-round{
	padding:0px 0px 0px 0px;
	text-align:center;
	position: relative;
	}
.chart {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	text-align: center;
	}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-size:22px;
  font-weight:700;
  font-family: 'Lato', sans-serif;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  
}
.chart-back{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: 900;
	line-height: normal;
	background: #f3f3f3;
	position: relative;
	top: 40%;
	border-radius: 100%;
	margin: 0 auto;
	color: #202020;
	left: 0px;
	}
.chart-back:after {
	content: '%';
	margin-left: 0.1em;
	color: #63770A;
	}
	/*========== our work ==========*/
#work{
	padding-top: 20px;
	background: #ffffff;
	}
#work .protfolio-details-link{
	width: 150px;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	top: 40%;
	}
#work .protfolio-details-link a{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 900;
	line-height: 24px;
	color: #202020;
	display: block;
	}
#work .protfolio-details-link a span{
	position: relative;
	top: 2px;
	left: 8px;;
	}
#work .protfolio-details-link a span i{
	font-size: 20px;
	line-height: normal;
	color: #63770A;
	}
#work .container-fluid .owl-carousel{
	margin-top: 90px;
	}
.portfolio-item{
	width: 100%;
	height: 100%;
	}
.portfolio-item figure{
	position: relative;
	overflow: hidden;
	}
.portfolio-item figcaption{
	display:none;
	background: #701630;
	color: #ffffff;
	position: absolute;
	bottom:0;
	}
.portfolio-item:hover figcaption{
	display: block;
	}
/*-- owl carousel --*/
#owl-demo .owl-buttons{
	margin: 0;
	padding: 0;
	}
#owl-demo .owl-buttons .owl-prev{
	position: absolute;
	left:0;
	top: 40%;
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 12px;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
#owl-demo .owl-buttons .owl-prev:before{
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 32px;
	color: #ffffff;
	width: 100%;
	left: 0;
	text-align: center;
	line-height: 43px;
	content:"\f104";
	}
#owl-demo .owl-buttons .owl-next{
	position: absolute;
	right:0%;
	top: 40%;
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 12px;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
#owl-demo .owl-buttons .owl-next:before{
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 32px;
	color: #ffffff;
	width: 100%;
	left: 0;
	text-align: center;
	line-height: 43px;
	content:"\f105";
	}	
	/*========== our client ==========*/
.our-client{
	padding-bottom: 30px;
	background: #fff;
	}
	
.our-client .tab-content ul { margin:0p; padding:0}	
.our-client .tab-content ul li{
	color: #202020;
	font-family: "Lato",sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
	margin: 10px 0px;
	list-style: none;
	}
.our-client .tab-content ul li:before { content:" - "; padding-right:5px;}	
	
	
.client-icon{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.client-icon ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.client-icon ul li{
	display: inline-block;
	margin-left: 17px;
	margin-right: 40px;
	margin-bottom: 50px;
	}
	/*========== Price Table ==========*/
#pricing{
	padding-top: 150px;
	padding-bottom: 150px;
	background: #f3f3f3;
	}
#pricing .big-tittle{
	margin-bottom: 100px;
	}
.price-table-inner{
	padding-left: 20px;
	margin-bottom:20px;
	}
.price-range h2 .dollar-sign{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 30px;
	top: -40px;
	}
.price-range h2{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 80px;
	color: #202020;
	margin: 0;
	}
.price-range span.month{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	}
.price-table-inner .free{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 36px;
	color: #202020;
	margin-bottom: 40px;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.price-table-inner p{	
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	margin-bottom: 15px;
	}
.price-table-inner .signup-button{	
	padding-bottom: 10px;
	padding-top: 30px;
	}
.price-table-inner .signup-button a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #202020;
	text-decoration: none;
	text-align: center;
	background: transparent;
	padding: 10px 21px;
	font-size: 14px;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.price-table-inner .signup-button a:hover {
	color: #ffffff;
	}
.price-table-inner:hover .free{
	display: block;
	}
.price-table-inner .signup-button a.active{
	color: #ffffff;
	}
	
	/*========== testimonials ==========*/
.testimonials{
	padding-top: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	overflow: hidden;
	min-height: 580px;
	background: transparent;
	position: relative;
	}
.testimonials .big-tittle{
	margin-bottom: 60px;
	}
.testimonials-quote .quote-inner{
	float: left;
	font-size: 50px;
	padding-right: 10px;
	}
.testimonials-quote .quote-inner-text{
	float: left;
	margin-left: 10px;
	}
.quote-inner-text p{	
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 40px;
	}
.quote-inner-text h4{	
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 24px;
	color: #202020;
	margin-top: 0;
	margin-bottom: 0;
	}
.quote-inner-text .site{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
	}
	/*-- testimonials carousel control --*/
.flex-control-nav{
	width: 100%;
	margin-top: 38px!important;
	margin-left: 4.8%!important;
	}
.flex-control-nav li{
	display: block;
	}
.flex-control-nav li a{
	width: 30px;
	height: 4px;
	background: #bdbdbd;
	display: block;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
.flex-control-nav li a.active{
	width: 30px;
	height: 4px;
	display: block;
	}
/*========== Blog page ==========*/
.blog-header{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.blog-header-inner{
	width: 100%;
	height: 400px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-size: cover;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	position: relative;
	}
.blog-header-caption{
	position: relative;
	top: 55%;
	left: 0;
	}
.blog-header-caption p{	
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	text-align: center;
	margin-bottom:0px;
	}	
.blog-header-caption h1{	
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 56px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 60px;
	}
.blog-menu{
	background: transparent;
	border:none;
	}
	/*-- blog content --*/
#blog-content{
	background: #f3f3f3;
	padding-top: 150px;
	padding-bottom: 150px;
	}
.blog-post-slider{
	position: relative;
	}
	/*-- blog single post carousel control --*/
#blog-single-image-slide .carousel-control{
	width: 7.8%;
	height: 10%;
	top: 42%;
	}
#blog-single-image-slide .left span{
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 12px;
	display: block;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
#blog-single-image-slide .left span:hover{
	opacity: .8;
	color: #ffffff;
	}
#blog-single-image-slide .right span{
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 12px;
	display: block;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
#blog-single-image-slide .right span:hover{
	opacity: .8;
	color: #ffffff;
	}
#blog-single-image-slide .left{
	background-image: none;
	opacity: 1;
	}
#blog-single-image-slide .right{
	background-image: none;
	opacity: 1;
	}
	/*-- end blog single post carousel control --*/
	
.blog-post-slider-caption{
	position: absolute;
	left: 30px;
	bottom: 0;
	}
.blog-post-slider-caption h4{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 24px;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 20px;
	}
.blog-post-slider-caption .caption-border{
	width: 50px;
	height: 3px;
	margin-bottom: 20px;
	}
.blog-post-content{
	background: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	clear: both;
	}
.author-info{
	padding-top: 30px;
	padding-bottom: 30px;
	}
.author-image{
	float: left;
	margin-right: 20px;
	}
.author-image img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	}
.author-info .author-name{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 0px;
	}
.author-info .author-name span{	
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 900;
	color: #202020;
	}
.author-info .date{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 0;
	}
.blog-post-inner{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 30px;
	text-align: left;
	}
.blog-post-content a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	text-decoration: none;
	}
.blog-post-content a span{
	font-size: 18px;
	padding-left: 10px;
	}
	/*-- blog post link --*/
.post-space{
	margin-top: 60px;
	}
.blog-post-link{
	padding-left: 30px;
	padding-right: 30px;
	background: #ffffff;
	}
.blog-post-link-inner{
	background: url("../images/post-link-bg.jpg") 50% 50%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	}
.blog-post-link-inner .link-icon{
	float: left;
	}
.link-icon span{
	font-size: 38px;
	}
.blog-post-link-inner .link-title{
	padding-left: 54px;
	}
.blog-post-link-inner .link-title h4{	
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color:#202020;
	margin-top: 0px;
	margin-bottom: 25px;
	}
.blog-post-link-inner .link-title p{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color:#202020;
	margin-bottom: 0px;
	padding-bottom: 30px;
	}
.post-link-title h4{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 24px;
	color: #202020;
	margin-top: 0;
	margin-bottom: 20px;
	}
.post-link-title .caption-border{
	width: 50px;
	height: 3px;
	margin-bottom: 20px;
	}
	/*-- post gallery --*/
.post-gallery{
	background: #ffffff;
	}
.gallery-image{
	margin-top: 9px;
	}
.gallery-image ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.gallery-image ul li{
	float: left;
	margin-right: 10px;
	}
.gallery-image ul li:last-child{
	margin-right:0;
	}
	/*-- blog post with video --*/
.blog-post-slider video{
	background: #000;
	}
.post-link-quote-top{
	background: url("../images/post-link-quote-bg.jpg") 50% 50%;
	overflow: hidden;
	padding-left: 30px;
	padding-right: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	}
.post-link-quote-top .quote-icon{
	font-size: 36px;
	float: left;
	margin-right: 20px;
	margin-top: 25px;
	}
.post-link-quote-top .link-title{	
	padding-left: 54px;
	}
.post-link-quote-top .link-title h4{
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color:#202020;
	margin-top: 25px;
	margin-bottom: 25px
	}
.post-link-quote-top .link-title p{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color:#202020;
	margin-bottom: 20px;
	}
	/*-- blog pagination --*/
.blog-pagination{
	margin-top: 60px;
	}
.blog-pagination ul{
	margin: 0;
	padding:0;
	list-style: none;
	}
.blog-pagination ul li{
	display: inline-block;
	margin-right: 8px;
	}
.blog-pagination ul li:last-child{
	margin-right: 0px;
	}
.blog-pagination ul li a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	padding: 6px 14px;
	text-decoration: none;
	color: #202020;
	display: block;
	background: transparent;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.blog-pagination ul li a:hover{	
	color: #ffffff;
	}
.blog-pagination ul li a.active{
	color: #ffffff;
	}
	/*-- blog content right --*/
.search-input{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 900;
	padding-left: 0;
	border: none;
	border-radius: inherit;
	box-shadow: none;
	background: transparent;
	padding-top: 0;
	padding-bottom: 10px;
	}
.search-input:focus{
	box-shadow: none;
	}
.search-button{
	background: transparent;
	border: none;
	border-radius: initial;
	margin-top: 1px;
	}
.search-button:hover{
	background: transparent;
	border-bottom: 1px solid #63770A;
	}
.search-button:focus{
	outline: 0px auto -webkit-focus-ring-color!important;
	outline-color: transparent!important;
	box-shadow: none!important;
	background-color: transparent!important;
	}
.search-button:active{
	background-color: transparent!important;
	border-color: none!important;
	}
	/*-- categories --*/
.sidebar-bottom-space{
	margin-bottom: 60px;
	}
.categories{
	
	}
.sidebar-head{
	margin-bottom: 30px;
	}
.sidebar-head  h3{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	color: #202020;
	margin-top: 0px;
	margin-bottom: 14px;
	}
.sidebar-head .title-border{	
	width: 50px;
	height: 3px;
	}
.sidebar-content ul{
	margin: 0;
	padding:0;
	list-style: none;
	}
.sidebar-content ul li:before{
	content: "\f0da";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	padding-right: 10px;
	}
.sidebar-content ul li{
	margin-bottom: 30px;
	}
.sidebar-content ul li a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	color: #202020;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.sidebar-content ul li a span{
	float: right;
	}
.blog-text-widget p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	}
.instagram-content ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.instrgram-content ul li{
	text-align: center;
	}
.instagram-content ul li a{
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	}
.instagram-content ul li:nth-of-type(4n+0){
	margin-right: 0px;
	}
.instagram-content ul li a img{
	width: 85px;
	height: 85px;
	}
.blog-tag-clouds ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.blog-tag-clouds ul li{
	display: inline-block;
	}
.blog-tag-clouds ul li a{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	display: block;
	text-decoration: underline;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
	/*--- single post --*/
.single-blog-post{
	background: #ffffff;
	}
.single-post-inner-quote{
	margin-bottom: 40px;
	}
.single-post-inner-quote .quote-icon{
	font-size: 36px;
	float: left;
	margin-right: 20px;
	margin-left: 30px;
	margin-top: -5px;
	}
.single-post-inner-quote .link-title{
	padding-left: 83px;
	}
.single-post-inner-quote .link-title h4{
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color: #202020;
	}
.single-post-inner-quote .link-title p{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	color: #202020;
	margin-bottom: 0px;
	}
.single-post-inner-quote .link-title small{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	}
.post-info{
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	}
.tag-link{
	
	}
.tag-link span{
	float: left;
	margin-right: 8px;
	color: #202020;
	font-size:18px;
	}
.tag-link ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.tag-link ul li{
	float: left;
	margin-right: 1px;
	}
.tag-link ul li a{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	text-decoration: underline;
	display: block;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}

.share-article{
	float: right;
	}
.share-article ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.share-article ul li{
	float: left;
	margin-right: 30px;
	}
.share-article ul li a{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	text-decoration: none;
	display: block;
	}
.share-article span{
	margin-right: 10px;
	color: #202020!important;
	font-size: 16px!important;
	line-height: 24px;
	padding-left: 0!important;
	}
	/*-- single post comment --*/
.comment-section{
	margin-top: 60px;
	}
.comment-section h4{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	color: #202020;
	margin-top: 0px;
	margin-bottom: 14px;
	}
.comment-section .comment-title-border{
	width: 50px;
	height: 3px;
	}
.post-comment-wraper{
	margin-top: 30px;
	margin-bottom: 60px;
	}
.post-comment-wraper .media-list{
	margin-bottom: 0px;
	}
.comment-author .media-left a img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	}
.comment-author .media-left{
	padding-right: 20px;
	}
.comment-author .media-body .media-heading{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
	margin-bottom: 0px;
	}
.comment-author .media-body .comment-date{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 30px;
	}
.comment-author .media-body .comment-text{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 30px;
	}
.comment-author .media-body .reply-button{
	padding-bottom: 30px;
	border-bottom: 1px solid #f3f3f3;
	}
.nested-comment{
	margin-top: 30px;
	}
.comment-author .media-body .reply-button a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	padding: 9px 28px;
	width: 100px;
	height: 40px;
	display: block;
	text-align: center;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
	/*-- leave a post comment form --*/
.fill-comment-form{
	margin-top: 30px;
	}
.single-post-comment-button{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	width: 100px;
	height: 40px;
	border: 0;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 12px;
	border-radius: initial;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.single-post-comment-button:hover{
	color: #ffffff;
	}	
	
	/*========== portfolio main section ==========*/

	
	/*-- portfolio tag list --*/
.portfolio-tag-list{
	text-align: center;
	margin-bottom: 60px;
	}
.portfolio-tag-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.portfolio-tag-list ul li{
	display: inline-block;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
.portfolio-tag-list ul li a{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #202020;
	display: block;
	text-decoration:none;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
.portfolio-tag-list ul li a .tag-border{
	padding-left: 6px;
	padding-right: 6px;
	}
.portfolio-item-gap{
	margin-bottom: 30px;
	}
.portfolioContainer .hover-div{
	margin: 15px;
	}
.hover-div figure{
	position: relative;
	overflow: hidden;
	}
	
	
.creative-nerds .myimg {height:747px !important; }
.hover-div figure img{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;
	
	}
	/*-- portfolio hover --*/
.portfolio-title{
	bottom: 0;
	left: 0;
	top:30px;
	position: absolute;
	text-align: center;
	transition: all 700ms ease-in 0s;
	width: 100%;
	}
.portfolio-title h4{
	color: #ffffff;
font-family: "Lato",sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 36px;
	}
	
	
.portfolio-title p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 20px;
	}
.portfolio-title .title-border{
	background:#fff;
	width: 50px;
	height: 3px;
	margin: 0px auto 15px;
	}
.hover-after-link{
	position: absolute;
	bottom: 0px;
	left: 40%;
	//padding-left: 20px;
	padding-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 900ms ease-in;
	-o-transition: all 900ms ease-in;
	-moz-transition: all 900ms ease-in;
	transition: all 900ms ease-in;
	}
.hover-after-link ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.hover-after-link ul li{
	float: left;
	margin-right: 7px;
	}
.hover-after-link ul li a{
	border: 2px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	display: block;
	font-size: 16px;
	height: 36px;
	padding: 5px;
	text-align: center;
	transition: all 300ms ease-in 0s;
	width: 36px;
	}
.hover-inner{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	transition: all .7s ease-in;
	}
.hover-div figure:hover .hover-inner{
	opacity: 1;
	z-index: 8;
	}
.hover-div figure:hover .hover-after-link{
	opacity: 1;
	z-index: 10;
	padding-bottom: 20px;
	position: absolute;
	}
.hover-div figure:hover .portfolio-title{
	opacity: 1;
	z-index: 10;
	padding-bottom: 60px;
	position: absolute;
	}
	
/*-- isotope portfolio --*/
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
	}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
	}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
	}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
	}
	
	/*-- portfolio single page --*/
.portfolio-single-slide{
	//position: relative;
	//overflow: hidden;
	//top:60px;
	padding: 10px 10px 15px;
	}
.portfolio-single-caption{
	position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    padding: 20px;
	}
.portfolio-single-caption h2{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 27px;
	line-height: 24px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 15px;
	}
.portfolio-single-caption  p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 20px;
	}
.portfolio-single-caption-border{
	width: 50px;
	height: 3px;
	//margin-bottom: 30px;
	}
	/*-- portfolio single post carousel control --*/
#port-single-slide .carousel-control{
	width: 5%;
	height: 10%;
	top: 42%;
	}
#port-single-slide .left span{
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 12px;
	display: block;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
#port-single-slide .left span:hover{
	opacity: .8;
	color: #ffffff;
	}
#port-single-slide .right span{
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 12px;
	display: block;
	-webkit-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}
#port-single-slide .right span:hover{
	opacity: .8;
	color: #ffffff;
	}
#port-single-slide .left{
	background-image: none;
	opacity: 1;
	}
#port-single-slide .right{
	background-image: none;
	opacity: 1;
	}
	/*-- end carousel control --*/
	
	
.portfolio-single-wraper{
	background: #ffffff;
	padding-top: 30px;
	}
.portfolio-single-post{
	padding-left: 30px;
	}
.portfolio-single-post h4{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	color: #202020;
	margin-top: 0px;
	}
.portfolio-single-post .portfolio-single-text{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-bottom: 35px;
	}
.portfolio-project-details{
	
	}
.portfolio-project-details ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.portfolio-project-details ul li:before{
	content: "\f0da";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	padding-right: 7px;
	}
.portfolio-project-details ul li{
	margin-bottom: 34px;
	}
.portfolio-project-details ul li:last-child{
	margin-bottom: 0px;
	}
.portfolio-project-details ul li p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #202020;
	margin-left: 18px;
	margin-bottom: 0px;
	}
.portfolio-project-details ul li a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color: #202020;
	text-decoration: none;
	}
.launch-project{
	width: 170px;
	height: 40px;
	margin-top: 50px;
	}
.launch-project a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 8px 20px;
	color: #ffffff;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}

	/*========== contact form ==========*/
#contact{
	padding-top: 30px;
	background:#f7f7f7;
	}
#contact .big-tittle { color:#2d8cc6}
#contact .contact-text{	
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 31px;
	font-weight: 400;
	color: #202020;
	}
.contact-info-title{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 36px;
	line-height: 39px;
	color: #202020;
	margin-bottom: 60px;
	}
.contact-address{
	margin-bottom: 0px;
	}
.contact-address .address-title{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 24px;
	color: #202020;
	margin-bottom: 20px;
	}
.contact-address .address-info{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 15px;
	margin-bottom: 36px;
	text-decoration: none;
	}
.contact-address .contact-number{	
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	margin-bottom: 0px;
	}
.contact-form .row-gap{
	margin-bottom: 38px;
	}
.contact-form .row-gap .bottom-border{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	padding-left: 0;
	border: none;
	border-radius: inherit;
	box-shadow: none;
	}
.contact-form .row-gap .bottom-border:focus{
	box-shadow: none;
	}
.contact-form .submit-button-width{
	background:#333 !important;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	width: 100%;
	border: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	margin-top: 28px;
	text-transform: uppercase;
	border-radius: initial;
	text-align: center;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
	
	.pink-text { color:#63770A}
	.contact-form .submit-button-width:hover{ background:#2d8cc6 !important; }
.contact-form .submit-button-width:focus{
	outline: 0;
	}
	
	/*========== footer ==========*/
.footer-border{
	padding-top: 42px;
	padding-bottom: 46px;
	margin-top: 135px;
	}
.footer-text{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: normal;
	color: #202020;
	text-align: left;
	margin-bottom: 0px;
	}
.footer-menu{
	margin-top: -15px;
	}
.footer-menu ul{	
	margin:  0;
	padding: 0;
	list-style: none;
	}
.footer-menu ul li{
	display: inline-block;
	margin-right: 10px;
	color: #202020;
	}
.footer-menu ul li:last-child{
	margin-right: 0px;
	}
.footer-menu ul li a{
	font-size: 20px;
	color: #202020;
	display: block;
	width: 40px;
	height: 40px;
	border: 2px solid #202020;
	border-radius: 50%;
	padding-left: 9px;
	padding-top: 3px;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
	/*-- contact form submission --*/
.error_message{
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding: 7px 20px;
	margin-bottom: 15px;
	}
#success-message{
	 margin-left: auto;
	 margin-right: auto;
	}
#success-message h4{
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	}
.loader{
	position: absolute;
	right: 33%;
	bottom: 20%;
	}
	
	
	
/* ===================================== custom css ============================== */
/* features section setting */
.creative-nerds strong {  display: block;
    font-size: 21px;
    margin: 30px;
    text-align: center;}
	

.features-section [class*="col-"] { padding-left:0px; padding-right:0px; }


/* floor section setting */
.floor-section {background-color: rgba(0, 0, 0, 0.7); transition:.3s ease-in-out; color: #fff !important; padding: 3px 20px; border-right:1px #fff solid; position: absolute;  bottom: 0; width: 100%;}
.floor-section:hover { background:#63770A;}
.floor-section h4 { float:left; font-size:16px;}
.floor-section .link { background-color: #fff; transition:.3s ease-in-out; border-radius: 50%; color: #333; float: right; font-size: 12px;  margin-top: 8px;
padding: 5px 10px;}
.floor-section .link:hover { background-color:#333; color:#fff}



.client-images { margin-top:10px;}
.client-images .col-md-5:last-child{ border-left:2px #ccc solid}




.features-section .icon:hover .portfolio-title{ top:0px; }

.features-section .portfolio-title{
	bottom: 0;
	left: 0;
	top:20px;
	position: absolute;
	text-align: center;
	transition: all 700ms ease-in 0s;
	width: 100%;
	}
.features-section .portfolio-title h4{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin-top: 90px;
	margin-bottom: 7px;
	}
	
	
.features-section .icon:hover .location-plan, .features-section .icon:hover .site-plan, .features-section .icon:hover .price-list, .features-section .icon:hover .payment-plan, .features-section .icon:hover .brochure, .features-section .icon:hover .specification, .features-section .icon:hover .floor-plan { background-position:50%  20% !important ;}	

.features{ height:auto !important; }

.location-plan, .site-plan, .price-list, .payment-plan, .brochure, .specification, .floor-plan { background-position:50%  35% !important ;}
.location-plan	 {background:url(../images/location-icon.png) center center no-repeat #164a6a;   }
.site-plan {background:url(../images/siteplan-icon.png) center center no-repeat #17567d; }
.price-list  {background:url(../images/pricelist-icon.png) center center no-repeat #1b6797; }
.payment-plan  {background:url(../images/specification-icon.png) center center no-repeat #1970a6; }
.floor-plan  {background:url(../images/floorplan-icon.png) center center no-repeat #145e8c; }
.brochure  {background:url(../images/brochure-icon.png) center center no-repeat #1977b1; }



#features strong{ font-size:36px;}
.slider-text .team-text{text-align:center;  font-weight:600; padding-top:20px;}
.slider-text ul {text-align:center; font-weight:bold; font-size:28px; }

.slider-text ul li { display:inline-block; margin:0 17px 31px}




#myslider{
	box-sizing:border-box;
 	 background: -moz-linear-gradient(0deg, #3a440d 0%, #3a440d 25%, #4e5a19 25%, #4e5a19 50%, #63770a 50%, #63770a 75%, #769000 75%, #769000 100%); 
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3a440d), color-stop(25%, #3a440d), color-stop(25%, #4e5a19), color-stop(50%, #4e5a19), color-stop(50%, #63770a), color-stop(75%, #63770a), color-stop(75%, #769000), color-stop(100%, #769000)); 
	background: -webkit-linear-gradient(0deg, #3a440d 0%, #3a440d 25%, #4e5a19 25%, #4e5a19 50%, #63770a 50%, #63770a 75%, #769000 75%, #769000 100%); 
	background: -o-linear-gradient(0deg, #3a440d 0%, #3a440d 25%, #4e5a19 25%, #4e5a19 50%, #63770a 50%, #63770a 75%, #769000 75%, #769000 100%); 
	background: -ms-linear-gradient(0deg, #3a440d 0%, #3a440d 25%, #4e5a19 25%, #4e5a19 50%, #63770a 50%, #63770a 75%, #769000 75%, #769000 100%); /* ie10+ */
	background: linear-gradient(90deg, #3a440d 0%, #3a440d 25%, #4e5a19 25%, #4e5a19 50%, #63770a 50%, #63770a 75%, #769000 75%, #769000 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a440d', endColorstr='#769000',GradientType=1 ); /* ie6-9 */

 }
 
#myslider h1 { color: #ffffff;
font-family: "Lato",sans-serif; margin:15px auto 10px;  text-align:center;
font-size: 24px;
font-weight: 300;
line-height: 36px;}
#myslider .divider { background: #fff none repeat scroll 0 0;
height: 3px;
margin: 0 auto 15px;
width: 50px;} 
 
 #myslider  .col-md-3 { padding:10px 0px;} 
 #myslider  .col-md-3:first-child { padding-left:0px; }
 #myslider .col-md-3:last-child { padding-right:0px; }
 
 
 .red-text{color:#EE4545 !important;}
 .blue-text{color:#2D8CC6 !important;}
 .green-text{color:#63770a !important;}
 
 
 #full-myCarousel img {
  width: 100%;
}

 #full-myCarousel a {
  background: #d7131a ;
  top: 68%; transition:.3s ease-in-out;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  left: 40px;
  padding: 11px 28px;
  position: absolute;
  text-transform: uppercase;
  z-index: 9;
}

 #full-myCarousel a:hover { background:#333; }
 #about .col-md-6:last-child::before {
  background: rgba(225, 225, 225, 0.3) none repeat scroll 0 0;
  content: "";
  height: 342px;
  left: -8px;
  position: absolute;
  top: 70px;
  width: 1px;
}