@font-face {
	font-family: 'armalite';
	src: url('../../webfonts/armalite/armalite-webfont.eot');
	src: url('../../webfonts/armalite/armalite-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../webfonts/armalite/armalite-webfont.woff') format('woff'),
		url('../../webfonts/armalite/armalite-webfont.ttf') format('truetype'),
		url('../../webfonts/armalite/armalite-webfont.svg') format('svg');
}
 
 
html,body {
	
}

  

body {
	background: #222;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: white;
	overflow: hidden;
}

h1 {
	font-family: armalite;
	font-weight: 900;
	text-shadow: 3px 3px 7px #000;
}

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight:900;
}
h3{
	font-weight:400;
}
a {
    color: white;
    text-decoration: none;
}
a:hover, a:focus {
    color: white;
    opacity:0.6;
}
.Home-Main-Text{
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size:20px;
}


#video-wrapper{
	height:100%;
}
.bokeh{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:-1;
}

.bokeh-container {
	position: absolute;
	bottom: 0;
	opacity: 0;
}

.bokeh-item {
	width: 20px;
	height: 20px;
	margin: 0 auto;
	position:absolute;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 500%;
	-moz-border-radius: 500%;
	-ms-border-radius: 500%;
	-o-border-radius: 500%;
	border-radius: 500%;
}


.btn-default{
	background:none;
	border-radius:3px;
	border:2px solid white;
	color:white;
	text-transform:uppercase;
	-webkit-transition:all 0.5s ease 0s;
   -moz-transition:all 0.5s ease 0s;
     -o-transition:all 0.5s ease 0s;
        transition:all 0.5s ease 0s;
    
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #FFFFFF;
    color: #444444;
    border:2px solid white;
    opacity:1;
}

.divider {
    display: block;
    margin: 28px 0;
    position: relative;
    text-align: center;
}
.divider h2, .divider i{
	display:inline-block;
}
.divider i{
	font-size:30px;
}
.divider:before, .divider:after {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 1px;
    max-width: 400px;
    position: absolute;
    top: 35px;
    width: 45%;
}
.divider:before {
    left: 0;
}
.divider:after {
    right: 0;
}
.Clear-All {
	clear:both;
}

/* Side Menu */


#sidebar-wrapper {
	margin-right: -250px;
	right: 0;
	width: 250px;
	opacity:0.8;
	background:#2D3538;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	overflow-x:hidden;
	z-index: 998;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.bt-menu-trigger {
	opacity:0.8;
    cursor: pointer;
    display: block;
    height: 50px;
    right: 20px;
    position: fixed;
    top: 15px;
    width: 40px;
    z-index:999;
}
.bt-menu-trigger span {
    -moz-user-select: none;
    background-color: #FFFFFF;
    display: block;
    font-size: 0;
    height: 4px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transition: background-color 0.3s ease 0s;
    width: 100%;
}
.bt-menu-open .bt-menu-trigger span {
    background-color: rgba(0, 0, 0, 0);
}
.bt-menu-trigger span:before, .bt-menu-trigger span:after {
    background: none repeat scroll 0 0 #FFFFFF;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transition:transform 0.3s ease 0s;
   -moz-transition:transform 0.3s ease 0s;
     -o-transition:transform 0.3s ease 0s;
        transition:transform 0.3s ease 0s;
    width: 100%;
}
.bt-menu-trigger span:before{
-webkit-transform:translateY(-250%);
   -moz-transform:translateY(-250%);
    -ms-transform:translateY(-250%);
     -o-transform:translateY(-250%);
        transform:translateY(-250%);
}
.bt-menu-trigger span:after{
-webkit-transform:translateY(250%);
   -moz-transform:translateY(250%);
    -ms-transform:translateY(250%);
     -o-transform:translateY(250%);
        transform:translateY(250%);
}
.bt-menu-open .bt-menu-trigger span:before{
-webkit-transform:translateY(0px) rotate(45deg);
   -moz-transform:translateY(0px) rotate(45deg);
    -ms-transform:translateY(0px) rotate(45deg);
     -o-transform:translateY(0px) rotate(45deg);
        transform:translateY(0px) rotate(45deg);
}
.bt-menu-open .bt-menu-trigger span:after{
-webkit-transform:translateY(0px) rotate(-45deg);
   -moz-transform:translateY(0px) rotate(-45deg);
    -ms-transform:translateY(0px) rotate(-45deg);
     -o-transform:translateY(0px) rotate(-45deg);
        transform:translateY(0px) rotate(-45deg);
}

.sidebar-nav {
	opacity:0.8;
  position: absolute;
  top: 0;
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
    text-indent: 10px;
    opacity:0;
    position:relative;
    left:100px;
}
 .active .sidebar-nav li a {
    opacity:1;
    left:0px;
 
}
.active .sidebar-nav li:nth-child(2) a{
	
 	-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s  ease-out;
-o-transition:all 0.3s  ease-out;
transition:all 0.3s  ease-out;
 }
 .active .sidebar-nav li:nth-child(3) a{
 	-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
 }
 .active .sidebar-nav li:nth-child(4) a{
 	-webkit-transition:all 0.9s ease-out;
-moz-transition:all 0.9s ease-out;
-o-transition:all 0.9s ease-out;
transition:all 0.9s ease-out;
 }
.sidebar-nav li a .fa{
	padding-right:10px;
}
.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 55px;
  line-height: 55px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.toggle {
  margin: 5px 5px 0 0;
}

.btn-style {
	border:3px solid white;
	border-radius:0px;
	color:white;
	
}
.btn-style:hover {
	opacity:0.5;
	
}


#head{
	padding-top:75px;
}
#head h1 {
	font-size: 80px;
	line-height: 80px;
	font-weight: bold;
	margin: 0 0 32px;
	text-align: center;
	text-transform: uppercase;
    
}
#head h3 {
	font-weight:300;
}
#head hr {
    border-top: 1px solid white;
	width:40px;
}
#modal{
	opacity:0.8;
	z-index:999;
	width:100%;
	background:#2D3538;
	color:#848D90;
    display:none;
    padding-top:15px;
    padding-bottom:50px;
}
#modal h2{
	text-transform: uppercase;
	color:white;
}
.bt-modal-close {
    cursor: pointer;
    display: block;
    height: 50px;
    right: 20px;
    position: fixed;
    top: 15px;
    width: 40px;
    z-index:1000;
}
.bt-modal-close span {
    -moz-user-select: none;
    background-color: #FFFFFF;
    display: block;
    font-size: 0;
    height: 4px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    -webkit-transition:background-color 0.3s ease 0s;
   -moz-transition:background-color 0.3s ease 0s;
     -o-transition:background-color 0.3s ease 0s;
        transition:background-color 0.3s ease 0s;
    width: 100%;
}
.bt-modal-close span {
    background-color: rgba(0, 0, 0, 0);
}
.bt-modal-close span:before, .bt-modal-close span:after {
    background: none repeat scroll 0 0 #FFFFFF;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transition:transform 0.3s ease 0s;
   -moz-transition:transform 0.3s ease 0s;
     -o-transition:transform 0.3s ease 0s;
        transition:transform 0.3s ease 0s;
    width: 100%;
}

.bt-modal-close span:before{
-webkit-transform:translateY(0px) rotate(45deg);
   -moz-transform:translateY(0px) rotate(45deg);
    -ms-transform:translateY(0px) rotate(45deg);
     -o-transform:translateY(0px) rotate(45deg);
        transform:translateY(0px) rotate(45deg);
}
.bt-modal-close span:after{
-webkit-transform:translateY(0px) rotate(-45deg);
   -moz-transform:translateY(0px) rotate(-45deg);
    -ms-transform:translateY(0px) rotate(-45deg);
     -o-transform:translateY(0px) rotate(-45deg);
        transform:translateY(0px) rotate(-45deg);
}
#modal #modal-newsletter{
	padding:25px;
}
#modal #modal-newsletter .form-inline {
    position: relative;
}
#modal #modal-newsletter .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
}
#modal #modal-newsletter .form-group input {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    color: #FFFFFF;
    height: 50px;
}

#modal #modal-newsletter .btn-submit {
	background: none;
	border-radius: 0;
	color: #FFFFFF;
	height: 50px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	-ms-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
}

#modal #modal-newsletter .btn-submit:hover {
	opacity:0.6;
}



footer {
	padding-top: 50px;
}
footer .social-icons a{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 3px;
  text-align: center;
  width:30px;
  height:30px;
  display:inline-block;
	-webkit-transition:all 0.5s ease 0s;
   -moz-transition:all 0.5s ease 0s;
     -o-transition:all 0.5s ease 0s;
        transition:all 0.5s ease 0s;
  }

footer .social-icons .fa {
	margin-top: 8px;
	font-size: 15px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}



footer .social-icons a.facebook {
    background-color: #5168B9;
}
footer .social-icons a.twitter {
    background-color: #6EC3F5;
}

footer .social-icons a.google-plus {
    background-color: #F65E4F;
}

footer .social-icons a.rss {
    background-color: #FF893B;
}

footer .social-icons a.dribbble {
    background-color: #EB4E8B;
}

footer .social-icons a.flickr {
    background-color: #0063db;
}

footer .social-icons a.github {
	background-color: #4183c4;
}

footer .social-icons a.instagram{
	background-color: #3f729b;
}
footer .social-icons a.linkedin{
	background-color: #007fb1;
}
footer .social-icons a.pinterest{
	background-color: #cb2027;
}
footer .social-icons a.dropbox{
	background-color: #3d9ae8;
}
footer .social-icons a.stumbleupon{
	background-color: #eb4924;
}
footer .social-icons a.tumblr {
	background-color: #2c4762;
}

footer .social-icons a.vimeo {
	background-color: #44bbff;
}
footer .social-icons a.youtube {
	background-color: #cd332d;
}
footer .social-icons a.skype{
	background-color:#00aff0;
}
footer .social-icons a.xing{
	background-color:#126567;
}


footer .social-icons a:hover {
	background:white;
	color:#444;
	opacity:1;
		-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
footer .social-icons a:hover .fa{
	-webkit-transform:scale(1.8);
   -moz-transform:scale(1.8);
    -ms-transform:scale(1.8);
     -o-transform:scale(1.8);
        transform:scale(1.8);
}
footer .copy {
	padding-top: 25px;
	font-weight:bold;
}
a.copy2:link {color: #ff0000;}
a.copy2:active {color: #ff0000;}
a.copy2:visited {color: #ff0000;}
a.copy2:hover {color: #ff0000;}

/*
 * SLIDER
 */
#slides {
    left: 0;
    position: fixed !important;
    top: 0;
    z-index: -3;
    overflow:hidden;

    
}

#slides .slides-container {
    display: none;

}

.br-on-mobile {
    display: none;
}

/*
 * media queries
 */

@media only screen and (max-width: 1210px) {
	.divider:before, .divider:after {
		max-width:300px;
	}
}
@media only screen and (max-width: 1010px) {
	.divider:before, .divider:after {
		max-width:200px;
	}
}
@media only screen and (max-width: 780px) {
	.divider:before, .divider:after {
		max-width:100px;
	}
	.navbar-inverse{
				background-color: rgb(0, 0, 0);
    /* RGBa with 0.3 opacity */
    background-color: rgba(0, 0, 0, 1);
	}
}

@media only screen and (max-width: 690px) {
	#head h1 {
		font-size: 60px;
		line-height: 60px;
	}

}
@media only screen and (max-width: 510px) {
		#head h1 {
		font-size: 40px;
		line-height: 40px;
	}
	#head h3 {
		font-size: 18px;
	}
	.countdown{
		font-size:60px;
		line-height:60px;
	}
	footer .social-icons .fa {
		font-size: 20px;
	}
	.br-on-mobile {
        display: inherit;
	}
	
	.divider:before, .divider:after {
		max-width:50px;
	}
	.divider h2, .divider i{
		font-size:25px;
	}
}

@media only screen and (max-width: 340px) {
		#head h1 {
		font-size: 25px;
		line-height: 25px;
	}
	.divider:before, .divider:after {
		max-width:30px;
	}
	.Alpha_Box2 {
		margin-top:450px;
}
	.br-on-mobile {
        display: inherit;
	}
}

@media only screen and (max-width: 413px) {
	#head h1 {
		font-size: 23px;
		line-height: 23px;
	}
	#head h2 {
		font-size: 18px;
		line-height: 18px;
	}
	.Alpha_Box2 {
		width: 75%  !important;
		margin-top: 20px;
		margin-left: 20px   !important;
		margin-right: 0px;
}
	.Alpha_Box {
		width: 75%  !important;
		margin-top:20px;
		margin-left: 20px;
		margin-right: 20px;
}
footer .copy {
	padding-top: 25px;
	font-weight:bold;
	font-size: 14px;
	width: 320px;
	margin-left: 30px;
}
	.br-on-mobile {
        display: inherit;
	}
}

@media only screen and (max-width: 300px) {

	.divider:before, .divider:after {
		max-width:0px;
	}
		.divider h2, .divider i{
		font-size:20px;
	}
	.br-on-mobile {
        display: inherit;
	}
}


/*
 * preloader
 * 
 */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:white;
	color:#222;
	z-index: 9999;
}
#preloader #spinner_container {
	  width:193px;
	  margin:250px auto;
	  text-align:center;
}

/* Alpha Box Container */
.Alpha_Box {
	background-color: rgba(0,0,0,0.5);
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 20px;
	border: 4px solid #fff;
}
.Alpha_Box2 {
	background-color:rgba(0,0,0,0.5);
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 20px;
	border: 4px solid #fff;
}


.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	font: b;
}

.text-center{text-align:center}
.row{
	width: 98%;
	margin-top: -55px;
}

.vid-wrap {
    border: solid 1px white;
    width: 100%; /* Play with this value */
    height: auto;  /* Play with this value */
    font-size: 0;
    text-align: center;
}

.vid-wrap:before {
    content: "";
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px;
}

.vid-wrap video {
    max-width: 100%;
    max-height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* YouTube iframe */

.youtube2 {
    position: fixed;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    overflow: hidden;
}
.youtube2 video {
    width: 480px !important; height: auto!important;
}
/* Social tables */
.social-table {
  margin-bottom: 50px;
}
.social-table > li {
  display: inline-block;
  width: 240px;
  margin: 5px;
  background-color: rgba(95,215,195,0.5);
  vertical-align: top;
}
.social-title {
  font-size: 20px;
  font-weight: 300;
  line-height: 70px;
  min-height: 70px;
  color: #fff;
  background: transparent;
}
.social-price {
  background-color: transparent;
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,0.5);
}
.social-description {
  min-height: 220px;
  padding: 30px 10px;
  font-size: 16px;
  background-color: rgba(255,255,255,0.8);
}
.social-description li {
  margin-bottom: 10px;
}
.social-image {
  width:100%;
  height:auto;
}

/* Circle Menu(cm) Container */
.cm-container {
  width: 960px;
  margin: 0 auto;
}

/* Large Circle */
.cm-large-circle {
  position: relative;
  margin: 215px auto;
  width: 350px;
  height: 350px;
  background: rgba(0, 0, 0, .6);
  border: 8px solid rgb(255, 255, 255);
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
	border-radius: 500px;
  -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 13px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 13px rgba(0,0,0,.1);
  -o-box-shadow: 0 0 13px rgba(0,0,0,.1);
	box-shadow: 0 0 13px rgba(0,0,0,.1);
}


/* Dashed Inner Border */
.cm-large-circle:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  border: 1px dashed white;
  width: 340px;
  height: 340px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

/* 11 Small Circles */
ul.cm-small-circle {
  list-style: none;
}

ul.cm-small-circle li {
  position: absolute;
  width: 275px;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  border: 3px solid rgb(255, 255, 255);
  text-align: center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
	border-radius: 500px;
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
	 box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
	transition: all 500ms;
}

/* Logo */
ul.cm-small-circle li.logo{
	position: absolute;
	text-align: center;
	top: -4px;
	left: -4px;
	padding: 52px 50px 54px 50px;
	font-size: 25px;
	color: #fff;
	z-index: 599;
	text-shadow: 0 1px 0 rgb(100, 100, 100);
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease-out;
	background-image: url(../../images/Costa_Rica3.png);
	width: 250px;
	background-repeat: no-repeat;
	background-position: -5px -5px;
	height: 250px;	
}


/* Hide The Logo, When Each Menu Link Is Hovered */
ul.cm-small-circle li:hover ~ li.logo{
  opacity: 0;
}

ul.cm-small-circle li.logo:hover{
	background-image: url(../../images/logo_menu-375.jpg);
	background-position: -12px -11px;
	background-repeat: no-repeat;
	border: 3px solid rgba(0, 0, 0, 0.6);
}



ul.cm-small-circle li:hover{
  background: rgb(255, 255, 255);
  border: 3px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li.one{
	line-height: 50px;
}


/* Icon */
ul.cm-small-circle li a{
	text-decoration: none;
	color: gainsboro;
	line-height: 25px;
	padding: 0px 10px;
	font-size: 25px;
	text-align: center;
	font-family: armalite;
}


ul.cm-small-circle li:hover a{
  color: rgb(80,80,80);
}

/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
  position: relative;
  opacity: 0;
  width: 340px;
  height: 340px;
  padding: 30px 0;
  text-align: center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
	border-radius: 500px;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

ul.cm-small-circle .cm-description h2{
	font-size: 35px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: armalite;
}
.color2 {
	font-size: 35px;
	color: #009F00;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: armalite;
}

ul.cm-small-circle .cm-description p{
  color: rgb(220, 220, 220);
  font-size: 16px;
  padding: 0 50px;
}

/* Overall Styles For Arrow */
ul.cm-small-circle li div.arrow { 
  position: absolute;
  top: 33px;
  width: 0;
  height: 0;
  z-index: -1;
  opacity: 0;
  border-left: 65px solid rgb(255, 255, 255);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  transition: all 800ms;
  -webkit-transition: all 800ms;
  -moz-transition: all 800ms;
  -ms-transition: all 800ms;
  -o-transition: all 800ms;
}


/* 1ST MENU LINK ARENAL FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(1){ 
  top: -122px;
  left: 33px;
}

ul.cm-small-circle li:nth-child(1) div.arrow { 
  -webkit-transform: rotate(90deg) translate(7px, -107px);
  -moz-transform: rotate(90deg) translate(7px, -107px);
  -ms-transform: rotate(90deg) translate(7px, -107px);
  -o-transform: rotate(90deg) translate(7px, -107px);
	transform: rotate(90deg) translate(7px, -107px);
}

ul.cm-small-circle li:nth-child(1):hover div.arrow { 
  -webkit-transform: rotate(90deg) translate(17px, -107px);
  -moz-transform: rotate(90deg) translate(17px, -107px);
  -ms-transform: rotate(90deg) translate(17px, -107px);
  -o-transform: rotate(90deg) translate(17px, -107px);
	transform: rotate(90deg) translate(17px, -107px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(1) .cm-description {
  top: 71px;
  left: -34px;
}

ul.cm-small-circle li:nth-child(1):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/ARENAL.png);
}

/* 2ST MENU LINK CORCOVADO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(2){ 
  top: -55px;
  left: 337px;
}

ul.cm-small-circle li:nth-child(2) div.arrow { 
  -webkit-transform: rotate(135deg) translate(18px, 25px);
  -moz-transform: rotate(135deg) translate(18px, 25px);
  -ms-transform: rotate(135deg) translate(18px, 25px);
  -o-transform: rotate(135deg) translate(18px, 25px);
	transform: rotate(135deg) translate(18px, 25px);
}

ul.cm-small-circle li:nth-child(2):hover div.arrow { 
  -webkit-transform: rotate(135deg) translate(28px, 25px);
  -moz-transform: rotate(135deg) translate(28px, 25px);
  -ms-transform: rotate(135deg) translate(28px, 25px);
  -o-transform: rotate(135deg) translate(28px, 25px);
	transform: rotate(135deg) translate(28px, 25px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(2) .cm-description {
  left: -338px;
  top: 5px;
}

ul.cm-small-circle li:nth-child(2):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/CORCOVADO.png);
}

/* 3RD MENU LINK DOMINICAL-UVITA FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(3){ 
  top: 14px;
  left: 378px;
}

ul.cm-small-circle li:nth-child(3) div.arrow { 
  -webkit-transform: rotate(145deg) translate(15px, 24px);
  -moz-transform: rotate(145deg) translate(15px, 24px);
  -ms-transform: rotate(145deg) translate(15px, 24px);
  -o-transform: rotate(145deg) translate(15px, 24px);
	transform: rotate(145deg) translate(15px, 24px);
}

ul.cm-small-circle li:nth-child(3):hover div.arrow { 
  -webkit-transform: rotate(145deg) translate(25px, 24px);
  -moz-transform: rotate(145deg) translate(25px, 24px);
  -ms-transform: rotate(145deg) translate(25px, 24px);
  -o-transform: rotate(145deg) translate(25px, 24px);
	transform: rotate(145deg) translate(25px, 24px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(3) .cm-description {
  left: -379px;
  top: -66px;
}

ul.cm-small-circle li:nth-child(3):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/DOMINICAL.png);
}

/* 4TH MENU LINK JACO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(4){ 
  top: 81px;
  left: 408px;
}

ul.cm-small-circle li:nth-child(4) div.arrow { 
  -webkit-transform: rotate(163deg) translate(24px, 23px);
  -moz-transform: rotate(163deg) translate(24px, 23px);
  -ms-transform: rotate(163deg) translate(24px, 23px);
  -o-transform: rotate(163deg) translate(24px, 23px);
	transform: rotate(163deg) translate(24px, 23px);
}

ul.cm-small-circle li:nth-child(4):hover div.arrow { 
  -webkit-transform: rotate(163deg) translate(34px, 23px);
  -moz-transform: rotate(163deg) translate(34px, 23px);
  -ms-transform: rotate(163deg) translate(34px, 23px);
  -o-transform: rotate(163deg) translate(34px, 23px);
	 transform: rotate(163deg) translate(34px, 23px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(4) .cm-description {
  left: -410px;
  top: -132px;
}

ul.cm-small-circle li:nth-child(4):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/JACO.png);
}


/* 5TH MENU LINK MANUEL-ANTONIO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(5){ 
  top: 146px;
  left: 427px;
}

ul.cm-small-circle li:nth-child(5) div.arrow { 
  -webkit-transform: rotate(180deg) translate(42px, 18px);
  -moz-transform: rotate(180deg) translate(42px, 18px);
  -ms-transform: rotate(180deg) translate(42px, 18px);
  -o-transform: rotate(180deg) translate(42px, 18px);
	transform: rotate(180deg) translate(42px, 18px);
}

ul.cm-small-circle li:nth-child(5):hover div.arrow { 
  -webkit-transform: rotate(180deg) translate(52px, 18px);
  -moz-transform: rotate(180deg) translate(52px, 18px);
  -ms-transform: rotate(180deg) translate(52px, 18px);
  -o-transform: rotate(180deg) translate(52px, 18px);
	transform: rotate(180deg) translate(52px, 18px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(5) .cm-description {
  left: -430px;
  top: -198px;
}

ul.cm-small-circle li:nth-child(5):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/MANUEL-ANTONIO.png);
}

/* 6TH MENU LINK MONTEVERDE FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(6){ 
  top: 216px;
  left: 407px;
}

ul.cm-small-circle li:nth-child(6) div.arrow { 
  -webkit-transform: rotate(190deg) translate(35px, 19px);
  -moz-transform: rotate(190deg) translate(35px, 19px);
  -ms-transform: rotate(190deg) translate(35px, 19px);
  -o-transform: rotate(190deg) translate(35px, 19px);
	transform: rotate(190deg) translate(35px, 19px);
}

ul.cm-small-circle li:nth-child(6):hover div.arrow { 
  -webkit-transform: rotate(190deg) translate(45px, 19px);
  -moz-transform: rotate(190deg) translate(45px, 19px);
  -ms-transform: rotate(190deg) translate(45px, 19px);
  -o-transform: rotate(190deg) translate(45px, 19px);
	transform: rotate(190deg) translate(45px, 19px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(6) .cm-description {
  top: -267px;
  left: -408px;
}

ul.cm-small-circle li:nth-child(6):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/MONTEVERDE.png);
}

/* 7TH MENU LINK NICOYA FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(7){ 
  top: 284px;
  left: 377px;
}

ul.cm-small-circle li:nth-child(7) div.arrow { 
  -webkit-transform: rotate(210deg) translate(35px, 10px);
  -moz-transform: rotate(210deg) translate(35px, 10px);
  -ms-transform: rotate(210deg) translate(35px, 10px);
  -o-transform: rotate(210deg) translate(35px, 10px);
	transform: rotate(210deg) translate(35px, 10px);
}

ul.cm-small-circle li:nth-child(7):hover div.arrow { 
  -webkit-transform: rotate(210deg) translate(45px, 10px);
  -moz-transform: rotate(210deg) translate(45px, 10px);
  -ms-transform: rotate(210deg) translate(45px, 10px);
  -o-transform: rotate(210deg) translate(45px, 10px);
	transform: rotate(210deg) translate(45px, 10px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(7) .cm-description {
  top: -336px;
  left: -379px;
}

ul.cm-small-circle li:nth-child(7):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/NICOYA.png);
}

/* 8TH MENU LINK PAPAGAYO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(8){ 
  top: 352px;
  left: 333px;
}

ul.cm-small-circle li:nth-child(8) div.arrow { 
  -webkit-transform: rotate(225deg) translate(47px, 13px);
  -moz-transform: rotate(225deg) translate(47px, 13px);
  -ms-transform: rotate(225deg) translate(47px, 13px);
  -o-transform: rotate(225deg) translate(47px, 13px);
	transform: rotate(225deg) translate(47px, 13px);
}

ul.cm-small-circle li:nth-child(8):hover div.arrow { 
  -webkit-transform: rotate(225deg) translate(57px, 13px);
  -moz-transform: rotate(225deg) translate(57px, 13px);
  -ms-transform: rotate(225deg) translate(57px, 13px);
  -o-transform: rotate(225deg) translate(57px, 13px);
	transform: rotate(225deg) translate(57px, 13px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(8) .cm-description {
  left: -335px;
  top: -403px;
}

ul.cm-small-circle li:nth-child(8):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/PAPAGAYO.png);
}

/* 9TH MENU LINK PUERTO-VIEJO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(9){ 
  top: 351px;
  left: -263px;
}

ul.cm-small-circle li:nth-child(9) div.arrow { 
  -webkit-transform: rotate(310deg) translate(182px, 150px);
  -moz-transform: rotate(310deg) translate(182px, 150px);
  -ms-transform: rotate(310deg) translate(182px, 150px);
  -o-transform: rotate(310deg) translate(182px, 150px);
	transform: rotate(310deg) translate(182px, 150px);
}

ul.cm-small-circle li:nth-child(9):hover div.arrow { 
  -webkit-transform: rotate(330deg) translate(192px, 150px);
  -moz-transform: rotate(310deg) translate(192px, 150px);
  -ms-transform: rotate(310deg) translate(192px, 150px);
  -o-transform: rotate(310deg) translate(192px, 150px);
	transform: rotate(310deg) translate(192px, 150px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(9) .cm-description {
  left: 262px;
  top: -402px;
}

ul.cm-small-circle li:nth-child(9):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/PUERTO-VIEJO.png);
}

/* 10TH MENU LINK RIO CELESTE FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(10){ 
  top: 283px;
  left: -303px;
}

ul.cm-small-circle li:nth-child(10) div.arrow { 
  -webkit-transform: rotate(325deg) translate(205px, 110px);
  -moz-transform: rotate(325deg) translate(205px, 110px);
  -ms-transform: rotate(325deg) translate(205px, 110px);
  -o-transform: rotate(325deg) translate(205px, 110px);
	transform: rotate(325deg) translate(205px, 110px);
}

ul.cm-small-circle li:nth-child(10):hover div.arrow { 
  -webkit-transform: rotate(325deg) translate(215px, 110px);
  -moz-transform: rotate(325deg) translate(215px, 110px);
  -ms-transform: rotate(325deg) translate(215px, 110px);
  -o-transform: rotate(325deg) translate(215px, 110px);
	transform: rotate(325deg) translate(215px, 110px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(10) .cm-description {
  left: 302px;
  top: -334px;
}

ul.cm-small-circle li:nth-child(10):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/RIO-CELESTE.png);
}

/* 11TH MENU LINK SAMARA FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(11){ 
  top: 216px;
  left: -335px;
}

ul.cm-small-circle li:nth-child(11) div.arrow { 
  -webkit-transform: rotate(335deg) translate(223px, 80px);
  -moz-transform: rotate(335deg) translate(223px, 80px);
  -ms-transform: rotate(335deg) translate(223px, 80px);
  -o-transform: rotate(335deg) translate(223px, 80px);
	transform: rotate(335deg) translate(223px, 80px);
}

ul.cm-small-circle li:nth-child(11):hover div.arrow { 
  -webkit-transform: rotate(335deg) translate(233px, 80px);
  -moz-transform: rotate(335deg) translate(233px, 80px);
  -ms-transform: rotate(335deg) translate(233px, 80px);
  -o-transform: rotate(335deg) translate(233px, 80px);
	transform: rotate(335deg) translate(233px, 80px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(11) .cm-description {
  left: 337px;
  top: -264px;
}

ul.cm-small-circle li:nth-child(11):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/SAMARA.png);
}

/* 12TH MENU LINK SAN-JOSE FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(12){ 
  top: 147px;
  left: -354px;
}

ul.cm-small-circle li:nth-child(12) div.arrow { 
  -webkit-transform: rotate(360deg) translate(243px, -20px);
  -moz-transform: rotate(360deg) translate(243px, -20px);
  -ms-transform: rotate(360deg) translate(243px, -20px);
  -o-transform: rotate(360deg) translate(243px, -20px);
	transform: rotate(360deg) translate(243px, -20px);
}

ul.cm-small-circle li:nth-child(12):hover div.arrow { 
  -webkit-transform: rotate(360deg) translate(253px, -20px);
  -moz-transform: rotate(360deg) translate(253px, -20px);
  -ms-transform: rotate(360deg) translate(253px, -20px);
  -o-transform: rotate(360deg) translate(253px, -20px);
	transform: rotate(360deg) translate(253px, -20px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(12) .cm-description {
  left: 354px;
  top: -198px;
}

ul.cm-small-circle li:nth-child(12):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/SAN-JOSE.png);
}

/* 13TH MENU LINK shore_excursions FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(13){ 
  top: 80px;
  left: -336px;
}

ul.cm-small-circle li:nth-child(13) div.arrow { 
  -webkit-transform: rotate(7deg) translate(231px, -49px);
  -moz-transform: rotate(7deg) translate(231px, -49px);
  -ms-transform: rotate(7deg) translate(231px, -49px);
  -o-transform: rotate(7deg) translate(231px, -49px);
	transform: rotate(7deg) translate(231px, -49px);
}

ul.cm-small-circle li:nth-child(13):hover div.arrow { 
  -webkit-transform: rotate(7deg) translate(241px, -49px);
  -moz-transform: rotate(7deg) translate(241px, -49px);
  -ms-transform: rotate(7deg) translate(241px, -49px);
  -o-transform: rotate(7deg) translate(241px, -49px);
	transform: rotate(7deg) translate(241px, -49px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(13) .cm-description {
  left: 334px;
  top: -131px;
}

ul.cm-small-circle li:nth-child(13):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/shore_excursions.png);
}

/* 14TH MENU LINK TAMARINDO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(14){ 
  top: 13px;
  left: -304px;
}

ul.cm-small-circle li:nth-child(14) div.arrow { 
  -webkit-transform: rotate(25deg) translate(205px, -115px);
  -moz-transform: rotate(25deg) translate(205px, -115px);
  -ms-transform: rotate(25deg) translate(205px, -115px);
  -o-transform: rotate(25deg) translate(205px, -115px);
	transform: rotate(25deg) translate(205px, -115px);
}

ul.cm-small-circle li:nth-child(14):hover div.arrow { 
  -webkit-transform: rotate(25deg) translate(215px, -115px);
  -moz-transform: rotate(25deg) translate(215px, -115px);
  -ms-transform: rotate(25deg) translate(215px, -115px);
  -o-transform: rotate(25deg) translate(215px, -115px);
	transform: rotate(25deg) translate(215px, -115px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(14) .cm-description {
  left: 303px;
  top: -65px;
}

ul.cm-small-circle li:nth-child(14):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/TAMARINDO.png);
}

/* 15TH MENU LINK TORTUGUERO FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(15){ 
  top: -55px;
  left: -264px;
}

ul.cm-small-circle li:nth-child(15) div.arrow { 
  -webkit-transform: rotate(45deg) translate(167px, -172px);
  -moz-transform: rotate(45deg) translate(167px, -172px);
  -ms-transform: rotate(45deg) translate(167px, -172px);
  -o-transform: rotate(45deg) translate(167px, -172px);
	transform: rotate(45deg) translate(167px, -172px);
}

ul.cm-small-circle li:nth-child(15):hover div.arrow { 
  -webkit-transform: rotate(45deg) translate(177px, -172px);
  -moz-transform: rotate(45deg) translate(177px, -172px);
  -ms-transform: rotate(45deg) translate(177px, -172px);
  -o-transform: rotate(45deg) translate(177px, -172px);
	transform: rotate(45deg) translate(177px, -172px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(15) .cm-description {
  left: 263px;
  top: 4px;
}

ul.cm-small-circle li:nth-child(15):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/TORTUGUERO.png);
}

/* 16TH MENU LINK TRANSPORTATION FULL SCREEN + TABLET ==================== */
ul.cm-small-circle li:nth-child(16){ 
  top: 418px;
  left: 33px;;
}

ul.cm-small-circle li:nth-child(16) div.arrow { 
  -webkit-transform: rotate(-90deg) translate(44px, 108px);
  -moz-transform: rotate(-90deg) translate(44px, 108px);
  -ms-transform: rotate(-90deg) translate(44px, 108px);
  -o-transform: rotate(-90deg) translate(44px, 108px);
	transform: rotate(-90deg) translate(44px, 108px);
}

ul.cm-small-circle li:nth-child(16):hover div.arrow { 
  -webkit-transform: rotate(-90deg) translate(54px, 108px);
  -moz-transform: rotate(-90deg) translate(54px, 108px);
  -ms-transform: rotate(-90deg) translate(54px, 108px);
  -o-transform: rotate(-90deg) translate(54px, 108px);
	transform: rotate(-90deg) translate(54px, 108px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(16) .cm-description {
  top: -468px;
  left: -34px;
}

ul.cm-small-circle li:nth-child(16):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/Transportation.png);
}



/* Media - Responsive Settings ========================= */

/* Large desktop */
@media (min-width: 1200px) { 
  
}
 
/* Tablet (e.g. Apple iPad 2-3rd, mini) */
@media (min-width: 769px) and (max-width: 979px) {
  .cm-container {
    width: 769px;
  }
}
 
/* High-end Windows Phone Width 768 */
@media (max-width: 768px) { 
  .cm-container {
    width: 768px;
  }

/* Large Circle */
.cm-large-circle {
  position: relative;
  margin: 215px auto;
  width: 285px;
  height: 285px;
  background: rgba(0, 0, 0, .6);
  border: 1px solid rgb(255, 255, 255);
}

/* Dashed Inner Border */
.cm-large-circle:before {
  left: 4px;
  top: 4px;
  border: 1px dashed white;
  width: 275px;
  height: 275px;
}

/* 11 Small Circles */
ul.cm-small-circle {
  list-style: none;
}

ul.cm-small-circle li {
  width: 175px;
  height: 40px;
  
  border: 3px solid rgb(255, 255, 255);
}

/* Logo */
ul.cm-small-circle li.logo{
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	padding: 52px 50px 54px 50px;
	font-size: 20px;
	color: #fff;
	z-index: 599;
	text-shadow: 0 1px 0 rgb(100, 100, 100);
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	background-image: url(../../images/Costa_Rica2-290.png);
	width: 180px;
	background-repeat: no-repeat;
	background-position: -5px -5px;
	height: 175px;
}

ul.cm-small-circle li.logo:hover{
	background-image: url(../../images/logo_menu-290.jpg);
	background-position: -5px -6px;
	border: 3px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li:hover{
  background: rgb(255, 255, 255);
  border: 3px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li.one{
	line-height: 30px;
}

/* Icon */
ul.cm-small-circle li a{
	line-height: 5px;
	padding: 0px 10px;
	font-size: 14px;
}


ul.cm-small-circle li:hover a{
  color: rgb(80,80,80);
}

/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
  width: 278px;
  height: 278px;
  padding: 15px 0;
}

ul.cm-small-circle .cm-description h2{
	font-size: 22px;
}

ul.cm-small-circle .cm-description p{
  font-size: 12px;
  padding: 0 25px;
}

/* Overall Styles For Arrow */
ul.cm-small-circle li div.arrow { 
  border-left: 40px solid rgb(255, 255, 255);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


/* 1ST MENU LINK ARENAL High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(1){ 
  top: -95px;
  left: 60px;
}

ul.cm-small-circle li:nth-child(1) div.arrow { 
  -webkit-transform: rotate(90deg) translate(6px, -60px);
  -moz-transform: rotate(90deg) translate(6px, -60px);
  -ms-transform: rotate(90deg) translate(6px, -60px);
  -o-transform: rotate(90deg) translate(6px, -60px);
	transform: rotate(90deg) translate(6px, -60px);
}

ul.cm-small-circle li:nth-child(1):hover div.arrow { 
  -webkit-transform: rotate(90deg) translate(16px, -60px);
  -moz-transform: rotate(90deg) translate(16px, -60px);
  -ms-transform: rotate(90deg) translate(16px, -60px);
  -o-transform: rotate(90deg) translate(16px, -60px);
	transform: rotate(90deg) translate(16px, -60px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(1) .cm-description {
  top: 55px;
  left: -62px;
}

ul.cm-small-circle li:nth-child(1):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/ARENAL-285.png);
}

/* 2ST MENU LINK CORCOVADO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(2){ 
  top: -40px;
  left: 268px;
}

ul.cm-small-circle li:nth-child(2) div.arrow { 
  -webkit-transform: rotate(135deg) translate(13px, 14px);
  -moz-transform: rotate(135deg) translate(13px, 14px);
  -ms-transform: rotate(135deg) translate(13px, 14px);
  -o-transform: rotate(135deg) translate(13px, 14px);
	transform: rotate(135deg) translate(13px, 14px);
}

ul.cm-small-circle li:nth-child(2):hover div.arrow { 
  -webkit-transform: rotate(135deg) translate(23px, 14px);
  -moz-transform: rotate(135deg) translate(23px, 14px);
  -ms-transform: rotate(135deg) translate(23px, 14px);
  -o-transform: rotate(135deg) translate(23px, 14px);
	transform: rotate(135deg) translate(23px, 14px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(2) .cm-description {
  left: -269px;
  top: -1px;
}

ul.cm-small-circle li:nth-child(2):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/CORCOVADO-285.png);
}

/* 3RD MENU LINK DOMINICAL High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(3){ 
  top: 14px;
  left: 290px;
}

ul.cm-small-circle li:nth-child(3) div.arrow { 
  -webkit-transform: rotate(155deg) translate(10px, 22px);
  -moz-transform: rotate(155deg) translate(10px, 22px);
  -ms-transform: rotate(155deg) translate(10px, 22px);
  -o-transform: rotate(155deg) translate(10px, 22px);
	transform: rotate(155deg) translate(10px, 22px);
}

ul.cm-small-circle li:nth-child(3):hover div.arrow { 
  -webkit-transform: rotate(155deg) translate(20px, 22px);
  -moz-transform: rotate(155deg) translate(20px, 22px);
  -ms-transform: rotate(155deg) translate(20px, 22px);
  -o-transform: rotate(155deg) translate(20px, 22px);
	 transform: rotate(155deg) translate(20px, 22px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(3) .cm-description {
  left: -291px;
  top: -53px;
}

ul.cm-small-circle li:nth-child(3):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/DOMINICAL-285.png);
}

/* 4TH MENU LINK JACO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(4){ 
  top: 68px;
  left: 310px;
}

ul.cm-small-circle li:nth-child(4) div.arrow { 
  -webkit-transform: rotate(160deg) translate(5px, 23px);
  -moz-transform: rotate(160deg) translate(5px, 23px);
  -ms-transform: rotate(160deg) translate(5px, 23px);
  -o-transform: rotate(160deg) translate(5px, 23px);
	transform: rotate(160deg) translate(5px, 23px);
}

ul.cm-small-circle li:nth-child(4):hover div.arrow { 
  -webkit-transform: rotate(160deg) translate(15px, 23px);
  -moz-transform: rotate(160deg) translate(15px, 23px);
  -ms-transform: rotate(160deg) translate(15px, 23px);
  -o-transform: rotate(160deg) translate(15px, 23px);
	transform: rotate(160deg) translate(15px, 23px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(4) .cm-description {
  left: -312px;
  top: -100px;
}

ul.cm-small-circle li:nth-child(4):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/JACO-285.png);
}


/* 5TH MENU LINK MANUEL-ANTONIO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(5){ 
  top: 122px;
  left: 330px;
}

ul.cm-small-circle li:nth-child(5) div.arrow { 
  -webkit-transform: rotate(180deg) translate(30px, 25px);
  -moz-transform: rotate(180deg) translate(30px, 25px);
  -ms-transform: rotate(180deg) translate(30px, 25px);
  -o-transform: rotate(180deg) translate(30px, 25px);
	transform: rotate(180deg) translate(30px, 25px);
}

ul.cm-small-circle li:nth-child(5):hover div.arrow { 
  -webkit-transform: rotate(180deg) translate(40px, 25px);
  -moz-transform: rotate(180deg) translate(40px, 25px);
  -ms-transform: rotate(180deg) translate(40px, 25px);
  -o-transform: rotate(180deg) translate(40px, 25px);
	transform: rotate(180deg) translate(40px, 25px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(5) .cm-description {
  left: -332px;
  top: -154px;
}

ul.cm-small-circle li:nth-child(5):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/MANUEL-ANTONIO-285.png);
}

/* 6TH MENU LINK MONTEVERDE High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(6){ 
  top: 175px;
  left: 310px;
}

ul.cm-small-circle li:nth-child(6) div.arrow { 
  -webkit-transform: rotate(205deg) translate(29px, 20px);
  -moz-transform: rotate(205deg) translate(29px, 20px);
  -ms-transform: rotate(205deg) translate(29px, 20px);
  -o-transform: rotate(205deg) translate(29px, 20px);
	transform: rotate(205deg) translate(29px, 20px);
}

ul.cm-small-circle li:nth-child(6):hover div.arrow { 
  -webkit-transform: rotate(205deg) translate(39px, 20px);
  -moz-transform: rotate(205deg) translate(39px, 20px);
  -ms-transform: rotate(205deg) translate(39px, 20px);
  -o-transform: rotate(205deg) translate(39px, 20px);
	transform: rotate(205deg) translate(39px, 20px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(6) .cm-description {
  top: -206px;
  left: -312px;
}

ul.cm-small-circle li:nth-child(6):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/MONTEVERDE-285.png);
}

/* 7TH MENU LINK NICOYA High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(7){ 
  top: 228px;
  left: 290px;
}

ul.cm-small-circle li:nth-child(7) div.arrow { 
  -webkit-transform: rotate(215deg) translate(35px, 18px);
  -moz-transform: rotate(215deg) translate(35px, 18px);
  -ms-transform: rotate(215deg) translate(35px, 18px);
  -o-transform: rotate(215deg) translate(35px, 18px);
	transform: rotate(215deg) translate(35px, 18px);
}

ul.cm-small-circle li:nth-child(7):hover div.arrow { 
  -webkit-transform: rotate(215deg) translate(45px, 18px);
  -moz-transform: rotate(215deg) translate(45px, 18px);
  -ms-transform: rotate(215deg) translate(45px, 18px);
  -o-transform: rotate(215deg) translate(45px, 18px);
	transform: rotate(215deg) translate(45px, 18px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(7) .cm-description {
  top: -259px;
  left: -292px;
}

ul.cm-small-circle li:nth-child(7):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/NICOYA-285.png);
}

/* 8TH MENU LINK PAPAGAYO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(8){ 
  top: 282px;
  left: 268px;
}

ul.cm-small-circle li:nth-child(8) div.arrow { 
  -webkit-transform: rotate(220deg) translate(45px, 17px);
  -moz-transform: rotate(220deg) translate(45px, 17px);
  -ms-transform: rotate(220deg) translate(45px, 17px);
  -o-transform: rotate(220deg) translate(45px, 17px);
	transform: rotate(220deg) translate(45px, 17px);
}

ul.cm-small-circle li:nth-child(8):hover div.arrow { 
  -webkit-transform: rotate(220deg) translate(55px, 17px);
  -moz-transform: rotate(220deg) translate(55px, 17px);
  -ms-transform: rotate(220deg) translate(55px, 17px);
  -o-transform: rotate(220deg) translate(55px, 17px);
	transform: rotate(220deg) translate(55px, 17px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(8) .cm-description {
  left: -269px;
  top: -314px;
}

ul.cm-small-circle li:nth-child(8):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/PAPAGAYO-285.png);
}

/* 9TH MENU LINK PUERTO-VIEJO High-end Windows Phone Width 768==================== */
ul.cm-small-circle li:nth-child(9){ 
  top: 282px;
  left: -160px;
}

ul.cm-small-circle li:nth-child(9) div.arrow { 
  -webkit-transform: rotate(310deg) translate(130px, 95px);
  -moz-transform: rotate(310deg) translate(130px, 95px);
  -ms-transform: rotate(310deg) translate(130px, 95px);
  -o-transform: rotate(310deg) translate(130px, 95px);
	transform: rotate(310deg) translate(130px, 95px);
}

ul.cm-small-circle li:nth-child(9):hover div.arrow { 
  -webkit-transform: rotate(310deg) translate(140px, 95px);
  -moz-transform: rotate(310deg) translate(140px, 95px);
  -ms-transform: rotate(310deg) translate(140px, 95px);
  -o-transform: rotate(310deg) translate(140px, 95px);
	transform: rotate(310deg) translate(140px, 95px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(9) .cm-description {
  left: 159px;
  top: -322px;
}

ul.cm-small-circle li:nth-child(9):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/PUERTO-VIEJO-285.png);
}

/* 10TH MENU LINK RIO CELESTE FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(10){ 
  top: 228px;
  left: -180px;
}

ul.cm-small-circle li:nth-child(10) div.arrow { 
  -webkit-transform: rotate(325deg) translate(140px, 60px);
  -moz-transform: rotate(325deg) translate(140px, 60px);
  -ms-transform: rotate(325deg) translate(140px, 60px);
  -o-transform: rotate(325deg) translate(140px, 60px);
	transform: rotate(325deg) translate(140px, 60px);
}

ul.cm-small-circle li:nth-child(10):hover div.arrow { 
  -webkit-transform: rotate(325deg) translate(150px, 60px);
  -moz-transform: rotate(325deg) translate(150px, 60px);
  -ms-transform: rotate(325deg) translate(150px, 60px);
  -o-transform: rotate(325deg) translate(150px, 60px);
	transform: rotate(325deg) translate(150px, 60px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(10) .cm-description {
  left: 181px;
  top: -257px;
}

ul.cm-small-circle li:nth-child(10):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/RIO-CELESTE.png);
}

/* 11TH MENU LINK SAMARA FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(11){ 
  top: 175px;
  left: -200px;
}

ul.cm-small-circle li:nth-child(11) div.arrow { 
  -webkit-transform: rotate(335deg) translate(145px, 40px);
  -moz-transform: rotate(335deg) translate(145px, 40px);
  -ms-transform: rotate(335deg) translate(145px, 40px);
  -o-transform: rotate(335deg) translate(145px, 40px);
	transform: rotate(335deg) translate(145px, 40px);
}

ul.cm-small-circle li:nth-child(11):hover div.arrow { 
  -webkit-transform: rotate(335deg) translate(155px, 40px);
  -moz-transform: rotate(335deg) translate(155px, 40px);
  -ms-transform: rotate(335deg) translate(155px, 40px);
  -o-transform: rotate(335deg) translate(155px, 40px);
	transform: rotate(335deg) translate(155px, 40px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(11) .cm-description {
  left: 200px;
  top: -205px;
}

ul.cm-small-circle li:nth-child(11):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/SAMARA.png);
}
	
	
/* 12TH MENU LINK SAN-JOSE High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(12){ 
  top: 122px;
  left: -220px;
}

ul.cm-small-circle li:nth-child(12) div.arrow { 
  -webkit-transform: rotate(360deg) translate(160px, -25px);
  -moz-transform: rotate(360deg) translate(160px, -25px);
  -ms-transform: rotate(360deg) translate(160px, -25px);
  -o-transform: rotate(360deg) translate(160px, -25px);
	transform: rotate(360deg) translate(160px, -25px);
}

ul.cm-small-circle li:nth-child(12):hover div.arrow { 
  -webkit-transform: rotate(360deg) translate(170px, -25px);
  -moz-transform: rotate(360deg) translate(170px, -25px);
  -ms-transform: rotate(360deg) translate(170px, -25px);
  -o-transform: rotate(360deg) translate(170px, -25px);
	transform: rotate(360deg) translate(170px, -25px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(12) .cm-description {
  left: 218px;
  top: -154px;
}

ul.cm-small-circle li:nth-child(12):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/SAN-JOSE-285.png);
}

/* 13TH MENU LINK shore_excursions High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(13){ 
  top: 68px;
  left: -200px;
}

ul.cm-small-circle li:nth-child(13) div.arrow { 
  -webkit-transform: rotate(10deg) translate(140px, -45px);
  -moz-transform: rotate(10deg) translate(140px, -45px);
  -ms-transform: rotate(10deg) translate(140px, -45px);
  -o-transform: rotate(10deg) translate(140px, -45px);
	transform: rotate(10deg) translate(140px, -45px);
}

ul.cm-small-circle li:nth-child(13):hover div.arrow { 
  -webkit-transform: rotate(10deg) translate(150px, -45px);
  -moz-transform: rotate(10deg) translate(150px, -45px);
  -ms-transform: rotate(10deg) translate(150px, -45px);
  -o-transform: rotate(10deg) translate(150px, -45px);
	transform: rotate(10deg) translate(150px, -45px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(13) .cm-description {
  left: 198px;
  top: -108px;
}

ul.cm-small-circle li:nth-child(13):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/shore_excursions-285.png);
}

/* 14TH MENU LINK TAMARINDO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(14){ 
  top: 14px;
  left: -180px;
}

ul.cm-small-circle li:nth-child(14) div.arrow { 
  -webkit-transform: rotate(25deg) translate(130px, -78px);
  -moz-transform: rotate(25deg) translate(130px, -78px);
  -ms-transform: rotate(25deg) translate(130px, -78px);
  -o-transform: rotate(25deg) translate(130px, -78px);
	transform: rotate(25deg) translate(130px, -78px);
}

ul.cm-small-circle li:nth-child(14):hover div.arrow { 
  -webkit-transform: rotate(25deg) translate(140px, -78px);
  -moz-transform: rotate(25deg) translate(140px, -78px);
  -ms-transform: rotate(25deg) translate(140px, -78px);
  -o-transform: rotate(25deg) translate(140px, -78px);
	transform: rotate(25deg) translate(140px, -78px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(14) .cm-description {
  left: 179px;
  top: -45px;
}

ul.cm-small-circle li:nth-child(14):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/TAMARINDO-285.png);
}

/* 15TH MENU LINK TORTUGUERO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(15){ 
  top: -40px;
  left: -160px;
}

ul.cm-small-circle li:nth-child(15) div.arrow { 
  -webkit-transform: rotate(45deg) translate(105px, -110px);
  -moz-transform: rotate(45deg) translate(105px, -110px);
  -ms-transform: rotate(45deg) translate(105px, -110px);
  -o-transform: rotate(45deg) translate(105px, -110px);
	transform: rotate(45deg) translate(105px, -110px);
}

ul.cm-small-circle li:nth-child(15):hover div.arrow { 
  -webkit-transform: rotate(45deg) translate(115px, -110px);
  -moz-transform: rotate(45deg) translate(115px, -110px);
  -ms-transform: rotate(45deg) translate(115px, -110px);
  -o-transform: rotate(45deg) translate(115px, -110px);
	transform: rotate(45deg) translate(115px, -110px);

  opacity: 1;
}

ul.cm-small-circle li:nth-child(15) .cm-description {
  left: 158px;
  top: 8px;
}

ul.cm-small-circle li:nth-child(15):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/TORTUGUERO-285.png);
}

/* 16TH MENU LINK TRANSPORTATION High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(16){ 
  top: 332px;
  left: 60px;;
}

ul.cm-small-circle li:nth-child(16) div.arrow { 
  -webkit-transform: rotate(-90deg) translate(50px, 62px);
  -moz-transform: rotate(-90deg) translate(50px, 62px);
  -ms-transform: rotate(-90deg) translate(50px, 62px);
  -o-transform: rotate(-90deg) translate(50px, 62px);
	transform: rotate(-90deg) translate(50px, 62px);
}

ul.cm-small-circle li:nth-child(16):hover div.arrow { 
  -webkit-transform: rotate(-90deg) translate(60px, 62px);
  -moz-transform: rotate(-90deg) translate(60px, 62px);
  -ms-transform: rotate(-90deg) translate(60px, 62px);
  -o-transform: rotate(-90deg) translate(60px, 62px);
	transform: rotate(-90deg) translate(60px, 62px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(16) .cm-description {
  top: -364px;
  left: -62px;
}

ul.cm-small-circle li:nth-child(16):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/Transportation-285.png);
}  
}

/* Apple iPhone 5 Size: 640 (Portrait) */
@media(max-width: 640px) { 
  .cm-container {
    width: 640px;
  }  
  
/* Large Circle */
.cm-large-circle {
  position: relative;
  margin: 215px auto;
  width: 285px;
  height: 285px;
  background: rgba(0, 0, 0, .6);
  border: 1px solid rgb(255, 255, 255);
}

/* Dashed Inner Border */
.cm-large-circle:before {
  left: 4px;
  top: 4px;
  border: 1px dashed white;
  width: 275px;
  height: 275px;
}

/* 11 Small Circles */
ul.cm-small-circle {
  list-style: none;
}

ul.cm-small-circle li {
  width: 175px;
  height: 40px;
  
  border: 3px solid rgb(255, 255, 255);
}

/* Logo */
ul.cm-small-circle li.logo{
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	padding: 52px 50px 54px 50px;
	font-size: 20px;
	color: #fff;
	z-index: 599;
	text-shadow: 0 1px 0 rgb(100, 100, 100);
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	background-image: url(../../images/Costa_Rica2-290.png);
	width: 180px;
	background-repeat: no-repeat;
	background-position: -5px -5px;
	height: 175px;
}

ul.cm-small-circle li.logo:hover{
	background-image: url(../../images/logo_menu-290.jpg);
	background-position: -5px -6px;
	border: 3px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li:hover{
  background: rgb(255, 255, 255);
  border: 3px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li.one{
	line-height: 30px;
}

/* Icon */
ul.cm-small-circle li a{
	line-height: 5px;
	padding: 0px 10px;
	font-size: 14px;
}


ul.cm-small-circle li:hover a{
  color: rgb(80,80,80);
}

/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
  width: 278px;
  height: 278px;
  padding: 15px 0;
}

ul.cm-small-circle .cm-description h2{
	font-size: 22px;
}

ul.cm-small-circle .cm-description p{
  font-size: 12px;
  padding: 0 25px;
}

/* Overall Styles For Arrow */
ul.cm-small-circle li div.arrow { 
  border-left: 40px solid rgb(255, 255, 255);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


/* 1ST MENU LINK ARENAL High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(1){ 
  top: -95px;
  left: 60px;
}

ul.cm-small-circle li:nth-child(1) div.arrow { 
  -webkit-transform: rotate(90deg) translate(6px, -60px);
  -moz-transform: rotate(90deg) translate(6px, -60px);
  -ms-transform: rotate(90deg) translate(6px, -60px);
  -o-transform: rotate(90deg) translate(6px, -60px);
	transform: rotate(90deg) translate(6px, -60px);
}

ul.cm-small-circle li:nth-child(1):hover div.arrow { 
  -webkit-transform: rotate(90deg) translate(16px, -60px);
  -moz-transform: rotate(90deg) translate(16px, -60px);
  -ms-transform: rotate(90deg) translate(16px, -60px);
  -o-transform: rotate(90deg) translate(16px, -60px);
	transform: rotate(90deg) translate(16px, -60px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(1) .cm-description {
  top: 55px;
  left: -62px;
}

ul.cm-small-circle li:nth-child(1):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/ARENAL-285.png);
}

/* 2ST MENU LINK CORCOVADO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(2){ 
  top: -40px;
  left: 268px;
}

ul.cm-small-circle li:nth-child(2) div.arrow { 
  -webkit-transform: rotate(135deg) translate(13px, 14px);
  -moz-transform: rotate(135deg) translate(13px, 14px);
  -ms-transform: rotate(135deg) translate(13px, 14px);
  -o-transform: rotate(135deg) translate(13px, 14px);
	transform: rotate(135deg) translate(13px, 14px);
}

ul.cm-small-circle li:nth-child(2):hover div.arrow { 
  -webkit-transform: rotate(135deg) translate(23px, 14px);
  -moz-transform: rotate(135deg) translate(23px, 14px);
  -ms-transform: rotate(135deg) translate(23px, 14px);
  -o-transform: rotate(135deg) translate(23px, 14px);
	transform: rotate(135deg) translate(23px, 14px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(2) .cm-description {
  left: -269px;
  top: -1px;
}

ul.cm-small-circle li:nth-child(2):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/CORCOVADO-285.png);
}

/* 3RD MENU LINK DOMINICAL High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(3){ 
  top: 14px;
  left: 290px;
}

ul.cm-small-circle li:nth-child(3) div.arrow { 
  -webkit-transform: rotate(155deg) translate(10px, 22px);
  -moz-transform: rotate(155deg) translate(10px, 22px);
  -ms-transform: rotate(155deg) translate(10px, 22px);
  -o-transform: rotate(155deg) translate(10px, 22px);
	transform: rotate(155deg) translate(10px, 22px);
}

ul.cm-small-circle li:nth-child(3):hover div.arrow { 
  -webkit-transform: rotate(155deg) translate(20px, 22px);
  -moz-transform: rotate(155deg) translate(20px, 22px);
  -ms-transform: rotate(155deg) translate(20px, 22px);
  -o-transform: rotate(155deg) translate(20px, 22px);
	 transform: rotate(155deg) translate(20px, 22px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(3) .cm-description {
  left: -291px;
  top: -53px;
}

ul.cm-small-circle li:nth-child(3):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/DOMINICAL-285.png);
}

/* 4TH MENU LINK JACO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(4){ 
  top: 68px;
  left: 310px;
}

ul.cm-small-circle li:nth-child(4) div.arrow { 
  -webkit-transform: rotate(160deg) translate(5px, 23px);
  -moz-transform: rotate(160deg) translate(5px, 23px);
  -ms-transform: rotate(160deg) translate(5px, 23px);
  -o-transform: rotate(160deg) translate(5px, 23px);
	transform: rotate(160deg) translate(5px, 23px);
}

ul.cm-small-circle li:nth-child(4):hover div.arrow { 
  -webkit-transform: rotate(160deg) translate(15px, 23px);
  -moz-transform: rotate(160deg) translate(15px, 23px);
  -ms-transform: rotate(160deg) translate(15px, 23px);
  -o-transform: rotate(160deg) translate(15px, 23px);
	transform: rotate(160deg) translate(15px, 23px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(4) .cm-description {
  left: -312px;
  top: -100px;
}

ul.cm-small-circle li:nth-child(4):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/JACO-285.png);
}


/* 5TH MENU LINK MANUEL-ANTONIO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(5){ 
  top: 122px;
  left: 330px;
}

ul.cm-small-circle li:nth-child(5) div.arrow { 
  -webkit-transform: rotate(180deg) translate(30px, 25px);
  -moz-transform: rotate(180deg) translate(30px, 25px);
  -ms-transform: rotate(180deg) translate(30px, 25px);
  -o-transform: rotate(180deg) translate(30px, 25px);
	transform: rotate(180deg) translate(30px, 25px);
}

ul.cm-small-circle li:nth-child(5):hover div.arrow { 
  -webkit-transform: rotate(180deg) translate(40px, 25px);
  -moz-transform: rotate(180deg) translate(40px, 25px);
  -ms-transform: rotate(180deg) translate(40px, 25px);
  -o-transform: rotate(180deg) translate(40px, 25px);
	transform: rotate(180deg) translate(40px, 25px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(5) .cm-description {
  left: -332px;
  top: -154px;
}

ul.cm-small-circle li:nth-child(5):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/MANUEL-ANTONIO-285.png);
}

/* 6TH MENU LINK MONTEVERDE High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(6){ 
  top: 175px;
  left: 310px;
}

ul.cm-small-circle li:nth-child(6) div.arrow { 
  -webkit-transform: rotate(205deg) translate(29px, 20px);
  -moz-transform: rotate(205deg) translate(29px, 20px);
  -ms-transform: rotate(205deg) translate(29px, 20px);
  -o-transform: rotate(205deg) translate(29px, 20px);
	transform: rotate(205deg) translate(29px, 20px);
}

ul.cm-small-circle li:nth-child(6):hover div.arrow { 
  -webkit-transform: rotate(205deg) translate(39px, 20px);
  -moz-transform: rotate(205deg) translate(39px, 20px);
  -ms-transform: rotate(205deg) translate(39px, 20px);
  -o-transform: rotate(205deg) translate(39px, 20px);
	transform: rotate(205deg) translate(39px, 20px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(6) .cm-description {
  top: -206px;
  left: -312px;
}

ul.cm-small-circle li:nth-child(6):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/MONTEVERDE-285.png);
}

/* 7TH MENU LINK NICOYA High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(7){ 
  top: 228px;
  left: 290px;
}

ul.cm-small-circle li:nth-child(7) div.arrow { 
  -webkit-transform: rotate(215deg) translate(35px, 18px);
  -moz-transform: rotate(215deg) translate(35px, 18px);
  -ms-transform: rotate(215deg) translate(35px, 18px);
  -o-transform: rotate(215deg) translate(35px, 18px);
	transform: rotate(215deg) translate(35px, 18px);
}

ul.cm-small-circle li:nth-child(7):hover div.arrow { 
  -webkit-transform: rotate(215deg) translate(45px, 18px);
  -moz-transform: rotate(215deg) translate(45px, 18px);
  -ms-transform: rotate(215deg) translate(45px, 18px);
  -o-transform: rotate(215deg) translate(45px, 18px);
	transform: rotate(215deg) translate(45px, 18px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(7) .cm-description {
  top: -259px;
  left: -292px;
}

ul.cm-small-circle li:nth-child(7):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/NICOYA-285.png);
}

/* 8TH MENU LINK PAPAGAYO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(8){ 
  top: 282px;
  left: 268px;
}

ul.cm-small-circle li:nth-child(8) div.arrow { 
  -webkit-transform: rotate(220deg) translate(45px, 17px);
  -moz-transform: rotate(220deg) translate(45px, 17px);
  -ms-transform: rotate(220deg) translate(45px, 17px);
  -o-transform: rotate(220deg) translate(45px, 17px);
	transform: rotate(220deg) translate(45px, 17px);
}

ul.cm-small-circle li:nth-child(8):hover div.arrow { 
  -webkit-transform: rotate(220deg) translate(55px, 17px);
  -moz-transform: rotate(220deg) translate(55px, 17px);
  -ms-transform: rotate(220deg) translate(55px, 17px);
  -o-transform: rotate(220deg) translate(55px, 17px);
	transform: rotate(220deg) translate(55px, 17px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(8) .cm-description {
  left: -269px;
  top: -314px;
}

ul.cm-small-circle li:nth-child(8):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/PAPAGAYO-285.png);
}

/* 9TH MENU LINK PUERTO-VIEJO High-end Windows Phone Width 768==================== */
ul.cm-small-circle li:nth-child(9){ 
  top: 282px;
  left: -160px;
}

ul.cm-small-circle li:nth-child(9) div.arrow { 
  -webkit-transform: rotate(310deg) translate(130px, 95px);
  -moz-transform: rotate(310deg) translate(130px, 95px);
  -ms-transform: rotate(310deg) translate(130px, 95px);
  -o-transform: rotate(310deg) translate(130px, 95px);
	transform: rotate(310deg) translate(130px, 95px);
}

ul.cm-small-circle li:nth-child(9):hover div.arrow { 
  -webkit-transform: rotate(310deg) translate(140px, 95px);
  -moz-transform: rotate(310deg) translate(140px, 95px);
  -ms-transform: rotate(310deg) translate(140px, 95px);
  -o-transform: rotate(310deg) translate(140px, 95px);
	transform: rotate(310deg) translate(140px, 95px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(9) .cm-description {
  left: 159px;
  top: -322px;
}

ul.cm-small-circle li:nth-child(9):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/PUERTO-VIEJO-285.png);
}

/* 10TH MENU LINK RIO CELESTE FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(10){ 
  top: 228px;
  left: -180px;
}

ul.cm-small-circle li:nth-child(10) div.arrow { 
  -webkit-transform: rotate(325deg) translate(140px, 60px);
  -moz-transform: rotate(325deg) translate(140px, 60px);
  -ms-transform: rotate(325deg) translate(140px, 60px);
  -o-transform: rotate(325deg) translate(140px, 60px);
	transform: rotate(325deg) translate(140px, 60px);
}

ul.cm-small-circle li:nth-child(10):hover div.arrow { 
  -webkit-transform: rotate(325deg) translate(150px, 60px);
  -moz-transform: rotate(325deg) translate(150px, 60px);
  -ms-transform: rotate(325deg) translate(150px, 60px);
  -o-transform: rotate(325deg) translate(150px, 60px);
	transform: rotate(325deg) translate(150px, 60px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(10) .cm-description {
  left: 181px;
  top: -257px;
}

ul.cm-small-circle li:nth-child(10):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/RIO-CELESTE.png);
}

/* 11TH MENU LINK SAMARA FULL SCREEN + TABLET==================== */
ul.cm-small-circle li:nth-child(11){ 
  top: 175px;
  left: -200px;
}

ul.cm-small-circle li:nth-child(11) div.arrow { 
  -webkit-transform: rotate(335deg) translate(145px, 40px);
  -moz-transform: rotate(335deg) translate(145px, 40px);
  -ms-transform: rotate(335deg) translate(145px, 40px);
  -o-transform: rotate(335deg) translate(145px, 40px);
	transform: rotate(335deg) translate(145px, 40px);
}

ul.cm-small-circle li:nth-child(11):hover div.arrow { 
  -webkit-transform: rotate(335deg) translate(155px, 40px);
  -moz-transform: rotate(335deg) translate(155px, 40px);
  -ms-transform: rotate(335deg) translate(155px, 40px);
  -o-transform: rotate(335deg) translate(155px, 40px);
	transform: rotate(335deg) translate(155px, 40px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(11) .cm-description {
  left: 200px;
  top: -205px;
}

ul.cm-small-circle li:nth-child(11):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/SAMARA.png);
}
	
	
/* 12TH MENU LINK SAN-JOSE High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(12){ 
  top: 122px;
  left: -220px;
}

ul.cm-small-circle li:nth-child(12) div.arrow { 
  -webkit-transform: rotate(360deg) translate(160px, -25px);
  -moz-transform: rotate(360deg) translate(160px, -25px);
  -ms-transform: rotate(360deg) translate(160px, -25px);
  -o-transform: rotate(360deg) translate(160px, -25px);
	transform: rotate(360deg) translate(160px, -25px);
}

ul.cm-small-circle li:nth-child(12):hover div.arrow { 
  -webkit-transform: rotate(360deg) translate(170px, -25px);
  -moz-transform: rotate(360deg) translate(170px, -25px);
  -ms-transform: rotate(360deg) translate(170px, -25px);
  -o-transform: rotate(360deg) translate(170px, -25px);
	transform: rotate(360deg) translate(170px, -25px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(12) .cm-description {
  left: 218px;
  top: -154px;
}

ul.cm-small-circle li:nth-child(12):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/SAN-JOSE-285.png);
}

/* 13TH MENU LINK shore_excursions High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(13){ 
  top: 68px;
  left: -200px;
}

ul.cm-small-circle li:nth-child(13) div.arrow { 
  -webkit-transform: rotate(10deg) translate(140px, -45px);
  -moz-transform: rotate(10deg) translate(140px, -45px);
  -ms-transform: rotate(10deg) translate(140px, -45px);
  -o-transform: rotate(10deg) translate(140px, -45px);
	transform: rotate(10deg) translate(140px, -45px);
}

ul.cm-small-circle li:nth-child(13):hover div.arrow { 
  -webkit-transform: rotate(10deg) translate(150px, -45px);
  -moz-transform: rotate(10deg) translate(150px, -45px);
  -ms-transform: rotate(10deg) translate(150px, -45px);
  -o-transform: rotate(10deg) translate(150px, -45px);
	transform: rotate(10deg) translate(150px, -45px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(13) .cm-description {
  left: 198px;
  top: -108px;
}

ul.cm-small-circle li:nth-child(13):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/shore_excursions-285.png);
}

/* 14TH MENU LINK TAMARINDO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(14){ 
  top: 14px;
  left: -180px;
}

ul.cm-small-circle li:nth-child(14) div.arrow { 
  -webkit-transform: rotate(25deg) translate(130px, -78px);
  -moz-transform: rotate(25deg) translate(130px, -78px);
  -ms-transform: rotate(25deg) translate(130px, -78px);
  -o-transform: rotate(25deg) translate(130px, -78px);
	transform: rotate(25deg) translate(130px, -78px);
}

ul.cm-small-circle li:nth-child(14):hover div.arrow { 
  -webkit-transform: rotate(25deg) translate(140px, -78px);
  -moz-transform: rotate(25deg) translate(140px, -78px);
  -ms-transform: rotate(25deg) translate(140px, -78px);
  -o-transform: rotate(25deg) translate(140px, -78px);
	transform: rotate(25deg) translate(140px, -78px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(14) .cm-description {
  left: 179px;
  top: -45px;
}

ul.cm-small-circle li:nth-child(14):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/TAMARINDO-285.png);
}

/* 15TH MENU LINK TORTUGUERO High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(15){ 
  top: -40px;
  left: -160px;
}

ul.cm-small-circle li:nth-child(15) div.arrow { 
  -webkit-transform: rotate(45deg) translate(105px, -110px);
  -moz-transform: rotate(45deg) translate(105px, -110px);
  -ms-transform: rotate(45deg) translate(105px, -110px);
  -o-transform: rotate(45deg) translate(105px, -110px);
	transform: rotate(45deg) translate(105px, -110px);
}

ul.cm-small-circle li:nth-child(15):hover div.arrow { 
  -webkit-transform: rotate(45deg) translate(115px, -110px);
  -moz-transform: rotate(45deg) translate(115px, -110px);
  -ms-transform: rotate(45deg) translate(115px, -110px);
  -o-transform: rotate(45deg) translate(115px, -110px);
	transform: rotate(45deg) translate(115px, -110px);

  opacity: 1;
}

ul.cm-small-circle li:nth-child(15) .cm-description {
  left: 158px;
  top: 8px;
}

ul.cm-small-circle li:nth-child(15):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/TORTUGUERO-285.png);
}

/* 16TH MENU LINK TRANSPORTATION High-end Windows Phone Width 768 ==================== */
ul.cm-small-circle li:nth-child(16){ 
  top: 332px;
  left: 60px;;
}


ul.cm-small-circle li:nth-child(16) div.arrow { 
  -webkit-transform: rotate(-90deg) translate(50px, 62px);
  -moz-transform: rotate(-90deg) translate(50px, 62px);
  -ms-transform: rotate(-90deg) translate(50px, 62px);
  -o-transform: rotate(-90deg) translate(50px, 62px);
	transform: rotate(-90deg) translate(50px, 62px);
}

ul.cm-small-circle li:nth-child(16):hover div.arrow { 
  -webkit-transform: rotate(-90deg) translate(60px, 62px);
  -moz-transform: rotate(-90deg) translate(60px, 62px);
  -ms-transform: rotate(-90deg) translate(60px, 62px);
  -o-transform: rotate(-90deg) translate(60px, 62px);
	transform: rotate(-90deg) translate(60px, 62px);
  opacity: 1;
}

ul.cm-small-circle li:nth-child(16) .cm-description {
  top: -364px;
  left: -62px;
}

ul.cm-small-circle li:nth-child(16):hover .cm-description{ 
  opacity: 1;
  background-image: url(../../images/Transportation-285.png);
} 

}

/* Mobile (e.g. Apple iPhone) Size: 480x320 (Landscape) */
@media (max-width: 480px) { 
  .cm-container {
    width: 480px;
  }  

  /* Large Circle */
  .cm-large-circle {
    margin: 295px auto;
    width: 0px;
    height: 5px;
    border: 0px solid rgb(255, 255, 255);
  }

  /* Dashed Inner Border */
  .cm-large-circle:before {
    display:none;
  }

  /* 11 Small Circles */
ul.cm-small-circle {
  list-style: none;
}

ul.cm-small-circle li {
  position: absolute;
  width: 205px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid rgb(255, 255, 255);
  text-align: center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
	border-radius: 500px;
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
	box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
	transition: all 500ms;
}

/* Logo */
ul.cm-small-circle li.logo{
	display:none;
}

/* Hide The Logo, When Each Menu Link Is Hovered */
ul.cm-small-circle li:hover ~ li.logo{
  display: none;
}

ul.cm-small-circle li:hover{
  background: rgb(255, 255, 255);
  border: 2px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li.one{
	line-height: 35px;
}

/* Icon */
ul.cm-small-circle li a{
	text-decoration: none;
	color: gainsboro;
	line-height: 12px;
	padding: 0px 10px;
	font-size: 12px;
	text-align: center;
	font-family: armalite;
}


ul.cm-small-circle li:hover a{
  color: rgb(80,80,80);
}

/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
  display:none
}

ul.cm-small-circle .cm-description h2{
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul.cm-small-circle .cm-description p{
  display:none
}

/* Overall Styles For Arrow */
ul.cm-small-circle li div.arrow { 
  display:none
}
  
/* 1ST MENU LINK ARENAL SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(1){ 
  top: -200px;
  left: -220px;
}

/* 2ST MENU LINK CORCOVADO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(2){ 
  top: -200px;
  left: 0px;
}

/* 3RD MENU LINK CRUISE SHIPS SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(3){ 
  top: -150px;
  left: -220px;
}

/* 4TH MENU LINK DOMINICAL-UVITA SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(4){ 
  top: -150px;
  left: 0px;
}


/* 5TH MENU LINK JACO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(5){ 
  top: -100px;
  left: -220px;
}


/* 6TH MENU LINK MANUEL-ANTONIO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(6){ 
  top: -100px;
  left: 0px;
}

/* 7TH MENU LINK MONTEVERDE SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(7){ 
  top: -50px;
  left: -220px;
}

/* 8TH MENU LINK NICOYA SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(8){ 
  top: -50px;
  left: 0px;
}

/* 9TH MENU LINK PAPAGAYO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(9){ 
  top: 0px;
  left: -220px;
}

/* 10TH MENU LINK PUERTO-VIEJO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(10){ 
  top: 0px;
  left: 0px;
}

/* 11TH MENU LINK SAN-JOSE SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(11){ 
  top: 50px;
  left: -220px;
}

/* 12TH MENU LINK TAMARINDO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(12){ 
  top: 50px;
  left: 0px;
}

/* 13TH MENU LINK TORTUGUERO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(13){ 
  top: 100px;
  left: -220px;
}

/* 14TH MENU LINK TRANSPORTATION SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(14){ 
  top: 100px;
  left: 0px;
}
/* 15TH MENU LINK TORTUGUERO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(15){ 
  top: 150px;
  left: -220px;
}

/* 16TH MENU LINK TRANSPORTATION SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(16){ 
  top: 150px;
  left: 0px;
}	
}

/* Mobile (e.g. Apple iPhone) Size: 412x732 (portrate) */
@media (max-width: 412px) { 
  .cm-container {
    width: 412px;
  }  

  /* Large Circle */
  .cm-large-circle {
    margin: 275px auto;
    width: 0px;
    height: 5px;
    border: 0px solid rgb(255, 255, 255);
  }

  /* Dashed Inner Border */
  .cm-large-circle:before {
    display:none;
  }

  /* 11 Small Circles */
ul.cm-small-circle {
  list-style: none;
}

ul.cm-small-circle li {
  position: absolute;
  width: 155px;
  height: 45px;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid rgb(255, 255, 255);
  text-align: center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
	border-radius: 500px;
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
	box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
	transition: all 500ms;
}

/* Logo */
ul.cm-small-circle li.logo{
	display:none;
}

/* Hide The Logo, When Each Menu Link Is Hovered */
ul.cm-small-circle li:hover ~ li.logo{
  display: none;
}

ul.cm-small-circle li:hover{
  background: rgb(255, 255, 255);
  border: 2px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li.one{
	line-height: 35px;
}

/* Icon */
ul.cm-small-circle li a{
	text-decoration: none;
	color: gainsboro;
	line-height: 14px;
	padding: 0px 10px;
	font-size: 14px;
	text-align: center;
	font-family: armalite;
}


ul.cm-small-circle li:hover a{
  color: rgb(80,80,80);
}

/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
  display:none
}

ul.cm-small-circle .cm-description h2{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul.cm-small-circle .cm-description p{
  display:none
}

/* Overall Styles For Arrow */
ul.cm-small-circle li div.arrow { 
  display:none
}
  
/* 1ST MENU LINK ARENAL SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(1){ 
  top: -200px;
  left: -170px;
}

/* 2ST MENU LINK CORCOVADO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(2){ 
  top: -200px;
  left: 0px;
}

/* 3RD MENU LINK CRUISE SHIPS SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(3){ 
  top: -150px;
  left: -170px;
}

/* 4TH MENU LINK DOMINICAL-UVITA SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(4){ 
  top: -150px;
  left: 0px;
}


/* 5TH MENU LINK JACO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(5){ 
  top: -100px;
  left: -170px;
}

/* 6TH MENU LINK MANUEL-ANTONIO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(6){ 
  top: -100px;
  left: 0px;
}

/* 7TH MENU LINK MONTEVERDE SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(7){ 
  top: -50px;
  left: -170px;
}

/* 8TH MENU LINK NICOYA SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(8){ 
  top: -50px;
  left: 0px;
}

/* 9TH MENU LINK PAPAGAYO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(9){ 
  top: 0px;
  left: -170px;
}

/* 10TH MENU LINK PUERTO-VIEJO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(10){ 
  top: 0px;
  left: 0px;
}

/* 11TH MENU LINK SAN-JOSE SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(11){ 
  top: 50px;
  left: -170px;
}

/* 12TH MENU LINK TAMARINDO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(12){ 
  top: 50px;
  left: 0px;
}

/* 13TH MENU LINK TORTUGUERO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(13){ 
  top: 100px;
  left: -170px;
}

/* 14TH MENU LINK TRANSPORTATION SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(14){ 
  top: 100px;
  left: 0px;
}
/* 15TH MENU LINK TORTUGUERO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(15){ 
  top: 150px;
  left: -170px;
}

/* 16TH MENU LINK TRANSPORTATION SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(16){ 
  top: 150px;
  left: 0px;
}	
}


/* Mobile (e.g. Apple iPhone) Size: 320x480 (Portrait) */
@media (max-width: 320px) { 
	.Alpha_Box2 {
		margin-top: 520px;}
  /* Container */
  .cm-container {
    width: 320px;
  }  
  
/* Large Circle */
  .cm-large-circle {
    margin: 280px auto;
    width: 0px;
    height: 95px;
    border: 0px solid rgb(255, 255, 255);
  }

  /* Dashed Inner Border */
  .cm-large-circle:before {
    display:none
  }

  /* 11 Small Circles */
ul.cm-small-circle {
  list-style: none;
}

ul.cm-small-circle li {
  position: absolute;
  width: 205px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid rgb(255, 255, 255);
  text-align: center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
	border-radius: 500px;
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 13px rgba(0, 0, 0, .6);
	box-shadow: 0 0 13px rgba(0, 0, 0, .6);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
	transition: all 500ms;
}

/* Logo */
ul.cm-small-circle li.logo{
	display:none
}

/* Hide The Logo, When Each Menu Link Is Hovered */
ul.cm-small-circle li:hover ~ li.logo{
  opacity: 0;
}

ul.cm-small-circle li:hover{
  background: rgb(255, 255, 255);
  border: 2px solid rgba(0, 0, 0, 0.6);
}

ul.cm-small-circle li.one{
	line-height: 35px;
}

/* Icon */
ul.cm-small-circle li a{
	text-decoration: none;
	color: gainsboro;
	line-height: 12px;
	padding: 0px 10px;
	font-size: 13px;
	text-align: center;
	font-family: armalite;
}


ul.cm-small-circle li:hover a{
  color: rgb(80,80,80);
}

/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
  display:none
}

ul.cm-small-circle .cm-description h2{
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul.cm-small-circle .cm-description p{
  display:none
}

/* Overall Styles For Arrow */
ul.cm-small-circle li div.arrow { 
  display:none
}
  
  /* 1ST MENU LINK ARENAL SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(1){ 
  top: -200px;
  left: -110px;
}

/* 2ST MENU LINK CORCOVADO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(2){ 
  top: -150px;
  left: -110px;
}

/* 3RD MENU LINK CRUISE SHIPS SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(3){ 
  top: -100px;
  left: -110px;
}

/* 4TH MENU LINK DOMINICAL-UVITA SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(4){ 
  top: -50px;
  left: -110px;
}

/* 5TH MENU LINK JACO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(5){ 
  top: 0px;
  left: -110px;
}

/* 6TH MENU LINK MANUEL-ANTONIO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(6){ 
  top: 50px;
  left: -110px;
}

/* 7TH MENU LINK MONTEVERDE SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(7){ 
  top: 100px;
  left: -110px;
}

/* 8TH MENU LINK NICOYA SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(8){ 
  top: 150px;
  left: -110px;
}

/* 9TH MENU LINK PAPAGAYO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(9){ 
  top: 200px;
  left: -110px;
}

/* 10TH MENU LINK PUERTO-VIEJO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(10){ 
  top: 250px;
  left: -110px;
}

/* 11TH MENU LINK SAN-JOSE SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(11){ 
  top: 300px;
  left: -110px;
}

/* 12TH MENU LINK TAMARINDO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(12){ 
  top: 350px;
  left: -110px;
}

/* 13TH MENU LINK TORTUGUERO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(13){ 
  top: 400px;
  left: -110px;
}

/* 14TH MENU LINK TRANSPORTATION SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(14){ 
  top: 450px;
  left: -110px;
}
/* 15TH MENU LINK TORTUGUERO SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(15){ 
  top: 500px;
  left: -110px;
}

/* 16TH MENU LINK TRANSPORTATION SMALL SCREEN ==================== */
ul.cm-small-circle li:nth-child(16){ 
  top: 550px;
  left: -110px;
}	
}