/*
Author       : My_life_design.
Template Name: Wrap - One Page Parallax Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START WHY CHOOSE DESIGN
    06. START FEATURES DESIGN
    07. START COUNTER DESIGN
    08. START TEAM DESIGN
    09. START SERVICE DESIGN
    10. START PROMOTION DESIGN
    11. START PARTNER DESIGN
    12. START TESTIMONIAL DESIGN
    13. START PORTFOLIO DESIGN
    14. START PRICING DESIGN
    15. START BLOG DESIGN
    16. START CONTACT ADDRESS DESIGN
    17. START FOOTER DESIGN
    18. START BLOG DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    height: 100%;
    font-family: 'Lato', sans-serif;
    background: #fff;
    color: #777;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: "Montserrat",sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: "Montserrat",sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #727272;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

.column {
    width: 75%;
    float: left;
    
}

/* Clear floats after the columns */
.row2:after {
    content: "";
    display: table;
    clear: both;
    float: left;
}

.right {
    width: 25%;
    float: right;
}


/*START PRELOADER DESIGN*/
.preloader {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #222;
    border-right: 8px solid #222;
    border-bottom: 8px solid #222;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 80px 0 60px; }
/*START SECTION TITLE DESIGN*/
.section-title {margin-bottom: 60px;
position: relative; }
.section-title  h2 {
color: #333;
font-family: montserrat,sans-serif;
font-size: 40px;
font-weight: 700;
margin-top: 0;
position: relative;
text-transform: uppercase;
}


@media screen and (min-width: 320px) and (max-width: 568px) {
 .section-title  h2 {
color: #333;
font-family: montserrat,sans-serif;
font-size: 10px !important;
font-weight: 400;
margin-top: 0;
position: relative;
text-transform: uppercase;
}
}

@media screen and (min-width: 569px) and (max-width: 960px) {
 .section-title  h2 {
color: #333;
font-family: montserrat,sans-serif;
font-size: 30px !important;
font-weight: 700;
margin-top: 0;
position: relative;
text-transform: uppercase;
}
}




.opacity_title h1 {
font-size: 120px;
left: 0;
margin-bottom: 0;
margin-top: -8%;
opacity: 0.05;
padding-left: 0;
position: absolute;
top: 58%;
transition-duration: 500ms;
width: 100%;
}
.section-title span{
background: #00B3FF none repeat scroll 0 0;
display: block;
height: 4px;
margin: 25px auto 0;
overflow: hidden;
position: relative;
width: 60px;
}
.section-title p{}
@media only screen and (max-width:480px) { 
.section-title p{width:90%;padding:0px 10px;}
}
.section-title-white{color:#fff !important;}
span.section-title-white{
background: #fff !important;
display: block;
height: 4px;
margin: 25px auto 0;
overflow: hidden;
position: relative;
width: 60px;
}
.opacity_title_testimonial h1 {
color: #fff;
font-size: 120px;
left: 0;
margin-bottom: 0;
margin-top: -8%;
opacity: 0.4;
padding-left: 0;
position: absolute;
top: 58%;
transition-duration: 500ms;
width: 100%;
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #53d82a none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

.btn-light-bg-two {
background: #53d82a none repeat scroll 0 0;
border: 2px solid #53d82a;
border-radius: 30px;
color: #fff;
font-family: oswald,sans-serif;
font-size: 18px;
padding: 10px 50px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.btn-light-bg-two:hover, .btn-light-bg-two :focus{background:#333;border: 2px solid #333;color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
border: none;
box-shadow:none;
margin-bottom: 0;
padding: 10px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
@media only screen and (max-width:480px) { 
.navbar-default {background: #fff;}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #53d82a !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #3371FF !important;
    background-color: transparent;
}
.navbar-default .navbar-form { border-color: #fff }
.navbar-brand { margin-top: -4px;
padding: 0; }
.navbar-brand img {
    width: 150px;
	transition: all 0.3s ease 0s;
}
@media only screen and (max-width:480px) { 
.navbar-brand img {margin-left:10px;}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #fff!important;
font-family: montserrat,sans-serif;
font-size: 12px;
position: relative;
text-transform: uppercase;
transition: color 0.25s ease 0s;
}
@media only screen and (max-width:768px) { 
.menu-top li a {font-size: 16px;}
}
.menu-top li a:hover { color: #53d82a!important }
@media only screen and (max-width:480px) { 
.menu-top li a {
color: #333!important;}
}
.navbar-default.menu-shrink {
background:rgba(210,210,210,0.8);
padding: 10px 0;
width: 100%;
 margin-top:0px;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
}
.navbar-default.menu-shrink li a {color:#fff !important; }
.navbar-default.menu-shrink li a:hover { color: #53d82a !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #53d82a }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
background: rgba(0, 0, 0, 0) url("../img/bg/home_pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
background-size: cover;
background-repeat:no-repeat;
}

.slide-1 {
    background: url(../img/bg/slider1.jpg) scroll 0 0;
    background-size: cover;
    background-repeat:no-repeat;
}

.slide-2 {
    background: url(../img/bg/slider2.jpg) scroll 0 0;
    background-size: cover;
    background-repeat:no-repeat;
}

.slide-3 {
    background: url(../img/bg/slider3.jpg) scroll 0 0;
    background-size: cover;
    background-repeat:no-repeat;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-indicators-slider{bottom: 30px !important;}
.btn-home-bg{}
.btn-home-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #53d82a;
border-radius: 5px;
color: #fff;
font-size: 12px;
margin: 0 10px;
padding: 12px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
	background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    border: 2px solid #fff;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}
.carousel-control{
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.8);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
height: 105px;
line-height: 105px;
top: 46.6%;
width: 45px;
z-index: 1;
}
.carousel-control.left{
background: #000 none repeat scroll 0 0;
border-radius: 3px;
}
.carousel-control.right{
background: #000 none repeat scroll 0 0;
border-radius: 3px;
}
.carousel-control:hover{
background: #53d82a;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
color: #000000;
font-size: 40px;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
font-weight: 700;
}

.single-slide-item p {
color: #000000;
font-size: 18px;
margin-bottom: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-text{margin-top:40px;margin-bottom:50px;}

.about-text h1 {
font-size: 32px;
line-height: 40px;
margin-bottom: 20px;
text-transform: uppercase;
}
.about-text p{line-height: 30px;}

.carousel-indicators {
  bottom: 10px;
  left: 10%;
  list-style: outside none none;
  margin-left: -30%;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 60%;
  z-index: 15;
}
.carousel-indicators li {
    border: 1px solid #f1f1f1 ;
    border-radius: 12px;
    height: 7px;
    margin: 0 -4px;
    width: 40px;
    background: #f1f1f1 ;
}
.carousel-indicators .active {
background-color: #53d82a;
border: 1px solid #53d82a;
height: 7px;
margin: 0 -4px;
width: 40px;
}
.site-wrapper { margin-bottom: 65px }
#about__carousel { margin-bottom: 0px }
#about__carousel .carousel-indicators { bottom:-30px }


/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_why iframe{width:100%;height:360px;border:none}
@media only screen and (max-width:768px) { 
.single_why iframe{margin-bottom:40px;}
}

/* START SKILL DESIGN */
.progress-bar-text {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 20px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #333 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
.pb-mb-none{margin-bottom:0}
/*
* ----------------------------------------------------------------------------------------
* 05.END WHY CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature_img img{}
.single_more_feature {
background-color: #fff;
display: block;
padding: 200px 60px 100px;
position: relative;
transition-duration: 500ms;
z-index: 1;
}
.bg-icon span {
font-size: 150px;
left: 0;
margin-top: -5%;
opacity: 0.05;
padding-left: 50px;
position: absolute;
top: 50%;
transition-duration: 500ms;
width: 100%;
}
.single_more_feature:hover .bg-icon span {
	opacity: 0.05;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
}
.single_more_feature .single_icon {
margin: 0 auto 0px;
transition-duration: 500ms;
float: left;
margin-right: 20px;
}
.single_text {
overflow: hidden;
padding-right: 20px;
position: relative;
padding-left: 10px;
}
.single_icon span {
	font-size: 40px;
	text-align: center;
	color: #53d82a;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.single_text strong {
color: #191a1c;
font-size: 16px;
text-transform: uppercase;
}
.single_more_feature .single_text h3 {
font-size: 19px;
line-height: 30px;
margin-bottom: 15px;
text-transform: uppercase;
transition-duration: 500ms;
}

.single_more_feature .single_text p {
color: #6f6f6f;
line-height: 30px;
margin: 0;
} 
.carousel-indicators-two {
  bottom: 10px;
  left: 20%;
  list-style: outside none none;
  margin-left: -30%;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 60%;
  z-index: 15;
}

#feature__carousel { margin-bottom: 0px }
#feature__carousel .carousel-indicators { bottom:-30px }

/*
* ----------------------------------------------------------------------------------------
* 06.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area{
padding-top:60px;
}
.single-project-complete{
    text-align: center;
	padding:100px 0;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.bgone{background:#515875;}
.bgtwo{background:#576F9E;}
.bgthree{background:#6697B9;}
.bgfour{background:#88C3D8;}
.single-project-complete i{
margin-bottom: 20px;
color: #fff;
font-size: 40px;	
}
.single-project-complete h2 {
    font-size: 60px;
    font-weight: 900;
	font-family:montserrat,sans-serif;
	color:#fff;
}
.single-project-complete h3 {
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
margin-top: 7px;
text-transform: uppercase;
color:#fff;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-team {
display: block;
margin-bottom: 30px;
margin-left: 0;
text-align: center;
}

.team-member {
width:100%;
height:400px;
list-style:none;
display:inline-block;
background-color:#e4e4e4;
background-size:cover;		
}

.team-overflow {
height: 260px;
margin-top: 130px;
overflow: hidden;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
}

.team-info {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
height: 300px;
margin-top: 190px;
padding: 0;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
}

.our-team li:hover  .team-info {
margin-top:0px;
padding:20px;
}

.our-team li:hover .team-overflow {
margin:0px;
width:100%;
height:400px;
}

.team-name {
color: #333;
font-size: 18px;
margin-bottom: 2px;
margin-top: 15px;
text-transform: uppercase;
}

.team-function {
color:#777;
margin-bottom:30px;
}

.team-description {
margin-bottom: 40px;
margin-right: 40px;
}


.socials li a {
border-right: 1px dotted rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.4 );
}

.socials li a:hover {
color: rgba(0, 0, 0, 1);
}
.socials {	
margin: 0 0 20px;
display:block;
width:100%;
}
.socials li {
list-style:none;
display:inline-block;
margin-left: -4px;
}

.socials li:first-child {
margin-left: 0px;
}
.socials li a {
border-right: 1px dotted rgba(0, 0, 0, 0.6);
color: #333;
display: block;
font-size: 16px;
height: 16px;
line-height: 10px;
padding: 0 20px;
width: 20px;
}
.socials li:last-child a {
border-right: none;
}
.socials li a:hover {
color:#53d82a;
}	
.carousel-indicators-three {
  bottom: 10px;
  left: 50%;
  list-style: outside none none;
  margin-left: -30%;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 60%;
  z-index: 15;
}
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom:-30px }
/*
* ----------------------------------------------------------------------------------------
* 08.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_service{
background: #fafafa none repeat scroll 0 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
padding: 30px;
transition: all 0.3s ease 0s;	
}
.single_service:hover{
background: #fff none repeat scroll 0 0;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.single_service h3{font-size: 20px;}
.single_service > i {
  background: #53d82a none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 15px;
  text-align: center;
  width: 50px;
}
.single_service p{margin-bottom: 20px;}
.single_service ul{list-style: outside none none;}
.single_service ul li i{
	color: #333;
margin-right: 10px;
}
.single_service ul li{line-height: 30px;}
/*
* ----------------------------------------------------------------------------------------
* 09.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion-content{
background-attachment: fixed;
background-position: center top;
background-repeat: repeat-y;
position: relative;
padding: 150px 0;
}
.promotion-content:before {
background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.single_promotion{}
.single_promotion h1{
color: #fff;
font-size: 30px;
line-height: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
  background: #fafafa none repeat scroll 0 0;
}
.partner{ text-align: center }
.partner img {
transition: all 0.3s ease 0s;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 12.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
.testimonials{
position:relative;
height: auto;
z-index: 1;
}
.testimonials:before{
background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;

}
.testimonials .flexslider {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
margin: 0;
}
.testimonials .flexslider .testi-slider-item {
    padding: 30px 60px;
    text-align: center;
}
.testimonials .flexslider .testi-slider-item img {
border: 3px solid #53d82a;
border-radius: 50%;
height: 100px;
margin: 20px auto;
width: 100px;
}
.testimonials .flexslider .testi-slider-item h6 {
color: #fff;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;
}
.testimonials .flexslider .testi-slider-item p {
  color: #fff;
}
@media only screen and (max-width:360px) { 
.testimonials .flexslider .testi-slider-item p  {line-height: 24px;font-size: 16px; }
}
.testimonials .flex-direction-nav a {
    background: #53d82a none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 45px;
    line-height: 50px;
    margin: -20px 0 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: none !important;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 10;
}
.testimonials .flex-direction-nav a i {
    display: inline-block;
    font-size: 22px;
}
.testimonials .flex-direction-nav a:before { display: none }
.testimonials .flex-direction-nav a.flex-next:before { display: none }
.testimonials .flex-control-paging li a {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    height: 6px;
    text-indent: -9999px;
    width: 6px;
}
.testimonials .flex-control-paging li a:hover {
    background: #53d82a none repeat scroll 0 0;
    border-color: #53d82a;
}
.testimonials .flex-control-paging li a.flex-active {
    background: #53d82a none repeat scroll 0 0;
    border-color: #53d82a;
    cursor: default;
}
.flex-control-nav {display: none;}
/*
 * ----------------------------------------------------------------------------------------
 * 12.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 * 13.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.portfolio_item figure { background: #000 }
.portfolio_item figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}
.portfolio_item figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.portfolio_item figure figcaption:before,
.portfolio_item figure figcaption:after { pointer-events: none }
.portfolio_item figure figcaption,
.portfolio_item figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.portfolio_item figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.portfolio_item figure p { margin: 0 }
.portfolio_item figure p {
font-size: 18px;
margin-top: 40px;
}
figure.portfolio_effect:hover img { opacity: 0.6; filter: alpha(opacity=30) }
figure.portfolio_effect figcaption:before,
figure.portfolio_effect figcaption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.portfolio_effect figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
        transform: scale(0,1);
}
figure.portfolio_effect figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    -ms-transform: scale(1,0);
        transform: scale(1,0);
}
figure.portfolio_effect p {
    padding: 20px 2.5em;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
figure.portfolio_effect:hover figcaption:before,
figure.portfolio_effect:hover figcaption:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
figure.portfolio_effect:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/*START PORTFOLIO SINGLE PAGE DESIGN*/
.project_dec img,.related_project img{margin-bottom:20px;}
.similar_p{
border-bottom: 1px solid #eee;
margin-bottom: 25px;
padding: 10px 0;
text-transform: uppercase;
margin-top: 30px;
}
.related_project  h4{
color: #333;
transition: all 0.4s ease 0s;
text-transform: uppercase;}
.related_project  h4:hover{color:#53d82a;}
.about_project h4,.about_project_details h4,.project_dec h2{
border-bottom: 1px solid #eee;
padding-bottom: 10px;
text-transform: uppercase;	
}
.about_project_details{margin: 20px 0;}
.about_project_details ul{margin:0;padding:0;list-style:none;}
.about_project_details ul li{padding: 5px 0;}
.about_project_details ul li i{color: #53d82a;
margin-right: 10px;}
.about_project_details ul li a{color: #53d82a;
font-weight: 700;}
.about_project_details ul li a:hover{text-decoration:underline;}

/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */


/*
* ----------------------------------------------------------------------------------------
* 14.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_pricing {
    background: #f9f9f9;
}
.single-pricing {
background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
padding-bottom: 25px;
padding-top: 20px;
}
@media only screen and (max-width:480px) { 
.single-pricing{margin-bottom:40px}
}
.single-pricing-block{
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	background:#53d82a;
}
.block-caption small{
    position: relative;
    top: -17px;
    font-size: 26px;
}
.block-caption-white small{
	color:#fff;
    position: relative;
    top: -17px;
    font-size: 26px;
}
.single-pricing h4 {
font-size: 16px;
margin-bottom: 20px;
text-transform: uppercase;
}
.single-pricing ul {
  margin-bottom: 20px;
}
.single-pricing ul li{list-style:none;}
.single-pricing ul li {
border-bottom:1px solid #eee;
font-size: 15px;
padding: 12px 0;
}
.single-pricing-block h4{color:#fff;margin-bottom: 20px;}
.single-pricing-block h1{color:#fff;}
.single-pricing-block ul li {
color:#fff;
    padding: 12px 0;
	font-size: 15px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.single-pricing-block ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 12px 0;
font-size: 15px;
}
.btn-pricing-bg{}
.btn-light-bg {
background: #53d82a none repeat scroll 0 0;
border: 2px solid #53d82a;
border-radius:5px;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 12px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background:#53d82a;
    color: #fff;
    border: 2px solid #53d82a;
	box-shadow: 0 14px 26px -12px rgba(7, 160, 177, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(7, 160, 177, 0.2);
}
.btn-pricing-bg{}
.btn-pricing-bg {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 5px;
color: #53d82a;
font-family: montserrat,sans-serif;
font-size: 12px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background:#fff;
    color: #333;
    border: 2px solid #fff;
	box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}
/*
* ----------------------------------------------------------------------------------------
* 14.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.single-img {
    position: relative;
    width: 100%;
	transition: all 0.3s ease 0s;
}
.gallery_overlay {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 0;
display: block;
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
}
.post-date {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
margin-top: 120px;
padding: 20px;
position: absolute;
top: 0;
}
.post-date  h3 {
font-size: 16px;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
}
.post-date  h4 {
font-family: lato,sans-serif;
font-size: 16px;
margin: 0;
text-align: center;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.address{margin-bottom: 60px;}
.address h2{
font-size: 40px;
}
.address h1{
font-size: 60px;
margin: 30px 0;
}
.address h3{
font-size: 40px;
line-height: 58px;
}
  
.contact{margin-bottom: 60px;}
.contact input {
background:none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
box-shadow: none;
color: #333;
font-size: 16px;
font-weight: 400;
height: 50px;
padding: 10px 10px 10px 30px;
width: 100%;
}
.contact textarea {
background:none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
box-shadow: none;
color: #333;
padding: 10px;
width: 100%;
font-size:16px;
padding-left: 30px;
font-weight: 400;
}
.contact input:hover, .contact input:focus {
border: 1px solid #333;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover, .contact textarea:focus {
border: 1px solid #333;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #53d82a none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
display: inline-block;
font-family: montserrat,sans-serif;
font-size: 12px;
outline: medium none;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    color: #fff;
}
.signup_form{margin-bottom: 60px}
.signup_form h3 {
font-size: 36px;
font-weight: 400;
margin-bottom: 30px;
margin-top: 0;
text-transform: uppercase;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 1x solid #eee;
border-radius: 100px;
box-shadow: none;
color: #333;
height: 50px;
margin-bottom: 30px;
}
.signup_form input:focus{
box-shadow: none;
border:1px solid #333;
border-radius:100px;
}

.map{margin-bottom: 60px;}
.carousel-indicators-contact {
  bottom: 10px;
  left: 50%;
  list-style: outside none none;
  margin-left: -30%;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 60%;
  z-index: 15;
}
#contact__carousel { margin-bottom: 0px }
#contact__carousel .carousel-indicators { bottom:-30px }
/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #727272 none repeat scroll 0 0;
padding: 40px 0;
}
.footer img{width: 200px;}
.footer_social {
float: right;
}
.footer_social h4 {
color: #000;
margin-bottom: 20px;
margin-top: 10px;
text-transform: uppercase;
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
color: #333;
display: block;
font-size: 16px;
box-shadow: 0 3px 0 #f8f8f8;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}


.footer_social2 h4 {
color: #000;
margin-bottom: 20px;
margin-top: 10px;
text-transform: uppercase;
}

.footer_social2 ul li a {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
color: #53d82a;
display: block;
font-size: 16px;
box-shadow: 0 3px 0 #f8f8f8;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}




@media only screen and (max-width:360px) { 
.footer_social ul li a {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
     box-shadow: 0 3px 0 #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 3px 0 #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 3px 0 #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 3px 0 #CC181E;
}
.f_skype:hover{
    background: #00AFF0;
    box-shadow: 0 3px 0 #00AFF0;
}

.footer_copyright {
color: #fff;
text-transform: capitalize;
}
.footer_copyright a{color:#fff;}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 17.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.section-top { background: rgba(0, 0, 0, 0) url("../img/bg/banner.jpg") no-repeat scroll center center / cover }
.section_overlay {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    padding: 40px 0;
}
.section-top h2 {
color: #fff;
padding-top: 100px;
text-transform: uppercase;
}.menu_title{padding-top: 100px;}
.menu_title .breadcrumb {
    background: none;
    padding-top: 10px;
}
.menu_title .breadcrumb li { color: #fff }
.menu_title .breadcrumb li a {
    color: #fff;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.menu_title .breadcrumb li a:hover { color: #00cccc }

.blog_content{
background: #fcfcfc none repeat scroll 0 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
padding: 20px;	
}
.date{
color: #53d82a;
font-weight: 400;
margin-bottom: 15px;	
}
.title{
font-weight: 400;
margin-bottom: 20px;
text-transform: capitalize;
}
.blog_content h4{font-weight: normal;
margin: 15px 0;
text-transform: uppercase;}
.blog_content h4 span{
font-size: 16px;
margin-right: 30px;	
}
.blog_content img{}
.blog_content p{

}

/*pagination*/
#pagination ul li a {
border: 1px solid #eeee;
color: #333;
font-size: 16px;
height: 50px;
padding: 10px 19px;
width: 50px;
font-weight: 300;
}
#pagination ul li a:hover {
    color: #fff;
    background: #53d82a;
}
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
border-bottom: 1px solid #eee;
font-weight: 400;
margin-bottom: 15px;
padding-bottom: 15px;
text-transform: uppercase;
}
.search input {
  border: 1px solid #eee;
  border-radius:30px;
  box-shadow: none;
  color: #333;
  height: 45px;
}
.search input:hover,.search input:focus{border: 1px solid #53d82a;box-shadow: none;}
.search,
.video_post,
.categories { margin-bottom: 30px }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
color: #333;
display: block;
font-size: 16px;
font-weight: 300;
padding: 5px 0;
}
.categories ul li a:hover { color: #53d82a }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
.tag a {
  margin-bottom: 10px;
  margin-right: 5px;
}
.btn-tag-bg {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
color: #333;
display: inline-block;
font-size: 12px;
outline: medium none;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-tag-bg:hover,
.btn-tag-bg:focus {
    background: #53d82a;
	border: 1px solid #53d82a;
    color: #fff;
}
/*END BLOG SIDEBAR*/
/*
* ----------------------------------------------------------------------------------------
* 18.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/