/*
	Theme Name: Ganpathi - Responsive Landing Page Template
	Theme URI: http://themeforest.net/user/responsiveexperts
	Description: This css file is for light template layout alignments
	Version: 1.0
	Author: Responsive Experts
	Author URI: http://themeforest.net/user/responsiveexperts
	Tags:
	
	---------------------------
	MULTI-COLOR TEMPLATE STYLES
	---------------------------
	
	TABLE OF CONTENTS
	---------------------------
	 01. Global Content Styles
	 02. Preloader Content Styles
   03. Header Content Styles
	 04. Banner Content Styles
	 05. Features Content Styles
	 06. Features Second Content Styles
	 07. Clients Says Content Styles
	 08. App Screenshots Content Styles
	 09. FAQ Content Styles
	 10. Pricing Content Styles
	 11. Downloads Content Styles
	 12. Newsletter Content Styles
	 13. Contact Content Styles
	 14. Footer Content Styles
	 15. Media Query
*/


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

/*
body {
	font-family:'Open Sans', sans-serif;
    font-weight:400;
    height: 100%;
    width: 100%;
	line-height:24px;
	font-size:16px;
	color:#666666;
	background-color:#ffffff;
}
*/

#pagecontainer {
	transition: opacity 0.8s ease-in-out;
	-webkit-transition: opacity 0.8s ease-in-out;
	-moz-transition: opacity 0.8s ease-in-out;
	-o-transition: opacity 0.8s ease-in-out;
	opacity: 1;
}


/* Text Styling */

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

/* Headings */

h1 {
	padding:10px 0 20px 0;
	margin:0 0 0 0;
	font-family:'Open Sans', sans-serif;
	font-size:36px;
	color:#333333;
	font-weight:800;
}
h1 span {
	font-weight:300;
}
h2 {
	padding:10px 0 20px 0;
	margin:0 0 0 0;
	font-family:'Open Sans', sans-serif;
	font-size:30px;
	color:#333333;
	font-weight:800;
}
h2 span {
	font-weight:300;
}
h3 {
	padding:10px 0 20px 0;
	margin:0 0 0 0;
	font-family:'Open Sans', sans-serif;
	font-size:24px;
	color:#333333;
	font-weight:800;
}
h3 span {
	font-weight:300;
}
h4 {
	padding:10px 0 10px 0;
	margin:0 0 0 0;
	font-family:'Open Sans', sans-serif;
	font-size:22px;
	color:#333333;
	font-weight:800;
}
h5 {
	padding:10px 0 10px 0;
	margin:0 0 0 0;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	color:#333333;
	font-weight:600;
}
.medium {
	display:inline-table;
	width:80%;
	margin-top:10px;
}
hr {
  padding:0 0 0 0;
	margin:10px 0;
	border:0;
	width:250px;
	/*height:25px;*/
	border-top:4px solid #cccccc;
/*	background:url(../img/arrow.png) center top no-repeat;*/
	display:inline-table;
}

/* animation styles */

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

/* ==================================================== */
/* 02. Preloader Content Styles - REMOVED               */
/* ==================================================== */
/* FIX (perf/homepage-remove-preloader): the #mask / #loader full-screen preloader rules were
   removed along with the markup in modules/Home/module.php and the load handler in
   js/settings.js - it blocked first paint until window 'load' + ~1.6s. Nothing else used these
   ids (scripts/mix is a standalone page with its own #loader in Mix.css and doesn't load this
   stylesheet). See docs/plans/homepage-load-performance.md #5. */

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

.header-area {
	padding:0 0;
	margin:0 0 0 0;
	background:rgba(251,251,251,1);
	position:fixed;
	width:100%;
	top:-120px;
	left:0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
	z-index:1000;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.08);
	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.08);
	-ms-box-shadow:0 0 0 0 rgba(0,0,0,0.08);
	box-shadow:0 0 0 0 rgba(0,0,0,0.08);
}
.header-area.navbar-fixed-top {
	top:0;
	padding:10px 0;
	background:rgba(251,251,251,0.95);
	-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);
	-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);
	-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);
	box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);
}
.logo-area {
	float:left;
	text-align:left;
}
.logo-area .logo-main {
	float:none;
}
.toggle-ico, .toggle-ico:hover, .toggle-ico:focus {
	padding:12px 10px;
	color:#333333;
	font-size:24px;
	float:right;
	text-decoration:none;
	display:none;
	cursor:pointer;
}
.navigation-area {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
	text-align:right;
	font-size:14px;
	font-weight:700;
}
.navigation-area ul.main-menu {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.navigation-area ul.main-menu li {
	padding:0 0 0 25px;
	margin:0 0 0 0;
	display:inline-table;
	text-transform:uppercase;
}
.navigation-area ul.main-menu li a, .navigation-area ul li a:focus {
	color:#666666;
	text-decoration:none;
}
.navigation-area ul.main-menu li a:hover {
	color:#ff4500;
	text-decoration:none;
}
.navigation-area ul.main-menu li .download-btn, .navigation-area ul.main-menu li .download-btn:hover {
	padding:3px 10px;
	margin:0 0 0 0;
	display:inline-table;
	background:#ff4500;
	color:#ffffff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
}

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

/* Banner Primary Styles */

@keyframes fadeMaskOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

.banner-slider {

	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	background:#000000;
}
.banner-slider .slides {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.banner-slider .slides li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	transition: opacity 1.2s ease-in-out !important;
	-webkit-transition: opacity 1.2s ease-in-out !important;
	-moz-transition: opacity 1.2s ease-in-out !important;
	-o-transition: opacity 1.2s ease-in-out !important;
}
/* PERF (homepage-load-performance): slide01 is the only slide whose background is still declared
   here - it's the first thing shown, so it should stay eager (with a WebP source via image-set(),
   ~24% smaller than the plain JPEG, falling back to the JPEG on browsers without image-set()/WebP
   support). Slides 2-5 used to all declare their background-image here too, which meant the browser
   fetched all 5 full-viewport (1920x1200) JPEGs - ~690KB total - on every homepage load, even
   though only one slide is ever visible: flexslider's fade mode sets "display:block; opacity:0"
   (not display:none) on inactive slides, and a CSS background-image is fetched regardless of
   opacity. Slides 2-5 now get their background set by JS after window 'load' instead - see the
   <script> block after the banner section in modules/Home/module.php - so only the one background
   the visitor actually sees on arrival is part of the page's initial weight.
   See docs/plans/homepage-load-performance.md #3. */
.banner-slider .slides li.slide01 {
	background:url(../../img/banner-01.jpg) no-repeat center center;
	background-image: image-set(url(../../img/banner-01.webp) type("image/webp"), url(../../img/banner-01.jpg) type("image/jpeg"));
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-ms-background-size:cover!important;
	background-size:cover!important;
}
.banner-slider .slides li.slide02,
.banner-slider .slides li.slide03,
.banner-slider .slides li.slide04,
.banner-slider .slides li.slide05 {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-ms-background-size:cover!important;
	background-size:cover!important;
}
.banner-slider .slides li .bg-solid {
	padding:15% 0;
	margin:0 0 0 0;
	background:rgba(0,0,0,0.6);
}
.banner-slider .slides li h1 {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:180px;
	font-weight:900;
	text-transform:uppercase;
	color:rgba(255,69,0,0.5);
}
.banner-slider .slides li h2 {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:42px;
	font-weight:900;
	color:#ffffff;
}
.banner-slider .slides li p {
	padding:20px 0 0 0;
	margin:0 0 0 0;
	font-size:24px;
	font-weight:300;
	color:rgba(251,251,251,0.5);
	line-height:26px;
}
.banner-slider .slides li h2 span {
	font-weight:300;
}
.ban-download-btns {
	padding:50px 0;
	margin:0 0 0 0;
	text-align:center;
}
.ban-download-btns a.down-btn {
	padding:10px 15px;
	margin:0 5px 20px 5px;
	display:inline-table;
	background:#ff4500;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:3px solid #ff4500;
	text-decoration:none;
	color:#ffffff;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
	width:200px;
}
.ban-download-btns a.down-btn:hover {
	background:none;
	text-decoration:none;
	color:#ff4500;
}
.ban-download-btns a.view-btn {
	padding:10px 15px;
	margin:0 5px 20px 5px;
	display:inline-table;
	background:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:3px solid #ff4500;
	text-decoration:none;
	color:#ff4500;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
	width:200px;
}
.ban-download-btns a.view-btn:hover {
	background:#ff4500;
	text-decoration:none;
	color:#ffffff;
}
.flex-control-nav {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	top:70px;
	right:30px;
	width:150px;
	text-align:right;
	z-index:1000;
	list-style:none;
}
.flex-control-nav li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline-table;
	font-size:0;
}
.flex-control-nav li a {
	padding:0 0 0 0;
	margin:0 3px;
	display:block;
	width:15px;
	height:15px;
	background:rgba(251,251,251,0);
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	cursor:pointer;
	text-decoration:none;
	border:2px solid rgba(251,251,251,0.2);
}
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {
	background:rgba(251,251,251,0.6);
	border:2px solid rgba(251,251,251,0);
	width:15px;
	height:15px;
	text-decoration:none;
}

/* Banner Secondary Styles */

.banner-secondary-main {
	background:url(../img/banner-bg.jpg) no-repeat center center fixed;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-ms-background-size:cover!important;
	background-size:cover!important;
}
.banner-secondary {
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:rgba(0,0,0,0.85);
	text-align:left;
	color:#ffffff;
	font-size:14px;
}
.phone-cut-pic img {
	width:100%;
}
.content-float {
	padding-top:60px;
}
.banner-secondary h3 {
	color:#ffffff;
	font-size:28px;
}
.banner-secondary h3 span {
	font-weight:300;
}
.banner-secondary .view-more {
	padding:3px 15px;
	margin:10px 0 0 0;
	display:inline-table;
	background:#ffffff;
	color:#ff4500;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:700;
	text-decoration:none;
}
.banner-secondary .view-more:hover {
	background:rgba(251,251,251,0.2);
	color:#ffffff;
	text-decoration:none;
}

/* ==================================================== */
/* 05. Features Content Styles                          */
/* ==================================================== */

.features-area {
	padding:100px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
  background-color: #ffffff;
  opacity: 0.9;
	/*background:url(../img/shadow.png) no-repeat center bottom;*/
}
.tab-container {
	padding-top:80px;
	text-align:center;
}
.tab-container h2 {
	padding:20px 0 10px 0;
}
.tab-container .etabs {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	text-align:center;
}
.tab-container .etabs .tab {
	padding:0 4%;
	margin:0 0 0 0;
	display:inline-table;
}
.tab-container .etabs .tab a {
	padding:18px 0 0 0;
	margin:0 0 0 0;
	display:block;
	width:100px;
	height:100px;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border:4px solid #ff4500;
	font-size:52px;
	color:#ffffff;
	text-decoration:none;
	background:#ff4500;
}
.tab-container .etabs .tab a:hover, .tab-container .etabs .tab a.active {
	border:4px solid #ff4500;
	color:#ff4500;
	text-decoration:none;
	background:#ffffff;
}

/* Color Buttons */

.tab-container .etabs .tab .orange {
	border:4px solid #ff4500;
	background:#ff4500;
}
.tab-container .etabs .tab .orange:hover, .tab-container .etabs .tab .orange.active {
	border:4px solid #ff4500;
	color:#ff4500;
}
.tab-container .etabs .tab .yellow {
	border:4px solid #efcc00;
	background:#efcc00;
}
.tab-container .etabs .tab .yellow:hover, .tab-container .etabs .tab .yellow.active {
	border:4px solid #efcc00;
	color:#efcc00;
}
.tab-container .etabs .tab .blue {
	border:4px solid #4285f4;
	background:#4285f4;
}
.tab-container .etabs .tab .blue:hover, .tab-container .etabs .tab .blue.active {
	border:4px solid #4285f4;
	color:#4285f4;
}
.tab-container .etabs .tab .pink {
	border:4px solid #ff69b4;
	background:#ff69b4;
}
.tab-container .etabs .tab .pink:hover, .tab-container .etabs .tab .pink.active {
	border:4px solid #ff69b4;
	color:#ff69b4;
}


.tab-container .tab-cont {
	padding:50px 0 0 0;
	margin:0 0 0 0;
}
.tab-container .tab-cont.active {
	visibility:visible!important;
}
.tab-container .tab-cont-area {
	padding-top:30px;
	font-size:14px;
}
.tab-container .tab-cont-area h3 {
	padding:20px 0 10px 0;
	margin:0 0 0 0;
}
.tab-container .tab-cont-area h5 {
	padding:20px 0 10px 0;
	margin:0 0 0 0;
}
.tab-container .tab-cont-area .cont-with-ico {
	padding-top:100px;
	padding-bottom:50px;
}
.tab-container .tab-cont-area .tab-cont-icon {
	padding:13px 0 0 0;
	margin:0 0 0 0;
	width:90px;
	height:90px;
	text-align:center;
	border:4px solid #ff4500;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-table;
	color:#ff4500;
	font-size:52px;
}
.tab-container .tab-cont-area .left-cont, .tab-container .tab-cont-area .right-cont {
	padding-left:30px;
	padding-right:30px;
	text-align:center;
}
.tab-container .tab-cont-area .middle-cont {
	text-align:center;
}
.tab-container .tab-cont-area .middle-cont img {
	width:100%;
}
.tab-container .tab-cont-area .left-cont-img {
	text-align:center;
}
.tab-container .tab-cont-area .left-cont-img img {
	width:100%;
}
.tab-container .tab-cont-area .right-cont-txt {
	text-align:left;
}
.tab-container .tab-cont-area  .cont-with-txt {
	padding-top:30px;
	padding-bottom:30px;
}
.list-with-ico {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.list-with-ico li {
	padding:5px 0;
	margin:0 0 0 0;
	text-align:left;
}
.list-with-ico li i {
	color:#ff4500;
	margin-right:10px;
	font-size:18px;
}


/* ==================================================== */
/* 06. Features Second Content Styles                   */
/* ==================================================== */

.features-second {
	padding:100px 0 90px 0;
	margin:0 0 0 0;
	text-align:center;
	background:#4285f4;
}
.features-second h1, .features-second p, .features-second h4 {
	color:#ffffff;
}
.features-cont-all {
	padding-top:50px;
}
.features-single {
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
	font-size:14px;
}
.features-single h4 {
	padding-top:0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.features-single:hover h4 {
	color:#222222;
}
.features-single:before, .features-single:after {
  display: table;
  content: " ";
}
.features-single:after {
  clear: both;
}
.features-single .features-icon {
	padding:10px 0 0 0;
	margin:5px 0 0 0;
	float:left;
	border:2px solid #222222;
	width:50px;
	height:50px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-align:center;
	color:#222222;
	font-size:24px;
}
.features-single .features-cont {
	padding:0 0 0 5%;
	margin:0 0 0 0;
	float:left;
	width:80%;
}

/* ==================================================== */
/* 07. Clients Says Content Styles                      */
/* ==================================================== */

.client-says-area {
	padding:100px 0;
	margin:0 0 0 0;
	/*background:#222222;*/
  background:#000000;
  opacity: 0.9;
}
.client-says-area h2, .client-says-area h3 {
	color:#ffffff;
}
.testimonial-left {
	text-align:center;
 
}
.testimonial-left img {
	width:100%;
	max-width:450px;
  /*margin-top: 70px;*/
}
.testimonial-right {
	text-align:left;
}
.testimonial-right .carousel {
	padding-top:10px;
	position:relative;
}
.testimonial-cont {
	padding:0 0 0 0;
	margin:10px 0 40px 0;
}
.testimon-conts {
	padding:30px 30px;
	margin:0 0 0 0;
	/*background:rgba(251,251,251,0.2);*/
  background:rgba(51,0,0,0.4);
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	font-style:italic;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	text-align:right;
  height: 170px;
}
.testimon-user {
	padding:10px 30px;
	/*padding-left:110px;*/
	margin:0 0 0 0;
	/*background:rgba(251,251,251,1);*/
  background:rgba(51, 0, 0,1);  
	/*color:#ff4500;*/
  color: #ffffff;
	font-size:14px;
	font-weight:600;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	position:relative;
}
.testimon-user p {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.testimon-user-img {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	width:75px;
	height:75px;
	bottom:5px;
	left:20px;
}
.testimon-user-img img {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:relative;
	width:72px;
	height:72px;
	border:4px solid #ff4500;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.carousel-indicators {
	position:absolute;
	bottom:0;
	right:15px;
	margin-left:inherit;
	text-align:right;
	left:inherit;
	width:30%;
}
.carousel-indicators li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:rgba(255,69,0,0.5);
	border:0;
	width:12px;
	height:12px;
}
.carousel-indicators li.active {
	background:rgba(255,69,0,1);
	border:0;
}

/* Statistics Contents */

.statistics-contents {
  /*margin-left: 40px;*/
}
.stati-conts {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	text-align:left;
}
.stati-conts li {
	padding:0 25px;
	margin:0 0 0 0;
	display:inline-table;
	font-size:14px;
	color:#ffffff;
}
.stati-conts li:first-child {
	padding:0 10px 0 0;
}
.stati-conts li span {
	font-size:30px;
	font-weight:800;
	/*display:block;*/
}
.stati-conts li i {
	/*font-size:42px;*/
  font-size:28px;
  margin-right: 10px;
}

/* ==================================================== */
/* 08. App Screenshots Content Styles                   */
/* ==================================================== */

.gallery-area {
	padding:100px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	background:#7dc24b;
}
.gallery-area p {
	color:#333333;
}



/*
.crsl-items .crsl-wrap .crsl-item {
	padding:30px 15px 60px 15px;
	margin:0 0 20px 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:url(../img/ph-control.png) no-repeat center top #222222;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-ms-background-size:auto 100%;
	background-size:auto 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.crsl-items .crsl-wrap .crsl-item:hover {
	background:url(../img/ph-control.png) no-repeat center top #ff4500;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.crsl-items .crsl-wrap .crsl-item img {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
}
*/


/* curousel */









/* Buy It Call to Action Area */

.buy-it-area {
	padding:0 0 0 0;
	margin:120px 0 0 0;
	text-align:center;
	background:url(../img/banner-bg.jpg) no-repeat center top fixed;
}
.buy-it-area .solid-bg {
	padding:70px 0;
	margin:0 0 0 0;
	background:rgba(239,204,0,0.8);
	font-size:24px;
	font-weight:600;
	color:#000000;
}
.buy-it-area .solid-bg p {
	padding:15px 0 0 0;
	margin:0 0 0 0;
	color:#000000;
}
.buy-it-area .solid-bg .buy-it-now {
	padding:12px 30px;
	margin:0 0 0 0;
	font-size:24px;
	font-weight:600;
	color:#000000;
	border:3px solid #000000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
	background:none;
	display:inline-table;
  text-align:center;
}
.buy-it-area .solid-bg .buy-it-now:hover {
	color:#ff4500;
	background:#ffffff;
	text-decoration:none;
}

/* ==================================================== */
/* 09. FAQ Content Styles                               */
/* ==================================================== */

.faq-area {
	padding:100px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/bg-dark.png) #222222;
}
.faq-area h1 {
	color:#ffffff;
}
.faq-area p {
	color:#999999;
}
.phone-hand-faq {
	margin-top:80px;
}
.phone-hand-faq img {
	width:100%;
	max-width:450px;
}
.faq-toggle {
	text-align:left;
}
.accordion-toggle {
	padding:0 0 0 0;
	margin:0 0 20px 0;
}
.accordion-toggle .acc-head {
	padding:5px;
	margin:0 0 0 0;
	border:2px solid #ff4500;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	cursor:pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.accordion-toggle .acc-head:before, .accordion-toggle .acc-head:after {
  display: table;
  content: " ";
}
.accordion-toggle .acc-head:after {
  clear: both;
}
.accordion-toggle .acc-head.active {
	background:#ff4500;
	border:2px solid #ff4500;
}
.accordion-toggle .acc-head .ico-anim {
	padding:0 0 0 0;
	margin:0 20px 0 0;
	width:30px;
	height:30px;
	background:url(../img/toggle-bg.png) no-repeat 8px 7px #ff4500;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	float:left;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.accordion-toggle .acc-head.active .ico-anim {
	background:url(../img/toggle-bg.png) no-repeat 8px -25px #ffffff;
}
.accordion-toggle .acc-head h5 {
	padding:5px 0 0 0;
	margin:0 0 0 0;
	color:#ff4500;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.accordion-toggle .acc-head.active h5 {
	color:#ffffff;
}
.accordion-toggle .acc-cont {
	margin:20px 0 0 20px;
	padding:0 0 0 20px;
	display:none;
	border-left:1px solid #ff4500;
	font-size:14px;
}
.accordion-toggle .acc-cont p {
	margin:0 0 0 0;
	padding:5px 0;
}

/* ==================================================== */
/* 10. Pricing Content Styles                           */
/* ==================================================== */

.pricing-area {
	padding:100px 0 120px 0;
	margin:0 0 0 0;
	background:#ff69b4;
	text-align:center;
}
.pricing-area h1 {
	color:#ffffff;
}
.pricing-area h3 {
	color:#ffffff;
	font-weight:700;
}
.pricing-tables {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.pricing-tables .price-single {
	padding:0 0 0 0;
	margin:100px 0 0 0;
	width:100%;
	position:relative;
}
.pricing-tables .price-single .price-cont {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	position:absolute;
	width:100%;
	top:-50px;
	left:0;
}
.pricing-tables .price-single .price-cont-center {
	padding:35px 0 0 0;
	margin:0 0 0 0;
	background:#ff69b4;
	text-align:center;
	width:100px;
	height:100px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-table;
	color:#ffffff;
	font-size:48px;
	font-weight:600;
}
.pricing-tables .price-single .price-cont-center span {
	font-size:24px;
}
.pricing-tables .price-single .price-single-cont {
	padding:60px 10px 10px 10px;
	margin:0 0 0 0;
	background:rgba(251,251,251,0.2);
	width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.pricing-tables .price-single:hover .price-single-cont, .pricing-tables .price-single.active .price-single-cont {
	background:rgba(251,251,251,1);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.pricing-tables .price-single .price-single-cont h3 {
	text-transform:uppercase;
	font-weight:800;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.pricing-tables .price-single:hover .price-single-cont h3, .pricing-tables .price-single.active .price-single-cont h3 {
	color:#ff69b4;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.pricing-tables .price-single .price-single-inner {
	padding:40px 0 40px 30px;
	margin:10px 0 0 0;
	background:#ff69b4;
	width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#ffffff;
	font-size:14px;
	text-align:left;
}
.pricing-tables .price-single .price-single-inner ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.pricing-tables .price-single .price-single-inner ul li {
	padding:3px 0;
	margin:0 0 0 0;
}
.pricing-tables .price-single .price-single-inner ul li i {
	font-size:18px;
	padding-right:5px;
}
.pricing-tables .price-single .price-single-inner ul li.deactive {
	color:rgba(251,251,251,0.3);
}
.pricing-tables .price-single .download-btn {
	position:absolute;
	bottom:-15px;
	left:0;
	width:100%;
	text-align:center;
}
.pricing-tables .price-single .download-btn a {
	padding:8px 15px 9px 15px;
	margin:0 0 0 0;
	display:inline-table;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#ff69b4;
	color:#ffffff;
	font-size:16px;
	font-weight:800;
	text-decoration:none;
}
.pricing-tables .price-single .download-btn a:hover {
	background:#ffffff;
	color:#ff69b4;
}
.pricing-tables .price-single:hover .download-btn a, .pricing-tables .price-single.active .download-btn a {
	background:#ffffff;
	color:#ff69b4;
}

/* ==================================================== */
/* 11. Downloads Content Styles                         */
/* ==================================================== */

.download-area {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/mountain.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}
.download-area .solid-bg {
	padding:100px 0 0 0;
	margin:0 0 0 0;
	background:rgba(251,251,251,0.3);
}
.download-btns {
	padding:30px 0;
	margin:0 0 0 0;
	list-style:none;
	text-align:center;
}
.download-btns li {
	padding:10px 10px;
	margin:0 0 0 0;
	display:inline-table;
}
.download-btns li a {
	padding:10px 20px 12px 20px;
	margin:0 0 0 0;
	display:inline-table;
	background:#eeeeee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:24px;
	color:#ff4500;
	font-weight:800;
	text-decoration:none;
}
.download-btns li a i {
	padding-right:10px;
	font-size:32px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.download-btns li a:hover {
	background:#ff4500;
	color:#ffffff;
}
.download-btns li a:hover i {
	color:#ffffff;
}
.download-btns li a:before, .download-btns li a:after {
  display: table;
  content: " ";
}
.download-btns li a:after {
  clear: both;
}
.phone-in-hand {
	padding:50px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}
.phone-in-hand img {
	width:100%;
	max-width:970px;
}

/* ==================================================== */
/* 12. Newsletter Content Styles                        */
/* ==================================================== */

.newsletter-area {
	padding:100px 0 120px 0;
	margin:0 0 0 0;
	text-align:center;
	background:#7dc24b;
}
.newsletter-area h2, .newsletter-area p {
	color:#ffffff;
}
.newsletter-area .medium {
	width:55%;
}
.subs-form {
	padding:30px 0 0 0;
	margin:0 0 0 0;
	display:inline-table;
	width:50%;
}
.subs-form .subs-txt {
	padding:17px 25px 19px 25px;
	margin:0 0 0 0;
	width:75%;
	height:60px;
	background:#f5f5f5;
	font-size:16px;
	font-style:italic;
	color:#666666;
	border:1px solid #eaeaea;
	border-right:0;
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	float:left;
}
.subs-form .subs-btn {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:25%;
	height:60px;
	background:#ff4500;
	font-size:36px;
	color:#ffffff;
	border:0;
	border-right:0;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	float:left;
}

/* ==================================================== */
/* 13. Contact Content Styles                           */
/* ==================================================== */

.contact-main {
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../img/contact-bg.jpg) no-repeat center bottom fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	position:relative;
  color: #fff;
}
.contact-main .solid-bg {
	padding:100px 0 120px 0;
	margin:0 0 0 0;
	background:rgba(0,0,0,0.8);
	text-align:center;
}
.contact-main .solid-bg h2 {
	padding-bottom:10px;
	color:#ffffff;
}
.contact-main .solid-bg hr {
	padding:0 0 0 0;
	margin:0 0 20px 0;
	border:0;
	background:none;
	border-bottom:5px solid rgba(251,251,251,0.3);
	width:120px;
	display:inline-table;
}

/* Register Form */
.contact-main .solid-bg input,
.contact-main .solid-bg textarea { 
  text-align: left;
  font-size:1em;
  width: 100%;
  height: 50px;
  padding:10px 0;
	margin:20px 0 10px 0;
	background:none;
	color:#ffffff;
	border:0;
	border-bottom:2px solid rgba(251,251,251,0.2); 
}

.contact-main .solid-bg .checkbox {
  text-align: left;
  width: 100%;
  padding:10px 0px;
	margin:20px 0 10px 0;
	color:#ffffff;
}
.contact-main .solid-bg .checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  position: static;
  margin: 0 0px;
  padding: 0;
  vertical-align: middle;
}
.contact-main .solid-bg select {
	width: 100%;  
	padding:10px 0;
	margin:20px 0 10px 0;
	height: 50px;
	background:none;
	color:#ddd;
	font-size:1em;
	border:0;
	border-radius:0;
	border-bottom:2px solid rgba(251,251,251,0.2); 
}
.contact-main .solid-bg select option {
	background:rgba(0,0,0,0.7);
	color:#ffffff;
}

.contact-main .solid-bg div.nowrap {
  white-space: nowrap;
}
.contact-main .solid-bg checkbox {
  display: inline-block;
}







.contact-icon {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	width:100%;
	top:-40px;
	left:0;
	position:absolute;
}
.contact-icon .icon-cont {
	padding:15px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	background:#7dc24b;
	width:80px;
	height:80px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-table;
	color:#ffffff;
	font-size:42px;
}
.contact-form {
	padding-top:30px;
}
.first-field, .second-field, .third-field, .forth-field {
	padding:10px 0;
	margin:20px 0 10px 0;
	background:none;
	color:#ffffff;
	border:0;
	border-bottom:2px solid rgba(251,251,251,0.2);
}
.first-field {
	width:30%;
	float:left;
}
.second-field {
	width:30%;
	margin-left:5%;
	margin-right:5%;
	float:left;
}
.third-field {
	width:30%;
	float:left;
}
.forth-field {
	width:100%;
	height:100px;
}
.contact-submit {
	padding:0px 30px;
	margin:30px 0 0 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0;
	color:#ffffff;
	font-size:18px;
	font-weight:800;
	background:#ff4500;
}
.contact-submit:hover {
  background:#992900;
}

/* Error and Success Message Styles */

.first-field.error, .second-field.error, .third-field.error, .forth-field.error  {
	border-bottom:1px solid #FF0000;
}
#contact-loading {
	padding:120px 0;
	text-align:center;
	font-size:24px;
	color:#FF0000;
}
#contact-success {
	padding:20px 20px;
	text-align:center;
	font-size:18px;
	color:#FF0000;
  background: rgba(0,0,0,0.7);
  border-radius: 8px;
}
#contact-failed {
	padding:120px 0;
	text-align:center;
	font-size:24px;
	color:#FF0000;
}

#register-success .error {
	padding:20px 20px;
	text-align:center;
	font-size:18px;
	color:#FF0000;
  background: rgba(0,0,0,0.2);
  border-radius: 8px;
}


/* ==================================================== */
/* 14. Footer Content Styles                            */
/* ==================================================== */

.footer-area {
	padding:80px 0;
	margin:0 0 0 0;
	text-align:center;
	background:#ff4500;
	color:#ffffff;
	font-size:14px;
}
.footer-area a, .footer-area a:hover {
	color:#ffffff;
	text-decoration:none;
}
.social-icos {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.social-icos ul {
	padding:20px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.social-icos ul li {
	padding:10px 8px;
	margin:0 0 0 0;
	display:inline-table;
}
.social-icos ul li a {
	padding:24px 0 0 0;
	margin:0 0 0 0;
	display:block;
	width:90px;
	height:90px;
	background:rgba(251,251,251,0.2);
	color:#ffffff;
	font-size:42px;
	text-align:center;
	text-decoration:none;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.social-icos ul li a:hover {
	background:#ffffff;
	color:#ff4500;
	text-decoration:none;
}

/* ==================================================== */
/* 15. Media Query                                      */
/* ==================================================== */

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

.banner-slider .slides li .bg-solid {
	padding:10% 0;
}
.banner-slider .slides li h1 {
	font-size:150px;
}
.banner-slider .slides li h2 {
	font-size:36px;
}
.banner-slider .slides li p {
	font-size:18px;
}

}

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

.banner-slider .slides li .bg-solid {
	padding:40% 0;
}
.banner-slider .slides li h1 {
	font-size:100px;
}
.banner-slider .slides li h2 {
	font-size:30px;
}
.banner-slider .slides li p {
	font-size:16px;
}
.phone-cut-pic {
	display:none;
}
.content-float {
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}
.header-area {
	top:-150px;
}
.logo-area {
	width:100%;
	text-align:center;
}
.navigation-area {
	width:100%;
	text-align:center;
}
.banner-img {
	padding:0 0 10px 0;
	margin:40px 0 0 0;
}
.banner-img .img-position {
	position:inherit;
	left:0;
}
.tab-container .tab-cont-area .cont-with-ico {
	padding-top:30px;
	padding-bottom:50px;
}
.buy-it-area .solid-bg .text-left {
	text-align:center;
	line-height:30px;
}
.buy-it-area .solid-bg .text-right {
	padding-top:30px;
	text-align:center;
}

}

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

.logo-area .logo-main {
	float:left;
}
.toggle-ico, .toggle-ico:hover, .toggle-ico:focus {
	display:inline-table;
}
.navigation-area {
	display:none;
}
.navigation-area ul.main-menu li {
	padding:10px 0 10px 0;
	width:100%;
}
.tab-container .etabs .tab {
	padding:0 2%
}

}

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

.banner-slider .slides li .bg-solid {
	padding:30% 0;
}
.banner-slider .slides li h1 {
	font-size:52px;
}
.banner-slider .slides li h2 {
	font-size:20px;
}
.banner-slider .slides li p {
	font-size:14px;
}
.medium {
	width:100%;
}
.tab-container {
	padding-top:40px;
	text-align:center;
}
.tab-container .etabs .tab a {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	width:50px;
	height:50px;
	border:2px solid #489baf;
	font-size:24px;
}
.tab-container .etabs .tab a:hover, .tab-container .etabs .tab a.active {
	border:2px solid #489baf;
}
.features-single {
	text-align:center;
}
.features-single .features-icon {
	float:none;
	display:inline-table;
	margin-bottom:10px;
}
.features-single .features-cont {
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:none;
	width:100%;
}
.testimonial-right {
	text-align:center;
}
.stati-conts li, .stati-conts li:first-child {
	padding:0 0 30px 0;
	text-align:center;
	width:100%;
}
.stati-conts li:last-child {
	padding:0 0 0 0;
}
.faq-toggle {
	padding-bottom:40px;
}
.accordion-toggle .acc-head .ico-anim {
	margin:0 10px 0 0;
}
.accordion-toggle .acc-head h5 {
	font-size:16px;
}
.newsletter-area .medium {
	width:100%;
}
.subs-form {
	width:100%;
}
.first-field {
	width:100%;
}
.second-field {
	width:100%;
	margin-left:0;
	margin-right:0;
}
.third-field {
	width:100%;
}
.social-icos ul li {
	padding:0 2px;
}
.social-icos ul li a {
	padding:8px 0 0 0;
	width:40px;
	height:40px;
	font-size:24px;
}

}

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

.banner-slider .slides li h1 {
	font-size:48px;
}

}