/*--------------------*/

/* BASIC TYPOGRAPHY */

/*--------------------*/



body,html{

  	overflow-x:hidden;  	

}



body {

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	overflow-x: hidden !important;

	color: #838282;

}



ul{

	padding: 0;

	margin: 0;

	list-style: none;

}



a{ 

	text-decoration: none;

	color : #FF8C00;
}



a:focus{

	outline: none;

	text-decoration: none;
	color : #32CD32;
	font-weight:bold

}

a:hover{

	font-weight:bold

}



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

	font-family: 'Cabin', sans-serif;

}



h2 {

	color: #fff;  

	font-size: 30px;

	font-weight: 700;

	line-height: 40px;

	margin: 0;

	padding-bottom: 10px;  

}



img{

 border:none;

}



/* Preloader */



#preloader {

  position: fixed;

  top:0;

  left:0;

  right:0;

  bottom:0;

  background-color:#fff; /* change if the mask should have another color then white */

  z-index:99999; /* makes sure it stays on top */ 

}



#status {

  width:200px;

  height:200px;

  position:absolute;

  left:50%; /* centers the loading animation horizontally one the screen */

  top:50%; /* centers the loading animation vertically one the screen */

  background-image:url(../images/loader.gif); /* path to your loading animation */

  background-repeat:no-repeat;

  background-position:center;

  margin:-100px 0 0 -100px; /* is width and height divided by two */

}



/*--------------------*/

/* HEADER */

/*--------------------*/



.mainbody{background: url(../images/header-bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; }



#header{

	float: left;

	display: inline;

	width: 100%; 

}





.header-inner{	

	display: inline;

	float: left;	

	width: 100%;

}





.overlay{

	background-color: rgba(0, 0, 0, 0.4); height:100%;



	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 10;

}





.header-content {

	float: left;

	width: 100%;

	height: 100%;

	text-align: center;

}





.header-top {

	display: inline;

	float: left;

	padding-top: 40px;

	width: 100%;

}





.logo-area{

	display: inline;

	float: left;

}





.logo {

  color: #fff;

  font-family: "Pacifico",cursive;

  font-size: 40px;

  font-weight: bold;

}





.logo:hover,

.logo:focus{

	text-decoration: none;

	outline: none;

	color: #fff;

}





.menu-area{

	display: inline;	

}





.main-wrap{

	position: relative;

}





.header-bottom {

	display: inline;

	float: left;

	margin-top: 50px;

	width: 100%;

}





.header-bottom-left {

	display: inline;

	float: left;

	padding-top: 60px;

	padding-right: 50px;

	text-align: left;

	width: 100%;

}





.header-bottom-left h1 {

	color: #fff;

	font-size: 45px;

	font-weight: bold;

	line-height: 60px;

	text-transform: uppercase;

}





.header-bottom-left p {

	color: #fff;

	font-size: 16px;

	margin: 35px 0 0;

}





.download-btn{

	border-radius: 3px;

	color: #ffffff;

	display: block;

	float: left;

	font-size: 16px;

	height: 48px;

	line-height: 48px;

	margin-top: 30px;

	opacity: 0.8;

	text-align: center;

	width: 180px;

	-webkit-transition: all 0.5s ease 0s;;

	-o-transition: all 0.5s ease 0s;;

	transition: all 0.5s ease 0s;;

}





.download-btn:hover,

.download-btn:focus{

	text-decoration: none;

	outline: none;

	color: #fff;

	opacity: 1;

}





.header-bottom-right{

	display: inline;

	float: left;

	width: 100%;

}





/*--------------------*/

/* MENU */

/*--------------------*/





#close {

	color: #fff;

	cursor: pointer;

	font-size: 15px;

	font-weight: bold;

	height: 20px;

	position: absolute;

	right: 25px;

	text-align: center;

	top: 20px;

	width: 20px;

}





#menu-btn {

  color: #e05e00;

  font-size: 30px;

  position: fixed;

  right: 75px;

  top: 40px;

  z-index: 99;

}

.inner2{background:url(../images/header-bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; }

  

  .inner2 .overlay{

	background-color: rgba(0, 0, 0, 0.4); height:100%;

	left: 0;

	position: relative;

	top: 0;

	width: 100%;

	z-index: 10; padding:10px 0px 15px 0px;

}



.main-nav {

	background-color: #e05e00;

	position: fixed;

	padding-top: 20px;

	width: 260px;

	height: 100%;

	top: 0;

	right: -260px;

	z-index: 1000;

}





.main-nav ul li a {

	color: #ffffff;

	display: block;

	font-size: 16px;

	font-weight: 300;

	padding: 10px 35px;

	text-decoration: none;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.main-nav ul li > a > i {

  	padding-right: 10px;

}





.main-nav a:hover,

.main-nav a:focus {

	background: #ffffff;

}





.main-nav a:active {

	background: #ffffff;	

}





.main-nav.menu-open {

	right: 0px;

}





.cbp-spmenu-push {

	overflow-x: hidden;

	position: relative;

	left: 0;

}





.main-nav,

.cbp-spmenu-push {

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}





/*--------------------*/

/* FEATURES */

/*--------------------*/





#features{

	background-color: #fff;

	display: inline;

	float: left;

	padding: 20px 0;

	width: 100%;

}





.title-area {

	display: inline;

	float: left;

	padding: 0 0px;  

	text-align: center;

	width: 100%;

}





.title-area .title {

	border-bottom: 2px solid #ccc;

	color: #777;

	display: inline-block;

	font-size: 24px;

	font-weight: 700;

	padding-bottom: 20px;

	position: relative;

	text-transform: uppercase;

}





.title-area .title::before {

	content: "";

	height: 2px;

	left: 0;

	position: absolute;

	top: 60px;

	width:100px;

}





.title-area p{

	color: #777777;

	font-size: 14px;

	font-weight: 300;

	line-height:22px; text-align:justify;

	padding: 20px 0 10px;

}





.features-area{

	display: inline;

	float: left;

	margin-top: 20px;

	width: 100%;

}





.features-left {

	display: inline;

	float: left;  

	width: 100%;

}





.features-list li {

	float: left;

	padding: 25px 0;

	position: relative;

}





.features-list li:hover .fa{

	color: #fff;

}





.features-list li i{

	background-color: #777;	

	border-radius: 50%;

	color: #fff;

	display: block;

	font-size: 35px;

	height: 90px;

	line-height: 93px;

	margin: 20px auto;

	position: absolute;

	text-align: center;

	top: 10px;

	transition: all 0.5s ease 0s;

	width: 90px;

}





.features-list-left li i {

  	left: 0;

}





.features-list-left .features-content{

	padding-left: 0;

}





.features-content{

	float: left;

	display: inline;

	width: 100%;

}





.features-content h4 { 

	font-size: 18px;

	text-transform: uppercase;

}





.features-content p{

	font-size: 15px;	

}





.feature-img {

	display: inline;

	float: left;

	padding: 0 30px;

	text-align: center;

	width: 100%;

}





.feature-img img {

  	width: 100%;

}





.features-right{

	display: inline;

	float: right;	

	width: 100%;	

}





.features-list-right li i {

  	right: 0;

}





.features-list-right .features-content{

	padding-right: 0; text-align:right

}





/*--------------------*/

/* HOW IT WORKS */

/*--------------------*/





#howit-works {

	background-attachment: fixed !important;

	background-image: url("../images/howit-works-bg.jpg");

	background-repeat: repeat;  

	background-size: cover;  

	color: #ffffff;

	display: inline;

	float: left;

	padding: 70px 0;

	width: 100%;

}





.howit-works-area{

	display: inline;

	float: left;

	width: 100%;

}





.howit-works-area .title{

	color: #fff;

}





.howit-works-area .title-area p{

	color: #fff;

}





.howit-works-video{

	background: rgba(0, 0, 0, 0) url("../images/macbook-pro.png") no-repeat scroll center 100% / 100% auto;

	margin: 0 auto;

	max-width: 700px;

	padding: 70px 0 60px;

	position: relative;

	z-index: 10;

}





.howit-works-video iframe {

	border: medium none;

	margin-bottom: 20px;

	margin-left: 135px;

	width: 428px;

}





/*--------------------*/

/* PRICING TABLE */

/*--------------------*/





#pricing-table {

	display: inline;

	float: left;

	width: 100%;

	padding: 20px 0;

}





.pricing-table-content {

	display: inline;

	float: left;

	margin-top: 20px;

	width: 100%;

}





.single-plan {

	display: inline;

	float: left;

	width: 100%;

	background-color: #f0f0f0 ;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.single-plan:hover{  

  	box-shadow: 0 2px 20px #ccc;

}





.feature-price .single-plan-head p>span{

	color: #fff;

}





.single-plan-head {

	background-color: #424242;

	display: inline;

	float: left;

	padding: 10px 5px;

	text-align: center;

	width: 100%; 

}





.single-plan-head h5 {

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 0;

	padding: 5px; margin:0px;

	text-transform: uppercase; text-align:left

}





.single-plan-head p {

	color: #fff;

	font-size: 25px;

	font-weight: bold;

	line-height: 30px; 

}





.single-plan-head p > span {

	font-weight: normal;

	font-size: 15px;

}





.single-plan-content {

	display: inline;

	float: left;

	width: 100%;text-align:justify;

	padding: 0 15px;font-size:14px;

}





.single-plan-content ul{

	text-align: center;

}





.single-plan-content ul li {

	border-bottom: 1px solid #fff;

	padding: 15px 10px;

}





.single-plan-content ul li.delete{	

	text-decoration: line-through;

}





.single-plan-content ul li:last-child{

	border: none;

}





.single-plan-bottom {

	display: inline;

	float: left;

	padding: 15px 15px 30px;

	text-align: center;

	width: 100%;

}





.single-plan-bottom .signup-btn {

	border-radius: 3px;

	border: 1px none transparent;

	color: #fff;

	display: inline-block;

	font-size: 18px;

	opacity: 0.8;

	padding: 15px 50px;

	text-decoration: none;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.single-plan-bottom .signup-btn:hover{

	border-color: 1px solid #fff;

	opacity: 1;

}





/*--------------------*/

/* SCREENSHOT */

/*--------------------*/





#screenshot{

	background-color: #212121;

	display: inline;

	float: left;

	padding: 20px 0px 35px 0px;

	width: 100%;

}





#screenshot .title,

#screenshot .title-area p{

	color: #fff;

}





.screenshots-area{

	display: inline;

	float: left;

	margin-top: 20px;

	width: 100%;

}





.screenshots-slide{

	display: inline;

	float: left;

	width: 100%;

}





.screenshots-slide li{

	outline: none;

}





.screenshots-slide li a {

	border: 5px solid #fff;

	display: block;

	float: left;  

	position: relative;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.view-btn-area {

	display: none;

	background-color: rgba(0, 0, 0, 0.8);

	height: 100%;

	left: 0; 

	position: absolute;

	text-align: center;

	top: 0;

	opacity: 0;

	width: 100%;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.view-btn {	

	color: #fff;

	font-size: 35px;  

	margin-top: 215px;	

}





.screenshots-slide li a:hover .view-btn-area{	

	display: block;

	opacity: 1;

}





.screenshots-slide .slick-dots li button {

  background-color: #fff;

  border: 0 none; 

  outline: none;

  height: 4px;  

  padding: 5px;

  width: 20px;

}





.screenshots-slide .slick-dots li button::before {

  display: none;

}





.screenshots-slide .slick-dots {

  bottom: -60px; 

}





/*--------------------*/

/* DOWNLOAD */

/*--------------------*/





#download-app {

  background-attachment: fixed !important;

  background-image: url("../images/download-bg.jpg");

  background-repeat: repeat;

  background-size: cover;

  color: #ffffff;

  display: inline;

  float: left;

  width: 100%;

}





.download-overlay {

  background: rgba(15, 22, 30, 0.8) none repeat scroll 0 0;

  color: #ffffff;

  display: inline;

  float: left;

  padding: 20px 0;

  width: 100%;

}





#download-app .title,

#download-app .title-area p{

	color: #fff;

}





.download-app-content{

	display: inline;

	float: left;

	width: 100%;

	text-align: center;

}





.single-download {

	border: 2px solid #fff;

	border-radius: 4px;

	display: inline-block;

	margin: 0 15px;

	padding: 18px 25px;

	width: 25%;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.download-icon{

	display: inline;

	float: left;

	width: 60px;

	color: #fff;

}





.download-icon i {

  font-size: 40px;

  margin-top: 5px;

}





.download-content {

  display: inline;

  float: left;

  text-align: left;

  margin-left: 5px;

}





.download-content p {

	color: #f8f8f8;

	font-size: 15px;

	margin-bottom: 3px;

}





.download-content span{

	color: #fff;

	font-size: 18px;

	font-weight: bold;



}





/*--------------------*/

/* TESTIMONIAL */

/*--------------------*/





#testimonial{

	background-color: #fff;

	display: inline;

	float: left;

	padding: 20px 0;

	width: 100%;

}





.testimonial-slider {

	background-color: #f7f7f7;

	display: inline;

	float: left;

	padding: 20px;

	width: 100%;

	border: 1px solid #ddd;

}





.testimonial-single-slide {

	display: inline;

	float: left;

	padding: 75px 50px 20px;

	text-align: center;

	width: 100%;

}





.testi-avatar {

	background: #fff none repeat scroll 0 0;

	border: 2px solid #ddd;

	border-radius: 50%;

	height: 90px;

	display: inline-block !important;

	margin-top: -80px;

	padding: 2px;

	width: 90px;

}





.testi-name {

	color: #404244;

	font-size: 18px;

	letter-spacing: 1px;

	margin: 10px 0 0;

	text-align: center;

	text-transform: uppercase;

}





.testi-company{

	font-size: 14px;

	text-align: center;

}





.testi-text {

	color: #8d959d;

	display: inline-block;

	font-size: 20px;

	font-style: italic;

	font-weight: 700;

	line-height: 25px;

	margin: 0 auto;

	position: relative;

	text-align: center;

}





.testi-text:before{

	content: '\f10d';

	position: absolute;

	font-family: fontAwesome;

	left: -10px;

	top: -20px;

}





.testimonial-slider .slick-dots {

	bottom: 15px;

	margin-left: -40px;

}





.testimonial-slider .slick-dots li {

	background: #ccc none repeat scroll 0 0;

	border-radius: 50%;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	height: 20px;

	margin: 0 5px;

	padding: 0;

	position: relative;

	width: 20px;

}





.testimonial-slider .slick-dots li.slick-active {

  	opacity: 1;

}





.testimonial-slider .slick-dots li button::before{

	display: none;

}





/*--------------------*/

/* SUBSCRIBE */

/*--------------------*/





#subscribe{

	background-attachment: fixed !important;

	background-image: url("../images/subscribe-bg.jpg");

	background-repeat: repeat;

	background-size: cover;

	color: #ffffff;

	display: inline;

	float: left;

	width: 100%;

}





#subscribe .title,

#subscribe .title-area p{

	color: #fff;

}





#subscribe .title-area .title::before {  

  	width: 250px;

}





.subscribe-content{

	display: inline;

	float: left;

	width: 100%;

}





.subcr-form {

	margin: 0 auto;

	position: relative;

	width: 800px;

}





.subcr-form i {

	font-size: 30px;

	left: 20px;

	position: absolute;

	top: 17px;

}





.subcr-form input[type="text"] {

	color: #555;

	float: left;

	font-size: 18px;

	height: 65px;

	padding-left: 60px;

	padding-right: 155px;

	width: 100%;

}





.subcr-form .subcr-btn {

	border: medium none;

	font-size: 20px;

	font-weight: bold;

	height: 65px;

	opacity: 0.8;

	padding: 10px;

	position: absolute;

	right: 0;

	text-transform: uppercase;

	width: 150px;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





.subcr-form .subcr-btn:hover,

.subcr-form .subcr-btn:focus{

	opacity: 1;

}





/*--------------------*/

/* CONTACT */

/*--------------------*/





#contact{

/*	background-color: rgba(15, 22, 30, 0.8);

	background-image: url(../images/contact-bg.png);

	background-repeat: no-repeat;*/

	display: inline;

	float: left;

	width: 100%;

	padding: 90px 0;

}





#contact .title,

#contact .title-area p{

	color: #fff;

}





.contact-area {

	display: inline;

	float: left;

	margin-top:0px;

	padding: 0px;

	width: 100%;

}





.contact-form{}

.contact-form input{

	height: 45px;

	border-radius: 0;

}





.contact-form textarea {

	border-radius: 0;

	height: 250px;

	padding: 15px;

}





.contact-form .form-control {

	background-color: rgba(15, 22, 30, 0.8);  

	color: #ffffff;

	font-size: 16px;

	box-shadow: none;

}





.contact-form.form-control::-webkit-input-placeholder {

	color: #ffffff;

	font-size: 16px;

}





.contact-form .form-control:-moz-placeholder { /* Firefox 18- */

	color: #ffffff;

	font-size: 16px;

}





.contact-form .form-control::-moz-placeholder {  /* Firefox 19+ */

	color: #ffffff;

	font-size: 16px;

}





.contact-form .form-control:-ms-input-placeholder {  

    color: #ffffff;

   	font-size: 16px;

}

ol li{text-align:justify}



.send-area{

	display: inline;

	float: left;

	text-align: center;

	margin-top: 15px;

	width: 100%;

}





.send-btn {

	background-color: #970001;

	border: 1px solid #ccc;

	color: #fff;

	display: inline-block;

	margin: 0 auto;

	padding: 10px;

	width: 150px;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}





/*--------------------*/

/* FOOTER */

/*--------------------*/





#footer {

	background-color: #1d252e;

	display: inline;

	float: left;

	padding:10px 0px 0px 0px;

	width: 100%;

}





.footer-social{

	display: inline;

	float: left;

	width: 100%;

	text-align: center;

}





.footer-social a{

	display: inline-block;

	color: #fff;

	font-size: 18px;

	margin: 5px;

}





.footer-text{

	display: inline;

	float: left;

	padding: 10px 0;

	width: 100%;

	text-align: center;

}





.footer-text p{

	margin-bottom: 0;

}





.footer-text p a{

	color: #838282;

	text-decoration: none;

}





/*--------------------*/

/* ERROR PAGE */

/*--------------------*/





#error{

	display: inline;

	float: left;

	width: 100%;

}





.error-area {

  display: inline;

  float: left;

  padding: 150px 0;

  text-align: center;

  width: 100%;

}





.error-group{

	display: inline;

	float: left;

	width: 100%;

}





.error-group h1{

	color: #979797;

	font-size: 80px;

	margin-bottom: 25px;

}





.error-group h1 span {

  border: 1px solid #cccccc;

  display: inline-block;

  margin-left: 5px;

  overflow: hidden;

  padding: 2px;

}





.error-group h1 span strong {

  border: 1px solid #cccccc;

  display: inline-block;

  font-weight: normal;

  padding:  15px 20px;

}





.error-group h2 {

  color: #979797;

  font-size: 60px;

  text-align: center;

  text-transform: uppercase;

  line-height: 55px;

}





.error-group h2 span{

	display: block;

	font-size: 30px;

}





.home-btn a{

	text-decoration: none;

	outline: none;

}







/*======================///////////////

			START RESPONSIVE STYLE

=====================///////////////////////*/





@media(max-width:1199px ){

	.header-bottom {  

	  margin-top: 50px;  

	}

	.feature-img {

	  padding: 0;  

	}

	.features-list li {

	  padding: 10px 0;  

	}

	.features-list li i { 

	  top: 0px;  

	}

	.single-download {

	  padding: 18px 10px;

	}

	#menu-btn {

	  right: 50px;  

	}

}





@media(max-width:991px ){

	.header-bottom {  

	  margin-top: 60px;  

	}

	.header-bottom-right img{

		width: 100%;

	}

	.header-bottom-left h1 { 

	  font-size: 32px;

	  line-height: 45px;  

	}

	.features-list li {

	  margin-bottom: 20px;

	}

	.feature-img img {

	  width: auto;

	}

	.features-list-right li i {

	  left: 0;

	  right: auto;

	}

	.features-list-right .features-content {

	  padding-left: 115px;

	  padding-right: 0;

	}

	.features-left {  

	  margin-bottom: 30px;

	}

	.features-right {  

	  margin-top: 30px;

	}

	.features-list li i { 

	  font-size: 25px;

	  height: 70px;

	  line-height: 70px; 

	  width: 70px;

	}

	.title-area {

	  padding: 0 50px;  

	}

	.single-plan {  

	  margin-bottom: 25px;

	}

	.single-download {

		margin: 0 8px;

		padding: 18px 5px; 

		width: 30%;

	}

	.subcr-form {  

	  width: 95%;

	}

	.contact-area {  

	  padding: 0 100px;  

	}

}





@media(max-width:767px ){

	.header-bottom {

	  margin-top: 0;

	}

	.header-bottom-left {  

	  padding-right: 0;

	  padding-top: 0;  

	  margin-top: 10px;

	}

	.header-bottom-left h1 {

	  font-size: 25px;

	  line-height: 30px;

	}

	.header-bottom-left p {  

	  margin: 10px 0 0;

	}

	.download-btn {  

	  margin-top: 20px; 

	  width: 160px;

	}

	.header-bottom-right img {

	  width: 45%;

	}

	.title-area {

	  padding: 0 10px;

	}

	.howit-works-video {

	  background: none;

	  text-align: center;

	}

	.howit-works-video iframe {

	  display: inline-block;	 

	  margin-left: auto;

	  width: 90%;

	}

	.slick-prev {

	  left: 6px;

	  z-index: 999;

	}

	.slick-next {

	  right: 5px;

	}

	.download-icon i {

	  font-size: 35px; 

	}

	.download-icon {

	  width: 45px;

	}

	.download-content p {  

	  font-size: 13px;  

	}

	.download-content span {	 

	  font-size: 15px;

	}

	.contact-area {

	  padding: 0 50px;

	}

	

}



@media(max-width:480px ){

	.main-nav {

		padding-top: 10px;

	  width: 200px;

	}

	.main-nav ul li a {

	  font-size: 14px;

	  padding: 8px 35px;

	}	

	.header-bottom-right { 

	  margin-top: 30px;

	}

	.header-bottom-left {  

	  padding-right: 0;

	  padding-top: 0;  

	  margin-top: 10px;

	}

	.header-bottom-left h1 {

	  font-size: 25px;

	  line-height: 30px;

	}

	.header-bottom-left p {  

	  margin: 10px 0 0;

	}

	.download-btn {  

	  margin-top: 20px; 

	  width: 160px;

	}

	.header-bottom-right img {

	  width: 50%;

	}

	.title-area {

		padding: 0; visibility:visible !important;

	}

	h2.title{font-size:12px !important}

	img.popdivimg{width:100%}

	.howit-works-video {

	  background: none;

	  text-align: center;

	}

	.howit-works-video iframe {

	  display: inline-block;	 

	  margin-left: auto;

	  width: 90%;

	}

	.slick-prev {

	  left: 6px;

	  z-index: 999;

	}

	.slick-next {

	  right: 5px;

	}

	.single-download {

	  margin: 0 8px 20px;	 

	  width: 100%;

	}

	.download-icon {

	  width: 60px;

	}

	.download-icon i {

	  font-size: 40px; 

	}	

	.download-content p {  

	  font-size: 15px;  

	}

	.download-content span {	 

	  font-size: 18px;

	}

	.contact-area {

	  padding: 0 50px;

	}

	.title-area .title {  

	  font-size: 25px; 

	  padding-bottom: 10px;  

	}

	.title-area .title::before {

	  top: 50px;

	}

	.view-btn {

	  margin-right: 25%;

	}	

	.header-top{padding-top: 7px;}

	.header-bottom-left{text-align:center !important}

	.header-bottom-right{ margin-top:10px !important}

	.download-btn{float:none; margin:5px auto}

	.logo-area{float:left; width:80%} .logo-area img{width:100%}

	#menu-btn{top:28px; right:25px;}

}





@media(max-width:360px ){	

	.header-bottom-left h1 {

/*	  font-size: 20px;

	  line-height: 25px;*/

	}

	.header-bottom-left p {

	  font-size: 14px;

	}

	.download-btn {

	  font-size: 15px;

	  width: 150px;

	}

	.header-bottom-right {

	  margin-top: 60px;

	}

	.header-bottom-right img {

	  width: 60%;

	}

	.title-area .title {

	  font-size: 20px;

	}

	.title-area .title::before {

	   width: 85px;

	}

	#subscribe .title-area .title::before {

	  width: 145px;

	}

	.title-area p {

	  font-size: 14px;

	}

	.features-content h4 {

	  font-size: 16px;

	}

	.features-content p {

	  font-size: 14px;

	}

	.features-list-left .features-content {

	  padding-left: 95px;

	}

	.features-list-right .features-content {

	  padding-left: 95px;	  

	}

	.feature-img img {

	  width: 85%;

	}

	.download-app-content { 

	  width: 95%;

	}

	.single-download {

	  padding: 18px 30px;	 

	}

	.testimonial-slider {

	  padding: 40px 10px;

	  width: 100%;

	}

	.testi-text {

	  font-size: 18px;

	  margin-top: 20px;

	}

	.subcr-form {

	  width: 100%;

	}

	.subcr-form i {

	  font-size: 25px;

	  left: 10px;

	  top: 14px;

	}

	.subcr-form input[type="text"] {

	  font-size: 14px;

	  height: 55px;

	  padding-left: 40px;

	  padding-right: 105px;

	}

	.subcr-form .subcr-btn {

	  font-size: 15px; 

	  height: 55px;  

	  width: 100px;

	}

	.contact-area {

	  padding: 0;

	}

	.testimonial-slider .slick-dots {

	  bottom: 15px;

	  margin-left: -10px;

	}

	.single-plan-head h5 {

	  font-size: 25px;

	}

	.single-plan-head p {

	  font-size: 20px;

	  line-height: 25px;

	}

	.single-plan-content ul li {

		font-size: 15px;

	}

	.single-plan-bottom .signup-btn {  

	  font-size: 16px;  

	  padding: 13px 35px;  

	}

	.footer-text p {

	  font-size: 14px;

	}

	.view-btn {

	  margin-right: 35%;

	}

	.error-area {  

	  padding: 100px 0;  

	}

	.error-group h1 { 

	  font-size: 65px;	 

	}

	.error-group h2 {  

	  font-size: 55px;

	  line-height: 50px;  

	}



}





@media(max-width:320px ){

	

	

}



p.popdivtxt{line-height:26px; text-align:justify;}

img.popdivimg{border:2px solid #970001; border-radius:10px; margin:5px 20px 20px 0px; float:left}

.servicebg{	

	background-image: url(../images/servicebg.jpg) !important;

	background-repeat: no-repeat !important; background-position:center}

	.about_usbg{	

	background-image: url(../images/about_us.jpg) !important;

	background-repeat: no-repeat !important; background-position:center}

		.contact_usbg{	

	background-image: url(../images/contact-bg.jpg) !important;

	background-repeat: no-repeat !important; background-position:center}

	

	.jobseekersbg{	

	background-image: url(../images/jobseekersbg.jpg) !important;

	background-repeat: no-repeat !important; background-position:center}

	

		.industrial_practicebg{	

	background-image: url(../images/industrial_practicebg.jpg) !important;

	background-repeat: no-repeat !important; background-position:center}

	





.clients-logos { display: block; text-align: center; margin: 0 -5px; }

.clients-logos li { display: inline-block; overflow: hidden; margin: 5px; border: 1px solid #ccc; border-radius: 5px; }



/*--09-04-2020--*/

ul.features-list-full { align-items: flex-start; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px; background: url(../images/Current-job-Openings.jpg) no-repeat center; min-height: 440px; }

ul.features-list-full .features-content { width: 350px; }

ul.features-list-full li { width: 50%; padding: 0 15px; margin: 10px 0; }

ul.features-list-full li:nth-child(2n) { text-align: left; display: flex; justify-content: flex-end; }



@media(max-width: 767px){

ul.features-list-full { background: transparent; min-height: 1px; }

ul.features-list-full li { width: 100%; }

ul.features-list-full li, ul.features-list-full li:nth-child(2n) { text-align: center;  justify-content: center; }

ul.features-list-full .features-content { width: 100%; }

}



#preloader { display: none !important; }

.send-btn { width: auto; }

.view-btn-new { background-color: #e05e00; border: 1px solid #ccc; color: #fff; display: inline-block; margin: 0 auto; padding: 10px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.contact-form .n-contact-form .form-control { background-color: #fff; color: #333; font-size: 16px; box-shadow: none; border-radius: 5px; height: 40px; }

.n-contact-form .form-group.col-md-6.col-sm-12:nth-child(2n+1) { clear: left; }

.n-contact-form .form-group .error { color:#f00; font-size: 12px; font-weight: normal; }

.mob-num-ext { display: flex; flex-wrap: wrap; }

.contact-form .n-contact-form .mobile-num-ext { width: 57px; margin-right: 10px; }

.contact-form .n-contact-form .mobile-number { width: calc( 100% - 67px ); }

.contact-form .n-contact-form .captcha-form-group, .contact-form .n-contact-form .btn-submit { display: flex; justify-content: center; }

.contact-description .panel-group { width:100%; float: left; }

.contact-description .panel-body  p:last-child { margin-bottom: 0; }

.contact-description a.panel-heading i { float: right; margin-top: 3px; }

.contact-description a.panel-heading i.fa-plus:before { content: "\f068"; }

.contact-description a.panel-heading.collapsed i.fa-plus:before { content: "\f067"; }

label.error { width: 100%;}

.contact-form .n-contact-form .captcha-form-group { flex-wrap: wrap;  }

.contact-form .n-contact-form .captcha-form-group .error {width: 100%; text-align: center;}



/*--09-04-2020--*/

.contact-us-form .form-group .error { color:#f00; font-size: 12px; font-weight: normal; }

/*--20-05-2020-start--*/
.radio-inline-block { display: block; margin-left: 0 !important; margin-bottom: 5px; }
.radio-inline-block:last-child { margin-bottom: 0; }
.radio-inline-block input { height: auto; }
.input-append { position: relative; }
.input-append .add-on-div { position: absolute; right: 0; bottom: 0; top: 0; }
.input-append .add-on-div span.add-on { height: 39px; border-left: 1px solid #ccc; display: inline-block; padding: 9px 10px; }
.input-append .form-control { padding-right: 80px; }
.form-details-content { border: 1px solid #ccc; padding: 10px 10px 0 10px; border-radius: 5px; display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.form-details-content p { min-width: 25%; }
.title-area-p { margin-top: 10px; }
.title-area .title-area-p p { margin: 0 0 5px 0; padding: 0; text-align: center; font-weight: 600; }
.title-area .title-area-p p:last-child { margin: 0; }
/*--20-05-2020-end--*/

/*--06-11-2020-start--*/
.current-openings { float: right; margin-right: 0; position: absolute; right: 10px; bottom: 10px; }
.current-openings a { display: block; padding: 6px 15px; border-radius: 4px; border: none; background: #970001; color: #fff; }
.current-openings a:hover { color: #fff; text-decoration: none; background: #e05e00; font-weight: normal; }
/*--06-11-2020-end--*/