/*
Theme Name: Digite
Author: Praket Technologies
Description: Visual Project Management Kanban Software & AI-driven Project Delivery Management Solutions - Digité
Version: 0.0.1
Tags: Kanban Software
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
html {
-webkit-font-smoothing: antialiased;
-moz-overflow-x:hidden;
overflow-x:hidden;
}
body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height:22px;
color:#4c5355;
}
p {
margin-bottom: 25px;
}
p:last-child {
margin-bottom: 0;
}
h1,
.h1 {
font-size: 68px;
line-height:85px;
font-weight:bold;
}
h2,
.h2 {
font-size: 48px;
line-height:70px;
font-weight:bold;
}
h3,
.h3 {
font-size: 36px;
line-height:52px;
font-weight:bold;
}
h5,
.h5 {
font-size: 18px;
line-height:30px;
font-weight:bold;
}
h6,
.h6 {
font-size: 16px;
line-height:26px;
font-weight:bold;
font-family: 'Lato', sans-serif;
}
a {
color:#89b2f9;
}
a:focus, a:visited {
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: none;
color:#78a6f8;
}
img{
max-width: 100%;
height: auto;
}

.lato
{
font-family: 'Lato', sans-serif;
}
.alignleft
{
float:left;
}
.alignright
{
float:right;
}
.aligncenter
{
display: block; margin-left: auto; margin-right: auto;
}
.main-wrap {
position: relative;
z-index: 1;
}
.section {
position: relative;
overflow:hidden;
}
.section.float-top-half {
margin-top: -147.5px;
position: relative;
padding-bottom:50px;
}
.section-padding {
padding: 90px 0px;
}
.section-padding.bottom-0 {
padding-bottom: 0;
}

.section-padding-big {
padding: 120px 0;
}
.section-padding-big.bottom-0 {
padding-bottom: 0;
}
.section-padding-small {
padding: 56px 0px;
}
.section-padding-mini {
padding: 26px 0px;
}
.section-padding-small.bottom-0 {
padding-bottom: 0;
}
.section-padding-small.top-0 {
padding-top: 0;
}
.section-padding-min
{
margin-top:50px;
}
.resources-pmin
{
padding:0px 0px 50px;
}
.resources-pmed
{
padding:20px 0px 0px;
}
.link-green{
color:#94d72b;
}
.link-blue{
color:#89b2f9;
}
.theme-bg {
color: #ffffff;
}
.theme-bg p {
color:#4c5355
}
.gray-bg {
background-color: #f7f7f7;
}
.section-header {
margin-bottom: 25px;
position: relative;
}
.section-header .section-title {
margin: 0;
padding-bottom: 25px;
position: relative;
color:#4c5355;
}
.section-header .section-title:before {
content: "";
background-color: #83888a;  
bottom: 2px;
position: absolute;
width: 100px;
height: 2px;
left: 50%;
margin-left: -50px;
}
.blog-body .blog-section .section-title a{
margin-bottom: 25px;
position: relative;
color: #4c5355;
}
.blog-body .blog-section .section-title a:before {
content: "";
background-color: #83888a;  
bottom: 2px;
position: absolute;
width: 100px;
height: 2px;
}

.features .section-title:before {
content: "";
background: none ; 
}	
.features .section-title
{
padding-bottom: 0px;
}
.features .sub-section-title
{
margin: 0;
padding-bottom: 25px;
position: relative;
color:#4c5355;
font-style:italic;
font-size:16px;
line-height:26px;
font-weight:bold;
display: block;
}
.features .sub-section-title:before{	  
content: "";
background-color: #83888a;  
bottom: 0;
position: absolute;
width: 100px;
height: 2px;
}
.features-white .section-title {
padding-bottom: 0px;
color:#fff;
}
.features-white .section-title:before {
content: "";
background: none ; 
}	
.features-white .sub-txt
{
margin: 0;
padding-bottom: 25px;
position: relative;
color:#fff;
font-style:italic;
font-size:16px;
line-height:26px;
font-weight:bold;

}
.features-white span:before{	  
content: "";
background-color: rgb(255,255,255,0.64);  
bottom: 2px;
position: absolute;
width: 100px;
height: 2px;
}
.section-header .white
{
color:#fff;	
}
.section-header .whiteb
{
color:#fff;	
}
.section-header .black
{
padding-bottom:;
}
.section-header .white:before {
content: "";
background-color: #cfdffc;
bottom: 2px;
position: absolute;
width: 100px;
height: 2px;
left: 50%;
margin-left: -50px;
}
.section-header .whiteb:before {
content: "";
background-color: #cfdffc;
bottom: 2px;
position: absolute;
width: 100px;
height: 2px;
left: 50%;
margin-left: -50px;
}
.section-header .section-title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 60px;
height: 5px;
margin-left: -30px;
}
.section-header .section-text {
margin-top: 12px;
margin-bottom: 0;
}
.section-header.text-left .section-title:before {
left: 0;
margin-left: 0;
width: 125px;
}
.section-header.text-left .section-title:after {
left: 0;
margin-left: 0;
width: 125px;
}
.overlay .section-header, .theme-bg .section-header {
color: #ffffff;
}

.header-left-style {
margin-top: 88px;
}
.header-left-style h3 {
font-size: 3.6rem;
margin: 0;
}
.header-left-style p {
margin-top: 13px;
margin-bottom: 0;
font-size: 1.8rem;
line-height: 3rem;

}
.header-left-style .btn {
margin-top: 28px;
min-width: 155px;
text-align: center;
}

.small-header {
margin-bottom: 26px;
}
.small-header .small-title {
font-size: 2.8rem;
line-height: 4.4rem;
margin: 0;
}

.stylish-font {
font-family: 'Pacifico', cursive;
font-weight: 400;
}

.generic-carousel .owl-prev,
.generic-carousel .owl-next {
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
border: 1px solid #e7e7e7;
display: inline-block;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.generic-carousel .owl-prev:hover,
.generic-carousel .owl-next:hover {
color: #ffffff;
}
.generic-carousel .owl-prev {
margin-right: 10px;
}

.carousel-section .owl-buttons {
position: absolute;
right: 15px;
top: -144px;
}

.single-carousel .owl-prev,
.single-carousel .owl-next {
width: 26px;
height: 26px;
line-height: 25px;
text-align: center;
border: 1px solid #e7e7e7;
color: #262626;
display: inline-block;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-carousel .owl-prev:hover,
.single-carousel .owl-next:hover {
color: #ffffff;
}
.single-carousel .owl-prev {
margin-right: 10px;
}
.single-carousel .owl-buttons {
position: absolute;
right: 0px;
top: -70px;
}

.all-link {
font-size: 1.4rem;
font-weight: 700;

color: #262626;
position: absolute;
right: 0;
top: 13px;
}
.theme-bg .all-link, .img-bg .all-link {
color: #ffffff;
}
.all-link.style-2 {
color: #ffffff;
line-height: 34px;
padding: 0 20px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
top: 6px;
}
.all-link.style-2:hover {
background-color: transparent;
}
.carousel-section .all-link {
right: 110px;
}

.mini-section {
background-color: #fff;
border-radius: 3px;
overflow: hidden;
padding: 45px 30px;
}
.mini-section .mini-section-title {
color: #262626;
font-size: 2.2rem;

position: relative;
margin-top: 0;
padding-bottom: 20px;
margin-bottom: 30px;
}
.mini-section .mini-section-title:before {
content: "";
bottom: 2px;
left: 0;
height: 1px;
width: 130px;
background-color: #bdbdbd;
position: absolute;
}
.mini-section .mini-section-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 60px;
}

/*** 1.1 Form and inputs ***/
form {
position: relative;
}
form p {
margin-bottom: 20px;
}

input:not([type=submit]):not([type=radio]):not([type=checkbox]),
select{
background-color: transparent;
border: 1px solid rgb(49,57,60,0.38);
width: 100%;
padding: 8px 20px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
outline: none;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:22px;
font-weight:normal;
color:#4c5355;
border-radius:25px;
font-weight:bold;
}
textarea 
{
background-color: transparent;
border: 1px solid rgb(49,57,60,0.38);
width: 100%;
padding: 8px 30px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
outline: none;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:22px;
font-weight:normal;
color:#4c5355;
font-weight:bold;
}
input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
select:focus,
textarea:focus {
outline: none;
}

button:focus {
outline: none;
}
.btn-contact
{
background-color: rgb(132,209,11,0.87);
background: -moz-linear-gradient(45deg,  rgb(132,209,11,0.87) 0%, rgb(132,209,11,0.87) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgb(132,209,11,0.87) 0%,rgb(132,209,11,0.87) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  rgb(132,209,11,0.87) 0%,rgb(132,209,11,0.87) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 25px;
font-size: 14px;
line-height: 22px;
padding: 8px 25px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation: 0.4s;
float: left;
}
/*** Plyr Video Player ***/
.plyr .plyr__play-large {
background-color: #ffffff;
border: none;
padding: 33px;
}
.plyr .plyr__play-large svg {
width: 14px;
height: 14px;
}

.plyr input[type=range] {
border: none !important;
padding: 0 !important;
-webkit-transition: none;
transition: none;
}

/*------------------------------------
2. Buttons
------------------------------------*/
.btn { 
font-weight: 400;
font-size: 1.4rem;
color: #ffffff;
line-height: 39px;
border-width: 1px;
border-style: solid;
padding: 0 40px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.btn:active, .btn.active, .btn:focus, .btn:active:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.btn .btn-shade {
background-color: rgba(0, 0, 0, 0.3) !important;
border-color: transparent !important;
color: #ffffff !important;
}
.btn .btn-shade:hover {
background-color: #ffffff !important;
}
.theme-bg .btn {
background-color: #ffffff;
border-color: #ffffff;
}
.theme-bg .btn:focus, .theme-bg .btn:visited, .theme-bg .btn:active, .theme-bg .btn:focus:visited, .theme-bg .btn:focus:active, .theme-bg .btn:visited:active, .theme-bg .btn:focus:visited:active {
background-color: #ffffff;
border-color: #ffffff;
}
.theme-bg .btn:hover, .theme-bg .btn:hover:focus, .theme-bg .btn:hover:visited, .theme-bg .btn:hover:active, .theme-bg .btn:hover:focus:visited, .theme-bg .btn:hover:focus:active, .theme-bg .btn:hover:visited:active, .theme-bg .btn:hover:focus:visited:active {
background-color: transparent;
color: #ffffff;
}
.btn.btn-border {
background-color: transparent;
}
.btn.btn-border:focus, .btn.btn-border:visited, .btn.btn-border:active, .btn.btn-border:focus:visited, .btn.btn-border:focus:active, .btn.btn-border:visited:active, .btn.btn-border:focus:visited:active {
background-color: transparent;
}
.btn.btn-border:hover, .btn.btn-border:hover:focus, .btn.btn-border:hover:visited, .btn.btn-border:hover:active, .btn.btn-border:hover:focus:visited, .btn.btn-border:hover:focus:active, .btn.btn-border:hover:visited:active, .btn.btn-border:hover:focus:visited:active {
color: #ffffff;
}
.theme-bg .btn.btn-border, .img-bg .btn.btn-border, .banner-overlay .btn.btn-border {
border-color: #ffffff;
color: #ffffff;
}
.theme-bg .btn.btn-border:hover, .theme-bg .btn.btn-border:hover:focus, .theme-bg .btn.btn-border:hover:visited, .theme-bg .btn.btn-border:hover:active, .theme-bg .btn.btn-border:hover:focus:visited, .theme-bg .btn.btn-border:hover:focus:active, .theme-bg .btn.btn-border:hover:visited:active, .theme-bg .btn.btn-border:hover:focus:visited:active, .img-bg .btn.btn-border:hover, .img-bg .btn.btn-border:hover:focus, .img-bg .btn.btn-border:hover:visited, .img-bg .btn.btn-border:hover:active, .img-bg .btn.btn-border:hover:focus:visited, .img-bg .btn.btn-border:hover:focus:active, .img-bg .btn.btn-border:hover:visited:active, .img-bg .btn.btn-border:hover:focus:visited:active, .banner-overlay .btn.btn-border:hover, .banner-overlay .btn.btn-border:hover:focus, .banner-overlay .btn.btn-border:hover:visited, .banner-overlay .btn.btn-border:hover:active, .banner-overlay .btn.btn-border:hover:focus:visited, .banner-overlay .btn.btn-border:hover:focus:active, .banner-overlay .btn.btn-border:hover:visited:active, .banner-overlay .btn.btn-border:hover:focus:visited:active {
color: #ffffff;
}

.button-group {
margin-top: 0px;
}

.simple-video-play {
color: #111111;
font-size: 3.6rem;

font-weight: 700;
display: inline-block;
}
.theme-bg .simple-video-play, .img-bg .simple-video-play {
color: #ffffff;
}

/*------------------------------------
3. Navigation
------------------------------------*/
/*** Topbar ***/
.topbar {
color: #ffffff;
line-height: 50px;
position: relative;
z-index: 991;
}
.topbar .top-block {
display: inline-block;
vertical-align: middle;
}
.topbar .top-block + .top-block {
margin-left: 55px;
}
.topbar p {
display: inline-block;

margin-bottom: 0;
}
.topbar p + p {
margin-left: 25px;
}
.topbar p .fa {
margin-right: 8px;
}
.topbar .top-socials a {
display: inline-block;
color: #ffffff;
}
.topbar .top-socials a + a {
margin-left: 11px;
}
.topbar .language-block {
position: relative;
}
.topbar .language-selected {
cursor: pointer;
}
.topbar .language-selected .fa {
margin-right: 0;
margin-left: 1px;
}
.topbar .language-select {
display: none;
position: absolute;
top: 100%;
right: 0;
left: auto;
width: 160px;
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-color: #ffffff;
padding: 0;
margin: 0;
list-style: none;
}
.topbar .language-select li a {
display: block;
padding: 7px 15px;
line-height: 20px;
text-transform: uppercase;
}
.topbar .language-select li a:hover {
color: #ffffff;
}
.topbar .language-select li:first-child {
padding-top: 10px;
}
.topbar .language-select li:last-child {
padding-bottom: 10px;
}
.topbar .language-select li.current a {
color: #ffffff;
}
.topbar .top-links a {
display: inline-block;

color: #ffffff;
}
.topbar .top-links a + a {
margin-left: 25px;
}

/*** Main Navigation ***/
#navbar-collapse{
	-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay:0.8s;
-moz-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

.navbar .navbar-brand
{
		-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}
.navbar {
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
z-index: 990;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar .container {
position: relative;
}
.navbar .navbar-brand {
height: 90px;
margin-top: 5px;
margin-bottom: 5px;
	 
}
.navbar .navbar-brand img {
height: 100%;
width: auto;
	
}
.navbar .navbar-search {
margin-right: -30px;
}
.navbar .navbar-search-toggle {
font-size: 1.4rem;
line-height: 20px;
padding: 30px 0;
width: 50px;
text-align: center;
border: none;
background-color: transparent;
}
.navbar .navbar-searchform {
display: none;
position: absolute;
top: 100%;
right: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-color: #ffffff;
width: 320px;
}
.navbar .navbar-searchform [type=submit] {
position: absolute;
top: 0;
right: 0;
border: 1px solid transparent;
background-color: transparent;
padding: 8px 20px;
}
.navbar .navbar-nav li a { 
font-size: 16px;
font-weight: 600; 
line-height:26px;
}
.navbar .navbar-nav .dropdown li a p { 
font-size: 14px; 
color:rgb(49,57,60,0.6);
font-family: 'Lato', sans-serif;
font-weight:normal;
padding-bottom:0px;
margin:0;
}
.navbar .navbar-nav
{
padding: 30px 0px 0px;
}
.navbar .navbar-nav > li > a {

}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
background-color: transparent;
}
.navbar .navbar-nav > li:hover > a {
color: #000;
}

.navbar .navbar-nav .sub-menu {
display: block;
border: none; 
opacity: 0;
visibility: hidden;
position: absolute;
background:#fff;
left:0;
border-radius:3px;	
padding:0px;
-webkit-box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.navbar .navbar-nav .sub-menu > li > ul.sub-menu{
position:relative;
padding-top: 0px;
padding-bottom: 30px;
margin-bottom: 0px;
margin-top: -15px;
}
.navbar .navbar-nav .sub-menu li a {
padding: 6px 20px;
}
.navbar .navbar-nav .sub-menu li a:hover {
color: red;
}
.navbar .navbar-nav .dropdown:hover .sub-menu {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
visibility: visible;
}
.navbar .navbar-right > li:last-child .sub-menu, .navbar .navbar-right > li:nth-last-child(2) .sub-menu {
right: 0;
left: auto;
}
.navbar.fix-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: transparent;
}
.navbar.fix-nav .navbar-nav > li > a {
color: #ffffff;
}
.navbar.fix-nav .navbar-nav > li > a {
color: #ffffff;
}
.navbar.fix-nav .navbar-nav > li > a:hover {
color: #e3ecfa;
}
.navbar.affix {
position: fixed;
top: 0;
left: 0;
right: 0;
background-image: linear-gradient(to right, #78a6f8, #78a6f8);
box-shadow: 0 10px 16px -6px rgba(23,28,33,.06);
}
.navbar.affix .navbar-brand {
margin-top: -10px;
margin-bottom: -10px;
}
.navbar.affix .navbar-nav
{
padding: 20px 0px 0px;
}

.navbar.affix .navbar-search-toggle {

}
.navbar.affix.style-3 {
background-color: #262626;
}
.navbar .navbar-nav .sub-menu li{

padding: 0px 0px 15px;
border: none;
outline: none;
margin-bottom:0px;
margin-top: 0px;
}
.navbar .navbar-nav .sub-menu li.hassub{
	padding-bottom:0px;
}
.navbar .navbar-nav .sub-menu:before
{
position: absolute;
top: -5px;
left: 5%;
height: 10px;
width: 10px;
background: #fff;
transform: rotate(45deg);
content: "";
}
.navbar .navbar-nav .dropdown .sub-menu li {
list-style: none;
width:100%;
float:left;	
background:#f4f8fe;
position: relative;
}
.navbar .navbar-nav .sub-menu li p{
display:block;
background:transparent;
}
.navbar .navbar-nav .sub-menu  li a.active,
.navbar .navbar-nav .sub-menu  li.active .sub-menu  li
{
background:#fff;
padding-bottom: 15px;
}
.navbar .navbar-nav .sub-menu  li a.active p
{
background:#fff;	
}

.navbar .navbar-nav .sub-menu .hassub:before
{
content: '' !important;	
}

.navbar .navbar-nav .sub-menu ul.sub-menu 
{
-webkit-box-shadow: none;
box-shadow:none;
padding-bottom:20px;
}
.navbar .navbar-nav .sub-menu ul.sub-menu  li
{
float: left;
width: 50%;
background: none;
min-height:30px;
display: inline-block;
}
.navbar .navbar-nav .sub-menu ul.sub-menu  li  a:after{
content:"" ;
display:none !important;

}
.navbar .navbar-nav .sub-menu li a.active:after{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar .navbar-nav .sub-menu .hassub .dropbtnr i{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Layout & Style */

.navbar .navbar-nav .sub-menu li > a {
position: relative;	
padding:20px 25px 0px;
color: #31393c;	
text-decoration: none;	
}

.navbar .navbar-nav .sub-menu li:hover a 
{
color: #78a6f8;
}
.navbar .navbar-nav .sub-menu li:hover a p
{
color: #78a6f8;
}
.navbar .navbar-nav .dropdown .sub-menu li a:hover 
{
color: #78a6f8;
}
.navbar .navbar-nav .sub-menu > li > a:hover,
.navbar .navbar-nav .sub-menu > li > a.active:hover,
.navbar .navbar-nav .sub-menu ul.sub-menu  li  a:hover,
.navbar .navbar-nav .sub-menu ul.sub-menu  li  a.active {
color: #78a6f8;		
}
.navbar .navbar-nav .dropdown li p:hover, 
.navbar .navbar-nav .dropdown li a.nav-subtitle.active:hover 
{
color: #78a6f8;
}

.navbar .navbar-nav .sub-menu > li > a:hover,
.navbar .navbar-nav .sub-menu > li:hover > a i,
.navbar .navbar-nav .sub-menu > li > a.active i {
color: #31393c;	
}
.navbar .navbar-nav .sub-menu > li > a.active  i{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

/* Sub Menu */
.navbar .navbar-nav .sub-menu .sub-menu
{
left:0;

}
.navbar .navbar-nav .sub-menu .sub-menu:before{
content:"";
background:none;
}

.navbar .navbar-nav .sub-menu .sub-menu li a {
color:#83888a;
font-size:14px;
line-height:26px;
font-family: 'Lato', sans-serif;
font-weight:normal;
padding: 0px 25px;
display: inline-block;
}

.navbar .navbar-nav .sub-menu  .sub-menu li:hover a { color:#31393c: ; }

.navbar .navbar-nav .sub-menu  .sub-menu li:last-child a { border: none; }



/* Functionality */

.navbar .navbar-nav .sub-menu li > .sub-menu {
display: none;
}
/*------------------------------------
4. Banner
------------------------------------*/
.banner-item {
background-position: center top;
background-size: 100%;
background-repeat: no-repeat;

}

.banner-item-1 {
background-image: url(images/banner/1.jpg);
}

.banner-item-2 {
background-image: url(images/banner/2.jpg);
}

.banner-item-3 {
background-image: url(images/banner/3.jpg);
}
.banner-item-7 {
background-image: url(images/banner/7.jpg);
}

.banner-item-9 {
background-image: url(images/banner/9.jpg);
}

.banner-item-11 {
background-image: url(images/banner/11.jpg);
}

.banner-item-12 {
background-image: url(images/banner/12.jpg);
}

.banner-item-13 {
background-image: url(images/banner/13.jpg);
}

.banner {
position: relative;
}

.banner .banner-overlay {
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner .banner-content {
position: ;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 88px;
left: 0;
right: 0;
color: #ffffff;
}
.banner-item-home .banner-content
{
left:20%;
top: 40%;
}
.banner-item-home  .banner-content .banner-subtitle {
font-size: 18px;
line-height:30px;
font-weight: 400;
margin: 0;
color:#fff;
font-family: 'Lato', sans-serif;
}
.banner .banner-content .banner-title {
font-size: 68px;
line-height:85px;
font-weight:bold;
margin: 0;
}
.banner-item-home .banner-content .banner-title {
font-size: 48px;
line-height:70px;
font-weight:bold;
margin: 0;
color:#fff;

}
.banner .banner-content .banner-title + .banner-subtitle {
margin-top: 15px;
}
.banner .banner-content .banner-text {
margin-top: 8px;
margin-bottom: 0;
}
.banner .banner-content .button-group {
margin-top: 40px;
}
.banner .banner-content .button-group .btn + .btn {
margin-left: 26px;
}
.banner .banner-search {
max-width: 370px;
margin: 40px auto 0;
}
.banner .banner-search ::-webkit-input-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-search ::-moz-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-search :-ms-input-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-search :-moz-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-search input:not([type=submit]) {
border-radius: 3px;
color: #ffffff;
}
.banner .banner-search [type=submit] {
position: absolute;
border: 1px solid transparent;
line-height: 42px;
top: 0;
right: 0;
padding: 0 20px;
background-color: transparent;
}
.banner .banner-registration {
max-width: 420px;
margin: 40px auto 0;
}
.banner .banner-registration input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.banner .banner-registration select,
.banner .banner-registration textarea {
border-radius: 3px;
line-height: 23px;
color: #ffffff;
width: calc(100% - 145px);
margin-right: 10px;
float: left;
}
.banner .banner-registration ::-webkit-input-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-registration ::-moz-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-registration :-ms-input-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-registration :-moz-placeholder {
color: #ffffff;
opacity: 0.5;
}
.banner .banner-registration [type=submit] {
line-height: 23px;
border-width: 1px;
border-style: solid;
width: 135px;
text-align: center;
padding: 8px;
border-radius: 3px;
float: left;
}
.banner .banner-facts {
display: inline-block;
margin: 120px auto 0;
}
.banner .banner-facts .banner-fact {
width: 270px;
background-color: rgba(0, 0, 0, 0.3);
padding: 21px 30px;
text-align: left;
display: inline-block;
}
.banner .banner-facts .banner-fact + .banner-fact {
margin-left: 26px;
}
.banner .banner-facts .banner-fact .banner-fact-number {
font-size: 6.5rem;
float: left;
display: inline-block;
vertical-align: middle;
margin: 0 18px 0 0;
}
.banner .banner-facts .banner-fact .banner-fact {
display: inline-block;
margin-bottom: 0;
margin-top: 18px;
vertical-align: middle;
font-size: 1.8rem;
font-weight: 700;

line-height: 2.2rem;
}
.banner .banner-video-play {
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
background-color: #ffffff;
border-radius: 50%;
margin-top: 50px;
display: inline-block;
}
.banner .banner-video-play .fa {
margin-left: 4px;
}
.banner.style-2 .banner-content {
margin-top: 0;
}

.top-15 img{
width:auto;
}
.banner-content h2
{
margin:0px;
}
.banner-content h5{
font-family: 'Lato', sans-serif;
font-weight:normal;
font-size:18px;
line-height:30px;

}
.section-subtext h5
{
font-weight:600;
font-size:26px;
line-height:38px;

}
.section-subtext p
{
font-weight:400;
font-size:16px;
line-height:26px;

}
.banner.style-4 .banner-content {
top: ;
bottom: ;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.banner.style-kindergarten .banner-content {
margin-top: 0;
}
.banner.style-kindergarten .banner-content .banner-subtitle {
font-family: 'Pacifico', sans-serif;
font-weight: 400;
font-size: 3.6rem;
}
.banner.style-kindergarten .banner-content .banner-subtitle + .banner-title {
margin-top: 25px;
}
.banner.style-5 .banner-item {
height: 850px;
}
.banner.style-5 .banner-content {
top: auto;
bottom: 30px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.banner.style-6 {
background-image: url(images/banner/8.jpg);
background-position: center top;
background-size: cover;
}
.banner.style-6 .banner-item {
height: 768px;
}
.banner.style-6 .banner-content {
margin-top: 40px;
}
.banner.style-7 .banner-item {
height: 768px;
}
.banner.style-7 .banner-registration {
margin-left: 0;
margin-right: auto;
}
.banner.style-8 {
background-image: url(images/banner/10.jpg);
background-position: center top;
background-size: cover;
}
.banner.style-8 .banner-item {
height: 768px;
}
.banner.style-8 .banner-content {
margin-top: 40px;
}
.banner.style-9 .banner-content {
margin-top: 0;
}
.banner .owl-prev,
.banner .owl-next {
position: absolute;
top: 50%;
line-height: 60px;
height: 60px;
width: 40px;
background-color: rgba(0, 0, 0, 0.35);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-size: 3rem;
color: #ffffff;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.banner .owl-prev {
left: 0;
}
.banner .owl-next {
right: 0;
}
.banner:hover .owl-prev,
.banner:hover .owl-next {
opacity: 1;
}

/*------------------------------------
5. Background
------------------------------------*/
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10, .bg-11, .bg-14 {
background-position: center center;
background-size: cover;
background-attachment: ;
}
.bg-1 .overlay, .bg-2 .overlay, .bg-3 .overlay, .bg-4 .overlay, .bg-5 .overlay, .bg-6 .overlay, .bg-7 .overlay, .bg-8 .overlay, .bg-9 .overlay, .bg-10 .overlay, .bg-11 .overlay, .bg-14 .overlay {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}

.bg-1 {
background-image: url(images/bg/1.jpg);
}

.bg-2 {
background-image: url(images/bg/2.jpg);
}

.bg-3 {
background-image: url(images/bg/3.jpg);
}

.bg-4 {
background-image: url(images/bg/4.jpg);
}

.bg-5 {
background-image: url(img/testimonials_bg.jpg);
min-height:750px;
}

.bg-6 {
background-image: url(images/bg/6.jpg);
}

.bg-7 {
background-image: url(images/bg/7.jpg);
}

.bg-8 {
background-image: url(images/bg/8.jpg);
}

.bg-9 {
background-image: url(images/bg/9.jpg);
}

.bg-10 {
background-image: url(images/bg/10.jpg);
}

.bg-11 {
background-image: url(images/bg/11.jpg);
}

.bg-12 {
background-image: url(images/bg/12.jpg);
background-size: cover;
background-position: center bottom;
}

.bg-13 {
background-image: url(images/bg/13.jpg);
background-size: cover;
background-position: center bottom;
}

.bg-14 {
background-image: url(images/bg/14.jpg);
}

.bg-15 {
background-image: url(images/bg/15.jpg);
background-color: cover;
background-position: center center;
color: #ffffff;
}

.bg-17 {
background-image: url(images/bg/17.jpg);
background-color: cover;
background-position: center center;
color: #ffffff;
}

/*------------------------------------
6. Category Tile
------------------------------------*/
.category-tiles {
zoom: 1;
overflow: hidden;
position: relative;
margin-bottom: -30px;
}

.category-item {
margin-bottom: 30px;
}

.category-tile {
display: block;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.category-tile .category-tile-overlay {
background-color: rgba(17, 17, 17, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.category-tile .category-tile-content {
color: #fff;
position: absolute;
top: 50%;
left: 60px;
right: 60px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 0;
padding: 15px 15px 47px;
margin-top: 16px;
}
.category-tile .category-title {
font-size: 1.8rem;
margin: 0;
}
.category-tile .blog-count {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 16px;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.category-tile:hover .category-tile-content {
background-color: rgba(17, 17, 17, 0.8);
border-radius: 20px;
}
.category-tile:hover .blog-count {
opacity: 1;
}

/*------------------------------------
7. Category Small
------------------------------------*/
.categories-small {
margin-top: 50px;
}

.category-small {
border-radius: 3px;
overflow: hidden;
position: relative;
display: block;
}
.category-small .category-hover {
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.category-small .category-title {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
font-size: 1.8rem;
margin: 0;
color: #ffffff;
}

/*------------------------------------
8. Book
------------------------------------*/
.book {
background-color: #ffffff;
border-radius: 3px;
margin: 0 15px;
text-align: center;
}
.book .book-name {
margin: 0;
color: #111111;
font-size: 1.4rem;
}
.book .book-body {
padding: 20px 15px;
}
.book .book-price {
color: #111111;

font-weight: 700;
font-size: 2.2rem;
margin-top: 6px;
margin-bottom: 10px;
}
.book .btn {
margin-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.book .btn:hover {
background-color: transparent;
}
/*------------------------------------
9. Homebox
------------------------------------*/
.home-boxes
{
zoom: 1;
overflow: hidden;
position: relative;
margin-bottom: -30px;
}
.home-box
{
margin-bottom: 30px;
border: ;
border-radius: 3px;
text-align: center;
padding: 30px 15px;
background:#fff;  
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.home-box .homebox-icon img
{
width:30%;
}
.home-box .homebox-title
{
font-size:20px;
line-height:30px;
color:#4c5355;
}
.home-box .homebox-text
{
font-size:16px;
line-height:26px;
font-family: 'Lato', sans-serif;
font-weight:normal;
}



/*------------------------------------
9. Infobox
------------------------------------*/
.info-boxes {
zoom: 1;
overflow: hidden;
position: relative;
margin-bottom: -30px;
}
.contact .info-box 
{
border: 1px solid #4c5355;
padding: 50px 30px;
}
.info-box {
border-radius: 3px;
text-align: center;
padding: 30px 0px;
}
.info-box .infobox-icon {
padding: 0px 5px;
}

.info-box .infobox-title {
color:#31393c;
}
.info-box .infobox-info {

}
.info-box.style-2 {
padding: 40px 30px 30px;
}
.info-box.style-2 .infobox-icon {
margin-bottom: 25px;
}
.info-box.style-2 .infobox-title {
font-size: 2.2rem;
}
.info-box.style-2 .info-more {

font-weight: 700;
margin-top: 18px;
display: inline-block;
}
.info-box.style-2 .info-more .fa {
margin-left: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.info-box.style-2 .info-more:hover .fa {
margin-left: 15px;
}
.info-box.style-3 {
border: none;
position: relative;
border-radius: 3px;
overflow: hidden;
color: #ffffff;
background-size: cover;
background-position: center center;
}
.info-box.style-3:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.4);
}
.info-box.style-3 * {
position: relative;
color: #ffffff;
}

.theme-bg.info-box, .blue-bg.info-box, .green-bg.info-box, .orange-bg.info-box {
color: #ffffff;
}
.theme-bg.info-box .infobox-title, .blue-bg.info-box .infobox-title, .green-bg.info-box .infobox-title, .orange-bg.info-box .infobox-title {
color: #ffffff;
}
.theme-bg.info-box .info-more, .blue-bg.info-box .info-more, .green-bg.info-box .info-more, .orange-bg.info-box .info-more {
color: #ffffff;
}

/*------------------------------------
10. Call to action
------------------------------------*/
.cta .overlay {
padding: 220px 0;
}
.cta .cta-subtitle {
margin: 0;
font-size: 2.2rem;
font-weight: 400;
}
.cta .cta-title {

}
.cta .button-group {
margin-top: 35px;
}
.cta.style-2 .cta-title {


}
.news-update h5
{
font-size:26px;
line-height:38px;
color:#4c5355;
font-weight:600;
font-style:italic;
}
.news-update h5 a
{
color:#4c5355;
}
.news-update h6
{
font-size:18px;
line-height:30px;
color:#4c5355;
font-weight:600;  
font-family: 'Lato', sans-serif;
}
.cta.style-2 .cta-text {
margin-top: 7px;
margin-bottom: 0;
font-size:16px;
line-height:26px;
}
.cta.style-2 .button-group {
margin-top: 25px;
}
.cta.style-3 .overlay {
padding: 248px 0;
}
.cta.style-3 .header-left-style {
margin-top: 0;
}
.cta.style-3 .header-left-style p {

font-size: 2.2rem;
}
.cta.style-3 .simple-video-play {
margin-top: 70px;
}
.cta.style-4 .button-group {
margin-top: 0;
}
.cta.style-5 .overlay {
padding: 90px 0;
}
.cta.style-5 .header-left-style {
margin-top: 0;
}
.cta.style-5 .header-left-style p {

font-size: 2.2rem;
}
.cta.style-5 .simple-video-play {
margin-top: 70px;
}
.cta.style-6 {
padding: 65px 0;
}
.cta.style-6 .cta-title {
font-size: 3.6rem;
}
.cta.style-6 .cta-text {
margin-top: 15px;
margin-bottom: 0;
}
.cta.style-6 .button-group {
margin-top: 25px;
}

/*------------------------------------
11. Course
------------------------------------*/
.blog {
border: ;
background-color: transparent;
text-align: center;
}
.generic-carousel .blog {
margin: 0 15px;
}
.blog .blog-content p{
	font-family: 'Lato', sans-serif;
padding: 15px 0px;
margin-top: 10px;
font-size:18px;
line-height:30px;
}
.blog .blog-title {
font-size: 18px;
line-height: 30px;
margin-bottom: 0px;
font-family: 'Lato', sans-serif;
margin-top: 30px;
}
.blog .blog-title a {
color: inherit;
}
.blog .blog-instructor {
text-align:center;
}
.blog .instructor-thumb {
border-radius: 50%;
width: 60px;
overflow: hidden;
margin: 0 auto;
}
.blog .instructor-thumb + .instructor-name {
margin-top: 5px;
}
.blog .instructor-name {
font-size: 16px;
font-weight: 400;
margin: 0;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
line-height: 26px;
text-align: left;
}
.blog .blog-footer {
margin: 12px 30px 0;
border-top: 1px solid #bdbdbd;
padding: 12px 0 22px;
zoom: 1;
overflow: hidden;
position: relative;
}
.blog .blog-price {
margin: 0;
font-size: 1.8rem;

font-weight: 700;
float: left;
width: 50%;
vertical-align: middle;
display: inline-block;
text-align: left;
}
.blog .blog-price .price-regular {
text-decoration: line-through;
color: rgba(38, 38, 38, 0.4);
margin-left: 7px;
}
.blog .blog-price .price-free {
color: #7fba00;
}
.blog .blog-metas {
margin: 3px 0 0;
vertical-align: middle;
display: inline-block;
text-align: right;
float: left;
width: 50%;
}
.blog .blog-metas span + span {
margin-left: 25px;
}
.blog.style-2 {
text-align: left;
margin-top: 40px;
}
.blog.style-2 .instructor-thumb {
margin-left: 0;
display: inline-block;
vertical-align: middle;
}
.blog.style-2 .instructor-thumb + .instructor-name {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
margin-top: 0;
}

/*** Course Grid ***/
.blogs-grid {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -30px;
}
.blogs-grid .blog {
margin-bottom: 30px;
}

/*** Course Isotope ***/
.grid-section .container {
position: relative;
}
.grid-section .grid-filter {
top: 7px;
right: 15px;
position: absolute;
}
.grid-section .grid-filter button {
font-size: 1.2rem;

font-weight: 700;
text-transform: uppercase;
border: 1px solid #e7e7e7;
line-height: 2.6rem;
padding: 0 10px;
background-color: transparent;
min-width: 62px;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.grid-section .grid-filter button + button {
margin-left: 7px;
}
.grid-section .grid-filter button:focus {
outline: none;
}
.grid-section .grid-filter button.active {
color: #ffffff;
}
.grid-section .grid-filter button.active:hover {
color: #ffffff;
}

.blogs-isotope {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -30px;
}
.blogs-isotope .blog {
margin-bottom: 30px;
}

.blog-listing .blog {
margin-bottom: 30px;
}
.blog-listing .nav-links {
margin-top: 20px;
}

/*** Course Small ***/
.blogs-small {
zoom: 1;
position: relative;
overflow: hidden;
margin-top: 30px;
margin-bottom: -30px;
}
.blogs-small .blog {
border: none;
margin-bottom: 30px;
}
.blogs-small .blog .blog-content {
padding: 5px 0 0;
}
.blogs-small .blog .blog-title {
text-transform: uppercase;
}
.blogs-small .blog .blog-excerpt {
margin-top: 6px;
}

/*------------------------------------
12. Featured Course
------------------------------------*/
.featured-blogs {
border-radius: 3px;
color: #ffffff;
padding: 45px 30px;
}
.featured-blogs.upfloat-style {
margin-top: -190px;
}
.featured-blogs .featured-blogs-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 2.2rem;
position: relative;
padding-bottom: 20px;
}
.featured-blogs .featured-blogs-title:before {
content: "";
position: absolute;
bottom: 2px;
left: 60px;
width: 70px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
}
.featured-blogs .featured-blogs-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 5px;
background-color: rgba(0, 0, 0, 0.2);
}
.featured-blogs .featured-blogs {
position: relative;
zoom: 1;
overflow: hidden;
margin-bottom: -30px;
}
.featured-blogs .featured-blog {
margin-bottom: 30px;
background-color: rgba(0, 0, 0, 0.2);
text-align: center;
border-radius: 3px;
padding: 25px 10px;
display: block;
}
.featured-blogs .featured-blog .featured-blog-icon {
font-size: 3rem;
line-height: 1;
}
.featured-blogs .featured-blog .featured-blog-title {
font-size: 1.8rem;
margin-top: 15px;
margin-bottom: 0;
color: #ffffff;
}
.featured-blogs.banner-featured-blog {
border-radius: 0;
padding: 0;
margin-top: 60px;
background-color: transparent;
}
.featured-blogs.banner-featured-blog .featured-blogs {
margin-bottom: 0;
margin-left: -9px;
margin-right: -9px;
}
.featured-blogs.banner-featured-blog .featured-blog {
margin-bottom: 0;
margin-left: 9px;
margin-right: 9px;
width: calc(16.666666% - 18px);
float: left;
padding: 40px 10px;
background-color: rgba(0, 0, 0, 0.3);
}

/*------------------------------------
13. Instructor
------------------------------------*/
.instructors {
margin-bottom: -30px;
zoom: 1;
position: relative;
overflow: hidden;
}
.instructor-carousel
{
overflow: hidden;
}
.instructor-carousel .owl-prev,
.instructor-carousel .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width:90px;
height:90px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.instructor-carousel .owl-prev {
left: -37px;
background: url(img/previous.png) no-repeat;
width: 105px;
height: 165px;
opacity: 0.5;
}
.instructor-carousel .owl-next {
right: -97px;
background: url(img/next.png) no-repeat;
width: 105px;
height: 165px;
opacity: 0.5;
}

.instructor {
background-color: ;
margin: 0 15px;
}
.instructor .instructor-thumb {
display: block;
}
.instructor .instructor-body {
padding: 35px 40px;
}
.instructor .instructor-title {
margin: 0;
margin-bottom:;
font-size: 18px;
line-height:30px;
font-family: 'Lato', sans-serif;
color:#31393c;
}
.instructor .instructor-title a {
color: inherit;
}
.instructor .instructor-field {
font-weight: 600;
text-transform:uppercase;
position: relative;
padding-bottom: 16px;
margin-bottom: 0px;
}
.instructor .instructor-field:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100px;
}
.instructor .instructor-body p{
font-family: 'Lato', sans-serif;
font-size:18px;
line-height:30px;
margin-bottom: 15px;
}
.instructor .instructor-link {

}
.instructor .instructor-link .fa {
margin-left: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.instructor .instructor-link:hover .fa {
margin-left: 15px;
}
.instructor.style-2 {
margin: 0 0 30px;
border-radius: 3px;
overflow: hidden;
}
.instructor.style-2 .instructor-cover {
position: relative;
}
.instructor.style-2 .instructor-cover .instructor-thumb {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
}
.instructor.style-2 .instructor-body {
border-radius: 0 0 3px 3px;
border: 1px solid #e7e7e7;
border-top: none;
text-align: center;
padding-top: 85px;
}
.instructor.style-2 .instructor-title {
font-size: 1.8rem;
margin-bottom: 3px;
}
.instructor.style-2 .instructor-title a:hover {
color: #262626;
}
.instructor.style-2 .instructor-field {
padding-bottom: 0;
margin-bottom: 18px;
}
.instructor.style-2 .instructor-field:after {
content: none;
}
.instructor.style-3 {
margin: 0 15px;
background-color: transparent;
width:100%;
}
.instructor.style-3 .instructor-thumb {
position: relative;
overflow: ;
border-radius: 50%;
width: 80%;
height: 80%;
margin-left: -10%;
}
.instructor.style-3 .instructor-thumb-dn {
position: relative;
overflow: ;
border-radius: 50%;
width: 50%;
height: 50%;
margin-left: 48%;
margin-top: -20%;
}
.instructor.style-3 .instructor-thumb1 {
position: relative;
overflow: ;
border-radius: 50%;
width: 70%;
height: 70%;
margin-left: -10%;
margin-top: 4%;
}
.instructor.style-3 .instructor-thumb-dn1 {
position: relative;
overflow: ;
border-radius: 50%;
width: 64%;
height: 64%;
margin-left: 48%;
margin-top: -22%;
}
.instructor.style-3 .instructor-thumb2 {
position: relative;
overflow: ;
border-radius: 50%;
width: 60%;
height: 60%;
margin-top: 8%;
}
.instructor.style-3 .instructor-thumb-dn2 {
position: relative;
overflow: ;
border-radius: 50%;
width: 66%;
height: 66%;
margin-left: 48%;
margin-top: -24%;
}
.instructor.style-3 .instructor-thumb3 {
position: relative;
overflow: ;
border-radius: 50%;
width: 70%;
height: 70%;
margin: ;
}
.instructor.style-3 .instructor-thumb-dn3 {
position: relative;
overflow: ;
border-radius: 50%;
width: 50%;
height: 50%;
margin-left: 35%;
margin-top: -8%;
}
.instructor.style-3 .instructor-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.instructor.style-3 .instructor-socials {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
right: 15px;
text-align: center;
}
.instructor.style-3 .instructor-socials a {
color: #ffffff;
margin: 0 6px;
}
.instructor.style-3 .instructor-body {
padding: 0;
text-align: center;
margin-top: 25px;
}
.instructor.style-3 .instructor-title {
font-size: 1.8rem;
margin: 0;
}
.img-bg .instructor.style-3 .instructor-title, .theme-bg .instructor.style-3 .instructor-title {
color: #ffffff;
}
.instructor.style-3 .instructor-field {
margin-bottom: 0;
padding-bottom: 0;
}
.img-bg .instructor.style-3 .instructor-field, .theme-bg .instructor.style-3 .instructor-field {
color: #ffffff;
}
.instructor.style-3 .instructor-field:after {
content: none;
}
.instructor.style-3:hover .instructor-hover {
opacity: 1;
}

/*** Instructor Single ***/
.instructor-thumb + .contact-instructor {
margin-top: 30px;
}

.contact-instructor .btn {
width: 100%;
}
.contact-instructor .btn + .btn {
margin-top: 10px;
}

.instructor-single-socials {
margin-top: 30px;
text-align: center;
}
.instructor-single-socials a {
display: inline-block;
font-size: 1.6rem;
}
.instructor-single-socials a + a {
margin-left: 11px;
}

.instructor-entry blockquote {
border: none;
position: relative;
font-size: 1.6rem;
padding: 0px 0 0px 70px;
}
.instructor-entry blockquote:before {
position: absolute;
top: 0;
left: 0;
content: "\f10d";
font-family: "FontAwesome";
opacity: 0.15;
font-size: 6rem;
line-height: 1;
}

.instructor-facts {
margin-top: 50px;
}
.instructor-facts .instructor-fact-item {
display: inline-block;
}
.instructor-facts .instructor-fact-item + .instructor-fact-item {
margin-left: 26px;
}
.instructor-facts .instructor-fact-item h5 {
margin: 0;
font-size: 1.4rem;
font-weight: 400;
}
.instructor-facts .instructor-fact-item p {
font-size: 3rem;

margin-top: -10px;
}

/*------------------------------------
14. Instructor Single
------------------------------------*/
.instructor-entry {
margin-top: -20px;
}

.instructor-sign {
margin-top: 30px;
}
.instructor-sign .instructor-role {
margin-top: 6px;
margin-bottom: 0;
}

.instructor-counter-group {
zoom: 1;
position: relative;
overflow: hidden;
margin: 0px 0px;

}
.instructor-counter-group .counter-item {
border-radius: 3px;
margin-bottom: 30px;
color: #ffffff;
padding: 8% 2% 6%;
}
.instructor-counter-group .counter-item .fact-icon img{
width:20%;
}


/*------------------------------------
15. Word From Instructor
------------------------------------*/
.instructor-comments {
color: #ffffff;
border-radius: 3px;
}
.instructor-comments.style-2 {
background-color: transparent;
color: #262626;
border-radius: 0;
}
.theme-bg .instructor-comments.style-2, .img-bg .instructor-comments.style-2 {
color: #ffffff;
}

.instructor-comment {
padding: 50px;
text-align: center;
}
.style-2 .instructor-comment {
padding: 0;
}
.instructor-comment .instructor-thumb {
border-radius: 50%;
width: 100px;
margin: 0 auto 22px;
overflow: hidden;
}
.instructor-comment blockquote {
font-size: 1.4rem;
border: none;
padding: 0;
margin: 0 0 13px;
}
.instructor-comment .instructor-name {
font-size: 1.8rem;
margin: 0;
}
.instructor-comment .instructor-field {

margin: 3px 0 0;
}

/*------------------------------------
16. Campus
------------------------------------*/
.campus-item {
margin-bottom: 80px;
}
.campus-item .campus-thumb {
overflow: hidden;
position: relative;
border-radius: 3px;
display: block;
}
.campus-item .campus-name {
font-size: 1.8rem;
color: #262626;
margin-top: 27px;
margin-bottom: 0;
}
.theme-bg .campus-item .campus-name, .img-bg .campus-item .campus-name {
color: #ffffff;
}
.campus-item .campus-name a {
color: inherit;
}
.campus-item .campus-location {
margin-top: 8px;
margin-bottom: 0;
}

/*------------------------------------
17. Gallery
------------------------------------*/
.gallery {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -30px;
}

.gallery-item {
margin-bottom: 30px;
position: relative;
}
.gallery-item .gallery-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(17, 17, 17, 0.3);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.gallery-item .gallery-big {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3rem;
color: #ffffff;
background-color: rgba(17, 17, 17, 0.8);
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
border-radius: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gallery-item:hover .gallery-hover {
opacity: 1;
}
.gallery-item:hover .gallery-big {
border-radius: 20px;
}
.gallery-item.style-2 .gallery-hover {
background-color: rgba(0, 0, 0, 0.6);
}
.gallery-item.style-2 .gallery-buttons {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
}
.gallery-item.style-2 .gallery-big, .gallery-item.style-2 .gallery-link {
position: relative;
display: inline-block;
background-color: transparent;
color: #ffffff;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
font-size: 2.8rem;
vertical-align: middle;
top: 0;
left: 0;
width: auto;
height: auto;
line-height: 1;
margin: 0 12px;
}

/*** Carouseled Gallery ***/
.carouseled-gallery {
margin-bottom: 0;
}
.carouseled-gallery .gallery-item {
margin-bottom: 0;
display: block;
}
.carouseled-gallery .gallery-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: rgba(255, 104, 0, 0.6);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 2;
}
.carouseled-gallery .gallery-item img {
z-index: 1;
position: relative;
}
.carouseled-gallery .gallery-item .fa {
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.carouseled-gallery .gallery-item:hover:before {
opacity: 1;
}
.carouseled-gallery .gallery-item:hover .fa {
opacity: 1;
}

/*** Mini Gallery ***/
.gallery.mini-gallery {
margin-bottom: 0;
}
.gallery.mini-gallery .gallery-item {
float: left;
width: 33.333333%;
margin-bottom: 0;
}
.gallery.mini-gallery .gallery-item .gallery-big {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 1.4rem;
}

/*** Filter Gallery ***/
.gallery-section {
text-align: center;
}
.gallery-section .grid-filter {
position: relative;
top: 0;
right: auto;
margin-bottom: 50px;
}
.gallery-section .grid-filter button {
text-transform: none;
font-weight: 400;
font-size: 1.4rem;
}

/*------------------------------------
18. Objectives
------------------------------------*/
.objectives {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -48px;
}

.objective {
margin-bottom: 48px;
	min-height: 250px;
}
.objective:nth-child(3n + 1) {
clear: left;
}
.objective .objective-text {

font-size: 16px;
line-height:26px;
margin: 8px 0px 15px;  
font-family: 'Lato', sans-serif;
font-weight:normal;
}
.objective-icon img
{
width: auto;
}
.line-top:before
{
content: ""; /* This is necessary for the pseudo element to work. */ 
display: block; /* This will put the pseudo element on its own line. */
width: 18%; /* Change this to whatever width you want. */
padding-top: 10px; /* This creates some space between the element and the border. */
border-top: 1.7px solid #d6d7d8;; 
left:0;
}

/*------------------------------------
19. Tags
------------------------------------*/
.tag-items {
position: relative;
overflow: hidden;
zoom: 1;
margin-top: 30px;
}

.tag-item {
margin-bottom: 35px !important;
font-size: 2.8rem;
font-weight: 700;

}
.tag-item .fa {
margin-right: 15px;
}

/*------------------------------------
20. Event
------------------------------------*/
.events {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -50px;
}
.mini-section .events {
margin-bottom: 0;
}

.event {
margin-bottom: 50px;
zoom: 1;
position: relative;
overflow: hidden;
}
.event .col-sm-6:nth-child(2n + 1) {
clear: left;
}
.event .event-date {
color: #ffffff;
display: inline-block;
vertical-align: middle;
padding: 30px;
border-radius: 3px;
height: 150px;
width: 150px;
float: left;

line-height: 1;
margin-right: 40px;
background-size: cover;
background-position: center center;
}
.event .event-date .event-day {
font-size: 4.8rem;
font-weight: 700;
display: block;
margin: 7px 0;
}
.event .event-date .event-month {
font-size: 1.8rem;
}
.event .event-date + .event-detail {
width: calc(100% - 190px);
margin-top: 15px;
}
.event .event-detail {
display: inline-block;
vertical-align: middle;
float: left;
widows: 100%;
}
.event .event-title {
font-size: 2.2rem;
color: #262626;
margin-top: 0;
margin-bottom: 13px;
}
.event .event-title a {
color: inherit;
}
.event .event-metas {
margin-bottom: 7px;
}
.event .event-metas span {
display: inline-block;
}
.event .event-metas span + span {
margin-left: 90px;
}
.event .event-metas span .fa {
margin-right: 6px;
}
.mini-section .event {
margin-bottom: 20px;
}
.mini-section .event + .event {
margin-top: 0;
}
.mini-section .event .event-date {
height: 80px;
width: 80px;
padding: 8px 12px;
margin-right: 20px;
}
.mini-section .event .event-date .event-day {
font-size: 2.8rem;
margin-bottom: 5px;
}
.mini-section .event .event-date .event-month {
font-size: 1.2rem;
}
.mini-section .event .event-date + .event-detail {
width: calc(100% - 100px);
}
.mini-section .event .event-detail {
color: #262626;
}
.mini-section .event .event-title {
font-size: 1.8rem;
font-weight: 400;
margin-bottom: 7px;
}
.mini-section .event .event-metas span + span {
margin-left: 15px;
}
.event.style-2 .event-date {
position: relative;
}
.event.style-2 .event-date:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.event.style-2 .event-date .event-day {
position: relative;
}
.event.style-2 .event-date .event-month {
position: relative;
}

.mini-all-link {

}
.mini-all-link .fa {
margin-left: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mini-all-link:hover .fa {
margin-left: 15px;
}

/*------------------------------------
21. Blog
------------------------------------*/
.posts {
zoom: 1;
overflow: hidden;
position: relative;
margin-bottom: -30px;
}

.post {
margin: 0 15px;
background-color: #ffffff;
}
.post .post-thumb {
display: block;
}
.post .post-video {
position: relative;
display: block;
}
.post .post-video:before {
position: absolute;
content: "\f04b";
font-family: "FontAwesome";
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-style: solid;
border-width: 1px;
border-radius: 50%;
height: 80px;
width: 80px;
line-height: 78px;
text-align: center;
background-color: rgba(255, 255, 255, 0.7);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post .post-body {
padding: 25px 40px;
}
.post .post-title {
font-size: 1.8rem;
line-height: 2.5rem;
margin: 0;
color: #262626;
}
.post .post-title a {
color: inherit;
}
.post .post-link {

display: inline-block;
margin-top: 20px;
}
.post .post-link .fa {
margin-left: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post .post-link:hover .fa {
margin-left: 15px;
}
.mini-section .post {
margin: 0;
}
.mini-section .post .post-body {
padding: 25px 0 22px;
}
.post:hover .post-video:before {
color: #ffffff;
}
.post.style-2 {
margin-bottom: 30px;
}
.post.style-2 .post-body {
padding: 25px 0 0;
}
.post.style-3 .post-body {
border: 1px solid #e7e7e7;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
}
.post.style-4 .post-body {
border: 1px solid #e7e7e7;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
}
.post.style-4 .post-title {
font-size: 2.8rem;
line-height: 4rem;
}
.post.style-4 .post-excerpt {
margin-top: 15px;
margin-bottom: 0;
}
.post.style-4 .post-link {
font-size: 1.8rem;
margin-top: 12px;
}
.post.style-4 .post-link .fa {
margin-left: 10px;
}
.post.style-4 .post-link:hover .fa {
margin-left: 25px;
}

/*** Post by category ***/
.post-by-category .category-title {
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 30px;
}
.post-by-category .post {
margin: 0;
}
.post-by-category .post .post-body {
border: 1px solid #e7e7e7;
background-color: #ffffff;
}

/*** Listing ***/
.posts-listing {
zoom: 1;
position: relative;
overflow: hidden;
}
.posts-listing .post {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
}

/*** Blog Pagination ***/
.post-pagination
{
padding:40px 0px;
min-width:160px;
}
.nav-links .page-numbers {

color: #31393c;
border-left: 1px solid #c1c3c4;
width: 41px;
height: 41px;  
padding: 5px 5px 5px 10px;
text-align: center;

}
.post-pagination .page-numbers + .page-numbers {
margin-left: 0px;
margin-right:0px ;
}
.post-pagination .page-numbers.current:first-child{
border-radius: 25px 0px 0px 25px;
border-left: none;
margin-left: 0px;
}
.post-pagination .page-numbers.current {
color: #fff;
background-color:#84d10b;
padding: 5px 10px 5px 8px;
margin-right: -5px;
}
.post-pagination .page-numbers.current:last-child{
border-radius: 0px 25px 25px 0px;
border-left: none;
margin-right: -20px;
}
.post-pagination .page-numbers.current:hover {
color: #ffffff;
}
.nav-links
{
display:;
width: auto;
border: 1px solid rgb(49,57,60,0.3);
border-radius: 25px;
padding: 3px 5px 3px 0px;
}
.nav-links  .prev{
border-left: none;
width: 81px;
height: 41px;
}
.nav-links  .next{
border-right: none;
width: 81px;
height: 41px;
}
/*------------------------------------
22. Widget
------------------------------------*/
.sidebar .widget {
border: ;
border-radius: 3px;
padding: 26px 10px 0px 0px;
}
.sidebar .search_widget
{
padding-right:10px;
}
.sidebar .widget + .widget {
margin-top: 10px;
}
.sidebar .widget-title {
font-size: 18px;
line-height:30px;
margin-top: 0;
position: relative;
padding-bottom: 5px;
margin-bottom: ;
font-family: 'Lato', sans-serif;
}
.sidebar .search_widget i{
color:#4c5355;
}
.sidebar .widget-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 40px;
}
.sidebar input:not([type=submit]):not([type=radio]):not([type=checkbox]), .sidebar select, .sidebar textarea {
border-radius: 25px;
}
.sidebar .search_widget form {
position: relative;
}
.sidebar .search_widget form [type=submit] {
position: absolute;
top: 0;
right: 0;
padding: 7px 20px;
border: 1px solid transparent;
background-color: transparent;
}
.sidebar .categories {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .categories li a {

color: #262626;
}
.sidebar .categories li a:before {
content: "\f105";
font-family: "FontAwesome";
margin-right: 5px;
}
.sidebar .widget-posts{
margin-top:20px;
}
.sidebar .widget-posts .widget-post{
display:table;
}
.sidebar .widget-post + .widget-post {
margin-top: 30px;
}

.sidebar .widget-post .widget-post-thumb {
display: inline-block;
width: 48px;
float: left;
margin-right: 15px;
}
.sidebar .widget-post .widget-post-thumb + .widget-post-content {
width: calc(100% - 165px);
}
.sidebar .widget-post .widget-post-content {
float: ;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.sidebar .widget-post .widget-post-title {
display: block;
font-size: 18px;
line-height: 30px;
color: #31393c; 
padding-top:;
font-family: 'Lato', sans-serif;
}

.sidebar .widget-post .widget-read-more .fa {
margin-left: 5px;
}
.sidebar .widget-post .widget-price {
display: inline-block;
font-size: 1.2rem;

font-weight: 700;
}
.sidebar .tags {
margin-right: -6px;
margin-bottom: -10px;
}
.sidebar .tags a {
display: inline-block;
color: #4c5355;
border: 1px solid rgb(49,57,60,0.58);
border-radius: 25px;
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 30px;
padding: 5px 14px;
margin-right: 6px;
margin-bottom: 15px;
}
.sidebar .tags a:hover {
color: #4c5355;
}

/*------------------------------------
23. Fact
------------------------------------*/
.fact-section {
padding: 60px 0;
}

.fact-title {
margin: 18px 0 0;
font-size: 3.6rem;
position: relative;
padding-top: 18px;
}
.fact-title:before {
content: "";
height: 5px;
width: 50px;
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
}

.counter-group {
text-align: right;
}
.counter-group .counter-item {
display: inline-block;
width: 80px;
}
.counter-group .counter-item + .counter-item {
margin-left: 95px;
}
.counter-group .counter-item .fact-number {
font-size: 4.8rem;
margin: 0;
}
.counter-group .counter-item .fact-name {
font-weight: 600;
margin-top: -3px;
}

.counter-group.style-2 {
text-align: center;
}
.counter-group.style-2.text-left {
text-align: left;
}

.counter-group.style-3 {
text-align: left;
padding: 80px 0 50px;
zoom: 1;
position: relative;
overflow: hidden;
}
.counter-group.style-3 .counter-item {
float: left;
width: 100%;
margin-bottom: 30px;
}
.counter-group.style-3 .counter-item .fact-icon {
float: left;
width: 36px;
font-size: 3.6rem;
margin-right: 15px;
line-height: 1;
}
.theme-bg .counter-group.style-3 .counter-item .fact-icon, .img-bg .counter-group.style-3 .counter-item .fact-icon {
color: #ffffff;
}
.counter-group.style-3 .counter-item .fact-icon + .fact-content {
width: calc(100% - 51px);
}
.counter-group.style-3 .counter-item .fact-content {
width: 100%;
float: left;
}
.counter-group.style-3 .counter-item .fact-number {
font-size: 2.2rem;
margin-top: -4px;
}
.counter-group.style-3 .counter-item .fact-name {

}

/*------------------------------------
24. Facility
------------------------------------*/
.facilities {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -30px;
}

.facility {
text-align: center;
position: relative;
padding-top: calc(100% - 20px);
border-width: 10px;
border-style: solid;
border-radius: 50%;
margin-bottom: 30px;
}
.facility .facility-hover {
position: absolute;
top: -10px;
left: -10px;
bottom: -10px;
right: -10px;
border-radius: 50%;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.facility .facility-hover:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.4;
}
.facility .facility-content {
position: absolute;
top: 50%;
left: 30px;
right: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.facility .facility-icon {
font-size: 4.8rem;
line-height: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.facility .facility-title {
font-size: 2.2rem;
margin-top: 15px;
margin-bottom: 0;
color: #262626;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.facility:hover .facility-hover {
opacity: 1;
}
.facility:hover .facility-icon {
color: #ffffff;
}
.facility:hover .facility-title {
color: #ffffff;
}

/*------------------------------------
25. Partner
------------------------------------*/
.partner-logoes {
zoom: 1;
overflow: hidden;
position: relative;
margin-bottom: -20px;
}

.partner-logoes {
padding: 38px 0;
}

.partner-logo {
display: inline-block;
width: 20%;
height: 100px;
margin-bottom: 20px;
position: relative;
float: left;
}
.partner-logo img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.partner-logoes.style-2 .partner-logo {
width: 16.666666%;
}
.partner-logoes.style-2 .partner-logo img {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.partner-logoes.style-3 .partner-logo {
width: 100%;
}

/*------------------------------------
26. Testimonial
------------------------------------*/
.testimonial-main
{
margin-top:50px;
}
.testimonial-item:focus {
outline: none;
}
.testimonial-item .testimonial-title {
margin-top: 0;
margin-bottom: 3px;
}
.testimonial-item p {
font-size: 24px;
line-height:36px;
font-family: 'Lato', sans-serif;
font-style:italic;
margin: 35px 55px 60px 55px;
padding: 0;
border: none;
color:#fff;
text-align:center;
}

.testimonial-item .f-left
{  
color: #fff;
font-size:30px;
float:left;
}
.testimonial-item .f-right
{  
color: #fff;
font-size:30px;
float:right;
}
.testimonial-item .rating {
margin-bottom: 25px;
}
.testimonial-item .commenter-name {
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 3px;
}
.testimonial-item .commenter-profession {
font-weight: 600;
}
.mini-section .testimonial-item {
color: #262626;
margin-bottom: 18px;
}
.mini-section .testimonial-item .testimonial-title {
margin-bottom: 8px;
}
.mini-section .testimonial-item blockquote {
margin-bottom: 10px;
}

.rating .star {
font-family: "FontAwesome";
display: inline-block;
}
.rating .star + .star {
margin-left: 3px;
}
.rating .star:before {
content: "\f006";
}
.rating .star.star-on:before {
content: "\f005";
}

.testimonial-nav-thumbs {
max-width: 560px;
margin: 15px auto 0;
}

.testimonial-nav-thumbs .commenter-thumb {
opacity: 0.2;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
text-align:center;
}
.testimonial-nav-thumbs .commenter-thumb:focus {
outline: none;
}
.testimonial-nav-thumbs .commenter-thumb.slick-current {
opacity: 1;
}

.testimonial-nav-thumbs .commenter-thumb-img {
height: 75px;
width: 75px;
overflow: hidden;
border-radius: 50%;
margin: 0 auto;
}

.mini-section .commenter-thumb-img {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 15px;
}
.commenter-thumb .commenter-name
{
color:#fff;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:26px;
margin-bottom:0px;
margin-top: 0px;
width:150px;
}
.commenter-thumb .commenter-profession
{
color:#fff;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:22px;
width:150px;
}
/*------------------------------------
27. Country Flag
------------------------------------*/
.country-flag-slider {
margin: 50px 0;
}

.country-flag {
text-align: left;
}
.country-flag h5 {
font-size: 1.4rem;
margin-top: 15px;
margin-bottom: 0;
}

/*------------------------------------
28. Subscription
------------------------------------*/
.subscribe-section {
padding: 35px 0;
}

.subscribe-heading h5 {
margin: 0;
}
.subscribe-heading h3 {
margin: 2px 0 0;
}

.subscribe-form {
margin-top: 10px;
width: 400px;
}
.subscribe-form.pull-center {
float: none;
zoom: 1;
position: relative;
zoom: 1;
overflow: hidden;
margin: 0 auto;
}
.subscribe-form ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-form ::-moz-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-form :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-form :-moz-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.subscribe-form select,
.subscribe-form textarea {
width: calc(100% - 135px);
border-color: #ffffff;
border-radius: 3px;
color: #ffffff;
float: left;
margin-right: 10px;
}
.subscribe-form input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus, .subscribe-form input:not([type=submit]):not([type=radio]):not([type=checkbox]):active,
.subscribe-form select:focus,
.subscribe-form select:active,
.subscribe-form textarea:focus,
.subscribe-form textarea:active {
border-color: #ffffff;
}
.subscribe-form [type=submit] {
width: 125px;
text-align: center;
padding: 8px 15px;
border: 1px solid #ffffff;
background-color: #ffffff;

float: left;
border-radius: 3px;
}

.subscribe-section.style-2 {
padding: 45px 0;
}
.subscribe-section.style-2 .subscribe-heading h3 {
margin-top: 10px;
}
.subscribe-section.style-2 .subscribe-form ::-webkit-input-placeholder {
color: rgba(38, 38, 38, 0.55);
opacity: 1;
}
.subscribe-section.style-2 .subscribe-form ::-moz-placeholder {
color: rgba(38, 38, 38, 0.55);
opacity: 1;
}
.subscribe-section.style-2 .subscribe-form :-ms-input-placeholder {
color: rgba(38, 38, 38, 0.55);
opacity: 1;
}
.subscribe-section.style-2 .subscribe-form :-moz-placeholder {
color: rgba(38, 38, 38, 0.55);
opacity: 1;
}
.subscribe-section.style-2 .subscribe-form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.subscribe-section.style-2 .subscribe-form select,
.subscribe-section.style-2 .subscribe-form textarea {
width: 100%;
background-color: #ffffff;
padding: 11px 70px 11px 30px;
color: #262626;
}
.subscribe-section.style-2 .subscribe-form [type=submit] {
position: absolute;
top: 0;
right: 0;
padding: 11px 0;
text-align: center;
width: 70px;
}

.subscribe-section.style-3 {
padding: 33px 0;
}
.subscribe-section.style-3 .subscribe-heading h3 {
font-size: 2.8rem;
margin-top: 10px;
}
.subscribe-section.style-3 .subscribe-form ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-section.style-3 .subscribe-form ::-moz-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-section.style-3 .subscribe-form :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-section.style-3 .subscribe-form :-moz-placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.subscribe-section.style-3 .subscribe-form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.subscribe-section.style-3 .subscribe-form select,
.subscribe-section.style-3 .subscribe-form textarea {
width: 100%;
background-color: transparent;
line-height: 20px;
padding: 11px 70px 11px 30px;
color: #ffffff;
}
.subscribe-section.style-3 .subscribe-form [type=submit] {
position: absolute;
font-size: 1.8rem;
line-height: 20px;
top: 0;
right: 0;
padding: 11px 0;
text-align: center;
width: 70px;
color: #ffffff;
background-color: transparent;
border-color: transparent;
}

/*------------------------------------
29. Registration
------------------------------------*/
.register-header {
margin-top: 100px;
}
.register-header .section_count {
display: inline-block;
}
.register-header .section_count + .section_count {
margin-left: 65px;
}
.register-header .section_count .section_count_data {
display: block;
}
.register-header .section_count .count-data {
display: block;
}
.register-header .section_count .tcount {
display: block;
font-size: 4.8rem;

font-weight: 700;
line-height: 1;
}
.register-header .section_count .text {
font-size: 1.4rem;
display: block;
line-height: 1;

font-weight: 700;
margin-top: 8px;
}

.registration-form {
border-style: solid;
border-width: 1px;
border-radius: 3px;
overflow: hidden;
}
.registration-form label {
color: #ffffff;
font-size: 1.8rem;

line-height: 3rem;
font-weight: 700;
margin: 0;
padding: 32px 40px;
}
.registration-form .form-body {
padding: 40px;
}
.registration-form .form-body input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.registration-form .form-body select,
.registration-form .form-body textarea {
border-radius: 3px;
margin-bottom: 15px;
}
.registration-form .form-body [type=submit] {
line-height: 42px;
padding: 0;
border-radius: 3px;
border-width: 1px;
border-style: solid;
color: #ffffff;
width: 100%;
text-align: center;

-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.registration-form .form-body [type=submit]:hover {
background-color: transparent;
}

/***  Instructor registration ***/
.instructor-registration h4 {
margin-top: 0;
margin-bottom: 30px;
}
.instructor-registration label {
display: block;
margin: 0;
text-align: left;
font-weight: 400;
}
.instructor-registration label input {
margin: 0;
}
.instructor-registration .btn {
width: 100%;
}

/*------------------------------------
30. Shop
------------------------------------*/
.shop-filter-short {
margin-bottom: 46px;
}

.shop-category-select {
font-size: 1.8rem;
width: 100px;
padding: 0;

border: none;
}

.shop-shorting {
font-size: 1.8rem;
width: 100px;
padding: 0;

border: none;
}

.products {
zoom: 1;
position: relative;
overflow: hidden;
}
.products .post-pagination {
margin-top: 60px;
}

.product {
margin-bottom: 30px;
}
.product .product-thumb {
position: relative;
}
.product .product-attr {
position: absolute;
top: 10px;
left: 10px;
}
.product .product-attr span {
background-color: #262626;
color: #ffffff;
font-size: 1.1rem;

line-height: 2.5rem;
display: inline-block;
border-radius: 3px;
letter-spacing: 1px;
padding: 0 20px;
}
.product .product-hover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product .product-btns {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
}
.product .product-btns a {
color: #ffffff;
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
border-radius: 3px;
text-align: center;
}
.product .product-btns a + a {
margin-left: 115px;
}
.product .product-btns a:hover {
background-color: #262626;
}
.product:hover .product-hover {
opacity: 1;
}
.product:hover .product-btns a + a {
margin-left: 15px;
}
.product .product-body {
margin-top: 10px;
}
.product .product-name {
font-size: 2.2rem;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
color: #262626;
}
.product .product-name a {
color: inherit;
}
.product .product-price {
font-size: 1.8rem;

font-weight: 700;
}

/**** Single Product ****/
.single-product-gallery .owl-buttons {
position: absolute;
bottom: 0;
left: 0;
font-size: 1.4rem;
}
.single-product-gallery .owl-buttons .owl-prev,
.single-product-gallery .owl-buttons .owl-next {
display: inline-block;
vertical-align: bottom;
color: #ffffff;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
}
.single-product-gallery .owl-buttons .owl-next {
margin-left: 10px;
}

.product-single .product-body {
margin-top: 0;
margin-left: 30px;
}
.product-single .product-name {
font-weight: 700;
color: #111;
}
.product-single .product-review {
margin-top: 8px;
}
.product-single .product-review .rating-star {
display: inline-block;
vertical-align: middle;
}
.product-single .product-review .product-review-count {
display: inline-block;
float: right;
vertical-align: middle;

font-weight: 700;
}
.product-single .product-price {
font-size: 4.4rem;
margin-top: 10px;
margin-bottom: 0;
}
.product-single .product-price .product-price-now {
color: #111;
}
.product-single .product-entry {
margin-top: 15px;
}
.product-single .order-form {
margin-top: 30px;
}
.product-single .order-form > [type=number]:not([type=submit]) {
width: auto;
font-size: 1.8rem;

font-weight: 700;
line-height: 50px;
padding: 0 0 0 30px;
display: inline-block;
vertical-align: middle;
}
.product-single .order-form [type=submit] {
line-height: 50px;
border-width: 1px;
border-style: solid;
color: #ffffff;
padding: 0;
font-size: 1.4rem;
font-weight: 700;

display: inline-block;
vertical-align: middle;
border-radius: 3px;
min-width: 160px;
text-align: center;
margin-left: 15px;
}
.product-single .product-category {
margin-top: 30px;

}
.product-single .product-category label {
margin: 0;
}

.rating-star .rate-star {
display: inline-block;
color: #999999;
}
.rating-star .rate-star + .rate-star {
margin-left: 3px;
}
.rating-star .rate-star:before {
content: "\f005";
font-family: "FontAwesome";
}

.product-single-tab {
margin-top: 90px;
}
.product-single-tab .nav-tabs {
border: none;
display: inline-block;
}
.product-single-tab .nav-tabs > li {
margin: 0;
}
.product-single-tab .nav-tabs > li > a {
margin: 0;
line-height: 20px;
border-radius: 0;
background-color: #f7f7f7;
border: 1px solid #e7e7e7;

font-weight: 700;
color: #262626;
padding: 15px 44px;
}
.product-single-tab .nav-tabs > li.active > a {
color: #ffffff;
}
.product-single-tab .tab-content {
margin-top: 45px;
}
.product-single-tab .product-description h3 {
margin-top: 0;
margin-bottom: 16px;
font-size: 3.4rem;
}

.angle-list {
margin: 0;
padding: 0;
list-style: none;
}
.angle-list li:before {
content: "\f105";
font-family: "FontAwesome";
margin-right: 7px;
}

.review-table .review-head {
width: 200px;
vertical-align: top;
}
.review-table .review-reviewer {
margin-top: 0;
margin-bottom: 15px;
}
.review-table .review-date {
display: block;
margin-top: -5px;
}
.review-table .review-body {
vertical-align: top;
padding: 0;
}
.review-table .review-body p {
margin-bottom: 30px;
}
.review-table .review-title {
margin-top: 0;
margin-bottom: 15px;
}

.related-products {
margin-top: 75px;
}
.related-products .related-products-title {
margin-top: 0;
margin-bottom: 54px;
font-size: 3.4rem;
}

/*------------------------------------
31. Quick Link
------------------------------------*/
.quick-links {
margin-top: 30px;
border-radius: 3px;
overflow: hidden;
display: table;
width: 100%;
color: #ffffff;
padding: 25px;
}
.quick-links .quick-link {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.quick-links .quick-link a {
color: #ffffff;
display: inline-block;

font-size: 1.8rem;
line-height: 3rem;
}
.quick-links .quick-link a .fa {
font-size: 2.2rem;
line-height: inherit;
margin-right: 6px;
}

/*------------------------------------
32. Highlight
------------------------------------*/
.highlight {
text-align: center;
color: #ffffff;
padding: 48px 30px;
border-radius: 3px;
}
.highlight.upfloat-style {
margin-top: -155px;
}
.highlight .highlight-title {
font-size: 2.2rem;
font-weight: 700;
margin-top: 0;
margin-bottom: 48px;
position: relative;
padding-bottom: 20px;
}
.highlight .highlight-title:before {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 130px;
background-color: rgba(255, 255, 255, 0.5);
}
.highlight .highlight-title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 5px;
width: 60px;
}
.highlight .highlight-item {
margin-bottom: 40px;
}
.highlight .hightlight-title {
font-size: 1.8rem;
font-weight: 700;
margin-top: 0;
}
.highlight .hightlight-title a {
color: inherit;
}
.highlight .hightlight-title a:hover {
color: #262626;
}
.highlight .hightlight-cat-links {
list-style: none;
margin: 0;
padding: 0;
}
.highlight .hightlight-cat-links li {
display: inline-block;

font-weight: 700;
}
.highlight .hightlight-cat-links li + li:before {
content: "|";
}
.highlight .hightlight-cat-links li a {
color: #ffffff;
padding: 0 10px;
}
.highlight .hightlight-cat-links li a:hover {
color: #262626;
}

/*------------------------------------
33. Kids
------------------------------------*/
.kids-description {
padding: 45px 0;
}
.kids-description .kids-title {
margin: 0;
font-size: 4.8rem;
text-transform: uppercase;
}
.kids-description .kids-subtitle {
margin: 0;
}
.kids-description .kids-text {

font-size: 1.8rem;
line-height: 3rem;
margin-top: 15px;
margin-bottom: 35px;
}

.section-header.header-kids-style .section-title {
padding-bottom: 0;
}
.section-header.header-kids-style .section-title:before, .section-header.header-kids-style .section-title:after {
content: none;
}
.section-header.header-kids-style .section-text {
font-size: 1.8rem;

}

.instructor-comments.parent-comments {
background-color: rgba(255, 255, 255, 0.8);
color: #262626;
}

/*------------------------------------
34. Class
------------------------------------*/
.classes {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: -30px;
}

.class {
background-color: #ffffff;
position: relative;
margin-bottom: 30px;
text-align: center;
}
.class .class-thumb {
display: block;
}
.class .class-body {
padding: 15px 30px;
}
.class .class-name {
font-size: 2.2rem;
margin-bottom: 2px;
}
.class .class-admission {

}
.class .class-attribute p {

margin-bottom: 0;
}
.class .class-attribute p + p {
margin-top: -5px;
}
.class .class-attribute p label {
font-weight: 700;
}
.class .class-footer {
border-top: 1px solid #bdbdbd;
margin-top: 25px;
padding: 13px 0;
text-align: left;
}
.class .blog-price {
display: inline-block;
font-size: 1.8rem;
font-weight: 700;

margin: 0;
}
.class .class-admission-link {
font-size: 1.8rem;

font-weight: 700;
display: inline-block;
float: right;
}
.class .class-admission-link .fa {
margin-left: 5px;
}

/*------------------------------------
35. Tabs
------------------------------------*/
.panel-group {
margin: 0;
}
.panel-group .panel {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.panel-group .panel + .panel {
margin-top: 15px;
}
.panel-group .panel .panel-heading {
padding: 0;
border-radius: 0;
}
.panel-group .panel .panel-heading .panel-title {
font-size: 1.4rem;
}
.panel-group .panel .panel-heading .panel-title a {
display: block;
border: 1px solid #e7e7e7;
border-radius: 3px;
padding: 11px 20px 11px 30px;
position: relative;
}
.panel-group .panel .panel-heading .panel-title a:after {
content: "\f107";
font-family: "FontAwesome";
float: right;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.panel-group .panel .panel-heading .panel-title a[aria-expanded="true"] {
color: #ffffff;
}
.panel-group .panel .panel-heading .panel-title a[aria-expanded="true"]:after {
color: #ffffff;
content: "\f106";
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group, .panel-group .panel .panel-heading + .panel-collapse > .panel-body {
border: none;
}
.panel-group .panel .panel-body {
padding: 18px 30px 0;
}
.panel-group.style-2 .panel .panel-heading .panel-title a {
color: #ffffff;
padding: 13px 20px 13px 30px;
}
.panel-group.style-2 .panel .panel-heading .panel-title a:after {
color: #ffffff;
}
.panel-group.style-3 .panel .panel-heading .panel-title a {
padding: 13px 20px 13px 30px;
}
.panel-group.style-3 .panel .panel-heading .panel-title a:after {
color: inherit;
}
.panel-group.style-3 .panel .panel-heading .panel-title a[aria-expanded=true] {
background-color: transparent;
}

/*------------------------------------
36. FAQ
------------------------------------*/
.faq-group .faq-group-name {
margin-top: 0;
margin-bottom: 26px;
font-size: 1.8rem;
}

.generic-faq-group {
position: relative;
overflow: hidden;
zoom: 1;
margin-bottom: -40px;
}

.faq-generic {
margin-bottom: 40px;
}
.faq-generic .question {
font-weight: 700;

margin-bottom: 7px;
}

/*------------------------------------
37. Flex
------------------------------------*/
.display-flex {
position: relative;
}
.display-flex .flex-relative {
position: relative;
width: 50%;
margin-left: 50%;
}
.display-flex .flex-absolute {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%;
border: 1px solid #e7e7e7;
}
.display-flex .flex-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
padding: 0 30px 0 40px;
}
.display-flex .flex-content h3 {
margin-top: 0;
}

/*------------------------------------
38. Map
------------------------------------*/
.office-location {
height: 400px;
}

.contact-location {
height: 600px;
margin-top: 30px;
}

/*------------------------------------
39. Contact
------------------------------------*/
.quick-contact {
text-align: center;
margin-top:30px;
}
.quick-contact h3 {
margin-top: 0;
margin-bottom: 50px;
font-size: 3.6rem;
}
.quick-contact select {
height: 44px;
}
.quick-contact input:not([type=submit]):not([type=radio]):not([type=checkbox]), .quick-contact select, .quick-contact textarea {
margin-bottom: 20px;
}
.quick-contact [type=submit] {
min-width: 160px;
}

.input-success, .newsletter-success {
display: none;
margin-bottom: 0;
margin-top: 15px;
color: #1abc9c;
}

.input-error, .newsletter-error {
display: none;
margin-bottom: 0;
margin-top: 15px;
color: #e74c3c;
}

/*------------------------------------
40. Footer
------------------------------------*/
footer {
color: #83888a;
}
footer h4 a
{
	color:#4c5355;
	font-weight: bold;
font-family: "Open Sans", sans-serif;
}
footer a {
color: #83888a;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:22px;
}
footer a:hover{
color: rgba(49, 57, 60, 0.6);
}
footer p {
color: rgba(49, 57, 60, 0.6);
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:22px;
margin-bottom:0px;
}
footer p:hover{
color: rgba(49, 57, 60, 0.6);
}
.footer-widget-area {
padding: 30px 0px 0px 0px;
}
.footer-widget-area .footer-widgets {
zoom: 1;
position: relative;
overflow: hidden;

}
.footer-widget-area .widget .socials a {
color: #ffffff;
font-size: 1.2rem;
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.07);
text-align: center;
}
.footer-widget-area .widget .socials a + a {
margin-left: 8px;
}
.footer-widget-area .widget .subscribe-form {
position: relative;
max-width: 300px;
}
.footer-widget-area .widget .subscribe-form input:not([type=submit]):not([type=radio]):not([type=checkbox]), .footer-widget-area .widget .subscribe-form select, .footer-widget-area .widget .subscribe-form textarea {
width: 100%;
line-height: 3.4rem;
border-color: rgba(255, 255, 255, 0.4);
padding: 0 110px 0 30px;
float: none;
margin: 0;
font-family: 'Open Sans' sans-serif;
font-size: 1.2rem;
}
.footer-widget-area .widget .subscribe-form [type=submit] {
width: 100px;
position: absolute;
top: 0;
right: 0;
line-height: 3.4rem;
font-size: 1.2rem;
padding: 0;
color: #ffffff;
}
.footer-widget-area .widget .subscribe-form + .clearfix + .socials {
clear: left;
margin-top: 20px;
}
.footer-widget-area .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-widget-area .widget .contact-info-item {
zoom: 1;
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.footer-widget-area .widget .contact-info-item + .contact-info-item {
margin-top: 14px;
}
.footer-widget-area .widget .contact-info-item .fa {
width: 14px;
margin-right: 10px;
float: left;
display: inline-block;
vertical-align: middle;
}
.footer-widget-area .widget .contact-info-item .fa + .contact_info {
width: calc(100% - 24px);
margin-top: -3px;
}
.footer-widget-area .widget .contact-info-item .contact_info {
display: inline-block;
float: left;
width: 100%;
vertical-align: middle;
line-height: 2rem;
}
.footer-widget-area .widget .flickr-photos a {
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
margin-right: 1px;
}
.footer-widget-area .about_widget {
max-width: 370px;
}
.footer-widget-area .about_widget .footer-logo + p {
margin-top: 10px;
margin-bottom: 0;
}
.footer-widget-area .about_widget .socials {
margin-top: 25px;
}
.footer-widget-area .widget-title {
font-size: 14px;
line-height:22px;
color:rgba(49, 57, 60, 0.87);
margin-top: 0;
margin-bottom: ;
text-transform: uppercase;
}

.footer-lower-area {
border-top: 1px solid rgba(255, 255, 255, 0.2);
font-size: ;
padding: 0px 0px 20px 0px;
}
.footer-lower-area .footer-menu {
list-style: none;
margin: 0;
padding: 0;
}
.footer-lower-area .footer-menu li {
display: inline-block;
}
.footer-lower-area .footer-menu li + li {
margin-left: 20px;
}
.footer-lower-area .footer-menu img
{
width: 16px;
height: 14px;
}
.pad-rg-0
{
padding-right:0px;
}
.pad-lf-0
{
padding-left:0px;
}
/*** Kids footer ***/
footer.kids-footer {
color: #ffffff;
}
footer.kids-footer .footer-upper {
padding: 85px 0;
min-height: 600px;
background-image: url(images/bg/16.jpg);
background-position: center bottom;
background-size: cover;
}
footer.kids-footer .footer-upper .footer-sitelogo {
display: inline-block;
font-size: 4.8rem;
font-weight: 700;

line-height: 1;
}
footer.kids-footer .footer-upper .about-text {

font-size: 1.8rem;
line-height: 3rem;
margin-top: 5px;
margin-bottom: 0;
}
footer.kids-footer .footer-upper .socials {
margin-top: 20px;
}
footer.kids-footer .footer-upper .socials a {
font-size: 1.2rem;
text-align: center;
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
}
footer.kids-footer .footer-upper .socials a + a {
margin-left: 7px;
}
footer.kids-footer .footer-upper .socials a:hover {
background-color: #ffffff;
}
footer.kids-footer .footer-lower-area {
border: none;
font-size: 1.4rem;

}
footer.kids-footer .footer-lower-area .copyright a {
color: #ffffff;
}

/*------------------------------------
41. Page
------------------------------------*/
.page-header {
background-attachment: scroll;
position: relative;
}
.page-header .overlay {
padding-top: 170px;
padding-bottom: 90px;
background-color: rgba(0, 0, 0, 0.7);
}
.page-header .page-title {
margin: 0;
font-size: 4.8rem;
}
.page-header .breadcrumb {
display: inline-block;
border-radius: 0;
background-color: transparent;
margin: 0;
padding: 0;

font-weight: 400;
font-size: 1.8rem;
color: #ffffff;
}
.page-header .breadcrumb > li {
color: #ffffff;
}
.page-header .breadcrumb > li + li:before {
content: "-";
margin: 0 7px;
}
.page-header .breadcrumb > li > a {
color: #ffffff;
}
.page-header.has-floatbox {
margin-bottom: 70px;
}
.page-header.has-floatbox .overlay {
padding-bottom: 240px;
}

/*------------------------------------
42. Header Floatbox
------------------------------------*/
.header-floatbox {
position: absolute;
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
left: 0;
right: 0;
}
.header-floatbox .blog-profile {
background-color: #f7f7f7;
padding: 50px;
}
.header-floatbox .blog-profile .blog-profile-item {
display: inline-block;
vertical-align: middle;
}
.header-floatbox .blog-profile .blog-profile-item + .blog-profile-item {
margin-left: 46px;
}
.header-floatbox .blog-profile .blog-profile-item:not(.instructor-thumb) {
min-width: 150px;
}
.header-floatbox .blog-profile .blog-profile-item.instructor-thumb {
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 40px;
}
.header-floatbox .blog-profile .blog-profile-item p {
color: #262626;
margin-bottom: 0;
}
.header-floatbox .blog-profile .blog-profile-item h5 {
margin-top: 4px;
margin-bottom: 0;
}
.header-floatbox .blog-profile .blog-profile-item .rating {
display: inline-block;
vertical-align: middle;
margin-top: 4px;
}
.header-floatbox .blog-profile .blog-profile-item .rating .star {
font-size: 1.8rem;
}
.header-floatbox .blog-profile .blog-profile-item .review-count {
display: inline-block;
vertical-align: middle;
margin-top: 4px;
}
.header-floatbox .blog-profile .blog-profile-item .review-count h5 {
margin-top: 0;
}

/*------------------------------------
43. Course Infos
------------------------------------*/
.blog-infos {
position: relative;
overflow: hidden;
zoom: 1;
}

.blog-infobox {
border: 1px solid #e7e7e7;
text-align: center;
padding: 25px 15px;
margin-bottom: 30px;
}
.blog-infobox .blog-info-icon {
font-size: 2.2rem;
}
.blog-infobox .blog-info-name {
margin-bottom: 0;
}
.blog-infobox .blog-info-value {
font-size: 1.8rem;
margin-top: 3px;
margin-bottom: 0;
}

/*------------------------------------
44. Course Single
------------------------------------*/
.blog-body {
border: ;
padding: 0px 15px;
}
.blog-body .blog-section {
margin-bottom: 0px;
}
.blog-body .blog-section h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 2.8rem;
}
.blog-body .blog-section h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
line-height: 38px;
padding-bottom:0px;
}
.blog-body .blog-section h4:before {
content:"";
background:none;
}
.blog-body .blog-section h4 > a:before {
content:"";
background:none !important;
}
.blog-body .blog-section .post-entry .blog-para
{
font-size:14px;
line-height:22px;
margin-top:0px;
}

.blog-body .post-entry p{
font-family: 'Lato', sans-serif;
font-weight:normal;
font-size:18px;
line-height:30px;
margin-bottom: 15px;

}
.blog-li p
{
text-align: justify;
text-justify: inter-word;
}
.blog-body .post-entry ul li{
font-family: 'Lato', sans-serif;
font-weight:normal;
font-size:18px;
line-height:30px;
}
.blog-body .post-entry .blog-attributes {
font-family: 'Lato', sans-serif;
font-weight:normal;
font-size:18px;
line-height:30px;
margin-bottom: 15px;
text-transform:uppercase;
margin-top:60px;
}
.blog-body .post-entry .blog-attributes a{
color:#b1b4b5;
}
.blog-body .middle-entry p{
font-family: 'Lato', sans-serif;
font-weight:normal;
font-size:18px;
line-height:30px;
margin-bottom: 15px;
}
.blog-line
{
content:"";
border-bottom:2px solid rgb(49,57,60,0.3);
padding: 30px 0px 50px;

}
.blog-body .middle-entry 
{
display:table;
width:100%;
}
.blog-body .middle-entry .blog-img-content
{
display:table-cell;
width: 79%;
float: left;
}
.blog-body .middle-entry .blog-img-content + .blog-img
{
width: calc(100% - 80%);
}
.blog-body .middle-entry .blog-img
{
float: right;
width: 100%;
display: table-cell;
vertical-align: middle;
margin-top:15%;
}
.blog-body .post-entry .plyr-video {
margin-bottom: 25px;
}
.blog-body .post-entry blockquote
{

padding: 10px 0px;
margin: 0 0 20px;
font-size: 24px;
line-height:36px;
font-style:italic;
border-left: none;
}
.blog-body .post-entry blockquote .block-quote
{
font-size: 64px;

}
.blog-body .blog-offer-coupon {
padding: 20px;
}
.blog-body .blog-offer-coupon .coupon-img {
display: inline-block;
width: 240px;
vertical-align: middle;
margin-right: 26px;
}
.blog-body .blog-offer-coupon .coupon-code-content {
display: inline-block;
vertical-align: middle;

}
.blog-body .blog-offer-coupon .coupon-code-content p {
margin: 0;
}
.blog-body .blog-offer-coupon .coupon-code-content h5 {
font-size: 2.2rem;
margin-top: 5px;
margin-bottom: 5px;
}

.checklist {
list-style: none;
padding: 0;
margin: 0;
}
.checklist li:before {
content: "";
display: block;
background: url(img/icons/tickmark.svg);
width: 30px;
height: 30px;
margin-top: 10px;
}
.checklist.half-list {
position: relative;
overflow: hidden;
zoom: 1;
margin-top: 25px;
}
.checklist.half-list li {
float: left;
width: 50%;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:26px;
font-weight:600;
margin-bottom:20px;

}
.checklist.half-list .li-sub{
padding-left: 50px;
display: block;
margin-top: -30px;
}
.checklist.half-list li span p{

display:block;
font-weight:400;
font-size:16px;
line-height:26px;
margin:0;
}
/*** Course Pdf Curriculum download ***/
.blog-pdf-curriculum {
margin-top: 50px;
padding: 30px;
}
.blog-pdf-curriculum .pdf-icon {
background-color: #ffffff;
font-size: 2.8rem;
height: 86px;
width: 86px;
line-height: 86px;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-right: 26px;
}
.blog-pdf-curriculum .pdf-text {
display: inline-block;
vertical-align: middle;
}
.blog-pdf-curriculum .pdf-text p {
margin: 0;

}
.blog-pdf-curriculum .pdf-text h5 {
font-size: 2.2rem;
margin-top: 5px;
margin-bottom: 0;
}
.blog-pdf-curriculum .pdf-download-link {
display: inline-block;
vertical-align: middle;
padding-top: 24px;
}

/*** Course Curriculum ***/
.blog-curriculum {
margin-top: 50px;
padding: 42px 50px;
border: 1px solid #e7e7e7;
}

.panel-group.curriculum-accordion {
margin: 0;
border: 1px solid #e7e7e7;
}
.panel-group.curriculum-accordion .panel + .panel {
margin-top: 0;
border-top: 1px solid #e7e7e7;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title {
font-size: 1.6rem;
font-weight: 400;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a {
border: none;
border-radius: 0;
padding: 13px 30px;
color: #262626;
position: relative;
overflow: hidden;
zoom: 1;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a .chapter-meta {
float: right;
width: 220px;
text-align: right;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a .chapter-title {
float: right;
width: calc(100% - 250px);
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a .chapter-lesson-count {
display: inline-block;
text-align: left;
min-width: 100px;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a .chapter-duration {
min-width: 95px;
text-align: right;
display: inline-block;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a:after {
content: none;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a:before {
content: "\f067";
font-family: "FontAwesome";
width: 30px;
display: inline-block;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a[aria-expanded="true"] {
color: #262626;
background-color: transparent;
}
.panel-group.curriculum-accordion .panel .panel-heading .panel-title a[aria-expanded="true"]:before {
content: "\f068";
}
.panel-group.curriculum-accordion .panel .panel-heading + .panel-collapse > .list-group, .panel-group.curriculum-accordion .panel .panel-heading + .panel-collapse > .panel-body {
border: none;
}
.panel-group.curriculum-accordion .panel .panel-body {
padding: 0;
}

/*** Lesson list items ***/
.lesson-list {
padding: 0;
margin: 0;
list-style: none;
}
.lesson-list .lesson-item {
border-top: 1px solid #e7e7e7;
}
.lesson-list .lesson-item > a {
display: block;
padding: 12px 30px 12px 65px;
color: #111111;
zoom: 1;
position: relative;
overflow: hidden;
}
.lesson-list .lesson-item > a.running-lesson {
color: #ffffff;
}
.lesson-list .lesson-item > a:hover {
background-color: #f7f7f7;
}
.lesson-list .lesson-item .lesson-state {
margin-right: 7px;
}
.lesson-list .lesson-item .lesson-state:before {
content: "\f023";
font-family: "FontAwesome";
font-style: normal;
}
.lesson-list .lesson-item.lesson-opened .lesson-state:before {
content: "\f144";
}
.lesson-list .lesson-item.lesson-active {
color: #ffffff;
}
.lesson-list .lesson-item .lesson-item-left {
float: left;
width: calc(100% - 200px);
}
.lesson-list .lesson-item .lesson-item-right {
float: left;
text-align: right;
width: 200px;
}
.lesson-list .lesson-item .lesson-preview-link {
margin-right: 80px;
}

/*** Single blog instructor ***/
.blog-single-instructor {
border: 1px solid #e7e7e7;
margin-top: 50px;
}
.blog-single-instructor .section-header {
padding: 42px 50px 0;
}
.blog-single-instructor .blog-instructor-box {
padding: 0 50px 45px;
}
.blog-single-instructor .blog-instructor-box + .blog-instructor-box {
border-top: 1px solid #e7e7e7;
padding-top: 50px;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-thumb {
width: 120px;
height: 120px;
float: left;
margin-right: 30px;
border-radius: 50%;
margin-top: 10px;
overflow: hidden;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-thumb + .blog-instructor-body {
width: calc(100% - 150px);
}
.blog-single-instructor .blog-instructor-box .blog-instructor-body {
width: 100%;
float: left;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-body .blog-instructor-name {
margin-top: 0;
margin-bottom: 5px;
font-size: 1.8rem;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-body .blog-instructor-field {
font-size: 1.2rem;
margin-bottom: 10px;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-body .blog-instructor-excerpt {
margin-bottom: 8px;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-body .socials a {
display: inline-block;
color: #111111;
}
.blog-single-instructor .blog-instructor-box .blog-instructor-body .socials a + a {
margin-left: 10px;
}

/*** Student Feedback ***/
.blog-student-feedback {
border: 1px solid #e7e7e7;
padding: 42px 50px;
margin-top: 50px;
}

.blog-rating .rating-summery {
height: 200px;
width: 200px;
border-radius: 50%;
border-width: 10px;
border-style: solid;
position: relative;
float: left;
margin-right: 50px;
}
.blog-rating .rating-summery .rating-summery-content {
position: absolute;
text-align: center;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-rating .rating-summery .rating-summery-text {
font-size: 4.8rem;
margin: 0;
}
.blog-rating .rating-summery .rating-summery-star {
margin-top: -10px;
}
.blog-rating .rating-summery .rating-summery-star .star {
font-size: 1rem;
}
.blog-rating .rating-summery .rating-summery-star .star:before {
content: "\f006";
font-family: "FontAwesome";
}
.blog-rating .rating-summery .rating-summery-star .star.on:before {
content: "\f005";
}
.blog-rating .rating-summery .rating-summery-count {
font-size: 1.2rem;
margin-top: -4px;
}
.blog-rating .rating-summery + .rating-counter {
width: calc(100% - 250px);
}
.blog-rating .rating-counter {
float: left;
width: 100%;
}
.blog-rating .rating-counter .rating-counter-item {
display: table;
width: 100%;
}
.blog-rating .rating-counter .rating-counter-item + .rating-counter-item {
margin-top: 8px;
}
.blog-rating .rating-counter .rating-counter-item .rating-counter-star {
margin-bottom: 0;
font-size: 1.8rem;

display: table-cell;
vertical-align: middle;
width: 75px;
}
.blog-rating .rating-counter .rating-counter-item .rating-counter-bar-wrap {
display: table-cell;
vertical-align: middle;
}
.blog-rating .rating-counter .rating-counter-item .rating-counter-bar-wrap .rating-counter-percent {
background-color: #e7e7e7;
height: 10px;
position: relative;
}
.blog-rating .rating-counter .rating-counter-item .rating-counter-bar-wrap .rating-counter-percent .rating-counter-percentbar {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.blog-rating .rating-counter .rating-counter-item .rating-counter-count {
display: table-cell;
vertical-align: middle;
margin-bottom: 0;
font-size: 1.8rem;

opacity: 0.5;
width: 50px;
text-align: right;
}

/*** Given Reviews ***/
.blog-reviews {
margin-top: 56px;
}

.blog-review-item {
margin-bottom: 45px;
}
.blog-review-item .blog-reviewer-thumb {
width: 120px;
height: 120px;
border-radius: 50%;
float: left;
margin-right: 30px;
margin-top: 10px;
overflow: hidden;
}
.blog-review-item .blog-reviewer-thumb + .blog-review-body {
width: calc(100% - 150px);
}
.blog-review-item .blog-review-body {
width: 100%;
float: left;
}
.blog-review-item .blog-review-title h5 {
margin: 0;
display: inline-block;
font-size: 1.4rem;
}
.blog-review-item .blog-review-title .blog-reviewer-rating {
display: inline-block;
margin-left: 7px;
}
.blog-review-item .blog-review-title .blog-reviewer-rating .star {
font-size: 1.4rem;
}
.blog-review-item .blog-review-title .blog-reviewer-rating .star:before {
content: "\f006";
font-family: "FontAwesome";
}
.blog-review-item .blog-review-title .blog-reviewer-rating .star.on:before {
content: "\f005";
}
.blog-review-item .blog-review-time {
font-size: 1.2rem;
margin-bottom: 10px;
}
.blog-review-item .review-feedback-form {
font-size: 1.2rem;
}
.blog-review-item .review-feedback-form [type=submit] {
border: 1px solid #e7e7e7;
border-radius: 3px;
margin: 0 5px;
background-color: transparent;
}
.blog-review-item .review-feedback-form [type=submit][value=yes].submitted {
border-color: #00bcd4;
color: #00bcd4;
}
.blog-review-item .review-feedback-form [type=submit][value=no].submitted {
border-color: #ff6800;
color: #ff6800;
}
.blog-review-item .review-feedback-form a {
color: #111111;
}

/*** Review form ***/
.blog-review-form .lead {
font-size: 1.4rem;

font-weight: 700;
margin-bottom: 8px;
}
.blog-review-form .rating-inputs {
margin-bottom: 10px;
}
.blog-review-form .rating-inputs label {
margin: 0;
font-weight: 400;
position: relative;
cursor: pointer;
}
.blog-review-form .rating-inputs label + label {
margin-left: 6px;
}
.blog-review-form .rating-inputs [type=radio] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.blog-review-form .rating-inputs .star {
font-size: 2rem;
font-family: "FontAwesome";
color: #d7d7d7;
font-style: normal;
}
.blog-review-form .rating-inputs .star:before {
content: "\f006";
}
.blog-review-form .rating-inputs .rate-on .star:before {
content: "\f005";
}
.blog-review-form textarea {
margin-bottom: 10px;
}

/*** Related Course ***/
.related-blog {
margin-top: 92px;
}

/*** Sidebar ***/
.blog-sidebar {
position: relative;
}
.blog-sidebar .sidebar-affix {
position: relative;
}
.blog-sidebar .sidebar-affix.affix {
position: fixed;
top: 80px;
left: inherit;
width: 360px;
}
.blog-sidebar .widget + .widget {
margin-top: 30px;
}

.widget-purchase {
color: #ffffff;
padding: 56px 20px;
}
.widget-purchase .price {
margin: 0;
font-size: 3.6rem;
}
.widget-purchase .widget-purchase-btn {
background-color: #ffffff;
display: inline-block;

font-weight: 700;
line-height: 41px;
border-radius: 3px;
padding: 0 27px;
margin-top: 15px;
}
.widget-purchase .widget-purchase-guarantee {
font-size: 1.2rem;
margin-top: 10px;
}
.widget-purchase .lead {
font-size: 1.8rem;

font-weight: 700;
margin-bottom: 10px;
}
.widget-purchase .widget-purchase-description {
margin-bottom: 0;
}

.widget-blog-share {
color: #ffffff;
padding: 25px;
}
.widget-blog-share .lead {

font-weight: 700;
font-size: 1.8rem;
margin-bottom: 15px;
}
.widget-blog-share .blog-social-share a {
display: inline-block;
font-size: 1.2rem;
color: #ffffff;
text-align: center;
width: 34px;
height: 34px;
line-height: 32px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.widget-blog-share .blog-social-share a + a {
margin-left: 6px;
}

/*------------------------------------
45. Lesson
------------------------------------*/
.lesson-main-wrap {
position: relative;
}

.lesson-list-wrap {
width: 480px;
height: 100%;
overflow: auto;
top: 0;
left: -480px;
position: fixed;
z-index: 3;
background-color: #ffffff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.lesson-list-wrap.lesson-list-showing {
left: 0;
}
.lesson-list-wrap.lesson-list-showing + .lesson-content-wrap {
left: 480px;
}

.lesson-content-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background-color: #262626;
}

.lesson-content {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}

.lesson-content .plyr-video {
margin: 0 auto;
display: inline-block;
width: 100%;
}

/*** Lesson Navbar ***/
.navbar.navbar-lesson {
position: absolute;
top: 0;
left: 0;
right: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(transparent));
background-image: linear-gradient(to bottom, #262626, transparent);
background-color: transparent;
border: none;
color: #ffffff;
padding: 15px 0 30px;
opacity: 0;
visibility: hidden;
}
.navbar.navbar-lesson.show-navbar-lesson {
opacity: 1;
visibility: visible;
}
.navbar.navbar-lesson .lesson-list-toggle {
border-width: 1px;
border-radius: 3px;
border-style: solid;
background-color: transparent;
font-size: 2rem;
line-height: 38px;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
}
.navbar.navbar-lesson .current-lesson {
display: inline-block;
vertical-align: middle;
margin-left: 11px;
}
.navbar.navbar-lesson .current-lesson .current-lesson-title {
font-size: 1.8rem;
margin: 0;
}
.navbar.navbar-lesson .current-lesson .current-lesson-number {
margin-bottom: 0;
}

/*------------------------------------
46. Student
------------------------------------*/
.student-blog-tab .nav-tabs {
border: none;
display: inline-block;
}
.student-blog-tab .nav-tabs > li {
margin: 0;
}
.student-blog-tab .nav-tabs > li > a {
margin: 0;
line-height: 20px;
border-radius: 0;
background-color: #f7f7f7;
border: 1px solid #e7e7e7;

font-weight: 700;
color: #262626;
padding: 15px 44px;
}
.student-blog-tab .nav-tabs > li.active > a {
color: #ffffff;
}
.student-blog-tab .tab-content {
margin-top: 45px;
}
.student-blog-tab .blog {
margin-bottom: 30px;
}

/*------------------------------------
47. Miscelleneous
------------------------------------*/
.online-education-fact .section-header {
margin-bottom: 35px;
}
.online-education-fact .counter-group .counter-item + .counter-item {
margin-left: 50px;
}
.online-education-fact h4 {
font-size: 2.2rem;
margin-top: 35px;
margin-bottom: 30px;
}
.online-education-fact .registration-form {
border: none;
}
.online-education-fact .registration-form input:not([type=submit]):not([type=radio]):not([type=checkbox]), .online-education-fact .registration-form select, .online-education-fact .registration-form textarea {
border-radius: 3px;
}
.online-education-fact .registration-form [type=submit] {
border-width: 1px;
border-radius: 3px;
border-style: solid;
color: #ffffff;
width: 100%;

padding: 8px 30px;
}
.online-education-fact .registration-form [type=submit]:hover {
background-color: transparent;
}
.mission h2
{
margin: 0 auto;
}
.vision {
margin-top: 30px;
border:;
padding: 40px 30px 40px 40px;
}
.mission h3, .vision h3 {
margin-top: 0;
}
.section-img  a img{
width:100%;
}
.theme-bg
{
background-color: #f4f8fe;
}
footer {
background-color: #fff;
}
.footer-widget-area .widget-title
{
color:(47,57,60,0.87);
}
.footer-logo img{
width:20%;
}
.mul-img{
background: url(img/right_bgShape.png);  
background-size: 30%;
background-position: right top ;
background-repeat: no-repeat;
margin-top: -30px;
}
.line-dark
{
background:#cbcdce;
height:1px;
top:40px;
}
.white{
color:#ffffff;
}
.dark{
color:#4c5355;
}
.mlti-img {
background: url(img/footer_leftbgshape.png), url(img/footer_rightbgshape.png);
background-size: 32%, 50%;
background-position: bottom left, bottom right;
background-repeat: no-repeat, no-repeat;
}
.section-paragraph p
{
font-size:18px;
line-height:30px;
font-family:'Lato', sans-serif;
font-weight:400;
margin-top: 30px;
}
.infobox-text
{
padding-right:0px ;	
text-align:left;
}
.contact .infobox-text
{
padding-right:0px;
padding-top:20px;	
text-align:center;
font-size: 18px;
line-height: 30px;
}
.infobox-text p
{
margin-top:0px;
font-size:18px;
line-height:30px;
font-family:'Lato', sans-serif;
font-weight:400;

}
.slick-track{

}
.pad-0
{
padding:0px;
}
.cust-img-alt
{
background: url(img/OurCustomers_bg.jpg);
background-position: center center;
background-size: cover;

}
.cust-img
{
background: url(img/customers_bg_left.png);
background-size: 8.5%;
background-position: top left;
background-repeat: no-repeat;

}
.bg-testimonial
{
background: url(img/testimonials_bg.jpg);
background-position: center center;
background-size: cover;

}
.bg-swift
{
background: url(img/SwiftSync-Comprehensive-bg.png);
background-position: center left;
background-size: cover;

}
.section-mt
{
margin-top:-120px;
padding: 110px 0px;
}
.pad-land2
{
margin-top:-120px;
padding: 110px 0px;
}
.section-margin{
margin-top:150px;
}
.link-read{
font-size:14px;
line-height:22px;
font-weight:600;
color:#89b2f9;
}
.link-read:hover{
font-size:14px;
line-height:22px;
font-weight:600;
color:rgb(120,166,248);
}
.btn-read{
background-color:rgb(132,209,11,0.87);
border-radius:25px;
font-size: 14px;
line-height:22px;
padding: 8px 25px;
text-transform:uppercase;
color:#fff;
font-weight: 600;
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation: 0.4s;
}
.btn-read:hover{
background-color:rgb(132,209,11);
color:#fff;
}
.btn-large{
background-color:#84d10b;
background: -moz-linear-gradient(45deg,  #84d10b 0%, #84d10b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #84d10b 0%,#84d10b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  #84d10b 0%,#84d10b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:25px;
font-size: 16px;
line-height:26px;
padding: 8px 26px;
text-transform:uppercase;
color:#fff;
font-weight: 600;
}
.btn-large:hover{
background-color:#77c005;
background: -moz-linear-gradient(45deg,  #77c005 0%, #77c005 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #77c005 0%,#77c005 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  #77c005 0%,#77c005 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.btn-large:active,
.btn-large:focus
{
background-color:rgb(132,209,011,0.87);
background: -moz-linear-gradient(45deg,  rgb(132,209,011,0.87) 0%, rgb(132,209,011,0.87) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgb(132,209,011,0.87) 0%,rgb(132,209,011,0.87) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  rgb(132,209,011,0.87) 0%,rgb(132,209,011,0.87) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-nav .btn-login{
background-color:rgb(132,209,11,0.87);
border-radius:25px;
font-size: 14px;
line-height:22px;
padding: 8px 25px;
text-transform:uppercase;
color:#fff;
font-weight: 600;
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation: 0.4s;
}
.btn-login:hover{
background-color:rgb(132,209,11);
color:#fff;
}
.btn-author
{
background-color:#84d10b;
border-radius:25px;
font-size: 14px;
line-height:22px;
padding: 5px 25px;
text-transform:uppercase;
color:#fff;
}
.btn-comment
{
background-color:#84d10b;
border-radius:25px;
font-size: 14px;
line-height:22px;
padding: 5px 25px;
text-transform:uppercase;
color:#fff;
float:right;
margin-top:10px;
}

/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;

display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;

content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;

height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;

height: auto;

border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.theme-bg
{
background-color:#f4f8fe;
position: relative;
overflow: hidden;

}
.t-bg
{
background-color:#f4f8fe;
position: relative;
overflow: hidden;
}
.theme-bg:before{
border-radius: 100%; 
position: absolute;
right: -200px;
left: -200px;
top: -200px;
content: '';
bottom: 0;
}
.bg-color
{
background-color:#f4f8fe;
}
#bigHalfCircle path{
fill: #fff;
stroke: #fff;

}
.theme-bg svg {
display: block;
}
#curveDownColor
{
fill: #fff;
stroke: #fff;
}
#curveUpColor
{
fill: #fff;
stroke: #fff;
}
#curveUp
{
fill: #fff;
stroke: #fff;
}
#svg 
{
fill: #fff;
stroke: #fff;
}

.bg-gradient
{

background: linear-gradient(to right, #78a6f8, #789cfb, #7e92fc, #8786fb, #9378f8);

}
.bg-gradient svg {
display: block;
}
.border-down {	
border-radius: 0px 0px 220% 130% / 0px 0px 120% 50%;
width: 125%;
margin: 0% -10%;
}
.border-up {	
border-radius: 0px 0px 220% 130% / 0px 0px 120% 50%;
width: 125%;
margin: 0% -10%;
}


.home-box p{
font-size: 16px;
line-height: 26px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.btn-learn
{
color:#89b2f9;	
font-weight:600;
font-size:14px;
line-height:22px;
border-top: 2px solid #d6d7d8;	
padding:8px 10px;
text-transform:uppercase;

}
.btn-learn:hover
{
color:#78a6f8;
}
.line-top
{
color:#89b2f9;
font-size: 14px;
line-height: 22px;
font-weight:600;
}
.line-top:hover
{
color:#78a6f8;
}
.objective p{
font-size: 16px;
line-height: 26px;
margin: 8px 0px 15px 0px;
font-family: 'Lato', sans-serif;
font-weight: normal;
position: relative;
}
.section-subtext p
{
position: relative;	
}
.mt-40
{
margin-top:40px;
}
.uppercase
{
text-transform:uppercase;
}
.bold
{
font-weight: bold;
}
.footer-top
{
width:100%;
height:1.5px;
background-color:rgb(120,166,248,0.1);
}
.social-icons 
{
margin:30px 0px;
text-align: right;
}
.social-icons img
{
margin-left:8px;
width:10%;	
}
.blog-attributes
{
color:#b1b4b5;
}
.banner-item-5 .banner-content .section-text
{
font-size:26px;
line-height:38px;
font-weight:normal;
width:50%;
margin:0% 25%;
}
.news-form
{
margin-top:10px;	
}
.news-forms
{
margin-top:10px;	
}
.news-form input{
background-color: #fff !important;
border-radius: 25px;
border: none !important;
box-shadow: 0px 1px 5px rgb(49,57,60,0.1);
}
.news-forms input{
background-color: #fff !important;
border-radius: 25px;
border: none !important;
box-shadow: 0px 1px 5px rgb(49,57,60,0.1);
}
.news-form .btn-news
{
padding: 8px 30px;
margin-top: -0px;
margin-left: -120px;
z-index: 1;
position: absolute;
background-color: rgb(132,209,11,0.8);
border-radius: 25px;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
float: right;
font-weight:600;
}
.news-forms  .btn-signup
{
padding: 8px 30px;
margin-top: -0px;
margin-left: -170px;
z-index: 1;
position: absolute;
background-color: rgb(132,209,11);
border-radius: 25px;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
float: right;
font-weight:600;
}
.news-form .btn-news:hover
{
background-color: rgb(132,209,11);

}
.banner-item-home .banner-content h2
{	
font-weight: bold;
margin: 0;
color: #fff;
width:10 0%;	
}

.about-left{
background: url(img/screenshot_holder_leftside1.png);
background-repeat: no-repeat;
background-position: left top;	
}

@media (min-width: 318px) {
	.navbar .navbar-nav li a { 
    padding: 0px 18px 0px 10px;
}
	.navbar.affix .navbar-nav > li > a {
padding: 0px 18px 0px;
}
	.navbar .navbar-nav .sub-menu li > a {
display: inline-block;
}
	.navbar .navbar-nav .sub-menu > li > ul.sub-menu{
		padding-bottom:15px;
		padding-top: 15px;
	}
	.navbar .navbar-nav .sub-menu .sub-menu li
{
padding:0px 0px;
margin: 0px;
}
	.navbar .navbar-nav .sub-menu {
		margin: 10px 0px;
	}
	.navbar .navbar-nav .dropdown .sub-menu li {
		min-height: 66px;
	}
	.navbar .navbar-nav .dropdown li a p { 
	line-height:20px;
	}
	.navbar .navbar-nav .sub-menu .hassub  .dropbtn  i{
position: absolute;
top: 15px;
right: 14px;
font-weight:600;
		font-size:18px;
}
.navbar .navbar-nav .sub-menu
{min-width:280px;}
.mt-0
{
	margin-top:-90px;
	margin-bottom:-90px;
}
.imgpadr{
width: 105%;
max-width: none;
margin-bottom:-9%;
}
h4,
.h4 {
font-size: 28px;
line-height:38px;
font-weight:bold;
}
.mtop-90
{	
margin-top:0px;
}
.team-rtimg
{
background:none;
}
.team-ltimg
{
background:none;
}
.team-board 
{
background:none;
}
.section-paragraph blockquote p
{
border-left:none;
font-size: 28px;
line-height:40px;
font-weight: bold;
margin-top: -40px;
}
.team-board
{
padding:30px 0px;
}
.team-board .instructor
{
margin:0;
}
.team-board .instructor .instructor-body
{
padding:0;
}
.team-founder img
{
margin-top:0%;	
}
.about-right{
background:none;
padding-top:20px;
}
.about-left{
background:none;
}
.banner.style-4 .banner-item-5 .banner-img{
min-height: 100%;
min-width: 220%;
margin-left: -40%;
}
.banner.style-4 .banner-item-5 .banner-content{
position: absolute;
top: 10%;
}
.banner.style-4 .banner-item-5 .banner-content h1{
font-size:48px;
}	
.banner.style-3 .banner-item-landing .banner-img {
min-height: 100%;
display: table;
min-width: 360%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner.style-3 .banner-item-landing .banner-product
{
min-height: 100%;
display: table;
min-width: 330%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-landing .banner-content {
top:35%;
}
.banner-item-landing .left-mg{
margin-top:30%;
}
.banner-item-landing .left-mg img{
margin-left:0%;
}
.banner-item-landing .kanban-product
{
margin-left: 5%;
margin-bottom:15%;

}
.banner-item-landing .kanban-product img
{
max-width: 100%;
height: auto;
}

.banner-item-landing .kanban-product h1{
font-size:35px;
line-height:40px;
margin: 10px 0px;	
	word-wrap: break-word;
}
.banner-item-landing .kanban-product h3{
font-size:25px;
line-height:36px;		
margin-top:0px;
margin-bottom:10px;
}
.banner.style-4 .banner-item-6 .banner-img{
min-height: 100%;
min-width: 300%;
margin-left: -65%;
}
.banner.style-4 .banner-item-6 .banner-content h2{
font-size:25px;
line-height:36px;
}
.banner.style-4 .banner-item-6 .case-studies h2{
font-size:39px;
line-height:40px;
}
.banner.style-4 .banner-item-6 .banner-content p{
margin-bottom:0px;
}
.banner.style-4 .banner-item-6 .kanban-features img
{	
max-width: 100%;
height: auto;
}
.banner.style-4 .banner-item-6 .banner-content{
position:absolute;
top:0%;	
}
.checklist.half-list li
{
width:100%;	
}
.right-marg .right-mg img {
margin-left: 5%;
padding-bottom: 10%;
}
.product-landing h1, .banner-item-6 .banner-content .banner-title, .banner-item-6 .banner-content h1{
font-size: 44px ;
line-height: 54px ;
}
.product-landing h2 {
font-size: 36px ;
line-height: 54px ;
}
.product-landing p {
font-size: 16px ;
line-height: 22px ;
}
.banner.style-4 .banner-content
{
display: table-cell;
vertical-align: middle;
}
.home-tp .carousel-section .button-group
{

}
.mt-30{
margin-top:30px;
}
.bg-5{
background-position: left center;
}
.right-img
{
background: none;
padding:30px 0px 70px;
}
.kmar-top
{
margin-top:110px;
}
.pad-land2 {
margin-top: -120px;
padding: 190px 0px 50px;
}
.pad-t0 {
padding:0px 0px;
}
.footer-widget-area {
padding: 30px 0px 0px 0px;
}
.pad-rg-0 {
padding-left: 0px;
}

.footer-logo img {
width: 50%;
}
.footer-lower-area
{
padding: 0px 0px 5px 0px;
}
.footer-widgets .widget {
margin-bottom: 10px;
}
.pad-t20
{
padding:40px 0px;
}
.pad-tes0
{
padding:18% 0%;
}
.pad-bt0
{
margin-bottom:0px;
}

.testimonial-item p
{
font-size: 14px;
line-height: 22px;
margin: 25px 10px 60px 10px;
}
.bg-5{
min-height:540px;
}
.testimonial-main {
margin-top: 25px;
}
.testimonial-nav-thumbs .commenter-thumb-img
{
float: left;
}

.commenter-thumb .commenter-name
{
width: 100%;
text-align: left;
margin: 10px 0px 0px 90px;
}
.commenter-thumb .commenter-profession
{
text-align: left;
width: 70%;
margin-left:90px;
}
.info-box .infobox-icon img {
width:auto;
margin-left: 40%;
}
.info-box .infobox-title
{
text-align:center;
}
.cust-img
{
background:none;
}
.banner .banner-item {

overflow: hidden;
}
.banner .banner-item-home { 
min-height:400px;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 200%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
max-width: none;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-180px;
}
.section.float-top-half {
margin-top: -97.5px;
}
.btn-large {   
font-size: 14px;
line-height: 26px;
padding: 6px 24px;

}
.banner-item-home .banner-content h5 {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #fff;
font-family: 'Lato', sans-serif;
}

.instructor-counter-group .counter-item {
margin-bottom: 0%;
}
.instructor-counter-group .counter-item .fact-number {
font-size: 24px; 
line-height: 36px; 
color:#4c5355;	
}
.instructor-counter-group .counter-item .fact-name {
font-size: 18px;
line-height: 28px;
color:#4c5355;
}
.banner-item-home .banner-content h2
{
font-size: 28px;
line-height: 38px;	
}
.banner-item-home .banner-content .button-group{
margin-top:20px;
}
.testimonial-item .f-left
{  
font-size:15px;
}
.testimonial-item .f-right
{  
font-size:15px;
}

.testimonial-item p {
margin: 5% 3% 2% 3%;
}
.testimonial-nav-thumbs {
margin-top: 0px;
}
.news-form input
{
width:90% !important;
}
.news-form .btn-news
{
width:92%;
margin: 10px ;
position:relative;
}
.about-left
{
background:none;
}
.mob-pad-about
{
padding:0px;
}
.sub-pad
{
padding: 0px 0px;
}
.left-img
{
background:none;
}
.sub-rgimg
{
background:none;
}
.mar-lf {
margin-left: 0px;
}
.mar-rg {
margin-right: 0px;
padding-top: 0px;
}
.mar-rgg {
margin-right: 0px;
}
.pos-3
{
top:2040px;
}
.pos-4
{
top:3780px;
}
.pos-5
{
top: 4320px;
padding: 40px 0px;
}
.pos-6
{
top:4680px;
}
.pos-7
{
top:5580px;
}
.swift-bg
{
margin-top:0px;
padding: 40px 0px 10px;
min-height: 600px;	
}
.pad-kan3
{
background-size:50%;
}
.mob-pad
{
padding-left:15px;
padding-right:15px;
}
.bg-testimonial
{
min-height:920px;
}
.bg-swift
{
min-height:600px;
padding: 160px 0px 90px;	
}
.pad-land4
{
padding: 160px 0px;
}
.pad-kan3
{
padding:26px 0px;	
}
.pad-kan4
{
padding:120px 0px ;	
}
.pad-kan5
{
padding: 30px 0px 126px;
}
.pad-land5
{
padding: 0px 0px 80px;
}
.cust-img-alt
{
min-height:500px;
padding: 120px 0px 0px;
}
.left-img-feature
{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 90%;
background-repeat: no-repeat;
background-position: left top;
padding:10px 0px;

}
.mart-90
{
margin-top: -90px;		
}
.mart-60
{
margin-top:60px;		
}
.mar-top
{	
margin-top:80px;
}
.features p{
margin-top:10px;
}
.sub-rgimg-feature
{
background: url(img/screenshot_holder_righside2.png);  
background-size: 90%;
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 75px;
margin-top: -50px;
}
.left-img-feature1
{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 90%;
background-repeat: no-repeat;
background-position: left top;
padding:10px 0px;
margin-top:-40px;
}
.sub-rgimg-feature1
{
background: url(img/screenshot_holder_righside2.png);  
background-size: 90%;
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 30px;
margin-top: -50px;
}
.left-img-feature2
{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 90%;
background-repeat: no-repeat;
background-position: left top;
padding:10px 0px;
margin-top:-40px;
}
}
@media (min-width: 360px)
{
.banner.style-4 .banner-item-5 .banner-img {
min-height: 100%;
min-width: 200%;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 270%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 200%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-210px;
}
.banner.style-3 .banner-item-landing .banner-product {  
min-width: 300%;
}
.mar-top
{	
margin-top:100px;
}
.left-img-feature
{
padding: 15px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 85px;
}
.left-img-feature1
{
padding: 20px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 30px;	
}
.left-img-feature2
{
padding: 20px 0px;	
}
.pos-3 {
top: 2090px;
}
.pos-4
{
top: 3740px;
}
.pos-5 {
top: 4280px;
}
.pos-6 {
top: 4680px;
}
.pos-7 {
top: 5550px;
}	
}
@media (min-width: 374px)
{
.imgpadr {
width: 105%;
max-width: none;
margin-bottom: -30%;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 250%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 180%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-200px;
}
.left-img-feature
{
padding: 15px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 95px;
}
.left-img-feature1
{
padding: 15px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 50px;	
}
.left-img-feature2
{
padding: 15px 0px ;	
}
.pos-3 {
top: 2100px;
}
.pos-4
{
top: 3720px;
}
.pos-5 {
top: 4310px;
}
.pos-6 {
top: 4720px;
}
.pos-7 {
top: 5585px;
}
}

@media (min-width: 410px) {
.banner.style-4 .banner-item-5 .banner-img {
min-height: 100%;
min-width: 180%;
margin-left: -25%;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 220%;
margin-left: -40%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 170%;
background-position: center;

background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden !important;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-210px;
}
.banner.style-3 .banner-item-landing .banner-product {  
min-width: 280%;  
}
.banner.style-3 .banner-item-landing .banner-img {
min-width: 330%;
}
.mar-top
{	
margin-top:100px;
}
.left-img-feature
{
padding: 20px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 105px;
}
.left-img-feature1
{
padding: 20px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 40px;	
}
.left-img-feature2
{
padding: 20px 0px;	
}
.pos-3 {
top: 2140px;
}
.pos-4
{
top: 3730px;
}
.pos-5 {
top: 4270px;
}
.pos-6 {
top: 4700px;
}
.pos-7 {
top: 5540px;
}
.pad-t0 {
padding:20px 0px 0px;
}
.pad-kan4
{
padding:110px 0px;	
min-height:1020px;
}
.news-form input{
width: 80% !important;
}
.info-box .infobox-icon img {
width:auto;
margin-left: 45%;
}
h4,
.h4 {
font-size: 24px;
line-height:34px;
font-weight:bold;
}
.cust-img
{
background:none;
}
.product-landing {

}	
.product-landing h1 {
font-size: 44px ;
line-height: 54px ;
}
.product-landing h2 {
font-size: 36px ;
line-height: 54px ;
}
.product-landing p {
font-size: 16px ;
line-height: 22px ;
}
.banner.style-4 .banner-content
{
display: table-cell;
vertical-align: middle;
}

.footer-widget-area {
padding: 30px 0px 0px 23px;
}

.footer-lower-area
{
padding: 0px 0px 5px 0px;
}

.mob-pad-about
{
padding:0px;
}

.cust-img-alt
{
min-height:550px;

}
.right-marg .right-mg img {
margin-left: 5%;
margin-bottom: -5%;
}
}
@media (min-width: 480px) {
.pos-3 {
top: 2240px;
}
.pos-4 {
top: 3720px;
}
.pos-5 {
top: 4320px;
}
.pos-6 {
top: 4840px;
}
.pos-7 {
top: 5590px;
}
}
@media (min-width: 576px) { 
	 .navbar.fix-nav .navbar-collapse {
  
	  left: 20px;
  }
h4,
.h4 {
font-size: 24px;
line-height:34px;
font-weight:bold;
}
.banner .banner-item-home {
min-height:500px ;
}
.banner-item-home .banner-content h2
{
font-size: 48px;
line-height:70px;
width: 80%;
}
.banner.style-4 .banner-item-landing
{
min-height:420px;
display: table;
width: 100%;
}
.product-landing {

}
.product-landing h1 {
font-size: 54px ;
line-height: 60px ;
}
.product-landing h2 {
font-size: 28px ;
line-height: 34px ;
}
.product-landing p {
font-size: 16px ;
line-height: 22px ;
}
.info-box .infobox-icon img {
width:auto;
}
.testimonial-item .f-left {
font-size: 30px;
}
.testimonial-item .f-right {
font-size: 30px;
}
.banner.style-3 .banner-item-landing .banner-img {
min-height: 840px;
display: table;
width: 100%;
background-size: cover;
}
.pos-3 {
top: 1060px;
}
.pos-4 {
top: 3780px;
min-height: 580px;
}
.pos-5 {
top: 1590px;
}
.pos-6 {
top: 4720px;
}
.pos-7 {
top: 5470px;
}
.mob-pad
{
padding-left:0px;
padding-right:0px;
}
}
@media (min-width: 600px) {
.banner.style-4 .banner-item-6 .case-studies h2{
font-size: 48px;
line-height: 70px;
}
.banner.style-4 .banner-item-5 .banner-img {
min-height: 100%;
min-width: 130%;
margin-left: -13%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 140%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-270px;
}
.banner.style-3 .banner-item-landing .banner-product {  
min-width: 220%;  
}
.banner.style-3 .banner-item-landing .banner-img {
min-width: 230%;
}
.banner.style-4 .banner-item-6 .banner-img
{
min-height: 100%;
min-width: 170%;
margin-left: -25%;	
}
.banner.style-4 .banner-item-6 .banner-content {   
top: 5%;
}

.right-marg .right-mg img {
margin-left: 5%;
padding-bottom: 9%;
}

.mar-top
{	
margin-top:130px;
}
.left-img-feature
{
padding: 30px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 160px;
}
.left-img-feature1
{
padding: 30px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 90px;	
}
.left-img-feature2
{
padding: 30px 0px;	
}
.pos-3 {
top: 2320px;
}
.pos-4 {
top: 3880px;
}
.pos-5 {
top: 4480px;
}
.pos-6 {
top: 5020px;
}
.pos-7 {
top: 5900px;
}
.footer-logo img {
width: 35%;
}
.mob-pad {
padding-left: 15px;
padding-right: 15px;
}
.right-marg .right-mg img {
margin-left: 6%;
margin-bottom: -5%;
}
.cust-img-alt {
min-height: 680px;
padding: 140px 0px 0px;
}
.bg-testimonial {
min-height: 950px;
}
}
@media (min-width: 640px) {
.left-img-feature
{
padding: 35px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 180px;
}
.left-img-feature1
{
padding: 35px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 110px;	
}
.left-img-feature2
{
padding: 35px 0px 10px;	
}
.pos-3 {
top: 2440px;
}
.pos-4 {
top: 3860px;
}
.pos-5 {
top: 4520px;
}
.pos-6 {
top: 5120px;
}
.pos-7 {
top: 5880px;
}
.mob-pad {
padding-left: 15px;
padding-right: 15px;
}
.banner.style-3 .banner-item-landing .banner-product {
min-height: 700px;
}
}
@media (min-width: 736px) {
.pos-3 {
top: 2600px;
}
.pos-4 {
top: 3900px;
}
.pos-5 {
top: 4580px;
}
.pos-6 {
top: 5220px;
}
.pos-7 {
top: 5980px;
}
.mob-pad {
padding-left: 15px;
padding-right: 15px;
}
.footer-logo img {
width: 30%;
}
}
@media (min-width: 768px) { 
.banner.style-4 .banner-item-5 .banner-img {
min-height: 100%;
min-width: 100%;
}
.banner.style-4 .banner-item-5 .banner-content h1 {
font-size: 58px;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 140%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 115%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-275px;
}
.banner.style-3 .banner-item-landing .banner-product {  
min-width: 100%;  
}
.banner.style-3 .banner-item-landing .banner-img {
min-width: 100%;
}
.pad-kan4 {
padding: 160px 0px;
}
.bg-testimonial {

min-height: 1020px;

}
.mar-top
{	
margin-top:150px;
}
.left-img-feature
{
padding: 60px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 230px;
margin-top: -90px;
}
.left-img-feature1
{
padding: 60px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 160px;
margin-top: -90px;	
}
.left-img-feature2
{
padding: 60px 0px 30px;	
}
.banner-item-landing .left-mg {
margin-top: 0%;
}
.banner-item-landing .kanban-product {
margin-left: 0%;
margin-bottom: 0%;
}
.cust-img-alt {
min-height: 750px;
}
h4,
.h4 {font-size: 28px;  line-height:38px;  font-weight:bold;}
.banner.style-4 .banner-item-landing
{
min-height:560px;	display: table;	width: 100%;background-size: 100%;
}
.product-landing {}
.bg-5{min-height:640px;}

.testimonial-item p
{
font-size: 16px;
line-height: 26px;
margin: 25px 10px 60px 10px;
}
.banner-item-landing .banner-content {
top:35%; 
}
.testimonial-nav-thumbs .commenter-thumb-img
{

}
.commenter-thumb .commenter-name
{
margin-top: 0%;
text-align: center;
margin-left: 0%;
width: 100%;
}
.commenter-thumb .commenter-profession
{
text-align: center ;
margin-left: 0%;
width: 100%;
}
.footer-logo img
{
width:30% !important;
}
.footer-widget-area
{
padding-bottom:30px;
}
.footer-lower-area
{
padding-bottom:35px;
}
.footer-lower-area .col-sm-6
{
padding-left:0px;
padding-right: 40px;
}
.pad-0
{
padding:0px;
}
.pad-t0 {
padding:120px 0px;
}
.mlti-img
{
background-size: 30%, 39%;
}
.navbar .navbar-header {
width: 100%;
}
.product-landing h1 {
font-size: 54px ;
line-height: 60px ;
}
.product-landing h2 {
font-size: 28px ;
line-height: 34px ;
}
.product-landing p {
font-size: 16px ;
line-height: 22px ;
}
.banner.style-4 .banner-content {
display: table-cell;
vertical-align: middle;
}
.right-img
{
background-size: 32%;
padding:40px 0px 60px;
}
.bg-swift
{
min-height:680px;
}
.info-box .infobox-icon img {
width:auto;
}

.contact .info-box .infobox-title
{
text-align:center;
font-size:14px;
line-height:22px;
}
.testimonial-nav-thumbs .commenter-thumb-img
{
float: none;
}
.instructor-counter-group .counter-item .fact-number {
font-size: 36px;
color:#4c5355;
line-height:52px;
font-weight:bold;
margin:0px;
}

.instructor-counter-group .counter-item .fact-name {
font-size:26px;
line-height:38px;
font-family: 'Lato', sans-serif;
font-weight:normal;
color:#4c5355;
}
.news-form input{	
width: 70% !important;
}
.news-form .btn-news {
margin-top: -0px;
margin-left: -120px ;
position: absolute;
width:auto ;
}
.mar-rl40 {
margin: 60px 0px 0px;
}
.cust-img-alt .section-title
{
margin-top:60px;
}
.banner.style-3 .banner-item-landing .banner-img {
display: table;
width: 100%;
background-size: cover;
min-height:100%;
}
.banner .banner-item-home .banner-home
{
min-height:100%;
}
.banner.style-3 .banner-item-landing .banner-product
{
min-height:100%;
}
.pos-3
{
top:1740px;
}
.pos-4
{
top:3140px;
}
.pos-5
{
top:3895px;
}
.pos-6
{
top:4430px;
}
.pos-7
{
top:5300px;
}
.section-mt {
padding: 10px 0px 60px;
}
}
@media (min-width: 800px) {
.imgpadr {
width: 106%;
max-width: none;
}
.team-ltimg
{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 96%;
background-repeat: no-repeat;
background-position: left top;
padding:20px;
}
.team-img img
{
padding:0% 15% 25% 15%;	
}
.team-board .instructor {
margin-bottom: 40px;
}
.team-founder img
{
margin-top:42%

}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 13%;
}
.banner.style-4 .banner-item-5 .banner-img {

min-height: 100%;
min-width: 100%;
margin-left: 0%;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 130%;
margin-left: -13%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 110%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top:-290px;
}
.banner.style-3 .banner-item-landing .banner-product {  
min-width: 110%;  
}
.section.float-top-half {
margin-top: -137.5px;
}
.banner.style-4 .banner-item-6 .kanban-features img{
width: 30%;
}
.mar-top
{	
margin-top:150px;
}
.left-img-feature
{
padding: 80px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 260px;
margin-top: -90px;
}
.left-img-feature1
{
padding: 80px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 190px;
margin-top: -90px;	
}
.left-img-feature2
{
padding: 80px 0px 30px;	
}
.cust-img-alt {

padding: 100px 0px 0px;
} 
.footer-lower-area .footer-menu
{
text-align:center;
}
.footer-lower-area {
padding-bottom: 0px;
}
.footer-widget-area {
padding-bottom: 0px;
}
.pos-3 {
top: 1740px;
}
.pos-4 {
top: 3160px;
}
.pos-5 {
top: 3925px;
padding-top: 60px;
}
.pos-6 {
top: 4530px;
}
.pos-7 {
top: 5350px;
}
.pad-kan4 {
padding: 160px 0px;   

}
.bg-testimonial {
min-height: 1050px;
}
}
@media (min-width: 834px) {
.team-ltimg {

padding: 60px;  
}
.mar-top
{	
margin-top:170px;
}
.left-img-feature
{
padding: 100px 0px;	
}
.sub-rgimg-feature
{
padding-bottom: 290px;
margin-top: -90px;
}
.left-img-feature1
{
padding: 100px 0px;	
}
.sub-rgimg-feature1
{
padding-bottom: 220px;
margin-top: -90px;	
}
.left-img-feature2
{
padding: 100px 0px 30px;	
}
.right-marg .right-mg img {
margin-left: 9%;
margin-bottom: -5%;
}
.banner .banner-item-home {
min-height: 540px;
}
.pos-5 {
top: 3940px;
padding-top: 60px;
}
.pos-7 {
top: 5395px;
}
}  
@media (min-width: 900px) {
.team-img img {
padding: 0% 15% 25% 10%;
}
.team-ltimg {
padding: 60px;
}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 15%;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 110%;
margin-left:0%;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top: -320px;
}
.banner.style-3 .banner-item-landing .banner-product {
min-width: 100%;
}
.mar-top
{	
margin-top:160px;
}
.left-img-feature
{
padding: 90px 0px;	
background-size: 80%;
}
.sub-rgimg-feature
{
padding-bottom: 265px;
margin-top: -100px;
background-size: 80%;
}
.left-img-feature1
{
padding: 90px 0px;	
background-size: 80%;	
}
.sub-rgimg-feature1
{
padding-bottom: 190px;
margin-top: -100px;	
background-size: 80%;
}
.left-img-feature2
{
padding: 90px 0px 30px;	
background-size: 80%;	
}
.pos-5 {
top: 3960px;
padding-top: 70px;
}
.pos-6 {
top: 4560px;
}
.pos-7 {
top: 5445px;
}
.right-marg .right-mg img {
margin-left: 13%;
}
.banner .banner-item-home {
min-height: 600px;
}
.section.float-top-half {
margin-top: -177.5px;
}
}	
@media (min-width: 950px) {
.team-img img {
padding: 0% 15% 25% 4%;
}
.team-ltimg {
padding: 90px;
}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 18%;
}	   
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 105%;
}
.banner .banner-item-home .banner-home{
min-height: 100%;
display: table;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-item-home .banner-content {
left: 0%;
top: 0%;
position: relative;
margin-top: -300px;
}
.banner.style-3 .banner-item-landing .banner-product {
min-width: 100%;
}
.mar-top
{	
margin-top:180px;
}
.left-img-feature
{
padding: 110px 0px;	
background-size: 80%;
}
.sub-rgimg-feature
{
padding-bottom: 310px;
margin-top: -100px;
background-size: 80%;
}
.left-img-feature1
{
padding: 110px 0px;	
background-size: 80%;	
}
.sub-rgimg-feature1
{
padding-bottom: 240px;
margin-top: -100px;	
background-size: 80%;
}
.left-img-feature2
{
padding: 110px 0px 40px;	
background-size: 80%;	
}   
.right-marg .right-mg img {
margin-left: 18%;
margin-bottom: -4%;
} 
.section.float-top-half {
margin-top: -174.5px;
}
.pos-4 {
top: 3160px;
}
.pos-5 {
top: 3980px;
padding-top: 70px;
}
.pos-6 {
top: 4640px;
}
.pos-7 {
top: 5530px;
}
.bg-testimonial {
min-height: 1050px;
}
.pad-kan4 {
padding: 190px 0px; 
}
.mob-pad {
padding-left: 15px;
padding-right: 15px;
}
}

@media (min-width: 960px) {
.mtop-90
{	
margin-top:-90px;
} 
.pos-3
{
top:1660px;
}
.pos-4
{
top:2980px;
}
.pos-5
{
top:3860px;
}
.pos-6
{
top:4360px;
}
.pos-7
{
top:5180px;
}
.section.float-top-half {
margin-top: -120.5px;
}
.mob-pad {
padding-left: 0px;
padding-right: 0px;
}
.footer-lower-area {
padding-bottom: 0px;
}
.footer-widget-area {
padding-bottom: 0px;
}
.footer-menu
{
text-align:center;	
}
.right-img {
padding: 60px 0px 120px;
}
.pad-land2 {

margin-top: -140px;
padding: 220px 0px 90px;
background-position: left center;
}
.swift-bg {  
padding: 60px 0px 30px;  
}
.bg-swift {   
padding: 190px 0px 120px;
}
.pad-land5 {

padding: 30px 0px 90px;

}

} 

@media (min-width: 992px) {
		.navbar .navbar-nav li a { 
    padding: 0px 18px 15px;
}
		.navbar.affix .navbar-nav > li > a {
padding: 0px 18px 15px;
}
.navbar .navbar-nav .sub-menu li > a {
display: block;
}
	.navbar .navbar-nav .sub-menu > li > ul.sub-menu{
		padding:15px 0px;
	}
	.navbar .navbar-nav .sub-menu .sub-menu li
{
padding:4px 0px;
margin: 0px;
}
	.navbar .navbar-nav .sub-menu {
		margin: 2px 0px;
	}
	.navbar .navbar-nav .dropdown .sub-menu li {
		min-height: 85px;
	}
	.navbar .navbar-nav .dropdown li a p { 
	line-height:20px !important;
	}
.navbar .navbar-nav .sub-menu .hassub  .dropbtn  i{
	display:none;
}
	.navbar .navbar-nav .sub-menu .hassub a:after{
content: '\f107';
top: 15px;
right: 30px;
position: absolute;
font-family: fontawesome;
font-weight:600;
}
.navbar .navbar-nav .sub-menu {min-width:325px;}

.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 20%;
}
.banner.style-4 .banner-item-5 .banner-content h1 {
font-size: 68px;
}
.banner.style-4 .banner-item-6 .banner-img {
min-height: 100%;
min-width: 100%;
}
.banner.style-4 .banner-item-6 .banner-content h2 {
font-size: 48px;
line-height: auto;
}
.footer-widget-area .widget .widget-half ul li
{
width:50%;
float:left;
}
.btn-menu
{
border: 2px solid #fff;
border-radius: 25px;
text-transform: uppercase;
margin-right:20px;
margin-top:-4px;
}
.btn-menu a
{
height: 32px;
padding-top: 3px !important;
}
.btn-menu:hover { 
background:#fff;
border-radius: 25px;
border: 2px solid #fff;
}
.btn-menu a:hover 
{
color: #78a6f8 !important;
}
.footer-widget-area {
padding-bottom: 30px;
}
.footer-lower-area {
padding-bottom: 35px;
}
.pos-3 {
top: 900px;
}
.pos-4 {
top: 1530px;
}
.pos-5 {
top: 2370px;
padding: 50px 0px;
}
.pos-6 {
top: 2900px;
}
.pos-7 {
top: 3850px;
}
.footer-widget-area {
padding: 30px 0px 0px 0px;

}
.pad-land3
{
margin-top: 0px;
padding: 90px 0px 0px;		
}
.bg-swift {
min-height: 600px;
padding: 180px 0px 120px;
}
.pad-land4
{
padding: 180px 0px;
}
.pad-land5 {
padding: 80px 0px;
}

.section.float-top-half {
margin-top: -127.5px;
}
.mob-pad-about {
padding: 90px 0px;
}
.sub-pad
{
padding: 50px 0px;
}

.news-form input{
width: 60% !important;
}




.left-img
{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 50%;
background-repeat: no-repeat;
background-position: left top;
}
.left-img-feature
{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 44%;
background-repeat: no-repeat;
background-position: left top;
padding:10px 0px;
}


.sub-rgimg
{
background: url(img/screenshot_holder_righside2.png);  
background-size: 50%;
background-repeat: no-repeat;
background-position: right top;
margin-top: -120px;
padding-top: 250px;
}
.mt-150
{
margin-top:180px;
}
.mt-240
{
margin-top:270px;
}
.mt-0
{
margin-top:-90px;	
margin-bottom:-90px;
}
.imgpadt
{
margin-top:-120px;
}

.mar-lf
{
margin-left:105px;
}
.mar-rg
{
margin-right:105px;
padding-top: 260px;
}
.mar-rgg
{
margin-right:105px;	
}
h4,
.h4 {
font-size: 34px;
line-height:50px;
font-weight:bold;
}

.navbar .navbar-header {
width: auto;
}
.banner.style-4 .banner-content
{
display: table-cell;
vertical-align: middle;
width: 100%;
}
.banner.style-4 .banner-item-landing
{
min-height:680px;
display: table;
}
.product-landing
{
text-align:center;
}

.cust-img-alt
{
min-height:680px;
}
.bg-testimonial
{
min-height:780px;
}
.footer-logo img
{
width:35% !important;
}
.pad-tp15
{
padding-top:8px;
}
.footer-lower-area .col-sm-6
{
padding-left:15px;
padding-right: 0px;
}
.product-landing h1
{
font-size:48px;
line-height:70px;
}
.product-landing h2
{
font-size:36px;
line-height:52px;
}
.product-landing p
{
font-size:18px;
line-height:30px;
font-family:'Lato', sans-serif;
font-weight:normal;
}
.pad-t80
{
padding: 80px 0px;
}
.bg-5 {
min-height: 840px;
}
.pad-tes0 {
padding: 120px 0px 0px;
}
.cust-img
{

background: url(img/customers_bg_left.png);
background-size:11%;
background-position: top left;
background-repeat: no-repeat;
}
.right-img
{
background: url(img/SwiftEnterprise-AI-driven_shape.png);
background-size: 34%;
background-position: top left;
background-repeat: no-repeat;
padding:80px 0px 170px;
}
.kmar-top
{
margin-top:0px;
}
.pad-land2
{
padding: 80px 0px;	
}

.mar-rl40
{
margin:40px 0px;
}
.contact .info-box .infobox-icon img {
width:20%;
margin: 0;
}
.info-box .infobox-icon img {
width:100%;
margin: 15px 25px 0px 0px;
}
.testimonial-item p {
font-size: 24px;
line-height: 36px;
margin: 25px 50px 0px;
}
.testimonial-nav-thumbs {
margin-top: 40px;
}
.banner .banner-item-home {
height: ;
}
.banner-item-home .banner-content h2
{
width:50%;
}
.banner-item-home .banner-content h5
{
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: #fff;
font-family: 'Lato', sans-serif;
}
.banner-item-home .banner-content {
left: 18%;
position: absolute;
margin-top:250px;
}
.pad-t0 {
padding: 120px 0px 80px;
}
.testimonial-main {
margin-top: 50px;
}
.right-marg .right-mg img
{
margin-left:22%;	
}

.banner-item-landing .kanban-product img{
max-width: 100%;
height: auto;
}
.banner-item-landing .left-mg{
margin-top:0%;
}
.banner-item-landing .left-mg img{
margin-left:0%;
margin-top: 0%;
}
.banner-item-landing .kanban-product
{
margin-left: 0%;
margin-bottom:0%;
}
.banner-item-landing .kanban-product h1{
font-size:68px;
line-height:85px;
margin:0;
}
.banner-item-landing .kanban-product h3
{
font-size:36px;
line-height:52px;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-bottom: 10px;
}
.checklist.half-list li {
width: 50%;
}
}
@media (min-width: 1024px) {
.team-ltimg {
background-size: 50%;  
padding: 40px;  
}
.team-img img {
padding: 0% 15% 25% 12%;
}
.sub-pad .section-paragraph p img{
margin-top: -20px;
}

.about-right{
background: ;
padding: 90px 0px 240px;
background-repeat: no-repeat;
background-position: right top;
background-size: 44%;
}
.about-left{
background: url(img/screenshot_holder_leftside1.png);  
background-size: 50%;
background-repeat: no-repeat;
background-position: left top;
margin-top: -180px;
padding-top: 90px;
}
.info-box .infobox-title {
text-align: left;
}
.contact .info-box .infobox-title {
text-align: center;
font-size: 18px;
line-height: 30px;
margin-top:20px;
}
.banner.style-4 .banner-item-6 .kanban-features img {
width: auto;
}
.banner.style-4 .banner-item-6 .banner-content {
top: 10%;
}
.mar-top
{	
margin-top:0px;
}
.left-img-feature
{
padding: 0px 0px;	
background-size:55%;
}
.left-img-feature .section-paragraph p img
{
margin-top:-20px;
}
.sub-rgimg-feature
{
padding-bottom: 100px;
margin-top: -160px;
background-size:50%;
}
.left-img-feature1
{
padding: 10px 0px;	
background-size:55%;	
}
.left-img-feature1 .section-paragraph p img
{
margin-top:-20px;
}
.sub-rgimg-feature1
{
padding-bottom: 90px;
margin-top: -240px;	
background-size:50%;
}
.left-img-feature2
{
padding: 10px 0px;	
background-size:55%;
margin-top: -30px;
}
.left-img-feature2 .section-paragraph p img
{
margin-top:-20px;
}
.footer-widget-area {
padding-bottom: 30px;
}
.footer-lower-area {
padding-bottom: 20px;
}
.pad-kan2
{
padding: 120px 0px 0px;
}
.pad-kan3 {
padding: 80px 0px 40px;
}
.pad-kan4 {
padding: 140px 0px;
}
.right-marg .right-mg img {
margin-left: -9%;
margin-top: 0%;
width: 120%;
margin-bottom: 0%;
max-width: none;

}
.pad-kan5 {
padding: 90px 0px 120px;
}
.cust-img-alt {
padding: 100px 0px 80px;
}
}
@media (min-width: 1152px) {
.sub-pad {
padding: 90px 0px;
}
.sub-rgimg {
margin-top: -160px;
padding-top: 260px;
}		
.about-right {
background-size: 40%;
}
.about-left {
padding-top: 120px;
}
.pos-7{
top: 3820px;
}
.section-padding-mini {
padding: 60px 0px;
}
.mar-top
{	
margin-top:0px;
}
.left-img-feature
{
padding: 0px 0px;	
background-size: 50%;
}
.sub-rgimg-feature
{
padding-bottom: 120px;
margin-top: -140px;
background-size: 50%;
}
.mt-150 {
margin-top: 180px;
}
.left-img-feature1
{
padding: 0px 0px;	
background-size: 50%;	
margin-top: -120px;
}
.sub-rgimg-feature1
{
padding-bottom: 90px;
margin-top: -220px;
background-size: 50%;
}
.left-img-feature2
{
padding: 0px 0px 30px;	
background-size: 50%;	
} 
.sub-rgimg-feature2 .section-paragraph p img
{
width:100%;
}
}
@media (min-width: 1200px) {
.imgpadr {
width: 113%;
max-width: none;
margin-bottom: -30%;
}
.team-ltimg {
background-size: 47%;
padding: 40px;
}
.team-rtimg
{
background: ;  
background-size: 29%;
background-repeat: no-repeat;
background-position: right top;	
}
.team-board 
{
background: ;  
background-size: 36%;
background-repeat: no-repeat;
background-position: right top;
margin-top:0px;
}
.team-founder img {
margin-top: 38%;
}
.section-paragraph blockquote p {
font-size: 48px;
line-height:70px;
margin-top: -40px;
}
.sub-pad {
padding: 90px 0px;
}
.sub-rgimg {
margin-top: -150px;
padding-top: 300px;
}	

.infobox-text p
{
margin-right:40px;
}
.about-right {
padding: 90px 0px 300px;
background-size: 36%;
}
.about-left {
margin-top: -240px;
padding-top: 110px;
padding-bottom: 160px;
}
.cust-img
{
background-size: 9%;
}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 25%;
}
.mob-pad {
padding-left: 0px;
padding-right: 0px;
}
.banner.style-4 .banner-item-6 .banner-content {
top: 15%;
}
.section-padding-mini {
padding: 120px 0px;
}
.mar-top
{	
margin-top:0px;
}
.left-img-feature
{
padding: 0px 0px;	
background-size: 50%;
}
.sub-rgimg-feature
{
padding-bottom: 190px;
margin-top: -200px;
background-size: 50%;
}
.mt-150 {
margin-top: 180px;
}
.left-img-feature1
{
padding: 0px 0px;	
background-size: 50%;	
margin-top: -190px;
}
.sub-rgimg-feature1
{
padding-bottom: 80px;
margin-top: -290px;
background-size: 50%;
}
.left-img-feature2
{
padding: 0px 0px 30px;	
background-size: 50%;	
margin-top: -90px;
} 
.sub-rgimg-feature2
{
margin-top: -50px;	
}
.sub-rgimg-feature2 .section-paragraph p img
{
width:80%;
}
.mar-rl40 {
margin: 40px 0px;
}
.news-form input{
width: 50% !important;
}
.news-forms input {
width: 75% !important;
}
h4,
.h4 {
font-size: 34px;
line-height:50px;
font-weight:bold;
}
.banner .banner-item-home {
height: ;
display: table;
background-repeat:no-repeat;
background-size: 100%;
background-position: center top;
}

.banner.style-4 .banner-item-landing
{
height:760px;
background-size: 100%;
}
.home-tp .carousel-section 
{
padding: 30px 0px 0px;
}
.home-tp .carousel-section .section-header
{
margin-bottom: 60px;
}
.home-tp .carousel-section .objective p
{
margin: 8px 0px 15px 0px;
}
.home-tp .carousel-section .button-group
{
margin-top:0px;
}
.product-landing
{
top:;
width:;
left:0;
}
.bg-swift
{
min-height:780px;
}
.pad-big
{
padding:280px 0px ;
}
.pad-land5 {
padding: 90px 0px;
}
.pad-t120
{
padding:130px 0px;
}
.bg-testimonial
{
min-height:850px;
}
.pad-land2 {
padding: 130px 0px;
}
.pad-land3 {
margin-top: 0px;
padding: 120px 0px 60px;
}
.section-mt
{
padding: 130px 0px;
}
.product-landing h1
{
font-size:68px;
line-height:70px;
}
.product-landing h2
{
font-size:36px;
line-height:52px;
width:100%;
}
.product-landing p
{
font-size:18px;
line-height:30px;
font-family:'Lato', sans-serif;
font-weight:normal;
width:100%;
}

.info-box .infobox-icon img {
width: 100%;
margin: 15px 25px 0px 0px;
}
.pad-tes0 {
padding: 140px 0px 0px;
}
.bg-5 {
height: 840px;
}
.testimonial-item p {
font-size: 24px;
line-height: 36px;
}

.banner-item-home .banner-content h2
{
font-size: 48px;
line-height: 70px;
font-weight: bold;
margin: 0;
color: #fff;
width:50%;	
}
.banner-item-home .banner-content h5
{
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: #fff;
font-family: 'Lato', sans-serif;
margin: 0;
}
.banner-item-home .banner-content {
left: 20%;
position: absolute;
top: 0%;
margin-top: 320px;
}
.banner-item-home .banner-content .button-group
{
margin-top:50px;
}
.section.float-top-half {
margin-top: -170.5px;
}
.right-img
{
background-size: 28%;
padding:90px 0px 160px;
}
.right-marg .right-mg img {
margin-left: -6%;
margin-top: 0%;
width: 120%;
margin-bottom: -6%;
max-width: none;
}
.mt-30{
margin-top:30px;
}

.cust-img-alt
{
min-height: 650px;
background-repeat: no-repeat;
background-position: center center;
}
.cust-img-alt .section-title{
margin-top:80px;
}
.banner-item-landing .banner-content {
position: absolute;
top: 42%;
}
.banner-item-landing .banlan {
position: absolute;
top: 24%;
}
.pos-3
{
top:820px;
}
.pos-4
{
top:1520px;
}
.pos-5
{
top: 2360px;
padding: 90px 0px;
}
.pos-6
{
top:2950px;
}
.pos-7
{
top:3940px;
}
.footer-widget-area {
padding-bottom: 30px;
}
.footer-lower-area {
padding-bottom: 35px;
}
}
@media only screen and (min-width:1360px){
.mt-240
{
margin-top:300px;
}
.imgpadr {
width: 122%;
}
.team-rtimg {
background-size: 30%;
}
.team-img img {
padding: 0% 15% 25% 4%;
}
.team-board {
background-size: 32%;

}
.sub-pad {
padding: 120px 0px;
}
.sub-rgimg {
margin-top: -180px;
padding-top: 320px;
}
.about-right {
padding: 90px 0px 440px;
}
.about-left {
margin-top: -360px;
padding-top: 140px;
padding-bottom: 160px;
}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 27%;
}
.section-padding-mini {
padding: 140px 0px;
}
.left-img-feature
{
padding: 30px 0px;	
background-size:50%;
}
.left-img-feature .section-paragraph p img
{
margin-top:-20px;
}
.sub-rgimg-feature
{
padding-bottom: 235px;
margin-top: -230px;
background-size:50%;
}
.left-img-feature1
{
padding: 30px 0px;	
background-size:50%;
margin-top: -240px;	
}
.left-img-feature1 .section-paragraph p img
{
margin-top:-20px;
}
.sub-rgimg-feature1
{
padding-bottom: 120px;
margin-top: -340px;	
background-size:50%;
}
.left-img-feature2
{
padding: 30px 0px;	
background-size:50%;
margin-top: -140px;
}

.banner-item-home .banner-content {
left: 21%;
position: absolute;
top: 2%;
}
.right-img {
background-size: 28%;
padding: 120px 0px 140px;
}
.pad-land2 {
padding: 180px 0px;
}
.bg-testimonial {

min-height: 950px;

}
.section-mt {

padding: 180px 0px 0px;

}
.right-marg .right-mg img {
margin-left: -9%;
margin-top: 0%;
width: 130%;
margin-bottom: -6%;
max-width: none;
}
.section.float-top-half {
margin-top: -180.5px;
}
.bg-5 {
height: 890px;
}
.pad-tes0 {
padding: 160px 0px 0px;
}

.pos-3
{
top:820px;
}
.pos-4
{
top:1520px;
}
.pos-5
{
top:2410px;
padding: 90px 0px;
}
.pos-6
{
top:3020px;
}
.pos-7
{
top:4050px;
}
.banner-item-landing .banner-content {
position: absolute;
top: 36%;
}
.banner-item-landing .banlan {
position: absolute;
top: 25%;
}
}


@media only screen and (min-width:1440px){
.sub-rgimg-feature {
padding-bottom: 275px;
margin-top: -210px;
}
.left-img-feature1
{
	margin-top: -280px;
}
.sub-rgimg-feature1 {
    padding-bottom: 150px;
    margin-top: -300px;
}
.left-img-feature2 {
    margin-top: -170px;
}
.imgpadr {
width: 120%;
max-width: none;
margin-bottom: -30%;
margin-right: -27%;
}
.team-rtimg {
background-size: 31%;
}
.team-board {
background-size: 31%;
}
.team-ltimg { 
padding: 80px;
}
.sub-pad {
padding: 140px 0px;
}
.sub-rgimg {
margin-top: -200px;
padding-top: 320px;
}
.about-left {
margin-top: -360px;
padding-top: 160px;
padding-bottom: 160px;
}
.banner-item-home .banner-content {
left: 21%;
position: absolute;
top: 5%;
}
.banner-item-home .banner-content h2
{
font-size: 48px;
line-height:70px;
}
.banner .banner-item-home {
height: ;
background-size:100%;
background-repeat:no-repeat;
display: table;
}
.section.float-top-half {
margin-top: -190.5px;
}
.banner.style-4 .banner-item-landing {
height: 1143px;
}
.bg-5 {
height: 1020px;
}
.pad-tes0 {
padding: 220px 0px 0px;
}
.testimonial-nav-thumbs {
margin-top: 90px;
}
.bg-testimonial {
min-height: 980px;
}
.right-img {
background-size: 28%;
padding: 120px 0px 180px;
}
.section-mt {
margin-top: -128px;
padding: 200px 0px 0px;    
}
.bg-swift {
min-height: 880px;
background-position: center left;
}
.pad-big {

padding: 240px 0px ;

}
.product-landing
{

}
.banner-item-landing .banner-content{
position:absolute;
top:36%;
margin-top: 128px;
}
	.banner-item-landing .banlan {
position: absolute;
top: 21%;
}
.right-marg .right-mg img {
margin-left: -10%;
margin-top: 0%;
width: 138%;
margin-bottom: 0;
max-width: none;
}
.pos-2
{
top:400px;
}
.pos-5
{
top:2580px;
}
.pos-6
{
top:3270px;
}
.pos-7
{
top:4325px;
overflow:hidden;
}
.footer-lower-area {
padding-bottom: 35px;
}
}

@media only screen and (min-width:1680px){
.imgpadr {
margin-right: -47%;
}
.team-rtimg {
background-size: 28%;
padding-bottom: 50px !important;
}
.team-img img {
padding: 0% 18% 25% 0%;
}
.team-ltimg {

padding: 80px;
}

.sub-pad {
padding: 190px 0px;
}
.sub-rgimg {
margin-top: -250px;
padding-top: 390px;
}
.about-right { 
background-size: 30%;
}
.about-left {
margin-top: -360px;
padding-top: 230px;
padding-bottom: 200px;
}
.cust-img {
background-size: 8%;
}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 32%;
}
.banner.style-4 .banner-item-6 .banner-content {
top: 25%;
}
.section-padding-mini {
padding: 160px 0px;
}
.left-img-feature
{
padding: 80px 0px;	
background-size:47%;
}
.left-img-feature .section-paragraph p img
{
margin-top:-20px;
}
.sub-rgimg-feature
{
padding-bottom: 295px;
margin-top: -260px;
background-size: 44%
}
.left-img-feature1
{
padding: 80px 0px;	
background-size:47%;
margin-top: -330px;	
}
.left-img-feature1 .section-paragraph p img
{
margin-top:-20px;
}
.sub-rgimg-feature1
{
padding-bottom: 190px;
margin-top: -360px;
background-size: 44%;
}
.left-img-feature2
{
padding: 80px 0px;	
background-size:47%;
margin-top: -240px;
}
.right-img {
background-size: 28%;
padding: 120px 0px 140px;
}
.pad-land2 {
padding: 280px 0px 0px;
}
.bg-swift
{
padding: 340px 0px 0px;
}	
.banner-item-home .banner-content {
left: 23%;
position: absolute;
top: 10%;
}
.banner .banner-item-home {
height: ;
background-size:100%;
background-repeat:no-repeat;
display: table;
}
.section.float-top-half {
margin-top: -200.5px;	
}	 
.theme-bg .instructor-counter-group
{
margin:30px 0px;
}
.bg-5 {
min-height: 1120px;
}
.pad-tes0 {
padding: 260px 0px 0px;
}
.product-landing
{
top: ;
width: ;
left: ;
}	
.bg-testimonial {
min-height: 1120px;
}
.section-mt {
margin-top: -168px;
padding: 280px 0px 0px;
} 
.bg-swift {
min-height: 980px;
background-position: center center;
}
.cust-img-alt
{
min-height: 986px;
padding: 180px 0px;
}
.right-marg .right-mg img {
margin-left: -8%;
}
.pos-3 {
top: 880px;
}
.pos-4 {
top: 1560px;
}
.pos-5
{
top:2750px;
}
.pos-6
{
top:3470px;
}
.pos-7 {
top: 4660px;
}
.mlti-img {
background-size: 28%, 35%;
}
}
@media only screen and (min-width:1920px){
.imgpadr {
margin-right: -70%;
}
.team-rtimg {   
padding-bottom: 90px !important;
}

.team-img img {
padding: 0% 18% 55% 0%;
}
.team-board {  
margin-top: -120px;
padding-top: 140px;
}
.sub-pad {
padding: 280px 0px;
}
.sub-rgimg {
margin-top: -350px;
padding-top: 500px;
}
.about-right {
padding: 90px 0px 640px;
background-size: 30%;
}
.about-left {
margin-top: -540px;
padding-top: 300px;
padding-bottom: 400px;
background-size: 50%;
}
.cust-img {
background-size: 6%;
}
.banner.style-4 .banner-item-5 .banner-content {
position: absolute;
top: 35%;
}

.section-padding-mini {
padding: 200px 0px;
}
.mar-top
{	
margin-top:0px;
}
.left-img-feature
{
padding: 130px 0px;	
background-size: 48%;
}
.sub-rgimg-feature
{
padding-bottom: 360px;
margin-top: -320px;
background-size: 42%;
}
.mt-150 {
margin-top: 220px;
}
.left-img-feature1
{
padding: 130px 0px;	
background-size: 48%;
margin-top: -420px;
}
.sub-rgimg-feature1
{
padding-bottom: 280px;
margin-top: -390px;
background-size: 40%;
}
.left-img-feature2
{
padding: 130px 0px;	
background-size: 48%;
margin-top: -340px;	
} 
.imgpadt{
margin-top: -160px;
}

.banner-item-home .banner-content {
left: 23%;
position: absolute;
top: 18%;
}
.banner .banner-item-home {
height: ;
background-size:100%;
background-repeat:no-repeat;
display: table;
}
.section.float-top-half {
margin-top: -190px;	
}	 
.bg-5 {
min-height: 1320px;
}
.pad-tes0 {
padding: 360px 0px 0px;
}	
.product-landing
{
top: ;
width: ;
left: ;
} 
.bg-testimonial {
min-height: 1280px;
}
.pad-land2 {
padding: 380px 0px 0px;
margin-top: -160px;
}
.section-mt {
margin-top: -168px;
padding: 360px 0px 0px;
} 
.bg-swift {
min-height: 1080px;
background-position: center center;
padding: 380px 0px 0px;
}
.right-img {
background-size: 20%;
padding: 120px 0px 140px;
}
.right-marg .right-mg img {
margin-left: -8%;
margin-top: 0%;
width: 110%;
margin-bottom: -120%;
max-width: none;
}
.mlti-img {
background-size: 24%, 30%;
}
.pos-5 {
top: 2880px;
}
.pos-6 {
top: 3490px;
}
.pos-7 {
top: 4820px;
}
.banner-item-landing .banner-content {
position: absolute;
top: 40%;
}
}
@media only screen and (min-width:2880px){
.team-rtimg {
background: none;
}
.team-ltimg {
background: none;
padding: 0px;
}
.team-board {
background: none;
}
.sub-pad {
padding: 480px 0px;
}
.sub-rgimg {
margin-top: -550px;
padding-top: 690px;
}
.banner-item-home .banner-content {
left: 8%;
position: absolute;
top: 26%;
}
.right-img {
background-size: 13%;  

}
.mlti-img {
background-size: 18%, 20%;
}
.bg-testimonial {
min-height: 1880px;
margin-top: -220px;
}
.pad-land2 {
padding: 780px 0px 0px;	
}
.bg-swift {
min-height: 1680px;
padding: 780px 0px 0px;
}
.right-marg .right-mg img {
margin-left: 158%;
}
.cust-img-alt {
min-height: 1386px;
padding: 380px 0px 0px;
}
.bg-5 {
min-height: 1920px;
}
.pad-tes0 {
padding: 660px 0px 0px;
}
.pos-3 {
top: 780px;
}
.pos-4 {
top: 1690px;
} 
.pos-5 {
top: 3610px;
}
.pos-6 {
top: 4350px;
}
.pos-7 {
top: 6145px;
}

}
.delay-04s {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.img-auto
{
width:auto;
}


.team-para 
{
margin:0px 10px;
}
.team-para p
{
font-size: 18px;
line-height: 30px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.team-quote span 
{
font-size:100px;
font-weight: bold;
}
blockquote
{
border-left:none;
padding-left: 0px;
}

.team-founder
{
display:block;

}

.blog-list img
{
margin-top:5%;
width: 100%;
}
.mb-10
{
margin-bottom:10px !important;
}
.pricing .section-header  h4:before
{
content:"";
background:none ;
}
.pricing .section-header h4
{
padding-bottom:0px;
font-weight:600;
}
.pricing .section-header  p
{
font-style:italic;
font-size:16px;
line-height:26px;
font-weight:600;
font-family: 'Lato', sans-serif;
}
.pricing-table h4
{
font-weight:600;
text-align:center;
margin:0;
margin: 20px 0px 0px 0px;
}
.pricing-facts 
{
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);	
background:#fff;
z-index:1;
padding-left:0px;
}
.pricing-facts .pricing-subtitle
{
text-align:center;
margin-bottom: 20px;
border-bottom:none;
padding:0px;	
}
.pricing-table .bg-box
{
font-size:16px;
line-height:26px;
font-weight:600;
text-transform:uppercase;
background:#78a6f8;
color:#fff;
margin:0px 25px;
padding:4px 0px;	
}
.pricing-features
{
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
z-index:2;
margin-right:-5px;
margin-top:6.5%;
background:#fff;
}
.pricing-features p
{
font-size:16px;
line-height:22px;
font-family: 'Lato', sans-serif;
font-weight:bold;
padding:25px 0px;
text-align:center;
margin-bottom:0px;
border-bottom:1px solid rgb(49,57,60,0.2);
}
.pricing-facts
{
text-align:center;
}
.pricing-facts p
{
font-size:16px;
line-height:22px;
font-family: 'Lato', sans-serif;
font-weight:normal;
padding:25px 0px;
text-align:center;
border-bottom:1px solid rgb(49,57,60,0.2);
margin-bottom:0px;
}
.pricing-facts p img{
width:9%;

}
.pricing-facts img{
width:15%;

}
.br-rg
{
border-right:1px solid rgb(49,57,60,0.2);
padding:0px;
}
.my-20
{
margin-top:20px;
margin-bottom:20px;
}
.mtop-0
{
margin-top:0px;
}
.mt-20
{
margin-top:10px;
}
.div-bg
{
background:#78a6f8;
}
.div-bg {
color:#fff;
}
.contact p{
margin-bottom:0px;
margin-top:8px;
}
.swift-bg
{
background: url(img/SwiftEASe-Enterprise_shape.png);  
background-size: contain;
background-position: left;
background-repeat: no-repeat;

}
.btn-app-store
{
background-color: #fff;
padding: 8px 30px 5px 20px;
border-radius: 25px;
font-size: 14px;
line-height: 16px;
display:inline-block;
color:#31393c !important;
width:200px;
margin-right:10px;
margin-bottom:10px;
height:54px;
}
.btn-app-store:hover
{
color:#78a6f8 !important;
}
.btn-app-store span{
margin-left: 40px;
margin-top: -32px;
float: left;
}

.btn-app-store .reg-t
{	margin-top:-8px;
float:left;
}
.btn-app-store img{
width:26%;
padding-right:10px;
vertical-align:middle;
}
.btn-and-store
{
background:transparent;
padding: 10px 30px 5px 20px;
border-radius: 25px;
font-size: 14px;
line-height: 16px;
display:inline-block;
color:#fff !important;
width:200px;
border:1px solid #fff;
height:54px;
}

.btn-and-store .reg-t
{	margin-top:-8px;
float:left;
}
.btn-and-store span{
margin-left: 40px;
margin-top: -32px;
float: left;
}
.btn-and-store img{
width:26%;
padding-right:10px;
vertical-align:middle;
}
.btn-and-store:hover
{
color:#31393c !important;
}
.banner-item-landing .banner-content {
position: absolute;  
}

.pos-1
{

}
.pos-2
{
position: absolute;
right: 0;
left: 0;
}
.pos-3
{
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 4;
min-height: 1850px;
}
.pos-4
{
position: absolute;
z-index: 5;
left: 0;
right: 0;
}
.pos-5
{
position: absolute;
width: 100%;
height: auto;
z-index: 8;	
background-color:#fff;
}
.pos-6
{
position: absolute;
left: 0;
right: 0;
z-index: 9;	
}
.pos-7
{
position: absolute;
left: 0;
right: 0;
}
.pos-fix
{
position:fixed !important;
top:-380px;
left:0;
right:0;
overflow:hidden;
}

.mt-30
{
margin-top:30px;
}
@media only screen and (min-width:992px){
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.banner-item-home .banner-content h5 {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftShort ;
animation-name: fadeInLeftShort ;
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;
} 
.banner-item-landing .banner-content .product-landing h1 {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRightShortL;
animation-name: fadeInRightShortL;
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
-o-animation-delay:1.5s;
animation-delay:1.5s;
}
.banner-item-landing .banner-content .product-landing h3 {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;
}
.bg-list h5 {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;
}
.banner-item-landing .banner-content .product-landing p {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRightShortL;
animation-name: fadeInRightShortL;
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.banner-item-landing .banner-content .product-land p img  
{
-webkit-animation-name:floating;
animation-name: floating;
-webkit-animation-duration:4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;    
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out; 
animation-timing-function: ease-in-out; 
}
.banner-item-landing .banner-content .product-land p
{
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;	
}
.banner-item-landing .banner-content .left-mg p
{
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;	
}
.banner-item-landing .banner-content .left-mg p img  
{
-webkit-animation-name:floating;
animation-name: floating;
-webkit-animation-duration:4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;    
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out; 
animation-timing-function: ease-in-out; 
}

@keyframes floating {
from { transform: translate(0,  0px); }
65%  { transform: translate(0, 15px); }
to   { transform: translate(0, -0px); }    
}
@-webkit-keyframes floating {
from { transform: translate(0,  0px); }
65%  { transform: translate(0, 15px); }
to   { transform: translate(0, -0px); }    
}
.banner-item-landing .banner-content .kanban-product p:first-child
{
-webkit-animation-name: none ;
animation-name: none ;
margin-bottom: 0px;
}
.banner-item-landing .banner-content .kanban-product h3 {
-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRightShortL ;
animation-name: fadeInRightShortL ;
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.banner-item-landing  .banner-content  .kanban-product  p:last-child {
-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRightShortL ;
animation-name: fadeInRightShortL ;
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.banner-item-landing  .banner-content  .kanban-product h5{
-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRightShortL ;
animation-name: fadeInRightShortL ;
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
@-webkit-keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
}
.banner.style-4 .banner-item-6 .kanban-features img {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
-webkit-animation-delay:1.0s;
-moz-animation-delay:1.0s;
-o-animation-delay:1.0s;
animation-delay:1.0s;
}

.banner.style-4 .banner-item-6 .kanban-features h5 {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;

} 
.banner.style-4 .banner-item-6 .sub-page h5 {
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;

}
@-webkit-keyframes fadeInUpShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 

@keyframes fadeInUpShort { 
0% { 
opacity: 0; 
transform: translateY(20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
}
}
.come-in {
transform: translateY(150px);
animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
animation-duration: 0.6s;
}
.already-visible {
transform: translateY(0);
animation: none;
}

@keyframes come-in {
to { transform: translateY(0); }
}
/* Nina */

.button--nina {	
background-color:#84d10b;
background: -moz-linear-gradient(45deg,  #84d10b 0%, #84d10b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #84d10b 0%,#84d10b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  #84d10b 0%,#84d10b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff !important;
font-weight: 600;
border-radius:25px;
font-size: 16px;
line-height:26px;
padding: 0 2em;
text-transform:uppercase;
overflow: hidden;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;

}
.button--nina.button--inverted {
background: #fff;
color: #7986cb;

}
.button--nina > span {
display: inline-block;
padding: .5em 0;
opacity: 0;
color: #fff !important;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}
.button--nina::before {
content: attr(data-text);
position: absolute;
bottom: 0;
padding: .5em 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {
background-color:#77c005;
background: -moz-linear-gradient(45deg,  #77c005 0%, #77c005 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #77c005 0%,#77c005 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  #77c005 0%,#77c005 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.button--nina:hover::before {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
-webkit-transition-delay: 0.045s;
transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
-webkit-transition-delay: 0.135s;
transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
-webkit-transition-delay: 0.225s;
transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
-webkit-transition-delay: 0.27s;
transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
-webkit-transition-delay: 0.315s;
transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
-webkit-transition-delay: 0.36s;
transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
-webkit-transition-delay: 0.405s;
transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.button--nina:hover > span:nth-child(11) {
-webkit-transition-delay: 0.495s;
transition-delay: 0.495s;
}
.button--nina:hover > span:nth-child(12) {
-webkit-transition-delay: 0.54s;
transition-delay: 0.54s;
}
.button--nina:hover > span:nth-child(13) {
-webkit-transition-delay: 0.585s;
transition-delay: 0.585s;
}
.button--nina:hover > span:nth-child(14) {
-webkit-transition-delay: 0.63s;
transition-delay: 0.63s;
}
.button--nina:hover > span:nth-child(15) {
-webkit-transition-delay: 0.675s;
transition-delay: 0.675s;
}
.button--nina:hover > span:nth-child(16) {
-webkit-transition-delay: 0.72s;
transition-delay: 0.72s;
}
.button--nina:hover > span:nth-child(17) {
-webkit-transition-delay: 0.765s;
transition-delay: 0.765s;
}
.button--nina:hover > span:nth-child(18) {
-webkit-transition-delay: 0.81s;
transition-delay: 0.81s;
}
.button--nina:hover > span:nth-child(19) {
-webkit-transition-delay: 0.855s;
transition-delay: 0.855s;
}
.button--nina:hover > span:nth-child(20) {
-webkit-transition-delay: 0.90s;
transition-delay: 0.90s;
}
.button--nina:hover > span:nth-child(21) {
-webkit-transition-delay: 0.945s;
transition-delay: 0.945s;
}
.button--nina:hover > span:nth-child(22) {
-webkit-transition-delay: 0.99;
transition-delay: 0.99s;
}
.pos-ab{
position:absolute;	
}
.left-ab
{
left:43%;
}
.button--nina > span:before {

content: "";
background: none;

}
.mlti-img
{	
overflow:hidden;
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #84d10b url(img/icons/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
z-index:12;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}

.cd-top.cd-top--fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}

.cd-top:hover {
background-color: #77c005;
opacity: 1;
}

@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}

@media only screen and (min-width: 1024px) {
.imgpadr {
width: 110%;align-content}
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
/*animations*/

/******************
* Bounce in right *
*******************/


.animated { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
} 
.slow{
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
.slower{
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
.slowest{
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}

/* Added by Andy Meetan */
.delay-250 {
-webkit-animation-delay:0.25s;
-moz-animation-delay:0.25s;
-o-animation-delay:0.25s;
animation-delay:0.25s;
}
.delay-500 {
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}
.delay-750 {
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
-o-animation-delay:0.75s;
animation-delay:0.75s;
}
.delay-1000 {
-webkit-animation-delay:1.0s;
-moz-animation-delay:1.0s;
-o-animation-delay:1.0s;
animation-delay:1.0s;
}
.delay-1250 {
-webkit-animation-delay:1.25s;
-moz-animation-delay:1.25s;
-o-animation-delay:1.25s;
animation-delay:1.25s;
}
.delay-1500 {
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
-o-animation-delay:1.5s;
animation-delay:1.5s;
}
.delay-1750 {
-webkit-animation-delay:1.75s;
-moz-animation-delay:1.75s;
-o-animation-delay:1.75s;
animation-delay:1.75s;
}
.delay-2000 {
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.delay-2500 {
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.delay-2000 {
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.delay-2500 {
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.delay-3000 {
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;
}
.delay-3500 {
-webkit-animation-delay:3.5s;
-moz-animation-delay:3.5s;
-o-animation-delay:3.5s;
animation-delay:3.5s;
}
.delay-4000 {
-webkit-animation-delay:4.0s;
-moz-animation-delay:4.0s;
-o-animation-delay:4.0s;
animation-delay:4.0s;
}
.delay-4500 {
-webkit-animation-delay:4.5s;
-moz-animation-delay:4.5s;
-o-animation-delay:4.5s;
animation-delay:4.5s;
}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
0% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 

50% { 
opacity: 1; 
-webkit-transform: scale(1.05); 
} 

70% { 
-webkit-transform: scale(.9); 
} 

100% { 
-webkit-transform: scale(1); 
} 
} 

@keyframes bounceIn { 
0% { 
opacity: 0; 
transform: scale(.3); 
} 

50% { 
opacity: 1; 
transform: scale(1.05); 
} 

70% { 
transform: scale(.9); 
} 

100% { 
transform: scale(1); 
} 
} 

.bounceIn.go { 
-webkit-animation-name: bounceIn; 
animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
0% { 
opacity: 0; 

-webkit-transform: translateX(400px); 
} 
60% { 

-webkit-transform: translateX(-30px); 
} 
80% { 
-webkit-transform: translateX(10px); 
} 
100% {
opacity: 1;

-webkit-transform: translateX(0); 
} 
} 

@keyframes bounceInRight { 
0% { 
opacity: 0; 

transform: translateX(400px); 
} 
60% { 

transform: translateX(-30px); 
} 
80% { 
transform: translateX(10px); 
} 
100% {
opacity: 1;

transform: translateX(0); 
} 
} 


.bounceInRight.go { 
-webkit-animation-name: bounceInRight; 
animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
0% { 
opacity: 0; 

-webkit-transform: translateX(-400px); 
} 
60% { 

-webkit-transform: translateX(30px); 
} 
80% { 
-webkit-transform: translateX(-10px); 
} 
100% {
opacity: 1;

-webkit-transform: translateX(0); 
} 
} 

@keyframes bounceInLeft { 
0% { 
opacity: 0; 

transform: translateX(-400px); 
} 
60% { 

transform: translateX(30px); 
} 
80% { 
transform: translateX(-10px); 
} 
100% {
opacity: 1;

transform: translateX(0); 
} 
} 

.bounceInLeft.go { 
-webkit-animation-name: bounceInLeft; 
animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
0% { 
opacity: 0; 

-webkit-transform: translateY(400px); 
} 
60% { 

-webkit-transform: translateY(-30px); 
} 
80% { 
-webkit-transform: translateY(10px); 
} 
100% {
opacity: 1;

-webkit-transform: translateY(0); 
} 
} 

@keyframes bounceInUp { 
0% { 
opacity: 0; 

transform: translateY(400px); 
} 
60% { 

transform: translateY(-30px); 
} 
80% { 
transform: translateY(10px); 
} 
100% {
opacity: 1;

transform: translateY(0); 
} 
} 

.bounceInUp.go { 
-webkit-animation-name: bounceInUp; 
animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
0% { 
opacity: 0; 

-webkit-transform: translateY(-400px); 
} 
60% { 

-webkit-transform: translateY(30px); 
} 
80% { 
-webkit-transform: translateY(-10px); 
} 
100% {
opacity: 1;

-webkit-transform: translateY(0); 
} 
} 

@keyframes bounceInDown { 
0% { 
opacity: 0; 

transform: translateY(-400px); 
} 
60% { 

transform: translateY(30px); 
} 
80% { 
transform: translateY(-10px); 
} 
100% {
opacity: 1;

transform: translateY(0); 
} 
} 

.bounceInDown.go { 
-webkit-animation-name: bounceInDown; 
animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;
display:block;} 
} 
@keyframes fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;
display:block;} 
}
.fadeIn{
opacity:0;
}
.fadeIn.go { 
-webkit-animation-name: fadeIn; 
animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
0% { 
-webkit-transform: scale(0.2); 
opacity:0;
} 
50% { 
-webkit-transform: scale(1.2); 

} 
100% { 
-webkit-transform: scale(1); 
opacity:1;
} 
} 
@keyframes growIn { 
0% { 
transform: scale(0.2); 
opacity:0;
} 
50% { 
transform: scale(1.2); 

} 
100% { 
transform: scale(1); 
opacity:1;
} 
} 
.growIn { 

-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity:0;
}
.growIn.go{
-webkit-animation-name: growIn; 
animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
-webkit-animation-name: shake; 
animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
0%, 100% {-webkit-transform: translateY(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
0%, 100% {transform: translateY(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
-webkit-animation-name: shakeUp; 
animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeft { 
0% { 
opacity: 0; 
transform: translateX(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeft{ 
opacity: 0; 
-webkit-transform: translateX(-400px); 
transform: translateX(-400px);
}
.fadeInLeft.go { 
-webkit-animation-name: fadeInLeft; 
animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRight { 
0% { 
opacity: 0; 
transform: translateX(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRight{ 
opacity: 0; 
-webkit-transform: translateX(400px); 
transform: translateX(400px);
}
.fadeInRight.go { 
-webkit-animation-name: fadeInRight; 
animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUp { 
0% { 
opacity: 0; 
transform: translateY(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUp{ 
opacity: 0; 
-webkit-transform: translateY(400px); 
transform: translateY(400px);
}
.fadeInUp.go { 
-webkit-animation-name: fadeInUp; 
animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDown { 
0% { 
opacity: 0; 
transform: translateY(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDown{ 
opacity: 0; 
-webkit-transform: translateY(-400px); 
transform: translateY(-400px);
}
.fadeInDown.go { 
-webkit-animation-name: fadeInDown; 
animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateIn { 
0% { 
transform-origin: center center; 
transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateIn.go { 
-webkit-animation-name: rotateIn; 
animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpLeft.go { 
-webkit-animation-name: rotateInUpLeft; 
animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownLeft.go { 
-webkit-animation-name: rotateInDownLeft; 
animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpRight.go { 
-webkit-animation-name: rotateInUpRight; 
animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownRight.go { 
-webkit-animation-name: rotateInDownRight; 
animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
-webkit-animation-name: rollIn; 
animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
0% { -webkit-transform: skewX(9deg); } 
10% { -webkit-transform: skewX(-8deg); } 
20% { -webkit-transform: skewX(7deg); } 
30% { -webkit-transform: skewX(-6deg); } 
40% { -webkit-transform: skewX(5deg); } 
50% { -webkit-transform: skewX(-4deg); } 
60% { -webkit-transform: skewX(3deg); } 
70% { -webkit-transform: skewX(-2deg); } 
80% { -webkit-transform: skewX(1deg); } 
90% { -webkit-transform: skewX(0deg); } 
100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
0% { transform: skewX(9deg); } 
10% { transform: skewX(-8deg); } 
20% { transform: skewX(7deg); } 
30% { transform: skewX(-6deg); } 
40% { transform: skewX(5deg); } 
50% { transform: skewX(-4deg); } 
60% { transform: skewX(3deg); } 
70% { transform: skewX(-2deg); } 
80% { transform: skewX(1deg); } 
90% { transform: skewX(0deg); } 
100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
-webkit-animation-name: wiggle; 
animation-name: wiggle; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
20% { -webkit-transform: rotate(15deg); } 
40% { -webkit-transform: rotate(-10deg); } 
60% { -webkit-transform: rotate(5deg); } 
80% { -webkit-transform: rotate(-5deg); } 
100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
20% { transform: rotate(15deg); } 
40% { transform: rotate(-10deg); } 
60% { transform: rotate(5deg); } 
80% { transform: rotate(-5deg); } 
100% { transform: rotate(0deg); } 
} 
.swing.go { 
-webkit-transform-origin: top center; 
transform-origin: top center; 
-webkit-animation-name: swing; 
animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
0% {-webkit-transform: scale(1);} 
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
0% {transform: scale(1);} 
10%, 20% {transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
-webkit-animation-name: tada; 
animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
0% { -webkit-transform: translateX(0%); } 
15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
30% { -webkit-transform: translateX(20%) rotate(3deg); } 
45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
60% { -webkit-transform: translateX(10%) rotate(2deg); } 
75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
0% { transform: translateX(0%); } 
15% { transform: translateX(-25%) rotate(-5deg); } 
30% { transform: translateX(20%) rotate(3deg); } 
45% { transform: translateX(-15%) rotate(-3deg); } 
60% { transform: translateX(10%) rotate(2deg); } 
75% { transform: translateX(-5%) rotate(-1deg); } 
100% { transform: translateX(0%); } 
} 
.wobble.go { 
-webkit-animation-name: wobble; 
animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
-webkit-animation-name: lightSpeedInRight; 
animation-name: lightSpeedInRight; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
-webkit-animation-name: lightSpeedInLeft; 
animation-name: lightSpeedInLeft; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
0% { 
-webkit-transform: perspective(400px) rotateY(0); 
-webkit-animation-timing-function: ease-out; 
} 
40% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
-webkit-animation-timing-function: ease-out; 
} 
50% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
80% { 
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
-webkit-animation-timing-function: ease-in; 
} 
100% { 
-webkit-transform: perspective(400px) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
}
@keyframes flip { 
0% { 
transform: perspective(400px) rotateY(0); 
animation-timing-function: ease-out; 
} 
40% { 
transform: perspective(400px) translateZ(150px) rotateY(170deg); 
animation-timing-function: ease-out; 
} 
50% { 
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
animation-timing-function: ease-in; 
} 
80% { 
transform: perspective(400px) rotateY(360deg) scale(.95); 
animation-timing-function: ease-in; 
} 
100% { 
transform: perspective(400px) scale(1); 
animation-timing-function: ease-in; 
} 
} 
.flip.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flip; 
backface-visibility: visible !important; 
animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
0% { 
-webkit-transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
40% { 
-webkit-transform: perspective(400px) rotateX(-10deg); 
} 
70% { 
-webkit-transform: perspective(400px) rotateX(10deg); 
} 
100% { 
-webkit-transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
} 
@keyframes flipInX { 
0% { 
transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotateX(-10deg); 
} 
70% { 
transform: perspective(400px) rotateX(10deg); 
} 
100% { 
transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
} 
.flipInX.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInX; 
backface-visibility: visible !important; 
animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
0% { 
-webkit-transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
40% { 
-webkit-transform: perspective(400px) rotateY(-10deg); 
} 
70% { 
-webkit-transform: perspective(400px) rotateY(10deg); 
} 
100% { 
-webkit-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
} 
@keyframes flipInY { 
0% { 
transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotateY(-10deg); 
} 
70% { 
transform: perspective(400px) rotateY(10deg); 
} 
100% { 
transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
} 
.flipInY.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInY; 
backface-visibility: visible !important; 
animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
0% { 
-webkit-transform: scale(1); 
} 
25% { 
-webkit-transform: scale(.95); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.1); 
} 
100% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
} 
@keyframes bounceOut { 
0% { 
transform: scale(1); 
} 
25% { 
transform: scale(.95); 
} 
50% { 
opacity: 1; 
transform: scale(1.1); 
} 
100% { 
opacity: 0; 
transform: scale(.3); 
} 
} 
.bounceOut.goAway { 
-webkit-animation-name: bounceOut; 
animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
0% { 
-webkit-transform: translateY(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
} 
@keyframes bounceOutUp { 
0% { 
transform: translateY(0); 
} 
20% { 
opacity: 1; 
transform: translateY(20px); 
} 
100% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
} 
.bounceOutUp.goAway { 
-webkit-animation-name: bounceOutUp; 
animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
0% { 
-webkit-transform: translateY(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateY(-20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
} 
@keyframes bounceOutDown { 
0% { 
transform: translateY(0); 
} 
20% { 
opacity: 1; 
transform: translateY(-20px); 
} 
100% { 
opacity: 0; 
transform: translateY(2000px); 
} 
} 
.bounceOutDown.goAway { 
-webkit-animation-name: bounceOutDown; 
animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
0% { 
-webkit-transform: translateX(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateX(20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
} 
@keyframes bounceOutLeft { 
0% { 
transform: translateX(0); 
} 
20% { 
opacity: 1; 
transform: translateX(20px); 
} 
100% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
} 
.bounceOutLeft.goAway { 
-webkit-animation-name: bounceOutLeft; 
animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
0% { 
-webkit-transform: translateX(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
} 
@keyframes bounceOutRight { 
0% { 
transform: translateX(0); 
} 
20% { 
opacity: 1; 
transform: translateX(-20px); 
} 
100% { 
opacity: 0; 
transform: translateX(2000px); 
} 
} 
.bounceOutRight.goAway { 
-webkit-animation-name: bounceOutRight; 
animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
0% {opacity: 1;} 
100% {opacity: 0;} 
} 
@keyframes fadeOut { 
0% {opacity: 1;} 
100% {opacity: 0;} 
} 
.fadeOut.goAway { 
-webkit-animation-name: fadeOut; 
animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translatey(0, -140%, 0);
transform: translatey(0, -140%, 0);

}
}

@keyframes fadeOutUp {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translatey(0, -140%, 0);
transform: translatey(0, -140%, 0);

}
}

.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}


/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
} 
@keyframes fadeOutLeft { 
0% { 
opacity: 1; 
transform: translateX(0); 
} 
100% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
} 
.fadeOutLeft.goAway { 
-webkit-animation-name: fadeOutLeft; 
animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
} 
@keyframes fadeOutRight { 
0% { 
opacity: 1; 
transform: translateX(0); 
} 
100% { 
opacity: 0; 
transform: translateX(2000px); 
} 
} 
.fadeOutRight.goAway { 
-webkit-animation-name: fadeOutRight; 
animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
0% { 
-webkit-transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
100% { 
-webkit-transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
} 
@keyframes flipOutX { 
0% { 
transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
100% { 
transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
} 
.flipOutX.goAway { 
-webkit-animation-name: flipOutX; 
-webkit-backface-visibility: visible !important; 
animation-name: flipOutX; 
backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
0% { 
-webkit-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
100% { 
-webkit-transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
} 
@keyframes flipOutY { 
0% { 
transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
100% { 
transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
} 
.flipOutY { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipOutY; 
backface-visibility: visible !important; 
animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
-webkit-animation-name: lightSpeedOutRight; 
animation-name: lightSpeedOutRight; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
-webkit-animation-name: lightSpeedOutLeft; 
animation-name: lightSpeedOutLeft; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(200deg); 
opacity: 0; 
} 
} 
@keyframes rotateOut { 
0% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: center center; 
transform: rotate(200deg); 
opacity: 0; 
} 
} 
.rotateOut.goAway { 
-webkit-animation-name: rotateOut; 
animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
-transform-origin: left bottom; 
-transform: rotate(-90deg); 
opacity: 0; 
} 
} 
.rotateOutUpLeft.goAway { 
-webkit-animation-name: rotateOutUpLeft; 
animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
} 
.rotateOutDownLeft.goAway { 
-webkit-animation-name: rotateOutDownLeft; 
animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
} 
.rotateOutUpRight.goAway { 
-webkit-animation-name: rotateOutUpRight; 
animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0px) rotate(0deg); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(100%) rotate(120deg); 
} 
} 
@keyframes rollOut { 
0% { 
opacity: 1; 
transform: translateX(0px) rotate(0deg); 
} 
100% { 
opacity: 0; 
transform: translateX(100%) rotate(120deg); 
} 
} 
.rollOut.goAway { 
-webkit-animation-name: rollOut; 
animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 

@keyframes fadeInUpShort { 
0% { 
opacity: 0; 
transform: translateY(20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUpShort{
opacity: 0; 
-webkit-transform: translateY(20px); 
transform: translateY(20px); 
}
.fadeInUpShort.go { 
-webkit-animation-name: fadeInUpShort; 
animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 

@keyframes fadeInDownShort { 
0% { 
opacity: 0; 
transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDownShort{
opacity: 0; 
-webkit-transform: translateY(-20px); 
transform: translateY(-20px); 
}
.fadeInDownShort.go { 
-webkit-animation-name: fadeInDownShort; 
animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRightShort { 
0% { 
opacity: 0; 
transform: translateX(20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRightShort { 
opacity: 0; 
-webkit-transform: translateX(20px);  
transform: translateX(20px); 
}
.fadeInRightShort.go { 
-webkit-animation-name: fadeInRightShort; 
animation-name: fadeInRightShort; 
}
@-webkit-keyframes fadeInRightShortL { 
0% { 
opacity: 0; 
-webkit-transform: translateX(60px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRightShortL { 
0% { 
opacity: 0; 
transform: translateX(60px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRightShortL { 
opacity: 0; 
-webkit-transform: translateX(60px);  
transform: translateX(60px); 
}
.fadeInRightShort.go { 
-webkit-animation-name: fadeInRightShort; 
animation-name: fadeInRightShort; 
}
/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeftShort { 
opacity: 0; 
-webkit-transform: translateX(-20px);  
transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
-webkit-animation-name: fadeInLeftShort; 
animation-name: fadeInLeftShort; 
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}

@keyframes fadeOutDown {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}

.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/

.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: ;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}

.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

.owl-carousel .owl-stage-outer {
position: relative;
overflow: ;
-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
display: block;
width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.owl-carousel .owl-nav button.owl-next
{
background: url(../img/next.png) no-repeat;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}
.owl-carousel .owl-nav button.owl-prev
{
background: url(../img/previous.png) no-repeat;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}

.owl-carousel.owl-loading {
opacity: 0;
display: block
}

.owl-carousel.owl-hidden {
opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}

.owl-carousel.owl-rtl {
direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
float: right
}

.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
z-index: 0
}

.owl-carousel .owl-animated-out {
z-index: 1
}

.owl-carousel .fadeOut {
animation-name: fadeOut
}

@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}

.owl-height {
transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/

.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: ;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}

.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

.owl-carousel .owl-stage-outer {
position: relative;
overflow: ;
-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
display: block;
width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.owl-carousel .owl-nav button.owl-next
{
background: url(../img/next.png) no-repeat;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}
.owl-carousel .owl-nav button.owl-prev
{
background: url(../img/previous.png) no-repeat;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}

.owl-carousel.owl-loading {
opacity: 0;
display: block
}

.owl-carousel.owl-hidden {
opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}

.owl-carousel.owl-rtl {
direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
float: right
}

.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
z-index: 0
}

.owl-carousel .owl-animated-out {
z-index: 1
}

.owl-carousel .fadeOut {
animation-name: fadeOut
}

@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}

.owl-height {
transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.blog.style-2 .blog-content
{
position:relative;
}
.padr-15
{
padding-right:15px;	
}
.nav-tabs {
border-bottom:none;
}
.nav-tabs a{
color:#4c5355;
}
.contact .active .info-box {
border: 1px solid #6fdc2b;
}
.nav-tabs > li.active > a
{
color:#4c5355;
border:none;
}
.nav > li > a
{
padding: 0px;
}
.mart10
{
margin-top:10px;
}
.addtoany_content {
clear: both;
margin: 50px 0px !important;
}
.logged-in-as, .comment-reply-title, .comment-form-comment label, .comment-form-url
{	
display:none;
}
.comment-form .submit{
line-height: 39px !important;
border-width: 1px;
border-style: solid;
padding: 0 40px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
}
.comment-form .submit:active, .comment-form .submit.active, .comment-form .submit:focus, .comment-form .submit:active:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.comment-form .submit{	
background-color:#84d10b;
background: -moz-linear-gradient(45deg,  #84d10b 0%, #84d10b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #84d10b 0%,#84d10b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  #84d10b 0%,#84d10b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff;
font-weight: 600;
border-radius:25px;
font-size: 16px;
line-height:26px;
padding: 0 2em;
text-transform:uppercase;
overflow: hidden;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
float:right;
}
.comment-form .submit:hover {
background-color:#77c005;
background: -moz-linear-gradient(45deg,  #77c005 0%, #77c005 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #77c005 0%,#77c005 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to 45deg,  #77c005 0%,#77c005 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.comments-area .comments-title
{
font-size: 34px;
line-height: 50px;
}
.comment-body .comment-content
{
padding:20px 0px;
}
.comment-body  .comment-meta .comment-metadata
{
padding:10px 0px;
}
.comment-content p
{
font-family: 'Lato', sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 30px;
}
.feature-pad .padt-60:first-child
{
padding-top:60px;
}
.feature-pad .padt-90:first-child
{
padding-top:60px;
}
.padt-160
{
padding-top:160px;	
}
.feature-pad  .section-header
{

margin-top:60px;
}
.feature-pad  .section-paragraph p img
{	

}
.bg-testimonial a, .bg-swift a
{
color:#ffd200;
}
.bg-testimonial a:hover, .bg-swift a:hover
{
color:#ffcc00;
}
.comment-form input
{
border-radius:0px !important;	
}
.comment-form  .form-submit input
{
border-radius:25px !important;	
}
.comment-body
{
	padding:20px 0px;
}
.sub-rgimg .section-header
{
margin-top:60px;
}
.objectives ul li, .section-paragraph ul li
{
font-family: 'Lato', sans-serif;
}
.entry-meta
{
	margin-bottom:15px;
}
.entry-summary p img
{
	margin-right: 20px;
margin-bottom: 20px;
}
.search-line
{
	content: "";
border-bottom: 2px solid rgb(49,57,60,0.3);
padding: 30px 0px 0px;
}
.banner-content a
{
	color:#ffd200;
}
.banner-content a:hover
{
	color:#ffcc00;
}
.posts-navigation .screen-reader-text
{
	display:none;
}
.posts-navigation .nav-links
{
	border:none;
	margin-top: 20px;
}
.posts-navigation .nav-links .nav-previous
{
	float:left;
}
.posts-navigation .nav-links .nav-next
{
	float:right;
}
.whitebg
{
	background:#fff !important;
}