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

                    GLOBAL STYLES

---------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Niconne');


.navbar-default
{
	background-color:#FFF;!important
}
body,html {

	height: 100%;

	width: 100%;


}
.clr-no{
    display:none !important;
}
.banneryoutube
{
	width:100%;
	margin-top:90px;
	margin-bottom:20px;
	
}
#event
{
	background:url(../images/bg-callout.jpg); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.bg-color
{
	    background-color: RGBA(0, 0, 0, 0.61);
		min-height:630px;

}
.header-h
{
	    font-size: 46px;
    font-weight: 300;
    color: #FFB03B;
    font-family: 'Satisfy', sans-serif;

}
.header-p
{
	    color: #9699a6;
    font-size: 16px;

}
.left-images
{
	    padding: 0px;

}
.left-images img
{
	    height: 308px;
    width: 100%;

}
h3.title
{
	padding-top:10px;
}
.details-text
{
	    background-color: rgba(14, 4, 4, 0.70);
    border-right: 2px solid #A87F41;
    padding: 20px 20px 30px 30px;
    overflow: auto;

}
.content-holder h2
{
	    color: #FEC80C;
    font-size: 32px;
    padding-bottom: 15px;
    font-family: 'Satisfy', sans-serif;


}
.details-text p
{
	    color: #E8E8E8;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 300;

}

.content-holder address strong
{
	    color: #FEC80C;
    padding: 10px 0px;
	

}
p.addr
{
}
.aboutpage
{
	margin-top:100px;
}
.btn-read-more
{
	    background: #FEC80C;
    padding: 7px 19px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 3px;
    color: #000;
    text-transform: uppercase;
    margin-top: 10px;

}
h3.title a
{
	color:#FFF;
	font-weight:700;
	font-size:22px;
	    font-family: 'Arima Madurai', cursive;

}
.ml-auto, .mx-auto
{
	margin-left:auto;!important
}
.butn
{    margin-left: 57px;
    width: 15%;

}
#services .box
{    padding: 50px 20px;
    margin-bottom: 50px;
    text-align: center;
    border: 1px solid #e6e6e6;
    height: 250px;
    position: relative;
    background: #FEC80C;
}
#services .icon
{    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    transition: 0.2s;
    display: inline-block;
    border: 6px solid #fff;

}
#services .icon a
{    display: inline-block;
    background: #FEC80C;
    border: 2px solid #FEC80C;
    padding: 16px;
    border-radius: 50%;
    transition: 0.3s;
	color:#000;
	font-size:25px;

}
h4.title 
{
	color:#FFF;
	font-weight:700;
	font-size:23px;
	    font-family: 'Arima Madurai', cursive;

}
.servicenew
{
	float:left;
	width:100%;
	background-attachment:fixedl;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:30px;}
.services-section
{
	width:100%;
	margin-top:150px;
	margin-bottom:70px;
}
.service-img
{
		max-width:100%;
		height:auto;
}
button.navbar-toggle
{
	width:13%;
}
strong.whatsapp
{
	font-size:40px;	
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 70%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color:#FEC80C;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}


h1.whatsapphead
{
	color:#000;
	text-align:center;
	font-size:66px;
	    font-family: 'Niconne', cursive;
    padding-top: 30px;

}
p.whatsappbody
{
								color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}
h1.bulkhead
{
	color:#000;
	text-align:center;
	font-size:66px;
	    font-family: 'Niconne', cursive;

    padding-top: 30px;

}
p.bulkbody
{
								color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}
h1.smshead
{
	color:#000;
	text-align:center;
	font-size:66px;
	    font-family: 'Niconne', cursive;
    padding-top: 30px;

}
p.smsbody
{
							color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}
h1.datahead
{
	color:#000;
	text-align:center;
	font-size:66px;
    padding-top: 30px;
	    font-family: 'Niconne', cursive;

}
p.databody
{
							color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;
}
h1.followhead
{
	color:#000;
	text-align:center;
	font-size:66px;
	    font-family: 'Niconne', cursive;
    padding-top: 30px;

}
p.followbody
{
							color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;
}
.servicebackground
{
	width:100%;
	background-image:url(../images/bgservicees.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
}
li.theor
{
	position:relative;}
.porfoliotext
{
	float:left;
	width:100%;
}
ul.serviseul
{
	display:none;
	position:absolute;
	width:200px;
	background-color:white;
}
h1.softwarehead
{
	color:#000;
	text-align:center;
	font-size:66px;
		    font-family: 'Niconne', cursive;
    padding-top: 30px;

}
h1.billinghead
{
	text-align:center;
	color:#000;
    font-family: 'Niconne', cursive;
    padding-top: 30px;
	    font-size: 66px;

}
p.billingbody
{
	color:#000;
	text-align:center;
						line-height:39px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}
h1.marketinghead
{
	text-align:center;
	color:#000;
	font-size:66px;
			    font-family: 'Niconne', cursive;

    padding-top: 30px;
}
p.marketingbody
{
			color:#000;
	text-align:center;
						line-height:39px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}
h1.hybridhead
{
	color:#000;
	font-size:66px;
	text-align:center;
		    font-family: 'Niconne', cursive;

	    padding-top: 31px;

}
p.hybridbody
{
		color:#000;
	text-align:center;
						line-height:39px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;
}
p.softwarebody
{
color:#000;
	text-align:center;
						line-height:39px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}
h1.poshead
{
	text-align:center;
	color:#000;
	font-size:66px;
		    font-family: 'Niconne', cursive;

    padding-top: 25px;
}
h1.corphead
{
	color:#000;
	text-align:center;
		    font-family: 'Niconne', cursive;

			font-size:66px;
    padding-top: 27px;

	}
	p.corpbody
	{
								color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

			}
p.posbody
{
		color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;
}
	ul.hybridcenter
	{
		text-align:center;
		    padding-bottom: 36px;
				color:#000;
	text-align:center;
font-family: 'Arima Madurai', cursive;
font-size:26px;
font-style:italic;
font-weight:600;


	}
	li.hybridcenter
	{
		text-align:center;
		text-decoration:none;
		list-style-type:none;
	}
	h1.contenthead
	{
		color:#000;
		text-align:center;
		font-size:66px;
		    font-family: 'Niconne', cursive;
    padding-top: 26px;

	}
	h1.videohead
	{
color:#000;
		text-align:center;
		font-size:66px;
		    font-family: 'Niconne', cursive;
		
	    padding-top: 24px;
}
	p.videobody
	{
							color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;


	}
	p.contentbody
	{
							color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;


	}
	.websiteport
	{
		padding-bottom:25px;
	}
.porfoliotext 
{
	line-height:39px;
	font-size:22px;
	text-align:center;
	font-family: 'Courgette', cursive;


}
.porfoliotext1 
{
	line-height:39px;
	font-size:22px;
	padding-top:65px;
	text-align:center;
	font-family: 'Courgette', cursive;


}
.portfoliodesign
{
	float:left;
	width:100%;
	margin-top:215px;
	margin-bottom:150px;
}
.porfoliotext2
{
	line-height:39px;
	font-size:22px;
	font-family: 'Courgette', cursive;
	padding-top:28px;
		text-align:center;

}
.porfoliotext3 
{
	line-height:39px;
	font-size:22px;
	text-align:center;
	font-family: 'Courgette', cursive;
	padding-top:52px;

}

.portfoliopart

{
	float:left;
	width:100%;
	padding-bottom:74px;
	font-size:22px;
	font-family: 'Courgette', cursive;

}
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    max-width: 300px;
    margin: auto;
    text-align: center;
}
#graphicdesign
{
	padding-bottom:23px;
}
.portfolioimages
{
	width:100%;
	float:left;
	margin-top:30px;
}
.title {
    font-size: 18px;
}
.contentc
{
	float:left;
	width:100%;
	background-image:url(../images/bgservicees.png);
	background-size:cover;
	background-repeat:no-repeat;
	height:auto;
}
ol.contentfir
{
	padding-bottom:46px;
	padding-top:46px;
}
h1.webhead
{
	    color: #000000;
		text-align:center;
		    font-size: 66px;
			    font-family: 'Niconne', cursive;

    padding-top: 23px;

}
p.webbody
{
								color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

}

p.webcontent
{
	    color: #000000;
		    text-align: center;
			    font-size: 1.5rem;
				line-height:25px;
				font-family: 'Arima Madurai', cursive;


}
h1.digitalhead
{
	text-align:center;
	color:#000;
	font-size:66px;
    font-family: 'Niconne', cursive;
    padding-top: 25px;

}
p.digitalbody
{
								color:#000;
	text-align:center;
						line-height:43px;
    padding-bottom: 53px;
font-family: 'Arima Madurai', cursive;
font-size:22px;
font-style:italic;
font-weight:600;

	
}
.facebookbody
{
	padding-top:30px;
	padding-bottom:30px;
	font-family: 'Arima Madurai', cursive;

}
table
{
	font-size:19px;
	font-weight:600;
}
button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: #FEC80C;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}

a {
    text-decoration: none;
    color: black;
}
.card h1
{
	font-weight:700;
}
teamsection4
{
	margin-top:56px;
}
.card
{
	background-color: #FEC80C;
}
.card a
{
	margin-right:13px;
}
button:hover, a:hover {
    opacity: 0.7;
}
Try it Yourself »


 .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 


#abouttext
{
	margin-top:33px;
	margin-bottom:20px;
}
.aboutsectionimg img
{
	width:100%;
	padding-top:90ox;
}
.section {

  background-color: red;

}
.aboutimage img
{
	width:97%;
}
.aboutimage
{
	padding-bottom:50px;
	    padding-top: 36px;

}
.about-progress
{
	background:url(../images/bg_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding-bottom:20px;
	margin-top:75px;
}
.aboutprog h2
{font-size:57px;
	    font-family: 'Niconne', cursive;
	color:#FEC80C;
	text-align:center;
}
.servicessection
{
	width:100%;
	margin-top:100px;
}
.servicescontent1{
}
.servicescontent1 h2
{
	color:#FEC80C;
	text-align:center;
		    font-family: 'Niconne', cursive;
			font-size:50px;

}
.servicescontent1 p
{
	text-align:center;
			font-family: 'Scope One', serif;
			font-size:18px;
			line-height:30px;
			font-weight:600;

}
.servicesimg img
{
	max-width:100%;
	    padding-top: 25px;

}
.servicesection2
{
	margin-top:70px;
}

.marketingc
{
	float:left;
	width:100%;
	background-image:url(../images/bgservicees.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
}

.servicepart
{
	margin-top:75px;
}
a.clr-no
{
	color:rgb(255, 204, 0);

    display : none !important;
}


.about-content
{
	float:left;
	width:100%;
	}
.aboutsectiontitle h2
{
	text-align:center;
	font-size:57px;
	    font-family: 'Niconne', cursive;
	color:#FEC80C;
	
}
.aboutsection p
{
	font-size:22px;
	padding:8px;
	line-height:35px;
	color:#000;
font-family: 'Courgette', cursive;
padding-top:20px;
}
.progressbart
{
	margin-top:10px;
}
.porfoliotext
{
	font-family: 'Courgette', cursive;

}
ul.team-social i

{

	font-size:20px;

	padding-top:5px;

}

ul.social i

{

	font-size:23px;

	padding-top:9px;

}

.support:hover

{

	background-color:#CC3;

	opacity:0.5;}

#creative

{

	display:none;

}

a#creative

{

	display:none;

}

#website

{

	display:none;

}
#Video
{
	display:none;
}
a#Video
{
	display:none;
}
#online
{
	display:none;
}
a#online
{
	display:none;
}
#follow
{
	display:none;
}
a#follow
{
	display:none;
}
a#website

{

	display:none;

}

#marketing

{

	display:none;

}

a#marketing

{

	display:block;

}

#mobile

{

	display:none;

}

a#mobile

{

	display:none;

}

#content

{

	display:none;

}

a#content

{

	display:none;

}

#testing

{

	display:none;

}

a#testing

{

	display:none;

}

#seo

{

	display:none;

}

a#seo

{

	display:none;

}

#corporate

{

	display:none;

}

a#corporate

{

	display:none;

}

body {

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.body {

	position: relative;

	width: 100%;

	overflow: hidden;

}
/**
.btn
{
	    width: 50%;

	margin-bottom:20px;!important
	padding-top:20px;!important
	color:#FFF;
	padding:15px;
	font-weight:600;
	font-size:20px;
}
*//
button
{
	text-align:center;!important
	margin:20px;
	
	}


h1,h2,h3,h4,h5,h6 {

	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;


}

.teamsection
{
	margin-top:100px;
}


a {

	color:#FEC80C;

}
.teamsection2
{
	margin-top:56px;
}

.teamsection3
{
	margin-top:56px;
}


.no-padding {

	padding: 0 !important;

}
.card img
{
	border-radius:50%;
	display:inline-block;
	    background-color: white;

}

.card img.cardimg
{
	border-radius:50%;
}

.space10 {

	margin-bottom: 10px;

}



.space15 {

	margin-bottom: 15px;

}



.space20 {

	margin-bottom: 20px;

}



.space25 {

	margin-bottom: 25px;

}



.space30 {

	margin-bottom: 30px;

}



.space35 {

	margin-bottom: 35px;

}



.space40 {

	margin-bottom: 40px;

}



.space50 {

	margin-bottom: 50px;

}



.space60 {

	margin-bottom: 60px;

}



.space70 {

	margin-bottom: 70px;

}



.space80 {

	margin-bottom: 80px;

}



.space90 {

	margin-bottom: 90px;

}



.space100 {

	margin-bottom: 100px;

}



.cover {

 	background: url(../images/overlay.png);

	position: absolute;

	right: 0px;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 0;

}



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

                    HEADER STYLES

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





header {

	padding:50px 0;

	position:fixed;

	top:0px;

	right:0px;

	left:0px;

	z-index:99999;

}



.navbar-default {

	background:transparent;

	border: none;

	padding:50px 0;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.navbar-brand {

	color: #393f4a !important;

	margin: 0;

	font-size: 42px;

	font-family: Pacifico;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.navbar-default .navbar-nav > li > a {

	color: #393f4a;

	font-size: 15px;

	text-transform: uppercase;

	margin-top: 5px;

	font-weight: 700;

}

.navbar-default .navbar-nav > li > a:hover {
	border-top:2px solid #FEC80C;	
}

.nav > li > a {

	position: relative;

	display: block;

	padding: 10px 20px;

}



.topnav-pages {

	background: #fff !important;

}



.btn-dark {

	width: 140px;

	line-height: 28px !important;

	text-align: center;

	font-size: 15px;

	color: #fff !important;

	text-align: center;

	border-radius: 5px;

	background: #3a3a3a !important;

	border: 2px solid #3a3a3a;

	display: table;

	text-transform: uppercase;

	float: right;

	font-weight: 700;

	top: -4px;

	margin-left: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-dark:hover {

	color: #3a3a3a !important;

	background: transparent !important;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-lite {

	width: 160px;

	line-height: 50px;

	text-align: center;

	font-size: 15px;

	color: #393f4a;

	text-align: center;

	border-radius: 5px;

	border: 2px solid #fff;

	background: #fff;

	display: table;

	text-transform: uppercase;

	margin: 65px auto 0;

	font-weight: 700;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	position:relative;

	z-index:2;

}



.btn-lite:hover {

	color: #fff;

	background: transparent;

	border: 2px solid #fff;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-lite1 {

	width: 160px;

	line-height: 50px;

	text-align: center;

	font-size: 15px;

	color: #3a3a3a;

	border: 2px solid #3a3a3a;

	text-align: center;

	border-radius: 5px;

	background: #fff;

	display: table;

	text-transform: uppercase;

	margin: 40px auto 100px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-lite1:hover {

	color: #27ae60;

	border: 2px solid #27ae60;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



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

                    SLIDER STYLES

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



.intro-header {

	background:#f8bc3b url(../demo/wrappers/1.jpg) no-repeat center;

	background-size:100% auto;

	padding: 170px 0 20px;

	position:relative;

}



.intro-header h6 {

	font-size: 115px;

	font-weight: 900;

	text-transform: uppercase;

	color: #fff;

	font-family: Raleway;

}



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

                    SERVICES STYLES

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



.services {

	background: #fff;

	padding: 100px 0;

	position:relative;

}



.services-content {

}



.services-content img {

	display: table;

	margin: 0 auto 35px;

}



.services-content h4 {

	font-size: 24px;

	margin: 0 0 15px;

	text-align: center;

}



.services-content p {

	font-size: 16px;

	text-align: center;

	font-weight: 400;

	line-height: 28px;

	margin: 0 auto;

	width: 95%;

}



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

                    COMMON STYLES

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


.portfolio h3{
   
    
	
	
		
	}
	.portfolio h3{

	color: #000;

	text-transform: uppercase;

	margin: 110px 0;
	margin-bottom:50px;

	text-align: center;

	font-size: 48px;

}
.flipInx
{
	padding-bottom:30px;
}

	.portfolio p{

	font-size: 20px;


	line-height: 36px;


	width: 100%;

	margin: 0 auto;

	font-family: Lato;

	color:#000;
}

.portfolio  button{


      text-align:center;
	  
	  
	  height:50px;
	}
	.portfolio  button:hover{
	
	background-color:#FFCC00;
	
	}
	.portfolio  button a{

      text-align:center;
	  height:50px;
	  color:#000000;
	}

.portfolio-wrap {

	background:#27ae60 url(../demo/wrappers/2.jpg) no-repeat center fixed;

	background-size:100% auto;

	padding:120px 0;

	position:relative;

	z-index:1;

}



.portfolio-wrap h3,.team-wrap h3,.pricing-wrap h3,.news-wrap h3,.contact-wrap h3 {

	color: #fff;

	text-transform: uppercase;

	margin: 0 0 15px;

	text-align: center;

	font-size: 48px;

	letter-spacing: 4px;

}



.portfolio-wrap p,.team-wrap p,.pricing-wrap p,.news-wrap p,.contact-wrap p {

	font-size: 22px;

	color: #96eaba;

	text-align: center;

	line-height: 36px;

	width: 50%;

	margin: 0 auto;

	font-family: Lato;

}




.news-wrap h3 {

	color: #393f4a;

}



.team-wrap p {

	color: #ffcb08;

}



.pricing-wrap p {

	color: #8694af;

}



.news-wrap p {

	color: #888c92;

}



.contact-wrap p {

	color: #fff;

}




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

                    BLOG STYLES

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



.staff-content {

	background: #fff;

	border-radius: 5px;

}



.staff-img {

	display: table;

	margin: 0 auto;

	position: relative;

}



.team-wrap .col-md-3 {

	padding: 0 10px;

}



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

                    PORTFOLIO STYLES

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



#filters {

	margin: 10px auto 60px;

	display: table;

	padding: 0;

	list-style: none;

}



#filters li {

	float: left;

	text-align: center;

	margin: 0 5px;

}



#filters li span {

	display: block;

	padding: 8px 20px;

	text-decoration: none;

	color: #fff;

	cursor: pointer;

	text-transform: uppercase;

	border: 2px solid transparent;

	font-size: 14px;

	font-weight: 700;

	border-radius: 5px;

}



#filters li span.active {

	border: 2px solid #fff;

	background: #fff;

	color: #27ae60;

}



#filters li span:hover,#filters li span.active:hover {

	border: 2px solid #fff;

	color: #fff;

	background: transparent;

}



#portfoliolist .portfolio {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	width: 33.33333333%;

	display: none;

	float: left;

	overflow: hidden;

	padding: 10px;

}



.portfolio-wrapper {

	overflow: hidden;

	position: relative !important;

	cursor: pointer;

}



.portfolio img {

	max-width: 100%;

	position: relative;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}


.portfolio img:hover{

	cursor: pointer;

	

}



.overlay1 {

	background: rgba(0,0,0,0.7);

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	right: 0;

	top: 0;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.overlay-text {

	font-weight: 600;

	height: 115px;

	width: 165px;

	text-align: center;

	display: table-cell;

	margin: auto;

	vertical-align: middle;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	color: #fff;

	font-size: 35px;

	text-transform: uppercase;

}


.navbar-default .navbar-nav > .active > a
{
	background-color:#FFF;
}
.navbar-default .navbar-nav > .active > a:hover
{
	background-color:#FFF;
}
.overlay-text span {

	display: block;

	text-align: center;

	font-size: 20px;

	margin-top: 15px;

}



.overlay-text:hover {

	color: #f8bc3b;

}



.portfolio:hover .overlay1 {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



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

                    INFO STYLES

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



.info-wrap {

	padding: 110px 0;

	background: #fff;

	position:relative;

}



.info-content {

}



.info-content h4 {

	font-size: 34px;

	color: #393f4a;

	font-family: Open sans;

	margin: 0 0 50px;

}



.info-content p {

	font-size: 16px;

	color: #393f4a;

	line-height: 28px;

}



.btn-main {

	border: 2px solid #27ae60;

	color: #27ae60;

	border-radius: 5px;

	padding: 12px 20px;

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-main:hover {

	color: #fff;

	background: #27ae60;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-orange {

	color: #db5940;

	border-color: #db5940;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.btn-orange:hover {

	color: #fff;

	background: #db5940;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.info-content {

	display: table;

}

.stats, .mail-w3l, .w3layouts_mail_grid_right, .service, .gallery, .team-w3l
{
padding: 5em 0;
}
.stats-info
{    text-align: center;

}
.stats-grid
{
	    font-size: 4em;
    color: #000;

}
.stats-grid.slideanim i {
    font-size: 40px !important;

}
h4.stats-info
{
	    margin-top: 20px;

}
.stats h4
{
	    color: #FEC80C;
    font-size: 26px;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'Dosis', sans-serif;
    border-bottom: 1px solid #afacac;
    padding: .5em 0;
    border-radius: 12px;

}
/*------------------------------------------------------------- 

                    TEAM STYLES

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



.team-wrap {

	background:#db5940 url(../demo/wrappers/3.jpg) no-repeat center fixed;

	background-size:100% auto;

	padding:70px 0;

	position:relative;

	z-index:1;

}



.staff-img {

	position: relative;

	padding: 30px 0;

	display: table;

	height: 174px;

}



.staff-content h5 {

	font-size: 28px;

	color: #393f4a;

	font-weight: 300;

	text-align: center;

	margin: 0 0 5px;

	font-family: Open sans;

}



.staff-content p {

	font-size: 18px;

	text-align: center;

	color: #db5940;

	text-transform: uppercase;

	font-weight: 700;

	font-family: Open sans;

}



.team-social {

	padding: 0;

	margin: 0 auto;

	display: table;

}



.team-social li {

	float: left;

	text-align:center;

	list-style: none;

	margin: 30px 5px 35px;

}



.team-social li a {

	width: 40px;

	height: 40px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	background: #b7b7b7;

	border-radius: 50%;

	display: table;

}



.sl-fb:hover {

	background: #4f689e;

}



.sl-tw:hover {

	background: #74c7d5;

}



.sl-gp:hover {

	background: #df5c64;

}



.sl-ln:hover {

	background: #017eba;

}

.sl-in:hover{background:#9b6954;}



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

                    TESTIMONIALS STYLES

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



.testimonial-wrap {

	padding: 105px 0;

	background:#fff;

	position:relative;

}



.quote img {

	display: table;

	margin: 0 auto;

}



.quote p {

	font-size: 26px;

	color: #393f4a;

	line-height: 40px;

	margin: 50px auto 40px;

	text-align: center;

	width: 57%;

	font-style: italic;

}



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

                    PRICING STYLES

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



.pricing-wrap {

	background:#393f4a url(../demo/wrappers/4.jpg) no-repeat center fixed;

	background-size:100% auto;

	padding:120px 0 150px;

	position:relative;

	z-index:1;

}



.pricing {

	width: 280px;

	height: 400px;

	background: #fff;

	border-radius: 5px;

	margin: 0 auto;

	position: relative;

	padding: 40px 20px;

	z-index: 1;

}



.shadow {

	width: 280px;

	height: 400px;

	background: url(../images/shadow.png);

	border-radius: 5px;

	margin: 0 auto;

	position: absolute;

	left: 25px;

	bottom: -25px;

	z-index: -1;

}









.team-sec{float: left;width: 100%;}

.team .photo {width: 100%; height: 250px; display: inline-block; overflow: hidden; position: relative;     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}

.photo-shadow {position: absolute;
    z-index: -1;
    top: 0;
    bottom: 4px;
    //border: 1px solid #dcae00;
    height: 362px;
    width: 100%;
    background: #fff;
    //box-shadow: 1px 1px 3px #e2b304;}



.col-item{position: relative;height:365px;}

.team{margin-top: 60px;}

.team .photo img{width: 100%;    vertical-align: middle;position: relative;}

.social-connect{margin-top: 13px;}

.info{margin-top: 22px;text-align: center;}

.info .name{font-size: 18px;font-weight: 600;margin-bottom: 2px;}

.info .degination{font-size: 16px;font-weight: 300;font-style: italic;	color:#FEC80C;}

.social-connect a{ display: inline-block; border: 1px solid #333; font-size: 14px; color: #333; width: 24px; height: 24px; text-align: center; line-height: 24px;margin-right: 4px;}

.social-connect a .fa{margin: 0;line-height:23px}

.social-connect a:hover{background-color: #4EBEE9;color: #fff;} .carousel-line{  }

.carousel-line > .controls{position: absolute; bottom: -60px; left: 50%; margin-left: -50px; background: #fff; padding: 0px 20px; color: #000;}

.carousel-line > .controls > a{    color: #868686; font-size: 24px; font-weight: 300;}













.pricing h5 {

	text-transform: uppercase;

	font-family: Open sans;

	color: #393f4a;

	font-size: 18px;

	text-align: center;

	margin: 0;

}



.pricing h5 span {

	display: block;

	font-weight: 300;

	font-size: 36px;

	margin-top: 13px;

	text-transform: none;

}



.line-sep {

	height: 6px;

	border-radius: 6px;

	width: 40px;

	background: #c6cad1;

	margin: 28px auto;

}



.popular .line-sep {

	height: 6px;

	border-radius: 6px;

	width: 40px;

	background: #27ae60;

	margin: 28px auto;

}



.pricing-list {

	padding: 0;

}



.pricing-list li {

	list-style: none;

	text-align: center;

	color: #4f4f4f;

	font-size: 15px;

	margin-bottom: 7px;

}



.buy-btn {

	border: 2px solid #c6cad1;

	padding: 12px 20px;

	color: #95a0b2;

	font-size: 14px;

	font-weight: 700;

	border-radius: 5px;

	text-transform: uppercase;

	display: table;

	margin: 30px auto 0;

}



.popular .buy-btn,.buy-btn:hover {

	border: 2px solid #27ae60;

	padding: 12px 20px;

	color: #27ae60;

	font-size: 14px;

	font-weight: 700;

	border-radius: 5px;

	text-transform: uppercase;

	display: table;

	margin: 30px auto 0;

}



.pricing1 {

	float: right;

	margin-top: 90px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing1:hover {

	cursor: pointer;

	float: right;

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing2 {

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing2:hover {

	margin-top: 50px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing3 {

	float: left;

	margin-top: 90px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing3:hover {

	cursor: pointer;

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing1:hover .line-sep,.pricing3:hover .line-sep {

	background: #27ae60;

}



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

                    BLOG SUBPAGE STYLES

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



.news-wrap {

	background: #fff;

	padding: 120px 0 20px;

	position:relative;

}



.blog-main {

	background: #fff;

	padding: 70px 0 20px;

}



.line-sep1 {

	background: #f8bc3b;

	width: 47px;

	height: 3px;

	border-radius: 6px;

	margin: 25px 0;

}



.post {

}



.post img {

	float: left;

	max-width: 240px;

	border-radius: 5px;

}



.date {

	color: #888c92;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 700;

}



.post-info {

	margin-left: 270px;

}



.post-info h4 {

	font-size: 28px;

	color: #393f4a;

	margin: 10px 0 0;

	line-height: 34px;

}



.post-info h4 a {

	color: #393f4a;

}



.post-info h4 a:hover {

	color: #f8bc3b;

}



.post-info p {

	margin: 0;

	font-size: 16px;

	color: #393f4a;

	text-align: left;

	width: 100%;

	line-height: 28px;

}



.post {

	margin-bottom: 100px;

}





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

                    CONTACT FORM STYLES

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



.contact-wrap {

	padding: 120px 0;

	background:#2980b9 url(../demo/wrappers/5.jpg) no-repeat center fixed;

	background-size:100% auto;

	position:relative;

	z-index:1;

}



.contact-wrap input,.contact-wrap textarea {

	font-size: 14px;

	color:black;

	min-height: 50px;

	border-radius: 5px;

	background: #fff;

	width: 100%;

	border: none;

	padding: 15px;

	margin-bottom: 30px;

	font-weight: 700;

}



.contact-wrap input:-moz-placeholder {

	color: #2980b9;

	opacity: 1;

}



.contact-wrap input::-moz-placeholder {

	color: #2980b9;

	opacity: 1;

}

.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.contact-wrap textarea:-moz-placeholder {

	color: #2980b9;

	opacity: 1;

}



.contact-wrap textarea::-moz-placeholder {

	color: #2980b9;

	opacity: 1;

}



.submit {

	margin: 0;

}



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

                    CONTACT INFO STYLES

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



.contact {

	padding: 50px 0 50px;

	background: #2f2f2f;

	border-bottom: 1px solid #3c3c3c;

	position:relative;
	
	height:auto;

}
hr{
color:#FFCC00;
}



.contact img {

	display: table;

	margin: 0 auto 45px;

}



.contact p {

	color: #fff;

	font-size: 16px;

	text-align: center;

	line-height: 28px;



}


.txt {
  margin-top: 50px;
  
  
  
 
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
/*------------------------------------------------------------- 

                   FOOTER STYLES

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



.social {

	padding: 0;

	margin: 0 auto;

	display: table;

}



.social li {

	float: left;

	list-style: none;

	margin: 10px 7px 5px;

}



.social li a {

	width: 40px;

	height: 40px;

	color: #000;

	text-align: center;

	line-height: 40px;

	background: #fff;

	border-radius: 50%;

	display: table;

	font-size: 18px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.social li a:hover {

	background: #727272;

	color: #fff;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



footer {

float:left;
width:100%;
	background: #2f2f2f00;

	padding: 0px 0;

	position:relative;

}



footer p {

	text-align: center;

	color: #4f4f4f;

	font-size: 16px;

	margin: 0;

}



footer p a {

	color: #f8bc3b;

}



footer p a:hover {

	color: #f8bc3b;

	text-decoration: underline;

}



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

                    SUBPAGE STYLES

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



.page-header {

	background: #f8bc3b;

	padding: 140px 0 25px;

}



.page-header h2 {

	color: #fff;

	font-size: 52px;

	margin: 0;

	text-transform: uppercase;

}



.post-full-info h4 {

	font-size: 34px;

	font-family: Open sans;

	margin: 30px 0 0px;

	line-height: 44px;

}



.post-full-info h4 a {

	color: #393f4a;

}



.post-full-info p {

	font-size: 17px;

	width: 100%;

	text-align: left;

	color: #4c525c;

	line-height: 29px;

}



.post-author {

	margin: 35px 0 65px;

}



.post-meta {

	font-weight: 700;

	text-transform: uppercase;

	color: #62666f;

	font-size: 14px;

}



.post-meta a {

	color: #393f4a;

}



.post-full {

	display: block;

}



.search input {

	width: 100%;

	border: 2px solid #e5e6e8;

	border-radius: 5px;

	height: 60px;

	padding: 15px;

	font-weight: 700;

	background: url(../images/search.png) no-repeat right;

	background-position: 96% 50%;

}



.side-widget h6 {

	margin: 0 0 20px;

	font-size: 15px;

	text-transform: uppercase;

	font-family: Open sans;

}



.side-widget {

	margin-bottom: 50px;

}



.side-widget p {

	color: #61656e;

	font-size: 15px;

	line-height: 26px;

	width: 100%;

	text-align: left;

	margin: 0;

}



.side-social {

	padding: 0;

	margin: 0;

	width: 100%;

	display: table;

}



.side-social li {

	float: left;

	list-style: none;

	margin: 5px 10px 0 0;

}



.side-social li a {

	width: 30px;

	height: 30px;

	color: #fff;

	text-align: center;

	line-height: 30px;

	background: #b7b7b7;

	border-radius: 50%;

	display: table;

}



.side-social li a:hover {

	color: #fff;

	background: #b7b7b7;

}



.side-social .sl-fb {

	background: #4465a7;

}



.side-social .sl-tw {

	background: #33b5e5;

}



.side-social .sl-gp {

	background: #ec4908;

}



.side-social .sl-ln {

	background: #3172aa;

}



.lposts h5 {

	font-weight: 400;

	margin: 0;

	font-size: 16px;

	color: #4f4f4f;

}



.lposts a {

	color: #393f4a;

}



.lposts a h5:hover {

	color: #db5940 !important;

}



.line-sep-small {

	width: 15px;

	background: #db5940;

	height: 3px;

	border-radius: 7px;

	margin: 20px 0;

}



.side-links a {

	width: 100%;

	color: #393f4a;

	font-size: 15px;

	font-weight: 600;

	display: block;

	margin-bottom: 10px;

}



.post-main {

	padding-right: 70px;

}



.more-posts {

}



.more-posts h3 {

	font-size: 14px;

	color: #a5a9b0;

	text-transform: uppercase;

	text-align: left;

	letter-spacing: 0;

	font-family: Open sans;

}



.more-posts h3 a {

	display: block;

	color: #393f4a;

	font-size: 22px;

	text-transform: none;

	margin-top: 10px;

}



.post-tags {

}



.post-tags a {

	display: table;

	width: 100%;

	margin-bottom: -10px;

	color: #9a9b9d;

}



.post-tags span {

	border: 2px solid #d1d2d3;

	border-radius: 5px;

	background: #d1d2d3;

	color: #fff;

	padding: 3px 8px;

	display: table;

	float: left;

	margin-right: 8px;

}



.post-tags {

	text-transform: uppercase;

	color: #db5940;

	font-size: 14px;

	font-weight: 700;

}



.post-tags em {

	font-style: normal;

	position: relative;

	top: 5px;

}



.post-tags a:hover {

	color: #db5940;

}



.post-tags a:hover span {

	border: 2px solid #db5940;

	background: #fff;

	color: #db5940;

}



.comment-author {

	display: table;

	float: left;

	width: 56px;

	text-align: center;

	font-weight: 600;

	font-size: 15px;

}



.comment-author img {

	margin-bottom: 15px;

}



.comment-info {

	margin-left: 120px;

}0



.comment-info p {

	font-size: 16px;

	width: 100%;

	text-align: left;

	line-height: 28px;

	color: #393f4a;

}



.comments-content {

	padding-bottom: 50px;

	border-bottom: 1px dashed #b7b7b7;

	margin-bottom: 50px;

}



.comments-content-sub {

	padding-left: 75px;

}
.webportf
{
	width:100%;
}


.reply {

	font-size: 14px;

	font-weight: 700;

	color: #27ae60;

	text-transform: uppercase;

}
.dropdown-menu
{
	font-size:18px;!important
}
.mega-dropdown-menu > li > ul > li > a:hover
{
	color:#FEC80C;
}

.comment-form {

	border-top: 3px solid #eee;

	padding-top: 0;

	margin-top: -51px;

}



.comments-wrap h5 {

	font-size: 15px;

	text-transform: uppercase;

	font-weight: 700;

	color: #393f4a;

	margin: 20px 0 0;

	font-family: Open sans;

}



.comment-form h5 {

	font-size: 15px;

	text-transform: uppercase;

	font-weight: 700;

	color: #393f4a;

	margin: 50px 0 0;

	font-family: Open sans;

}



.comment-form input {

	background: #efefef;

	border: 2px solid #efefef;

	color: #000;

	height: 50px;

	border-radius: 5px;

	width: 100%;

	border: none;

	padding: 15px;

	margin-top: 25px;

}



.comment-form input:focus {

	background: #fff;

	border: 2px solid #efefef;

}



.comment-form textarea:focus {

	background: #fff;

}



.comment-form textarea {

	background: #efefef;

	color: #000;

	min-height: 50px;

	border-radius: 5px;

	width: 100%;

	border: none;

	padding: 15px;

	margin-top: 25px;

	border: 2px solid #efefef;

}



.c-btn {

	width: 160px;

	height: 50px;

	border-radius: 5px;

	color: #fff;

	text-transform: uppercase;

	color: #fff;

	font-size: 14px;

	background: #27ae60;

	display: table;

	margin-top: 25px;

	text-align: center;

	font-weight: 700;

	line-height: 50px;

	border: 2px solid #27ae60;

}



.c-btn:hover {

	background: #fff;

	color: #27ae60;

}



.sc1,.sc2,.sc3,.section-title {

	visibility: hidden;

}



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

                    PORTFOLIO SUBPAGE STYLES

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



.project-single {

	padding: 80px 0 100px;

	background: #fff;

}



.project_details {

	padding: 0;

	margin: 35px 0 -15px;

	display: table;

	width: 100%;

	font-size: 14px;

	font-weight: 400;

}



.project_details h3 {

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

	border-bottom: 1px solid #ddd;

	padding-bottom: 15px;

}



.project_details span {

	padding: 5px 0;

	margin: 0;

	font-size: 13px;

	color: #454545;

	float: left;

	width: 100%;

}



.project_details em {

	font-style: normal;

	text-transform: uppercase;

	font-size: 13px;

	width: 40%;

	display: table;

	float: left;

	font-weight: 700;

}



.project_details a {

	margin-right: 10px;

}



.addto_favorites {

	font-size: 13px;

	color: #888;

	display: table;

	float: left;

	margin-right: 25px;

	text-transform: uppercase;

}



.addto_favorites i {

	margin-right: 12px;

}



.addto_favorites:hover {

	color: #888;

}



.small_social_links {

	display: table;

}



.small_social_links li {

	padding: 0;

	margin: 0 9px 0 0;

	float: left;

	width: 18px;

	height: 18px;

}



.small_social_links li a {

}



.small_social_links li a:hover {

	color: #999;

}



.project-info h2 {

	margin: 0 0 5px;

}



.project-info h3 {

	color: #000;

	margin: 0 0 15px;

	font-family: Open sans;

	font-weight: 700;

	border-bottom: 3px double #ccc;

	display: table;

}



.project-info p {

	color: #000;

	margin: 0 0 20px;

	font-size: 15px;

	line-height: 24px;

}



.project_details {

	display: table;

	width: 100%;

}



.project-info .btn1 {

	border-color: #999;

	color: #999;

}



.project-info .btn1:hover {

	border-color: #888;

	color: #888;

}



.vdeo {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

	border: 0;

}



.vdeo iframe,.vdeo object,.vdeo embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.video {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

	border: 0;

}



.video iframe,.video object,.video embed {

	position: absolute;

	top: -40%;

	left: -40%;

	width: 180%;

	height: 180%;

}



.video-bg {

	position: fixed;

	left: 0;

	right: 0;

	top: 0;

}



.post-main .post-full {

	margin-bottom: 60px;

}



.post-main {

	position: relative;

}



.post-main:before {

	content: "";

	position: absolute;

	width: 3px;

	height: 100%;

	right: 25px;

	top: 0;

	background: #eee;

}



.more-posts {

	display: table;

	width: 100%;

	border-top: 3px solid #ddd;

	border-bottom: 3px solid #ddd;

	margin: 50px 0;

	padding: 50px 0 40px;

}



.next-post {

	display: table;

	width: 100%;

}



.prev-post {

	display: table;

	width: 100%;

}



.post-full p {

	margin-bottom: 20px;

}



.next-post span {

	width: 185px;

	text-align: center;

	font-size: 75px;

	float: left;

	line-height: 0;

	position: relative;

	top: -10px;

	color: #efeff1;

}



.prev-post span {

	width: 185px;

	text-align: center;

	font-size: 75px;

	float: left;

	line-height: 0;

	position: relative;

	top: -10px;

	color: #efeff1;

}



.more-posts .line-sep1 {

	margin-left: 185px;

	position: relative;

	top: -15px;

}



.more-posts a:hover {

	color: #db5940;

}



.side-widget a:hover {

	color: #db5940;

}



.next-post:hover span,.prev-post:hover span {

	color: #db5940;

}



.post-home {

	margin-bottom: 50px !important;

	padding-bottom: 70px;

	border-bottom: 3px solid #eee;

}



.line-sep-3 {

	width:65px;

	display:table;

	height:3px;

	border-radius:10px;

	background:#eee;

	margin:30px 0 30px;

}





/* #Tablet (Portrait)

================================================== */



/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.dropdown-menu
{
	position:relative;!important
}
.webportf
{
	padding-bottom:20px;}

.images-box
{
	padding-bottom:20px;
}
.card
{
	margin-top:20px;
}
.container {

	width: 90%;

	margin: 0 auto;

}
.butn
{
	width:33%;
}
.content .section-title-content p
{
	width:100%;
	font-size:17px;
}


.navbar-default .navbar-nav > li > a {

	color: #393f4a;

	font-size: 10px;

	text-transform: uppercase;

	margin-top: 5px;

	font-weight: 700;

}



.nav > li > a {

	position: relative;

	display: block;

	padding: 10px 5px;

}



.btn-dark {

	width: 90px;

	font-size: 14px;

	margin-left: 10px;

}



.intro-header h6 {

	font-size: 70px !important;

}



.portfolio-wrap p,.team-wrap p,.pricing-wrap p,.news-wrap p,.contact-wrap p {

	width: 85%;

}



.team-wrap .col-md-3 {

	width: 50%;

	padding-bottom: 20px;

}



.pricing {

	width: 200px;

	height: 420px;

}



.pricing1,.pricing2,.pricing3 {

	float: none !important;

	margin: 0 auto;

}



.post img {

	float: none;

	max-width: 100%;

	border-radius: 5px;

	margin-bottom: 30px;

}



.post-info {

	margin-left: 0;

}



.social li {

	margin: 10px 3px 5px;

}



}



/*  #Mobile (Portrait)

================================================== */



/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
.butn
{
	width:33%;
}
.banneryoutube
{
	margin-top:127px;
}
.btn
{
	width:100%;
}
a.btn
{
	width:50%;
}
.card
{
	margin-top:20px;
}
.dropdown-menu
{
	position:relative;!important
}
.content .section-title-content p
{
	width:100%;
	font-size:17px;
}

.webportf
{
	float:left;
	padding-bottom:20px;
}
.images-box
{
	padding-bottom:20px;
}

.intro-header h6 {

	font-size: 30px !important;

	margin-left: 25%;

}
.APICL iframe
{
	width:100%;
	height:100%;
}
.locationimg img
{
	padding-top:25px;
}



.intro-header {

	background: #f8bc3b;

	padding: 100px 0 20px;

}



.navbar-collapse.in {


	width: 100%;

}



.btn-dark {

	width: 140px;

	float: none;

	font-weight: 700;

	top: 0;

	margin: 0 auto;

	display: table;

}



.portfolio-wrap p,.team-wrap p,.pricing-wrap p,.news-wrap p,.contact-wrap p {

	width: 85%;

}



.services-content p {

	margin: 0 auto 30px;

}



.navbar-default {

	padding: 10px 0 !important;

}



#portfoliolist .portfolio {

	width: 100%;

}



.info-content {

	display: inline;

}



.info-content h4 {

	font-size: 34px;

	color: #393f4a;

	font-family: Open sans;

	margin: 25px 0 30px;

}



.info-content .pull-right {

	float: none !important;

	padding-top: 50px;

}



.staff-content {

	margin-bottom: 35px;

}



.pricing1 {

	float: none;

	margin-top: 0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing1:hover {

	cursor: pointer;

	float: none;

	margin-top: 0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing2 {

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing2:hover {

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing3 {

	float: left;

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing3:hover {

	cursor: pointer;

	margin-top: 30px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.pricing1:hover .line-sep,.pricing3:hover .line-sep {

	background: #27ae60;

}



.post img {

	float: none;

	max-width: 100%;

	border-radius: 5px;

	margin-bottom: 30px;

}



.post-info {

	margin-left: 0;

}



.social li {

	margin: 10px 3px 5px;

}



.post-main {

	padding: 0 20px;

}



.next-post span {

	display: none;

}



.prev-post span {

	display: none;

}



.more-posts .line-sep1 {

	margin-left: 0;

	position: relative;

	top: -15px;

}



.post-main:before {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	right: 25px;

	top: 0;

	background: #eee;

}



.project_details h3 {

	margin-top: 30px;

}



.page-header {

	background: #f8bc3b;

	padding: 90px 0 25px;

}



}



/* #Mobile (Landscape)

================================================== */



/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {



.container {

	max-width: 400px;

	width: 400px;

	margin: 0 auto;

}



.intro-header .col-md-12 {

	width: 70%;

	margin: 0 auto;

}
.contact{

height:auto;
background:#2f2f2f;
}

}
.hovereffect {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);

  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
.portfoliosection
{
	margin-top:20px;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  font-weight:700;
  opacity: 0;
  text-align:center;
  font-size:30px;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

.hovereffect:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
a:hover
{
	color:#FFF;
}