/* Themify Customize Styling */
.pagewidth,.module_row>.row_inner {	width: auto; 
}
#headerwrap {	background: none;
	background-color: #ffffff; 
}
#header {		font-weight:600;
	font-style:normal;
	font-size:18px;
 
}
#headerwrap a {	
	color: #000000; 
}
#headerwrap a:hover {	
	color: #1490d7; 
}
.header-widget-full {	background: none;
	background-color: #fff; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: rgba(255,255,255,0.85); 
}
#site-logo {	
	margin: 0px; 
}
.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #1490d7; }.mobile_menu_active #menu-icon { 
	color: #1490d7; }
/* Themify Custom CSS */



@media (max-width: 1560px) {
.top-bar-icons .module-icon-item:last-child{
	display:none;
}
}






.blue {
    --tb_pr_color: #edf3ff;
    --tb_pr_bg: #157fbb;
    --tb_pr_hover_bg: #58d7fd;
}

.themify_builder_content-2350 .tb_nc7u54.module-menu .menu-module-burger {

    float: right;
}
.single-post #body {
    font: 1.3em/1.65em 'Public Sans',"Arial",sans-serif;
}
  .bubble-borders {
    transition: border-radius 2s ease-in-out;
  }
@media (min-width: 1281px) {
  
.themify_builder_content-2350 .tb_nc7u54.module-menu .nav li {
    width: 33%;
    display: inline-block;
}
	
#menu-item-3381 a,
#menu-item-3380 a,
#menu-item-218 a,
#menu-item-3382 a,
#menu-item-3383 a,
#menu-item-400 a,
	#menu-item-3387 a,
	#menu-item-3388 a,
	#menu-item-3386 a,
	#menu-item-3393 a, 
		#menu-item-3394 a, 
		#menu-item-3395 a,
	#menu-item-3400 a,
	#menu-item-3401 a,
	#menu-item-3402 a,
	
	#menu-item-3404 a,
	#menu-item-3407 a,
	#menu-item-3408 a
	
	{
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 1.8em;
    font-weight: normal;
}
	.menu-item > a > span {
    font-size: 120%;
    vertical-align: top;
    font-weight: bold;
		margin-left: -60px;
    color: #2f82b4;
    display: inline-block;
    width: 55px;
	}

.menu-item > a:hover > span {
    color: rgba(169, 209, 232, 0.93);
    transition: all 0.75s;
}
	
	.current_page_item > a > span {
    color: rgba(169, 209, 232, 0.93);
    transition: all 0.75s;
}
  
}
@media (max-width: 990px) {
	.menu-item > a > span {
		display:none !important;
	}
}

#main-nav li > .sub-menu{
	border-radius:0;
}
#content {
    width: 81%;
    padding: 0;
    padding-top: 0!important;
}
.themify_builder_content-6 .tb_000t788.module-post .post {

    margin: 0;
    width: 33.33%;
overflow:hidden;
	
}
.themify_builder_content-6 article img {
	-webkit-filter: sepia(100%) hue-rotate(180deg) saturate(290%);
filter: sepia(100%) hue-rotate(180deg) saturate(290%);
	opacity:0.7;

}

.themify_builder_content-6 article img:hover {
transition: all 1s;
}

.boxed-content, #slide-cart, .header-minbar .sidemenu, .header-slide-out .sidemenu, .mobile_menu_active .sidemenu, #headerwrap, #footerwrap {
    background-color: transparent;
	
}
.sidemenu-active, .sidemenu-active #headerwrap {

    background-color: #fff;
}
	.themify_builder_content-2350 .tb_nc7u54.module-menu.module .nav li.current_page_item > a, .themify_builder_content-2350 .tb_nc7u54.module-menu.module .nav li.current-menu-item > a {
    color: #1490d7;
}
.header-widget {
    box-shadow: 1px 1px 5px #00000024;
	padding: 0px 0;
}
.themify_builder_content-2418 .tb_m093782.module-buttons i, .themify_builder_content-2418 .tb_m093782.module-buttons span{
    color: #fff !important;
}
.themify_builder_content-2418 .tb_m093782.module-buttons i, .themify_builder_content-2418 .tb_m093782.module-buttons:hover span{
    color: #000 !important;
}
:root {
    --tb_preset_blue: #1490d7;
}
.ui.blue > li.current_page_item > a, .ui.blue > li.current_page_item:hover > a, .ui.blue > li.current-menu-item > a, .ui.blue > li.current-menu-item:hover > a, .ui.builder_button.blue:hover, .ui.nav.blue > li a:hover, .ui.module-accordion.blue li:hover .accordion-title, .ui.module-tab.blue .tab-nav li:hover {
    background: #78ceff;
}

#snippet-box{
	display:none !important;
}
#content {
    width: 81%;
    padding: 0;
	padding-top: 4.5%;
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a, #headerwrap a:hover, #footerwrap a:hover, #slide-cart a:hover, .header-stripe.mobile-menu-visible #headerwrap a:hover, .header-rightpane #main-nav ul a:hover, .header-rightpane #main-nav .mega-menu-posts a:hover, .header-leftpane #main-nav ul a:hover, .header-leftpane #main-nav .mega-menu-posts a:hover, .mobile_menu_active #headerwrap a:hover, .mobile-menu-visible #headerwrap a:hover, .mobile-menu-visible #headerwrap #main-nav a:hover, .mobile-menu-visible #headerwrap #main-nav ul a:hover {
    color: #78ceff;
}

.object-laptop {
  position: relative;
  width: 100%;
}
.object-laptop > .screen {
  position: relative;
  width: 80%;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 3px #404040, inset 0 0 100px 0 rgba(0, 0, 0, 0.75), 0 25px 35px -5px #000000;
  background-color: #1a1a1a;
  border-radius: 7px 7px 0 0;
}
.object-laptop > .screen::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 62.5%;
}
.object-laptop > .screen > .lcd {
  position: absolute;
  top: 3.5%;
  left: 2.5%;
  bottom: 3.5%;
  right: 2.5%;
  overflow: hidden;
  border: 1px solid;
  border-color: #000 #202020 #282828 #000;
  border-radius: 3px;
  background-color: #000;
  box-shadow: inset 0 0 200px 2px rgba(255, 255, 255, 0.05);
}
.object-laptop > .screen > .gloss {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px 0 0 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.175) 0%, rgba(255, 255, 255, 0) 50%);
}
.object-laptop > .screen > .reflexion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px 0 0 0;
  background: linear-gradient(100deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.05) 0.1%, rgba(255, 255, 255, 0.15) 33%, rgba(0, 0, 0, 0) 33.1%);
}
.object-laptop > .screen > .highlight {
  position: absolute;
  border-radius: 7px;
}
.object-laptop > .screen > .highlight.one {
  top: -4px;
  left: 2%;
  width: 80%;
  height: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 15%, rgba(0, 0, 0, 0) 100%);
}
.object-laptop > .screen > .highlight.two {
  top: 2%;
  left: -4px;
  width: 2px;
  height: 80%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0) 100%);
}
.object-laptop > .keyboard {
  position: relative;
  width: 100%;
}
.object-laptop > .keyboard.one {
  height: 0.25vw;
  border-radius: 1px 1px 0 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.75) 2%, rgba(0, 0, 0, 0.33) 7%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 93%, rgba(0, 0, 0, 0.75) 98%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.35) 33%, rgba(255, 255, 255, 0.35) 35%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #141414 0%, #141414 100%);
}
.object-laptop > .keyboard.one::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 10%;
  height: 0.25vw;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.5) 12%, rgba(0, 0, 0, 0.5) 90%, #000000 100%);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.object-laptop > .keyboard.two {
  height: 1.25vw;
  border-radius: 0 0 33% 33%;
  box-shadow: 0 -2px 0 -1px rgba(0, 0, 0, 0.5), 0 25px 35px -5px #000000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0.75) 2%, rgba(0, 0, 0, 0.5) 7%, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 83%, rgba(0, 0, 0, 0.75) 98%, rgba(255, 255, 255, 0.35) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 33%, #ffffff 34%, #ffffff 100%), linear-gradient(0deg, #c8c8c8 0%, #c8c8c8 100%);
}
.object-laptop > .keyboard.two::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 10%;
  height: 0.5vw;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 0%, rgba(0, 0, 0, 0.5) 100%);
  box-shadow: inset 0 -1px 3px 1px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 0.5vw 0.5vw;
}

.teaser_row .module-feature-chart-html5{
	background-color: rgb(20, 144, 215);
    background-image: linear-gradient(167deg, rgba(0, 155, 245, 0.75) 0%, rgb(0, 103, 158) 100%);

	border:2px solid #fff;
}


body {
  background: #f4f6fc;
}

.device {
  flex: 1;
}

.iphone-x {
    position: relative;
    margin: 40px auto;
    width: 360px;
    height: 780px;
    border-radius: 40px;
    box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 20px #191919, 0px 0px 0px 20px #111 inset;
}
.iphone-x:before, .iphone-x:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.iphone-x:after {
  bottom: 7px;
  width: 140px;
  height: 4px;
  background-color: #f2f2f2;
  border-radius: 10px;
}
.iphone-x:before {
  top: 0px;
  width: 56%;
  height: 30px;
  background-color: #1f1f1f;
  border-radius: 0px 0px 40px 40px;
z-index:99;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
.iphone-x i,
.iphone-x b,
.iphone-x s,
.iphone-x span {
  position: absolute;
  display: block;
  color: transparent;
}
.iphone-x i {
  top: 0px;
  left: 50%;
  transform: translate(-50%, 6px);
  height: 8px;
  width: 15%;
  background-color: #101010;
  border-radius: 8px;
  z-index: 999;
  box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b {
  left: 10%;
  top: 0px;
  transform: translate(180px, 4px);
  width: 12px;
  height: 12px;
  background-color: #101010;
  border-radius: 12px;
z-index:99;
  box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b:after {
  content: "";
  position: absolute;
  background-color: #2d4d76;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
  top: 3px;
  left: 3px;
  display: block;
  border-radius: 4px;
  box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
}
.iphone-x s {
  top: 50px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 70px;
  font-weight: 100;
  padding-top: 60px;
}
.iphone-x span {
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  left: 30px;
}
.iphone-x span + span {
  left: auto;
  right: 30px;
}

.iphone-x .stage {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-radius: 35px;
 
  overflow: hidden;
}

.iphone-x video {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
    display: flex;
    height: 100%;
    width: 380px;
    object-fit: cover;
}

.iphone-x img {
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-radius: 35px;
    height: 100%;
    width: 100%;

    object-fit: cover;
}