/** * @license * MyFonts Webfont Build ID 3259838, 2016-08-01T05:40:31-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FF DIN Web Pro Light by FontFont * URL: http://www.myfonts.com/fonts/fontfont/ff-din/pro-light/ * * Webfont: FF DIN Web Pro by FontFont * URL: http://www.myfonts.com/fonts/fontfont/ff-din/pro-regular/ * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3259838 * Licensed pageviews: 50,000 * Webfonts copyright: 2009 Albert-Jan Pool published by FSI FontShop International GmbH * * © 2016 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/31bdbe"); @font-face { font-family: 'FFDINWebProLight'; src: url('font/31BDBE_0_0.eot'); src: url('font/31BDBE_0_0.eot?#iefix') format('embedded-opentype'), url('font/31BDBE_0_0.woff2') format('woff2'), url('font/31BDBE_0_0.woff') format('woff'), url('font/31BDBE_0_0.ttf') format('truetype'); } @font-face { font-family: 'FFDINWebPro'; src: url('font/31BDBE_1_0.eot'); src: url('font/31BDBE_1_0.eot?#iefix') format('embedded-opentype'), url('font/31BDBE_1_0.woff2') format('woff2'), url('font/31BDBE_1_0.woff') format('woff'), url('font/31BDBE_1_0.ttf') format('truetype'); } /** * @license * MyFonts Webfont Build ID 3290913, 2016-10-03T16:17:42-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FF DIN Web Pro Cond Medium by FontFont * URL: http://www.myfonts.com/fonts/fontfont/ff-din/pro-cond-medium/ * Copyright: 2009 Albert-Jan Pool published by FSI FontShop International GmbH * Licensed pageviews: 50,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3290913 * * © 2016 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/323721"); @font-face {font-family: 'FFDINWebProCondMedium';src: url('font/323721_0_0.eot');src: url('font/323721_0_0.eot?#iefix') format('embedded-opentype'),url('font/323721_0_0.woff2') format('woff2'),url('font/323721_0_0.woff') format('woff'),url('font/323721_0_0.ttf') format('truetype');} @font-face { font-family: 'ElCastilloSGOT Std'; src: url('font/ElCastilloSGOTStd-Regular.eot'); src: url('font/ElCastilloSGOTStd-Regular.eot?#iefix') format('embedded-opentype'), url('font/ElCastilloSGOTStd-Regular.woff2') format('woff2'), url('font/ElCastilloSGOTStd-Regular.woff') format('woff'), url('font/ElCastilloSGOTStd-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body {/*text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;*/} .wrapper{ position:relative; overflow:hidden;} h1, h2, h3, .wrapper, .signature, .bg-inner-simple h1, .din-light *{font-family: 'FFDINWebProLight'} .navbar-nav>li>a, .bg-inner-home h1, .frm h5, .footer-links h3, .newsletter h2, .btn, .overlay h5, .theme-explore h3, .item-slider .date, .bg-inner p.lead, .coord, .nav-submenu a, .phone, .button-group p{ font-family: 'FFDINWebPro';} .bg-inner-details h1, .bg-inner-simple h1{font-family: 'FFDINWebProCondMedium';} h1, h2, h3{ text-transform:uppercase} h2{letter-spacing:.03em; margin:30px 0; font-size:22px;} h3{ font-size:22px;} small{ font-size:90%} .row0{margin-left:0; margin-right:0;} .row0 > *{padding-left:0; padding-right:0; overflow:hidden;} .row2{margin-left:-2px; margin-right:-2px;} .row2 > *{padding-left:2px; padding-right:2px;} .row2 .col-custom-5{ width:50%; float:left; overflow:hidden;} .row2 .col-custom-2with1{width:100%;} .btn{ padding:15px 20px; line-height:16px; min-width:180px; font-size:16px;} .btn:focus, .btn:active{box-shadow:none; outline:none!important;} .btn-sm{ font-size:14px;padding:10px 5px; } .btn-primary{background-color:rgba(89,132,144,.88); border-color:rgba(89,132,144,.88)} .btn-primary:active, .btn-primary:hover, .btn-primary:active:hover{background-color:#2c3540; border-color:#2c3540} .btn-default{background-color:rgba(255,255,255,.80);color:#4a4a4a; border-color:rgba(255,255,255,.80)} .btn-default:active, .btn-default:hover, .btn-default:active:hover{background-color:#fff;color:#4a4a4a; border-color:#fff} .btn-success, .btn-dark{ background-color:#598490; color:#fff; border-color:#598490} .btn-success:active, .btn-success:hover, .btn-success:active:hover{ background-color:#fff;color:#4a4a4a; border-color:#fff} .btns .btn{margin:0 10px 15px;} .btn-bordered{border:1px solid #fff ; color:#fff} .btn-bordered:hover, .navbar-nav>li>.btn-border:hover{background-color:rgba(255,255,255,.80);color:#4a4a4a!important;} .btn-dark:hover{background-color:#fff} .btn-bordered-dark{border:1px solid #6d6d6d;} .btn-bordered-dark:hover{background-color:#6d6d6d; color:#fff} .form-control, .form-control:focus{ background:transparent; box-shadow:none; } .btns-vertical .btn{margin-top:15px !important; width:230px;} .frm .form-control{ border:1px solid #6e6e6e; height:45px; color:#606060} .frm textarea.form-control{ height:auto;} .frm .form-control::-moz-placeholder{color:#606060;} .frm .form-control:-ms-input-placeholder{color:#606060} .frm .form-control::-webkit-input-placeholder{color:#606060} .frm-blck{margin-bottom:60px;} .frm-blck .btn{min-width:250px;} .frm h5{color:#2c3540; margin:0 0 25px} .frm .control-label{ font-size:15px; color:#606060; padding-top:12px;} .frm .btns .btn{margin:0;} .frm .arrow{ position:relative;} .frm .arrow:after{ content:""; position:absolute; top:50%; right:15px;width: 0;height: 0;border-style: solid;border-width: 10px 6px 0 6px;border-color: #000000 transparent transparent transparent;} .frm .lbl-hidden{ visibility:hidden; font-size:1px; line-height:1px;margin:0;} .text-center .img-full, .text-center .img-responsive{ margin:0 auto;} .img-full{ width:100%;} .bg-gray{background-color:#f4f4f4} .bg{ background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position:relative; } .bg-full-height{ opacity:0;filter:alpha(opacity=0); position:relative; min-height:500px;} .bg-dark-text-white{background-color:#2c3540; color:#fff} .img-open{ cursor:pointer;} .ico{ display:inline-block;background-repeat:no-repeat; background-position:50% 50%;} .ico-search{background-image:url(images/search.png); width:24px; height:24px;} .ico-facebook{background-image: url(images/facebook@1x.png); width:35px; height:34px;} .ico-instagram{background-image: url(images/instagram.png); width:35px; height:35px;} .ico-facebook-b{background-image: url(images/ico-social-facebook.png); width:8px; height:34px;} .ico-twitter-b{background-image: url(images/ico-social-twitter.png); width:16px; height:34px; } .ico-linkedin-b{background-image: url(images/ico-social-linkedin.png); width:16px; height:34px; } .ico-pinterest-b{background-image: url(images/ico-social-pinterest.png); width:16px; height:34px; } .ico-instagram-b{background-image: url(images/ico-social-instagram.png); width:16px; height:34px; } .ico-youtube-b{background-image: url(images/ico-social-youtube.png); width:16px; height:34px; } .ico-lama{background-image: url(images/lama.png); width:96px; height:48px;} .ico-arrow-down{background-image:url(images/arrow-down-big.png); width:24px; height:14px;} .ico-arrow-down-dark{background-image:url(images/arrow-down-big-dark.png); width:24px; height:14px;} .ico-arrow-left-dark{background-image:url(images/arrow-left-big-dark.png); width:14px; height:24px;} .ico-country1{background-image: url(images/lama.png); width:96px; height:48px;} .ico-country2{background-image: url(images/lama.png); width:96px; height:48px;} .ico-country3{background-image: url(images/lama.png); width:96px; height:48px;} .ico-country4{background-image: url(images/lama.png); width:96px; height:48px;} .ico-country5{background-image: url(images/lama.png); width:96px; height:48px;} .ico-bushplane{background-image: url(images/bushplane-wit.png); width:86px; height:72px;} .ico-wildlife{background-image: url(images/wildlife-wit.png); width:66px; height:72px;} .ico-railroads{background-image: url(images/roads-wit.png); width:80px; height:72px;} .ico-boat, .ico-cruise {background-image: url(images/cruise-wit.png); width:69px; height:72px;} .ico-roads{background-image: url(images/roads-wit.png); width:80px; height:72px;} .ico-hiking{background-image: url(images/hiking-wit.png); width:60px; height:72px;} /*.item:hover .ico-lama{background-image: url(images/lama-dark.png); width:96px; height:48px;} .item:hover .ico-bushplane{background-image: url(images/lama-dark.png); width:96px; height:48px;} .item:hover .ico-wildlife{background-image: url(images/lama-dark.png); width:96px; height:48px;} .item:hover .ico-railroads{background-image: url(images/lama-dark.png); width:96px; height:48px;} .item:hover .ico-boat{background-image: url(images/lama-dark.png); width:96px; height:48px;} .item:hover .ico-roads{background-image: url(images/lama-dark.png); width:96px; height:48px;} .item:hover .ico-hiking{background-image: url(images/lama-dark.png); width:96px; height:48px;}*/ .ico-wildlife-smallbrown{background-image:url(images/wildlife.png) ; width:38px; height:41px;} .ico-bushplane-smallbrown{background-image:url(images/bushplane.png) ; width:56px; height:41px;} .ico-railroads-smallbrown{background-image:url(images/trains.png) ; width:51px; height:41px;} .ico-boat-smallbrown{background-image:url(images/cruise.png) ; width:45px; height:41px;} .ico-roads-smallbrown{background-image:url(images/roads.png) ; width:39px; height:41px;} .ico-hiking-smallbrown{background-image:url(images/lama-brown-small.png) ; width:60px; height:41px;} .ico-filter{background-image:url(images/filter.png) ; width:13px; height:14px;} .ico-close{background-image:url(images/close.png) ; width:13px; height:14px;} .ico-close-small{background-image:url(images/close-small.png) ; width:15px; height:15px;} .cross-line{ width:25px; height:1px; background-color:#fff; position:absolute; top:11px; opacity:0; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .searchhide .cross-line, .searchhide-mobile .cross-line{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .searchshow .cross-line-left, .searchshow-mobile .cross-line-left{left:0;-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); transform:rotate(45deg);} .searchshow .cross-line-right, .searchshow-mobile .cross-line-right{ right:0; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg); transform:rotate(-45deg);} .sq, /*.textblock ul li:before, .owl-carousel .owl-dot, .location li:after,*/ .textblock-accomodate h3:before, .button-group .button+ .button:before, .button-group label:before/*, .textblock-program h3 span:after*/{-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); transform:rotate(45deg);} .sq{transform: rotate(45deg) skew(20deg,20deg);-webkit-transform:rotate(45deg) skew(20deg,20deg);-moz-transform: rotate(45deg) skew(20deg,20deg);-o-transform: rotate(45deg) skew(20deg,20deg);-ms-transform: rotate(45deg) skew(20deg,20deg);} .sq:after{-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg); transform:rotate(-45deg);} .btn, .item img, .overlay-filter, a, .navbar-nav>li>a:after, .item .ico, .overlay-details{-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .blck{ padding:30px 0} .pb60{padding-bottom:30px;} .img-gfg{ width:90px;} .sep-line{ height:1px; background-color:#eff0f1; line-height:1px; font-size:1px; overflow:hidden;} .btn-scroll{ position:absolute; bottom:25px; left:0; width:100%;display:block; text-align:center;} .textblock{ overflow:hidden;} .textblock h1, .textblock h2{color:#535353} .textblock h4{margin:24px 0 2px 0;} .textblock .btn{margin-top:25px; text-decoration:none;} .textblock p{ line-height:27px; margin-bottom:25px; font-size:17px; } .textblock p a{ text-decoration:underline;} .textblock p a:hover{ text-decoration:none; color:#2c3540} .textblock ul{ list-style:none; margin:0 0 25px 20px; padding:0; } .textblock ul li{ line-height:27px; position:relative; padding-left:25px; font-size:17px; position:relative;} .textblock ul li:after, .textblock ul li:before{width: 0;height: 0;border-style: solid; position:absolute; top:8px; left:0; content:""; } .textblock ul li:before{border-width: 5px 0 5px 9px;border-color: transparent transparent transparent #6cabbd; } .textblock ul li:after{border-width: 3px 0 3px 7px;border-color: transparent transparent transparent #fff ; left:1px; top:10px;} /*.textblock ul li:before{ content:""; position:absolute; top:8px; left:0; width:7px; height:7px; border:1px solid #996f66; }*/ .textblock .list-blue-romb ul li:before{ border-color: transparent transparent transparent #f6b2a7} .textblock blockquote{padding-left:0; padding-right:0;} .textblock blockquote p{ font-size:20px; line-height:26px;} .textblock blockquote cite{ font-size:18px; font-style:normal} .textblock table { width: 100%;max-width: 100%;margin-bottom: 30px; margin-top:30px;} .textblock table>tbody>tr>td, .textblock table>tbody>tr>th, .textblock table>tfoot>tr>td, .textblock table>tfoot>tr>th, .textblock table>thead>tr>td, .textblock table>thead>tr>th{padding: 10px 17px; line-height: 28px; vertical-align: top; } .textblock table>tbody>tr>th, .textblock table>tfoot>tr>th, .textblock table>thead>tr>th{ border-bottom: 2px solid #ddd; text-transform:uppercase;} .textblock table>tbody>tr:nth-of-type(even) { background-color: #e7e7e7;} .bg-dark-text-white .textblock{ color:#fff;} .bg-dark-text-white .textblock h2{ color:inherit;} .bg-dark-text-white .textblock a{ color:inherit;} .bg-dark-text-white .textblock a:hover{ color:#fff} .textblock .txt-btn-and-date .btn{ float:left; margin:0 10px 0 0; } .textblock .txt-btn-and-date span{ display:inline-block; padding:10px; font-size:19px; } .textblock-image h2{margin-top:0;} .textblock-contact h4{margin:10px 0 30px; line-height:30px;} .textblock-contact .phone{ font-size:26px; color:#2c3540;} .textblock-contact p{ margin-bottom:35px;} .textblock-accomodate h3{ position:relative;} .textblock-accomodate h3:before{ content:""; border:1px solid #906359;width:7px; height:7px; display:inline-block; margin:0 10px 0 2px; position:relative; top:-3px;} .textblock-program h3{ font-size:18px; line-height:26px;} .textblock-program h3 span{ position:relative; /*display:block; padding-left:20px;*/} /*.textblock-program h3 span:after, .textblock-program h3 span:before{width: 0;height: 0;border-style: solid; position:absolute; top:6px; left:0; content:""; } .textblock-program h3 span:before{border-width: 0px 5px 12px 5px;border-color: transparent transparent #6cabbd transparent ; } .textblock-program h3 span:after{border-width: 0px 4px 9px 4px;border-color: transparent transparent #fff transparent ; left:1px; top:8px; } */ .signature{background-color:#6cabbd; display:inline-block; padding:6px 8px 2px; font-size:11px !important; line-height:14px; color:#fff; text-transform:uppercase; letter-spacing:.05em;} /*header*/ #menu-trigger {border:none; padding:15px 10px; border-radius:0; margin:0px 5px 0 0; border-radius:3px; position:absolute; left:15px; top:0; z-index:999} #menu-trigger .icon-bar { display:block; width:23px; height:1px; position:relative;margin:0;} #menu-trigger .icon-bar:before, #menu-trigger .icon-bar:after { content:''; width:100%; height:1px;position:absolute; } #menu-trigger .icon-bar:before { top:-10px; left:0; } #menu-trigger .icon-bar:after { top:10px; left:0; } #menu-trigger.collapsed span:before{ top:-9px!important; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);} #menu-trigger.collapsed span:after{ top:9px!important; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);} #menu-trigger.collapsed .icon-bar {background:#fff;} #menu-trigger .icon-bar{ background:none; } #menu-trigger .icon-bar:before { top:0!important; background-color:#fff; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } #menu-trigger .icon-bar:after { top:0!important; background-color:#fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } #menu-trigger:hover .icon-bar:before { top:-8px } #menu-trigger:hover .icon-bar:after { top:8px } #menu-trigger .icon-bar, #menu-trigger .icon-bar:before, #menu-trigger .icon-bar:after { -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s } .navbar-main{padding:17px 0; height:auto; margin:0;} .navbar-main .container{ position:relative; z-index:2;} .navbar-main:after{position:absolute; bottom:0; left:0; width:100%; z-index:1; height:155px; content:""; background: -moz-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.49) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.49) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d000000', endColorstr='#00000000',GradientType=0 ); } .navbar-brand{ width:180px; padding:8px 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .navbar-brand img{ width:100%;} .searchshow-mobile .navbar-brand{ opacity:0; } .navbar-collapse{ border:none;box-shadow:none;} .navbar-right{ margin-right:30px;} .navbar-nav>li>a{ color:#ffffff; font-size:14px; text-transform:uppercase; letter-spacing:.02em;position:relative;} .nav>li>a:hover:after{opacity:1; } .nav>li>a:hover, .nav>li>a:focus{background-color:transparent;} .navbar-nav>li>.btn-border{border:1px solid #ffffff; padding:12px 12px 10px; line-height:20px; min-width:100px;} .navbar-nav>li>.btn-border:after{background-color:transparent;} /*searchbox*/ .searchbox { position:absolute; top:-5px; right:20px; height:45px; padding:0 15px; } .form-trigger{ position:absolute; top:50%; right:0; margin-top:-12px; cursor:pointer; width:25px;} .form-trigger .ico-search{ -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .searchhide .form-trigger .ico-search{ -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .navbar-form-search{ margin:4px; display:none; position:relative; box-shadow:none; padding:0;} .navbar-form-search .btn{background-color:transparent; padding:5px 12px; min-width:10px; position:absolute; top:0; left:0; z-index:99;} .navbar-form-search .btn .ico{ float:left;} .navbar-form-search .form-control, .navbar-form-search .form-control:focus{ border:0px solid #fff; color:#fff; width:100%;height:35px; padding:0 22px 0 48px;} .navbar-form-search .form-control::-moz-placeholder{color:#fff;opacity:1; text-transform:uppercase;} .navbar-form-search .form-control:-ms-input-placeholder{color:#fff;text-transform:uppercase;} .navbar-form-search .form-control::-webkit-input-placeholder{color:#fff;text-transform:uppercase;} /* search box show */ .searchshow .searchbox, .searchshow-mobile .searchbox { width:100%; padding-left:80px;} .searchshow .navbar-form-search, .searchshow-mobile .navbar-form-search { -webkit-animation: searchform-fade 400ms 400ms both; animation: searchform-fade 400ms 400ms both; display:block; } .searchshow .cross-line, .searchshow-mobile .cross-line{ opacity:1;} .searchshow .form-trigger .ico-search, .searchshow-mobile .form-trigger .ico-search{ opacity:0; } .searchhide .searchbox, .searchhide-mobile .searchbox { width:auto; padding-left:15px;} /*menu elem hide */ .searchshow .navbar-right > li { -webkit-animation: item-searchshow 400ms both; animation: item-searchshow 400ms both; pointer-events: none } .searchshow .navbar-right > li:nth-child(5) { -webkit-animation-delay: 320ms; animation-delay: 320ms } .searchshow .navbar-right > li:nth-child(4) { -webkit-animation-delay: 240ms; animation-delay: 240ms } .searchshow .navbar-right > li:nth-child(3) { -webkit-animation-delay: 160ms; animation-delay: 160ms } .searchshow .navbar-right > li:nth-child(2) { -webkit-animation-delay: 80ms; animation-delay: 80ms } .searchhide .navbar-right > li { -webkit-animation: item-searchhide 400ms both; animation: item-searchhide 400ms both; pointer-events: none } .searchhide .navbar-right > li:nth-child(1) { -webkit-animation-delay: 400ms; animation-delay: 400ms } .searchhide .navbar-right > li:nth-child(2) { -webkit-animation-delay: 320ms; animation-delay: 320ms } .searchhide .navbar-right > li:nth-child(3) { -webkit-animation-delay: 240ms; animation-delay: 240ms } .searchhide .navbar-right > li:nth-child(4) { -webkit-animation-delay: 160ms; animation-delay: 160ms } .searchhide .navbar-right > li:nth-child(5) { -webkit-animation-delay: 80ms; animation-delay: 80ms } /*submenu*/ .submenu{padding-top:68px; position:relative;} .submenu-in{ position:absolute; top:0; left:0; width:100%;border-width:1px 0 2px; border-style:solid; border-color:#f7f7f7; z-index:999; background-color:#fff; height:70px;} .nav-fixed-to-top{ position:fixed;} .nav-submenu{ list-style:none; margin:0; padding:0; text-align:center;} .nav-submenu li, .nav-submenu .sub{ display:inline-block; padding:0 10px; height:67px;} .nav-submenu a, .nav-submenu-mobile .lnk-submenu-active{font-size:14px; text-transform:uppercase; color:#535353; padding:24px 0; height:67px; display:inline-block;border-bottom:5px solid #fff; } .nav-submenu a:hover, .nav-submenu a.active{ border-bottom:3px solid #ccc; text-decoration:none;} .nav-submenu-mobile{ position:absolute; top:0; left:0; width:100%; z-index:99; display:none; height:68px; background-color:#fff} .nav-submenu-mobile .lnk-submenu-active{ float:left; margin: 0 25px;} .nav-submenu-mobile .nav-submenu-back{ float:left;padding:22px 25px; cursor:pointer} .nav-submenu-mobile .nav-submenu-open{ position:absolute; width:40px; height:40px; padding:13px 0; text-align:center; left:50%; top:50%; margin:-20px 0 0 -20px;} .nav-submenu-mobile .btn{ float:right; margin: 15px 15px; min-width:100px;} .nav-submenu-mobile-2 .lnk-submenu-active{ position:absolute; top:50%; left:50%; width:200px; margin:-34px 0 0 -150px; text-align:center;} .nav-submenu-mobile-details{ display:none;position:absolute; top:69px; left:0; width:100%; z-index:99; display:none; background-color:#fff; text-align:center; border:1px solid #f7f7f7;} .nav-submenu-mobile-details a {font-size:14px; text-transform:uppercase; color:#535353; padding:14px 0; display:inline-block;} /*bg-inner*/ .bg-inner p{ font-size:20px; color:#fff; line-height:30px; margin:20px 0;} .bg-inner p.lead{font-size:24px; font-size:36px; line-height:36px;} .bg-inner h1{color:#fff;font-size:40px; margin:34px 0; letter-spacing:.025em;} .bg-inner h2{color:#fff;font-size:40px; margin:60px 0 20px; letter-spacing:.025em;} .bg-inner-home .btns{margin:30px 0 30px;} .bg-inner-home h1{font-size:36px; text-transform:uppercase;} .bg-inner-home h2{font-size:30px; text-transform:uppercase;} .bg-inner-home .date p{ padding:60px 0 0; font-size:14px;} .bg-inner-simple {padding:20px 0 25px;} .bg-inner-simple h1{ margin:0; text-transform:uppercase;} .bg-inner-details .signature{ position:relative; top:-10px; margin-right:10px; } .coord{ position:absolute; left:0; bottom:80px; width:100%; text-align:center; font-size:12px; z-index:999; color:#fff; letter-spacing:.03em;} .theme .container-fluid{ padding:0; overflow:hidden;} .theme h2, .item-sliderblock h2{margin:43px 0} .item{position:relative; background-color:#f4ece7; margin-bottom:4px;} .overlay-filter{background-color:#000000; opacity:.4; position:absolute; top:0; left:0; right:0; bottom:0; z-index:90;} .overlay{ position:absolute; top:50%; left:0; margin-top:-70px; text-align:center; z-index:95; width:100%; color:#fff; padding: 0 5px;} .overlay h5{ font-size:16px; text-transform:uppercase; color:inherit; margin:16px 0;} .overlay h5 span{ display:block; font-size:14px; text-transform:none; padding-bottom:10px;} .sq{ width:11px; height:11px; border-width:1px 0 0 1px; border-style:solid; border-color:#fff; display:block;margin:0 auto 20px; position:relative;} .sq:after{ content:""; position:absolute; width:15px; height:1px; background-color:#fff; left:-3px; top:4px; opacity:.8} .item a:hover .overlay-filter{ opacity:0}; /* .item a:hover .overlay{ color:#906359}*/ /*.item a:hover .overlay .sq{ border-color:#906359} .item a:hover img{/*opacity:0;*/ .item-blog h2{ font-size:20px; line-height: 25px; margin-bottom:10px;} .item-blog h2 span{ display:block; font-size:14px; text-transform:none; padding-bottom:20px;} .item-blog-lg h2{ font-size:26px; line-height:30px;} .item-blog .overlay{margin-top:-130px;} .item-blog .date{ position:absolute; bottom:15px; font-size:14px; left:12px; right:12px; text-align:center; z-index:100;color:#fff;} .item-sliderblock{ padding:0 25px; margin-bottom:55px; overflow:hidden} .item-sliderblock h2{ font-size:22px;} .item-slider{ position:relative; overflow:hidden; margin-bottom:4px;} .item-slider .date{ position:absolute; top:10px; right:12px; text-align:right; font-size:13px; line-height:18px; z-index:100;color:#fff;} .item-slider .date span{ display:block; font-size:15px;} .item-slider .lead{ font-size:20px; margin-bottom:15px;} .item-slider .details{ position:absolute; bottom:35px; color:#fff; z-index: 100 ; padding:0 20px; width:100% } .location{margin:0; padding:0; list-style:none; position:absolute; bottom:15px; left:0; width:100%; text-align:center; z-index:98; color:#fff } .location li{ position:relative; display:inline; padding:0 8px; line-height:20px; font-size:13px;} .location li+li:after{ /*width:5px; height:5px; border:1px solid #fff;*/content:"|"; position:absolute; left:-5px; top:50%; margin-top:-9px; } .overlay-details{ position:absolute; top:0; opacity:0; z-index:-1; min-height:100%; left:0; width:100%; background-color:#6cabbd; z-index:99; color:#fff; padding:100px 7% 10px; text-align:center;} .item-slider a:after{ position:absolute; bottom:0; left:0; width:100%; z-index:9999; height:100px; opacity:0; content:"";background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} .overlay-details .sq{margin-top:20px;} .overlay-details p{ font-size: 16px; /*text-align:left */} .item-slider a:hover .overlay-details{ top:0; opacity:1; z-index:99; background-color:rgba(0,0,0,.55)} .item-slider a:hover .overlay, .item-slider a:hover .overlay-filter{ opacity:0} .item-slider a:hover:after{ opacity:1;} .item-slider-country a:hover:after{ display:none;} .item-slider-country .overlay{ top:1%;margin-top:0;} .item-slider-country .overlay h5{ font-size:18px; letter-spacing:.05em;} .theme-list{padding:21px 0 0; border-bottom:1px solid #f7f7f7} .theme-lnk{ display:block; text-align:center; font-size:13px; text-transform:uppercase; color:#535353; letter-spacing:.08em; margin-bottom:21px;} .theme-lnk .ico{margin-bottom:10px;} .theme-lnk span{ display:block;} .theme-explore{padding:45px 0 0;} .theme-explore h3{margin:30px 15px;} .theme-explore .item .overlay{ top:auto; bottom:30px; margin-top:0;} .theme-explore .item .overlay p{margin:0 25px;} .blog-auth-title{margin-bottom:30px;} .auth-img img{ width:165px; height:165px; margin:50px 0;} .testimonials {background-color:#fbfbfb} .item-slider-and-text{margin-top:30px;} /*filter*/ .filterbox{padding-bottom:60px;} .filter-title{border-width:1px 0; border-style:solid; border-color: #81bcca; text-align:center;font-size:14px; text-transform:uppercase; color:#535353; padding:20px 0 16px;} .filter-title .ico{margin-right:5px; position:relative; top:2px;} .filters{margin-bottom:45px;} .button-group{border-bottom:1px solid #81bcca; z-index:9999; background-color:#fff; } .button-group .button{font-size:13px; text-transform:uppercase; color:#535353; padding:15px 0 12px; height:50px; line-height:26px; border:none;background-color:transparent; margin:0 13px;position:relative; letter-spacing:-.01em; } .button-group .button + .button:before{ width:6px; height:6px; border:1px solid #81bcca;content:""; position:absolute; left:-17px; top:25px; } .button-group .button:focus, .button-group .button:active{ outline:none;} /* lighter hover colour than active for multiple filter */ .button-group .button:hover{ border-bottom:4px solid #C7E2E8; padding-bottom:8px; text-decoration:none; color:#000;} .button-group .is-checked{ border-bottom:4px solid #81bcca; padding-bottom:8px; text-decoration:none; color:#000;} .filters h5.filter-message, .button-group p{ display:inline-block; text-transform:uppercase; font-size:13px; font-weight:bold;} .filters h5.filter-message{ padding-top:15px;} .button-group label{font-size:13px; text-transform:uppercase; color:#535353; padding:15px 0 12px; height:50px; line-height:26px; border:none;background-color:transparent; margin:0 13px;position:relative; letter-spacing:-.01em; cursor:pointer; display:inline-block; font-weight:normal; } .button-group label input{ position:absolute;left:-15px; top:0; opacity: 0; filter:alpha(opacity=0); } .button-group label:before{ width:6px; height:6px; border:1px solid #81bcca;content:""; position:absolute; left:-17px; top:24px; } .button-group label:focus, .button-group label:active{ outline:none;} .button-group p{padding-right:13px;} .filter-items .row2 > div{padding-bottom:4px; z-index:99;} .filter-items .item-slider {margin-bottom:0px;} .program-in{ padding:0 10%;} /* .extensie{padding-bottom:45px!important;} */ /*contact*/ #map {width: 100%;height: 500px; } .panel-group{margin:30px 0;} .panel-group .panel+.panel{ margin-top:-1px} .panel-default{ border-width:1px 0; box-shadow:none;} .panel-default>.panel-heading+.panel-collapse>.panel-body{ border:none} .panel-heading{ padding:0;} .panel-heading .panel-title{padding:12px 0; margin:0;} .panel-heading a, .panel-heading a:hover, .panel-heading a:active{ text-decoration:none !important ;} .panel-body{padding:0;} .newsletter.bg-gray {background-color:#fbfbfb} .newsletter h2{ font-size:22px; letter-spacing:0; color:inherit} .footer-links{background-color:#fff;background-color:rgba(255,255,255,.70); color:#2c3540; padding:40px 0 } .footer-links h3{margin-bottom:25px; font-size:18px;} .footer-textblock ul{ list-style:none; margin:0 0 15px; padding:0;} .footer-textblock ul li{ font-size:16px; line-height:30px;} footer {background-color:#598490; color:#fff; padding:30px 0;} footer h3{margin:20px 0 23px; color:inherit; font-size:18px;} footer a{ font-size:16px;margin:3px 0;color:#fff} footer a:hover{ text-decoration:underline; color:#fff;} footer .img-gfg{margin-bottom:15px;} .footer-text{padding:0 0 25px 0;} .footer-text .footer-logo{ display:inline-block; margin-bottom:30px;} .footer-text p{ line-height:30px; font-size:16px;} .lnk-footer{ text-decoration:underline; font-size:14px;} .list-social { overflow:hidden; list-style:none;padding:0; } .list-social li{ display:inline; padding:0 3px; } .list-social-blue a{ display:block; background-color: #6cabbd; border-radius:35px; height:35px; width:35px; line-height:35px;} .frm-newletter {margin:11px 0;} .frm-newletter .form-control{ border:1px solid #d5e3e7; font-size:16px; color:#fff; height:48px; margin-bottom:15px} .frm-newletter .form-control::-moz-placeholder{color:#fff;opacity:1} .frm-newletter .form-control:-ms-input-placeholder{color:#fff} .frm-newletter .form-control::-webkit-input-placeholder{color:#fff} .newsletter.bg-gray .frm-newletter .form-control{ color:#000; } .newsletter.bg-gray .frm-newletter .form-control::-moz-placeholder{color:#000;} .newsletter.bg-gray .frm-newletter .form-control:-ms-input-placeholder{color:#000} .newsletter.bg-gray .frm-newletter .form-control::-webkit-input-placeholder{color:#000} .info__item:nth-child(odd) {background: #F2F7F7;} .info__item { position:relative;padding:10px 20px; line-height:25px;} .info__item .btn{margin-bottom:15px;} /*MOBILE FIRST */ @media(min-width:580px){ .blck{ padding:60px 0} .pb60{padding-bottom:60px;} .row2 .col-custom-5{ width:33.33%;} .row2 .col-custom-3with2{margin-left:16.665%;margin-left:0; width:50%;} .row2 .col-custom-2with1{margin-left:0; width:50%;} .item-sliderblock{ padding:0 35px; margin-bottom:60px;} .item-slider .date{ position:absolute; top:25px; right:22px;line-height:22px; } .location{bottom:40px; } } @media(min-width:768px){ .navbar-main{padding:50px 0;} .navbar-nav>li>a{padding:13px 5px;} .navbar-nav>li>a:after{ content:""; position:absolute; bottom:0; left:5px; right:5px; height:1px; background-color:#fff;opacity:0;} .navbar-nav>li>.btn-border{ margin-left:5px; } .nav-submenu{ display:block !important;} .nav-submenu-mobile, .nav-submenu-mobile-details{ display:none!important;} .searchbox { top:0; right:0;} .searchshow .searchbox { padding-left:300px;} .bg-inner-simple {padding:0 0 80px;} .bg-inner-home .btns{margin:92px 0 30px;} .bg-inner-details h1{ position:relative; display:inline-block; font-size:55px; line-height:65px;} .footer-text{padding:10px 0 0;} .panel-group{margin:50px 0;} .panel-heading .panel-title{padding:22px 0;} .filter-title{padding:26px 0 21px;} .filter-list{ text-align:center;} .filter-list .button-group{ display:inline-block !important;} .button-group{ text-align:center; display:inline-block;} .item-slider-country .overlay{ top:20%;} .info__item .info__item__header{padding-right:190px;} .info__item .btn{position:absolute; top:20px; right:20px;} .overlay h5{ font-size:22px; } .item-blog h2{ font-size:26px; line-height: 30px; margin-bottom:10px;} .item-blog h2 span{ display:block; font-size:14px; text-transform:none; padding-bottom:30px;} .item-blog-lg h2{ font-size:36px; line-height:40px;} .item-blog .overlay{margin-top:-130px;} .item-blog .date{ bottom:35px; } } @media(min-width:992px){ .row2 .col-custom-5{ width:20%;} .col-custom-3with2{margin-left:0;} .navbar-brand{ width:231px;} .navbar-nav>li>a{padding:15px 10px; letter-spacing:.08em;} .navbar-nav>li>a:after{left:15px; right:15px;} .navbar-nav>li+li{padding-left:5px;} .navbar-nav>li>.btn-border{padding:14px 10px 12px; line-height:20px; margin-left:5px;} .nav-submenu li, .nav-submenu .sub{ padding:0 30px} .filter-items { padding:0 30px;} .bg-inner-details .signature{ position:absolute; right:100%;top:13px; margin-right:15px;} .item-slider-country .overlay{ top:20%;} .program-in{ max-width:700px; padding:0 10%;} } @media(min-width:1200px){ .navbar-nav>li>a{padding:15px;} .navbar-nav>li+li{padding-left:25px;} .navbar-nav>li>.btn-border{padding:14px 17px 12px; margin-left:15px;} .item-slider-country .overlay{ top:30%;} .program-in{ max-width:700px; padding:0 15%;} } @media(min-width:1025px){ .bg-fixed{background-attachment: fixed; background-position:50% 0; } } @media(min-width:768px) and (max-width:1100px){ .overlay{margin-top:-54px;} .overlay h5{margin:4px 0;} .item-slider-country .overlay h5{margin:15px 0;} .navbar .container{ width:100%; p} } @media(min-width:550px) and (max-width:767px){ .filter-items .row2 .col-sm-6, /* .extensie .row2 .col-sm-6{ width:50%; float:left;} */ } /*MAX*/ @media(max-width:991px){ /*.navbar-right{margin-right:10px;}*/ } @media(max-width:767px){ .btns-vertical, .frm .btns{ text-align:center;} .navbar-collapse{margin-top:50px; text-align:center} .navbar-right{margin:0} .navbar-brand{width:130px; position:absolute; left:50%; margin-left:-65px;} footer .row > div{ text-align:center} .nav-submenu .sub{ padding:0px} .filters, .filter-mask{-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .filters{ position:absolute; top:15px; left:15px; right:15px; z-index:9999; background-color:#fff; opacity:0; visibility:hidden; padding:20px 15px 15px; } .filter-mask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0; } #filter-open{ cursor:pointer;} .filter-mobile-active .filters{ opacity:1; visibility:visible;} .filter-mobile-active .filter-mask{ opacity:.7;background-color:#000; z-index:9990;} .filter-heading-mobile, .filter-list {border-bottom:1px solid #ededed; } .filter-heading-mobile .btn{margin-top:15px;} .filter-heading-mobile p{ margin:0; padding:15px; text-align:center;} .filter-reset, .filter-close { cursor:pointer;} .filter-list .button-group{ display:none;} .button-group-name-mobile{ position:relative; padding:10px 0 7px; text-transform:uppercase; cursor:pointer;} .button-group-name-mobile .btn-group-open{ position:relative; z-index:2; } .button-group-name-mobile .button-group-close{ position:absolute; top:50%; right:0; margin-top:-9px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); transform:rotate(45deg); z-index:1;} .open-group .button-group-name-mobile .button-group-close{-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg); transform:rotate(0deg); z-index:3} .button-group{ padding-left:25px;} .button-group .button, .button-group label{ display:block;width:100%; padding:10px 0; text-align:left; height:35px;} .button-group .button:before, .button-group label:before{ top:19px !important;} .button-group .button:hover, .button-group .is-checked, .button-group label:hover{ padding:10px 0; border-bottom:0;} .button-group .is-checked:before{border-color:#000 !important;} } @media (max-width:549px){ .filter-items .row2 .col-sm-6{width:100%;} } @media (max-width:480px){ .col-custom-5 .overlay{margin-top:-54px;} .col-custom-5 .overlay h5{margin:4px 0;} .bg-inner h1 {font-size: 34px; margin: 24px 0; line-height:34px;} } /** * Owl Carousel v2.1.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-dots{ text-align:center;} .owl-carousel .owl-dot{width:11px; height:11px; display:inline-block; margin:0 7px; position:relative;} .owl-carousel .owl-dot:after, .owl-carousel .owl-dot:before{width: 0;height: 0;border-style: solid; position:absolute; top:0; left:50%; content:""; } .owl-carousel .owl-dot:before{border-width: 0 5px 11px 5px;border-color: transparent transparent #6cabbd transparent; margin-left:-5px;} .owl-carousel .owl-dot:after{border-width: 0 3px 9px 3px;border-color: transparent transparent #fff transparent; margin-left:-3px; top:1px;} .owl-carousel .owl-dot.active:after{display:none;} .item-slider-and-text .owl-carousel .owl-dot{ /*border:1px solid #fff*/} .item-slider-and-text .owl-carousel .owl-dot:before{border-color: transparent transparent #fff transparent; margin-left:-5px;} .item-slider-and-text .owl-carousel .owl-dot.active:before{border-color: transparent transparent #6cabbd transparent; } .owl-nav div{ position:absolute; top:50%;background-repeat:no-repeat; width:50px; height:50px; background-position:50% 50%; margin-top:-25px;} .owl-nav .owl-prev{left:-50px; background-image:url(images/previous.png);} .owl-nav .owl-next{right:-50px; background-image:url(images/next.png);} .owl-singleitem .owl-dots{margin-top:-40px; padding-bottom:20px;} .owl-singleitem .owl-nav .owl-prev{left:5px; background-image:url(images/previous-white.png);} .owl-singleitem .owl-nav .owl-next{right:5px; background-image:url(images/next-white.png);} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ico-search{background-image:url(images/search@2x.png); background-size:24px 24px;} .ico-facebook{background-image: url(images/facebook@2x.png); background-size:35px 34px;} .ico-instagram{background-image: url(images/instagram@2x.png); background-size:35px 35px;} .ico-lama{background-image: url(images/lama@2x.png); background-size:96px 48px;} .ico-arrow-down{background-image:url(images/arrow-down-big@2x.png); background-size:24px 14px;} .ico-arrow-down-dark{background-image:url(images/arrow-down-big-dark@2x.png); background-size:24px 14px;} .ico-arrow-left-dark{background-image:url(images/arrow-left-big-dark@2x.png); background-size:14px 24px;} .ico-country1{background-image: url(images/lama@2x.png); background-size:96px 48px;} .ico-country2{background-image: url(images/lama@2x.png); background-size:96px 48px;} .ico-country3{background-image: url(images/lama@2x.png); background-size:96px 48px;} .ico-country4{background-image: url(images/lama@2x.png); background-size:96px 48px;} .ico-country5{background-image: url(images/lama@2x.png); background-size:96px 48px;} .ico-bushplane{background-image: url(images/bushplane-wit@2x.png); background-size:86px 33px;} .ico-wildlife{background-image: url(images/wildlife-wit@2x.png); background-size:66px 72px;} .ico-railroads{background-image: url(images/roads-wit@2x.png); background-size:80px 63px;} .ico-boat{background-image: url(images/cruise-wit@2x.png); background-size:69px 58px;} .ico-roads{background-image: url(images/roads-wit@2x.png); background-size:80px 63px;} .ico-hiking{background-image: url(images/hiking-wit@2x.png); background-size:60px 66px;} .ico-wildlife-smallbrown{background-image:url(images/wildlife@2x.png) ; background-size:38px 41px;} .ico-bushplane-smallbrown{background-image:url(images/bushplane@2x.png) ; background-size:56px 22px;} .ico-railroads-smallbrown{background-image:url(images/trains@2x.png) ; background-size:51px 31px;} .ico-boat-smallbrown{background-image:url(images/cruise@2x.png) ; background-size:45px 38px;} .ico-roads-smallbrown{background-image:url(images/roads@2x.png) ; background-size:39px 31px;} .ico-hiking-smallbrown{background-image:url(images/lama-brown-small@2x.png) ; background-size:60px 49px;} .ico-filter{background-image:url(images/filter@2x.png) ; background-size:13px 14px;} .ico-close{background-image:url(images/close@2x.png) ; background-size:13px 14px;} .ico-close-small{background-image:url(images/close-small@2x.png) ; background-size:15px 15px;} .ico-facebook-b{background-image: url(images/ico-social-facebook@2x.png); background-size: 8px 15px} .ico-twitter-b{background-image: url(images/ico-social-twitter@2x.png); background-size: 16px 13px} .ico-linkedin-b{background-image: url(images/ico-social-linkedin@2x.png); background-size: 16px 15px} .ico-pinterest-b{background-image: url(images/ico-social-pinterest@2x.png); background-size: 12px 15px} .ico-instagram-b{background-image: url(images/ico-social-instagram@2x.png); background-size: 16px 16px} .ico-youtube-b{background-image: url(images/ico-social-youtube@2x.png); background-size: 13px 16px} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1025px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1025px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 1025px), only screen and ( min-resolution: 192dpi) and (min-width: 1025px), only screen and ( min-resolution: 2dppx) and (min-width: 1025px) { } @-webkit-keyframes searchform-fade { 0% { opacity:0; left:100px; -webkit-animation-timing-function:cubic-bezier(0.67, 0, 0.33, 1); animation-timing-function:cubic-bezier(0.67, 0, 0.33, 1); } 100% { opacity:1; left:0 } } @keyframes searchform-fade { 0% { opacity:0;left:100px; -webkit-animation-timing-function:cubic-bezier(0.67, 0, 0.33, 1); animation-timing-function:cubic-bezier(0.67, 0, 0.33, 1) } 100% { opacity:1;left:0 } } @-webkit-keyframes searchinput-fade { 0% { opacity:0 } 100% { opacity:1 } } @keyframes searchinput-fade { 0% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes item-searchshow { 0% { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1) } 40% { opacity:1 } 100% { opacity:0; -webkit-transform:scale(0.7); transform:scale(0.7) } } @keyframes item-searchshow { 0% { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1) } 40% { opacity:1 } 100% { opacity:0; -webkit-transform:scale(0.7); transform:scale(0.7) } } @-webkit-keyframes item-searchhide { 0% { opacity:0; -webkit-transform:scale(0.7); transform:scale(0.7) } 60% { opacity:1 } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1) } } @keyframes item-searchhide { 0% { opacity:0; -webkit-transform:scale(0.7); transform:scale(0.7) } 60% { opacity:1 } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1) } } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 130px; height: 130px; margin: -65px 0 0 -65px; border-radius: 50%; /*border: 2px solid transparent; border-top-color: #fff; -webkit-animation: rot 3s linear infinite; animation: rot 3s linear infinite;z-index: 1001;*/ } #loader2 { display: block; position: relative; left: 50%; top: 50%; width: 120px; height: 100px; margin: -50px 0 0 -60px; z-index: 10001; background: url(images/bear.png) no-repeat 50% 50%; -webkit-animation: sk-rotateplane 4s linear infinite; animation: sk-rotateplane 4s linear infinite; } .loader2_parent{position:absolute; z-index:9999; top:0; left:0; width:100%; height:100%;} /*#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fff; -webkit-animation: spin 4s linear infinite;animation: spin 4s linear infinite; }/* #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fff; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }*/ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @-webkit-keyframes rot { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes rot { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: rotateY(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotateY(0deg); /* IE 9 */ transform: rotateY(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotateY(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotateY(360deg); /* IE 9 */ transform: rotateY(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes sk-rotateplane{ 0% { -webkit-transform: rotateY(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotateY(0deg); /* IE 9 */ transform: rotateY(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotateY(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotateY(360deg); /* IE 9 */ transform: rotateY(360deg); /* Firefox 16+, IE 10+, Opera */ } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #fff; z-index: 1000; } #loader-wrapper .loader-section.section-left { left: 0; width:100%} #loader-wrapper .loader-section.section-right { right: 0; display:none; } /* Loaded styles */ /*.loaded #loader-wrapper .loader-section.section-left {opacity:0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #loader-wrapper .loader-section.section-right {opacity:0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000); } */ .loaded #loader-wrapper .loader-section.section-left {opacity:0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader2 { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } .no-js #loader-wrapper { display:none;} /*PHOTOSWIPE*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*