/*------------------------------------------------------------------
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: 14px;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;}
p {font-size: 15px; font-family: "Lato"; font-weight:400; line-height:24px;     color: #6d6d6d;}
img{max-width:100%;}
a{padding:0;}
a:focus{border:none;}
.clearfix{clear:both;}
.section{padding:100px 0 100px 0 ;}
.container { padding:0;}
.container-fluid{padding:0;}
.section-header p {
    width: 75%;
}
.section-header p.w100{
width:100%;
}
.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: #5cb7f5;
	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(banner-bg.jpg) 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;  
	    z-index: 3;
    position: relative;
	}
h1.dot:after, h2.dot:after,
h3.dot:after, h4.dot:after{
	/*background-color:#5cb7f5;
	height:4px;
	width:4px;
	margin-left:8px;
	display:inline-block;
	content:"";*/
  
	}
.section-header.left{
	padding-bottom:50px;
	text-align:left;
  
	}
.section-header h2{
	letter-spacing: 1px;	
	color: #444;
	padding-bottom:5px;
	}
.section-header h3{
	letter-spacing: 1px;	
	color: #444;
	padding-bottom:15px;
	font-weight:bold;
	text-transform: uppercase;
	}
.section-header h4{
	letter-spacing: 1px;	
	color: #444;
	padding-bottom:15px;
	font-weight:bold;
	}

.intro-section::before { 
	  
	}

.welcome-message { 

	height:inherit; 
	}

.welcome-message {
	padding: 100px 0 0 0;
	    position: relative;
    z-index: 10;
	}

.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:#5cb7f5; 
	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(/i/Fotolia_57325018_Subscription_Monthly_XL.jpg) center center no-repeat scroll;*
	background-size: cover;
	position: relative;
	color: #fff;
	min-height:950px;
	background-size:cover;
	}
.intro-content{
	    width: 70%;
    margin: 0 auto;
    float: none;
    text-align: center;
    padding-top: 140px;
	}
.intro2-section .welcome-message h1 {
    font-size: 55px;
    color: #fff;
    line-height: 50pt;
    font-weight: 700;
    text-transform: uppercase;
	}
.intro2-section p {
	    font-size: 22px;
    color: #fff;
    line-height: 22pt;
    margin: 30px 0 50px 0;
    width: 85%;
    margin: 0 auto;
    /* margin: 30px 0 50px 0; */
    margin-top: 30px;
    margin-bottom: 50px;
	}
.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-btn a:first-child{
	margin-right:10px;
	}

/* ==========================================================================
   3.intro3 section
   ========================================================================== */
 .intro3-section {
	background:url(banner3-bg.jpg)/*tpa=http://demo.designinvento.com/html/step/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(poster2-1.jpg)/*tpa=http://demo.designinvento.com/html/step/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:#5cb7f5;
	}
 .intro4-section .btn.nav-btnx {
	background-color: #5cb7f5;
	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(banner4-bg.jpg)/*tpa=http://demo.designinvento.com/html/step/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:#5cb7f5;
	}
 .intro5-section .btn.nav-btnx {
	background-color: #5cb7f5;
	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(banner5-bg.jpg)/*tpa=http://demo.designinvento.com/html/step/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(poster3-1.jpg)/*tpa=http://demo.designinvento.com/html/step/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:#5cb7f5; 
	
	}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #5cb7f5;
	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:#5cb7f5;
	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:#5cb7f5;
	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: #5cb7f5; 
	}

.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:#5cb7f5;
	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: #5cb7f5;  
	}

.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:30px;
	}
.about img { 
	
	}
.about h5 { 
	padding: 15px 0 12px 0; 
	letter-spacing: 1px; 
	}
.about p{ 
	padding:0 15px;
	}

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

.feature-left{
	width:50%; 
	background:url(features-bg.jpg) center center no-repeat scroll;
	min-height:709px;
	}
.feature-right{
	width:50%; 
	background-color:#f7f8f9; 
	padding:100px 30px 20px 80px;
	}
.section-header.left{
	padding: 0 0 50px 0; 
	}
.section-header.left h3{
	padding-bottom: 10px; 
	}

.core1{
	
	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{
	
	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;
	}

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

	.core p {
    min-height: 73px;
}
.fun-facts{
	border:  1px solid #5cb7f5; 
	padding: 90px 0 ;
	    border-radius: 50%;
		
		height:250px;
		width: 250px;
	}
	.fun-facts .count,.fun-facts h6{
	color:#5cb7f5;
	}
.fun-facts .count{
	font-size:64px;
	font-family:"Montserrat";
	font-weight:700;
	}
.fun-facts h6{ 
	letter-spacing:1px;
	}
	
.fun-facts:hover{
	border:  1px solid #f04c6b; 
	}
.fun-facts:hover .count,.fun-facts:hover h6{
	color:#f04c6b;
	}

/* ==========================================================================
   9.video tour
   ========================================================================== */ 
   
.section.video-section{
	}
.video-section {
	position: relative;

	overflow: hidden;
	background: #333 url(/i/businessmeeting3.jpg) no-repeat scroll;
	background-size: cover;
	-webkit-perspective: 1000;
	padding: 100px 0px 0px 0px;

	}

.video-section p{
color:#fff;
}

.video-section h3 {
	
	color: #fff;
	font-weight: 700;

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

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

	.kiol1 {
    margin-top: 70px;
}
.kiol2 {
    margin-top: 70px;
}
.overlay {width: 100%; height:950px; display:block;}
	#nubexDiv {
		top: 0; bottom: 0; left: 0; right: 0;
		position: absolute;
		overflow: hidden;
	}
	#nubexVideo {
		top: 0; left: 0;
		position: absolute;
		width: auto; height: auto;
		min-width: 100%; 
		min-height: 100%; 
	}

#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{
	

	padding-bottom:100px; 
	}

	section#contact {
    background: #333 url(http://1advertising.com/i2/business-package-fundamentals.jpg) center center no-repeat scroll;
    background-size: cover;
    color: #fff;
	
}
.blog img {
    margin-bottom: 20px;
}

.contact-left {
    margin-bottom: 30px;
    width: 600px;
    margin: 0 auto;
	    float: none;
}
.contact-left p{
color:#fff;
}
.contact-left h4{
color:#fff;
}

.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;
	}
.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: 70px;
	font-family:"Montserrat"  ;
	line-height:1;
	}

.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: 35px;
	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;
	}

.btn.pricing-btn{
	padding:16px 70px;
	background-color:#5c6f89;
 
	}
.buy-button { 
	padding-bottom: 40px; }

.mreco{
	background-color:#5cb7f5;
	}
.mreco h6{
	padding:10px 24px;
	margin:0;
	color:#fff;
	font-weight:600;
	letter-spacing:1px;
	}
	

/* ==========================================================================
   13. Testimonial
   ========================================================================== */
   
.center-block[class^="col-"] { float: none; }

.testimonial{ 
	margin-top:70px;
	background: #333 url(testi-bg.jpg)/*tpa=http://demo.designinvento.com/html/step/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: 2px #fff solid;
	margin-top:30px;
	padding:0 0 10px 20px;
	    background: none;
		outline: none;

	}
.field:first-child{
	margin-top:0;
	}	
.btn.submit{
	margin-top:60px;
	margin:60px 0 0;
    background-color: #5cb7f5;
	padding:16px 50px ;
	
	}
input.field[placeholder],textarea.field[placeholder]{
	font-family:"Lato";
	font-size:14px;  
	color:#fff;
	}

input::-webkit-input-placeholder {
    color: #fff;
   } 
   input::-moz-placeholder {
    color: #fff;
   }
	
	
	
textarea::-webkit-input-placeholder {
    color: #fff;
   } 
   textarea::-moz-placeholder {
    color: #fff;
   }
#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-color: #5cb7f5;
	
	}
.callout-text{
	position:relative;
	}
.callout-content h2{
	color:#fff;
	}
.callout-content h2{
	font-weight:700;
	}
.callout-content a{
	color:#fddf37;
	text-decoration:none;
	font-weight:bold;
	}
.callout-content {
	border-left:4px #fddf37 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{
	
	}
.footer{
	border-top:1px #e1e1e1 solid;
	} 

.footer-content  {}
.footer-content h5 {
	padding:30px 0 24px 0;
	
	}
.footer-content p{
	margin-top:30px;
	font-size:14px;
	
	}
.input-group{
	display:block;
	margin-top:20px;
	
	}
.btn.subscribe{
	margin-top:20px;
	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:#5cb7f5;
	
	}
.twt a:hover{
	color:#444;
	}
.last-footer a{
	color:#5cb7f5;
	}
.last-footer a:hover{
	color:#444;
	}

/* ==========================================================================
   18.site footer 
   ========================================================================== */

.site-footer {
	padding: 30px 0;

}
.site-footer p {
	color:#999;font-size: 13px;
	line-height:30px;
}
.site-footer a {
	color:#5cb7f5;
}
.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: #ccc;
	border-radius: 50%;
	position: relative;
	transition: all .8s ease;
	font-size: 16px;
	background: #f5f6f7;
}

.social li a:hover {
	color: #fff;
	background: #5cb7f5;
}

/* ==========================================================================
   20.Register Page
   ========================================================================== */

   
.content-wrapper {
	background:url(banner-bg.jpg)/*tpa=http://demo.designinvento.com/html/step/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;
}

.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: #000;
	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:#5cb7f5;
	
}
.cta-light .form-option { color: #fff; }

.cta-light form h3 {
	font-size: 16px;
	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: #5cb7f5; 
}
.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:#5cb7f5;
}
.checkbox input{
	border:none;
	
}
.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: #5cb7f5;
	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: #5cb7f5;
	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: #5cb7f5;
	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;
}

}




.panel-alt {
        background: #f5f5f5;
    position: relative;
    padding: 7em 0;
}
.span6 {
    width: 50%;
    float: left;
    display: block!important;
}
.clearfix {
    clear: both;
}
.box-left .inner {
    padding: 0 0 0 8em;
}

.box-left .image-box {
    background: url(/i/Design-Company-Image.jpg) 50% 0 / cover no-repeat;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    box-sizing: border-box;
}

.box-right .image-box {
    background: url(/i/what-do-graphic-designers-do.jpg) 50% 0 / cover no-repeat;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    box-sizing: border-box;
}


table.spfull {
    width: 100%;
}
td.backd {
    width: 50%;
	background: url(/i/iphone-500291_1280.jpg);
    background-size: cover;
}
td.backf {
        width: 50%;
    /* padding: 28px; */
    background-color: #f7f8f9;
    padding: 100px 30px 20px 80px;
}
.box-right .inner {
    padding: 0 8em 0 0;
}
.overlay:before{
background: linear-gradient(to right, rgba(148, 67, 119, 0.45) 0%,rgba(88, 193, 243, 0.47) 100%), url("/overlay-pattern.png") repeat;

position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
	opacity: 0.6;
}
section#contact {
 
    position: relative;
}
.overlay2:before {
    background: linear-gradient(to right, rgba(40, 134, 197, 0.59) 0%,rgba(67, 158, 220, 0.6) 100%), url("/i/overlay-pattern.png2") repeat;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
}

td.backd2 {
    width: 50%;
  padding: 70px 0px;
    background-size: cover;
background: #f3f3f3;
    border-left: 1px solid #e2e2e2;
}
.vid2{
padding-bottom:100px;
}

.dw {
    max-width: 580px;
    float: right;
}
td.backf2 {
    width: 50%;
    /* padding: 28px; */
    background-color: #fff;
    padding: 100px 30px 20px 80px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
     background: none!important; 
    color: #5cb7f5!important;
}
.core1.core.coret {
    padding-bottom: 15px;
}

.about2 img {
    margin-bottom: 20px;
}

.vid2 .about-section h4{
margin-top:20px;
margin-bottom:15px;
}

.vid2 .about-section2 {

margin-bottom:55px;
}

ul.liul li {
    color: #fff;
    margin-bottom: 15px;
    font-size: 20px;
    
    background-size: 30px;
    padding-left: 43px;
}

ul.liul li.l1{
background: url(/i/21.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l2{
background: url(/i/22.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l3{
background: url(/i/23.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l4{
background: url(/i/24.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l5{
background: url(/i/25.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l6{
background: url(/i/26.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l7{
background: url(/i/27.png)no-repeat;
 background-size: 30px;
}
ul.liul li.l8{
background: url(/i/28.png)no-repeat;
 background-size: 30px;
}

ul.liul {
  margin-top:30px;
}

.i1{
width:75px;
}


.fon2{
background: url(/i/workplace-1245776_1920.jpg)no-repeat;
background-size:cover;

}

.fon3{
background: url(/i/data-business-meeting.jpg)no-repeat;
background-size:cover;

}

.fon4{
background: url(/i/Meeting-5.jpg)no-repeat;
background-size:cover;

}
.navbar-brand>img {
    display: block;
    max-width: 170px;
	    margin-left: -5px;
    margin-top: 5px;
}
.row.pri p {
    margin: 0 0 15px 0;
}

ul.list {
    padding-left: 30px;
}
ul.list li {
    list-style: square;
    padding-left: 0px;
}
ul.list {
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}


h4 {
    margin: 22px 0px;
    font-weight: bold;
}

.lon {
    position: absolute;
	top: 16px;
}
.lon img {
    max-width: 77px;
}
.posrel{
	position:relative;
}

.notification_error{border:1px solid #F10028;height:auto;width:40%;margin:15px 0;padding:10px;text-align:left;-moz-border-radius:5px;border-radius:8px;margin:0 auto;text-align:center;    margin-top: 20px;}
div#note{clear:both;}
.notification_ok {
    border: 1px #3FCA36 solid;
    height: auto;
    width: 100%;
    margin: 15px 0;
    padding: 8px;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 10px;
    /* color: #000; */
    font-weight: bold;
    font-size: 18px;
}