/*
Centinix v 2.0

1.	Document Setup (body, divs, img)
2.	Heading Styles
3.	Custom Nav Style
4.	Logo
5.	Welcome Section
6.  Experties Section
7.	Our Work Section
	7.1. Hover Style
8.	Testimonial Slider Styles
9.	About Section
10.	Blog Section
	10.1 Blog Inner Pages
11.	Contact Section
12. Main Banner Styles
13. Padding, Margin, Color Styles, Preloader Style (used on different divs to give gaps and text colors)
14. Media Queries

*/


/*--------------- 1. Document Setup (body, divs, img) ---------------*/
body, div, img, a
{
	font-family: 'Open Sans', sans-serif ;
 }

a
{    
	transition:all .2s linear !important; 
    -o-transition:all .2s linear !important; 
    -moz-transition:all .2s linear !important; 
    -webkit-transition:all .2s linear !important;
}
a:hover{ text-decoration:none;}
input.field{ width:100%; height:45px; border:0px; font-size:16px; color:#6f6f6f; padding:0 0 0 10px; margin-bottom:20px;}
input.field3{ width:40%; height:45px; border:#d7d7d7 solid 1px; font-size:16px; color:#6f6f6f; padding:0 0 0 10px; margin-bottom:0px;}
input.field2{ width:100%; height:38px; border:#d7d7d7 solid 1px; font-size:14px; color:#a3a3a3; padding:0 0 0 10px; margin:10px 0 10px 0; background:url(../images/search-icon.png) 96% no-repeat;}
textarea{ width:100%; height:90px; border:0px; font-size:16px; color:#6f6f6f; padding:10px; margin-bottom:20px; border-radius:0px !important;}
.textarea{ width:85%; height:140px; border:#d7d7d7 solid 1px; font-size:16px; color:#6f6f6f; padding:10px; margin-bottom:0px; border-radius:0px !important;}

/*--------------- 2. Heading Styles ---------------*/
h1
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:95px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-top:90px;
	line-height:80px;
}

h2
{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	color:#AB162B;
	text-align:center;
	line-height:36px;
	padding-top:10px;
	font-weight:normal;
	margin:0px;
	
}

h3
{
	font-family: 'Open Sans', sans-serif;
	font-size:64px;
	color:#000;
	text-align:center;
	font-weight:200;
	line-height:54px;
	
}

h4
{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	color:#000;
	line-height:40px;
	font-weight:600;
	border-bottom:#f54444 solid 2px;
	
}

/*--------------- 3. Custom Nav Style ---------------*/

.navlinks
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	padding-top:20px;
}

	.navlinks  a
	{
		color:#fff !important;
		
		text-shadow:none !important;
	}

.navbar-fixed-top
{
	margin-left:0px !important;
	margin-right:0px !important;
}



.navbar-inverse .navbar-nav>.active>a 
{
text-decoration: none;
background-image:none;
background-color: #AB162B;
border-radius: 80px;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);	
}

.navbar-nav>li>a
{
	padding-top:10px;
	padding-bottom:10px;
}

.navbar-brand {
	padding-bottom:20px;
}

	.navbar-brand .v2
	{
		color:#f54444;
		font-size:12px;
		top:-20px;
		position:relative;
	}

.header-section
{
	padding-top:75px;
}


/*--------------- 4. Logo ---------------*/
.logo
{
	font-family: 'Source Sans Pro', sans-serif !important;
	text-transform:uppercase;
	color:#fff;
	font-size:40px !important;
	font-weight:bold !important;
	line-height:45px;
	color:#fff !important;
	text-shadow:none !important;
	padding-top:15px !important;
	float:left;
}


/*--------------- 5. Welcome Section ---------------*/
.desc
{
	font-size:20px;
	color:#666;
	padding-top:20px;
	line-height:30px;
	text-align:center;
	padding-bottom:90px;
	
}

	.desc a
	{
		font-weight:bold;
		color:#000;
		border-bottom:1px solid #c3c3c3;
		padding-bottom:2px;
		text-decoration:none;
	}
	.desc a:hover
	{
		color:#57b04b;
	}

/*--------------- 6. Experties Section ---------------*/
.expertiesBg
{
	background-image:url(../images/experties-bg.jpg);
	background-attachment:fixed;
	background-position:top;
	background-size:cover;
	height:400px;
	background-color:#388bd1;
}

.oneline
{
	font-size:20px;
	color:#666;
	padding-top:20px;
	text-align:center;	
}

/*--Design Develop Deploy--*/
.process
{
}
	.process .icon
	{
		width:148px;
		height:148px;
		margin:0 auto;
		font-family: "entypo";
		background-image:url(../images/sprite.png);
		background-position:-4px -139px;
		font-size:150px;
		text-align:center;
		line-height:74px;
		color:#fff;
	}
	
	.process .title
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:38px;
		font-weight:bold;
		color:#000;
		text-align:center;
		padding-top:25px;
		
	}
	
	.process .content
	{
		font-size:16px;
		line-height:30px;
		color:#666;
		padding-top:10px;
		text-align:center;
		
	}
	
	.process .readmorebtn
	{
		width:150px;
		margin:0 auto;
		line-height:34px;
		color:#f54444;
		border:2px solid #f54444;
		text-align:center;
		margin-top:30px ;
		margin-bottom:30px;
		border-radius:2px;
	}
	
		.process .readmorebtn a
		{
			color:#f54444;
			font-family: 'Open Sans', sans-serif;
			font-size:13px;
			font-weight:bold;
			text-transform:uppercase;
			display:block;
			text-decoration:none;line-height:40px;
			transition:all .2s linear !important; 
			-o-transition:all .2s linear !important; 
			-moz-transition:all .2s linear !important; 
			-webkit-transition:all .2s linear !important;
		}
		
		.process .readmorebtn a:hover
		{
			background:#f54444;
			color:#fff;
			transition:all .2s linear !important; 
			-o-transition:all .2s linear !important; 
			-moz-transition:all .2s linear !important; 
			-webkit-transition:all .2s linear !important;

		}

	.process .divider
	{
		height:2px;
		background:#e5e5e5;
		width:100%;
		margin:0px 0px 30px 0px;
	}

/*--Our Skills--*/

	.skillBg
	{
		background-image:url(../images/skill-bg3.jpg);
		background-attachment:fixed;
        background-size: cover;

	}

	.skills-divider
	{
		border-top:1px solid #000 !important;
		border-bottom:2px solid #000 !important;
		margin:80px 0;
	}
	
	.skills-icon
	{
		width:100px !important;
		height:100px;
		border-radius:50px;
		background-color:#AB162B;
		float:left;
		line-height:96px;
		font-size:70px !important;
		font-weight:bold;
		color:#fff;
		vertical-align:middle;
		text-align:center;

	}
         @media only screen 
         and (min-device-width : 375px) 
         and (max-device-width : 667px) { 
	     .skills-icon
	     {
		     line-height:90px!important;

	     }
        }

	.skills-content
	{
		font-size:20px;
		font-weight:800;
		color:#ffdb83;	
		font-family: 'Source Sans Pro', sans-serif;
		margin-left:120px;
	}
	
		.skills-content p
		{
			font-family: 'Open Sans', sans-serif;
			font-size:14px;
			color:#fff;
			line-height:26px;
			font-weight:normal;
			margin:10px 0 0 0;
            min-height:80px;
		}
.list-inline li a:hover{ color:#f54444;}

/*--------------- 7. Our Work Section ---------------*/
.bgourwork
{
	background-color:#f0eee8;
}

.filters 
{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#999;
	font-size:14px;	
}
	.filters li + li:before
	{
		content: '/';
		padding-right: 10px !important;
		}

	.filters  a
	{
		color:#666;
		text-decoration:none;
	}
	
	.filters  a:hover
	{
		color:#999
	}
	
	.filters .active
	{
		color:#f54444;
	}


.imgWidth img
{
	width:100%
}

/*--------------- 7.1. Hover Style ---------------*/

.da-thumbs {

}
.da-thumbs div {

}
.da-thumbs div a,
.da-thumbs div a img {
	display: block;
	position: relative;
}
.da-thumbs div a {
	overflow: hidden;
}
.da-thumbs div a div {
	position: absolute;
	background: #333;
	background: rgba(171,22,43,0.9);
	width: 100%;
	height: 100%;
}
.da-thumbs div a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 0px 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size:20px;
	color: rgba(255,255,255,0.95);
	
}

.da-thumbs div a div p {
	display: block;
	margin: 0px 20px 20px 20px;
	font-weight: normal;
	font-size:14px;
	font-style:italic;
	color: rgba(255,255,255,0.95);
	
}

.da-thumbs div a div {
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.da-thumbs li a:hover div{
	left: 0px;
}

/*--------------- 8. Testimonial Slider Styles ---------------*/

#testimonial
{
	background:url(../images/testimonial-bg.jpg);
	background-size:cover;
	background-attachment:fixed;
	padding-top:15px;
}

	.testimonial-icon
	{
		width:100px;
		height:100px;
		border-radius:50px;
		background-color:#FFF;
		line-height:100px;
		vertical-align:middle;
		text-align:center;
		margin:0 auto;

	}
	
	.quote
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:22px;
		color:#fff;
		font-style:italic;
		line-height:34px;
		text-align:center;
	}
	
	.client
	{
		font-family: 'Open Sans', sans-serif;
		font-size:20px;
		color:#fff;
		padding-top:30px;
		text-align:center;
	}
	
		.client a
		{
			color:#f54444;
			border-bottom:1px solid #f54444;
			padding-bottom:2px;
			text-decoration:none;
		}
		
		.client a:hover
		{
			color:#ccc;
		}

/*--Testimonial Slider--*/


.testimonials-slider
{	
}

.bx-viewport
{

}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item 
	{
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}

.bx-wrapper .bx-pager.bx-default-pager a 
	{
		background: #d3d2ce;
		text-indent: -9999px;
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; 
	}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active 
	{
		background: #AB162B;
	}

.bx-wrapper .bx-next 
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		border-left:1px solid #ddd;
		height: 30px;
		cursor: pointer;
		background: #ED3131 /*url(images/caousel-next.png)*/ no-repeat 0 0 ;
		}
		
.bx-wrapper .bx-prev 
	{
		position: absolute;
		top: 0px;
		right: 30px;
		border-right:1px solid #ddd;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: #ED3131 /*url(images/caousel-prev.png)*/ no-repeat 0 0 ;
	}
	
.bx-wrapper .bx-controls-direction a 
	{
		display:none;
	}
.bx-pager
	{
		width:120px; 
		margin:0 auto;
		padding-top:20px;
	}
		
/*--------------- 9. About Section ---------------*/		

#about h1
{
	background:#AB162B;
	padding:15px;
	color:#fff;
	opacity:.9;
	display:table;
	margin:0 auto;
	margin-top:40px;
}

#about h2
{
	background:#AB162B;
	padding:15px;
	opacity:.9;
	display:table;
	margin:0 auto;
	margin-top:10px;
    color:#fff!important;
}

.aboutBg
{
	background-image:url(../images/collage-bg.jpg);
	background-attachment:fixed;
	background-position:top;
	height:400px;
	border-bottom:3px solid #e5e5e5;
    background-size: cover;
}

.aboutdesc
{
	font-size:20px;
	color:#666;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height:30px;
	font-size:18px;
	background:#fff;
	font-family: 'Open Sans', sans-serif;

}

/*--Team--*/
.team-img
{
}

	.team-img img
	{
		width:100%
	}

.teamDesc
{
	text-align:center;
	padding:20px 0 10px 0;
}

	.teamDesc .title
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:28px;
		color:#000;
		
	}
	
	.teamDesc .desig
	{
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		color:#666;
	}

.teamSocial
{
	width:140px;
	margin:0 auto;
}

	.teamSocial .icon
	{
		width:38px;
		height:38px;
		border:2px solid #c8c8c8;
		
		line-height:38px;
		font-size:20px;
		margin:0px;
		padding:0px;
		text-align:center;
		border-radius:40px;
		
	}
		.teamSocial .icon a
		{
			color:#7f7f7f;
			text-decoration:none;
			display:block;
		}
		
		.teamSocial .icon a:hover
		{
			color:#f54444;
		}

/*--------------- 10. Blog Section ---------------*/
.blogBg
{
	background-image:url(../images/blog-bg-new.jpg);
	background-attachment:fixed;
	background-color:#2e2d2d;
}
.potholeBg
{
	background-image:url(../images/pothole-bg.jpg);
	background-attachment:fixed;
	background-color:#2e2d2d;
}
.blog-img
{
	
}

	.blog-img img
	{
		width:100%;
	}

.vidWidth
{
	width:100%;
	border:none;
}

.blog-content
{
	font-family: 'Open Sans', sans-serif;
	padding-top:15px;
}

	.blog-content .date
	{
		color:#818181;
		font-size:16px;
		line-height:30px;
	}
	
	.blog-content .heading
	{
		font-size:30px;
		color:#fff;
		line-height:32px;
		font-weight:500;
		padding-bottom:0px;
	}
	
	.blog-content .heading a
	{
		color:#fff;
	}
	.blog-content .heading a:hover
	{
		color:#f54444;
	}
	
	.blog-content .post-meta
	{
		font-size:16px;
		color:#a8a8a8;
		padding-bottom:15px;
	}
	
		.blog-content .post-meta .icon
		{
			font-family: "entypo";
			font-size:40px;
			font-style:normal;
			position:relative;
			top:3px;
		}
	
		.blog-content .post-meta a
		{
			color:#f54444;
			text-decoration:none;
		}

		.blog-content .post-meta a:hover
		{
			color:#fff;
			text-decoration:none;
		}
	
	.blog-content .text
	{
		font-size:16px;
		line-height:30px;
		color:#fff;
	}

.blog-btn
{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:500;
	width:170px;
	margin-top:30px;
	
}

	.blog-btn a
	{
		background-color:#f54444;
		line-height:45px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		padding:0 15px;
		display:block;
	}
	
	.blog-btn a:hover
	{
		color:#000;
		background-color:#fff;
	}

.blog-olderpost
{
	border-top: 1px solid #434242;
	padding-top:20px;
	color:#fff;
}

	.blog-olderpost a
	{
		color:#fff;
		text-decoration:none;
		
		
	}
	
	.blog-olderpost a:hover
	{
		color:#ccc;
	}


/*----------------10.1 Pricing-----------------*/
.price-box {
    border: 4px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 40px;
    margin: 20px 0;
    text-align:center;
    color:#fff;
}
.price-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 42px;
    padding: 20px 0;
    color: #FCD619;
}
.price-title span {
    display: block;
    font-size: 42px;
    font-weight: 700;
     color: #fff;
}
.price-box .price-title span small {
    font-weight: 300;
    font-size: 85%;
     color: #fff;
}
ul.unstyled {
    list-style: none;
    padding: 0;
    margin: 0;

}
.price-box ul.price-list li {
    border-bottom: 1px solid #FFF;
    font-size:18px;
}
ul.unstyled li {
    padding: 20px 0;
}
.price-box ul.price-list li:last-child {
    border: none;
}
.clear
	{ 
		clear:both;
	}
.blog-post
	{ 
		padding-top:115px;
	}
.post-thumbnail
	{ 
		margin:25px 0; 
		float:left; 
		padding:0px;
	}
	
.post-thumbnail img
	{ 
		width:100%;
	}

.blog-content .heading2
	{
		font-size:30px;
		color:#000;
		line-height:32px;
		font-weight:500;
		padding-bottom:10px;
	}
	.blog-content .heading2 a
	{
		color:#000;
	}
	.blog-content .heading2 a:hover
	{
		color:#f54444;
	}
	
	.blog-content .post-meta2
	{
		font-size:16px;
		color:#666;
		padding-bottom:20px;
		line-height:30px;
		font-weight:300;
	}

a.pink-btn
{ 
	height:43px; 
	background:#f54444; 
	padding:0 20px; 
	line-height:43px; 
	font-size:16px; 
	color:#FFF; 
	font-weight:500; 
	float:left; 
	margin:0px 0 30px 0;
	}
a.pink-btn:hover
	{ 
	background:#2E2D2D; 
	color:#FFF;
	}


.pagination-box
	{ 
		text-align:center; 
		border-top:#d0d0d0 solid 2px;
		}
		
.pagination>li>a, .pagination>li>span 
	{ 
	background-color:#e9e9e9;
	border:none; margin:0 5px; 
	border-bottom:#9e9e9e solid 2px; 
	color:#666666; 
	font-size:16px;
	}
	
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus 
	{
		background-color:#f54444;
		 border:none; 
		 border-bottom:#a62e2e solid 2px; 
		 color:#FFF; 
		 font-size:16px;
		 }

.search-box
	{}
	
.recent-row
	{}
	
.recent-row ul
	{ 
	margin:0px; 
	list-style:none; 
	padding:0px;
	}
	
.recent-row ul li
	{ 
		float:left; 
		width:100%; 
		border-bottom:#c8c8c8 solid 1px; 
		}

.recent-row ul li a
	{
			font-size:14px; 
			padding:10px 0 15px 30px; 
			float:left; 
			width:100%; 
			background:url(../images/recent-post-icon.png) 5px 15px no-repeat; 
			line-height:26px; 
			text-decoration:underline; 
			color:#505050;
			}
			
.recent-row ul li a:hover
	{ 
		color:#f54444;
		}

.cate-row
	{}
	
.cate-row ul
	{ 
		margin:0px; 
		list-style:none; 
		padding:0px;
		}
		
.cate-row ul li
	{ 
		float:left; 
		width:100%; 
		border-bottom:#c8c8c8 solid 1px; 
		}
		
.cate-row ul li a
	{	
		font-size:14px; 
		padding:0px 0 0px 15px; 
		float:left; 
		width:100%; 
		background:url(../images/cate-icon.png) 0px 18px no-repeat; 
		line-height:40px; 
		text-decoration:none; 
		color:#505050;
		}
		
.cate-row ul li a:hover
	{ 
		color:#f54444;
	}
	
.cate-row p
	{ 
		font-size:14px; 
		line-height:26px; 
		color:#505050; 
		font-weight:300;
		}
		
.quote
	{ 
		padding:20px 0 20px 20px;
		}
		
blockquote
	{ 
		border-left:#f54444 solid 3px; 
		font-size:16px; 
		font-family: 'Open Sans', sans-serif; 
		font-weight:normal; 
		color:#808080; 
		line-height:normal; 
		text-align:left; 
		padding:0px 20px;
		}


.media
	{ 
		margin:20px 0 10px 0 !important; 
		float:left; 
		width:100%;
		}
		
.media-body
	{ 
		position:relative; 
		padding:10px 0 0 0;
		}
		
.media-body span
	{ 
		width:100%; 
		font-size:13px; 
		color:#343434;
		}

.media-body p
	{ 
		width:100%; 
		font-size:15px; 
		color:#343434; 
		padding-top:10px;
		}

.margintop20
	{ 
		margin-top:40px !important;
		}

.form-group
	{ 
		margin-bottom:5px;
	}
	
.form-group label
	{ 
		width:100px; 
		font-size:15px; 
		color:#666666; 
		padding-top:8px; 
		font-weight:normal;
		}

.post-btn
	{ 
		background:#f54444; 
		padding:0 15px; 
		font-size:20px; 
		height:50px; 
		border:0px; 
		color:#FFF; 
		font-weight:bold; 
		}

.post-btn:hover
	{ 
		background:#2d2d2d; 
		padding:0 15px; 
		font-size:20px; 
		height:50px; 
		border:0px; 
		color:#FFF; 
		font-weight:bold; 
		}

.reply
	{ 
		float:right; 
		font-size:13px; 
		color:#f54444; 
		position:absolute; 
		top:0; 
		right:0;
		}

.listing
	{}
	
.listing a
	{}

.listing a:hover
	{ 
	color:#333 !important;
	}


/*--------------- 11. Contact Section ---------------*/
.contactBg
{
	background-color:#AB162B;
}

.contactSocial
{
	width:300px;
	margin:0 auto;
	font-size:40px;
	color:#fff;
}

	.contactSocial a
	{
		color:#fff;
		display:block;
	}
	
	.contactSocial a:hover
	{
		color:#000;
	}


	.c-divider
	{
		border-top:1px solid #fff !important;
		border-bottom:2px solid #fff !important;
		margin:30px 0;
	}

.cForm
{
	font-family: 'Open Sans', sans-serif;
}
	.cForm input
	{
		line-height:45px;
		color:#666;
		font-size:16px;
		border:none !important;
		height:45px;
		padding:0 8px;
	}

	.cForm textarea
	{
		color:#666;
		font-size:16px;
		border:none !important;
		height:45px;
		padding:8px;
		min-height:100px;
	}

.formBtn
{
	background-color:#3fbf79;
	color:#fff;
	line-height:45px;
	text-align:center;
	width:100px;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	
}

	.formBtn a
	{
		display:block;
		text-decoration:none;
		color:#fff;
		padding:0 20px;
	}

	.formBtn a:hover
	{
		display:block;
		text-decoration:none;
		background-color:#2e2d2d;
		color:#fff;
	}

.contactAddress-block
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#fff;
}

.contactAddress-block .contactAddress
{
	float:left;
	width:80%;
	margin-left:15px;
	line-height:28px;
	font-size:18px;
	
}

.contactAddress-block .contactAddress-icon
{
	width:40px;
	height:40px;
	background-color:#3fbf79;
	color:#fff;
	font-size:20px;
	border-radius:30px;
	line-height:40px;
	text-align:center;
	float:left;
}

.phone-block
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#fff;
}

.phone-block .phone-mail
{

	width:80%;
	margin-left:15px;
	line-height:28px;
	font-size:18px;
	
}

.phone-block .contact-icon
{
	width:40px;
	height:40px;
	background-color:#3fbf79;
	color:#fff;
	font-size:20px;
	border-radius:30px;
	line-height:40px;
	text-align:center;

}

.map2
{
	width:100%;
}

.map
{
	padding:0px;
	margin:30px 0 -10px 0;
	border:none;
	width:100%;
	min-height:300px;
}

.copyright
{
	line-height:75px;
	background:#2e2d2d;
	text-align:center;
	color:#fff;
	margin-top:10px;
}
.f-box{background:#2e2d2d !important;}

/*--------------- 12. Main Banner Styles ---------------*/
.btnWhite
{
	
	
	width:150px;
	display:block;
	margin:0 auto;
	margin-top:30px;
	border-radius:2px;
	border:2px solid #fff;
	
}

	.btnWhite a
	{
		line-height:35px !important;
		display:block;
		width:150px;
		text-decoration:none;		
		color:#fff;
		font-family: 'Open Sans', sans-serif;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		border-radius:2px;
		margin-left:-2px;
		
		
	}
	
	.btnWhite a:hover
	{
		
		color:#fff;
		background:rgba(255,255,255,0.1);
		margin-left:-2px;
	}
	

/*--------------- 13. Padding, Margin, Color Styles ---------------*/

/*--Padding classes--*/

.paddingtop20
{
	padding-top:20px;
}

.paddingtop30
{
	padding-top:30px;
} 

.paddingtop60
{
	padding-top:60px;
}

.paddingbottom60
{
	padding-bottom:60px;
}

.paddingbottom30
{
	padding-bottom:30px;
}

/*--Margin classes--*/
.marginbottom70
{
	margin-bottom:70px;
}

.marginbottom30
{
	margin-bottom:30px;
}

.marginbottom20
{
	margin-bottom:20px;
}

.marginbottom10
{
	margin-bottom:10px;
}


/*--Color classes--*/
.colorWhite
{
	color:#fff !important;
}

.colorBlack
{
	color:#000 !important;
}

.colorOrange
{
	color:#fee664 !important;
}

/*--Preloader Style--*/
#loading_layer
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:999999;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto;
	padding:250px 0 0 0;
	}

.bubblingG {
text-align: center;
width:80px;
height:50px;
margin:0 auto;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 0px auto;
background: #F22C46;
-moz-border-radius: 50px;
-moz-animation: bubblingG 0.8s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 0.8s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 0.8s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 0.8s infinite alternate;
border-radius: 50px;
animation: bubblingG 0.8s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}

#bubblingG_3 {
-moz-animation-delay: 0.48s;
-webkit-animation-delay: 0.48s;
-ms-animation-delay: 0.48s;
-o-animation-delay: 0.48s;
animation-delay: 0.48s;
}

@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#F22C46;
-moz-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FCD619;
-moz-transform: translateY(-21px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#F22C46;
-webkit-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FCD619;
-webkit-transform: translateY(-21px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#F22C46;
-ms-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FCD619;
-ms-transform: translateY(-21px);
}

}

@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#F22C46;
-o-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FCD619;
-o-transform: translateY(-21px);
}

}

@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#F22C46;
transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FCD619;
transform: translateY(-21px);
}

}




/*--------------- 14. Media Queries ---------------*/

@media (max-width: 991px) {

/*--Navigation--*/
	.navlinks
	{
		
		float:none !important;
	}



@media (max-width: 768px) {
	
/*--Navigation--*/
	.navlinks
	{
		float:none !important;
		padding-left:15px;
		padding-right:15px;
	}
	

/*--Testimonial Slider--*/
.bx-viewport
{
	height:220px !important;
}


.slider-st2 .sl-slider h2, .slider-st2 .sl-slider blockquote
{
	 width:100% !important;
	 }
.img-margin img
{
	 width:100%;
	 }
	 
.teamDesc .title
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:20px;
		color:#000;
		line-height:normal;
	}

/* Heading Classes*/

h1
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:70px;
	color:#000;
	text-align:center;
	font-weight:200;
	padding-top:20px;
	line-height:80px;
    font-weight:bold;
}

/*--Experties--*/

	.expertiesBg
	{

		height:440px;
		padding-top:40px;
	}


/*--Design Develop Deploy--*/
	.process .content
	{
		padding-right:30px;
		padding-left:30px;
	}

	.process .icon
	{
		width:148px;
		margin:0 auto;
		font-family: "entypo";
		background-image:url(../images/sprite.png);
		background-position:-4px -139px;
		font-size:150px;
		text-align:center;
		line-height:70px;
		color:#fff;
	}
	
	.bx-viewport
{
	height:300px !important;
}

/*--Contact--*/
.contactAddress-block
{
	margin-top:30px;
	
}
}

/* Varous Classes*/
.delay1s
{
	-webkit-animation-delay:.1s;
	-moz-animation-delay:.1s;
	-o-animation-delay:.1s;
	animation-delay:.1s;
}

.delay2s
{
	-webkit-animation-delay:.2s;
	-moz-animation-delay:.2s;
	-o-animation-delay:.2s;
	animation-delay:.2s;
}

.delay3s
{
	-webkit-animation-delay:.3s;
	-moz-animation-delay:.3s;
	-o-animation-delay:.3s;
	animation-delay:.3s;
}

.padding20
{
	padding:0 20px;
}

@media (min-width: 320px) and (max-width: 480px) {
.slider-st2 .sl-slider h2, .slider-st2 .sl-slider blockquote{ width:100% !important;}
.img-margin img{ width:100%;}
blockquote p{ font-size:100% !important;}		
.hidden-phone{ display:none;}	
.list-inline > li{ padding:0px !important; }


.quote{ padding:20px 0 20px 10px;}
.media .thumb{ width:64px; height:64px;}
.media .thumb img{ width:64px; height:64px;}
.field3{ width:100% !important;}
.textarea{ width:100% !important;}


.contactSocial
{
	width:100%;
	margin:0 auto;
	font-size:40px;
	color:#fff;
}
	
/* Heading Classes*/

h1
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:40px;
	color:#000;
	text-align:center;
	font-weight:200;
	line-height:60px;
     font-weight:bold;
}

h2
{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	color:#f54444;
	text-align:center;
	line-height:32px;
	padding-top:20px 10px 0px 10px ;
	font-weight:normal;
	
}

/*-- Experties--*/

.expertiesBg
{
	height:350px;
	padding:0px;
}


/*--Design Develop Deploy--*/
	.process .icon
	{
		width:148px;
		margin:0 auto;
		font-family: "entypo";
		background-image:url(../images/sprite.png);
		background-position:-4px -139px;
		font-size:150px;
		text-align:center;
		line-height:78px;
		color:#fff;
	}
	
		.quote
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#fff;
		font-style:italic;
		line-height:24px;
		text-align:center;
	}
	
	.client
	{
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		color:#fff;
		padding-top:20px;
		text-align:center;
	}
	
/*--Testimonial Slider--*/
.bx-viewport
{
	height:276px !important;
}

/*--Contact--*/

.map
{
	height:200px;
	padding:0px;
	margin:30px 0 -10px 0;
	border:none;
	width:100%;
}

/*--Various Styles--*/

}
@media screen and (max-width: 373px){
.logo-top {
    display:none;
}
}
@media (min-width: 481px) and (max-width: 640px) { 


}

@media screen and (max-width: 660px) {

}