@import url('https://fonts.googleapis.com/css?family=Athiti');
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
.infinemneu *,.list_left{
line-height:auto !important;
}
.infinemneu a{
line-height:auto !important;
}
.list_left {
list-style: none url();
display: none;
position: absolute;
left: 100%;
top: 0px;
line-height:auto;
}
.optitlel{
background:rgba(255,255,255,.6);
margin-top:45px;
padding:15px;
box-sizing: border-box;
}
.bgoci{
background:rgba(255,255,255,.6);
padding:15px;
box-sizing: border-box;
}
.opblouebg{}
.opblouebg:hover{
background:#d1f1f0;
transition: background-color 0.5s ease;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.opblouebg img{
-webkit-box-shadow: 0px 0px 20px 0px rgba(242,237,242,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(242,237,242,1);
box-shadow: 0px 0px 20px 0px rgba(242,237,242,1);
}
.bluegg{
color:#fff;
background: rgba(1,94,194,1);
background: -moz-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,94,194,1)), color-stop(100%, rgba(5,143,241,1)));
background: -webkit-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: -o-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: -ms-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: linear-gradient(to bottom, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015ec2', endColorstr='#058ff1', GradientType=0 );
}
.titlediolo{
position: absolute;
width:100%;
left:0;
top:0;
}
.titlediolo1{
position: absolute;
width:100%;
left:0;
bottom:0px;
}
.hv56{display:none;}
.inwoith{
width:665px
}
.inwoith a{
float:left !important;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
body{
font-family: 'Athiti', sans-serif;
font-size:16px;
line-height:1.5em;
color:#131313;
}
.daygoout{
display: inline-block;
margin-right: 10px;
maring-top:5px;
background: #00d2c2;
text-align: center;
border-radius: 4px;
color: #fff;
padding: 3px 15px;
}
.btrg{
display: inline-block;
margin-right: 10px;
maring-top:5px;
background: #ecc452;
text-align: center;
border-radius: 4px;
color: #fff;
padding: 3px 15px;
}
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
h1,h2,h3,h4,h5,h6{
text-transform: uppercase;
color:#0576d6;
}
strong{
color:#0576d6;
}
a{text-decoration: none;color:#000;}
img{border: none;max-width:100%;}
.thumbb{
position: relative;
margin:2px;
display:block;
}
.phone{
font-size:20px;
font-weight: bold;
color: rgba(73,155,234,1);
color: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(14,126,245,1) 100%);
color: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(14,126,245,1)));
color: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(14,126,245,1) 100%);
color: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(14,126,245,1) 100%);
color: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(14,126,245,1) 100%);
color: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(14,126,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0e7ef5', GradientType=1 );
}
.txt_input{
width:100%;
text-indent: 15px;
padding:7px 0px;
text-indent: 5px;
font-size:16px;
color:rgb(64,64,64);
font-style: italic;
border-top: 5px solid #fff;
border-left:0;
border-right:0;
border-bottom:0;
min-height:25px;
margin-bottom:25px;
color:#282828;
background:rgb(240,240,240);
}
.txt_input:hover{
border-top: 5px solid #ebbfbc;
}
.cgallery {
widtH: 25%;
float: left;
height: 200px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
display: block;
}
.menu_top{
text-align: center;
margin:0 20px;
}
.menu_top span{
position: relative;
}
.menu_top a{
font-size: 18px;
line-height: 83px;
display: inline-block;
padding: 0px 16px;
border-right: 1px solid #fff;
color:#2c2e2e;
}
.menu_top .submenu a{
line-height: 23px;
}
.actopmenu{
}
.menu_top a:hover{
color:#fff;
background: rgba(1,94,194,1);
background: -moz-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,94,194,1)), color-stop(100%, rgba(5,143,241,1)));
background: -webkit-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: -o-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: -ms-linear-gradient(top, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
background: linear-gradient(to bottom, rgba(1,94,194,1) 0%, rgba(5,143,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015ec2', endColorstr='#058ff1', GradientType=0 );
}
.menu_top a:last-child{
border-right: none;
}
.fllist{
float:left;
width:14.285%;
}
.fllist li{
list-style-image: url(../image/list1.png);
}
.submenu{
background:#048ef0;
display: none;
position: absolute;
left:0;
padding:0px 0px;
text-align: left;
z-index:999;
}
.submenu a{
display:block !important;;
padding:10px 20px !important;
color:#fff !important;
margin:0;
min-width:180px;
border:none;
border-bottom: 1px solid #fff;
}
.submenu a:hover{
color:#000 !important;
}
.menu_tour{
text-align: right;
margin-top:10px;
}
.menu_tour a{
font-size:18px;
line-height:16px;
display:inline-block;
padding:0px 15px;
border-right: 1px solid #fff;
color:#fff;
}
.menu_tour a:hover{
color:#01bff3;
}
.b-banner{
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
background-repeat: no-repeat;
background-position: center center;
height:400px;
}
.a-banner{
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
background-repeat: no-repeat;
background-position: center center;
}
.inbgcxx{
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.ftext{
position: absolute;
bottom: 20px;
width:360px;
color:#fff;
left:2%;
z-index:9999;
}
.icon_sh{
text-align: center;
background:rgba(0,162,227,.8);
float:left;
width:70px;
height:80px;
margin-right:2px;
}
.icon_sh .fa{
font-size:28px;
line-height:50px;
}
.content_sh{
background:rgba(255,255,255,.8);
width:358px;
}
.datash{
padding:10px 25px;
color:#000000;
}
.linput {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 7px;
outline: none;
}
.top_title{
text-align: center;
font-size:30px;
font-weight: normal;
color:#000;
}
.overimg a{
position: relative;
display: block;
overflow: hidden;
background:#000;
}
.overimg{
position: relative;
display: block;
overflow: hidden;
}
.overimg img{
display:block;
}
.grow{ transition: all .4s ease-in-out;
}
/*
.overimg:hover .tagg{ transform: scale(1.2); opacity: .5; }
*/
.overimg:hover .tagg{
background:rgba(44,176,149,.9);
transition: all .4s ease-in-out;
opacity: 1;
}
.tagg{
position: absolute;
top: 0px;
left:0;
width:100%;
color:#fff;
height:100%;
background:none;;
transition: all .4s ease-in-out;
opacity: 1;
}
.textd{
position: absolute;
width:100%;
z-index:998;
color:#fff;
z-index:100;
}
.ttile_s{
padding:2px 10px;
text-decoration: line-through;
}
.lineag{
width:100px;
height:3px;
margin:15px auto;
background:#0acdde;
}
.ttile_f{
padding:2px 10px;
font-size:17px;
}
.btsto{overflow: hidden;}
.ttile_f img{
}
.ttile_f span{2em;}
.bordertxt{
color:#fff;
border: 1px solid #fff;
display:inline-block;
padding:5px 25px;
margin:0 atuo;
font-size:18px;
}
.ttile{
padding:10px;
font-size:17px;
text-align: right;
}
.tourline{
float:left;
}
.tour_des_first{
background:#fff;
position: relative;
}
.tour_des_first p{
padding:10px 15px;
}
.tour_des_first strong{
font-size:1.5em;
}
.tour_des_first span{
color:rgb(160,160,160);
}
.bt_link{
transition: all 0.5s ease;
}
.bt_link:hover{
background:#00c0f1;
color:#fff;
transition: all 0.5s ease;
}
.bloueco{
background:#7bcbc8;
color:#fff;
padding:10px 0;
clear: both;
}
.tour_des_first1{
background:#fefbfc;
position: relative;
}
.tour_des_first1 p{
padding:3px 15px 10px 15px;
font-size:16px;
}
.tour_des_first1 strong{
}
.tour_des_first1 span{
color:rgb(160,160,160);
}
.inline{
float:left;
}
.nav_tour{
list-style: none url();
text-align:center;
}
.nav_tour li{
display:inline-block;
color:#fff;
}
.nav_tour li a{
display:inline-block;
color:#fff;
padding:4px 10px;
}
.nav_tour li a:hover{
color:#000;
}
.leftstyleb .four{
margin-bottom:10px;
}
.ioncim{
width:120px;
height:120px;
background-color:none;
border-radius:50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 3px solid #fff;
-moz-transition: all .5s ease-in;
/* WebKit */
-webkit-transition: all .5s ease-in;
/* Opera */
-o-transition: all .5s ease-in;
/* Standard */
transition: all 1s ease-in;
margin:0px auto;
text-align: center;
}
.ioncim:hover{
-moz-transition: all .3s ease-in;
/* WebKit */
-webkit-transition: all .3s ease-in;
/* Opera */
-o-transition: all .3s ease-in;
/* Standard */
transition: all .3s ease-in;
background-color:#fff;
}
.ioncim:hover i{
color:#00BFF3;
-moz-transition: all .3s ease-in;
/* WebKit */
-webkit-transition: all .3s ease-in;
/* Opera */
-o-transition: all .3s ease-in;
/* Standard */
transition: all .3s ease-in;
}
.ioncim i{
/*
line-height:200px;
*/
color:#fff;
-moz-transition: all .3s ease-in;
/* WebKit */
-webkit-transition: all .3s ease-in;
/* Opera */
-o-transition: all .3s ease-in;
/* Standard */
transition: all .3s ease-in;
}
.ioncim .fa{
font-size:3em;
margin-top:10%;
margin-bottom:10px;
}
.ioncim p{
color:#fff;
padding:0 15px;
-moz-transition: all .3s ease-in;
/* WebKit */
-webkit-transition: all .3s ease-in;
/* Opera */
-o-transition: all .3s ease-in;
/* Standard */
transition: all .3s ease-in;
font-size: 17px !important;
}
.ioncim:hover p{
color:#00bff3;
-moz-transition: all .3s ease-in;
/* WebKit */
-webkit-transition: all .3s ease-in;
/* Opera */
-o-transition: all .3s ease-in;
/* Standard */
transition: all .3s ease-in;
}
.border_box{
display:inline-block;
padding:10px 25px;
border: 3px solid #fff;
margin:15px auto;
color:#fff;
font-size:20px;
}
.border_box1{
width:100%;
display:block;
padding:10px 0px;
border: 1px solid #fff;
margin:15px auto;
color:#fff;
font-size:16px;
text-align: center;
cursor:pointer;
}
.border_box1:hover{
-moz-transition: all .3s ease-in;
/* WebKit */
-webkit-transition: all .3s ease-in;
/* Opera */
-o-transition: all .3s ease-in;
/* Standard */
transition: all .3s ease-in;
background:#0076be;
color:#fff;
}
.gdbackground{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,00b9ef+0,0173bc+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #00b9ef 0%, #0173bc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#00b9ef 0%,#0173bc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#00b9ef 0%,#0173bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0173bc',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.bbub{display:inline-block;
width:60px;
}
.footer_link{
list-style: none url();
}
.footer_link a{
color:#fff;
font-size:16px;
}
.footer_link a:hover{
text-decoration: underline;
}
.atopm{
list-style: none url();
clear:both;
display:block;
width:100%;
margin:10px 0;
}
.atomp span{
display:inline-block !important;
}
.atopm span a{
color:#000;
display:inline-block !important;
margin-left:10px;
background:#fff;
border-radius: 50%;
width: 32px;
height: 32px;
line-height: 34px;
text-align: center;
font-size:18px;
color:#019dda;
}
.atopm1{
list-style: none url();
display:inline-block;
}
.atomp1 span{
display:inline-block !important;
}
.atopm1 span a{
display:inline-block !important;
margin-left:10px;
background:#f7941e;
border-radius: 50%;
width: 32px;
height: 32px;
line-height: 34px;
text-align: center;
font-size:18px;
color:#fff;
}
.dvrx{list-style: none url();}
.dvrx li{
float:left;
width:50%;
}
.dvrx li a{
font-size:16px;
font-weight: bold;
}
.dvrx li span a{
font-weight: normal;
display: block;
}
.menu-collapsed {
transition:all .5s;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1;
cursor:pointer;
z-index: 9999999;
display: none;
}
.menu-collapsed ul {
transition:all .8s;
position:fixed;
left:-9000px;
}
.menu-collapsed a{
opacity: 0;
}
.menu-collapsed p{
opacity: 0;
}
.menu-collapsed span{
opacity: 0;
}
.menu-collapsed .atopm *{
visibility: hidden;
}
.menu-collapsed .bar {
position:fixed;
/*
left:12px;
top:24px;
*/
right:5%;
top:24px;
height:4px;
width:26px;
/* border-radius:15px; */
background-color:rgba(255,255,255,0);
z-index:888888888888888888;
}
.menu-collapsed .bar:before {
transition:all .8s;
content:"";
position:absolute;
left:0;
top:-8px;
height:4px;
width:26px;
/* border-radius:15px; */
background-color:rgba(255,255,255,0);
z-index:888888888888888888;
}
.menu-collapsed .bar:after {
transition:all .8s;
content:"";
position:absolute;
left:0;
top:8px;
height:4px;
width:26px;
/* border-radius:15px; */
background-color:rgba(255,255,255,0);
z-index:888888888888888888;
}
.menu-expanded {
transition:all .5s;
position: fixed;
line-height: 20px;
height:100%;
width:100%;
border-radius:0px;
top:0;
right:0;
background:rgba(10,205,222,.95);
z-index:666666666666666;
overflow-y: scroll;
display:block;
color:#fff;
}
#tran_by1 h2,#tran_by2 h2{
color:#92c7c1;
}
.menu-expanded .atopm *{
visibility: visible;
}
.menu-expanded p{
opacity: 1;
}
.menu-expanded span{
opacity: 1;
}
.menu-expanded strong{
font-weight: bold;
display:block;
padding:0px 0 0 0;
font-size:18px;
}
.xlineh{
background: #1ecbc6;
width:20%;
height:1px;
margin-bottom:10px;
}
.menu-expanded ul {
transition:all .05s;
position:relative;
left:0;
z-index:2;
list-style: none url();
}
.menu-expanded a {
transition:all .15s;
text-decoration:none;
color:white;
font-size:14px;
opacity: 1;
padding:5px;
margin:0px;
display:block;
}
.menu-expanded a:hover {
transition:all .15s;
color:#000;
}
.menu-expanded .bar {
background-color:transparent;
transition:all .25s;
/* background-color:rgba(255,255,255,.75); */
}
.menu-expanded .bar:before {
transition:all .25s;
content:"";
transform:rotate(45deg);
top:-0px;
background-color:rgba(255,255,255,.75);
}
.menu-expanded .bar:after {
transition:all .25s;
content:"";
transform:rotate(-45deg);
top:0px;
background-color:rgba(255,255,255,.75);
}
.clep{
position: absolute;
width:30px;
height:30px;
top:45%;
z-index:999;
font-size:25px;
color:#fff;
}
.rollover {
opacity: 1;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background:url(add.png) center center no-repeat #000;
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
}
.rollover:hover {
opacity: .5;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
-webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
}
.rollover1 {
opacity: 1;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background:rgba(10,150,245,.8);
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
color:#fff !important;
}
.rollover1:hover {
opacity: .9;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
-webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
}
.bon{
position: absolute;
width:100%;
left:0;
top:35%;
}
.navbg .bon{
position: relative;
padding:25px 0;
}
.bon input{
width:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:7px;
outline: none;
margin-bottom: 15px;
font-family: 'Conv_SukhumvitSet-Thin', sans-serif;
}
.ddn{
transition: all .4s ease-in-out;
background:#1197D4;
color:#fff;
border:2px solid #1197D4;
font-weight: bold;
}
.ddn:hover{
transition: all .4s ease-in-out;
background:#025477;
border:2px solid #025477;
}
.lilinem1{
float:left ;
display: block;
margin:0;
padding:0;
vertical-align: top;
box-sizing: border-box;
}
.title_mhead{
background: rgb(240,240,240);
text-align: center;
color:rgb(48,48,48);
padding:25px 0;
}
.cyclex a{line-height:0;}
.left_menu_c{
list-style:none;
}
.left_menu_c li ul{
display:none;
}
.left_menu_c a{
color:#898989;
font-size: 16px;
font-weight: normal;
display:block;
padding:15px 15px;
border-left: 1px solid rgb(240,240,240);
border-right: 1px solid rgb(240,240,240);
border-top: 1px solid rgb(240,240,240);
background:#f9f9f9;
transition: all 0.3s ease 0s;
}
.left_menu_c a:hover{
background:#42A7E0;
transition: all 0.3s ease 0s;
color:#fff;
}
.one-third .tour_des_first1 p{
font-size:16px !important;
}
.one-third .tour_des_first1 strong{
}
.one-third .tour_des_first1 .titlecheck{
}
.list_left{
list-style: none url();
}
.list_left li{
display:block;
}
.list_left a{
font-weight: normal;
display:block;
padding:5px 15px;
background:#048ef0;
}
.dsd{
-webkit-box-shadow: 0px 5px 29px 0px rgba(237,237,237,1);
-moz-box-shadow: 0px 5px 29px 0px rgba(237,237,237,1);
box-shadow: 0px 5px 29px 0px rgba(237,237,237,1);
}
.navbg{
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #00b9ef 0%, #0173bc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#00b9ef 0%,#0173bc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#00b9ef 0%,#0173bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0173bc',GradientType=0 ); /* IE6-9 */
z-index:999999;
color:#fff;
padding:10px 15px;
font-size:20px;
}
.lhs{
list-style: none url();
}
.lhs li{
padding:0px 0;
border: 1px solid rgb(224,224,224);
margin-bottom:10px;
clear:both;
}
.listhead{
display:block;
padding:5px 10px;
background:#00d2c2;
cursor:pointer;
font-size:15px;
line-height: 18px;
border-radius: 5px;
}
.listdet{
padding:15px 15px;
display:none;
font-size:15px;
}
.listdet::after{
content:"";
display:block;
clear:both;
}
.xfrm{color:#00bff3;}
.xfrm input, .xfrm textarea,.xfrm select{
width:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #C2C2C2;
box-shadow: 1px 1px 4px #EBEBEB;
-moz-box-shadow: 1px 1px 4px #EBEBEB;
-webkit-box-shadow: 1px 1px 4px #EBEBEB;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:7px;
outline: none;
margin-bottom: 15px;
font-family: 'Open Sans', sans-serif;
clear:both;
}
.sic{
line-height: 160px;
}
.contactss{
text-align: center;
font-size:25px;
}
.table a:link {
color: #666;
font-weight: bold;
text-decoration:none;
}
.table a:visited {
color: #999999;
font-weight:bold;
text-decoration:none;
}
.table a:active,
.table a:hover {
color: #bd5a35;
text-decoration:underline;
}
.table {
color:#666;
width:100%;
text-shadow: 1px 1px 0px #fff;
background:#eaebec;
margin:20px auto;
border:#ccc 1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-box-shadow: 0 1px 2px #d1d1d1;
box-shadow: 0 1px 2px #d1d1d1;
}
.table th {
padding:21px 25px 22px 25px;
border-top:1px solid #fafafa;
border-bottom:1px solid #e0e0e0;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
.table th:first-child {
text-align: left;
padding-left:20px;
}
.table tr:first-child th:first-child {
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
}
.table tr:first-child th:last-child {
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px;
}
.table tr {
text-align: center;
padding-left:20px;
}
.table td:first-child {
text-align: left;
padding-left:20px;
border-left: 0;
}
.table td {
padding:5px 18px;
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.table tr.even td {
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.table tr:last-child td {
border-bottom:0;
}
.table tr:last-child td:first-child {
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
}
.table tr:last-child td:last-child {
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
}
.table tr:hover td {
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
.nti{text-align: center;font-size:28px;
color:#499BEA;}
.nti a{
font-size:28px;
color:#499BEA;
}
.hoticon{
position: absolute;
display: inline-block;
right: 5px;
top: 0;
}
.newicon{
position: absolute;
display: inline-block;
right: 40px;
top: 0;
}
.popup-gallery::after{
content:"";
width:100%;
height:25px;
clear:both;
display:block;
}
.popup-gallery a{
display:block;
width:100%;
height:100px;
overflow: hidden;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
background-repeat: no-repeat;
background-position: center center;
}
.retour{
display:block;
width:100%;
height:150px;
overflow: hidden;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
background-repeat: no-repeat;
background-position: center center;
}
.mserviced{
background:#ececec;
padding:10px 0;
text-align:center;
}
.mserviced a{
display:inline-block;
padding:0px 10px;
}
.mserviced a:hover{
color:#009fe3;
}
.clistd{
text-align: center;
}
.clistd div{
display:inline-block;
width:18%;
margin-left:.5%;
box-sizing: border-box;
text-align: center;
margin-top:10px;
}
.clistd div img{
width:95%;
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */
/* #Base 960 Grid
================================================== */
.container {z-index:2; position: relative; width:100%; max-width: 1364px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 1.041666666666667%; margin-right: 1.041666666666667%; }
.row { margin-bottom: 4.166666666666667%; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.columns { width: 4.166666666666667%; }
.container .two.columns { width: 10.41666666666667%; }
.container .three.columns { width: 16.66666666666667%; }
.container .four.columns { width: 22.91666666666667%; }
.container .five.columns { width: 29.16666666666667%; }
.container .six.columns { width: 35.41666666666667%; }
.container .seven.columns { width: 41.66666666666667%; }
.container .eight.columns { width: 47.91666666666667%; }
.container .nine.columns { width: 54.16666666666667%; }
.container .ten.columns { width: 60.41666666666667%; }
.container .eleven.columns { width: 66.66666666666667%; }
.container .twelve.columns { width: 72.91666666666667%; }
.container .thirteen.columns { width: 79.16666666666667%; }
.container .fourteen.columns { width: 85.41666666666667%; }
.container .fifteen.columns { width: 91.66666666666667%; }
.container .sixteen.columns { width: 97.91666666666667%; }
/* .container .one-third.column { width: 31.25%; } */
.container .one-third.column { width: 31.25%; }
.container .two-thirds.column { width: 64.58333333333333%; }
/* Offsets */
.container .offset-by-one { padding-left: 6.25%; }
.container .offset-by-two { padding-left: 12.5%; }
.container .offset-by-three { padding-left: 18.75%; }
.container .offset-by-four { padding-left: 25%; }
.container .offset-by-five { padding-left: 31.25%; }
.container .offset-by-six { padding-left: 37.5%; }
.container .offset-by-seven { padding-left: 43.75%; }
.container .offset-by-eight { padding-left: 50%; }
.container .offset-by-nine { padding-left: 56.25%; }
.container .offset-by-ten { padding-left: 62.5%; }
.container .offset-by-eleven { padding-left: 68.75%; }
.container .offset-by-twelve { padding-left: 75%; }
.container .offset-by-thirteen { padding-left: 81.25%; }
.container .offset-by-fourteen { padding-left: 87.5%; }
.container .offset-by-fifteen { padding-left: 93.75%; }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 1025px) {
.inbgcxx {
height: 230px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inbgcxx {
height: 170px !important;
}
.container { width: 100%; }
.container .column,
.container .columns { margin-left: 1.302083333333333%; margin-right: 1.302083333333333%; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 1.302083333333333%; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 1.302083333333333%; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns { width: 3.645833333333333%; }
.container .two.columns { width: 9.895833333333333%; }
.container .three.columns { width: 16.14583333333333%; }
.container .four.columns { width: 22.39583333333333%; }
.container .five.columns { width: 28.64583333333333%; }
.container .six.columns { width: 34.89583333333333%; }
.container .seven.columns { width: 41.14583333333333%; }
.container .eight.columns { width: 47.39583333333333%; }
.container .nine.columns { width: 53.64583333333333%; }
.container .ten.columns { width: 59.89583333333333%; }
.container .eleven.columns { width: 66.14583333333333%; }
.container .twelve.columns { width: 72.39583333333333%; }
.container .thirteen.columns { width: 78.64583333333333%; }
.container .fourteen.columns { width: 84.89583333333333%; }
.container .fifteen.columns { width: 91.14583333333333%; }
.container .sixteen.columns { width: 97.39583333333333%; }
.container .one-third.column { width: 30.72916666666667%; }
.container .two-thirds.column { width: 64.0625%; }
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
.listdet table{
max-width:100% !important;
width:100%;
}
.listdet table td{
padding:5px 5px;
border-bottom: 1px solid rgb(224,224,224);
}
.footerl1{
display:none;
}
@media only screen and (max-width: 767px) {
.inbgcxx {
height: 340px !important;
}
.titlediolo1{
display:none !important;
}
.mixgi{
min-height:0px !important;
}
.blockin{
}
.ibmo{
width:100%;
float:none;
display:block;
}
.linmo{
text-align: left !important;
margin-top:10px;
}
.ibmo img{
float:none;
margin-top:5px !important;
height:auto !important;
width:80% !important;
}
.onmobile{
display:block !important;
}
.footerl1{
background:#0acdde;
position: fixed;
width:100%;
height:60px;
left:0;
bottom:0;
display: block;
color:#fff;
z-index:999999;
}
.footerl1 a{
color:#fff;
width:25%;
float:left;
text-align: center;
padding-top:9px;
font-size: 10px;
line-height: 1em;
}
.footerl1 a i{
font-size: 33px;
}
.mobilehg{
height:40px !important;
}
.padding_content{
padding-top:70px !important;
}
.inlined{
width:98% !important;
margin:0 auto !important;
clear:both !important;
margin-bottom:10px !important;
}
.footer *,.jidd *{
text-align: left !important;;
}
.tourline {
width: 100% !important;
}
.map_bank{
height:260px !important;
}
.nomobile{display:none !important;}
.logom,.logoa,.topcontact{
text-align: center !important;
}
.masonry {
-moz-column-count: 2 !important;
-webkit-column-count: 2 !important;
column-count: 2 !important;
}
.inlnieb{width:100% !important;height:auto !important;}
.xmobilemm{
height:65px ;
width:100%;
clear:both;
}
.mmenu{
text-align: center !important;
padding-top:15px;
}
.mmenu a{
display:inline-block;
padding:5px 2px !important;
color:#fff;
font-size:12px;
}
.fhead{
padding:15px 0 !important;
clear:both;
}
.inline{
width:100% !important;
}
.df{
display:none !important;
}
.b-banner,.onbanner{
}
.sh,#adv-custom-pager{
display:none !important;
}
ul{
}
li{
padding-left:15px;
}
.glistdd li{
width:100% !important;
padding:0px !important;
height:250px !important;
margin-bottom:5px !important;
}
.fmenulink li{
padding-left:0 !important;
}
.fmenulink li a{
}
.menunews a{
display: inline-block !important;
}
.onm{padding-top:60px !important;}
h1{line-height: 1em !important;;}
.mobilemenux{
display:block !important;
position: fixed;
width:100%;
height:60px;
background:#fff;
z-index:999999;
top:0px;
left:0px;
}
.rowc{
padding:0 !important;
margin:0 !important;
}
.nomobile{display:none !important;}
.container { width: 92%; }
.container .columns,
.container .column { margin: 5px 0 5px 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 100%; }
/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 92%; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 100%; }
}
/* #Clearing
================================================== */
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row">
Note: Or don't use the word clearfix at all because the word is horrible semantically.
Or use less/sass to extend this stylesheet instead.*/
.container:after,
.group:before,
.group:after,
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.container:after,
.row:after,
.clearfix:after,
.group:after {
clear: both; }
.row,
.clearfix,
.group {
zoom: 1; }
/* Removed .clear here to make sure that if you want to break columns out,
you have a reason for doing so. (They should normally end up in a new row.) */
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999991042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999991043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 9999991045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* Style the Sequence container */
#.seq {
position: relative;
/* Dimensions */
width: 100%;
height: 420px;
max-width: 100%;
/* Center the Sequence container on the page */
margin: 0 auto;
padding: 0;
/* Some basic styles */
font-family: sans-serif;
}
.seq .seq-pagination,
.seq .seq-screen,
.seq .seq-canvas,
.seq .seq-canvas > * {
/* Reset the canvas and steps for better browser consistency */
margin: 0;
padding: 0;
list-style: none;
}
.seq .seq-preloader {
background: #279FE5;
}
.seq .seq-pagination {
position: absolute;
z-index: 10;
bottom: 20px;
width: 100%;
border: none;
text-align: center;
}
.seq .seq-pagination a {
display: block;
width: 100%;
height: 100%;
}
.seq .seq-pagination .seq-current {
border-radius: 100%;
}
.seq .seq-pagination > * {
margin: 0 4px;
padding: 0;
display: inline-block;
zoom: 1;
width: 28px;
height: 28px;
cursor: pointer;
background: none;
border: white solid 2px;
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-property: background-color, border-radius;
transition-property: background-color, border-radius;
/* Image replacement */
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.seq .seq-pagination > *:nth-child(1):focus,
.seq .seq-pagination > *:nth-child(1):hover {
background-color: #279FE5;
}
.seq .seq-pagination > *:nth-child(2):focus,
.seq .seq-pagination > *:nth-child(2):hover {
background-color: #F96852;
}
.seq .seq-pagination > *:nth-child(3):focus,
.seq .seq-pagination > *:nth-child(3):hover {
background-color: #2BBF8E;
}
.seq .seq-canvas {
/* Make the canvas the same dimensions as the container and prevent lines
* from wrapping so each step can sit side-by-side */
position: absolute;
height: 100%;
width: 100%;
white-space: nowrap;
/* Reset the font-size to remove 4px from :before and .title */
font-size: 0;
}
.seq .seq-canvas > * {
/* Make the steps the same size as the container and sit side-by-side */
display: inline-block;
zoom: 1;
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: center;
color: white;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.seq .seq-canvas > *:before {
/* Vertically align .seq-content */
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.seq .seq-content {
/* Default styles for content */
display: inline-block;
vertical-align: middle;
max-width: 720px;
margin: 0 4%;
/* Reset the font-size from 0 back to 16 */
font-size: 16px;
}
.seq .seq-button {
display: inline-block;
zoom: 1;
margin-top: 2em;
padding: .6em;
color: white;
border: white solid 2px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transition-duration: .25s;
transition-duration: .25s;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
}
.seq .seq-button:focus,
.seq .seq-button:hover {
background-color: white;
}
.seq .seq-step1 {
background-color: #279FE5;
}
.seq .seq-step1 .seq-button:focus,
.seq .seq-step1 .seq-button:hover {
color: #279FE5;
}
.seq .seq-step2 {
background-color: #F96852;
}
.seq .seq-step2 .seq-button:focus,
.seq .seq-step2 .seq-button:hover {
color: #F96852;
}
.seq .seq-step3 {
background-color: #2BBF8E;
}
.seq .seq-step3 .seq-button:focus,
.seq .seq-step3 .seq-button:hover {
color: #2BBF8E;
}
.seq .seq-title,
.seq .seq-subtitle,
.seq .seq-button {
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.seq .seq-title,
.seq .seq-subtitle {
margin: 0 0 .5em 0;
display: block;
line-height: 1.4;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.seq .seq-title {
font-family: 'Roboto', sans-serif;
font-size: 1.8em;
}
.seq.seq-active {
/* when JS is enabled */
/* Hide anything that goes beyond the boundaries of the Sequence container */
overflow: hidden;
}
.seq.seq-active .seq-preloader,
.seq.seq-active .seq-pagination {
visibility: visible;
}
.seq.seq-active .seq-preloader.seq-preloaded {
visibility: hidden;
}
.seq.seq-active .seq-preloader .seq-preload-circle {
fill: white;
}
.seq.seq-active .seq-content {
/* Pull the content up a bit to account for the pagination */
margin-top: -26px;
}
.seq.seq-active .seq-button {
-webkit-transform: translateZ(0) scale(0);
-ms-transform: translateZ(0) scale(0);
transform: translateZ(0) scale(0);
}
@-webkit-keyframes jelly {
0% {
-webkit-transform: translateZ(0) scale(0);
transform: translateZ(0) scale(0);
}
40% {
-webkit-transform: translateZ(0) scale(1.15);
transform: translateZ(0) scale(1.15);
}
60% {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
80% {
-webkit-transform: translateZ(0) scale(1.05);
transform: translateZ(0) scale(1.05);
}
100% {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}
@keyframes jelly {
0% {
-webkit-transform: translateZ(0) scale(0);
-ms-transform: translateZ(0) scale(0);
transform: translateZ(0) scale(0);
}
40% {
-webkit-transform: translateZ(0) scale(1.15);
-ms-transform: translateZ(0) scale(1.15);
transform: translateZ(0) scale(1.15);
}
60% {
-webkit-transform: translateZ(0) scale(1);
-ms-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
80% {
-webkit-transform: translateZ(0) scale(1.05);
-ms-transform: translateZ(0) scale(1.05);
transform: translateZ(0) scale(1.05);
}
100% {
-webkit-transform: translateZ(0) scale(1);
-ms-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}
.seq.seq-active .seq-title,
.seq.seq-active .seq-subtitle {
/* Starting positions */
opacity: 0;
-webkit-transition-duration: .4s;
transition-duration: .4s;
}
.seq.seq-active .seq-title {
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
.seq.seq-active h3 {
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.seq .seq-in {
/* Animate in positions for content */
}
.seq .seq-in .seq-title,
.seq .seq-in .seq-subtitle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.seq .seq-in .seq-button {
-webkit-animation-name: jelly;
animation-name: jelly;
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.seq .seq-out {
/* Animate out positions for content */
}
.seq .seq-out .seq-title,
.seq .seq-out .seq-subtitle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.seq .seq-out .seq-button {
-webkit-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
}
@media only screen and (min-width: 600px) {
.seq {
/* Make the container 16:9 but no bigger than 90% of the screen height */
position: relative;
height: auto;
height: 100%;
max-height: 90vh;
min-height: 420px;
}
.seq:before {
/* Make an element a certain aspect ratio */
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.seq .seq-screen {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.seq .seq-content {
/* Pull the content up to account for the pagination */
margin-top: -19px;
}
.seq .seq-pagination > * {
width: 20px;
height: 20px;
}
}
@media only screen and (min-width: 768px) {
.seq .seq-title,
.seq .seq-subtitle {
font-size: 1.4em;
}
.seq .seq-title {
font-size: 2.6em;
}
}
.inlinex{
float:left;
width:20%;
margin:0;
padding:0;
text-align: center;
}
.inlinex img{
width:80%;
}
.aklist{
list-style: none url();
margin:20px 0 0 20px;
}
.book {
display: block;
box-shadow: 5px 5px 20px #333;
margin: 0px auto;
box-sizing: border-box;
width:80%;
position: relative;
}
.book img { vertical-align: middle; }
/*
* In order for this to work, you must use Modernizer
* to detect 3D transform browser support. This will add
* a "csstransforms3d" class to the HTML element.
*
* Visit http://modernizr.com/ for installation instructions
*/
.csstransforms3d .books {
-moz-perspective: 100px;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.csstransforms3d .book {
position: relative;
-moz-perspective: 100px;
-moz-transform: rotateY(-3deg);
-webkit-transform: perspective(100) rotateY(-3deg);
outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
box-shadow: none;
margin: 0;
}
.csstransforms3d .book img {
position: relative;
max-width: 100%;
}
.csstransforms3d .book:before,
.csstransforms3d .book:after {
position: absolute;
top: 2%;
height: 96%;
content: ' ';
z-index: -1;
}
.csstransforms3d .book:before {
width: 100%;
left: 7.5%;
background-color: #5a2d18;
box-shadow: 5px 5px 20px #333;
}
.csstransforms3d .book:after {
width: 5%;
left: 100%;
background-color: #EFEFEF;
box-shadow: inset 0px 0px 5px #aaa;
-moz-transform: rotateY(20deg);
-webkit-transform: perspective(100) rotateY(20deg);
}
.ioncim {
width: 40px;
height: 40px;
background-color: #C33137;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 3px solid #C33137;
transition: all 1s ease-in;
margin: 15px auto;
text-align: center
-moz-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in
line-height: 25px;;
}
.ioncim img{vertical-align: middle;}
.ioncim:hover,
.ioncim:hover i {
-moz-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in
}
.ioncim:hover {
transition: all .5s ease-in;
}
.ioncim:hover i {
color: #F1AB16;
transition: all 1s ease-in
}
.ioncim i {
line-height: 50px;
color: #fff;
font-size: 2em;
-moz-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all 1s ease-in
}
.iconmedia li a,
.iconmedia li a i {
line-height: 40px
}
.portmenu{
text-align: center;
color:#383836;
padding-bottom:15px;
}
.portmenu a{
color:#383836;
display:inline-block;
margin:0 10px;
}
.inlnieb{
width:33.33333334%;
float:left;
position: relative;
}
.inlnieb a{
position: relative;
display: block;
overflow: hidden;
background:#000;
width:100%;
height:280px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
span.rollover {
opacity: 1;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background:url(add.png) center center no-repeat #000;
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
span.rollover:hover {
opacity: .5;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
-webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gaboxx{
width:100%;
height:260px;
width:33.3%;
float:left;
overflow: hidden;
transition: all .2s ease-in-out;
}
.gaboxx:hover img{
transition: all .2s ease-in-out;
transform: scale(1.1);
}
.contyf{
display:block;
width:100%;
list-style: none url();
background:#f9f8f7;
margin:0;
}
.contyf li{
width:50%;
float:left;
margin:0;
padding:0 15px;
list-style: none url();
box-sizing: border-box;
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
border-radius: 50%;
bottom: 100px;
right: 10px;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(1, 103, 202, 0.8) url(cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #2bb095;
opacity: 1;
}
.inbgcxx{
height:310px ;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 100px;
bottom: 25px;
}
}
.inmyhome{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
z-index: 999;
color: #fff;
background: rgba(9,58,108,.2);
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.bgbtgg1{
color:#fff;
text-align:center;
padding:10px 5px;
background:url('../image/bt.jpg') center center no-repeat #000;
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{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-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.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}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}