@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');



/* GENERAL */



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td

	{

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

	outline: none;

}



body{

	font-family: "Open Sans";

	font-size: 14px;

	line-height: 1.8;

	letter-spacing: 0.5px;

	word-wrap: break-word;

	font-weight: 400;

}

svg{

	fill: currentcolor;

	width: 15px;

	height: 15px;

}

img.svg{

	width: 15px;

	height: 15px;

}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color: #333;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color: #333;

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color: #333;

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color: #333;

}

::-ms-input-placeholder { /* Microsoft Edge */

   color: #333;

}



::placeholder { /* Most modern browsers support this now. */

   color: #333;

}



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

	font-weight: 500;

	line-height: 1;

	font-family: "Montserrat";

}

h1 { font-size: 45px; }

h2 { font-size: 36px; }

h3 { font-size: 30px; }

h4 { font-size: 24px; }

h5 { font-size: 20px; }

h6 { font-size: 16px; }



table{

	width:100%;

	max-width:100%;

	text-align:left;

	border-collapse: collapse;

	border-spacing: 0px;

	margin-bottom:15px;

	color:#999;

	border:1px solid #eee;

}

table tr{

	border:1px solid #eee;

}

table th{

	vertical-align:top;

	color:#333;

	background:none;

	font-size:16px;

	font-weight:normal;

	padding:15px 10px;

	border:1px solid #eee;

}

table td{

	vertical-align:top;

	padding:10px;

	border:1px solid #eee;

}



code, pre {

	padding: 10px;

	padding-bottom: 0;

	border-left: 3px solid #6FBF71;

	border-bottom: 1px solid transparent;

	background: #f7f7f7;

	overflow-x:scroll;

}



pre{

	display: block;	

	word-break: break-all;

	word-wrap: break-word;

}

pre code { white-space: pre-wrap; }



.sppb-btn,

.sppb-btn:hover {

	text-decoration: none !important;

	color: #fff !important;

	background-color: #041230;
	
	font-weight: 600 !important;

	font-family: "Montserrat" !important;

	padding: 12px 35px !important;

	border-radius: 3px !important;

	display: inline-block !important;

	position: relative !important;

	overflow: hidden !important;

	border: none !important;

	font-size: 14px !important;

	line-height: 1.8 !important;

	letter-spacing: 0.5px !important;

	cursor: pointer !important;

}



.sppb-btn:before {

	position: absolute;

	content: "";

	top: 0px;

	height: 100%;

	left: -25%;

	width: 0%;

	background-color: #007bff !important;

	transform: skew(50deg);

	transition-duration: .6s;

	z-index: 1;

}



.sppb-btn:hover:before {

	width: 180%;

}



.sppb-btn span {position: relative; z-index: 2;}



.sppb-progress-label {

	display: block;

	font-size: 13px;

	line-height: 1;

	font-weight: 700;

	margin-bottom: 10px;

	position: relative;

}



.sp-scroll-up,

.sp-scroll-up:hover {

	display: none;

	position: fixed;

	right: 30px;

	width: 36px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	z-index: 1000;

bottom: 40px;

overflow: hidden;

outline: 1px solid rgba(255,255,255,.2);

background: #007bff;

border-radius: 0;

-webkit-transition: all .5s ease;

-moz-transition: all .5s ease;

-ms-transition: all .5s ease;

-o-transition: all .5s ease;

transition: all .5s ease;

}



.sp-scroll-up:before {

	position: absolute;

	content: "";

	top: 0px;

	height: 100%;

	left: -75%;

	width: 0%;

	background-color: #041230;

	transform: skew(50deg);

	transition-duration: .6s;

	z-index: 1;

} 



.sp-scroll-up:hover:before {width: 290%;}



.sp-scroll-up span {

	position: relative;

	z-index: 2;

}



#sp-position1, #sp-component {padding-left: 0; padding-right: 0;}



/* */



/* HEADER */



#sp-header {

	height: inherit;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	box-shadow: none;

	line-height: 38px;

	padding: 35px 0px;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

	background: transparent;

}



#sp-header.header-sticky {

	padding: 24px 0px;

	background-color: #041230;

	box-shadow: 0 1px 3px rgba(255,255,255,.1);

}



#sp-header #sp-logo, #sp-header #sp-menu {display: table; margin: auto;}



#sp-header .logo {

	height: inherit;

	display: inline-block;

	margin: 0;

}



#sp-header .logo img {

	height: inherit;

}



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

	padding: 0 15px;

	line-height: 38px;

	margin: 0;

	text-decoration: none;

	color: #fff;

	font-family: "Montserrat";

	font-size: 16px;

	font-weight: 600;

	position: relative;

	transition: all .3s ease;

}



.sp-megamenu-parent > li.active > a {

	font-weight: 600;

}



#offcanvas-toggler {

	display: block;

	height: inherit;

	line-height: 1;

	font-size: 20px;

}



#offcanvas-toggler > .fa {

	color: #fff;

	transition: all .3s ease;

}



/* */



/* ROW SHAPE */



.svg.shape {

	position: absolute;

	bottom: -10px;

	left: 0;

	width: 100%;

	z-index: 21111;

}



svg {

	fill: currentcolor;

	width: 15px;

	height: 15px;

}





.svg.shape svg {

	width: 100%;

	height: 100%;

	color: #fff;

}



.svg.another svg {

	color: #f7f7f7;

}



#particles-js {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 2;

}



#particles-js .sppb-row-container {

    position: relative;

    z-index: 2;

}

.particles-js-canvas-el {

width: 100%;

height: 100%;

position: absolute;

z-index: 1;

top: 0;

left: 0;

}



#waterHolder {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 2;

}



#waterHolder canvas {

width: 100%;

height: 100%;

position: absolute;

z-index: 1;

top: 0;

left: 0;	

}



.com-sppagebuilder .hidden-menu {display: none;}

.com-content .home-single, .com-spsimpleportfolio .home-single {display: none;}

.border-logo {border-bottom: 1px solid rgba(255,255,255,.1);}



#sp-position1 {

	display: block;

	margin: 0;

	position: fixed !important;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 20;

	transition: all 300ms ease;

}



#sp-component {

    /* margin-left: 24.5%; */

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

}



/* */



/* FOOTER */





#sp-footer, #sp-bottom {

	background: inherit;

	color: inherit;

}



#sp-footer .container-inner {

	padding: 0;

	border-top: 0px solid rgba(255, 255, 255, .1);

}



#sp-bottom .sp-module ul > li {

	display: block;

	margin-bottom: 0;

}



/* */



/* PAGE TITLE */



#sp-section-2 {

	position: relative;

	z-index: 2;

}



.sp-page-title {

	padding: 0;

	position: relative;

	display: table;

	width: 100%;

	text-align: center;

	padding: 220px 0;

}



.sp-page-title:before {

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 0;

}



.sp-page-title .container {

	display: table-cell;

	vertical-align: middle;

}



.sp-page-title .sp-page-title-heading {

	font-size: 40px;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 40px;

	color: #fff;

	position: relative;

	z-index: 2;

}



/* */



/* GALLERY SINGLE */



.com-spsimpleportfolio .sp-simpleportfolio .sp-simpleportfolio-img {

	width: 100%;

}



.com-spsimpleportfolio .sp-simpleportfolio .sp-simpleportfolio-description {

	width: 100%;

	float: unset;

}



.sp-simpleportfolio .sp-simpleportfolio-description > h2 {

	display: none;

}



.gallery-single-detail h3 {

	position: relative;

	font-weight: 900;

	font-family: "Montserrat";

	color: #007bff;

	font-size: 30px;

	line-height: 1;

	margin-bottom: 30px;

}



.gallery-single-detail h3:before {

    position: absolute;

    content: "";

    width: 50px;

    height: 4px;

    background-color: #007bff;

    letter-spacing: 0px;

    bottom: -14px;

}



.project-info-list {

	overflow: visible;

	margin: 0 -15px;

	margin-top: 30px;

	list-style-type: none;

}



.project-info-list li {

    border-bottom: 1px solid #f7f7f7;

    float: left;

    margin: 0 15px 20px;

    overflow: visible;

    padding-bottom: 11px;

    width: 42%;

    padding-left: 30px;

    position: relative;

	list-style-type: none;

}



.project-info-list li .icon-holder {

    left: 0;

    position: absolute;

    top: -5px;

}



.project-info-list li .icon-holder:before {

    color: #041230;

	content: "";

	font: normal normal normal 14px/1 FontAwesome;

    font-size: 14px;

}



.project-info-list li:nth-child(1) .icon-holder:before {content: "\f007";}

.project-info-list li:nth-child(2) .icon-holder:before {content: "\f07c";}

.project-info-list li:nth-child(3) .icon-holder:before {content: "\f073";}

.project-info-list li:nth-child(4) .icon-holder:before {content: "\f073";}

.project-info-list li:nth-child(5) .icon-holder:before {content: "\f0c1";}

.project-info-list li:nth-child(6) .icon-holder:before {content: "\f041";}



.project-info-list li .text-holder h5 {

    color: #252525;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    margin: 0 0 3px;

}



.project-info-list li .text-holder p {

    margin: 0;

}



/* BLOG SINGLE */





.article-details .article-info {

	margin-bottom: 16px;

}



.article-info > span {

	color: #333;

	font-family: "Montserrat";

	font-weight: 600;

	font-size: 14px;

	line-height: 1.8;

	letter-spacing: 0.5px;

}



.article-details .article-header h1 {

	position: relative;

	font-weight: 900;

	font-family: "Montserrat";

	color: #007bff;

	font-size: 30px;

	line-height: 1;

	margin-bottom: 30px;

}



.article-details .article-header h1:before {

    position: absolute;

    content: "";

    width: 50px;

    height: 4px;

    background-color: #007bff;

    letter-spacing: 0px;

    bottom: -14px;

	left: 0;

}



.article-info > span a:hover {

	color: #041230;

}





/* */







/* IMPORT ICONS */



@font-face {

  font-family: 'xcon';

  src: url('font/xcon.eot?4965248');

  src: url('font/xcon.eot?4965248#iefix') format('embedded-opentype'),

       url('font/xcon.woff2?4965248') format('woff2'),

       url('font/xcon.woff?4965248') format('woff'),

       url('font/xcon.ttf?4965248') format('truetype'),

       url('font/xcon.svg?4965248#xcon') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'xcon';

    src: url('../font/xcon.svg?4965248#xcon') format('svg');

  }

}

*/

 

 [class^="xcon-"]:before, [class*=" xcon-"]:before {

  font-family: "xcon";

  font-style: normal;

  font-weight: normal;

  speak: none;

 

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  margin-right: .2em;

  text-align: center;

  /* opacity: .8; */

 

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;

  text-transform: none;

 

  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;

 

  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;

 

  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

 

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

 

  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}

 

.xcon-phone:before { content: '\e800'; } /* '' */

.xcon-mail:before { content: '\e801'; } /* '' */

.xcon-globe:before { content: '\e802'; } /* '' */

.xcon-glass:before { content: '\e803'; } /* '' */

.xcon-music:before { content: '\e804'; } /* '' */

.xcon-search:before { content: '\e805'; } /* '' */

.xcon-star:before { content: '\e806'; } /* '' */

.xcon-star-empty:before { content: '\e807'; } /* '' */

.xcon-heart:before { content: '\e808'; } /* '' */

.xcon-cancel-circled:before { content: '\e809'; } /* '' */

.xcon-ok:before { content: '\e80a'; } /* '' */

.xcon-bookmark:before { content: '\e80b'; } /* '' */

.xcon-thumbs-up:before { content: '\e80c'; } /* '' */

.xcon-thumbs-down:before { content: '\e80d'; } /* '' */

.xcon-download:before { content: '\e80e'; } /* '' */

.xcon-upload:before { content: '\e80f'; } /* '' */

.xcon-lock-open:before { content: '\e810'; } /* '' */

.xcon-lock:before { content: '\e811'; } /* '' */

.xcon-bell:before { content: '\e812'; } /* '' */

.xcon-location:before { content: '\e813'; } /* '' */

.xcon-attention:before { content: '\e814'; } /* '' */

.xcon-cog:before { content: '\e815'; } /* '' */

.xcon-resize-full:before { content: '\e816'; } /* '' */

.xcon-resize-small:before { content: '\e817'; } /* '' */

.xcon-resize-horizontal:before { content: '\e818'; } /* '' */

.xcon-resize-vertical:before { content: '\e819'; } /* '' */

.xcon-basket:before { content: '\e81a'; } /* '' */

.xcon-calendar:before { content: '\e81b'; } /* '' */

.xcon-wrench:before { content: '\e81c'; } /* '' */

.xcon-folder:before { content: '\e81d'; } /* '' */

.xcon-folder-open:before { content: '\e81e'; } /* '' */

.xcon-volume-off:before { content: '\e81f'; } /* '' */

.xcon-volume-up:before { content: '\e820'; } /* '' */

.xcon-volume-down:before { content: '\e821'; } /* '' */

.xcon-clock:before { content: '\e822'; } /* '' */

.xcon-zoom-out:before { content: '\e823'; } /* '' */

.xcon-zoom-in:before { content: '\e824'; } /* '' */

.xcon-down-dir:before { content: '\e825'; } /* '' */

.xcon-up-dir:before { content: '\e826'; } /* '' */

.xcon-left-dir:before { content: '\e827'; } /* '' */

.xcon-right-dir:before { content: '\e828'; } /* '' */

.xcon-down-open:before { content: '\e829'; } /* '' */

.xcon-left-open:before { content: '\e82a'; } /* '' */



.xcon-right-open:before { content: '\e82b'; } /* '' */

.xcon-up-open:before { content: '\e82c'; } /* '' */

.xcon-down-big:before { content: '\e82d'; } /* '' */

.xcon-left-big:before { content: '\e82e'; } /* '' */

.xcon-right-big:before { content: '\e82f'; } /* '' */

.xcon-up-big:before { content: '\e830'; } /* '' */

.xcon-play:before { content: '\e831'; } /* '' */

.xcon-spin3:before { content: '\e832'; } /* '' */

.xcon-play-circled2:before { content: '\e833'; } /* '' */

.xcon-pause:before { content: '\e834'; } /* '' */

.xcon-to-end:before { content: '\e835'; } /* '' */

.xcon-to-end-alt:before { content: '\e836'; } /* '' */

.xcon-to-start:before { content: '\e837'; } /* '' */

.xcon-flash:before { content: '\e838'; } /* '' */

.xcon-to-start-alt:before { content: '\e839'; } /* '' */

.xcon-fast-fw:before { content: '\e83a'; } /* '' */

.xcon-fast-bw:before { content: '\e83b'; } /* '' */

.xcon-off:before { content: '\e83c'; } /* '' */

.xcon-check:before { content: '\e83d'; } /* '' */

.xcon-comment:before { content: '\e83e'; } /* '' */

.xcon-chat:before { content: '\e83f'; } /* '' */

.xcon-forward:before { content: '\e840'; } /* '' */

.xcon-eye:before { content: '\e841'; } /* '' */

.xcon-eye-off:before { content: '\e842'; } /* '' */

.xcon-star-half:before { content: '\e843'; } /* '' */

.xcon-heart-empty:before { content: '\e844'; } /* '' */

.xcon-camera:before { content: '\e845'; } /* '' */

.xcon-videocam:before { content: '\e846'; } /* '' */

.xcon-picture:before { content: '\e847'; } /* '' */

.xcon-camera-alt:before { content: '\e848'; } /* '' */

.xcon-video:before { content: '\e849'; } /* '' */

.xcon-home:before { content: '\e84a'; } /* '' */

.xcon-pencil:before { content: '\e84b'; } /* '' */

.xcon-trash-empty:before { content: '\e84c'; } /* '' */

.xcon-camera-1:before { content: '\e84d'; } /* '' */

.xcon-move:before { content: '\f047'; } /* '' */

.xcon-bookmark-empty:before { content: '\f097'; } /* '' */

.xcon-twitter:before { content: '\f099'; } /* '' */

.xcon-facebook:before { content: '\f09a'; } /* '' */

.xcon-rss:before { content: '\f09e'; } /* '' */

.xcon-resize-full-alt:before { content: '\f0b2'; } /* '' */

.xcon-gplus:before { content: '\f0d5'; } /* '' */

.xcon-sort-down:before { content: '\f0dd'; } /* '' */

.xcon-sort-up:before { content: '\f0de'; } /* '' */

.xcon-mail-alt:before { content: '\f0e0'; } /* '' */

.xcon-linkedin:before { content: '\f0e1'; } /* '' */

.xcon-comment-empty:before { content: '\f0e5'; } /* '' */

.xcon-chat-empty:before { content: '\f0e6'; } /* '' */

.xcon-bell-alt:before { content: '\f0f3'; } /* '' */

.xcon-angle-double-left:before { content: '\f100'; } /* '' */

.xcon-angle-double-right:before { content: '\f101'; } /* '' */

.xcon-angle-double-up:before { content: '\f102'; } /* '' */

.xcon-angle-double-down:before { content: '\f103'; } /* '' */

.xcon-angle-left:before { content: '\f104'; } /* '' */

.xcon-angle-right:before { content: '\f105'; } /* '' */

.xcon-angle-up:before { content: '\f106'; } /* '' */

.xcon-angle-down:before { content: '\f107'; } /* '' */

.xcon-desktop:before { content: '\f108'; } /* '' */

.xcon-laptop:before { content: '\f109'; } /* '' */

.xcon-tablet:before { content: '\f10a'; } /* '' */

.xcon-mobile:before { content: '\f10b'; } /* '' */

.xcon-quote-left:before { content: '\f10d'; } /* '' */

.xcon-reply:before { content: '\f112'; } /* '' */

.xcon-folder-empty:before { content: '\f114'; } /* '' */

.xcon-folder-open-empty:before { content: '\f115'; } /* '' */

.xcon-reply-all:before { content: '\f122'; } /* '' */

.xcon-star-half-alt:before { content: '\f123'; } /* '' */

.xcon-direction:before { content: '\f124'; } /* '' */

.xcon-attention-alt:before { content: '\f12a'; } /* '' */

.xcon-mic:before { content: '\f130'; } /* '' */

.xcon-mute:before { content: '\f131'; } /* '' */

.xcon-play-circled:before { content: '\f144'; } /* '' */

.xcon-ok-squared:before { content: '\f14a'; } /* '' */

.xcon-euro:before { content: '\f153'; } /* '' */

.xcon-pound:before { content: '\f154'; } /* '' */

.xcon-dollar:before { content: '\f155'; } /* '' */

.xcon-thumbs-up-alt:before { content: '\f164'; } /* '' */

.xcon-thumbs-down-alt:before { content: '\f165'; } /* '' */

.xcon-youtube-play:before { content: '\f16a'; } /* '' */

.xcon-instagram:before { content: '\f16d'; } /* '' */

.xcon-tumblr:before { content: '\f173'; } /* '' */

.xcon-down:before { content: '\f175'; } /* '' */

.xcon-up:before { content: '\f176'; } /* '' */

.xcon-left:before { content: '\f177'; } /* '' */

.xcon-right:before { content: '\f178'; } /* '' */

.xcon-apple:before { content: '\f179'; } /* '' */

.xcon-dribbble:before { content: '\f17d'; } /* '' */

.xcon-vkontakte:before { content: '\f189'; } /* '' */

.xcon-mail-squared:before { content: '\f199'; } /* '' */

.xcon-google:before { content: '\f1a0'; } /* '' */

.xcon-behance:before { content: '\f1b4'; } /* '' */

.xcon-paper-plane:before { content: '\f1d8'; } /* '' */

.xcon-paper-plane-empty:before { content: '\f1d9'; } /* '' */

.xcon-share:before { content: '\f1e0'; } /* '' */

.xcon-share-squared:before { content: '\f1e1'; } /* '' */

.xcon-cc-visa:before { content: '\f1f0'; } /* '' */

.xcon-cc-mastercard:before { content: '\f1f1'; } /* '' */

.xcon-cc-discover:before { content: '\f1f2'; } /* '' */

.xcon-cc-amex:before { content: '\f1f3'; } /* '' */

.xcon-cc-paypal:before { content: '\f1f4'; } /* '' */

.xcon-cc-stripe:before { content: '\f1f5'; } /* '' */

.xcon-bell-off:before { content: '\f1f6'; } /* '' */

.xcon-bell-off-empty:before { content: '\f1f7'; } /* '' */

.xcon-toggle-off:before { content: '\f204'; } /* '' */

.xcon-toggle-on:before { content: '\f205'; } /* '' */

.xcon-pinterest:before { content: '\f231'; } /* '' */

.xcon-hourglass-o:before { content: '\f250'; } /* '' */

.xcon-trademark:before { content: '\f25c'; } /* '' */

.xcon-registered:before { content: '\f25d'; } /* '' */

.xcon-odnoklassniki:before { content: '\f263'; } /* '' */

.xcon-safari:before { content: '\f267'; } /* '' */

.xcon-chrome:before { content: '\f268'; } /* '' */

.xcon-firefox:before { content: '\f269'; } /* '' */

.xcon-opera:before { content: '\f26a'; } /* '' */

.xcon-internet-explorer:before { content: '\f26b'; } /* '' */

.xcon-vimeo:before { content: '\f27d'; } /* '' */





@media (min-width: 576px){

body.helix-ultimate .sppb-row-container {

	max-width: 540px;

}

}

@media (min-width: 768px){

body.helix-ultimate .sppb-row-container {

	max-width: 720px;

}

}



@media (min-width: 992px){

body.helix-ultimate .sppb-row-container {

	max-width: 720px;

}

}



@media (min-width: 1200px){

body.helix-ultimate .sppb-row-container {

	max-width: 960px;

}

}



@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px); } }



@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px); } }





.sppb-addon-feature {
width: 100%;
height: auto;
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,.1);
padding: 40px 40px 33px 40px;
top: 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.sppb-icon {
margin-bottom: 13px;
color: #007bff;
font-size: 40px;
}

.sppb-addon-title {
margin-bottom: 17px;
  font-family: "Montserrat";
font-size: 22px;
font-weight: 600;
color: #000000;
line-height: 1;
}

.sppb-addon-feature:hover {
    top: -5px;
}