@charset "utf-8";
/*======================================================================
[Master Stylesheet]
Project/Theme Name: 	Moax
Theme Url:  			https://themeforest.net/item/moax-multipurposed-one-page-psd-template-for-apps-landing-page-and-business/20385260?s_rank=1
Author: 				Sushan_Jariwala
Author Url: 			https://themeforest.net/user/sushan_jariwala
Description: 			Moax - Multipurposed one page PSD Template for Apps, Landing page, Corporate and Software company
Tag:  					clean & modern, creative, advanced typography, agency, layered psd, one page psd, single page psd, app, business, landing page, 
						application, android, iOs, 1170px grid, startup
======================================================================*/

/*==========TABLE OF CONTENTS===========*/
/*	01 BASIC STRUCTURE				 	*/
/*	02 HEADING							*/ 
/*  03 SECTION							*/
/*  04 HOME								*/
/*  05 ABOUT							*/
/*  06 SHOWCASE							*/
/*  07 TESTIMONIALS						*/
/*  08 BLOGS							*/
/*  09 HIRE ME							*/
/*  10 FOOTER							*/
/*======================================*/	

/* CSS DOCUMENT */
@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700');
@import "font-awesome.min.css";
@import "font-awesome-animation.min.css";
@import "jquery-ui.min.css";
@import "animate.css";
@import "bootsnav.css";
@import "magnific-popup.css";
@import "hover.css";


/* ========== 01 BASIC STRUCTURE ========== */

* {
	font-family: 'Bitter', serif;
	outline: none;
}
body {
	background-attachment: fixed;
	color: #919191;
	font-size: 15px;
	background-color: #ffffff;
	overflow-x: hidden !important;
	max-width: 100%;
}
img {
	max-width: 100%;
}
.img-fluid {
	width: 100%;
}
p {
	font-weight: 400;
	line-height: 15px;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
iframe {
	border: none;
	width: 100%;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #919191;
	text-decoration: none;
}
a img {
	border: none;
}
iframe {
	border: none;
}
/* ========== 02 HEADING ========== */ 

h2, h3, h4, h5, h6 {
	line-height: 1.42857143;
	color: #000000;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 60px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 15px;
}
/* Titles */
.dark-title h3 {
	color: #ffffff;
}
.dark-title h5 {
	color: #ffffff !Important;
}
.large-title {
	font-weight: 900;
	font-size: 48px;
}
.medium-title {
	font-weight: 900;
	font-size: 24px;
}
.medium-title .icon {
	margin-right: 20px;
}
.small-title {
	font-weight: 700;
	font-size: 18px;
}
/* Paragraph */
p {
	line-height: 140%;
	font-size: 20px; color:#000000;
	padding: 0;
	margin:0.6em 0 1.2em; text-align:justify; font-family: 'Lato', serif;
}
/* Text color */
.txt-dark {
	color: #000000;
}
.txt-light {
	color: #f1f1f1;
}
.txt-color {
	color: #919191;
}
.txt-white {
	color: #ffffff;
}
/* Text style */
.txt-underline {
	text-decoration: underline;
}
/* Font style */
.font-regular {
	font-weight: 400;
}
.font-bold {
	font-weight: 700;
}
.font-black {
	font-weight: 900;
}
/* Font sizes */
.font15 {
	font-size: 15px;
}
.font16 {
	font-size: 16px;
}
.font18 {
	font-size: 18px;
}
.font24 {
	font-size: 24px;
}
.font48 {
	font-size: 48px;
}
.font60 {
	font-size: 60px;
}
.font72 {
	font-size: 72px;
}
/* Margin setup */
.mt0{ margin-top:65px !important;}
.mb10 {
	margin-bottom: 10px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb100 {
	margin-bottom: 100px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	 margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}

.mt100 {
	margin-top: 1px;
}
/* Padding setup */
.nopadding {
	padding: 0;
}

.pt30 {
	padding-top: 30px;
}
/* Background color */
.bgf1f {
	background-color: #f1f1f1;
}


/* Textbox */
.textbox {
	border: 1px solid #dadada;
	padding: 12px;
	width: 100%;
	border-radius: 10px;
	line-height: normal;
}
.contactsecurityImg{
	border: 1px solid #dadada;
	padding: 12px;
	width: 76%;
	border-radius: 10px;
	line-height: normal; 
	float:left;
}
#msg {
	display:none;
	position:absolute;
	z-index:200;
	background:url(../images/msg_arrow.gif) left center no-repeat;
	padding-left:7px
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	border:2px solid #924949;
	border-left:none;
	padding:5px;
	min-width:150px;
	max-width:250px
}
.err{
	color:#FF0000;
	text-align:center;
	font-weight:bold;
}
.succ{
	color:#00FF00;
	text-align:center;
	font-weight:bold;
}
/* Buttons */ 
.btn {
	background-color: #000000;
	border: 1px solid #000000;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	margin-bottom: 0;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 10px !important;
}
.btn .icon {
	margin-right: 20px;
}
.btn:before {
	background-color: #fff;
	border-radius: 10px !important;
}
.btn:hover, .btn:active, .btn:focus {
	background-color: #000000;
	color: #000000;
	border: 1px solid #000000;
}


.btn-black {
	background-color: #000000 !important;
	border: 1px solid #000000;
	color: #ffff !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-black .icon {
	margin-right: 20px;
}
.btn-black:before {
	background-color: #fff !important;
	border: 1px solid #000000;
}
.btn-black:hover, .btn-black:active, .btn-black:focus {
	background-color: #fff;
	color: #000000 !important;
	border: 1px solid #000000;
}


.btn-white {
	background-color: transparent;
	border: 1px solid #000000;
	color: #000000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-white .icon {
	margin-right: 20px;
}
.btn-white:before {
	background-color: #000000!important;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
	background-color: #000000;
	color: #fff;
	border: 1px solid #000000;
}



.btn-white-bord {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-white-bord  .icon {
	margin-right: 20px;
}
.btn-white-bord:before {
	background-color: #ffffff !important;
}
.btn-white-bord:hover, .btn-white-bord:active, .btn-white-bord:focus {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #ffffff;
}

.btn-black-bord {
	background-color: transparent;
	border: 1px solid #000000;
	color: #000000;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-black-bord  .icon {
	margin-right: 20px;
}
.btn-black-bord:before {
	background-color: #000000 !important;
}
.btn-black-bord:hover, .btn-black-bord:active, .btn-black-bord:focus {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #000000;
}

.btn-large{font-size:18px;
	padding:15px 30px;}

.hvr-shutter-in-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
/* Bottom align text */
.bottom-align-text {
	bottom: 0;
	right: 0;
	text-align: left;
	margin-top: 16%;
}
/* Background image overlay effects */
.bg-overlay {
	background: #000000;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: .9;
	top: 0;
	z-index: 1;
}
/* Scroll to Top */

.scrollToTop {
	
	width: 25px;
	height: 40px;
	line-height: normal;
	padding: 10px 0;
	border-radius: 30px;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	z-index: 99999;
	bottom: 50px;
	right: 20px;
	position: fixed;
	
}
.scrollToTop:hover {
	
}
.scrollToTop img {
	-webkit-animation-name: hvr-hang-sink, hvr-hang;
	animation-name: hvr-hang-sink, hvr-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
	color: #fff;
	position: relative;
	text-align: center;
	top: -20%;
}
.scrollToTop:hover img {
	color: #fff;
}
/* PreLoader */ 
.page-preloader {
	background-color: #ffffff;
	background-image: url(../images/preloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999999;
}
/* ========== 03 SECTION ========== */

section {
	padding-bottom: 10px;
	position: relative;
	width: 100%;
	background-image: url(../images/section-bg.png);
	padding-top: 0px;
	padding-bottom: 35px;
	background-position: 50% 50px;
	background-repeat: no-repeat;
	background-color: transparent;
}
.section-text {
	text-align: center;
	z-index: 2;
	position: relative;
}
.section-text .contentarea {
	float: left;
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
}
.section-text h3 {
	font-size: 48px;
	margin-top: 0px;
	text-align: center;
	font-weight: 900;
	line-height: 45px;
	margin-bottom: 10px;
}
.section-text h5 {
	font-size: 18px;
	color: #fff;
}
.section-title {
	text-align: center;
	margin-bottom: 0px;
	z-index: 2;
	position: relative;
	margin-top: 0px;
}
.section-title h3 {
	font-size: 30px;
	margin-top: 0px;
	text-align: center;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 10px;
}

/*.section-title h3:before {
	content: "";
	width: 20px;
	height: 5px;
	border-radius: 10px;
	background-color: #000000;
	margin: 0 auto;
	z-index: 2;
	bottom: -80px;
	left: 50%;
	float: left;
	position: relative;
}*/
	
.section-title h5 {
	/* width: 100%; */
	/* text-align: center; */
	/* position: relative; */
	/* float: left; */
	margin-top: 50px;
	color: #919191;
	font-size: 18px;
	font-weight: 700;
}
/* Header section */
nav.theme-menu {
	border: none !important;
	padding: 3px 0;
}
.theme-menu .navbar-nav li > a {
	color: #919191;
	font-size: 15px;
	font-weight: 400;
}
.theme-menu li.active > a {
	color: #000000!important;
}
nav.navbar.bootsnav ul.nav > li > a {
	padding: inherit;
}
nav.theme-menu ul.nav > li > a {
	padding: 5px 15px !important;
}
.theme-menu .navbar-brand {
	padding: 0px;
}
.navbar-brand img.logo {
	/*margin-top: -10px;*/
}
.theme-menu li a:hover {
	color: #000000!important;
}
/*.theme-menu li a:after {
    content: "";
    border-radius: 30px;
    height: 5px;
    width: 0px;
    display: block;
    margin-top: 15px;
    -webkit-transition: width 0.2s ease-out;
    -moz-transition: width 0.2s ease-out;
    -o-transition: width 0.2s ease-out;
    -ms-transition: width 0.2s ease-out;
    }
.theme-menu li:hover>a:after {content: "";border-radius: 30px;height: 5px;width: 20px;display: block;margin: 0;margin-top: 15px;left: 0 !important;}*/

/* ========== 04 HOME ========== */
#home {
	padding: 0 !important;
}

#homeslider  .carousel-caption{text-align: left;top: 40%;}
#homeslider .carousel-caption h2{text-align: center; font-size: 60px; font-weight: 700; color:#e8e9eb; -webkit-text-fill-color: #e8e9eb !important;    -webkit-text-stroke-width: 2px !important;    -webkit-text-stroke-color: #000000!important;}
#homeslider .carousel-caption h3{font-size: 36px; font-weight: 400; color:#ffffff;}
#homeslider .carousel-caption h4{font-size: 18px; font-weight: 400; color:#ffffff;}
#homeslider .carousel-caption{ text-shadow:none !important;}

.slide-left-arrow {
    background: url(../images/home/slider-left-arrow.png) 50% 0;
    width: 20px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50px;
}

.slide-right-arrow {
    background: url(../images/home/slider-right-arrow.png) 50% 0;
    width: 20px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
}

.carousel-indicators {
    position: absolute;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    z-index: 9999;
}

.carousel-indicators li {
    display: inline-block;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 10px;
    border-radius: 30px;
    height: 5px;
    width: 20px;
    margin-top: 15px;
    margin-left: 10px;
    background: #f1f1f1;
    border-radius: 30px;
    height: 5px;
    width: 20px;
    border-radius: 30px;
}
.carousel-indicators .active {
}
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home {
	background: transparent 50% no-repeat;
	height: auto;
	/*min-height: 992px;*/
	background-size: cover;
	background-position: top;
}
.home-bg-overlay {
	background: #000000;
	background: linear-gradient(to right, #000000, #535353, #000000);
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: .5;
	top: 0;
	z-index: 1;
}
.header {
	padding: 50px 0;
}

/* Scroll to About */
#scrollToAbout {
	padding: 150px 0 0px 0;
}
.scrollToAbout {
	width: 25px;
	height: 40px;
	line-height: normal;
	padding: 10px 0;
	border-radius: 30px;
	cursor: pointer;
	right: 50%;
	text-align: center;
	z-index: 99999;
	display: inline-block;
	position: absolute;
	bottom: 50px;
	margin: 0 auto;
}
.scrollToAbout:hover {
	
}
.scrollToAbout img {
	-webkit-animation-name: hvr-hang-sink, hvr-hang;
	animation-name: hvr-hang-sink, hvr-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
	color: #000000;
	position: relative;
	text-align: center;
	top: -75px;
}
.scrollToAbout:hover img {
	color: #fff;
}
/* ========== 05 ABOUT ========== */
#about {
}

.panel-body {
     padding: 0 !important;
}
.panel-inner{ padding-bottom:20px;}

.about-left-accordion{background:#fff;padding:30px;box-shadow:0px 0px 20px #dadada;border-radius:10px;width: 90%;}
.about-left-accordion ul li a{    line-height: 300%;}
.about-left-accordion .panel-title > a[aria-expanded]{color:#919191;}
.about-left-accordion .panel-title > a[aria-expanded=true]{color:#000000;}

.about-left-accordion .panel-title > a[aria-expanded]:after {
 content:"";
 width:100px;
 height:1px;
 background-color:transparent;
 position: absolute;
 top: auto;
 margin-top: 25px;
 right: -5%;
 }

.about-left-accordion .panel-title > a[aria-expanded=true]:after {
   content:"";
 width:100px;
 height:1px;
 background-color:#000000;
 position: absolute;
 top: auto;
 margin-top: 25px;
 right: -5%; }




#AboutAccordion .panel-heading{ display:none; }
.about-accordion .panel-primary{    border-color: transparent;}
.about-accordion .panel {margin:0px!Important;}
.about-accordion  .panel-body{border:none;}


/* Introduction section */
#IntroAccordion .panel{
    margin-top: 5px;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 0;
    margin: 0px 0;
}

#IntroAccordion .panel-title > a[aria-expanded]:before { 
 content:"\f107"; font-family:'FontAwesome'; float: right; }

#IntroAccordion .panel-title > a[aria-expanded=true]:before {
  content:"\f106"; font-family:'FontAwesome'; float: right; }
  
  
#IntroAccordion .panel-heading{ 
display:block;
    background: transparent;
padding: 0; }
	
#IntroAccordion .panel-heading .panel-toggle{font-size:18px;font-weight:700;line-height: 300%;}

.intro-accordion .panel-primary{    border-color: transparent;}
.intro-accordion .panel {margin:0px!Important;}
.intro-accordion  .panel-body{border:none;}


/* Education section */
#accEducation ul{ margin:0; padding:0;}
#accEducation ul li{ float:left;}

.edubox{text-align: center; padding:50px 30px; min-height: 301px;border:1px solid #f1f1f1; }


/* Experience section */
/* Experience Timeline CSS */
.timeline {
	position: relative;
}
.timeline::before {
	content: '';
	background: #f1f1f1;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	/* transform: translateX(-50%); */
}
.timeline-item {
	width: 100%;
	margin-bottom: 0px;
}
.timeline-content h3{line-height: 100px;width: 100%;float: left;}
.timeline-content h3 span{line-height: normal;margin-top: 0;position: relative;display: inline-block;float: right;margin-left: 20px;}
.timeline-item:nth-child(even) .timeline-content {
	padding: 10px 0px;
	text-align: left;
	left: 36%;
}
.timeline-item:nth-child(even) .timeline-content span{line-height: normal;margin-top: -5px;position: relative;display: inline-block;float: left;margin: 0;margin-right: 20px;}
.timeline-item::after {
	content: '';
	display: block;
	clear: both;
}
.timeline-content {
	position: relative;
	width: 36%;
	padding: 10px 0px;
	border-radius: 4px;
	background: transparent;
	text-align: right;
}
.timeline-content h3 {	
width: 100%;	
color: #000;	
border-bottom:  1px solid #f1f1f1;	
margin-bottom:  10px;	
padding: 0 30px;
}


.timeline-item:nth-child(even) .timeline-content h3::after {
	
/* border: 1px solid; */
	
/* right: 0; */
}
.timeline-card {
}
.timeline-card p {
	padding: 0 0px;
}
.timeline-card a {
	margin-left: 0px;
}
.timline-text{line-height:200%;padding: 0 30px;}
.timline-text i{line-height:10px;}



/* Skills */
.skills { margin-bottom: 30px;}
.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#f1f1f1;
	height:10px;
	}
.skillbar .skillbar-bar{background:#d1d1d1;  }


.skills h5 {
	position:relative;
	font-weight:bold;
	color: #000000;
	font-size:15px;
	margin-bottom: 10px;
}

.skills .skill-percent {
	margin-top: 10px;
	float:right;
}

.skillbar-bar {
	height:10px;
	width:0px;
	background:#dadada;
	
}
/*
.skillbar .skillbar-bar { -webkit-transition: width 2s ease-in;
    -moz-transition: width 2s ease-in;
    -o-transition: width 2s ease-in;
    -ms-transition: width 2s ease-in;
    transition: width 2s ease-in; }*/
.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}

/* ========== 06 SHOWCASE ========== */

#showcase{
    margin-top: 0;
    background-color: #f1f1f1;
    background-position: 50% 150px !Important;
    }
.showcaseFilter{margin:0 auto;margin-bottom: 50px;text-align: center; }
.showcaseFilter a {
    color: #919191;
    text-decoration:none;
    font-size: 15px;
    text-align: center;
    padding: 10px 20px;
}
 
.showcaseFilter a.current {
    font-weight:bold;
    background: #000;
    border-radius: 10px;
    color:#fff;
}
 
.showcase {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-bottom: 30px;
	border-radius: 10px;
}
.bgoverlay{width:100%;height: 100%;background: #000000;opacity: .5;position: absolute;z-index: 1;}
.showcase img {
	width: 100%;
	overflow: hidden;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 10px;
	
}
.showcase:hover{
	box-shadow: #d1d1d1 0px 0 30px;
	opacity: 1;
	z-index: 2;
	}
.showcase:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	
}
.showcase .hover-style {
	text-align: center;
	color: #000;
	opacity: 1;
	display: none;
	z-index: 9999;
	position: absolute;
	height: auto;
	height: 100%;
	width: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	padding: 0px;
	border-radius: 10px;
}

.showcase .hover-style .border-box {
	background: transparent;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
	border-radius: 10px;
}
.showcase .hover-style .border-box .hover-content {
	display: table;
	vertical-align: middle;	
	background: transparent;
	color: #000;	
	border:none;
	-webkit-transition: zoomIn .5s ease;
	-moz-transition:  all .5s ease;
	-o-transition:  all .5s ease;
	-ms-transition:  all .5s ease;
	transition: all .5s ease;;
	opacity: 0;
	width:0;
	height: 0;
	margin: auto;
    top: 50%;
}

.showcase .hover-style:hover .hover-content {
	opacity: 1;
	border: 1px solid #ffffff;
	border-radius: 10px;
	width: 100%;
	height: 100%;
}
.showcase .hover-content .content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
.showcase .hover-style h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	opacity: 0;
	margin-right: -150px;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	transition: all .8s ease;
}
.showcase .hover-style:hover h3 {
	opacity: 1;
	margin-right: 0;
}

.showcase .hover-style h5 {
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	opacity: 0;
	margin-left: -150px;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	transition: margin-left .8s ease;
	position: relative;
}

.showcase .hover-style:hover h5 {
	opacity: 1;
	margin-left: 0;
}

.showcase .hover-style .popup-img{background:url(../images/showcase/zoom.png); width: 30px; height: 30px;}

.showcase:hover>.hover-style {
	display: block;
}
.showcase:hover>.hover-style .border-box {
	opacity: 1;
	z-index: 1111;
	position: absolute;
	left: 0;
}
.showcase .hover-style .showcase-links a {
	font-size: 18px;
	color: #ffffff;
	margin: 10px;
}


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.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;
}

	
/* ========== 07 TESTIMONIALS ========== */	
	
	
/* Carousel indicators */
.carousel-indicators {
	bottom: 0;
	position: relative;
	margin-top: 20px;
	left: 0;
	top: 0;
}
.carousel-indicators .active {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	background-color: #000;
}
	
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.carousel-inner .item .testimonials{}
.carousel-inner .item .testimonials img{border-radius: 10px;max-height: 100px;max-width: 100px;}
.carousel-inner .item .testimonials .rate{ margin-top: 50px; color: #ffc600; margin-bottom: 10px;}
.carousel-inner .item .testimonials  h3{ font-weight:700; font-size: 24px;}
.carousel-inner .item .testimonials  h5{ font-weight:400; font-size: 15px; font-style: italic; margin-bottom: 10px;}

/* ========== 08 BLOGS ========== */

#services{
    margin-top: 0;
    background-color: #f1f1f1; 
    line-height: 1.4;
    background-position: 50% 50px !Important;
    }

.services-content img{ border-radius:10px 10px 0 0; margin-bottom: 30px;}
.services-content h5{margin-bottom:20px; font-style: italic;}
.services-content ul {
	margin:0px;
	padding:0px;
	list-style:none; margin-bottom: 25px;
}
.services-content ul li {
    background: transparent url(../images/lines-li.png) no-repeat left 6px;
    margin-bottom: 5px;
    padding-left: 31px;
    min-height: auto !important; font-size:20px;
	color:#000;
	line-height: 25px;
	font-family: "Lato", sans-serif;
}
	
/* ========== 09 HIREME ========== */	
	.contact-list{ color:#000000;}
	.contact-list li{ color:#000000; line-height:50px; font-size:18px; }
	.contact-list li .icon{ margin-right:30px;}
	

.top-social { margin-top: 15px; margin-left: 0px; margin-bottom: 0px;width:auto;height:30px;text-align: center; float:left;}

.top-socialleft { margin-top: 50px; margin-left: 0px; margin-bottom: 0px;width:auto;height:30px;text-align: center; float:left;}

.top-socialleft { margin-top: 15px; margin-left: 0px; margin-bottom: 0px;width:auto;height:30px;text-align: center; float:left;}


.footer-social {
    margin-top: 55px;
}	


.copy {
	margin-top: 7px;
	text-align: center;
}
/* ========== 10 FOOTER ========== */
#footer{   margin-top: 20px;
background-image:none;
    background-color: #f1f1f1;
    background-position: 50% 150px !Important;}
	#footer .social-title{ float:left;}
	.footer-socials { display:inline-block; }
	.footer-socials li{ float:left; margin: 0 10px;}
	.footer-socials li a{
    max-width: 50px;
    text-align: center;
}

#footer1{   margin-top: 0;
background-image:none;
    background-color: #f1f1f1;
    background-position: 50% 150px !Important;}
	#footer .social-title1{ float:left;}
	.footer-socials1 li{ float:left; margin: 0 10px;}
	.footer-socials1 li a{
    max-width: 50px;
    text-align: center;
}

.copyrights{ text-align:right; }
* { 
   box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {float: left; width: 50%; padding: 5px;}

/* Clear floats after the columns */
.row:after {content: ""; display: table; clear: both;}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
   .column {width: 100%;}
}
div.a {text-align: center;}
div.b {text-align: left;}
div.c {text-align: right;} 
div.d {text-align: justify;} 
* {box-sizing: border-box; margin: 0; padding: 0;}
body {font-family: Raleway;background-color: #FFFFFF;}
.heading {text-align: center; font-size: 2.0em; letter-spacing: 1px; padding: 40px; color: white;}
.gallery-image {padding: 20px;display: flex; flex-wrap: wrap; justify-content: center;}
.gallery-image img {height: 250px; width: 350px; transform: scale(1.0); transition: transform 0.4s ease;}
.img-box {box-sizing: content-box; margin: 10px; height: 250px; width: 350px; overflow: hidden; display: inline-block; color: white; position: relative; background-color: white;}
.caption {position: absolute; bottom: 5px; left: 20px; opacity: 0.0; transition: transform 0.3s ease, opacity 0.3s ease;}
.transparent-box {height: 250px; width: 350px; background-color:rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; transition: background-color 0.3s ease;}
.img-box:hover img {transform: scale(1.1);}
.img-box:hover .transparent-box {background-color:rgba(0, 0, 0, 0.5);}
.img-box:hover .caption {transform: translateY(-20px);opacity: 1.0;}
.img-box:hover {cursor: pointer;}
.caption > p:nth-child(2) {font-size: 0.8em;}
.opacity-low {opacity: 0.5;}
div.gallery {border: 1px solid #ccc;}
div.gallery:hover {border: 1px solid #777;}
div.gallery img {width: 100%;height: auto;}
div.desc {padding: 15px; text-align: center;}
* {box-sizing: border-box;}
.responsive {padding: 0 6px;float: left;width: 24.99999%;}
.menubar {text-align:center; float:right; position:relative;display:inline-flex; margin-top:30px;}
@media only screen and (min-width: 922px) and (max-width: 1024px) {
	nav.navbar.bootsnav .navbar-header {float: none; display: block; text-align: center; padding-left: 0px; padding-right: 0px; text-align:center;}
.menubar {text-align:center; float:none; position:relative;display:block; width:100%;	}
}
@media only screen and (max-width: 800px) {
  .responsive {width: 49.99999%;margin: 6px 0;}
	.menubar {text-align:center; float:none; position:relative;display:block; position: absolute;top: 35px;right: 10px;}
	.wow span {display: block;}
  #navbar-menu {position: absolute;top: 37px;right: -10px;width: 180px; }
  h2.wow {width:auto;}
.menubar {margin-top:0px;}
	.footer-social {margin-top: 0px;}	
	section {
	padding-top: 60px;
	}
}
@media only screen and (max-width: 500px) {
  .responsive {width: 100%;}
  .footer-socials li {margin: 0 8px;}
}
.clearfix:after {content: "";display: table;clear: both;
}
div.gallery {margin: 5px;border: 0px solid #ccc;float: center;width: 180px;}
div.gallery:hover {border: 1px solid #777;}
div.gallery img {width: 100%;height: auto;}
div.desc {padding: 15px;text-align: center;}