charset "UTF-8";

@font-face {
  font-family: 'Socicon';
  src:  url('../fonts/socicon.eot');
  src:  url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/socicon.woff2') format('woff2'),
    url('../fonts/socicon.ttf') format('truetype'),
    url('../fonts/socicon.woff') format('woff'),
    url('../fonts/socicon.svg#socicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"], [class*=" socicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-eitaa:before {
  content: "\e97c";
}
.socicon-soroush:before {
  content: "\e97d";
}
.socicon-bale:before {
  content: "\e97e";
}
.socicon-zazzle:before {
  content: "\e97b";
}
.socicon-society6:before {
  content: "\e97a";
}
.socicon-redbubble:before {
  content: "\e979";
}
.socicon-avvo:before {
  content: "\e978";
}
.socicon-stitcher:before {
  content: "\e977";
}
.socicon-googlehangouts:before {
  content: "\e974";
}
.socicon-dlive:before {
  content: "\e975";
}
.socicon-vsco:before {
  content: "\e976";
}
.socicon-flipboard:before {
  content: "\e973";
}
.socicon-ubuntu:before {
  content: "\e958";
}
.socicon-artstation:before {
  content: "\e959";
}
.socicon-invision:before {
  content: "\e95a";
}
.socicon-torial:before {
  content: "\e95b";
}
.socicon-collectorz:before {
  content: "\e95c";
}
.socicon-seenthis:before {
  content: "\e95d";
}
.socicon-googleplaymusic:before {
  content: "\e95e";
}
.socicon-debian:before {
  content: "\e95f";
}
.socicon-filmfreeway:before {
  content: "\e960";
}
.socicon-gnome:before {
  content: "\e961";
}
.socicon-itchio:before {
  content: "\e962";
}
.socicon-jamendo:before {
  content: "\e963";
}
.socicon-mix:before {
  content: "\e964";
}
.socicon-sharepoint:before {
  content: "\e965";
}
.socicon-tinder:before {
  content: "\e966";
}
.socicon-windguru:before {
  content: "\e967";
}
.socicon-cdbaby:before {
  content: "\e968";
}
.socicon-elementaryos:before {
  content: "\e969";
}
.socicon-stage32:before {
  content: "\e96a";
}
.socicon-tiktok:before {
  content: "\e96b";
}
.socicon-gitter:before {
  content: "\e96c";
}
.socicon-letterboxd:before {
  content: "\e96d";
}
.socicon-threema:before {
  content: "\e96e";
}
.socicon-splice:before {
  content: "\e96f";
}
.socicon-metapop:before {
  content: "\e970";
}
.socicon-naver:before {
  content: "\e971";
}
.socicon-remote:before {
  content: "\e972";
}
.socicon-internet:before {
  content: "\e957";
}
.socicon-moddb:before {
  content: "\e94b";
}
.socicon-indiedb:before {
  content: "\e94c";
}
.socicon-traxsource:before {
  content: "\e94d";
}
.socicon-gamefor:before {
  content: "\e94e";
}
.socicon-pixiv:before {
  content: "\e94f";
}
.socicon-myanimelist:before {
  content: "\e950";
}
.socicon-blackberry:before {
  content: "\e951";
}
.socicon-wickr:before {
  content: "\e952";
}
.socicon-spip:before {
  content: "\e953";
}
.socicon-napster:before {
  content: "\e954";
}
.socicon-beatport:before {
  content: "\e955";
}
.socicon-hackerone:before {
  content: "\e956";
}
.socicon-hackernews:before {
  content: "\e946";
}
.socicon-smashwords:before {
  content: "\e947";
}
.socicon-kobo:before {
  content: "\e948";
}
.socicon-bookbub:before {
  content: "\e949";
}
.socicon-mailru:before {
  content: "\e94a";
}
.socicon-gitlab:before {
  content: "\e945";
}
.socicon-instructables:before {
  content: "\e944";
}
.socicon-portfolio:before {
  content: "\e943";
}
.socicon-codered:before {
  content: "\e940";
}
.socicon-origin:before {
  content: "\e941";
}
.socicon-nextdoor:before {
  content: "\e942";
}
.socicon-udemy:before {
  content: "\e93f";
}
.socicon-livemaster:before {
  content: "\e93e";
}
.socicon-crunchbase:before {
  content: "\e93b";
}
.socicon-homefy:before {
  content: "\e93c";
}
.socicon-calendly:before {
  content: "\e93d";
}
.socicon-realtor:before {
  content: "\e90f";
}
.socicon-tidal:before {
  content: "\e910";
}
.socicon-qobuz:before {
  content: "\e911";
}
.socicon-natgeo:before {
  content: "\e912";
}
.socicon-mastodon:before {
  content: "\e913";
}
.socicon-unsplash:before {
  content: "\e914";
}
.socicon-homeadvisor:before {
  content: "\e915";
}
.socicon-angieslist:before {
  content: "\e916";
}
.socicon-codepen:before {
  content: "\e917";
}
.socicon-slack:before {
  content: "\e918";
}
.socicon-openaigym:before {
  content: "\e919";
}
.socicon-logmein:before {
  content: "\e91a";
}
.socicon-fiverr:before {
  content: "\e91b";
}
.socicon-gotomeeting:before {
  content: "\e91c";
}
.socicon-aliexpress:before {
  content: "\e91d";
}
.socicon-guru:before {
  content: "\e91e";
}
.socicon-appstore:before {
  content: "\e91f";
}
.socicon-homes:before {
  content: "\e920";
}
.socicon-zoom:before {
  content: "\e921";
}
.socicon-alibaba:before {
  content: "\e922";
}
.socicon-craigslist:before {
  content: "\e923";
}
.socicon-wix:before {
  content: "\e924";
}
.socicon-redfin:before {
  content: "\e925";
}
.socicon-googlecalendar:before {
  content: "\e926";
}
.socicon-shopify:before {
  content: "\e927";
}
.socicon-freelancer:before {
  content: "\e928";
}
.socicon-seedrs:before {
  content: "\e929";
}
.socicon-bing:before {
  content: "\e92a";
}
.socicon-doodle:before {
  content: "\e92b";
}
.socicon-bonanza:before {
  content: "\e92c";
}
.socicon-squarespace:before {
  content: "\e92d";
}
.socicon-toptal:before {
  content: "\e92e";
}
.socicon-gust:before {
  content: "\e92f";
}
.socicon-ask:before {
  content: "\e930";
}
.socicon-trulia:before {
  content: "\e931";
}
.socicon-loomly:before {
  content: "\e932";
}
.socicon-ghost:before {
  content: "\e933";
}
.socicon-upwork:before {
  content: "\e934";
}
.socicon-fundable:before {
  content: "\e935";
}
.socicon-booking:before {
  content: "\e936";
}
.socicon-googlemaps:before {
  content: "\e937";
}
.socicon-zillow:before {
  content: "\e938";
}
.socicon-niconico:before {
  content: "\e939";
}
.socicon-toneden:before {
  content: "\e93a";
}
.socicon-augment:before {
  content: "\e908";
}
.socicon-bitbucket:before {
  content: "\e909";
}
.socicon-fyuse:before {
  content: "\e90a";
}
.socicon-yt-gaming:before {
  content: "\e90b";
}
.socicon-sketchfab:before {
  content: "\e90c";
}
.socicon-mobcrush:before {
  content: "\e90d";
}
.socicon-microsoft:before {
  content: "\e90e";
}
.socicon-pandora:before {
  content: "\e907";
}
.socicon-messenger:before {
  content: "\e906";
}
.socicon-gamewisp:before {
  content: "\e905";
}
.socicon-bloglovin:before {
  content: "\e904";
}
.socicon-tunein:before {
  content: "\e903";
}
.socicon-gamejolt:before {
  content: "\e901";
}
.socicon-trello:before {
  content: "\e902";
}
.socicon-spreadshirt:before {
  content: "\e900";
}
.socicon-500px:before {
  content: "\e000";
}
.socicon-8tracks:before {
  content: "\e001";
}
.socicon-airbnb:before {
  content: "\e002";
}
.socicon-alliance:before {
  content: "\e003";
}
.socicon-amazon:before {
  content: "\e004";
}
.socicon-amplement:before {
  content: "\e005";
}
.socicon-android:before {
  content: "\e006";
}
.socicon-angellist:before {
  content: "\e007";
}
.socicon-apple:before {
  content: "\e008";
}
.socicon-appnet:before {
  content: "\e009";
}
.socicon-baidu:before {
  content: "\e00a";
}
.socicon-bandcamp:before {
  content: "\e00b";
}
.socicon-battlenet:before {
  content: "\e00c";
}
.socicon-mixer:before {
  content: "\e00d";
}
.socicon-bebee:before {
  content: "\e00e";
}
.socicon-bebo:before {
  content: "\e00f";
}
.socicon-behance:before {
  content: "\e010";
}
.socicon-blizzard:before {
  content: "\e011";
}
.socicon-blogger:before {
  content: "\e012";
}
.socicon-buffer:before {
  content: "\e013";
}
.socicon-chrome:before {
  content: "\e014";
}
.socicon-coderwall:before {
  content: "\e015";
}
.socicon-curse:before {
  content: "\e016";
}
.socicon-dailymotion:before {
  content: "\e017";
}
.socicon-deezer:before {
  content: "\e018";
}
.socicon-delicious:before {
  content: "\e019";
}
.socicon-deviantart:before {
  content: "\e01a";
}
.socicon-diablo:before {
  content: "\e01b";
}
.socicon-digg:before {
  content: "\e01c";
}
.socicon-discord:before {
  content: "\e01d";
}
.socicon-disqus:before {
  content: "\e01e";
}
.socicon-douban:before {
  content: "\e01f";
}
.socicon-draugiem:before {
  content: "\e020";
}
.socicon-dribbble:before {
  content: "\e021";
}
.socicon-drupal:before {
  content: "\e022";
}
.socicon-ebay:before {
  content: "\e023";
}
.socicon-ello:before {
  content: "\e024";
}
.socicon-endomodo:before {
  content: "\e025";
}
.socicon-envato:before {
  content: "\e026";
}
.socicon-etsy:before {
  content: "\e027";
}
.socicon-facebook:before {
  content: "\e028";
}
.socicon-feedburner:before {
  content: "\e029";
}
.socicon-filmweb:before {
  content: "\e02a";
}
.socicon-firefox:before {
  content: "\e02b";
}
.socicon-flattr:before {
  content: "\e02c";
}
.socicon-flickr:before {
  content: "\e02d";
}
.socicon-formulr:before {
  content: "\e02e";
}
.socicon-forrst:before {
  content: "\e02f";
}
.socicon-foursquare:before {
  content: "\e030";
}
.socicon-friendfeed:before {
  content: "\e031";
}
.socicon-github:before {
  content: "\e032";
}
.socicon-goodreads:before {
  content: "\e033";
}
.socicon-google:before {
  content: "\e034";
}
.socicon-googlescholar:before {
  content: "\e035";
}
.socicon-googlegroups:before {
  content: "\e036";
}
.socicon-googlephotos:before {
  content: "\e037";
}
.socicon-googleplus:before {
  content: "\e038";
}
.socicon-grooveshark:before {
  content: "\e039";
}
.socicon-hackerrank:before {
  content: "\e03a";
}
.socicon-hearthstone:before {
  content: "\e03b";
}
.socicon-hellocoton:before {
  content: "\e03c";
}
.socicon-heroes:before {
  content: "\e03d";
}
.socicon-smashcast:before {
  content: "\e03e";
}
.socicon-horde:before {
  content: "\e03f";
}
.socicon-houzz:before {
  content: "\e040";
}
.socicon-icq:before {
  content: "\e041";
}
.socicon-identica:before {
  content: "\e042";
}
.socicon-imdb:before {
  content: "\e043";
}
.socicon-instagram:before {
  content: "\e044";
}
.socicon-issuu:before {
  content: "\e045";
}
.socicon-istock:before {
  content: "\e046";
}
.socicon-itunes:before {
  content: "\e047";
}
.socicon-keybase:before {
  content: "\e048";
}
.socicon-lanyrd:before {
  content: "\e049";
}
.socicon-lastfm:before {
  content: "\e04a";
}
.socicon-line:before {
  content: "\e04b";
}
.socicon-linkedin:before {
  content: "\e04c";
}
.socicon-livejournal:before {
  content: "\e04d";
}
.socicon-lyft:before {
  content: "\e04e";
}
.socicon-macos:before {
  content: "\e04f";
}
.socicon-mail:before {
  content: "\e050";
}
.socicon-medium:before {
  content: "\e051";
}
.socicon-meetup:before {
  content: "\e052";
}
.socicon-mixcloud:before {
  content: "\e053";
}
.socicon-modelmayhem:before {
  content: "\e054";
}
.socicon-mumble:before {
  content: "\e055";
}
.socicon-myspace:before {
  content: "\e056";
}
.socicon-newsvine:before {
  content: "\e057";
}
.socicon-nintendo:before {
  content: "\e058";
}
.socicon-npm:before {
  content: "\e059";
}
.socicon-odnoklassniki:before {
  content: "\e05a";
}
.socicon-openid:before {
  content: "\e05b";
}
.socicon-opera:before {
  content: "\e05c";
}
.socicon-outlook:before {
  content: "\e05d";
}
.socicon-overwatch:before {
  content: "\e05e";
}
.socicon-patreon:before {
  content: "\e05f";
}
.socicon-paypal:before {
  content: "\e060";
}
.socicon-periscope:before {
  content: "\e061";
}
.socicon-persona:before {
  content: "\e062";
}
.socicon-pinterest:before {
  content: "\e063";
}
.socicon-play:before {
  content: "\e064";
}
.socicon-player:before {
  content: "\e065";
}
.socicon-playstation:before {
  content: "\e066";
}
.socicon-pocket:before {
  content: "\e067";
}
.socicon-qq:before {
  content: "\e068";
}
.socicon-quora:before {
  content: "\e069";
}
.socicon-raidcall:before {
  content: "\e06a";
}
.socicon-ravelry:before {
  content: "\e06b";
}
.socicon-reddit:before {
  content: "\e06c";
}
.socicon-renren:before {
  content: "\e06d";
}
.socicon-researchgate:before {
  content: "\e06e";
}
.socicon-residentadvisor:before {
  content: "\e06f";
}
.socicon-reverbnation:before {
  content: "\e070";
}
.socicon-rss:before {
  content: "\e071";
}
.socicon-sharethis:before {
  content: "\e072";
}
.socicon-skype:before {
  content: "\e073";
}
.socicon-slideshare:before {
  content: "\e074";
}
.socicon-smugmug:before {
  content: "\e075";
}
.socicon-snapchat:before {
  content: "\e076";
}
.socicon-songkick:before {
  content: "\e077";
}
.socicon-soundcloud:before {
  content: "\e078";
}
.socicon-spotify:before {
  content: "\e079";
}
.socicon-stackexchange:before {
  content: "\e07a";
}
.socicon-stackoverflow:before {
  content: "\e07b";
}
.socicon-starcraft:before {
  content: "\e07c";
}
.socicon-stayfriends:before {
  content: "\e07d";
}
.socicon-steam:before {
  content: "\e07e";
}
.socicon-storehouse:before {
  content: "\e07f";
}
.socicon-strava:before {
  content: "\e080";
}
.socicon-streamjar:before {
  content: "\e081";
}
.socicon-stumbleupon:before {
  content: "\e082";
}
.socicon-swarm:before {
  content: "\e083";
}
.socicon-teamspeak:before {
  content: "\e084";
}
.socicon-teamviewer:before {
  content: "\e085";
}
.socicon-technorati:before {
  content: "\e086";
}
.socicon-telegram:before {
  content: "\e087";
}
.socicon-tripadvisor:before {
  content: "\e088";
}
.socicon-tripit:before {
  content: "\e089";
}
.socicon-triplej:before {
  content: "\e08a";
}
.socicon-tumblr:before {
  content: "\e08b";
}
.socicon-twitch:before {
  content: "\e08c";
}
.socicon-twitter:before {
  content: "\e08d";
}
.socicon-uber:before {
  content: "\e08e";
}
.socicon-ventrilo:before {
  content: "\e08f";
}
.socicon-viadeo:before {
  content: "\e090";
}
.socicon-viber:before {
  content: "\e091";
}
.socicon-viewbug:before {
  content: "\e092";
}
.socicon-vimeo:before {
  content: "\e093";
}
.socicon-vine:before {
  content: "\e094";
}
.socicon-vkontakte:before {
  content: "\e095";
}
.socicon-warcraft:before {
  content: "\e096";
}
.socicon-wechat:before {
  content: "\e097";
}
.socicon-weibo:before {
  content: "\e098";
}
.socicon-whatsapp:before {
  content: "\e099";
}
.socicon-wikipedia:before {
  content: "\e09a";
}
.socicon-windows:before {
  content: "\e09b";
}
.socicon-wordpress:before {
  content: "\e09c";
}
.socicon-wykop:before {
  content: "\e09d";
}
.socicon-xbox:before {
  content: "\e09e";
}
.socicon-xing:before {
  content: "\e09f";
}
.socicon-yahoo:before {
  content: "\e0a0";
}
.socicon-yammer:before {
  content: "\e0a1";
}
.socicon-yandex:before {
  content: "\e0a2";
}
.socicon-yelp:before {
  content: "\e0a3";
}
.socicon-younow:before {
  content: "\e0a4";
}
.socicon-youtube:before {
  content: "\e0a5";
}
.socicon-zapier:before {
  content: "\e0a6";
}
.socicon-zerply:before {
  content: "\e0a7";
}
.socicon-zomato:before {
  content: "\e0a8";
}
.socicon-zynga:before {
  content: "\e0a9";
}
.paddin {
	zoom:100%;
	mar
	}
@media (max-width: 1122px) {
.paddin {
 zoom:80%;
	}
}


 #image-gallery {
  
  margin: 2rem auto;
display: none;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-color: black;

  
}
#main-image {

  width: 100%;
  padding: 1rem;
  margin-top:0;
   background-position: bottom;
  		border-radius: 15px 15px 15px 15px; 
box-shadow: rgba(0, 0, 0, 10) 0px .5px 2px;
}



#main-vid {
  width: 100%;
  padding: 1rem;
  margin-top:0;
   background-position: bottom;
  		border-radius: 15px 15px 15px 15px; 
box-shadow: rgba(0, 0, 0, 5) 0px .1px 2px;
}

#main-image:hover {

  transform:
    rotateX(45deg)
    rotateZ(45deg);
  transform-style: preserve-3d;
  border-radius: 32px;
  box-shadow:
    1px 1px 0 1px #000,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    28px 28px 28px 0 rgba(34, 33, 81, 0.25);
  transition:
    .4s ease-in-out transform,
    .4s ease-in-out box-shadow;
}
.main-image {

 
  transform-style: preserve-3d;
  margin-top:0;
  border-radius: 32px;
 
  transition:
    .4s ease-in-out transform,
    .4s ease-in-out box-shadow;
}

#mg{
z-index:-10;
  transform:
    rotateX(0deg)
    rotateZ(0deg);
  transform-style: preserve-3d;
  border-radius: 32px;
 
  transition:
    .4s ease-in-out transform,
    .4s ease-in-out box-shadow;
}
#thumbnail-container {
  width: 100%;
  display:flex;
  alignment-adjust:auto;
  margin-top: 20px;

 
}
.thumbnail {
  width: 45%;
  height: 45%;
		border-radius: 10px 10px 10px 10px; 
  margin: auto auto;
  cursor: pointer;
  padding: .5rem;

box-shadow: rgba(0, 0, 0, 1) 0px .1px 10px;
}
.thumbnail:hover {
  opacity: 0.7;
  
}
#outer {
    width: 400px;

    border-radius: 0; 
    overflow: hidden;
    position: relative;
	margin-top: ;


}
#bnr {
    width: 90%;
	alignment-adjust:auto;

	
    border-radius: 0; 
    overflow: hidden;
    position: relative;
	margin-top: 750px;
    margin-left: 4%; 
	

}
new Splide( '.splide', {
  type       : 'loop',
  height     : '9rem',
  perPage    : 2,
  breakpoints: {
    640: {
      height: '6rem',
    },
  },
} );
	#pricing-table {
		margin: 0px auto 45px auto;
		
		text-align: center;
		width: 50%; /* total computed width = 222 x 3 + 226 */
	}

	#pricing-table .plan {
		font: 12px  Tahoma, Geneva, sans-serif;
transition: .5s ease-in-out;
		text-shadow: 0 1px rgba(255,255,255,.8);        
		background: #fff;      
		border: 1px solid #ddd;
		color:#0C0;
		padding: 20px;
		margin-left:1%;
		width: 24%; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */      
		float: left;
		position: relative;
	}
	
	#pricing-table .plan:hover {
		z-index: 2;		
		color:#F90;

transition: .5s ease-in-out;
			
		top: 0px;
		border-width: 1px;

		padding: 20px 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
		-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
		box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
	}

	#pricing-table .plan:nth-child(1) {
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;        
	}

	#pricing-table .plan:nth-child(4) {
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;        
	}
	
	/* --------------- */	

	#pricing-table h3 {
		font-size: 20px;
		font-weight: normal;
		padding: 20px;
		margin: -20px -20px 50px -20px;
		background-color: #eee;
		background-image: -moz-linear-gradient(#fff,#eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
		background-image: -webkit-linear-gradient(#fff, #eee);
		background-image: -o-linear-gradient(#fff, #eee);
		background-image: -ms-linear-gradient(#fff, #eee);
		background-image: linear-gradient(#fff, #eee);
	}
	
	#pricing-table #most-popular h3 {
		background-color: #fff;
		background-image: -moz-linear-gradient(#eee,#ddd);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));    
		background-image: -webkit-linear-gradient(#eee, #ddd);
		background-image: -o-linear-gradient(#eee, #ddd);
		background-image: -ms-linear-gradient(#eee, #ddd);
		background-image: linear-gradient(#eee, #ddd);
		margin-top: -30px;
		padding-top: 30px;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0; 	
	
	}
	
	#pricing-table .plan:nth-child(1) h3 {
		-moz-border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;       
	}

	#pricing-table .plan:nth-child(4) h3 {
		-moz-border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		border-radius: 0 5px 0 0;       
	}	

	#pricing-table h3 span {
		display: block;
		font: bold 25px/100px Georgia, Serif;
		color: #777;
		background: #fff;
		border: 5px solid #fff;
		height: 100px;
		width: 100px;
		margin: 10px auto -65px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
		-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
		box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	}
	
	/* --------------- */

	#pricing-table ul {
		margin: 20px 0 0 0;
		color:#333;
		padding: 0;
		list-style: none;
		height:200px;

		overflow:hidden;
z-index:9;


		
	}
	#pricing-table li {
		border-top: 1px solid #ddd;
		padding: 10px 0;

		
	}
	
@media (max-width: 991px) {
	#pricing-table ul {
		margin: 0px 0 0 0;
		color:#333;
		padding: 0;
		list-style: none;
		height:200px;

		overflow:hidden;
}
#pricing-table li {
		border-top: 1px solid #ddd;
		padding: 2px 0;
		
	}
}
	
	/* --------------- */
		
	#pricing-table .signup {
		position: relative;
		padding: 8px 20px;
		margin: 20px 0 0 0;  
		color: #fff;
		font: bold 14px Arial, Helvetica;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;       
		background-color: #72ce3f;
		background-image: -moz-linear-gradient(#72ce3f, #62bc30);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));    
		background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
		background-image: -o-linear-gradient(#72ce3f, #62bc30);
		background-image: -ms-linear-gradient(#72ce3f, #62bc30);
		background-image: linear-gradient(#72ce3f, #62bc30);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;     
		text-shadow: 0 1px 0 rgba(0,0,0,.3);        
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
		box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
	}

	#pricing-table .signup:hover {
		background-color: #62bc30;
		background-image: -moz-linear-gradient(#62bc30, #72ce3f);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));      
		background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
		background-image: -o-linear-gradient(#62bc30, #72ce3f);
		background-image: -ms-linear-gradient(#62bc30, #72ce3f);
		background-image: linear-gradient(#62bc30, #72ce3f); 
	}

	#pricing-table .signup:active, #pricing-table .signup:focus {
		background: #62bc30;       
		top: 2px;
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
		box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
	}
	
	/* --------------- */

	.clear:before, .clear:after {
	  content:"";
	  display:table
	}

	.clear:after {
	  clear:both
	}

	.clear	{
	  zoom:1
	}
#mobvid {
display:none;
}
	.contain {
	position: absolute;
	height: 1234px;
	width: 65%;
	top: 12%;
	left: calc(3% );
	display: flex;
	
}
	.contain01 {
position: absolute;
  height: 20%;
  width: 65%;
  top: 37.5%;
  left: calc(3% );
  display: flex;
}
	.contain02 {
position: absolute;
  height: 20%;
  width: 65%;
  top: 63%;

  left: calc(3% );
  display: flex;
}
.contain03 {
position: absolute;
  height: 20%;
  width: 65%;
  top: 80%;
  left: calc(3% );
  display: flex;
}
.contain04 {
position: absolute;
  height: 20%;
  width: 65%;
  top: 100%;
  left: calc(3% );
  display: flex;
}

	  .titlo {
  color: white;
  width: 60%;

  position: absolute;
 left: calc(3% );
  top: 15px;
}
.tab2{
	display:none;
	}
.paddin {
	padding:50;
	}
@media (max-width: 991px) {
.paddin {
 padding:10;
	}
	  .contain {
		  width:99%;
		  padding:2%;
		  left:1%;
  }
  .contain01 {
		  width:99%;
		  padding:2%;
		  left:1%;
  }
  .contain02 {
		  width:99%;
		  padding:2%;
		  left:1%;
  }
  .contain03 {
		  width:99%;
  }
  #main-image {
  display:none;
  }

  #main-vid {
	  display:none;
	  
	  }
  .tab2 {
	   display: flex;
  height: 21%;
  width: 100%;

  backface-visibility:visible;

  border-radius: 10px;
 
/*   margin-left: -50px; */
  transition: 0.4s ease-out;
  transform-origin:bottom;
  position: relative;
  left: 0px;
	  }
  .titlo {

  width: 90%;

}
.mobvid {

  width: 80%;
  padding: 1rem;
  margin-top:0;
   
  		border-radius: 15px 15px 15px 15px; 
box-shadow: rgba(0, 0, 0, 10) 0px .5px 2px;
}
.mobpic {
	 width: 80%;
  padding: 1rem;
  cursor:pointer;
  margin-top:0;
   
  		border-radius: 15px 15px 15px 15px; 
box-shadow: rgba(0, 0, 0, 10) 0px .5px 2px;
	}
	.mobtit {
	display:none;
	
	}
	
  }
  
  

.card {
  display: flex;
  height: 21%;
  width: 23%;

  backface-visibility:visible;

  border-radius: 10px;
 
/*   margin-left: -50px; */
  transition: 0.4s ease-out;
  transform-origin:bottom;
  position: relative;
  left: 0px;
}

.card:not(:first-child) {
    margin-left: 15px;
}

.card:hover {
  transform: translateY(-10px);
  transition: 0.4s ease-out;
  display: flex;
   box-shadow: -.0rem .0rem .0rem .0rem #000;
  height: 22%;
  width: 24%;
}

.card:hover ~ .card {
  position: relative;
  left: 10px;
  transition: 0.4s ease-out;
}



.bar {
	

}

.emptybar {
  background-color: #000;
  width: 100%;
  height: 50%;
}

.filledbar {
  position: absolute;
  top: 0px;
  z-index: 3;
  width: 0px;
  height: 30%;
  background: rgb(0,154,217);
  background: linear-gradient(90deg, rgba(0,154,217,1) 0%, rgba(217,147,0,1) 65%, rgba(255,186,0,1) 100%);
  transition: 0.6s ease-out;
}

.card:hover .filledbar {
  width: 120px;
  transition: 0.4s ease-out;
}

.circle {
  position: absolute;
  top: 150px;
  left: calc(10% - 0px);
 
  

  }

.stroke {
  stroke: black;
  stroke-dasharray: 360;
  stroke-dashoffset: 360;
  transition: 0.6s ease-out;
}

svg {
  fill: #17141d;
  stroke-width: 8px;
}

.card:hover .stroke {
  stroke-dashoffset: 100;
  transition: 0.6s ease-out;
}
div.polaroid:hover  {
  width: 19%;
  background-color: white;
   Height:380px;
  margin-bottom: 5px;
  margin-left: 1%;
   margin-right: 1%;
  border-top :20px;
 box-shadow:
    1px 1px 0 1px #f9f9fb,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    20px 20px 20px 0 rgba(34, 33, 81, 0.25);

 
  transition:
    .4s ease-in-out transform,
    .4s ease-in-out box-shadow;

}
div.polaroid {
  width: 19%;
  Height:380px;
  box-shadow:
    1px 1px 1px 1px #f9f9fb,
    1px 1px 1px 1px rgba(34, 33, 81, 0.01),
    1px 1px 2px 1px rgba(34, 33, 81, 0.25);
	
  margin-bottom: 25px;

 margin-left: 1%;
   margin-right: 1%;;
  border-top :20px;
    transform:
    rotateX(0deg)
    rotateZ(0deg);
	  border-radius: 32px;
}
.wapi  {
  width: 35%;
  background: linear-gradient(0deg, rgba(245,245,245,.7) 0%, rgba(255,255,255,1) 100%);
padding-top:25px;
  margin-bottom: 5px;
  margin-left: 1%;
   margin-right: 1%;
  border-top :20px;
  border-radius:50px;		
  
 box-shadow:
    1px 1px 0 1px #f9f9fb,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    20px 20px 20px 0 rgba(34, 33, 81, 0.25);

 display:flex;
  transition:
    .4s ease-in-out transform,
    .4s ease-in-out box-shadow;
}

.market  {
  width: 20%;
  background: linear-gradient(0deg, rgba(245,245,245,.7) 0%, rgba(255,255,255,1) 100%);

  alignment-adjust:central;
padding:10px;
  margin-left: 2%;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-top :20px;
 position: relative;
  
  
 box-shadow:
    10px 0px 0px 0px rgba(255,255,255,1),
    10px 0px 0px 0px rgba(51,51,51,.1),
    0px 0px 10px 0px rgba(34, 33, 81, 0.25);
  transition:
    .4s ease-in-out transform,
    .4s ease-in-out box-shadow;
}
.market::after{
 background-image: linear-gradient(-135deg, #0C0 .5rem, transparent 0),
    linear-gradient(135deg,#0C0 .5rem, transparent 0);
  background-position: left-bottom;
  background-repeat: repeat-x;
  background-size: 1rem;
  content: '';
  display: block;
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 99%;
  height: 1rem;
transition: all 0.3s ease-in-out;  
}
.pan{
  
   
background-image: linear-gradient(0deg, rgba(255,255,204,1) 0%, rgba(255,255,255,1) 80%);


    color: #717171;
    font-size: 13px;
    height:auto;
    letter-spacing: 1px;
	border:1px solid #CCCCCC;
	alignment-adjust:baseline;
	width:105%;
    text-align: left;
    text-transform: uppercase;
    top: -175px;
	text-shadow:px px 10px #000;
Padding:0px;
    display:none;
    padding:0 20px;
        position:absolute;
			
}
.pan:after{
 background-image: linear-gradient(135deg, #FFC .5rem, #ccc  transparent 0),
    linear-gradient(135deg,#CCC .5rem, transparent 0);
  background-position: bottom;


  background-size: 1rem;

  content: '';
  display: block;
  position: absolute;
  alignment-adjust:central;
  bottom: rem;
  left: 0;
  width: 8%;
  height: 5rem;
transition: all 0.3s ease-in-out;  
 
}
@media (max-width: 991px) {
.pan {
	top: -275px;
	
	}

}
.market:hover span{

display:block;


}
div.cano {
	width:40%;

	vertical-align:central;
  text-align: center;
  padding: 20px 20px;
 
}
@media (max-width: 991px) {

div.cano {
	width:100%;
	
	vertical-align:central;
  text-align: center;
  padding: 20px 20px;
   transform:
    rotateX(45deg)
    rotateZ(25deg);
  transform-style: preserve-3d;
}
	
}

div.can {
	width:100%;
  text-align: center;
  word-break: keep-all;
  padding: 20px 20px;
  
}
div.f {
	top:0;
	width: 100%;
	
	
	
	display:flex;

	}
	.fworld {
	top:0;
	width: 95%;
	margin:3%;

	
	display:flex;

	}	
	
	.world {
		width:100%; 
		zoom:95%; 
		margin-top:0%; 
		float:right; 
		padding:10px; 
		margin-left:3%; 
		height:480px;  
		border:0px solid #0C0; 
		vertical-align:central;
		}
	.worlds {
		
		width:35%; 
		margin-top:0%; 
		float:left; 
		margin-right:2%; 
		margin-bottom:50px;
		
		}	
	@media (max-width: 991px) {
		.worlds {
			display:absolute;
			width:70%; 
			margin-left:15%;
						margin-right:15%;
			
			}
		.fworld {


			}
	}
div.sa {
	top:1px;
	width: 60%;
	
	alignment-adjust:middle;
	padding: 1px;
	
	
	
	display:flex;

	}
	div.s {
	top:0;
	 transform:
    rotateX(0deg)
    rotateZ(0deg);
  transform-style: preserve-3d;
	width: 97%;
	margin-left:2%;
	alignment-adjust:before-edge;
padding: 1rem;

   background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,1));
  		border-radius: 15px 15px 15px 15px; 


	display:flex;
 
	}
	.mgi {
		width:60%;
		height:60%;
		
	}
	.sft {
	top:0;
	 transform:
    rotateX(0deg)
    rotateZ(0deg);
  transform-style: preserve-3d;
	width: 96%;
	margin-left: 2%;
	margin-right:2%;
	alignment-adjust:central;
	padding: 0px;
	box-shadow: 0px 0px 0px 20px #0C0;
	 border-top-left-radius:50px;
	 border-top-right-radius:50px;
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
	display:flex;
 
	}
	.ft {
	top:0;
	 transform:
    rotateX(0deg)
    rotateZ(0deg);
  transform-style: preserve-3d;
	width: 100%;
	margin-left:0px;
	alignment-adjust:before-edge;
	padding: 0px;
		}
		.f2 {
	top:0;
	 transform:
    rotateX(0deg)
    rotateZ(0deg);
  transform-style: preserve-3d;
	width: 100%;
	height: 650px;
	background:linear-gradient(0deg, rgb(204,204,204,1) 10%,rgb(255,255,255,.8)  100%);"
	margin-left:0px;
	alignment-adjust:before-edge;
	padding: 0px;
	margin-bottom:10%;

		}
		@media (max-width: 991px) {
  .f2 {
 height: 1900px;
}
		}
		
		.ff2 {
	top:0;
	 transform:
    rotateX(0deg)
    rotateZ(0deg);
  transform-style: preserve-3d;
	width: 100%;
	height: 100%;
	background:#FFF;
	margin-left:0px;
	alignment-adjust:before-edge;
	padding: 0px;
	

		}
		
	#fm {
		top:0;
	
	}

  .hamb {
  display:none;

}

	@media (max-width: 991px) {
  
  .hamb {
  display:block;

}
}