/* CSS

Author: GILLAN E SOLUTIONS

Created:16-06-2017

*/

/*

-------------------------------------------------------------- 

BROWSER SPECIFICATION STYLES

-------------------------------------------------------------- 

*/ 

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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;

	font-size: 100%;

}
p {
	margin-bottom:20px;
}

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

	font-weight: normal;

}
h1 {
    font-family: 'Lato-Black';
    font-size: 42px;
    color: #036ec6;
    line-height: 56px;
	margin-bottom:20px;
}
h3 {
    font-family: 'Lato-Semibold';
    font-size: 25px;
    color: #036ec6;
    margin-bottom: 20px;
}
a:hover {

	transition: all 0.4s ease-in-out;

}

/*

-------------------------------------------------------------- 

GLOBAL STYLES

-------------------------------------------------------------- 

*/

.alignleft {

	float: left;

	margin: 0px 15px 15px 0px;

}

.alignright {

	float: right;

	margin: 0px 0px 15px 15px;

}

.black-btn {

	background-color: #000;

	display: block;

	font-family: 'AlegreyaSans-ExtraBold';

	font-size: 20px;

	color: #fff;

	text-transform: uppercase;

	border: none;

	transition: all 0.4s ease-in-out;

	padding: 7px 80px;

}

.black-btn:hover, .black-btn:focus {

	background-color: #fff;

	color: #000;

	text-decoration: none;

}
img {
	height:auto;
}

/*

-------------------------------------------------------------- 

HEADER STYLE

-------------------------------------------------------------- 

*/

.header-area {

	position: relative;

}

.header {

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0px;

	z-index: 100;

	margin: 0 auto;

	padding-top:9px;

}

.logo {

	float: left;

	padding-top:35px;

}

.call-us {

	float:right;

	font-family: 'Lato-Bold';

	font-size:20px;

	color:#ffffff;

}

.call-us:hover,

.call-us:focus {

	color:#fff;

	text-decoration:underline;

}

/*

-------------------------------------------------------------- 

BANNER STYLE

-------------------------------------------------------------- 

*/

.banner-area {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

	margin-bottom:36px;

}

.banner-area img {

	width: 100%;

}

.banner-caption {

    position: absolute;

    right: 0;

    left: 0;

	bottom:10%;

    margin: 0;

}

.banner-caption big {

	float:left;

	font-family: 'Lato-Bold';

	font-size:34px;

	color:#fff;

	text-transform:uppercase;

	line-height: 40px;

	text-shadow: -1px 2px 3px rgba(1, 2, 2, 0.56);

	margin:0 0 30px 40px;

}

.banner-tab {

	background-color: rgba(255,255,255, 0.81);

	float:left;

	width: auto;

	text-align:center;

    padding: 11px 14px 25px;

}

.banner-tab h1 {

	font-family: 'Lato-Black';

	font-size:51px;

	color:#036ec6;

    line-height: 56px;

}

.banner-tab h1 span {

	display:block;

	font-family: 'Lato-Bold';

	font-size:32px;

	color:#2d2d2d;

	line-height:62px;

	margin-bottom:10px;

}

.blue-box {

	background:#036ec6;

	font-family: 'Lato-Semibold';

	font-size:23px;

	color:#fff;

	line-height:66px;

	padding:0px 23px 22px 32px;

}

.blue-box img {

	width:inherit;

	height:inherit;

}

.blue-box p {

	margin-bottom:0;

}

.call-us-div {

	font-family: 'Lato-Semibold';

	font-size:40px;

	color:#fff;

   line-height: 30px;

}

.call-us-div a {

	color:#fff;

}

.call-us-div a:hover,

.call-us-div a:focus {

	color:#000;

	text-decoration:none;

}
.mobile-banner {
    display: none;
}

/*

-------------------------------------------------------------- 

CONTENT AREA STYLE

-------------------------------------------------------------- 

*/

.content-area {

	float:left;

	width:100%;

}

/*

-------------------------------------------------------------- 

WELCOME AREA STYLE

-------------------------------------------------------------- 

*/

.welcome-area {

	float:left;

	width:100%;

}

.welcome-area h2 {

	font-family: 'Lato-Semibold';

	font-size:30px;

	color:#036ec6;

	line-height:normal;

	margin-bottom:28px;

}

.welcome-area h2 span {

	display:inline-block;

  font-family: 'Lato-SemiboldItalic';

}

.gray-box {

	display:block;

	background:#f6f6f6;

	font-family: 'Lato-Regular';

	font-size:18px;

	color:#414141;

	line-height:23px;

    min-height: 185px;

    padding: 13px 38px 10px;

    margin-bottom: 30px;

}

.gray-box p {

	margin-bottom:5px;

}

.gray-box h3 {

	font-family: 'Lato-MediumItalic';

	font-size:16px;

	color:#036ec6;

	line-height:normal;

}

.gray-box h3 span {

	display:inline-block;

	margin-left:8px;

}

/*

-------------------------------------------------------------- 

DELIVERY AREA STYLE

-------------------------------------------------------------- 

*/

.delivery-area {

	background:url(../images/gry-bg.jpg) no-repeat top center;

	float:left;

	width:100%;

	background-size:cover;

	font-size:17px;

	color:#fffefe;

	line-height:24px;

	text-align:center;

	min-height:190px;

	text-shadow: -1px 2px 3px rgba(1, 2, 2, 0.56);

	padding-top: 24px;

	margin-bottom:40px;

}

.delivery-area h2 {

	font-family: 'Lato-Black';

	font-size:35px;

	color:#fffefe;

	line-height:28px;

	text-transform:uppercase;

	margin-bottom: 23px;

}

.delivery-area ul {

	list-style:none;

	margin-bottom: 17px;

}

.delivery-area ul li { 

   display:inline-block;

   background:url(../images/white-arrow.png) no-repeat 0 12px;

   font-family: 'Lato-Black';

   font-size:24px;

   color:#fffefe;

   line-height:normal;

   padding: 0 32px;

}

.delivery-area ul li:first-child {

	background:none;

}

.delivery-area ul li a {

   color:#fffefe;

}

.delivery-area ul li a:hover,

.delivery-area ul li a:focus {

	color:#000;

	text-decoration:none;

}
/*
-------------------------------------------------------------- 
BLOG STYLE
-------------------------------------------------------------- 
*/
.content-div {
    float: left;
    width: 100%;
    padding: 0px 0px 50px;
}
.blog-tab img {
	width: 100%;
}
.blog-tab h3 a {
	color:#2d2d2d;
}
.blog-tab h3 a:hover,
.blog-tab h3 a:focus {
	text-decoration:none;
	color:#036ec6;
}
.blog-tab h2 a:hover,
.blog-tab h2 a:focus {
	text-decoration:none;
	color:#036ec6;
}
.blog-tab a.read-more:hover,
.blog-tab a.read-more:focus {
	text-decoration:none;
	color:#036ec6;
}
.read-more {
	color:#2d2d2d;
}
.read-more:hover {
	color:#036ec6;
}
.blog-sidebar .widget {
	margin: 0 0 10.5%;
}
.blog-sidebar .widget h5 {
	font-size: 18px;
	font-family: 'Lato-Bold';
	line-height: 22px;
	color: #000;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 7px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
}
.blog-sidebar .widget h5:before {
	content: "";
	position: absolute;
	bottom: 0;
	background:#036ec6;
	width: 30px;
	height: 4px;
}
.blog-sidebar .widget ul {
	list-style: none;
}
.blog-sidebar .widget ul li {
	background: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 12px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #ababab;
}
.blog-sidebar .widget ul li a {
	background: none;
	display: block;
	font-size: 18px;
	line-height: 20px;
	color: #010101;
	padding: 0;
	margin: 0;
	padding-left: 3px;
}
.blog-sidebar .widget ul li a:hover, .blog-sidebar .widget ul li a:focus {
	color: #036ec6;
	text-decoration:none;
}
.blog-sidebar a {
	padding: 6px 12px 7px;
	display: inline-block;
	color: #010101;
	margin: 0 8px 10px 0;
	background-color: #efefef;
	font-size: 15px;
	line-height: 20px;
}
.blog-sidebar a:hover,
.blog-sidebar a:focus {
	background-color: #e7382a;
	color: #fff;
	text-decoration: none;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	text-decoration:none;
}



/*

-------------------------------------------------------------- 

FOOTER AREA STYLE

-------------------------------------------------------------- 

*/

.footer {

	float:left;

	width:100%;

	padding-bottom:20px;

}

.footer-info {

	display:block;

}

.footer-info h2 {

	font-family: 'Lato-Bold';

	font-size:25px;

	color:#414141;

	line-height:normal;

	margin-bottom:6px;

}

.footer-info ul {

	list-style:none;

}

.footer-info ul li {

	display:block;

	font-family: 'Lato-Regular';

	font-size:20px;

	color:#414141;

	line-height:29px;

}

.footer-info ul li span {

	font-family: 'Lato-Bold';

}

.map-area {

	display:block;

	margin-bottom:52px

}

.copyright {

	font-family: 'Lato-Regular';

	font-size:15px;

	color:#414141;

	line-height: 18px;
	margin-top:20px;

}

.copyright a {

	color:#036ec6;

}

.copyright a:hover,

.copyright a:focus {

	color:#414141;

	text-decoration:none;

}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
.banner-tab h1 {
    font-size: 44px;
}
}
/* I Pad Landscape */

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

.banner-caption big {

    font-size: 28px;

}

.banner-tab {

    width: 600px;

}

.banner-tab h1 {

    font-size: 31px;

    line-height: normal;

}

.banner-tab h1 span {

    font-size: 25px;

    line-height: normal;

}

.blue-box {

    font-size: 18px;

    line-height: 36px;

}

.call-us-div {

    font-size: 30px;

}

.gray-box {

    min-height: 210px;

}

.delivery-area {

    font-size: 14px;

}

}

/* I Pad Potrait */

@media (max-width: 991px) {

.header {

	position:inherit;

    background: #000;

    padding-bottom: 10px;

}

.logo {

    padding-top: 15px;

}

.banner-caption {

    bottom: 5%;

}

.banner-caption big {

    font-size: 22px;

	margin: 0 0 15px 40px;

}

.banner-tab {

    width: 500px;

}

.banner-tab h1 {

    font-size: 25px;

}

.banner-tab h1 span {

    font-size: 19px;

}

.blue-box {

    font-size: 15px;

}

.call-us-div {

    font-size: 24px;

}

.gray-box {

    min-height: 280px;

    padding: 13px 32px 10px;

}

.delivery-area ul li {

    font-size: 20px;

    padding: 0 18px;

}

}

/* I Phone 6 Land Scape */

@media (max-width: 767px) {

.header {

	text-align:center;

}

.logo {

	float:inherit;

	display:inline-block;

	margin-bottom:15px;

}

.call-us {

	float:inherit;

    display: inline-block;

	margin-bottom: 10px;

}

.banner-area {

    margin-bottom: 16px;

}

.welcome-area h2 {

    font-size: 28px;

    margin-bottom: 20px;

}

.gray-box {

	min-height:inherit;

}

.delivery-area h2 {

    font-size: 28px;

    margin-bottom: 14px;

}

.delivery-area {

	margin-bottom:20px;

}

.delivery-area ul {

    margin-bottom: 10px;

}

.footer-info {

    margin-bottom: 20px;

}

.footer-info h2 {

    font-size: 22px;

}

.footer-info ul li {

    font-size: 18px;

}

.map-area {

    display: block;
	text-align:center;

    margin-bottom: 32px;

}
.map-area img {
	display:inline-block;
}

.copyright {

    font-size: 11px;

}

}
@media (max-width: 640px) {
.banner-caption big {
    font-size: 12px;
    margin: 0 0 5px 0px;
    text-align: center;
    width: 69%;
}
.banner-tab {
    width: 69%;
	padding: 9px 6px 10px;
}
.banner-tab h1 {
    font-size: 16px;
    margin-bottom: 8px;
}
.banner-tab h1 span {
    font-size: 12px;
    margin-bottom: 0px;
}
.blue-box {
    font-size: 10px;
    padding: 0px 5px 2px 5px;
    line-height: 20px;
}
.call-us-div {
    font-size: 14px;
}
}
/* Mobile Phone */

@media (max-width: 480px) {

.welcome-area h2 {

    font-size: 25px;

}

.gray-box {

    font-size: 15px;

}

.delivery-area h2 {

    font-size: 22px;

    margin-bottom: 10px;

}

.delivery-area ul li {

	background:none;

    font-size: 14px;

    padding: 0 3px;

}

.delivery-area ul {

    margin-bottom: 5px;

}

.footer-info h2 {

    font-size: 18px;

}

.footer-info ul li {

    font-size: 16px;

}
.call-us p {
    margin-bottom: 0;
}

}

@media (max-width:479px) {

.welcome-area h2 {

    font-size: 17px;

    margin-bottom: 10px;

}

.gray-box {

    font-size: 13px;

	padding: 13px 12px 10px;

	margin-bottom:20px;

}

.delivery-area {

    font-size: 12px;

}

.delivery-area h2 {

    font-size: 14px;

    margin-bottom: 0;

}

.delivery-area ul li {

    font-size: 13px;

}

.footer-info h2 {

    font-size: 14px;

	margin-bottom:0;

}

.footer-info ul li {

    font-size: 13px;

    line-height: 24px;

}

.map-area {

    margin-bottom: 12px;

}
.banner-caption {
    position: relative;
	margin-top: 20px;
}
.banner-caption big {
    width: 100%;
    color: #000;
	font-size:13px;
}
.banner-tab {
    width: 100%;
    background: #eaeaea;
}
.mobile-banner {
    display: block;
}
.large-banner {
    display: none;
}

}