/*
	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: Alan Calero
	Author URI: https://www.linkedin.com/in/alan-calero-1b5b7a48
	Tags:
	
	---------------------------
	DARK 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                            */
/* ==================================================== */

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


/* 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;
}
a {
  color: #428bca;
}
a:hover, a:focus {
  color: #2a6496;
}


/* Headings */

h1 {
  padding: 10px 0 20px 0;
  margin: 0 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #ffffff;
  font-weight: 300;
  text-transform: uppercase;
}
h1 span {
  font-weight: 700;
}
h2 {
  padding: 10px 0 20px 0;
  margin: 0 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  color: #ffffff;
  font-weight: 300;
}
h2 span {
  font-weight: 700;
}
h3 {
  padding: 10px 0 20px 0;
  margin: 0 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #ffffff;
  font-weight: 300;
}
h3 span {
  font-weight: 700;
}
h4 {
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
}
h4 span {
  font-weight: 300;
}
h5 {
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  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;
}

.container .sectionhead {
 padding: 40px 0 60px; 
}


/* animation styles */

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



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

#mask {
  background-color: #ffffff;
  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: 10px 0;
  margin: 0 0 0 0;
  background: rgba(0,0,0,1);
  position: fixed;
  width: 100%;
  /*top:-120px;*/
  left: 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  z-index: 1000;
  -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);
}
.header-area.navbar-fixed-top {
  top: 0;
  padding: 10px 0;
  background: rgba(0,0,0,0.70);
  -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 img {
  width: 140px;
  height: auto;
}
.logo-area .logo-main {
  float: none;
}
.toggle-ico, .toggle-ico:hover, .toggle-ico:focus {
  margin-top: 10px;
  padding: 12px 10px;
  color: #fff;
  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: 23px 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: #fff;
  text-decoration: none;
}
.navigation-area ul.main-menu li a:hover {
  color: #ff0130;
  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: #ff0130;
  color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-decoration: none;
}



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

/* Banner Primary Styles */

.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%;
}
.banner-slider .slides li.slide01 {
 background: #fff;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -ms-background-size: cover!important;
	background-size: cover!important;
}
.banner-slider .slides li.slide02 {
  background: #fff;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -ms-background-size: cover!important;
  background-size: cover!important;
}
.banner-slider .slides li.slide03 {
  background: url(../img/zip-banner-02.jpg) no-repeat 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: 10% 0 10%;
  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: 100px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
}
.banner-slider .slides li h2 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 42px;
  font-weight: 300;
  color: #ffffff;
  text-align:center;
}
.banner-slider .slides li p {
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
}
.banner-slider .slides li h2 span {
  font-weight: 700;
	color: #333;
}
.ban-download-btns {
  padding: 50px 0;
  margin: 0 0 0 0;
  text-align: center;
}
.ban-download-btns img {
  margin: 0 5px;
  padding: 0;
  height: 50px;
  width: auto;
}
.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 #fff;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  width: 170px;
}
.ban-download-btns a.view-btn:hover {
  background: #fff;
  text-decoration: none;
  color: #000;
}
.flex-control-nav {
  padding: 0 0 0 0;
  margin: 7px 0 0 0;
  position: absolute;
  top: 30px;
  right: 30px;
  width: auto;
  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;
  /* background:url(../img/bg-dark.png) 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(255,1,48,0.82);
  text-align: left;
  color: #ffffff;
  font-size: 14px;
}
.phone-cut-pic img {
  width: 100%;
}
.banner-secondary .content-float {
  padding-top: 35px;
}
.banner-secondary h3 {
  color: #ffffff;
  /*font-size: 28px;*/
}
/*.banner-secondary h3 span {
  font-weight: 700;
}*/
.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: 300;
  text-decoration: none;
}
.banner-secondary .view-more:hover {
  background: rgba(251,251,251,0.2);
  color: #ffffff;
  text-decoration: none;
}



.banner-counter-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-counter {
  padding: 0;
  margin: 0 auto;
  background: rgba(0,0,0,0.85);
  text-align: center;
  color: #ffffff;
}

.banner-counter .content-float {
  padding: 40px 0 50px;
}
.banner-counter h2 {
  color: #ffffff;
  /*font-size: 28px;*/
}


/* count up timer*/
#clockdiv{
	color: #fff;
	display: inline-block;
	font-weight: 300;
	text-align: center;
	font-size: 40px;
}

#clockdiv > div{
	display: inline-block;
  padding: 10px;
	/*border-radius: 8px;
	background: #ff0130;*/
}

#clockdiv div > span{
	display: inline-block;
  padding: 15px;
	/*border-radius: 8px;
  background: #303336;*/
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}


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

.features-area {
  padding: 80px 0 100px 0;
  margin: 0 0 0 0;
  text-align: center;
  background: url(../img/shadow.png) no-repeat center bottom;
  background-color: #fff;
  color: #666666;
}
.features-area h1 {
  color: #333333;
}
.tab-container {
  text-align: center;
}
.tab-container h2 {
  padding: 20px 0 10px 0;
  color: #333333;
  font-weight: 700;
}
.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 {
  font-size: 14px;
}
.tab-container .tab-cont-area h3 {
  padding: 20px 0 10px 0;
  margin: 0 0 0 0;
  color: #333333;
}
.tab-container .tab-cont-area h5 {
  padding: 20px 0 10px 0;
  margin: 0 0 0 0;
}
.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: #00b800;
  margin-right: 10px;
  font-size: 18px;
}

.feed {
 padding: 0 0 20px; 
}
.featured-on {
  padding: 30px 25px;
  text-align:left;
  font-size: 16px;
  
}

.featured-on img {
  margin-left: 2px;
  padding-bottom: 15px;
  display:block;
  max-width: 100%;
  height:auto;
}


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

.features-second {
  padding: 0;
  margin: 0 0 0 0;
  text-align: center; 
  background: url(../img/zip-banner-04.jpg) no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  position: relative;
}


.features-second .solid-bg {
  padding: 100px 0 90px 0;
  margin: 0 0 0 0;
  background: rgba(0,0,0,0.3);
  text-align: center;
}




.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: #ff4500;
}*/
.features-single:before, .features-single:after {
  display: table;
  content: " ";
}
.features-single:after {
  clear: both;
}
.features-single .features-icon {
  padding: 10px 0 0 0;
  margin: -2px 0 0 0;
  float: left;
  border: 1px dashed #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: #fff;
  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: #ff4500;
}
.client-says-area h2, .client-says-area h3 {
  color: #ffffff;
}
.testimonial-left {
  text-align: center;
}
.testimonial-left img {
  width: 100%;
  max-width: 450px;
}
.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);
  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;
}
.testimon-user {
  padding: 10px 30px;
  padding-left: 110px;
  margin: 0 0 0 0;
  background: rgba(251,251,251,1);
  color: #ff4500;
  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 {
}
.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;
}



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

.gallery-area {
  padding: 100px 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
}
.crsl-items {
  padding: 80px 0 0 0;
  margin: 0 0 0 0;
}
.crsl-items .crsl-wrap {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
}
.crsl-items .crsl-wrap .crsl-item {
  padding: 60px 15px 60px 15px;
  margin: 0 0 20px 0;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  background: url(../img/ph-control.png) no-repeat center 12px #333333;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  background-size: auto 99% !important;
  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 12px #c5c5c5;
  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%;
}
.crsl-nav {
  padding: 30px 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
  text-align: center;
}
.crsl-nav li {
  padding: 0 2px;
  margin: 0 0 0 0;
  display: inline-table;
  text-align: center;
}
.crsl-nav li a {
  padding: 12px 0 0 0;
  margin: 0 0 0 0;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 50px;
  height: 50px;
  background: #333333;
  color: #ffffff;
  font-size: 30px;
  text-decoration: none;
  text-align: center;
}
.crsl-nav li a:hover {
  background: #00b800;
  color: #ffffff;
  text-decoration: none;
}


/* Buy It Call to Action Area */

.buy-it-area {
  padding: 0 0 0 0;
  margin: 120px 0 0 0;
  text-align: center;
  background: #fff;
}
.buy-it-area .solid-bg {
  padding: 60px 0 50px;
  margin: 0 0 0 0;
  /*background:rgba(255,255,255,0.9);*/
	
  font-weight: 600;
  color: #333333;
}
.buy-it-area .solid-bg h1 {
  padding: 0;
  color: #333333;
  font-weight: 900;
}
.buy-it-area .solid-bg p {
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
}
.buy-it-area .solid-bg .buy-it-now {
  padding: 12px 30px;
  margin: 0 0 0 0;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-decoration: none;
  background: none;
  display: inline-table;
}
.buy-it-area .solid-bg .buy-it-now:hover {
  color: #489baf;
  background: #ffffff;
  text-decoration: none;
}

/* As Seen On Area */

.asseenon {
  padding: 0 0 0 0;
  text-align: center;
  background: #fff;
}
.asseenon .solid-bg {
  padding: 60px 0 50px;
  margin: 0 0 0 0;
	background-color: #111111;
  /*background:rgba(255,255,255,0.9);*/
	
  font-weight: 600;
  color: #333333;
}
.asseenon .solid-bg h1 {
  padding: 0;
  color: #ffffff;
  font-weight: 900;
}
.asseenon .solid-bg p {
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
}

.asseenon-icos ul li img {
  width: auto;
  display:inline-block;
  -webkit-filter: invert(1);
  filter: invert(1);
}

.asseenon-icos ul li, .footer-nav ul li {
  padding: 10px 8px;
  margin: 0 0 0 0;
  display: inline-table;
}



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

.faq-area {
  padding: 160px 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
  /*background: #f7f7f7;*/
  color: #666666;
  background-color: #f7f7f7;
}
.faq-area h1 {
  color: #333333;
}
.phone-hand-faq {
  padding-top: 50px;
	padding-bottom: 50px;
}
.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 #ff0130;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  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: #ff0130;
  border: 2px solid #ff0130;
}
.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 #ff0130;
  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: #333;
  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 #939598;
  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: #ff4500;
  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: #ff4500;
  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: #ff4500;
  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: #ff4500;
  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: #ff4500;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
}
.pricing-tables .price-single .download-btn a:hover {
  background: #ffffff;
  color: #ff4500;
}
.pricing-tables .price-single:hover .download-btn a, .pricing-tables .price-single.active .download-btn a {
  background: #ffffff;
  color: #ff4500;
}



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

.download-area {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
  background: url(../img/mountain-dark.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(0,0,0,0.5);
}
.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;
}


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

.radio-area {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  color: #fff;
  text-align: center;
  background: url(../img/bg-radiopage.jpg) no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.radio-area .solid-bg {
  padding: 5% 0 12%;
  margin: 0 0 0 0;
}


.radio-area h2 {
  color: #fff;
}


/* ==================================================== */
/* As Seen As Area Content Styles                         */
/* ==================================================== */


/* ==================================================== */
/* 11a. Social Media Area Content Styles                         */
/* ==================================================== */

.social-area {
  padding: 0;
  margin: 0;
  text-align: center;
  color: #fff;
  position: relative;
  background: url(../img/zip-parallax-02.jpg) no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.social-area h1 {
  color: #fff;
}
.social-area .solid-bg {
  padding: 5% 0 6%;
  margin: 0 0 0 0;
  background: rgba(0,0,0,0.3);
}
.social-icos {
  padding: 50px 0 0;
  margin: 0 0 0 0;
}
.social-icos ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
}
.social-icos ul li {
  padding: 15px 10px;
  margin: 0 0 0 0;
  display: inline-table;
}
.social-icos ul li a {
  padding: 25px 0 0 0;
  margin: 0 0 0 0;
  display: block;
  width: 100px;
  height: 100px;
  color: #ffffff;
  font-size: 48px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px dashed #ffffff;
}
.social-icos ul li a:hover {
  background: #ff0130;
  color: #fff;
  text-decoration: none;
}



/* ==================================================== */
/* 06. Privacy & Term Policies Content Styles                   */
/* ==================================================== */

.policies {
  padding: 160px 0 90px;
  margin: 0 0 0 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  text-align: left;
  background: #ffffff;
  color: #666666;
}
.policies h1 {
  padding: 40px 0 10px 0;
  font-size: 30px;
  font-weight: 700;
  color: #333333;
}
.policies h2 {
  padding: 20px 0 10px 0;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.policies a {
  color: #428bca;
}
.policies a:hover, a:focus {
  color: #2a6496;
}
.policies p {
  margin: 20px 0;
  color: #666666;
}
.policies ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.policies ol li {
  display: table;
  counter-increment: item;
  margin-bottom: 2em;
  font-size: 18px;
  font-weight: 700;
}
.policies ol li strong {
  text-transform: uppercase;
  color: #333333;
}
.policies ol li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.policies ol li li {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 300;
}
.policies ol li li strong {
  color: #666666;
}
.policies ol li li:before {
  content: counters(item, ".") " ";
  font-size: 14px;
  font-weight: 700;
  color: #666666;
}

hr.style-one {
  margin: 55px auto;
  display:block;
  width: 80%;
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #e8e8e8, #ccc, #e8e8e8);
  background-image: -moz-linear-gradient(left, #e8e8e8, #ccc, #e8e8e8);
  background-image: -ms-linear-gradient(left, #e8e8e8, #ccc, #e8e8e8);
  background-image: -o-linear-gradient(left, #e8e8e8, #ccc, #e8e8e8);
}

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

.newsletter-area {
  padding: 100px 0 120px 0;
  margin: 0 0 0 0;
  text-align: center;
}
.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;
}


/* ==================================================== */
/* 1?. Integrated Media Content Styles                        */
/* ==================================================== */

.integrated-media {
  padding: 100px 0 120px 0;
  margin: 0 0 0 0;
  text-align: center;
  background-color: #f4f5f7;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}

.integrated-media h1 {
  padding: 60px 0;
  color: #333333;
  font-weight: 600;
}
.integrated-media h3 {
  color: #666666
}
.integrated-media h4, .integrated-media h2 {
  color: #333333;
}
.integrated-media h3, .integrated-media h4 {
  padding: 10px 0;
  font-weight: 400;
  text-transform: uppercase;
}
.integrated-media p {
  text-align: left;
  padding-top: 20px;
}
.integrated-media img {
  display: block;
  margin: 0 auto 140px;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.integrated-media .medium {
  width: 55%;
}




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

.contact-main {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background: url(../img/contact-zip-bg.jpg) no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  position: relative;
}
.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 a {
  color: #ffffff;
}
.contact-main .solid-bg a:hover, .contact-main .solid-bg a:focus {
  color: #ff0130;
}

.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;
}
.contact-icon {
  padding: 0 0 0 0;
  margin: 40px 0 60px 0;
  text-align: center;
  width: 100%;
}
.contact-icon .icon-cont {
  padding: 17px 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
  background: #222222;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-table;
  color: #ff0130;
  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: 10px 30px;
  margin: 30px 0 0 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
  background: #00b800;
}


/* 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: 120px 0;
  text-align: center;
  font-size: 18px;
  color: #FF0000;
}
#contact-failed {
  padding: 120px 0;
  text-align: center;
  font-size: 24px;
  color: #FF0000;
}



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

.footer-area {
  padding: 60px 0 0;
  margin: 0 0 0 0;
  text-align: center;
  background: #f7f7f7;
  color: #666666;
  font-size: 14px;
}
.footer-area img {
  margin-left: -30px;
}
.footer-area a {
  color: #303336;
  text-decoration: none;
}
.footer-area a:hover {
  color: #ff0130;
}
.footer-area-links {
  padding: 30px 0 50px;
  margin: 0 0 0 0;
}
.download-icos {
  padding: 0;
  margin: 0;
}
.footer-nav {
  padding: 20px 0 30px;
  margin: 0 0 0 0;
}
.download-icos ul, .footer-nav ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
}
/*.footer-area-links ul {
  padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}*/

.download-icos ul li, .footer-nav ul li {
  padding: 10px 4px;
  margin: 0 0 0 0;
  display: inline-table;
}
.download-icos ul li img {
  height: 50px;
  width: auto;
  display:inline-block;
}
.footer-nav ul li a {
  /*line-height: 40px;*/
  text-transform: uppercase;
  font-size: 14px;
}
.sub-footer {
  padding: 8px 0;
  font-size: 12px;
  color: #ccc;
  background: #303335;
}
.sub-footer a {
  color: #ccc;
  text-decoration: none;
}
.sub-footer a:hover {
  color: #fff;
}




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

@media (max-width: 1400px) { /* This media query is written for 1400PX resolution devices */
.banner-slider .slides li .bg-solid {
  padding: 11% 0 47%;
}
.banner-slider .slides li h1 {
  font-size: 150px;
}
.banner-slider .slides li h2 {
  font-size: 36px;
  text-align:center;
}
.banner-slider .slides li p {
  font-size: 18px;
}
}


@media (max-width: 1024px) {
  .animated {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  
  -o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;

-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;

-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;

-webkit-animation-delay: 0 !important; 
animation-delay: 0 !important;

visibility: visible !important;
}

.features-second {
background: url(../img/zip-banner-04.jpg) no-repeat center top;
}

.social-area {
background: url(../img/zip-parallax-02.jpg) no-repeat center center;
}


}


@media (min-width: 992px) and (max-width: 1200px) {
.flex-control-nav {
 display: none; 
}

.banner-secondary .content-float {
  padding-top: 5px;
}
.banner-secondary h3 {
  font-size: 20px;
}
.banner-secondary p {
  line-height: 22px;
}
.footer-nav ul {
  margin-top: 2px;
}
.footer-nav ul li {
  padding: 3px 4px;
}
.footer-nav ul li a {
  line-height: 20px;
}
}


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

.banner-slider .slides li .bg-solid {
  padding: 23% 15px 1%;
}
.banner-slider .slides li h1 {
  font-size: 100px;
}
.banner-slider .slides li h2 {
  font-size: 30px;
  text-align:center;
}
.banner-slider .slides li h3 {
  font-size: 22px;
}
.banner-slider .slides li p {
  font-size: 16px;
}
.phone-cut-pic {
  display: none;
}
.content-float {
  padding-top: 60px !important;
  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;
}
.tab-container .tab-cont-area .left-cont-img img {
  margin: 0 auto;
  width: 60%;
  height: auto;
}

.features-cont-all2 {
  margin-top: -30px;
}

.crsl-items .crsl-wrap .crsl-item {
  padding: 40px 10px 40px 10px;
  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 6px #333333;
}
.crsl-items .crsl-wrap .crsl-item:hover {
  background: url(../img/ph-control.png) no-repeat center 6px #c5c5c5;
}
.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;
}
.radio-area .solid-bg {
  padding: 60px 0 100px;
}

}


@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;
}
.flex-control-nav {
  display: none;
}
.navigation-area {
  display: none;
}
.navigation-area ul.main-menu li {
  padding: 10px 0 10px 0;
  width: 100%;
}

.banner-slider .slides li .bg-solid {
  padding: 23% 15px 1%;
}
.ban-download-btns {
  padding: 40px 0;
}

.features-area {
    padding: 60px 0 100px;
}

.tab-container .tab-cont-area h3 {
    padding: 0 0 50px 0;
    text-align: center;
}

.tab-container .etabs .tab {
  padding: 0 2%
}
.features-single .features-icon {
    margin: -12px 0 0 0;
}

.features-second .solid-bg {
    padding: 80px 0;
}

.features-cont-all {
    padding-top: 30px;
}

}


@media (max-width: 736px) {
h1 {
  font-size: 30px;
}

.social-icos {
  padding: 10px 0;
  margin: 0 0 0 0;
}
.social-icos ul li {
  padding: 10px 5px;
}
.social-icos ul li a {
  padding: 11px 0 0 0;
  width: 50px;
  height: 50px;
  font-size: 22px;
}


.features-area {
  padding: 40px 0 60px;
}
.features-second .solid-bg {
    padding: 60px 0;
}
.features-cont-all {
    padding-top: 0;
}
.features-single h4 {
  font-size: 16px;
}


.gallery-area {
    padding: 80px 0 0;
    
}
.buy-it-area .solid-bg {
    padding: 40px 0 50px;
}

}

@media (max-width: 736px) and (orientation: portrait) {
.features-single .features-icon {
    margin: 5px 0 0 0;
}

}



@media (max-width: 670px) {
.radio-area .solid-bg {
  padding: 40px 0 80px;
}
}



@media (max-width: 480px) { /* This media query is written for Mobile only */
			.home-slider {
	display: flex;
		flex-direction: column;
	}
	.slide-img {
		order: 2;
	}
	.slide-copy {
		order: 1;
	}
.banner-slider .slides li .bg-solid {
  padding: 37% 15px 2%;
}
.banner-slider .slides li h1 {
  font-size: 52px;
}
.banner-slider .slides li h2 {
  font-size: 20px;
  text-align:center;
}
.banner-slider .slides li h3 {
  font-size: 16px;
}
.banner-slider .slides li p {
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}
.ban-download-btns img {
  margin: 0 2px;
  height: 30px;
}
.medium {
  width: 100%;
}
.tab-container {
  padding-top: 0;
  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%;
}
.integrated-media .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%;
}
.download-icos ul li img {
  height: 40px;
}
.footer-nav ul li {
  padding: 5px 2px 0;
}

.banner-counter h2 {
  font-size: 20px;
}

/* count up timer */
#clockdiv{
	font-size: 26px;
}

#clockdiv > div{
	padding: 8px 4px;
}

#clockdiv div > span{
	padding: 8px 0;
}

.smalltext{
	font-size: 12px;
}




}


@media (max-width: 320px) { /* This media query is written for Mobile only */
.banner-slider .slides li h1 {
  font-size: 48px;
}
}

/* NEW FAQ PAGE STYLE */
@media screen and (max-width: 991px) {
	.phone-hand-faq img {
		margin-bottom:50px;
	}
	.m-r-f {
display: flex;
    flex-direction: column;	
}
.m-r-b {
	    display: flex;
    order: 2;
}
}
.wh {
background-color: #fff;	
}
.faq-titles {
	color: #333;
	text-align: center;
	padding: 15px 0 25px 0;
}
.accordion-toggle {
	margin: 0;
	display: block;
	    margin-left: 40px;
    margin-bottom: 8px;
}
.accordion-toggle .acc-cont {
    margin: 0px 0 0 20px;
	font-size: 13px;
	line-height: 18px;
}
.accordion-toggle .acc-head h5 {
    padding: 0px 0 0 0;
    margin: 0 0 0 0;
    color: #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    font-size: 13px;
    line-height: 21px;
	text-align: left;
	}
.accordion-toggle .acc-head .ico-anim {
	display: none;
}
.accordion-toggle .acc-head.active h5 {
	color: #000;
	font-weight: bold;
}
.accordion-toggle .acc-head, .accordion-toggle .acc-head.active {
	border:none;
	background: none;
	background-color: none;
}
.accordion-toggle .acc-head {
	padding: 1px;
}
.last-row {
	padding-bottom: 50px;
}
.acc-head:before {
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
/* TABS */
div.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 40%;
	}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: #fff;
    color: black;
    padding: 12px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
	    border-bottom: solid 1px #c7c7c7;
}
.tablinks:last-of-type {
    border-bottom: none;
}
.tablinks {
    font-size: 78% !important;	
}
}
/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
div.tab button.active {
        background-color: #ff0130;
    color: #fff;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
       width: 60%;
        height: auto;
}