/*------------------------------------------------------------------
Template Name: Step - Landing Page Template
Version: Initial
Author:  Umar Aziz - Founder at DesignInvento
-------------------------------------------------------------------*/

/* ==========================================================================
   Table Of Content
   ========================================================================== 
   
   
   1.General
   2.intro section
   3.intro2 section 
   4.Navbar
   5.Navbar mobile
   6.about section
   7.features section
   8.fun facts section
   9.Video Tutorial
   10.Team
   11.blog 
   12.Pricing
   13.Testimonial
   14.contact
   15.Partners
   16.Callout
   17.footer
   18.Site Footer
   19.social
   20.Register
   21.login
   22.Resposive devices
   
*/

/* ==========================================================================
   1.General
   ========================================================================== */
body {width:100%; margin:0 auto;}
h1, h2, h3, h4, h5, h5, p {margin:0 auto;}
h1{font-size:48px; font-family: "Montserrat",sans-serif; font-weight:700; color:#444;}
h2{font-size:32px; font-family: "Montserrat",sans-serif; font-weight:400; color:#444;}
h3{font-size:24px; font-family: "Montserrat",sans-serif; font-weight:400; color:#444;}
h4{font-size:18px; font-family: "Montserrat",sans-serif; font-weight:400; color:#444;}
h5{font-size:16px; font-family: "Montserrat",sans-serif; font-weight:400; color:#444;}
h6{font-size:13px; font-family: "Montserrat",sans-serif; font-weight:400; color:#444;}
p {font-size: 13px; font-family: "Lato"; font-weight:400; line-height:24px; color:#999;}
img{max-width:100%;}
a{padding:0;}
a:focus{border:none;}
.clearfix{clear:both;}
.section{padding:100px 0 0 0 ;}
.container { padding:0;}
.container-fluid{padding:0;}
.margin-top-0{margin-top:0 !important;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-top-100{margin-top:100px;}
.margin-top-120{margin-top:100px;}
.margin-top-150{margin-top:150px;}
.margin-top-200{margin-top:200px;}
.margin-top-250{margin-top:250px;}
.margin-top-270{margin-top:270px;}
body {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.5;
	font-weight: 400;
	font-size: 16px;
	overflow-x: hidden;
	}
a {
	color: #f0564c;
	transition: all 0.3s ease-in-out;
	}
a:hover,
a:focus {
	text-decoration: none;
	}
a:focus { 
	outline: none; 
	}
img {
	max-width: 100%;
	height: auto;
	}
ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
	}
b,
strong { 
	font-weight: 600; 
	}
.white-bg{
	background-color:#fff;
	}
/* ==========================================================================
   2.intro section
   ========================================================================== */ 
   
.intro-section {
	background:url(../images/backgrounds/slide.png) center center no-repeat scroll;	
	background-size: cover;
	padding: 0 0 4.5em;
	position: relative;
	color: #fff;
	min-height:940px;
	}
.section-header{
	padding-bottom:50px;
	text-align:center;  
	}
h1.dot:after, h2.dot:after,
h3.dot:after, h4.dot:after{
	background-color:#0fd1aa;
	height:5px;
	width:5px;
	margin-left:7px;
	display:inline-block;
	content:"";
	}
.section-header.left{
	padding-bottom:50px;
	text-align:left;
	}
.section-header h2{	
	color: #444;
	padding-bottom:5px;
	}
.section-header h3{	
	color: #444;
	padding-bottom:15px;
	font-weight:bold;
	}
.section-header h4{	
	color: #444;
	padding-bottom:15px;
	font-weight:bold;
	}
.intro-section::before { 	  
	}
.welcome-message { 
	margin-top: 5.5em;  
	height:inherit; 
	}
.welcome-message {
	padding: 30px 0 0 0;
	}
.welcome-message h1 {
	font-size: 48px;
	color: #fddf37;
	line-height:36pt;
	font-weight: 700;
	}
.web-pag{
	margin: 0 auto; 
	bottom:0; 
	left:0; 
	right: 0; 
	position:absolute;
	}
.new-prod{
	color:#fff;
	text-decoration:underline
	}
.new-prod:hover{
	color:#f0564c; 
	cursor:pointer;
	}
.btn {
	color: #fff;
	font-size: 14px;
	font-family: "Montserrat",sans-serif;
	font-weight:600;
	letter-spacing:1px;
	text-align: center;
	text-decoration: none;	
	line-height: 1.5;
	border: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	padding:0;
	}
.btn:hover {
	color:#fff;
	opacity: 0.8;
	}
.btn:active,
.btn:focus,
.btn:active:hover,
.btn:active:focus {
	color: #fff;
	outline: none;
	background-color: #5c6f89;
	}
.btn-md{
	min-width:180px;
	}
.callout-btn p {
	color: #fff;
	margin: .75em 0 0;
	font-size: 18px;
	}
/* ==========================================================================
   3.intro2 section
   ========================================================================== */ 
   
.intro2-section {
	background:url(../images/backgrounds/slide2.png) center center no-repeat scroll;	
	background-size: cover;
	position: relative;
	color: #fff;
	min-height:950px;
	}
.att-fixed{
	background-attachment:fixed;
	}	
.intro-content{
	padding-top:54px;
	}
.intro2-section .welcome-message h1 {
	font-size: 48px;
	color: #fff;
	line-height:40pt;
	font-weight: 700;
	}
.intro2-section p {
	font-size: 18px;
	color: #fff;
	line-height:22pt;
	margin:30px 0 50px 0;
	}
.intro2-section .web-pag{
	bottom:0; 
	left:0; 
	position:static;
	}
.intro-btn a{
	background-color: #fff;
    color: #444;
    letter-spacing: 1px;
    padding: 16px 38px;
	display:inline-block;
	}
.intro-btnx a{	
	background-color: #f0564c;
	color: #fff;
	padding: 16px 38px;
	letter-spacing: 1px;
    display:inline-block;
	}
.intro-btn a:first-child{
	margin-right:10px;
	}
.scroll-down {
	position: absolute;
	left: 50%;
	margin-left: -35px;
    margin-top: 35px;
    font-size: 40px;
	}
.scroll-down a:hover {
    color: #e3ff73;
	}
/* ==========================================================================
   3.intro3 section
   ========================================================================== */
 .intro3-section {
	background:url(../images/backgrounds/banner3-bg.jpg) center center no-repeat scroll;	
	background-size: cover;
	position: relative;
	color: #fff;
	min-height:940px;
	} 
 .intro3-section .intro-content {
	padding-top: 120px;
	}
.intro3-section .welcome-message h1 {
	font-size: 48px;
	color: #fff;
	line-height:40pt;
	font-weight: 700;
	}
.intro3-section p {
	font-size: 18px;
	color: #fff;
	line-height:22pt;
	margin:30px 0 50px 0;
	}
.intro3-section .web-pag{
	bottom:0; 
	left:0; 
	position:static;
	} 

/* ==========================================================================
   3.intro4 section
   ========================================================================== */
 .intro4-section{
	background-image:url(../video/poster2.jpg);background-repeat:no-repeat;background-size:cover;min-height:1050px;  
	}
 .vidplay{
    cursor: pointer;
    color: #fff;
    font-size: 81px;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	display:inline-block;
	margin-bottom: 53px;
	}
  .vidplay.videoplay .fa-play-circle:before{
	content:"\f28b" !important;
	font-size: 81px !important;
	}
 .intro4-section h1{
	color:#fff;
	margin-bottom:46px;
	}
 .intro4-section h1 span{
	color:#f0564c;
	}
 .intro4-section .btn.nav-btnx {
	background-color: #14d9b1;
	color: #fff;
	padding: 14px 20px;
	letter-spacing: 1px;
	min-width:210px;
	}
	.vidplay.videoplay  i{
		opacity:0.3;
	}
	.videoplay:hover i{
		opacity:1;
	} 

/* ==========================================================================
   3.intro5 section
   ========================================================================== */
 .intro5-section{
	background-image:url(../images/backgrounds/banner4-bg.jpg);background-repeat:no-repeat;background-size:cover;min-height:1050px;  
	}
 .intro5-section h1{
	color:#fff;
	margin-bottom:46px;
	}
 .intro5-section h1 span{
	color:#f0564c;
	}
 .intro5-section .btn.nav-btnx {
	background-color: #14d9b1c;
	color: #fff;
	padding: 14px 20px;
	letter-spacing: 1px;
	min-width:210px;
	}
 .h-form-subscribe{
	display: inline-block;
	background-color: rgba(51, 51, 51, 0.8);
	padding:10px;
 	}
 .h-form-subscribe .form-control{
	min-width:370px;
	height: 48px;
	border-radius: 0;
	margin-right: 6px;
	border: 0;
	color:#aaaaaa;
	font-size:14px;
 	}
 .form-control:focus{
	 outline:0;
	 box-shadow:none;
 	}
 .login-wf{
	 font-size:18px;
	 color:#fff;
	 font-style:italic;
	 text-decoration:underline;
	 margin-top: 40px;
	 display:inline-block;
  	} 
  .login-wf:hover,.login-wf:focus{
	  color:#fff;
  }

/* ==========================================================================
   3.intro6 section
   ========================================================================== */
	.intro6-section {
	background:url(../images/backgrounds/banner5-bg.jpg) center center no-repeat scroll;	
	background-size: cover;
	position: relative;
	color: #fff;
	min-height:940px;
	} 
	.intro6-section .intro-content {
	padding-top: 54px;
	}
	.intro6-section .welcome-message h1 {
	font-size: 48px;
	color: #fff;
	line-height:40pt;
	font-weight: 700;
	letter-spacing:-1px;
	}
	.intro6-section p {
	font-size: 18px;
	color: #fff;
	line-height:22pt;
	margin:24px 0 42px 0;
	letter-spacing: 0.4px;
	}
	.intro6-section .web-pag{
	bottom:0; 
	left:0; 
	position:static;
	} 
	.header-video{
		width:100%;
		height:380px;
		background-image:url(../video/poster3.jpg);background-repeat:no-repeat;background-size:cover;
		border: 10px solid #fff;
		position:relative;
		text-align:center;
	}
	.vidplay2{
		display:inline-block;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		font-size: 63px;
		line-height: 39px;
		cursor:pointer;
	}
	.vidplay2.videoplay2  i{
		opacity:0.3;
	}
	.videoplay2:hover i{
		opacity:1;
	} 
	.vidplay2.videoplay2 .fa-play-circle:before{
	content:"\f28b" !important;
	}

   
/* ==========================================================================
   4.Navbar
   ========================================================================== */

.navbar-default {
	background-color: rgba(47, 52, 60, 0.5) ;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	padding: 0;
	}
.navbar-brand{
	padding:15px 0;
	padding-left:20px;
	}
.nav > li { 
	text-align: center;
	padding:15px 0;
	}
.nav > li > a  { 
	letter-spacing:1px; 
	}
.nav > li > a:hover  { 
	color:#14d9b1; 	
	}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #14d9b1;
	transition: all 0.3s ease-in-out;
	}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar { 
	background-color: #fff; 
	}
.navbar-brand .logo-nav { 
	display: none; 
	}
.navbar-default.stuck .logo-head { 
	display: none; 
	}
.navbar-default.stuck .logo-nav,
.navbar-default.stuck .nav-left { 
	display: block; 
	}
.navbar-default .navbar-nav>li>a {
	font-family: "Montserrat",sans-serif; 
	font-weight:600; 
	color:#222;
	font-size:13px;
	}
.navbar-nav .btn.nav-btn{
	margin:5px 5px;
	background-color:#fff;
	color:#444;
	padding: 10px 20px;
	letter-spacing:1px;
	}
.navbar-nav .btn.nav-btn:hover, 
.navbar-nav .btn.nav-btn:focus{
	opacity:0.8;
	background-color:#fff;
	color:#444;
	}
.navbar-nav .btn.nav-btnx{
	margin: 5px 5px;
	background-color:#14d9b1;
	color:#fff;
	padding: 10px 20px;
	letter-spacing:1px; 
	}
.navbar-nav .btn.nav-btnx:hover,
.navbar-nav .btn.nav-btnx:focus{
	opacity:0.8;
	background-color:#14d9b1;
	color:#fff;
	}
.navbar-default .navbar-nav>li>a {
	color:#fff;
	}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { 
	color: #14d9b1; 
	}
.navbar-default.stuck .navbar-nav>li>a { 
	color: #444; 
	}
.navbar-default.stuck .navbar-nav .btn.nav-btn{ 
	margin: 5px 5px;
	background-color:#5c6f89;
	color:#fff;
	padding: 10px 20px;
	letter-spacing:1px;
	}
.navbar-default.stuck .navbar-nav .btn.nav-btnx{ 
	margin: 5px 5px;
	background-color:#14d9b1;
	color:#fff;
	padding: 10px 20px;
	letter-spacing:1px;
	}
.navbar-default.stuck .navbar-nav > li > a:hover,
.navbar-default.stuck .navbar-nav > li > a:focus { 
	color: #14d9b1;  
	}
.navbar-default.stuck {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(255, 255, 255, 0.97);
	box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
	-webkit-animation: fadeInDown 1s both;
	animation: fadeInDown 1s both;
	}
 @-webkit-keyframes fadeInDown {
0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px);
	}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	}
	}
@keyframes fadeInDown {
0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	transform:translateY(-20px);
	}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	}
	}
	
/* ==========================================================================
   5.Navbar mobile
   ========================================================================== */
   
.navbar-nav .fa-2x { font-size: 1.5em; }

.navbar-nav #toggle {
  z-index: 100;
  cursor: pointer;
}

.navbar-nav .active .fa-bars,
.navbar-nav .fa-times { display: none; }

.navbar-nav .active .fa-times {
  display: block;
  color: #526066;
}

.mobile-nav-overlay {
  position: fixed;
  background: rgba(255, 255, 255, 0.98);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .35s;
  overflow: hidden;
  z-index: 15;
  display: none;
}

.mobile-nav-overlay.open { display: block; }

.mobile-nav-overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  animation-delay: .35s;
}

.mobile-nav-overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.mobile-nav-overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}

.mobile-nav-overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  animation-delay: .50s;
}

.mobile-nav-overlay nav {
  position: relative;
  height: 40%;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 25px;
  font-weight: 400;
  text-align: center;
}

.mobile-nav-overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}

.mobile-nav-overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 5);
  min-height: 50px;
  position: relative;
  opacity: 0;
}

.mobile-nav-overlay ul li a {
  display: block;
  position: relative;
  color: #526066;
  text-decoration: none;
  overflow: hidden;
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}

/* ==========================================================================
   6.about Section
   ========================================================================== */
   
.about .about-section{
	margin-bottom:0px;
	}
.about img { 
	margin-bottom: 20px; 
	}
.about h5 { 
	padding: 15px 0 12px 0; 
	letter-spacing: 1px; 
	}
.about h3 {
	letter-spacing: 1px;
    color: #444;
    padding-bottom: 15px;
    font-weight: bold;
	}
.about p{ 
	padding:0 15px;
	}

/* ==========================================================================
   7.features Section
   ========================================================================== */
.section.features {
	padding: 70px 0 0 0;
	}
.features{;}

.feature-left{
	width:50%; 
	background:url(../images/backgrounds/features-bg.jpg) center center no-repeat scroll;
	min-height:709px;
	}
.feature-right{
	width:50%; 
	background-color:#f7f8f9; 
	padding:70px 30px 20px 80px;
	min-height: 709px;
	}
.section-header.left{
	padding: 0 0 50px 0; 
	}
.section-header.left h3{
	padding-bottom: 10px; 
	}
.section-header span {
	font-weight: 700; 
	color:#555;
	}
.core1{
	width:50%; 
	float:left; 
	padding: 0 20px 50px 0; 
	text-align:left; 
	}
.core1-left{
	padding:0; 
	float:left; 
	}
.core1-right{ 
	margin-left:100px;
	}
.core1 img{
	padding-left:0; 
	}
.core1-right h5{
	padding-bottom:12px; 
	font-weight:500;
	}

.core2{
	width:50%;
	float:right; 
	padding: 0 0 50px 20px; 
	text-align:right; 
	}
.core2-left{
	padding:0; 
	float:right; 
	}
.core2-right{ 
	margin-right:100px;
	}
.core2 img{
	padding-right:0; 
	}
.core2-right h5{
	padding-bottom:12px; 
	font-weight:500;
	}

/* ==========================================================================
   7.1 features Section 2
   ========================================================================== */
.section.features2 {
	padding: 70px 0 0 0;
	}
.features2{;}

.feature2-left{
	width:50%; 
	min-height:709px;
	}
.feature2-right{
	width:50%; 
	background-color:#D2D931; 
	padding:70px 30px 20px 80px;
	min-height: 315px;
	}
.section-header.left{
	padding: 0 0 50px 0; 
	}
.section-header.left h3{
	padding-bottom: 10px; 
	}
.section-header span {
	font-weight: 700; 
	color:#555;
	}
.core3{
	width:50%; 
	float:left; 
	padding: 0 20px 50px 0; 
	text-align:left; 
	}
.core3-left{
	padding:0; 
	float:left; 
	}
.core3-right{ 
	margin-left:100px;
	}
.core3 img{
	padding-left:0; 
	}
.core3-right h5{
	padding-bottom:12px; 
	font-weight:500;
	}

.core4{
	width:50%;
	float:right; 
	padding: 0 0 50px 20px; 
	text-align:right; 
	}
.core4-left{
	padding:0; 
	float:right; 
	}
.core4-right{ 
	margin-right:100px;
	}
.core4 img{
	padding-right:0; 
	}
.core4-right h5{
	padding-bottom:12px; 
	font-weight:500;
	}


/* ==========================================================================
   8.fun facts Section
   ========================================================================== */
.facts{;}
.facts-section{
	margin-bottom:30px;
	}

.fun-facts{
	border:  1px solid #e1e1e1; 
	padding: 90px 0 ;
	}
.fun-facts .count,
.fun-facts h1{
	font-size:64px;
	font-family:"Montserrat";
	font-weight:700;
	}
.fun-facts h6{ 
	letter-spacing:1px;
	}
	
.fun-facts:hover{
	border:  1px solid #f0564c; 
	}
.fun-facts:hover .count,.fun-facts:hover h6,.fun-facts:hover h1{
	color:#f0564c;
	}

/* ==========================================================================
   9.video tour
   ========================================================================== */ 
   
.section.video-section{
	margin-top:70px; 
	padding:0;}
.video-section {
	position: relative;
	height: 600px;
	overflow: hidden;
	background: #333 url(../video/poster.jpg) center center no-repeat scroll;
	background-size: cover;
	-webkit-perspective: 1000;

	}



.video-section h3 {
	margin-bottom: 50px;
	color: #fff;
	font-weight: 700;

	}
.video-section h3 span {
	color: #14d9b1;
  

	}
.video-section h4 {
	margin-top:50px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 0;
	}


#bgvid {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	}

.video-section .play-btn {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	margin: 0;
	}


/* ==========================================================================
   10.Team
   ========================================================================== */ 

.team{}

.team-section{
	margin-bottom:80px;
	}

.team-section .team-pix{
	position:relative;
	transition:all 0.3s ease;
	}
.team-pix img{
	width:100%;
	}

.team-text{
	position:absolute; 
	bottom:-50px; 
	left:0; 
	right:0; 
	margin:0 auto; 
	background-color:#fff; 
	border: 1px #eee solid; 
	padding:30px 0; 
	width:calc(100% - 60px);
	transition:all 0.3s ease;
	z-index:8;
	}

.team-overlay{
	background: -moz-linear-gradient(60deg, #3a495e, #5d3d69);
	opacity:0.8;
	width:100%;
	height:100%;
	left:0;
	right:0;
	position:absolute;
	transform:scale(0);
	transition:all 0.3s ease;
	top:0;
	
	}
.team-pix:hover .team-overlay{
	transform:scale(1);
	transition:all 0.3s ease;
	z-index:7;
  	
	}


.team-text:hover .team-social,.team-pix:hover .team-social {
	transform:scale(1);
	transition:all 0.3s ease;

  
	}
.team-text:hover .team-social li,.team-pix:hover .team-social li {
	display:inline-block;

	}

.team-text h6{
	margin:0 0 4px 0;
	}
.team-social {
	transform:scale(0);
	transition:all 0.3s ease;
	}

.team-social li {
	display:none;
	margin:20px 4px 0;


	}
.team-social li a{
	width:32px;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size:16px;
	display:block;

	}

.team-social li a:hover{
	opacity:0.8;
	}


a.twitter {
	background-color:#00aced;

	}
a.facebook {
	background-color:#3b5998;
	}
a.google {
	background-color:#db4437;

	}


.team-social .fa:hover {
	opacity:0.8;
 
	}
/* ==========================================================================
   11.blog
   ========================================================================== */ 

.blog{
	background-color:#f7f8f9; 
	margin-top:100px; 
	padding-bottom:70px; 
	}

.blog-section{
	padding-bottom:30px;	
	
	}

.blog-section .blog-pix{
	position:relative;
	transition:all 0.3s ease;
	}

.blog-text{
	position:absolute; 
	bottom:10px; 
	left:0; 
	margin:0 auto; 
	width:100%;

	}
.blog-title h4 a{
	color:#fff;
	font-weight:700;
	}
.blog-title a{
	color:#fff;
	font-weight:700;
	}
.metas-left p, a{
	color:#fff; 
	}
.blog-text a:hover{
	color:#fddf37;
	}
.metas-left{
	float:left;
	padding:14px 30px;
	background-color: #3a495e;
	width:calc(100% - 80px);
	opacity:0.8;
	text-align:left;
	}
.metas-left ul{
	margin-top:8px;
	}
.metas-left li{
	display:inline;
	padding:0 15px;
	}
.metas-left li:first-child{
	border-right: 1px #fff solid;
	padding-left:0;
  
	}
.metas-left li a{
	font-family: "Lato";
	font-size:14px;
  
	}
.date-right {
	background-color:#fff;
	height:80px;
	width:80px;
  
	}
.date-right h6{
	color:#3a495e;  
	margin:0 auto;
	font-weight:600;
	}
.date-right h2{
	color:#3a495e;  
	font-weight:600;
	margin-top:14px;
	}
/* ==========================================================================
   12.Pricing
   ========================================================================== */ 
   
.pricing {
	}
.pricing-section {
	}
.header{
	background-color:#f7f8f9;
	padding:20px 0; 
	border-bottom:1px #eee solid; 
	width:100%;  
	}
.header h6{
	font-size:14px;
	color:#444;
	font-weight:600;
	letter-spacing:3px;
	margin:0;
	}
.header h6 span{
	color:#999;
	letter-spacing:0px;
	}
.plan {
	background-color: #fff;
	border:1px #eee solid;
	margin: 0 0 1.5em;
	max-width: 100%;
	}
.price { 
	padding: 40px 0 0 0; 
	}
.price p{ 
	padding: 25px 0 15px 0; 
	}
.plan .header h4 {
	font-size: 21px;
	margin: 0;
	}
.price {
	background-color: #fff;
	border-bottom:1px #eee solid;
	}
.price-amount {
	font-size: 40px;
	font-family:"Montserrat"  ;
	line-height:1;
	}
.discount {
	color: #ffa530 !important;
}
.period { 
	font-size: 13px; 
	margin-left:6px;
	}
.currency, .period, .price-amount{
	font-family:"Montserrat"  ;
	font-weight:600;
	color: #444;	
	}
.currency{
	font-size: 24px;
	vertical-align: top;
	margin-right:6px;
	}
.plan-features{
	padding:60px 0;		
	}
.plan-features li {
	padding-bottom: 15px;
	font-size: 14px;
	font-family:"Lato";
	color:#888;
	}
.plan-features li:last-child { 
	padding-bottom: 0; 
	}
.plan-features li span { 
	font-weight: 700; 
	color:#555; 
	margin-right:2px;
	}
.plan-features del {  
	color:#e2e2e2; 
	}
.plan-features del span{  
	color:#e2e2e2; 
	}
.btn.pricing-btn{
	padding:16px 70px;
	background-color:#ffbb3d;
	}
.buy-button { 
	padding-bottom: 40px;
	}
.mreco{
	background-color:#0fd1aa;
	}
.mreco h6{
	padding:10px 24px;
	margin:0;
	color:#fff;
	font-weight:600;
	letter-spacing:1px;
	}
.pricing .link-cic {
	color:#0fd1aa;
	}
.pricing .link-cic:hover{
	color:#444;
	}

/* ==========================================================================
   13. Testimonial
   ========================================================================== */
   
.center-block[class^="col-"] { float: none; }
.testimonial{ 
	margin-top:70px;
	background: #333 url(../images/backgrounds/testi-bg.jpg) center center no-repeat scroll;
	background-size: cover;
	}
.cta-footer { 
	background-color: #31aff5; 
	}
.testimonial-section {
	padding:0 20px 70px;
	}
blockquote {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 16px;
	}
.testimonial-section .owl-item img {
	display:inline-block; 
	max-width:100%;
	border:5px #fddf37 solid;
	}
.testimonial blockquote figure { ;}
.rating li{
	display:inline;
	}
.rating .fa{
	color:#fddf37;
	}
.testimonial blockquote figure img {
	width: 88px;
	height: 88px;
	}
.testimonial blockquote p {
	font-size: 18px;
	font-family:"Lato";
	color: #fff;
	padding: 50px 30px 20px ;
	line-height:30px;
	}
.testi-name  {
	padding-top:50px;
	}
.testi-name h4 {
	color:#fff;
	font-weight:600;
	letter-spacing:1px;
	}	
.testi-name span {
	color:#fff;
	font-size: 14px;
	}
.owl-theme .owl-controls .owl-page span {
	width: 11px;
	height: 11px;
	}
.owl-theme .owl-controls .owl-page span { 
	margin: 0 6px; 
	}
.testimonial .owl-theme .owl-controls .owl-page span { 
	background: #fff; 
	}
.testimonial .owl-theme .owl-controls {
	position: relative;
	margin-top: 2.25em;
	}
/* ==========================================================================
   14. Contact 
   ========================================================================== */
.contact{
	padding-bottom:70px;	
	}
.contact-left{
	margin-bottom:30px;	
	}
.c-form{
	text-align:left;
	}
.field{
	width:100%;
	border:none;
	border-bottom: 1px #e1e1e1 solid;
	margin-top:30px;
	padding:0 0 10px 20px;
	}
.field:first-child{
	margin-top:0;
	}	
.btn.submit{
	margin-top:60px;
	margin:60px 0 0;
	background-color:#1ee6e6;
	padding:16px 50px ;	
	}
input.field[placeholder],textarea.field[placeholder]{
	font-family:"Lato";
	font-size:14px;  
	color:#444;
	}
::-webkit-input-placeholder {
   color: #444;
	}
:-moz-placeholder { /* Firefox 18- */
   color: #444;  
	}
::-moz-placeholder {  /* Firefox 19+ */
   color: #444;  
	}
:-ms-input-placeholder {  
   color: #444;  
	}	
#contact_results .modal {
	display:block !important;
}
.btn.submit2{
	margin-top:60px;
	margin:60px 0 0;
	background-color:#0fd1aa;
	padding:16px 50px ;	
	}
input.field[placeholder],textarea.field[placeholder]{
	font-family:"Lato";
	font-size:14px;  
	color:#444;
	}
::-webkit-input-placeholder {
   color: #444;
	}
:-moz-placeholder { /* Firefox 18- */
   color: #444;  
	}
::-moz-placeholder {  /* Firefox 19+ */
   color: #444;  
	}
:-ms-input-placeholder {  
   color: #444;  
	}	
#contact_results .modal {
	display:block !important;
}
/* ==========================================================================
   15. Partners
   ========================================================================== */
.partner-right{	
	}
.partner-logo{	
	}
.partner-logos li{
	display:inline;
	margin-bottom:30px;
	}
.part-pix img{
	transition:all 1s ease 0s;
	}
.part-pix img:hover{
	transition:all 1s ease 0s;
	opacity:0.5;
	cursor:pointer;
	}	
/* ==========================================================================
   16. Callout
   ========================================================================== */
.callout{
	position:relative;
	padding:70px 0;
	background: #3A495E url(../images/backgrounds/callout-bg.jpg) center center no-repeat scroll;
	background-size: cover;
	}
.callout-text{
	position:relative;
	}
.callout-content h2{
	color:#fff;
	}
.callout-content h2{
	font-weight:700;
	}
.callout-content a{
	color:#e2f249;
	text-decoration:none;
	font-weight:bold;
	}
.callout-content {
	border-left:6px #e2f249 solid;
	padding:30px;
	}
.callout-content p{
	color:#fff;
	font-size:18px;
	margin-top:15px;
	}
.btn.callout-btn a{
	background-color:#fff;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	}
.btn.callout-btn a{
	background-color:#fff;
	color:#444;
	padding:16px 40px;
	}
/* ==========================================================================
   17. Footer
   ========================================================================== */
.section.footer{
	background-color: #212030;
	}
.footer{
	border-top:1px #e3ff73 solid;
	} 
.footer-content h5 {
	color: #6b7278;
	padding:30px 0 24px 0;
	}
.footer-content p{
	color: #51555e;
	margin-top:30px;
	font-size:14px;
	}
.footer-content .link-cic {
	color:#f0564c;
	}
.footer-content .link-cic:hover{
	color:#444;
	}
.footer-cta { 
	padding-bottom: 40px;
	}
.input-group{
	display:block;
	margin-top:20px;
	}
.btn.subscribe{
	margin-top:20px;
	width:100%;
	}
.btn.cta-contact {
	background-color: #e2f249;
    color: #2974bd;
	margin-top:30px;
	width:100%;
	}
.twt {
	margin-top:30px;
	}
.twt.pull-right{
	width:78%;
	}
.twt.pull-left{
	height:54px;
	width:48px;
	overflow:hidden;		
	}	
.twt.pull-left img {
	display: block;
	width: 48px;
	transition:all 0.3s ease;
	}
.tweetx:hover img,
.twt.pull-left img:hover {
	transform:translateY(-54px);
	transition:all 0.5s ease;
	}
.twt p{
	margin:0;
	}
.twt a{
	color:#14d9b1;
	}
.twt a:hover{
	color:#444;
	}
.last-footer a{
	color:#14d9b1;
	}
.last-footer a:hover{
	color:#444;
	}
.penult-footer a{
	color:#14d9b1;
	}
.penult-footer a:hover{
	color:#444;
	}
/* ==========================================================================
   18.site footer 
   ========================================================================== */

.site-footer {
	background-color: #212030;
	padding: 50px 0;
}
.site-footer p {
	color:#51515c;
	line-height:30px;
}
.site-footer a {
	color:#14d9b1;
}
.site-footer a:hover {
	color:#333;
}
.site-footer small { 
	display: inline-block; 
	margin: 0 0 .75em;
}
.site-footer small,

.site-footer .social li {
	display: inline-block;
	padding: 0 5px;
	text-align: center;
}
.modal-dialog {
    margin: 300px auto;
    width: 600px;
}
.modal-content {
    background-color: #fff;
    border: 1px #eee solid;
    border-radius: 4px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.modal-header {
    border-bottom: 1px solid #eee;
    min-height: 16.43px;
    padding: 15px 30px;
}
.modal-body {
    padding: 30px;
    position: relative;
}
.subscription-success .modal{
	display:block !important;
}
.subscription-error .modal{
	display:block !important;
}
/* ==========================================================================
   19.Social 
   ========================================================================== */

.social {
	padding: 20px 0 0 0;
}
.social li {
	display: inline-block;
	padding: 20px 15px;
	text-align: center;
}
.social li:last-child { padding-right: 0; }
.social li a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #495575;
	border-radius: 50%;
	position: relative;
	transition: all .8s ease;
	font-size: 16px;
	background: #15151c;
}
.social li a:hover {
	color: #fff;
	background: #f0564c;
}
/* ==========================================================================
   20.Register Page
   ========================================================================== */

.content-wrapper {
	background:url(../images/backgrounds/banner-bg.jpg) center center no-repeat scroll;	
	background-size: cover;
	position: relative;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
	min-height: 100%;
	padding:100px 0;
}
.content-wrapper::before { background: rgba(0, 0, 0, 0.45); }
.logo-sl-page {
	position: relative;
}
.cta-light.section-spacing { padding: 30px 0; }
.cta-light form {
	background: #fff;
	padding: 50px;
}
#contact_form2 {
	background: #fff;
	padding: 50px;
}
.success{color:#444;}
.cta-light .section-header { }
.cta-light .section-header h2 {
	font-size: 24px;
	margin: 0;
}
.cta-light .form-control {
}
.cta-light .form-control:focus {  }
 .cta-light input::-webkit-input-placeholder, .cta-light textarea::-webkit-input-placeholder {
}
.cta-light input:-moz-placeholder, .cta-light textarea:-moz-placeholder {
	font-weight: 400;
}
 .cta-light input::-moz-placeholder, .cta-light textarea::-moz-placeholder {
	font-weight: 400;
}
.cta-light input:-ms-input-placeholder, .cta-light textarea:-ms-input-placeholder {
	color: #6b777c;
	font-weight: 400;
}
.cta-light .form-group label,
.cta-light .form-terms { color: #999; }
.cta-light .checkbox label {
	color: #6b777c;
	font-size: 14px;
}
.cta-register-form label{
	font-weight:400;
	font-family:"Lato";
	font-size:13px;
	margin-top:8px;	
}
.cta-register-form p{
	color:#555;
	margin:30px 0;
}
.cta-register-form a{
	color:#555;
}
.cta-register-form a:hover{
	color:#f0564c;	
}
.cta-light .form-option { color: #fff; }
.cta-light form h3 {
    font-family:"Lato"
	font-size: 14px;
	color: #6b777c;
	margin: 2.25em 0 0;
}
.sl-page .copyright-terms small { 
	color: #fff; 
}
.cta-login-form .section-header,
.cta-register-form .section-header{
	margin-top:30px;
}  
.cta-login-form .get-register a:hover,
.sl-page .copyright-terms small a:hover { 
	color: #f0564c; 
}
.cta-login-form .get-register a{
	color:#444;
}
.cta-login-form p.get-register{
	color:#555;
	margin-top:50px;	
}
.cta-login-form p.or{
	color:#555;
	margin:30px 0;
}
.get-a-quote .cta-register-form .section-header{
	padding-bottom: 30px;
}
.get-a-quote .cta-register-form p{
	margin-top: 10px;
	margin-bottom:0;
	font-size: 14px;
	color:#999999;
	line-height:24pt;
}
.cta-light.get-a-quote form{
	padding-bottom:35px;
}
/* ==========================================================================
   21.Login Page
   ========================================================================== */

.forgot-password a {
	font-size: 14px;
	font-family:"Lato";
	display: inline-block;
	margin-bottom: 12px;
	color:#444;
}
.forgot-password a:hover {
	color:#f0564c;
}
.checkbox input{
	border:none;
}
.check-politicas {
    margin-left: 20px;
}

.politicas {
    color: #05c46b;
}

.politicas:hover {
    color: #218c74;
}
	
}
.form-btn .btn{
	margin-top:0;
	width:100%;
}

.google-btn, .facebook-btn {
	margin-top:10px;
}
.google-btn .btn{
	background-color:#dc4e41;
	width:100%;
	padding:16px 0;

}
.facebook-btn .btn{
	background-color:#3b5998;
	width:100%;
	padding:16px 0;
}
.login-social a{
	color:#fff;
	
}
.login-social a:hover{
	color:#fff;
	
}


/* ==========================================================================
   22.Small devices (tablets, 768px and up)
   ========================================================================== */
@media (max-width: 1024px) {
	
.container{
	padding:0 15px;
}
.navbar-header {
    float: none;
	
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
	margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
    .collapse.in{
	display:block !important;
}
	  
.intro-section {
	
	min-height:840px;
	}
.navbar-brand{
	height:auto;
	
}
.welcome-message{
	margin-top:150px;
	
}
.navbar-toggle{
	top:10px;
	background-color: #fff;
	border-radius: 0;
	margin-right:15px;
	padding:14px;
    
    
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #f0564c;
	border:none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	

.feature-left{
	width:100%;

}	
.feature-right{
	width:100%;
}

.feature-right{
	padding:100px 20px 50px;
	
}
.video-section{
	height:500px;
}
.video-section h3 {
	line-height:36px;
	
}
.metas-left {
    margin-left: 75px;
    width: calc(100% - 230px);
}
.date-right {
    margin-right: 75px;
    
}
.testimonial-section {
    padding: 0 20px 36px;
}
.btn.callout-btn a {
	float:none;
	position:relative;
}
.m-md-t-40{
	margin-top:40px;
}
.m-md-t-65{
	margin-top:65px;
}
.m-md-t-80{
	margin-top:80px;
}
.m-md-b-40{
	margin-bottom:40px;
}
.h-form-subscribe .form-control{
	min-width: 250px;
}
.intro5-section .btn.nav-btnx{
	min-width:170px;
}
.intro5-section{
	min-height:680px;
}
.intro4-section{
	min-height:600px;
}
.intro4-section  .welcome-message {
    margin-top: 80px;
}
.intro4-section .intro-content{
	padding-top:0;
	padding-bottom: 60px;
}
.intro4-section h1{
	margin-bottom:16px;
}
.intro4-section .vidplay{
	margin-bottom: 10px;
}
.intro3-section .intro-content{
	padding-top:20px;
}
.intro3-section .welcome-message{
	margin-top: 50px;
}
.intro-section .welcome-message h1{
	font-size:38px;
}


}
@media screen and (max-width: 736px)  {   

	.intro3-section .intro-content{
		text-align:center;
	}
	.intro3-section .welcome-message h1{
		font-size: 23px;
		line-height: 28px;
	}
	.intro3-section p{
		font-size:16px;
		margin-bottom:30px;
	}
	.form-btn .btn {
		padding: 16px 30px;
	}
	.cta-light form {
		padding: 30px;
	}
	.intro4-section .vidplay{
		font-size: 50px;
		line-height:50px;
		margin-bottom: 20px;
	}
	.vidplay.videoplay .fa-play-circle:before {
		font-size: 50px !important;
	}
	.intro4-section .intro-content{
		padding-bottom:0;
	}
	.intro4-section {
		min-height: 400px;
	}
	.intro4-section .welcome-message h1 {
		font-size: 18px;
		line-height: 24px;
	}
	.btn.callout-btn a{
		display:inline-block;
		top:0;
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
	}
	.intro5-section .btn.nav-btnx{
		min-width:100%;
	}
	.intro5-section .welcome-message h1 {
		font-size: 20px;
		line-height: 24px;
	}
	.header-video{
		height:280px;
	}
	.intro6-section .welcome-message h1{
		font-size: 28px;
		line-height:28px;
	}
	.intro6-section p{
		font-size:15px;
		line-height:24px;
	}
}
/* ==========================================================================
   23.Small devices (mobile, 321px and 480px)
   ========================================================================== */

@media (min-width: 321px) and (max-width: 480px)  {   

.container{
	padding:0 15px;
	
}
   
.intro-section {
	
	min-height:480px;
	}

.navbar-brand{
	height:auto;
	
}
.welcome-message{
	margin-top:100px;
	
}
.intro-section .welcome-message h1{
	font-size:18px;
}
.welcome-message h1{
    font-size: 24px;
    line-height: 24px;
}	
.navbar-toggle{
	top:10px;
	background-color: #fff;
	border-radius: none;
	margin-right:15px;
	padding:14px;
    
    
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #f0564c;
	border:none;
}

.feature-left{
	width:100%;
	min-height:300px;
}	
.feature-right{
	width:100%;
	padding-bottom:70px;
}
.core1, .core2{
	width:100%;
	padding:20px 0;
	
}
.core1-right{
	margin-left:80px;
	
	
}
.core2-right{
	margin-right:80px;
	
	
}
.video-section h3 {
	font-size: 18px;
    line-height: 26px;
	
}
.video-section h4 {
	font-size: 14px;
    line-height: 21px;
	
}
.date-right {
	margin-right:0;
}
.metas-left {
	margin-left:0;
	width: calc(100% - 80px);
	padding:18px 0 14px 20px;
}
.metas-left h4 {
	font-size:14px;
}
.metas-left li:first-child{ 
	border-right:none;
	padding-right:10px;

}
.metas-left li{ 
	padding:0;
}
.btn.pricing-btn {
    padding: 16px 50px;
}
.testimonial {
	background:#5c6f89;
}
.testimonial blockquote p {
	padding:30px 0 14px; 
	font-size:16px;
}
.contact-left {
    margin-bottom: 50px;
}
.callout-content {
    padding: 20px;
}
.callout-content h2 {
    font-size: 24px;
}
.intro2-section .welcome-message h1{
	font-size: 28px;
	line-height: 32px;
}
.intro-btn a:first-child {
    margin-bottom: 10px;
    margin-right: 0;
}
.intro2-section .intro-content {
    padding-top: 0;
    text-align: center;
}
.intro2-section p{
	margin-bottom:30px;
}

.nav > li{
	padding:0 0;
}
.intro2-section .welcome-message {
    margin-top: 60px;
}


}
/* ==========================================================================
   24.Small devices (mobile, 320px and up)
   ========================================================================== */
@media (max-width: 320px) {   

.container{
	padding:0 15px;
	
}
   
.intro-section {
	min-height:480px;
	}
.intro2-section .web-pag {
    bottom: 0;
    left: 0;
    position: absolute;
}
.intro-content{
	padding-top:0;
	text-align: center;
	margin-bottom:40px;
}
.intro2-section .welcome-message h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 30pt;
}
.intro-btn a:first-child {
    margin-bottom: 10px;
    margin-right: 10px;
}
.navbar-brand{
	height:auto;
	
}
.welcome-message{
	margin-top:100px;
	
}
.welcome-message h1{
    font-size: 24px;
    line-height: 24px;
}	
.navbar-toggle{
	top:10px;
	background-color: #fff;
	border-radius: none;
	margin-right:15px;
	padding:14px;
    
    
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #f0564c;
	border:none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	

.feature-left{
	width:100%;
	min-height:300px;
}	
.feature-right{
	width:100%;
	padding-bottom:70px;
}
.core1, .core2{
	width:100%;
	padding:20px 0;
	
}
.core1-right{
	margin-left:80px;
	
	
}
.core2-right{
	margin-right:80px;
	
	
}
.video-section h3 {
	font-size: 18px;
    line-height: 26px;
	
}
.video-section h4 {
	font-size: 14px;
    line-height: 21px;
	
}
.date-right {
	margin-right:0;
}
.metas-left {
	margin-left:0;
	width: calc(100% - 80px);
	padding:18px 0 14px 20px;
}
.metas-left h4 {
	font-size:14px;
}
.metas-left li:first-child{ 
	border-right:none;
	padding-right:10px;

}
.metas-left li{ 
	padding:0;
}
.btn.pricing-btn {
    padding: 16px 50px;
}
.testimonial {
	background:#5c6f89;
}
.testimonial blockquote p {
	padding:30px 0 14px; 
	font-size:16px;
}
.contact-left {
    margin-bottom: 50px;
}
.callout-content {
    padding: 20px;
}
.callout-content h2 {
    font-size: 24px;
}
.intro-section .welcome-message h1 {
    font-size: 18px;
}
.nav > li{
	padding:0 0;
}

}

/* ==========================================================================
   25.Medium devices (large, 1025px to 1108px )
   ========================================================================== */
@media (min-width: 1025px) and (max-width: 1108px) {   
.feature-right .core:nth-child(6){
	display:none;
}
.feature-right .core:nth-child(5){
	display:none;
}
.core2-right {
    margin-right: 80px;
}
.core1-right {
    margin-left: 80px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	
.feature-right {
    padding: 50px 30px 20px 80px;
}

}
/* ==========================================================================
   26.Medium devices (large, 1109px to 1208px )
   ========================================================================== */
@media (min-width: 1109px) and (max-width: 1208px) {   
.feature-right .core:nth-child(6){
	display:none;
}
.feature-right .core:nth-child(5){
	display:none;
}
.core2-right {
    margin-right: 80px;
}
.core1-right {
    margin-left: 80px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	
.feature-right {
    padding: 98px 30px 20px 80px;
}

}
/* ==========================================================================
   27.Medium devices (large, 1209px to 1308px )
   ========================================================================== */
@media (min-width: 1209px) and (max-width: 1308px) {   
.feature-right .core:nth-child(6){
	display:none;
}
.feature-right .core:nth-child(5){
	display:none;
}
.core2-right {
    margin-right: 80px;
}
.core1-right {
    margin-left: 80px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	
.feature-right {
    padding: 100px 30px 78px 80px;
}

}

/* ==========================================================================
   28.Medium devices (large, 1309px to 1383px )
   ========================================================================== */
@media (min-width: 1309px) and (max-width: 1383px) {   

.core2-right {
    margin-right: 80px;
}
.core1-right {
    margin-left: 80px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	
.feature-right {
    padding: 48px 30px 2px 80px;
}

}
/* ==========================================================================
   29.Medium devices (large, 1383px to 1483px )
   ========================================================================== */
@media (min-width: 1384px) and (max-width: 1483px) {   

.core2-right {
    margin-right: 80px;
}
.core1-right {
    margin-left: 80px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
}	
.feature-right {
    padding: 90px 30px 31px 80px;
}   
 /* ==========================================================================
   29.Medium devices (large, 1383px to 1483px )
   ========================================================================== */
}
.float {
    position: fixed;
    top: 450px;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #05c46b;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    -webkit-box-shadow: 8px 8px 10px -11px rgba(0,0,0,0.44);
    -moz-box-shadow: 8px 8px 10px -11px rgba(0,0,0,0.44);
    box-shadow: 8px 8px 10px -11px rgba(0,0,0,0.44);
    z-index: 100;
}

.single-icon-whatsapp > i {
    padding-top: 12px;
    font-size: 36px;
    color: #fff;
}

.float2 {
    position:fixed;
    top: 370px;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #05a4c4;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    -webkit-box-shadow: 8px 8px 10px -11px rgba(0,0,0,0.44);
    -moz-box-shadow: 8px 8px 10px -11px rgba(0,0,0,0.44);
    box-shadow: 8px 8px 10px -11px rgba(0,0,0,0.44);
    z-index: 100;
}

.single-icon-messenger > i {
    padding-top: 12px;
    font-size: 36px;
    color: #fff;
}