/*
 Version: 1.0

 */

/*
 Searching for particular element?
 Here is CSS structure...

 1. TEMPLATE SETUP
 1.1 Reset
 1.2 General styles
 1.3 Typography - Only headings and link
 1.4 Button styles
 1.5 Image styles
 1.6 List styles
 1.7 Spacers
 1.8 Basic layout divs and common classes

 2. TEMPLATE STRUCTURE
 2.1 header
 2.2 slider
 2.3 header_bottom
 2.4 features
 2.5 gallery
 2.6 pricing
 2.7 reviews
 2.8 faq
 2.9 footer_top
 2.10 footer

 3. Media queries

 /*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/

/*----------------------------------------*/
/*----- 1.1 Reset -----*/
/*----------------------------------------*/
/* From - http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----------------------------------------*/
/*----- 1.2 General styles -----*/
/*----------------------------------------*/
body {
	background: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #959595;
	font-weight: normal;
	line-height: 1.5em;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
strong {
	font-weight: bold;
	color: #6a6a6a;
}
h1 {
	font-size: 36px;
	margin-bottom: 15px;
	line-height: 1.1em;
}
h2 {
	font-size: 24px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	font-weight: 400;
	letter-spacing: -0.05em;
}
/*centered aligned heading used in template is h3*/
h3 {
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	font-family: Arial, Helvetica, "Sans Serif";
	font-weight: 400;
	letter-spacing: -0.07em;
}
h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
h5 {
	font-size: 14px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, "Sans Serif";
	font-weight: 400;
	letter-spacing: -0.05em;
	padding-top: 6px;
}
h6 {
	font-size: 13px;
	margin-bottom: 0px;
}
a {
	color: #959595;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
}
a:hover {
	color: #f3c847;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #474b4f;
}
/*----------------------------------------*/
/*----- 1.4 Button Styles -----*/
/*----------------------------------------*/
/*----- button (for dark background) -----*/
.button span {
	background: url(../images/btn-big.png) no-repeat 0 0 transparent;
	padding: 11px 0 11px 20px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	text-shadow: 0px 1px 0px #545454;
	display: block;
}
.button {
	background: url(../images/btn-big-span.png) no-repeat top right transparent;
	height: 44px;
	padding-right: 20px;
	margin-top: 20px;
	display: block;
	text-decoration: none;
	float: left;
}
.button:hover span {
	background-position: 0 -44px;
	color: #fffff;
}
.button:hover {
	background-position: right -44px;
}
/*----- small button -----*/
.button_small span {
	background-image: url(../images/btn-small.png) !important;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 11px 0px 12px 20px !important;
	background-color: transparent !important;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px !important;
	line-height: 12px !important;
	color: #ffffff !important;
	font-weight: 700;
	text-align: center;
	text-shadow: 0px 1px 0px #545454;
	border: none !important;
	width: auto !important;
	display: block;
}
.button_small {
	background: url(../images/btn-small-span.png) no-repeat top right transparent;
	height: 35px;
	padding-right: 20px;
	display: block;
	text-decoration: none;
	float: left;
	border: none !important;
}
.button_small:hover span {
	background-position: 0 -35px;
	color: #fffff;
}
.button_small:hover {
	background-position: right -35px;
}
/*-----button (for light background)-----*/
.button_lightbg span {
	background: url(../images/btn-big-light.png) no-repeat 0 0 transparent;
	padding: 11px 0 11px 20px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	text-shadow: 0px 1px 0px #545454;
	display: block;
}
.button_lightbg {
	background: url(../images/btn-big-light-span.png) no-repeat top right transparent;
	height: 44px;
	padding-right: 20px;
	margin-top: 20px;
	display: block;
	text-decoration: none;
	float: left;
}
.button_lightbg:hover span {
	background-position: 0 -44px;
	color: #fffff;
}
.button_lightbg:hover {
	background-position: right -44px;
}
/*----------------------------------------*/
/*----- 1.5 Image styles -----*/
/*----------------------------------------*/
.image_left {
	margin-right: 10px;
	float: left;
}
.image_right {
	margin-left: 10px;
	float: right;
}
/*----------------------------------------*/
/*----- 1.6 List styles -----*/
/*----------------------------------------*/
.list1 li {
	margin-bottom: 7px;
	background: none;
	list-style-type: none;
	display: block;
}
.list2 {
	padding-top: 10px;
}
.list2 li {
	background: url(../images/bullet-checkmark.png) no-repeat 0 5px;
	padding-left: 20px;
	margin-bottom: 8px;
	display: block;
	list-style-type: none;
}
/*----------------------------------------*/
/*----- 1.7 Spacers -----*/
/*----------------------------------------*/
/*Can be used as and when required to maintaing vertical spacing*/
.spacer_10px {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
.spacer_20px {
	width: 100%;
	height: 20px;
	display: block;
	clear: both;
}
.spacer_30px {
	width: 100%;
	height: 30px;
	display: block;
	clear: both;
}
/*----------------------------------------*/
/*----- 1.8 Basic layout divs and common classes -----*/
/*----------------------------------------*/
/*columns system has separate CSS - skeleton.css*/
.row1 {
	background: #f8f8f8;
	width: 100%;
	border-bottom: 1px solid #ededed;
}
.row2 {
	background: #ffffff;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 53px;
}
.color {
	color: #f3c847 !important;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTRE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 header -----*/
/*----------------------------------------*/
#header {
	width: 100%;
	/*	background: url(../images/header-bg.jpg) repeat-x bottom #2b2d31;*/
	background-color: #2b2d31;
	padding-bottom: 18px;
	position: fixed;
	z-index: 999;
	border-bottom: 6px solid #b2a66c;
}
/*----- header_top -----*/
#header_top {
	background: #; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79975b', endColorstr='#62853e'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#), to(#)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #, #); /* for firefox 3.6+ */
	background: -o-linear-gradient(top, #, #);
	margin-bottom: 25px;
	color: #f8f8f8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
#header_top a {
	color: #f8f8f8;
}
/*----- text to left -----*/
p.top_left {
	padding: 10px 0px 10px 10px;
	float: left;
}
/*----- list to right / social -----*/
ul.top_right {
	background: url(../images/header-bg-right-corner.png) no-repeat right;
	padding-right: 10px;
	float: right;
}
ul.top_right li {
	background: url(../images/header-icon-bg-sprite.png) no-repeat 0 0;
	width: 41px;
	padding: 0;
	display: block;
	position: relative;
	list-style-type: none;
	float: left;
}
ul.top_right li .hover {
	background: url(../images/header-icon-bg-sprite.png) no-repeat 0 -40px;
	width: 41px;
	height: 40px;
	display: block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
}
ul.top_right li img {
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer !important;
	z-index: 999;
}
/*----- logo (just in case if you do have text logo) -----*/
.logo h1 {
	color: #d8dcde;
	margin-bottom: 0px;
	line-height: .8em;
}
/*----- navigation -----*/
#nav {
	float: left;
	padding-top: 13px;
}
#nav ul {
	float: right;
}
#nav ul li {
	margin-left: 12px;
	float: left;
	background: none;
	list-style-type: none;
}
#nav ul li a {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #999ea0;
	text-decoration: none;
	outline: none;
	padding: 0;
	text-shadow: 0px 1px 0px #161616;
}
#nav ul li a:hover, #nav ul li a.current {
	color: #d8dcde;
}
#nav select {
	display: none;
	cursor: pointer !important;
}
/*----------------------------------------*/
/*----- 2.2 slider -----*/
/*----------------------------------------*/
#slider_bg {
	width: 100%;
	padding-top: 131px;
/*	padding-top: 124px;*/
	border-bottom: 4px solid #2b2d31;
}
.image-slider h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 30px;
	color: #f8f8f8;
	font-size: 28px;
	font-weight: 100;
	letter-spacing: -0.06em;
}
.image-slider p {
	font-size: 16px;
	line-height: 1.4em;
}
/*----- fix height to slider just to avoid fluctuations of content below the slider -----*/

/*----------------------------------------*/
/*----- 2.3 header_bottom -----*/
/*----------------------------------------*/
#header_bottom {
	background: #e5e5e5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #e5e5e5); /* for firefox 3.6+ */
	background: -o-linear-gradient(top, #ffffff, #e5e5e5);
	width: 100%;
	min-height: 18px !important;
	padding: 6px 0px 12px;
	border-bottom: 1px solid #d5d5d5;
	z-index: 9;
}
/*----------------------------------------*/
/*----- 2.4 features -----*/
/*----------------------------------------*/
.iconbg_1 {
	background: url(../images/icon-bg-1.png) no-repeat;
	width: 66px;
	height: 100px;
}
.iconbg_2 {
	background: url(../images/icon-bg-2.png) no-repeat;
	width: 66px;
	height: 100px;
}
.iconbg_3 {
	background: url(../images/icon-bg-3.png) no-repeat;
	width: 66px;
	height: 100px;
}
.iconbg_4 {
	background: url(../images/icon-bg-4.png) no-repeat;
	width: 66px;
	height: 88px;
}
.iconbg_5 {
	background: url(../images/icon-bg-5.png) no-repeat;
	width: 66px;
	height: 88px;
}
.iconbg_6 {
	background: url(../images/icon-bg-6.png) no-repeat;
	width: 66px;
	height: 88px;
}
.iconbg_1 img, .iconbg_2 img, .iconbg_3 img, .iconbg_4 img, .iconbg_5 img, .iconbg_6 img {
	margin-left: 17px;
	margin-top: 14px;
}
/*----------------------------------------*/
/*----- 2.5 gallery -----*/
/*----------------------------------------*/
ul.gallery li {
	background: #585b5f;
	width: 205px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 4px 0px 4px;
	border: 1px solid #2b2d31;
	list-style-type: none;
	position: relative;
	z-index: 9;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:120px;
	overflow:hidden;
}
ul.gallery li img {
	outline: none;
	float: left;
}
ul.gallery li img a {
	outline: none;
}
.zoom_enable {
	background: url(../images/gallery-hover-sprite.png) 0 0 no-repeat transparent;
	width: 16px;
	height: 21px;
	position: absolute;
	right: 5px;
	top: 49%;
	margin-top: -21px;
	outline: none;
	z-index: 999;
	border: none;
}
.zoom_disable {
	background: url(../images/gallery-hover-sprite.png) -16px 0 no-repeat transparent;
	width: 16px;
	height: 21px;
	position: absolute;
	right: 5px;
	top: 49%;
	margin-top: -21px;
	outline: none;
	z-index: 999;
	border: none;
}
.play_enable {
	background: url(../images/gallery-hover-sprite.png) -16px -21px no-repeat transparent;
	width: 16px;
	height: 21px;
	position: absolute;
	right: 5px;
	top: 51%;
	outline: none;
	z-index: 999;
	border: none;
}
.play_disable {
	background: url(../images/gallery-hover-sprite.png) 0px -21px no-repeat transparent;
	width: 16px;
	height: 21px;
	position: absolute;
	right: 5px;
	top: 51%;
	outline: none;
	z-index: 999;
	border: none;
}
ul.gallery li span {
	background: #585b5f;
	width: 26px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: 99;
}
/*----------------------------------------*/
/*----- 2.6 pricing -----*/
/*----------------------------------------*/
#pricing_wrapper {
	background: url(../images/pattern-1.png) repeat #34373c;
	width: 100%;
	/*padding: 79px 0px 63px;*/
	padding: 79px 0px 196px;
}
/*----- pricing_intro -----*/
.pricing_intro {
	text-align: center;
	text-shadow: 0px 1px 0px #161616;
	padding: 0px 163px 51px 173px;
box-sizing: border-box;
}
.pricing_intro h2 
{
	font-size: 25px;
	line-height:1;
	color: #fff;
	font-weight: 500;
	font-family: Helvetica, sans-serif;
	text-transform:capitalize;
	margin-bottom: 24px;
}
.pricing_intro p {
	font-size: 13px;
	line-height: 19px;
	color:#fff;
	font-weight: 700;
	font-family: Helvetica, sans-serif;
}
#pricing_wrapper .service-list
{
		width: 335px;
		margin: 0 auto;
		overflow: hidden;
		box-sizing: border-box;
		padding-left: 55px;
}
#pricing_wrapper .service-list > li
{
	overflow: hidden;
}
#pricing_wrapper .service-list > li .list-item
{
	font-size: 13px;
	line-height:22px;
	color:#d2c582;
	font-weight: 400;
font-family: Helvetica, sans-serif;
float: left;
}
#pricing_wrapper .service-list > li .left-content
{
	width:160px;
}
#pricing_wrapper .service-list > li .right-content
{
	width:120px;
}
/*----------------------------------------*/
/*----- 2.7 reviews -----*/
/*----------------------------------------*/
.testimonial ul.slides {
	/*	background: url(../images/icon-quote.png) no-repeat center top;*/
	padding: 26px 30px 0px 30px;
}
/*----- fix height to testimonial just to avoid fluctuations of content below it -----*/
/*----- same should be done in media queries -----*/
.testimonial {
	/*	height: 240px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	line-height: 1.4em;
	text-align: center;
}
.testimonial span {
	font-size: 12px;
	padding-top: 10px;
	display: block;
}
/*----------------------------------------*/
/*----- 2.8 faq -----*/
/*----------------------------------------*/
#faq h5 {
	margin-bottom: 20px;
}
ul.payment {
	padding-top: 15px;
}
ul.payment li {
	background: none;
	list-style-type: none;
	float: left;
	margin-right: 10px;
}

/*----------------------------------------*/
/*----- 2.9 footer_top -----*/
/*----------------------------------------*/
#footer_top {
	background: #9c9c9c;
	height: auto;
	padding: 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #35393e;
	font-weight: 700;
	text-shadow: 0px 1px 0px #878787;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}
#footer_top ul {
	padding: 10px;
}
#footer_top ul li {
	background: none;
	width: 20%;
	text-align: center;
	list-style-type: none;
	display: inline;
	float: left;
}
/*----------------------------------------*/
/*----- 2.10 footer -----*/
/*----------------------------------------*/
#footer {
	background: url(../images/footer-bg.jpg) center top no-repeat #2b2d31;
	padding-top: 30px;
	text-shadow: 0px 1px 0px #161616;
}
#footer h5 {
	color: #d8dcde;
	border-bottom: 1px dashed #4b4c50;
	padding-bottom: 5px;
	margin-bottom: 15px !important;
}
/*----- twitter -----*/
a.twitter_usename {
	color: #d8dcde;
}
#twitter ul li {
	display: block;
	padding-top: 10px;
}
#twitter ul li a {
	text-decoration: underline;
}
/*----- subscribe form -----*/
form#subform {
	margin-top: 20px;
}
form#subform fieldset {
	border: none;
	background: none;
}
form#subform fieldset p {
	background: none;
	padding: 0;
	margin: 0;
}
form#subform input {
	background: #4e5054;
	width: 140px;
	height: 18px;
	padding: 5px;
	margin: 0;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 11px;
	color: #f8f8f8;
	line-height: 1.7em;
	float: left;
	outline: none;
	border: 1px solid #4e5054;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}
form#subform input.sub_submit {
	background: #959595;
	width: 50px;
	height: 30px;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b2d31;
	font-weight: bold;
	text-shadow: 0px 1px 0px #7b7b7b;
	cursor: pointer;
	outline: none !important;
	float: left;
	border: 1px solid #959595;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}
/*label.error is not used for this template*/
form#subform label.error {
	font-size: 0px;
	display: none !important;
}
form#subform input.error {
	border: 1px solid #f24b4b;
}
form#subform #result_sub {
	width: 220px;
	line-height: 2em;
	text-align: left;
	float: left;
}
/*----- footer_logo -----*/
.footer_logo {
	margin-bottom: 7px;
}
/*----- copyright -----*/
#copyright {
	font-size: 11px;
	padding: 15px 0px;
	margin-top: 20px;
	border-top: 1px solid #4b4c50;
}
#copyright p {
	float: left;
}
#copyright ul {
	float: right;
}
#copyright ul li {
	margin-left: 10px;
	background: none;
	list-style-type: none;
	display: inline-block;
	float: left;
}
#replace_slider {
	display: none;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

	/*----- Need changes while customization -----*/
	/*height of testimonial should be changed accordingly to avoid fluctuations of content below it*/
	/*	.testimonial {
	 height: 230px;
	 }*/

	/*----- No need to change below unless heavy layout changes -----*/
	.row1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.row2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.image-slider h1 {
		margin-top: 0px;
	}
	.pricing td.focus p {
		width: auto;
		padding-bottom: 10px;
	}
	.pricing td p {
		width: 45%;
	}
	.pricing table td span {
		float: right;
		width: 46%;
		padding: 1% 2%;
	}
	ul.gallery li {
		width: 162px;
	}
	form#subform input {
		width: 110px;
	}
	form#subform #result_sub {
		width: 170px;
	}
}

/*----------------------------------------*/
/*----- 3.2 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

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

	/*----- Need changes while customization -----*/

	/*Width should be according to number of lists (like here 5 lists so... width = 41px x 5 = 205px)*/
	ul.top_right {
		background: none;
		float: none;
		margin: 0 auto;
		width: 205px;
		padding: 0;
	}
	/*height and width of ".logo h1" should be changed as per your logo*/
	.logo h1 {
		width: 300px;
		height: 112px;
		margin: 0 auto;
	}
	/*height of testimonial should be changed accordingly to avoid fluctuations of content below it*/
	/*	.testimonial {
	 height: 3200px;
	 }*/
	#replace_slider {
		display: block !important;
	}
	#replace_slider h1 {
		color: #f8f8f8;
	}
	#replace_slider p {
		font-size: 16px;
		line-height: 1.4em;
	}

	/*----- No need to change below unless heavy layout changes -----*/
	.container .columns, .container .column {
		margin: 10px 0px 10px 0px !important;
	}
	.row1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.row2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.logo {
		width: 300px;
	}
	#nav ul {
		display: none;
	}
	#nav {
		text-align: center;
	}
	#nav select {
		display: inline-block;
		text-align: left;
		width: 60%;
		border: solid 1px #46494d;
		padding: 5px;
		background: transparent;
		color: #82848a;
	}
	#header .columns.sixteen {
		margin-top: 0 !important;
	}
	p.top_left {
		text-align: center !important;
		float: none;
		padding-left: 0px;
		padding-bottom: 10px;
	}
	#header_top .columns {
		margin: 0 !important;
	}
	#header {
		position: relative;
	}
	ul.gallery li {
		width: 290px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 25px;
	}
	.testimonial ul.slides {
		padding-left: 0px;
		padding-right: 0px;
	}
	#pricing_wrapper {
		padding: 30px 0px;
	}
	#pricing_wrapper .columns.four {
		margin-bottom: 20px !important;
	}
	#footer_top {
		display: none;
	}
}

/*----------------------------------------*/
/*----- 3.3 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/

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

	/*----- Need changes while customization -----*/

	/*height and width of ".logo h1" should be changed as per your logo*/
	.logo h1 {
		margin: 0 auto;
		width: 300px;
		height: 112px;
	}
	/*height of testimonial should be changed accordingly to avoid fluctuations of content below it*/
	.testimonial {
		height: 270px;
	}
	#pricing_wrapper .columns.four {
		width: 300px;
		margin-left: 60px !important;
	}

	/*-----No need to change below unless heavy layout changes-----*/
	/* Other properties are according to those specified for Mobile (Portrait)*/
	.logo {
		width: 420px;
	}
	ul.gallery li {
		width: 410px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 25px;
	}
}
.row1 #home {
	text-align: center;
}
#footer .container.clearfix .four.columns #abn {
	font-size: x-small;
}
#footer .container.clearfix .four.columns p #Phone {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.07em;
	color: #AEA160;
}
/*********28-FEB-2017******/
body {
	min-width: 320px;
}
.contact-no {
	display: block;
	clear: right;
	float: right;
	text-align: right;
	margin-top: 12px;
}
.contact-no .tel-icon {
	height: 34px;
	width: 34px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: url("../images/tel-icon.png") no-repeat center center;
	-webkit-background-size: 34px;
	background-size: 34px;
	margin-right: 14px;
	vertical-align: -8px;
}
.contact-no a {

	font-size: 22px;
	font-weight: 700;
	color: #b2a66c;
	font-family:Helvetica, Sans-Serif;
}
.image-slider .slides > li
{
	position: relative;
	z-index: 0;
}
/*.banner-image
{
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height:100%;
		z-index: -1;
		overflow:hidden;
	}
	.banner-image img
	{
		width:100%;
		height:100%;
		max-height:100%;
	}*/	.image-slider .slides > li
	{
		background-repeat:no-repeat;
		background-position:center top;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.image-slider .slides > .first-slide
	{
		background-image: url("../images/banner-image.jpg");
	}
		.image-slider .slides > .second-slide
	{
		background-image: url("../images/banner-image-2.jpg");
	}
		.image-slider .slides > .third-slide
	{
		background-image: url("../images/banner-image-3.jpg");
	}
#slider_bg .banner-content-section {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	padding: 147px 0 154px 20px;
	box-sizing:border-box;
}
#slider_bg .banner-content {
	background: rgba(0,0,0,0.52);
	/*padding: 35px 25px 30px 45px;*/
	padding: 30px 25px 30px 28px;
	max-width: 431px;
}
#slider_bg  .banner-content h2 {
	font-size: 29px;
	color: #b2a66c;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.3px;
	font-family:Helvetica, Sans-Serif;
	text-transform: capitalize;
	position: relative;
	margin: 0;
	padding-bottom: 22px;
}
#slider_bg  .banner-content h2:after {
	content: "";
	display: block;
	border: 1px solid rgba(255,255,255,0.38);
	margin-top: 6px;
	margin-left: 2px;
}
#slider_bg  .banner-content h2:before {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 19px;
	border: 1px solid rgba(255,255,255,0.38);
	width: 100%;
	width: -moz-calc(100% - 4px);
	width: -webkit-calc(100% - 4px);
	width: calc(100% - 4px);
}
#slider_bg  .banner-content p {
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	font-weight: 400;
	font-family:Helvetica, Sans-Serif;
	padding-bottom: 22px;
	padding-left: 2px;
	letter-spacing: 0.1px;
}
#slider_bg .banner-content .glry-btn, #slider_bg .banner-content .btn {
	font-size: 14px;
	color: #b2a66c;
	font-family:Helvetica, Sans-Serif;
	font-weight: 700;
	line-height: 25px;
	display: inline-block;
	letter-spacing: -0.1px;
	margin-right:10px;
}
#slider_bg .banner-content .glry-btn
{
font-weight:400;
}
#slider_bg .banner-content .btn {
	background: #2b2d31;
	color: #fff;
	padding: 0 15px;
}
#slider_bg .banner-content .banner-buttons {
	padding-left: 4px;
}
#slider_bg .image-slider .flex-control-nav {
	position: absolute;
	bottom: -30px;
	right: 0;
	padding-right: 20px;
	text-align: center;
	z-index: 99;
	left: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	text-align: right;
}
#slider_bg .image-slider .flex-control-nav li a {
	font-size: 0;
}

#about {
	padding-top: 86px;
	padding-bottom: 33px;
}
#about .about-head {
	padding: 29px 0px 20px;
}
#about .iconbg_1 {
	margin-left: 10px;
}
#about .about-head h3 {
	font-weight: 700;
	margin: 0;
	letter-spacing: -2.6px;
	font-family:Helvetica, Sans-Serif;
}
#about .container .one-third.column {
	width: 50%;
	margin: 0;
}
.about-section {
	border-top: 1px solid #ededed;
}
#about  .para-section {
	float: left;
	width: 100%;
	width: -moz-calc(100% - 78px);
	width: -webkit-calc(100% - 79px);
	width: calc(100% - 86px);
	padding: 15px 24px 0 3px;
	box-sizing: border-box;
}
#about .para-section p, #about .coloumn-right p, #about .list-elements li, #about .list-section .list-head {
	font-weight: 700;
	color: #303236;
	font-size: 13px;
	font-family:Helvetica, Sans-Serif;
	line-height: 19px;
	margin-bottom: 19px;
}
#about .list-elements {
	list-style: disc;
	padding: 0;
	padding-left: 9px;
	margin: 0;
}
#about  .list-section {
	margin-bottom: 18px;
}
#about .list-elements .list-head {
	display: block;
}
#about .coloumn-right .list-elements li {
	margin: 0;
}
#about .coloumn-right {
	box-sizing: border-box;
	padding: 17px 70px 0 46px;
}
#about .coloumn-right p {
	margin-bottom: 16px;
}
#reviews {
	padding-top: 49px;
}
#reviews h2 {
	font-size: 40px;
	color: #565656;
	font-family:Helvetica, Sans-Serif;
	text-transform: capitalize;
	text-align: center;
}
#reviews h2 .head-icon {
	position: relative;
	top: 14px;
	display: inline-block;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#reviews .testimonial {
	padding-bottom: 139px;
}
#reviews .testimonial .flex-control-nav {
	bottom: 59px;
}
/***********CONTACT FORM*********/
.input-box {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	font-family:Helvetica, Sans-Serif;
	height: 29px;
	width: 100%;
	background: #797a7d;
	border: 0;
	display: block;
	padding-left: 18px;
	box-sizing: border-box;
	border-radius:0;
	-webkit-appearance:none;
	appearance:none;
}
.input-box::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
.input-box:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
.input-box::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
.input-box:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
.contact-form {
	overflow: hidden;
	padding-left: 11px;
	padding-bottom: 17px;
}
.contact-form .form-list {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 41%;
	margin-right: 7.2%;
}
.contact-form .form-list > li {
	margin-bottom: 19px;
}
.text-box {
	position: relative;
	float: left;
	width: 50.8%;
}
.text-box .input-box {
	min-height: 125px;
	padding: 5px 0 28px 12px;
}
.text-box .input-box::-ms-expand
{
display:none;
}
.text-box .sbt-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 50px;
	font-size: 13px;
	line-height: 25px;
	color: #fff;
	background: #9c915b;
	border: 0;
	font-family:Helvetica, Sans-Serif;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	border-radius:0;
		-webkit-appearance:none;
	appearance:none;
	
}
@-moz-document url-prefix() { 
  .text-box .sbt-btn {
     bottom:1px;
  }
}
#contact h3 {
	margin-bottom: 35px;
}
/**********Footer Section********/
#footer, #footer h5 {
	font-weight: 700;
	font-family:Helvetica, Sans-Serif;
}
#footer .container.clearfix .four.columns #Phone a {
	font-family:Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: 400;
	color: #B2A668;
	letter-spacing: -0.07em;
	font-weight: 700;
}
/************RESPONSIVE**********/
@media only screen and (max-width: 767px) {
	.contact-no {
		display: block;
		float: none;
		text-align: center;
		margin-top: 0;
		padding-bottom: 15px;
	}
	#about .about-head h3 {
		line-height: 1.2;
	}
	#slider_bg {
		padding-top: 0;
	}
	#slider_bg .banner-content h2:before {
		bottom: 4px;
	}
	#slider_bg .banner-content-section {
    padding: 60px 0 60px 00;
   }
	#slider_bg .banner-content h2 {
		font-size: 18px;
		padding-bottom: 7px;
	}
	#slider_bg .banner-content p {
		font-size: 12px;
		line-height: 14px;
		margin-right: 10px;
	}
	#slider_bg .banner-content .glry-btn, #slider_bg .banner-content .btn {
		font-size: 12px;
	}
	#slider_bg .banner-content p {
		padding-bottom: 5px;
	}
	#about {
		padding-top: 40px;
		padding-bottom: 33px;
	}
	#about .container .one-third.column {
		float: none;
		width: 100%;
		display: block;
		overflow: hidden;
	}
	#slider_bg .image-slider .flex-control-nav {
		box-sizing: border-box;
	}
	#reviews .testimonial .flex-control-nav {
		bottom: 0;
	}
	#reviews .testimonial {
		padding-bottom: 40px;
	}

	/***CONTACT FORM********/
	.contact-form {
		padding-left: 0;
	}
	.contact-form .form-list, .text-box {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#slider_bg .image-slider .flex-control-nav {
		box-sizing: border-box;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#reviews .testimonial {
		padding-bottom: 50px;
	}
	#reviews .testimonial .flex-control-nav {
		bottom: 10px;
	}
#slider_bg .banner-content-section {
    padding: 60px 0 70px 0px;
   }
   
   ul.gallery li
   {
   	height:98px;
   }
}
	@media only screen and (max-width: 970px) {
	
	.pricing_intro {
    padding: 0px 0 30px 0;
   }
   #pricing_wrapper .service-list {
    width: 281px;
    padding-left: 0;
   }
   #pricing_wrapper
   {
   	padding-bottom: 60px;
   }
   }



.form-group.relative {
    clear: both;
}
div#contact_results .error {
    color: red;
    font-weight: bold;
}

div#contact_results .success {
    color: #9c915b;
    font-weight: bold;
}