@font-face{font-family:'centurygothic'; src:url('../fonts/century-gothic.ttf') format('truetype');}
body{
	font-family:'centurygothic'; font-size:15px;font-style:normal; background-color: #fff; line-height: 1.5; position: relative;
}
body img, body table{max-width:100% !important; height: auto !important;}
.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}
.century_gothic{font-family:'centurygothic' !important;}
.tr11, .br30, #topheader a, #logo, #logo img, .navbar-nav a, .destinationHome .item .destinationLink, .bestSaleHome .bestSaleLink > span, .tour h2, .tour .name, #owl-tourhome .item span, .tours .tour .img span,
#owl-tourhome .owl-prev, #owl-tourhome .owl-next, #owl-tourhome .fa, .tour .more, .tour .info, .itemnews > a span, .tour h4 a, #btn-fixed-left{
  -moz-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;
}
.tr11:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.br30:hover{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
a{color:#000;}
a:hover, a:focus, a:active{color:#31c5a4;}
.modal{z-index: 1990;}
.modal-backdrop{z-index: 1989;}
span.new_line{clear: both; display: block; padding-top: 10px;}
header{
  position:absolute;left:0;top:0;right:0;z-index:93;
}

.btn-submit{display: inline-block; background: #31c5a4; color: #fff; border-radius: 20px; outline: none; padding: 7px 30px; transition: all 300ms ease-out 0s;}
.btn-submit:hover{background: #14a181; color: #fff; text-decoration: none;}

#menuTop{background: #774702; padding: 5px 0px; position: relative; z-index: 1; text-align: right;}
#menuTopItem{margin: 0px 15px 0px 0px; padding: 0px 15px 0px 0px; list-style: none; display: inline-block; border-right: 1px solid #ddd; text-align: right;}
#menuTopItem li{display: inline-block; position: relative; padding: 0px 15px;}
#menuTopItem li ul{display: none; text-align: right; min-width: 200px; position: absolute; right: -40px; top: 100%; background: #633b01; padding: 10px 10px 20px;}
#menuTopItem li ul li{display: block;}
#menuTopItem li:hover ul{display: block;}
#menuTopItem li a{color: #fff; display: block; white-space: nowrap;}

.flex-break{flex-basis: 100%; height: 0;}

#contentHeader{display: flex; justify-content: space-between;}

#bannertop{padding-top: 20px;}
.bannerLang{margin: 0px; padding: 0px; margin-top: 10px; list-style: none; text-align: center;}
.bannerLang img{width: 30px;}
.bannerLang > li{position: relative; display: inline-block; padding-left: 5px; margin-left: 0px;}
.bannerLang > li:first-child{margin: 0px; padding: 0px}
.bannerLang > li > ul{position: absolute; left: 0px; top: 100%; display: none; margin: 0px; padding: 0px; list-style: none;}
.bannerLang > li:hover > ul{display: block;}
.bannerHotline{background: #31c5a4; margin-top: 10px; margin-left: 10px; display: inline-block; text-align: center; padding: 5px 25px; border-radius: 20px; color: #fff; font-size: 13px; transition: all 300ms ease-out 0s;}
.bannerHotline:hover{text-decoration: none; color: #fff; background: #13e0b2;}
.bannerHotline span{display: block; line-height: 1}
.bannerMenutop{margin: 0px; padding: 0px; margin-top: 20px; list-style: none; display: none;}
.bannerMenutop > li{display: inline-block; position: relative; padding-left: 5px; margin-left: 5px;}
.bannerMenutop > li > ul{position: absolute; z-index: 1993; left: 0px; top: 100%; display: none; margin: 0px; padding: 10px 15px 20px; list-style: none; min-width: 200px; background: #fff; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); border-radius: 2px;}
.bannerMenutop > li:hover > ul{display: block;}
.bannerMenutop > li a{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); transition: all 300ms ease-out 0s;}
.bannerMenutop > li a:hover{color: #ccc; text-decoration: none;}
.bannerMenutop > li ul a{color: #000; text-shadow: none; display: block;}
.bannerMenutop > li ul a:hover{color: #333;}

#bannerBtns{min-width: 315px; text-align: right; display: none;}
#bannerBtns:after{content:'';display:table;clear:both;}
#bannerBtns .btnAnimate{
    border-radius: 0 0 3px 3px; text-align: center; color: #fff; margin-left: 5px; display: inline-block; padding: 0px 7px; transition: all 300ms ease-out 0s; background: rgba(68,68,68,1)
}
#bannerBtns .btnAnimate:hover{
    background: #31c5a4;
}
#bannerBtns .btnAnimate:first-child{margin-left:0px;}
#bannerBtns .btnAnimate a{color: #fff; display: block; padding: 15px 5px 10px;}
#bannerBtns .btnAnimate a:hover{text-decoration: none;}
#bannerBtns .btnAnimate span{font-size: 14px; display: block;}
#bannerBtns .btnAnimate span b{font-size: 15px; display: block;}
#bannerBtns .btnAnimate .fa{font-size: 20px; border-radius: 100%; border: 1px solid #fff; padding: 5px 7px; margin-bottom: 10px;}
#bannerBtns .btnAnimate .fa-ticket{padding: 5px 6px;}

#langs{margin: 0px; padding: 0px; list-style: none; display: inline-block;  vertical-align: text-bottom;}
#langs li{display: inline-block;}
#langs li a{color: #fff;}
#langs li a:hover{text-decoration: none;}
#langs li img{width: 25px;}

.toggle-header header{
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
  -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000); 
}
.container{position: relative;}
#topheader{position: absolute; left: 0px; top: 15px; width: 100%; display: none;}
#contact{text-align: right; position: absolute; right: 46%; top: -30px;}
#topmenu{position: static; right: auto; top: auto; text-align: right;}
#topmenu a:hover, #contact a:hover{color:#31c5a4;}
#topheader a:hover{text-decoration: none;}
#contact > a{display: inline-block; width: 35px; padding: 0px 2px;}
#contact ul, #topmenu ul{margin: 0px; padding: 0px;}
#contact ul li, #topmenu ul li{display: inline-block; list-style: none; padding: 5px 0px;}
#contact ul li{padding: 5px;}
#contact .fa-skype{font-size: 16px; color: #00aded}
#contact .fa-mobile{font-size: 18px;}
#topmenu ul span, #topmenu ul a{
  display: inline-block; padding: 0px 2px; font-size: 15px; font-weight: bold;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#FFFFFF)";/*IE 8*/
  text-shadow: 0 0 2px rgba(255,255,255,0.8), 0 1px 2px rgba(255,255,255,0.8), 1px 1px 2px rgba(255,255,255,0.8), 1px 0 2px rgba(255,255,255,0.8), 1px -1px 2px rgba(255,255,255,0.8), 0 -1px 2px rgba(255,255,255,0.8), -1px -1px 2px rgba(255,255,255,0.8), -1px 0 2px rgba(255,255,255,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
}

#logo{float: left; width: 110px; height: 60px;}
#logo img{max-height: 100%; display: block; margin: auto;}

#login{text-align: center;}

#menu{position: relative; z-index: 1989;}
#bottom-menu{height: 5px; width: 100%; margin: 2px 0px 10px; background: #4c2e00; }
.navbar-default{background: none; border: none; margin-bottom: 0px; box-shadow: none; min-height: auto;}
.navbar-collapse{padding: 0px 15px; border: 0px; text-align: right; border-top: 1px solid transparent;}
.navbar-nav{float: none; margin: 0px; padding-bottom: 15px;}
.navbar-nav:nth-child(1){padding-bottom: 0px;}
.navbar-nav>li>a{padding: 2px 0px 3px; font-size: 14px; font-weight: bold; text-shadow: 2px 1px 1px rgba(0,0,0,.5);}
.navbar-default .navbar-nav>li>a{color: #fff; padding: 8px 0px; font-size: 14px; position: relative; text-transform: uppercase;}
.navbar-default .navbar-nav>li>a.iconHome{}
.navbar-default .navbar-nav>li>a.iconHome i{font-size: 20px; display: none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background: none; color: #fff; box-shadow: none;}
.navbar-default .navbar-nav li span.caret{position: absolute;}
.dropdown-menu{border: 0px;}
.dropdown-menu>li{position: relative;}
.dropdown-menu>li>a{padding: 5px 20px;}
.navbar-nav>li>.dropdown-menu{border-top: 3px solid #31c5a4;}
.navbar-collapse.in .navbar-nav>li>.dropdown-menu{text-align: right; padding: 0px 30px 25px;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-right: 0px; border-radius: 0px; top: 25%;}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{padding-right: 20px;}
.navbar-nav .open .dropdown-menu>li>a .caret{right: -20px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background: none; border-color: transparent; color: #31c5a4;}
.navbar-collapse.in .navbar-nav .dropdown-menu>li>a{color: #fff; background-color: transparent;}
.navbar-default .navbar-toggle{border-color: #fff; background-color: #ddd;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

#customizeTour{padding: 20px 0px; background: #31c5a4; color: #fff; text-align: center;}
.customizeTourTitle h2{margin-top: 0px; padding-bottom: 5px; border-bottom: 1px solid #fff; font-weight: bold;}
.customizeTourDescription p:last-child{margin-bottom: 0px;}
.frmCustomizeTour{margin-top: 15px;}
.frmCustomizeTour .form-group{margin-right: 15px;}
.frmCustomizeTour .btn-submit, .telephoneCustom .btn-submit{background: #444;}
.frmCustomizeTour .btn-submit:hover, .telephoneCustom .btn-submit:hover{background: #696969;}

#frmSearch{padding: 10px 15px; background: #31c5a4; color: #fff; text-align: right;}
#frmSearch .form-group{margin-bottom: 7px;}

#slider{width: 100%; position: relative;}
#slider img{width: 100%; position: relative; z-index: 1989;}

#search{padding: 15px 0px;}
.form-inline .form-control{border-radius: 0px;}
#btn-search{border-radius: 0px;}

body #wowslider-container1{width: 100%; margin: 0px;}

#contentmain:after, #contentmain:before{content: ''; display: table; clear: both;}

.col-left{width: 300px; padding: 15px; margin-bottom: 30px; display: none; background-color: #4A2C00;}
.col-left .left-box { margin-bottom: 15px; }
.col-left .left-box:last-child{margin-bottom: 0px;}
.col-left .left-box .l-title h4 { display: inline-block; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 10px 0px; color: #fff; }
.col-left .l-news ul{padding-left: 20px;}
.col-left .l-news li{color: #fff;}
.col-left .l-news a{display: block; color: #fff}
.col-left .left-box #facewrap{background: #fff;}

.l-comment #comment-title{ text-align: center; padding: 0px 0px 15px;}
.l-comment #comment-title h4{font-size: 24px; text-transform: uppercase; margin: 0px; padding-bottom: 10px;}
.l-comment #comment-title a{color: #fff;}
.l-comment #comment-title a:hover{text-decoration: none; color: #B5C1FF;}
.l-comment #comment-title .fa{color: #f2f230; font-size: 28px; padding: 0px 2px;}
.l-comment #owl-comment .item img{margin-bottom: 15px;}

.contentMain{padding: 30px 0px}
.contentMain:nth-child(2n+1){background: #f5f5f5;}

#destinationMaps{background: rgba(32, 117, 66, 0.18)}
#destinationMaps .container{width: 850px;}
.btn-show-map{margin: 10px 0px;text-transform: uppercase;color: #fff;background: #5DABA2;}
.btn-show-map:hover{text-decoration: none; background: #85d4cb; color: #fff;}
#showMap .location-list{position: relative;}
#showMap .location-list .location{position: absolute; left: 0px; top: 0px; color: #000; font-size: 14px;}
#showMap .location-list .location:hover{color: #337ab7;}
#showMap .location-list .location span{display: inline-block; width: 10px; height: 10px; border-radius: 100%; position: absolute; background: #ec584c;}
#destinationMaps .destinationPhoto{max-width: 100%;}
#destinationMaps .destinationMapsPanelTitle{display: inline-block; padding: 10px 0px; background: #5DABA2; text-align: center; width: 200px; color: #fff; font-weight: bold; text-transform: uppercase;}
#destinationMaps .destinationMapsPanelTitle:hover{text-decoration: none; opacity: 0.8}
#destinationMaps .panel-heading .accordion-toggle:hover{text-decoration: none; opacity: 0.8}
#destinationMaps .panel{box-shadow: none; border: none; border-radius: 0px;}
#destinationMaps .panel + .panel{margin-top: 10px;}
#destinationMaps .panel-heading{padding: 0px; background: none; border: none;}
#destinationMaps .panel-title{border-bottom: 1px solid #5DABA2}
#destinationMaps .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: #5DABA2;
    padding: 10px;
}
#destinationMaps .panel-heading .accordion-toggle.collapsed:after {
    content: "\e114";
}
#destinationMaps .panel-heading+.panel-collapse>.panel-body{padding-left: 50px; border: none;}
#destinationMaps .panel-body > ul{margin: 0px; padding: 0px; list-style: none;}
#destinationMaps .panel-body > ul > li{display: inline-block;}
#destinationMaps .panel-body > ul > li span{display: inline-block; padding: 0px 5px;}
#destinationMaps .panel-body > ul > li a{color: #333;}
#destinationMaps .panel-body > ul > li a:hover{color: #5DABA2;}

#destinationMore{padding: 20px 0px;}
.destinationMoreTitle{font-size: 22px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.destinationMores .item{float:left; width: 100%;}

.destinationPhotos .owl-theme .owl-controls{margin: 0px;}
.destinationPhotos .owl-theme .owl-controls .owl-nav [class*=owl-]{position: absolute; top: calc(50% - 60px); background: rgba(0, 0, 0, 0.5); padding: 51px 13px; margin: 0px;}
.destinationPhotos .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: rgba(0, 0, 0, 0.7);}
.destinationPhotos .owl-theme .owl-controls .owl-nav .owl-prev{left: 0; border-radius: 0px 4px 4px 0px;}
.destinationPhotos .owl-theme .owl-controls .owl-nav .owl-next{right: 0; border-radius: 4px 0px 0px 4px;}

#chooseHome{background: #abd0bf; padding: 50px 0px; color: #fff;}
#chooseHome a{color: #fff;}
.chooseDetailTitle{font-weight: bold; text-transform: uppercase;}
/*.chooseHome .items:after{content: ''; clear: both; display: block;}
.chooseHome .items{margin: 10px 0px;}
.chooseHome .item{float: left; width: 100%; padding: 15px; display: flex; align-items: center;}
.chooseHome .item .chooseKey{width: 60px; margin-right: 20px; line-height: 1; font-size: 100px; font-weight: bold; opacity: 0.4}
.chooseHome .item .chooseContent{width: calc(100% - 80px);}
.chooseHome .item .chooseTitle{margin: 10px 0px 0px; font-weight: bold;}*/
.chooseHome .items:after{content: ''; clear: both; display: block;}
.chooseHome .items{margin: 10px 0px;}
.chooseHome .item{float: left; width: 100%; padding: 15px; text-align: center;}
.chooseHome .item .chooseTitle{margin: 10px 0px 0px; font-weight: bold;}

#tourClassicHomes{}
.tourClassicDetailTitle{font-size: 25px; text-transform: uppercase; text-align: center;}
.tourClassicDetail{text-align: center;}
.tourClassicHome .items{display:flex; flex-wrap: wrap; justify-content: space-between; margin: 0px -10px 30px; padding-top: 70px;}
.tourClassicHome .items .item{width: 50%; padding: 0px 10px 20px;}
.tourClassicHome .items .tourClassicLink{display: block; transition: all 300ms ease-out 0s;}
.tourClassicHome .items .tourClassicLink:hover{opacity: .8;}
.tourClassicHome .items .tourClassicItemTitle{color: #14a181; font-weight: bold; transition:all 300ms ease-out 0s; display: block; margin-top: 10px;}
.tourClassicHome .items .tourClassicItemTitle:hover{color: #37f5cb; text-decoration: none; }
.tourClassicHome .items .tourClassicItemDesc{margin-top: 5px;}
.tourClassicHome .items .item:nth-child(2n+1){
  margin-top: -70px;
}

.bestSaleHome .bestSaleDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.bestSaleHome .items{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px -10px;}
.bestSaleHome .items .item{width:50%; padding: 10px; border: 1px solid transparent; transition: all 300ms ease-out 0s;}
.bestSaleHome .items .item:hover{border-color: #ddd; box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);}
.bestSaleHome .items .bestSaleThumb{display: block; overflow: hidden;}
.bestSaleHome .items .bestSaleThumb img{transition: all 300ms ease-out 0s; width: 100%;}
.bestSaleHome .items .bestSaleThumb:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
.bestSaleHome .items .bestSaleInfos{padding: 10px; background: #f5f1f0;}
.bestSaleHome .bestSaleInfoTitle{font-size: 16px; display: block; color: #000; margin-top: 10px; font-weight: bold;}
.bestSaleHome .bestSaleInfoTitle:hover{color: #14a181; text-decoration: none;}

.aboutHome .aboutDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.aboutHome .aboutDetailTitle span{display: inline-block; padding: 0px 30px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
.aboutHome .aboutItems:after{content: ''; clear: both; display: block;}
.aboutHome .aboutItems{position: relative; padding: 30px 0px;}
.aboutHome .aboutDetails{padding: 15px 0px;}
.aboutHome .aboutPicture{text-align: center;}
.aboutHome .aboutPicture img{margin: auto;}
.aboutHome .aboutDetailBtn{margin-top: 15px; background: #31c5a4; border-color: #31c5a4; text-transform: uppercase; font-size: 15px;}
.aboutHome .aboutDetailBtn:hover{text-decoration: none; background: #65bfb5;}
.aboutHome .aboutActions{display: flex; flex-wrap: wrap; justify-content: space-around;}
.aboutHome .aboutActions .btn-submit{margin: 7px;}

.destinationHome .destinationDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.destinationHome .destinationDetail{padding: 15px 0px;}
.destinationHome .items{margin-left: -10px; margin-right: -10px;}
.destinationHome .items:after{content: ''; clear: both; display: block;}
.destinationHome .item{float: left; width: 100%; padding: 0px 10px 20px; text-align: center;}
.destinationHome .item .destinationLink{
  display: block; background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);
}
.destinationHome .item .destinationLink:hover{
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);
}
.destinationHome .item .destinationImg{width: 100%;}
.destinationHome .item .destinationTitle{padding: 20px 10px; font-size: 16px; color: #000; margin: 0px;}

.tourListHome .tourLists:after{content: ''; clear: both; display: block;}
.tourListHome .tourListDescriptions{position: relative; padding: 30px 0px; text-align: center;}
.tourListHome .tourListDetailTitle{font-size: 27px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase;}
.tourListHome .tourListDetailBtn{margin-top: 20px; font-size: 15px; padding: 8px 25px; background: #31c5a4; border-color: #31c5a4;}
.tourListHome .tourListDetailBtn:hover{text-decoration: none; background: #65bfb5;}
.tourListHome .tourListItems{position: relative; padding: 15px 0px; background: #fff;}
.tourListHome .tourListItem{display: block; position: relative;}
.tourListHome .tourListItem .tourListItemMark{
  position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 1; visibility: visible; z-index: 1;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.tourListHome .tourListItem .tourListItemTitle{position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 20px 15px; color: #fff; font-size: 18px; font-weight: bold;}
.tourListHome .owl-theme .owl-controls .owl-nav [class*=owl-]{position: absolute; top: 50%; margin: -15px 0px 0px; background: transparent;}
.tourListHome .owl-theme .owl-controls .owl-nav [class*=owl-] .fa{font-size: 25px;}
.tourListHome .owl-theme .owl-controls .owl-nav [class*=owl-]:hover .fa{color: #31c5a4;}
.tourListHome .owl-theme .owl-controls .owl-nav .owl-prev{left: 10px}
.tourListHome .owl-theme .owl-controls .owl-nav .owl-next{right: 10px}

#blogHomes{padding-bottom: 50px;}
.blogHomeDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.blogHomeDetail{text-align: center;}
.blogHome .items{display:flex; flex-wrap: wrap; margin: 0px -10px 30px;}
.blogHome .items .item{width: 100%; padding: 20px 10px 0px;}
.blogHome .items .blogHomeLink{display: block; transition: all 300ms ease-out 0s;}
.blogHome .items .blogHomeLink:hover{opacity: .8;}
.blogHome .items .blogHomeLink img{width: 100%;}
.blogHome .items .blogHomeItemInfo{padding: 10px; background: #fff;}
.blogHome .items .blogHomeItemTitle{color: #14a181; font-weight: bold; transition:all 300ms ease-out 0s; display: block; margin-top: 10px;}
.blogHome .items .blogHomeItemTitle:hover{color: #37f5cb; text-decoration: none; }
.blogHome .items .blogHomeItemDate{margin-top: 10px;}
.blogHome .items .blogHomeItemDate .fa{margin-right: 10px;}

#responsibleHome{padding: 0px; background: none;}
.responsibleHome{display: flex; flex-wrap: wrap; align-items: center;}
.responsibleHome .responsibleHomeDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.responsibleHome .responsibleHomeDetail{text-align: center; margin-bottom: 15px;}
.responsibleHome .responsibleItem{width: 100%;}
.responsibleHome .responsibleHomeItemContent{padding: 30px 50px;}

#teamHomes{padding-bottom: 50px;}
.teamHomeDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.teamHomeDetail{text-align: center;}
.teamHome .items{display:flex; flex-wrap: wrap; margin: 0px -10px 30px;}
.teamHome .items .item{width: 50%; padding: 20px 10px 0px;}
.teamHome .items .item:nth-child(2n+1){clear: both;}
.teamHome .items .itemBg{background: #fff; border: 1px solid #ddd; height: 100%;}
.teamHome .items .teamHomeLink{display: block; transition: all 300ms ease-out 0s;}
.teamHome .items .teamHomeLink:hover{opacity: .8;}
.teamHome .items .teamHomeItemInfo{padding: 10px; background: #fff; border-top: 1px solid #ddd;}
.teamHome .items .teamHomeItemTitle{color: #000; font-weight: bold; transition:all 300ms ease-out 0s; display: block; margin-top: 10px;}
.teamHome .items .teamHomeItemDate{margin-top: 10px;}
.teamHome .items .teamHomeItemDate .fa{margin-right: 10px;}

#videoHomes{}
.videoHomeDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold;}
.videoHomeDetail{text-align: center; margin-bottom: 20px;}
.videoItems, .videoItem{margin: 0px -10px;}
.videoItem{float: left; width: 50%; padding: 0px 10px; margin: 0px;}
.videoItem:nth-child(2n+1){clear: both;}
.videoItems:after, .videoItems .videoItem:after{content: ''; display: table; clear: both;}
.videoItems .videoItemFirst, 
.videoItems .videoItemOther,  
.videoItems .videoItemThumb, 
.videoItems .videoItemTitle{float: left; padding: 0px 10px 13px; width: 100%;}
.videoItems .videoItemThumb{position: relative;}
.videoItems .videoItemPlay{position: absolute; left: calc(50% - 15px); top: calc(50% - 28px); width: 36px; height: 36px; background: url('../images/iconvideo.png') no-repeat center center; background-size: cover;}
.videoItems .videoItemThumb img{width: 100%;}
.videoItems .videoItemFirst{width: 100%;}
.videoItems .videoItemFirst .videoItem, 
.videoItems .videoItemFirst .videoItemThumb, 
.videoItems .videoItemFirst .videoItemTitle{width: 100%; padding: 0px; text-align: center;}
.videoItems .videoItemFirst .videoItemTitle{margin: 15px 0px 30px;}
.videoItems .videoItemFirst .videoItemPlay{left: calc(50% - 35px); top: calc(50% - 35px); width: 70px; height: 70px;}
.videoItems .videoItemOther{width: 100%;}

#testimonialHomes{padding: 0px;}
.testimonialHomes{display: flex; flex-wrap: wrap; align-items: center;}
.testimonialHomes .testimonialHomeDetailTitle{font-size: 27px; text-transform: uppercase; text-align: center; font-weight: bold; margin-top: 0px}
.testimonialHomes .testimonialHomeDetail{text-align: center; margin-bottom: 25px;}
.testimonialHomes .testimonialHome{width: 100%;}
.testimonialHomes .testimonialHome > img{width: 100%;}
.testimonialHomes .testimonialHomeItemContent{padding: 15px 50px;}
.testimonialHomes .items{margin-bottom: 15px;}
.testimonialHomes .items .itemHeader{display: flex; padding-right: 100px;}
.testimonialHomes .items .itemHeader .itemThumb{border-radius: 100%; width: 50px;}
.testimonialHomes .items .itemHeader .itemInfo{padding-left: 15px;}
.testimonialHomes .items .itemHeader .itemTitle{font-weight: bold;}
.testimonialHomes .items .itemHeader .itemDate{font-style: italic; opacity: .5;}
.testimonialHomes .items .itemContent{position: relative; background: #fff; border: 1px solid #ddd; padding: 15px 20px; margin-top: 15px; width: calc(100% - 1px);}
.testimonialHomes .items .itemContent:before, .testimonialHomes .items .itemContent:after{
	bottom: 100%;
	left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.testimonialHomes .items .itemContent:before{
	border-bottom-color: #ddd;
	border-width: 14px;
	margin-left: -2px;
}
.testimonialHomes .items .itemContent:after{
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: 0px;
}
.testimonialHomes .owl-theme .owl-controls{margin: 0px;}
.testimonialHomes .owl-theme .owl-nav{position: absolute; right: 0px; top: 5px;}
.testimonialHomes .itemStart{margin-bottom: 10px;}
.testimonialHomes .itemStart .fa{color: #00a680}

#telephoneCustom{background: #31c5a4; color: #fff;}
#telephoneCustom a{color: #fff;}

#telephoneCustom{margin: 0px; padding: 50px 0px; text-align: center;}
#showMap + #telephoneCustom{margin: 0px;}

.showtextt a:focus, .showtextt a:hover, .showtextt a:active{color: #333}

.pageDetail, .sidebarLeft{padding: 0px 15px 30px;}

.pageDetailTitle{margin: 0px 0px 25px; font-size: 25px; font-weight: bold; text-transform: uppercase;}
.pageDetailTitle span{display: inline-block; padding: 0px 30px 5px 0px; border-bottom: 3px double #eaeaea;}
.pageDetailTitle.text-center span{padding: 0px 30px 5px;}
.pageDetailContent img{max-width: 100%;}
.pageDetailContent table{max-width: 100%;}
.pageDetailContent:after, .pageDetailForm:after{content: ''; clear: both; display: block;}

.sidebarBoxTitle h3{font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 0px;}
.sidebarList{margin: 0px; padding: 0px; list-style: none;}
.sidebarList li{display: block;}
.sidebarList li a{display: block; padding: 5px 0px; border-bottom: 1px solid #ccc; color: #3e3e3e; position: relative;}
.sidebarList li.active a:after{content: "\f105"; font-family: FontAwesome; color: #555; position: absolute; top: 50%; right: 10px; font-size: 16px; line-height: 0;}
.sidebarList li a:hover{text-decoration: none; color: #31c5a4;}

.tour_home{padding: 25px 0px;}
#tourhome h4{font-size: 30px; text-align: center; color: #040404; margin: 0px; padding: 50px 0px 0px;}
#owl-tourhome{margin: 20px 0px;}
#owl-tourhome .owl-prev, #owl-tourhome .owl-next{position: absolute; top: 0; height: 100%; margin: 0px; border-radius: 0; padding: 80px 15px; background: #e1e3e5;}
#owl-tourhome .owl-prev:hover, #owl-tourhome .owl-next:hover{background: #D6D7D8;}
#owl-tourhome .owl-nav .fa{font-size: 25px; color: #000;}
#owl-tourhome .owl-prev:hover .fa, #owl-tourhome .owl-next:hover .fa{color: #fff;}
#owl-tourhome .owl-prev{left: 0;}
#owl-tourhome .owl-next{right: 0;}
#owl-tourhome .item a{display: inline-block; position: relative;}
#owl-tourhome .item span{position: absolute; left: 0; bottom: 0; right: 0; font-size: 14px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 5px 10px;}
#owl-tourhome .item:hover span{background: rgba(0, 0, 0, 0.8);}

.tours{ clear: both; margin: 0px -10px;}
.tours:after, .tours:before, #f-menu:after, #f-menu:before{content: ''; clear: both; display: block;}
.tours .tour{padding: 0px 10px; margin-top: 20px;}
.tours .tour:nth-child(1){margin-top: 0px}
.tours .tour img{display: block;}
/* .tours .tour:hover h2{
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";IE 8
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);FF 3.5+
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);FF3.5+, Opera 9+, Saf1+, Chrome, IE10
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); IE 5.5-7
} */
.tours .tour h2, .tours .tour h4{margin: 0px; padding: 0px;}
.tours .tour .contenttour{position: relative; display: block;}
.tours .tour .info{position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 10px; display: block; background: rgba(0, 0, 0, 0.6); color: #fff}
.tours .tour:hover .info{padding-right: 5px;}
.tours .tour:hover .name{color: #31c5a4}
.tours .tour .name{float: left; font-size: 20px; padding: 5px 0px;}
.tours.tour_excursiones .tour .name{font-size: 14px;}
.tours .tour .more{
  float: right; margin-top: 2px; border: 1px solid #fff; padding: 5px; line-height: 1px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.tours .tour .more .fa{ font-size: 15px; }
.tours .tour:hover .more{
  border-color: transparent; color: #31c5a4
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.tours .tour h4 a{font-size: 18px; display: block; margin-bottom: 10px;}
.tours .tour h4 a:hover, .tours .tour h4 a:focus{
  text-decoration: none; color: #2545E8;
}
.tours .tour .img{display: block; position: relative;}
.tours .tour .img span{position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; min-height: 52px;}
.tours .tour .img:hover span{background: rgba(0, 0, 0, 0.8);}
.tours .tour img{display: block; margin: auto;}
.tours .tour .view_detail a{display: inline-block; font-size: 13px; padding: 2px 35px 5px 12px; background: url(../images/view_detail.png) no-repeat left top; color: #fff;}
.tours .tour .view_detail a:hover{text-decoration: none; opacity: 0.8;}

.news{margin: 0px -10px;}
.news:after{content: ''; clear: both; display: block;}
.news .itemnews{padding: 25px 10px 0px; clear: both}
.news .itemnews h4{margin: 0px; padding-bottom: 10px; font-size: 15px; font-weight: bold;}
.news .itemnews a:hover{text-decoration: none;}
.news .itemnews > a{position: relative; display: block; float: left; margin-right: 10px; width: 120px;}
.news .itemnews > a span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid transparent;}
.news .itemnews > a:hover span{border-color: rgba(255, 255, 255, 0.4)}
.news .itemnews .fa{color: #B5C1FF; font-size: 14px;}
.news .itemnews:nth-child(1){padding-top: 0px;}
.news .itemnews.itemcomment{ clear: both;}
.news .itemnews .itemnewsDesctiption{text-align: justify;}

#content{float: left; width: 100%; background: #fff; margin-bottom: 20px;}
#content .title{background: url(../images/bg-title.png) repeat-x left bottom;}
#content .title h1, #content .title h2{margin: 0px; margin-bottom: 10px; padding: 0px 15px 10px; font-size: 20px; color: #31c5a4; text-transform: uppercase; font-weight: bold;} 

.form-group{margin-bottom: 10px;}
.contact .control-label{padding-left: 15px; width: 100%; text-align: left;}
.contact .form-group > div{padding: 0px 15px;}

.link{cursor: pointer;}
.link:hover, .link:focus, .link:active{color: #31c5a4;}

.form-tour .col-sm-1, .form-tour .col-sm-2, .form-tour .col-sm-3, .form-tour .col-sm-4, .form-tour .col-sm-5, .form-tour .col-sm-8, .form-tour .col-sm-12{
	padding: 0px 15px;
}
.form-tour.form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
}
#error-frmreserver label, #error-frmpersonna label, #error-frmcontact label, #error-frmrappel label, #error-frmdevis label{font-weight: normal;}
.img_captcha{border: solid 1px #ccc; margin-bottom: 5px; width: 70px;}
.captcha .fa{cursor: pointer;}
.rowmore h5{background: url(../images/bg-title.png) repeat-x left bottom; padding: 10px 25px; font-size: 20px;}

#btn-fixed-left{
  position: fixed; z-index: 1989; left: 5px; bottom: 5px; width: 240px; background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)";/*IE 8*/
  -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);/*FF 3.5+*/
  -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
#btn-fixed-left .close{
  position: absolute;
  z-index: 1989;
  left: 0px;
  bottom: calc(100% - 1px);
  cursor: pointer;
  background: #00a680;
  color: #fff;
  padding: 3px 0px 5px;
  text-align: center;
  width: 35px;
  opacity: 1
}
#btn-fixed-left.hidden{
  display: block !important;
  visibility: visible !important;
  bottom: -222px;
}
#btn-fixed-left.hidden .close{
  padding-bottom: 10px;
}
.nav-right {
  z-index: 2015;
  position: fixed;
  left: -225px;
  top: 30%;
  width: 265px;
  color: #E4E4E4;
  display: none;
}
.nav-right span#title{
  background: rgba(102, 90, 90, 0.75);
  top: 95px;
  right: -95px;
  display: block;
  width: 230px;
  height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 5px;
  font-size: 20px;
  color: #fff;
  position: absolute;
  -moz-transform: rotate(270deg) scale(1, 1) translate(0, 0);/* FF3.5+ */
  -webkit-transform: rotate(270deg) scale(1, 1) translate(0, 0);/*Saf3.1+, Chrome*/
  -o-transform: rotate(270deg) scale(1, 1) translate(0, 0);/* Opera 10.5 */
  -ms-transform: rotate(270deg) scale(1, 1) translate(0, 0);/* IE 9 */
  transform: rotate(270deg) scale(1, 1) translate(0, 0);
}
.nav-right .nav-right-content {
  padding: 10px;
  margin-right: 40px;
  padding-left: 15px;
  background: #1734CA;
}
.nav-right .nav-right-content .nav-right-content-item {
  margin: 10px 0px 20px;
}
.nav-right-content-item a {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}

footer{padding: 30px 0px; background: #312e2f; color: #999;}
footer a{color: #999;}
footer a:hover{color: #fff;}

#footerInfo .col-md-3{margin-bottom: 30px;}
.footerTitle{color: #17f306; text-transform: uppercase; font-size: 16px; font-weight: bold; margin: 20px 0px;}
.footerListLink{margin: 0px; padding: 0px; list-style: none;}
.footerListLink a{display: block; padding: 3px 0px;}
.footerListLink a:hover{text-decoration: none;}

#footerSocial{text-align: center; margin-top: 15px;}

.fa-social:hover{text-decoration: none;}
footer a:focus .fa-circle, footer a:active .fa-circle, footer a:hover .fa-circle{color: #ffffff;}
footer a:focus .fa-inverse, footer a:active .fa-inverse, footer a:hover .fa-inverse{color: #ffffff;}
footer a:focus .fa-facebook, footer a:active .fa-facebook, footer a:hover .fa-facebook{color: #0051FF;}
footer a:focus .fa-twitter, footer a:active .fa-twitter, footer a:hover .fa-twitter{color: #55ACEE;}
footer a:focus .fa-google-plus, footer a:active .fa-google-plus, footer a:hover .fa-google-plus{color: #D73D32;}
footer a:focus .fa-pinterest-p, footer a:active .fa-pinterest-p, footer a:hover .fa-pinterest-p{color: #D01D15;}
footer a:focus .fa-linkedin, footer a:active .fa-linkedin, footer a:hover .fa-linkedin{color: #0579B6;}
footer a:focus .fa-slideshare, footer a:active .fa-slideshare, footer a:hover .fa-slideshare{color: #0077B5;}
footer a:focus .fa-instagram, footer a:active .fa-instagram, footer a:hover .fa-instagram{color: #000;}
footer a:focus .fa-tripadvisor, footer a:active .fa-tripadvisor, footer a:hover .fa-tripadvisor{color: #000;}
footer a:focus .fa-tripadvisor.fa-inverse, footer a:active .fa-tripadvisor.fa-inverse, footer a:hover .fa-tripadvisor.fa-inverse{color: #37f1ad;}
footer .fa-inverse {color: #000;}
#footerSocial img.tiktok{width: 34px; border-radius: 100%; display: none;}
#footerSocial img.tiktokNormal{display: inline-block;}
#footerSocial a:hover img.tiktokNormal{display: none;}
#footerSocial a:hover img.tiktokHover{display: inline-block;}

#footerMenu{margin-top: 10px;}
#footerMenu ul{margin: 0px; padding: 0px; list-style: none; text-align: center;}
#footerMenu li{display: inline-block; padding: 0px 10px; border-left: 1px solid #999;}
#footerMenu li:first-child{border-left: 0px;}
#footerMenu li a{display: block; text-transform: uppercase;}

#footerCopyright{text-align: center; margin-top: 30px;}

#btn-fixed-right{position: fixed; z-index: 1989; right: 0px; top: 40%; width: 130px; display: none;}
#btn-fixed-right img{width: 100%;}
#btn-fixed-right a:hover{opacity: 0.8}

#f-office {margin: 0px -10px; padding-bottom: 25px;}
#f-office > h4{text-align: center; font-size: 25px; font-weight: bold; padding-bottom: 5px; border-bottom: 3px double #fff;}
#f-office .f-item{padding: 0px 10px; text-align: center; margin-top: 25px;}
#mapgoogle_show{font-weight: bold; cursor: pointer; color: #31c5a4; text-align: center; text-transform: uppercase;}
#mapgoogle_show:hover{opacity: 0.8;}
#map-canvas { margin: 0; padding: 0; width: 100%; height: 400px; }
.gm-style img{max-width: none !important;}
.gm-style label{width: auto; display:inline;}
body .widSSPnarrow{width: 100% !important; background: #fff !important; padding: 5px !important;}
body .widSSPData{border: 3px solid #5d904b !important; padding: 7px !important;}

.grecaptcha-badge{display:none !important;}

.support{position:fixed;/* right:100px; */bottom:0px;z-index:1989;}
.s-content{position:relative;background:url(../images/bg-support.png);background-size: 100% 100%;width:470px;height:46px;}
#s-hotline{position:absolute;left:80px;top:20px;color:#f90000;font-weight:bold;font-size:15px;}
#s-skype{position:absolute;left:280px;top:20px;color:#000;font-weight:bold;font-size:15px;}

#rappel{position:fixed;right:0px;top:120px;z-index:1989;}
#devis{position:fixed;right:0px;top:120px;z-index:1989;}
#back2top{width:30px;height:30px;position:fixed;z-index:1989;bottom:15px;right:15px;display:none;cursor:pointer;background:url(../images/backtotop.png) no-repeat center center #4A2C00;background-size:100%;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;}
#back2top:hover, #audio:hover{opacity:0.8}

.coccoc-alo-show{
	position:fixed;
	background-color:transparent;
	width:100px;
	height:100px;
	cursor:pointer;
	z-index:1;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;
	transition:visibility .5s;
}
.coccoc-alo-ph-img-circle{
	width:60px;
	height:60px;
	top:20px;
	left:20px;
	position:absolute;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:1;
	-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
	animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.coccoc-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:0px;
	left:0px;
	position:absolute;
	background-color:rgba(242, 223, 0, 0.85);
	opacity:.7;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.coccoc-alo-ph-circle{
	width:160px;
	height:160px;
	top:-30px;
	left:-30px;
	position:absolute;
	background-color:#F20000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.5;
	-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;transform-origin:50% 50%
}

#coccoc-alo-skype{display: none; left:15px; bottom:55px;}
#coccoc-alo-skype .coccoc-alo-ph-circle-fill, #coccoc-alo-skype .coccoc-alo-ph-circle{background-color:#48cbf3;}

#coccoc-alo-phone{left:15px; bottom:55px;}
#coccoc-alo-phone .coccoc-alo-ph-circle-fill, #coccoc-alo-phone .coccoc-alo-ph-circle{background-color:#48cbf3;}

#coccoc-alo-whatsapp{left:15px; bottom:55px;}
#coccoc-alo-whatsapp .coccoc-alo-ph-circle-fill, #coccoc-alo-whatsapp .coccoc-alo-ph-circle{background-color: #27d045;}

@-moz-keyframes coccoc-alo-circle-anim{
    0%{
        -moz-transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1;
        -moz-opacity:.1;
        -webkit-opacity:.1;
        -o-opacity:.1
    }
    30%{
        -moz-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5;
        -moz-opacity:.5;
        -webkit-opacity:.5;
        -o-opacity:.5
    }
    100%{
        -moz-transform:rotate(0) scale(1) skew(1deg);
        opacity:.6;
        -moz-opacity:.6;
        -webkit-opacity:.6;
        -o-opacity:.1
    }
}
@-webkit-keyframes coccoc-alo-circle-anim{
    0%{
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }
    30%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}
@-o-keyframes coccoc-alo-circle-anim{
    0%{
        -o-transform:rotate(0) kscale(.5) skew(1deg);
        -o-opacity:.1
    }
    30%{
        -o-transform:rotate(0) scale(.7) skew(1deg);
        -o-opacity:.5
    }
    100%{
        -o-transform:rotate(0) scale(1) skew(1deg);
        -o-opacity:.1
    }
}
@-webkit-keyframes coccoc-alo-circle-fill-anim{
    0%{
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50%{
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
    100%{
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}
@-o-keyframes coccoc-alo-circle-fill-anim{
    0%{
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50%{
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
    100%{
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}
@keyframes coccoc-alo-circle-fill-anim{
    0%{
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50%{
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
    100%{
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}
@-moz-keyframes coccoc-alo-circle-img-anim{
    0%{
        transform:rotate(0) scale(1) skew(1deg)
    }
    10%{
        -moz-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%{
        -moz-transform:rotate(25deg) scale(1) skew(1deg)
    }
    30%{
        -moz-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40%{
        -moz-transform:rotate(25deg) scale(1) skew(1deg)
    }
    50%{
        -moz-transform:rotate(0) scale(1) skew(1deg)
    }
    100%{
        -moz-transform:rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes coccoc-alo-circle-img-anim{
    0%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    10%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    30%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes coccoc-alo-circle-img-anim{
    0%{
        -o-transform:rotate(0) scale(1) skew(1deg)
    }
    10%{
        -o-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%{
        -o-transform:rotate(25deg) scale(1) skew(1deg)
    }
    30%{
        -o-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40%{
        -o-transform:rotate(25deg) scale(1) skew(1deg)
    }
    50%{
        -o-transform:rotate(0) scale(1) skew(1deg)
    }
    100%{
        -o-transform:rotate(0) scale(1) skew(1deg)
    }
}