/*
1. RESET CSS
2. Common CSS
3. Top Bar Area
4. Header Area
5. About Area
6. Projects Area
7. Philosophy Area
8. Services Area
9. Testimonial Area
10. Services Area
11. CTA Area
12. Partners Area
13. Footer Area
14. Coustom Media Query CSS
*/
/* ##################### RESET CSS  ##################### */

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, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

img{
	max-width:100%;
}

/* Common CSS */

@font-face {
    font-family: 'supermarketregular';
    src: url('../fonts/su/supermarket-webfont.eot');
    src: url('../fonts/su/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/su/supermarket-webfont.woff2') format('woff2'),
         url('../fonts/su/supermarket-webfont.woff') format('woff'),
         url('../fonts/su/supermarket-webfont.ttf') format('truetype'),
         url('../fonts/su/supermarket-webfont.svg#supermarketregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
.relative{
	position:relative;
}
.button{
	line-height:60px;
	text-align:center;
	display:inline-block;
	padding:0 45px;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
}
.section-head{
	padding-bottom:65px;
}
.section-head h2{
	padding:65px 0 20px;
	position:relative;
	margin-bottom:22px;
}
.section-head h2:after{
	position:absolute;
	content:"";
	bottom:0;
	left:50%;
	margin-left:-40px;
	height:1px;
	width:80px;
}

/*Top Bar Area*/

.phone-no .fa{
	width:20px;
	line-height:20px;
	border-radius:3px;
	background:#3498db;
	color:#fff;
	text-align:center;
	margin-right:10px;
	font-size:14px;
	position:relative;
	top:-2px;
}
.phone-no{
	padding-top:30px;
	padding-bottom:10px;
	font-size:20px;
}
.slogan{
	padding-bottom:30px;
}

/*Header Area*/

.header-area{
	background: url(../images/bg/header-bg.jpg) fixed;
	background-size:cover;
}

.header-area .overlay{
	padding:190px 0 155px;
}
.header-area h2{
	font-family: 'supermarketregular';
	font-size: 36px;
	color: #fff;
}
.header-area h1{
	font-weight:400;
	display:inline-block;
	padding-left:15px;
}
.header-area h1 span{
	display:inline-block;
	padding:10px 15px 5px;
	color: #fff;
}
.header-area h5{
	padding:20px 0 40px;
}

/*Partners Area*/

.partners-area{
	padding:10px 0;
}
.partners-area ul{}
.partners-area ul li{
	display:inline-block;
}

/*Footer Area*/
footer{
	padding:0 0 20px;
}
footer p{
	font-size:13px;
	color: #9d9b9b;
	line-height: 160%;	
	padding:7px 0;
}

/* Custom */
.sub-heading h1 {
	font-family: 'supermarketregular';
	background-color: #FFF;
}
.phone-no .fa,
.header-area h1 span,
.button,
.form input[type="submit"],
.section-head h2:after,
.philosophy-list .fa,
.philosophy-list li span:after,
.single-service,
.social-icons li a:hover,
.owl-theme .owl-controls .owl-page span{
	background:#dd4384;
}
.box-rice {
	background-color: #f8f7f7;
	padding: 30px 50px;
}
.box-rice h2 {
	font-size: 32px;
	margin-bottom: 10px;
}
.box-rice p { font-size:18px; line-height: 160%; color:#787777;}
.box-rice.mo789,
.box-for-mobile, .img-for-mobile { display: none;}

/* Custom */



/*Coustom Media Query CSS*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.text-center-tab{
		text-align:center;
	}
	.header-area h1 span{
	}
	.header-area h1{
	}
	.marketing { padding: 20px 0;}
	.sale-ppp { margin-left: 0;}
	.rice-footer { display: none;}
	.marketing .co1,
	.marketing .co2,
	.marketing .co3,
	.marketing .co4 { margin-top: 20px;}
	.box-for-mobile { display:block; text-align:center; width: 100%;}
	.img-for-mobile { display:block; text-align:center; border:none; margin:0 auto 15px;}
}

@media only screen and (max-width: 767px) {
	h1, .h1-like {
	  font-size: 40px;
	  line-height: 56px;
	}
	.text-center-tab,.text-center-mob{
		text-align:center;
	}
	.header-area h1 span{
	}
	.header-area h1{
	}
	.marketing { padding: 20px 20px;}
	.sale-ppp { margin-left: 0;line-height: 180%;}
	.rice-footer { display: none;}
	.marketing .co1,
	.marketing .co2,
	.marketing .co3,
	.marketing .co4 { margin-top: 20px;}
	.mobile-content,
	.vc_single_image-img.attachment-full { display: none;}
	.box-rice.mo789 { display:block;}
	.box-rice.mo789 p { font-size:16px; line-height: 160%; color:#787777;}
	.box-for-mobile { display:block; text-align:center; width: 100%;}
	.img-for-mobile { display:block; text-align:center; border:none; margin:0 auto 15px;}
}
@media (max-width: 579px) {
	.header-area h1 span{
	}
	.header-area h1{
	}
	.marketing { padding: 20px 20px;}
	.sale-ppp { margin-left: 0;line-height: 180%;}
	.rice-footer { display: none;}
	.marketing .co1,
	.marketing .co2,
	.marketing .co3,
	.marketing .co4 { margin-top: 20px;}
	.box-rice{ padding:20px 10px;}
	.box-rice h2 { font-size: 28px;}
	.navbar-brand > img { display:inline-block; width: 80px;}
	.navbar-brand { width: 100%; text-align:center; float:none;display: block;}
	.navbar-wrapper .navbar .container .navbar-collapse { background: rgba(255,255,255,0.72);margin-top: 30px;}
	.navbar-right .text-right { text-align:center;}
	.header-area h1 { padding:0;}
	.sub-heading { background-color:rgba(255,255,255,0.70);padding-top: 15px;}
	.header-area h2 {color :#dd4384;}
	.sub-heading h1 { background-color:transparent;}
	.header-area h1 span { background-color:rgba(221, 67, 132, 0.7); color:#FFF;}
	.mobile-content,
	.vc_single_image-img.attachment-full { display: none;}
	.carousel { height: 140px;}
	.carousel .item {height: 140px;background: #fff;}
	.box-rice-1 { padding:10px 0 0;}
	.box-rice-1 .img-for-mobile { margin-bottom:0;}
	.box-rice.mo789 { display:block;}
	.box-rice.mo789 p { font-size:16px; line-height: 160%; color:#787777;}
	.box-for-mobile { display:block; text-align:center; width: 100%;}
	.img-for-mobile { display:block; text-align:center; border:none; margin:0 auto 15px;}
	footer p { padding: 0 20px;}
}