/*
	Theme Name: Manza - Bootstrap Landing Page Template
	Theme URI: http://themeforest.net/user/lanternthemes
	Description: This css file is for template layout alignments
	Version: 1.0
	Author: Lantern Themes
	Author URI: http://themeforest.net/user/lanternthemes
	Tags:
	
	---------------------------
	MAIN TEMPLATE STYLES
	---------------------------
	
	TABLE OF CONTENTS
	---------------------------
	 01. Global Content Styles
	 02. Preloader Content Styles
     03. Header Content Styles
	 04. Banner Content Styles
	 05. About Content Styles
	 06. Feature Content Styles
	 07. Plan Content Styles
	 08. Clients Content Styles 
	 09. Download Content Styles 
	 10. Contact Content Styles
	 11. Newsletter Content Styles 
	 12. Footer Area Content Styles
	 13. Media Query
*/


/* ==================================================== */
/* 01. Global Content Styles                            */
/* ==================================================== */

@font-face {
  font-family: 'FontAwesome';
  src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	font-family: 'Roboto', sans-serif;
    font-weight:400;
    height: 100%;
    width: 100%;
	line-height:28px;
	font-size:14px;
	color:#666666;
	background-color:#ffffff;
}

/* Text Styling */

a, a:hover, a:active, a:visited, a:link {
    outline:none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	text-decoration:none;
}

/* Headings */

h1 {
	margin:15px 0;
	font-family: 'Lato', sans-serif;
	font-size:48px;
	line-height:52px;
	font-style:italic;
	color:#333333;
	font-weight:900;
}
h2 {
	margin:10px 0 20px 0;
	font-family: 'Lato', sans-serif;
	font-size:36px;
	line-height:48px;
	font-style:italic;
	color:#333333;
	font-weight:900;
}
h3 {
	margin:10px 0 25px 0;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	font-style:italic;
	color:#333333;
	font-weight:900;
}
h4 {
	margin:10px 0 20px 0;
	font-family: 'Lato', sans-serif;
	font-size:24px;
	font-style:italic;
	color:#333333;
	font-weight:900;
}
h5 {
	margin:5px 0 15px 0;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-style:italic;
	color:#333333;
	font-weight:700;
}
h6 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#666666;
	font-weight:300;
	line-height:28px;
}
hr {
	padding:0 0 0 0;
	margin:0 0 10px 0;
	display:inline-table;
	width:85px;
	height:6px;
	background:rgba(0,0,0,0.3);
	border:0;
}
hr.special {
	padding:0 0 0 0;
	margin:20px 0 0 0;
	border:0;
	height:34px;
	background:url(../img/hr-spec.png) no-repeat center center;
}
.medium-txt {
	padding:10px 0;
	margin:0 22%;
	width:56%;
	font-size:15px;
	text-align:center;
}
.small-txt {
	padding:10px 0;
	margin:0 0 0 0;
	font-size:14px;
	text-align:center;
}
.color {
	color:#1e9fb4;
}

/* animation styles */

.animated {
	visibility:hidden;
}
.visible {
	visibility:visible;
}

/* Button Styles */

.button-transparent-small {
	padding:5px 25px;
	margin:20px 0 0 0;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#e8502e!important;
	font-weight:700;
	font-style:italic;
	background:none;
	border:1px solid #e8502e;
	display:inline-table;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
	text-decoration:none;
}
.button-transparent-small:hover {
	color:#ffffff!important;
	background:#e8502e;
}
.button-white-small, .button-white-small:hover {
	padding:5px 25px;
	margin:0 0 0 0;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#e8502e!important;
	font-weight:700;
	font-style:italic;
	background:#ffffff;
	display:inline-table;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
	text-decoration:none;
}
.button-white-medium, .button-white-medium:hover {
	padding:12px 30px;
	margin:20px 0 0 0;
	font-family: 'Lato', sans-serif;
	font-size:24px;
	color:#e8502e!important;
	font-weight:700;
	font-style:italic;
	background:#ffffff;
	display:inline-table;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
	text-decoration:none;
}

/* Lists */

.icon-list {
	padding:0 0 0 15px;
	margin:0 0 0 0;
	list-style:none;
}
.icon-list li {
	padding:10px 0;
	margin:0 0 0 0;
}
.icon-list i {
	padding-right:10px;
	color:#1e9fb4;
	font-size:18px;
}

/* Inner Page Main Content Area */

.inner-main-cont-area {
	padding:0 0 80px 0;
	margin:0 0 0 0;
	background:url(../img/sky-bottom.jpg) no-repeat bottom center;
	background-size:100% auto;
}

/* Toggle Button */

.togg-btn, .togg-btn:hover, .togg-btn:focus {
	padding:10px 0;
	margin:0 0 0 0;
	text-align:center;
	display:none;
	color:#ffffff;
	font-size:24px;
	float:right;
}

/* ==================================================== */
/* 02. Preloader Content Styles                         */
/* ==================================================== */

#mask {
    background-color: #2f3e47;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
}
#loader {
    background-image:url(../img/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

/* ==================================================== */
/* 03. Header Content Styles                            */
/* ==================================================== */

.header-area {
	padding:60px 0;
	position:absolute;
	width:100%;
	top:0px;
	left:0;
	z-index:1000;
	background:rgba(232,80,46,0);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.header-area.navbar-fixed-top {
	position:fixed;
	padding:15px 0;
	background:rgba(232,80,46,0.9);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

/* Logo Area */

.logo-area {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	text-align:left;
	position:relative;
}
.logo-area a.logo {
	padding-right:10px;
	display:inline-table;
	text-decoration:none;
}
.logo-area span.phone {
	padding-left:20px;
	display:inline-table;
	color:#82848a;
	font-size:14px;
	border-left:1px solid rgba(251,251,251,0.5);
}
.toggle-btn, .toggle-btn:hover, .toggle-btn:focus {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
	position:absolute;
	top:9px;
	right:5px;
	color:#ffffff;
	font-size:24px;
	cursor:pointer;
	display:none;
}

/* Navigation Area */

.nav-main {
	padding:8px 0 0 30px;
	margin:0 0 0 0;
	float:left;
	text-align:left;
}
.nav-main .menu-cont {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	font-size:16px;
	font-weight:700;
	color:#ffffff;
}
.nav-main .menu-cont li {
	padding:0 15px;
	margin:0 0 0 0;
	display:inline-table;
	position:relative;
}
.nav-main .menu-cont li a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	border-bottom:3px solid rgba(53,143,162,0);
	height:28px;
}
.nav-main .menu-cont li a:hover, .nav-main .menu-cont li.active a, .nav-main .menu-cont li:hover a {
	color:#ffffff;
	text-decoration:none;
	border-bottom:2px solid rgba(251,251,251,0.8);
}
a.nav-order-btn, a.nav-order-btn:hover {
	padding:3px 10px;
	margin:0 0 0 0;
	display:inline-table;
	background:#f20707;
	color:#ffffff!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	border:0!important;
}
.nav-main .menu-cont li ul.sub-menu {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	position:absolute;
	display:none;
}
.nav-main .menu-cont li:hover ul.sub-menu {
	display:block;
}
.nav-main .menu-cont li ul.sub-menu li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
	text-align:center;
}
.nav-main .menu-cont li ul.sub-menu li a {
	padding:5px 10px;
	margin:0 0 1px 0;
	border:0;
	background:rgba(53,143,162,0.8);
	white-space:nowrap;
	font-size:14px;
	font-weight:400;
	text-transform:none;
	min-width:130px;
	color:#ffffff;
}
.nav-main .menu-cont li ul.sub-menu li a:hover, .nav-main .menu-cont li ul.sub-menu li.active a {
	background:rgba(53,143,162,0.4);
	color:#ffffff;
}

/* Right Button Area */

.right-head {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
	text-align:right;
	display:inline-block;
	font-size:16px;
	font-weight:700;
	color:#ffffff;
}
.right-head a, .right-head a:hover {
	margin:0 10px;
	color:#ffffff;
	text-decoration:none;
}

/* ==================================================== */
/* 04. Banner Content Styles                            */
/* ==================================================== */


/* Slider Styles */


.banner-area.template-02 {
	padding:200px 0 20px 0;
} 
.banner-area .slides {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.banner-area .slides li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	z-index:30;
	text-align:center;
}
.banner-area .slides li img {
	width:80%;
	max-width:817px;
}
.banner-txt-container {
	text-align:center;
	padding-bottom:80px;
}
.banner-txt-02 {
	padding-top:30px;
	text-align:left;
}
.banner-area .slides li h1 {
	font-size:36px;
	color:#ffffff;
}
.banner-area h2 {
	color:#ffffff;
}
.banner-img-cont {
	/*position:absolute;
	top:0;
	bottom:0;*/
	width:100%;
	text-align:center;
}
.banner-img-cont img {
	margin-bottom:-70px;
}
.banner-area .slides li.flex-active-slide h1 {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-backface-visibility:hidden;
}
.banner-area .flex-control-nav {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:right;
	position:absolute;
	right:20px;
	bottom:50%;
	z-index:100000;
}
.banner-area .flex-control-nav li {
	padding:0 0 0 0;
	margin:5px 0;
	list-style:none;
	display:block;
	height:15px;
}
.banner-area .flex-control-nav li a {
	padding:0 0 0 0;
	margin:0 0;
	display:inline-table;
	width:10px;
	height:10px;
	line-height:0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	background:rgba(251,251,251,0);
	border:1px solid rgba(251,251,251,0.5);
	cursor:pointer;
	font-size:0px;
}
.banner-area .flex-control-nav li a:hover, .banner-area .flex-control-nav li a.flex-active {
	background:rgba(251,251,251,1);
	border:1px solid rgba(251,251,251,1);
}

.banner-btm-img {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:10;
}
.banner-btm-img img {
	width:100%;
	max-width:1100px;
}


/* ==================================================== */
/* 05. About Content Styles                             */
/* ==================================================== */

.about-area {
	padding:160px 0 130px 0;
	margin:0 0 0 0;
}
.about-area.template-02 {
	padding:130px 0 130px 0;
	margin:0 0 0 0;
}
.about-area .col-container {
	padding-top:20px;
}
.about-area .col-content {
	padding-top:50px;
}
.about-area .col-content i {
	font-size:48px;
	color:#e8502e;
	padding-bottom:20px;
}
.screen-img {
	padding:0 0 0 0;background:#fe5900;
	margin:0 0 25px 0;
	border:4px solid #010101;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
}
.screen-img img {
	width:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
}
.screen-img img:hover {
	width:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	
	 opacity:0.2;
}
/* ==================================================== */
/* 06. Feature Content Styles                           */
/* ==================================================== */

.feature-area {
	padding:130px 0;
	margin:0 0 0 0;
	background:#f3f6fa;
}
.feature-area .left-img {
	text-align:left;
}
.feature-area .right-cont {
	padding-top:25px;
	text-align:left;
}
.feature-areax {
	padding:130px 0  30px 0;
	margin:0 0 0 0;
	background:#f3f6fa;
}
/* ==================================================== */
/* 07. Plan Content Styles                              */
/* ==================================================== */

.plan-area {
	padding:50px 0 50px 0;
	margin:0 0 0 0;
}
.plan-area .plan-container {
	padding-top:20px;
}
.plan-area .plan-single {
	margin:70px 0 0 0;
	padding:0px 0;
	border:3px solid #cccccc;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
}
.plan-area .plan-single img{border-radius:30px 30px  0px 0px;}
.plan-area .plan-single.active {
	margin:40px 0 0 0;
	padding:70px 0;
}
.plan-area .plan-single h4 {
	text-transform:uppercase;
	font-weight:900;
}
.plan-area .plan-single .price-cont {
	padding-top:20px;
	font-family: 'Lato', sans-serif;
	font-size:60px;
	color:#e8502e;
	font-weight:900;
}
.plan-area .plan-single .price-cont span {
	font-size:48px;
}
.plan-area .plan-single .price-type {
	padding-top:12px;
	font-size:15px;
	color:#e8502e;
}
.plan-area .plan-single .price-features {
	padding:30px 0 20px 28%;
	margin:0 0 0 0;
	list-style:none;
	text-align:left;
}
.plan-area .plan-single .price-features li {
	padding:10px 0;
	margin:0 0 0 0;
}
.plan-area .plan-single .price-features i {
	font-size:18px;
	padding-right:15px;
}
.plan-area .plan-single .signup-btn {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	position:relative;
}
.plan-area .plan-single .signup-btn .floats {
	position:absolute;
	left:0;
	width:100%;
	bottom:-55px;
	text-align:center;
}
.plan-area .plan-single.active  .signup-btn .floats {
	bottom:-85px;
}
.plan-area .plan-single .signup-btn a {
	padding:5px 30px;
	margin:0 0 -50px 0;
	display:inline-block;
	border:3px solid #cccccc;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#e8502e;
	background:#ffffff;
	font-weight:700;
	font-style:italic;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
}


/* ==================================================== */
/* 08. Clients Content Styles                           */
/* ==================================================== */

.clients-area {
	padding:130px 0;
	margin:0 0 0 0;
	background:#f3f6fa;
}
.client-testimonials {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.client-testimonials .clients-single {
	padding-top:80px;
}
.testimonial-cont {
	padding:45px 30px 15px 30px;
	margin:0 0 0 0;
	background:#ffffff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
.client-photo {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	position:relative;
}
.client-photo .floats {
	position:absolute;
	width:100%;
	left:0;
	top:-93px;
	text-align:center;
}
.client-photo .img-container {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	width:90px;
	height:90px;
	display:inline-block;
	border:5px solid #f3f6fa;
}
.client-photo .img-container img {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	width:100%;
}

/* Clients Logos */

.client-logos {
	padding:30px 0 0 0;
	margin:0 0 0 0;
}
.client-logo-list {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	text-align:center;
}
.client-logo-list li {
	padding:0 10px;
	padding-top:30px;
	margin:0 0 0 0;
	display:inline-block;
}


/* ==================================================== */
/* 09. Download Content Styles                          */
/* ==================================================== */


.download-area {
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#ffffff;
	background:url(../img/parallax-01.jpg) no-repeat #e8502e fixed;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-ms-background-size:cover!important;
	background-size:cover!important;
}
.download-area h2 {
	color:#ffffff;
}
.download-area .mask-color {
	padding:100px 0;
	margin:0 0 0 0;
	color:#ffffff;
	background:rgba(232,80,46,0.95);
}


/* ==================================================== */
/* 10. Contact Content Styles                           */
/* ==================================================== */

.contact-area {
	padding:130px 0;
	margin:0 0 0 0;
}

/* Contact Form Styles */

.contact-form {
	padding:20px 0 0 0;
	margin:0 0 0 0;
}

.contact-form input[type=text] {
	padding:14px 30px;
	margin:30px 0 0 0;
	border:0;
	background:#f3f6fa;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	width:100%;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
}
.contact-form textarea {
	padding:14px 30px;
	margin:30px 0 0 0;
	border:0;
	background:#f3f6fa;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	width:100%;
	height:175px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
}
.contact-form button {
	padding:14px 30px;
	margin:30px 0 0 0;
	border:0;
	background:#e8502e;
	color:#ffffff;
	font-family: 'Lato', sans-serif;
	font-size:24px;
	font-style:italic;
	font-weight:900;
	display:inline-block;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
}

/* Error Message Styling */

.contact-form input[type="text"].error, .contact-form textarea.error {
	border:1px solid #FF0000;
}
#contact-error {
	margin:20px 0 0 0;
	color:#FF0000;
}
#contact-loading, #contact-success, #contact-failed {
	padding:100px 0 100px 0;
	margin:0 0 0 0;
	font-size:24px;
	text-align:center;
}
#contact-loading, #contact-success {
	color:#00FF00;
}
#contact-failed {
	color:#FF0000;
}


/* ==================================================== */
/* 11. Newsletter Content Styles                        */
/* ==================================================== */

.newsletter-area {
	padding:0 0;
	margin:0 0 0 0;
	color:#ffffff;
	background:url(../img/parallax-01.jpg) no-repeat #e8502e fixed;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-ms-background-size:cover!important;
	background-size:cover!important;
}
.newsletter-area h2 {
	color:#ffffff;
}
.newsletter-area .mask-color {
	padding:100px 0;
	margin:0 0 0 0;
	color:#ffffff;
	background:rgba(232,80,46,0.95);
}

/* Newsletter Form Styles */

.newsletter-form {
	padding:10px 0;
	margin:0 0 0 0;
	text-align:center;
}
.newsletter-form-outer {
	padding:10px 30px;
	margin:0 0 0 0;
	width:90%;
	border:3px solid #ffffff;
	display:inline-block;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
	max-width:560px;
}
.newsletter-form-outer input[type=text] {
	padding:4px 0;
	margin:0 0 0 0;
	border:0;
	width:80%;
	background:none;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#ffffff;
	text-align:left;
	float:left;
}
.newsletter-form-outer button {
	padding:2px 0;
	margin:0 0 0 0;
	border:0;
	background:none;
	font-size:30px;
	color:#ffffff;
	float:right;
}


/* ==================================================== */
/* 12. Footer Area Content Styles                       */
/* ==================================================== */

.footer-area {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
	background:#eeeeee;
}

/* Footer Top Area Styles */

.footer-top {
	padding:70px 0;
	margin:0 0 0 0;
	background:#2f3e47;
	color:#999999;
}
.footer-top a {
	color:#999999;
	text-decoration:none;
}
.footer-top a:hover {
	color:#eeeeee;
	text-decoration:none;
}
.footer-top h6 {
	margin-bottom:10px;
	font-weight:700;
	color:#ffffff;
	font-style:italic;
}
.footer-top ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}

/* Footer Bottom Area Styles */

.footer-bottom {
	padding:40px 0;
	margin:0 0 0 0;
	color:#666666;
}
.footer-bottom a {
	color:#666666;
	text-decoration:none;
}
.footer-bottom a:hover {
	color:#333333;
}
.copy-right {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	font-size:12px;
	text-align:center;
	width:100%;
}
.footer-logo {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.footer-copy {
	margin:0 0 0 0;
}

/* Social Links Styles */

.social-icons {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
	text-align:right;
}
.social-icons .social {
	padding:5px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	color:#666666;
	text-align:right;
	font-size:24px;
}
.social-icons .social li {
	padding:0 20px;
	margin:0 0 0 0;
	display:inline-block;
}
.social-icons .social a {
	color:#666666;
}
.social-icons .social a:hover {
	color:#e8502e;
}

/* Go to top button */

.go-to-top-btn, .go-to-top-btn:hover {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	display:block;
	font-size:30px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	background:#e8502e;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	position:fixed;
	bottom:30px;
	right:30px;
	display:inline-block;
	width:50px;
	height:50px;
}



/* ==================================================== */
/* 13. Media Query                                      */
/* ==================================================== */

@media (max-width: 1400px) { /* This media query is written for 1400PX resolution devices */

}

@media (max-width: 1100px) { /* This media query is written for 1100PX resolution devices */

}

@media (max-width: 991px) { /* This media query is written for Ipad and tablets */

.medium-txt {
	margin:0 0 0 0;
	width:100%;
}
.banner-txt-02 {
	text-align:center;
}
.nav-main {
	padding:8px 0 0 10px;
}
.nav-main .menu-cont li {
	padding:0 10px;
}
.feature-area .left-img {
	text-align:center;
}
.feature-area .right-cont {
	text-align:center;
}
.footer-top {
	text-align:center;
}
.footer-top .col-md-3 {
	padding-top:20px;
	padding-bottom:20px;
}
.copy-right {
	width:100%;
	text-align:center;
}
.footer-logo {
	float:none;
	width:100%;
}
.footer-copy {
	float:none;
	width:100%;
	padding-left:0;
}
.social-icons {
	width:100%;
	text-align:center;
}
.social-icons .social {
	padding:15px 0 0;
	text-align:center;
}

}

@media (max-width: 768px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */

}

@media (max-width: 480px) { /* This media query is written for Mobile only */

.logo-area {
	width:100%;
	text-align:center;
}
.right-head {
	width:100%;
	text-align:center;
}
.header-area {
	padding:30px 0;
}
.logo-area .logo {
	float:left;
}
.togg-btn, .togg-btn:hover, .togg-btn:focus {
	display:block;
}
.nav-main {
	padding-left:0;
	display:none;
	width:100%;
	background:rgba(232,80,46,1);
}
.right-head {
	padding-top:15px;
	border-top:1px solid rgba(251,251,251,0.3);
}
.nav-main .menu-cont {
	width:100%;
	text-align:center;
}
.nav-main .menu-cont li {
	padding:10px 0;
	width:100%;
	text-align:center;
}
.feature-area .left-img img {
	width:80%;
}

}

@media (max-width: 380px) { /* This media query is written for Mobile only */

.header-area {
	padding:15px 0;
}
.banner-area .slides li h1 {
	font-size:24px;
	line-height:42px;
}
.banner-area {
	padding-top:130px;
}
.banner-txt-container {
	padding-bottom:30px;
}
.banner-img-cont img {
	margin-bottom:-35px;
}
.button-white-medium, .button-white-medium:hover {
	margin-top:10px;
}
.social-icons .social li {
	padding:0 10px;
}
.copy-right {
	font-size:10px;
}
.social-icons .social {
	font-size:16px;
}
.go-to-top-btn, .go-to-top-btn:hover {
	padding-top:5px;
	right:20px;
	bottom:20px;
	width:40px;
	height:40px;
	font-size:20px;
}

}