@import url('https://fonts.googleapis.com/css?family=Kanit');
.jim *{
font-size:16px !important;
}
.onproduct{
overflow: hidden;
}
.onproduct img{
transition: all .4s ease-in-out;
transform: scale(1);
}
.onproduct img:hover{
transition: all .4s ease-in-out;
transform: scale(1.1);
}
.menu-collapsed {
position: fixed;
top: -20px;
display: block;
z-index: 88889;
width: 100%;
}
.title-xd{
color:#fff;
font-size:22px;
line-height: 1.3;
padding:0;
margin:0;
font-weight: bold;
}
*{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;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.ckd{
background:#fff;
width:250px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:15px;
-webkit-box-shadow: 10px 10px 60px 0px rgba(219,215,219,1);
-moz-box-shadow: 10px 10px 60px 0px rgba(219,215,219,1);
box-shadow: 10px 10px 60px 0px rgba(219,215,219,1);
display:none;
}
.ckd ul{
list-style-position: inside;
font-size:12px;
color:#000;
}
.ckd ul li a{
color:#000;
}
.map_bank{
background-image: url(../image/map_bank.jpg);
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size:100%;
background-position:center;
background-repeat: no-repeat;
width:100%;
height:900px;
position: relative;
}
.markter{
position: absolute;
z-index: 9;
font-size: 30px;
color: red;
}
.markter .fa{
cursor: pointer;
}
#item_1{
left: 33%;
top: 44%;
}
#item_2{
left: 57%;
top: 27%;
}
#item_3{
left: 78%;
top: 33%;
}
#item_3{
left: 78%;
top: 33%;
}
#item_4{
left: 64%;
top: 42%;
}
#item_5{
left: 33%;
top: 69%;
}
#item_6{
left: 50%;
top: 84%;
}
#item_7{
left: 64%;
top: 71%;
}
hr{
margin:10px 0;
}
a,img{
text-decoration: none;
border:none;
}
h1,h2,h3,h4,h5,h6{
padding:10px 0;
font-weight: 300;
color:#000;
}
.nline {
width: 10%;
height: 1px;
background: #696969;
margin: 10px auto;
}
h1{font-size:2em;margin-bottom:5px;}
strong{
color:#000;
}
.mtb15{
margin:15px 0;
}
.linered{
background:#0594f0;
height:3px;
width:60px;
margin:5px auto;
}
.xbannew{
background:url(../image/lineart.png) no-repeat center bottom;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
}
.vtime img{
border: 2px solid #fff;
}
.vproduct{
text-align: center;
}
body{
font-family: 'Kanit', sans-serif;
font-size:16px;
color:#717171;
line-height:1.5em;
}
.redtop{
border-top: 3px solid #cd3300;
}
.footer{
background:url(../image/footer.jpg) no-repeat center bottom;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
}
.head{
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
}
.onbanner{
position: relative;
}
.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:660px;
max-height:660px;
}
.gbanner{
-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:100px;
max-height:100px;
}
.gabanner{
-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;
margin-bottom:10px;
}
.j-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;
min-height:300px;
}
.logom{
font-size: 40px;
line-height: 42px;
color:#fff;
font-weight: bold;
padding:0;
}
.logoa{
color: #FFFFFF;
font-size: 20px;
letter-spacing: 8px;
text-transform: uppercase;
text-align: right;
font-weight: 700;
padding:0;
}
.topcontact{
padding:10px 0;
color:#111111;
text-align:right;
}
.rowc{ padding:15px 0 0 0;clear:both;}
.rowc:after{
content:"";
width:100%;
clear:both;
height:15px;
}
.title_linebg{
background: url(line.png) repeat-x center center;
text-align: center;
}
.title_linebg .intitle{
padding:10px 20px;
background:#fff;
display:inline-block;
}
.headtop{
background: #0eac38;
color:#fff;
padding:5px 0;
}
.headtop:after{
content : "";
width:100%;
display:block;
clear:both;
}
.headtop a{
color:#fff;
}
.headtop a:hover{
-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;
color:#584D2A;
}
.menu{
text-align: right;
margin-top:-15px;
padding:0px 0 15px 0;
color:#fff;
position: relative;
}
.footpage{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
background-position:center;
padding:20px 0;
margin-top:15px;
clear:both;
color:#f8f8f8;
text-align: center;
}
.footerlink{
list-style: none url();
width:80%;
margin:10px auto;
}
.footerlink li{
padding:5px 10px;
text-align: left;
text-indent: 10%;
border-bottom: 1px solid #f8f8f8;
}
.footerlink li .fa{
margin-right:10px;
}
.tableab{
width:100%;
}
.tableab tr td{
padding:5px 10px;
border-bottom: 1px solid #000;
}
.mytitlefirst{
border-top: 10px solid #B2DB10;
background:#7FC31B;
color:#fff;
padding:3px 0;
}
.mytitlefirst h1{
color:#fff;
font-size: 20px;
padding: 5px 0px;
}
.footpage *{color:#f8f8f8;}
.menu a{
display:inline-block;
padding:5px 17px;
position: relative;
color:#333333;
-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;
}
a img{
-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;
opacity: 1;
}
a img:hover{
-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;
opacity: .7;
}
.smenu{
background:#f6f6f6;
margin:0;
padding:0px;
text-align: center;
}
.smenu a{
display:inline-block;
padding:15px 20px;
position: relative;
color:#9a9a9a;
-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;
}
.padding_content{
padding: 40px 0;
clear:both;
}
.top_mark{
background:url(../image/ltext.jpg) repeat-x center center;
width:100%;
}
.top_mark span{
display: inline-block;
padding-right:15px;
background:#fff;
}
.smenu a:hover{
color:#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;
background:#ededed;
}
.mmenu a span{
position: relative;
}
.alfooter{width:100%;}
.menu a:hover{
color:#BED62F;
-webkit-text-shadow: 5px 0px 10px rgba(156, 203, 42, 1);
-moz-text-shadow: 5px 0px 10px rgba(156, 203, 42, 1);
text-shadow: 5px 0px 10px rgba(156, 203, 42, 1);
-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;
}
.blueline{
border-bottom: 2px solid #252f84;
border-top: 2px solid #252f84;
}
#adv-custom-pager{
text-align:center;
width:100%;
z-index:9999;
position: absolute;
bottom:10px;
}
#adv-custom-pager a{
}
#adv-custom-pager a img{
width:150px;
border: 1px solid #fff;
margin:0 3px;
}
.gcontent{
background:#E5E5E5;
color:rgb(16,16,16);
padding:45px 0;
font-size:18px;
}
.op:hover{
opacity: .8;
}
.red_dot{
text-align: center;
padding:15px 0;
}
#product-pager{
margin-top:15px;
}
#product-pager a{
width:45%;
float:left;
background:#000;
display:block;
height:5px;
z-index:999;
margin-left:2.5%;
}
#product-pager .cycle-pager-active{
background:#fff;
}
.fli{
margin-left:0;
list-style: none url();
}
.inline{
float:left;
display:block;
}
.exd:hover .df{
background:#F70000;
}
.df{
background:#000;
}
.redcenter{
background:#F70000;
width:10%;
height:5px;
margin:15px auto;
clear:both;
}
.cover{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.gaxs{
height:150px;
}
#bg {
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
z-index:-1;
}
.shinput{
}
.incontact .txt_input {
width: 100%;
text-indent: 15px;
padding: 10px 0;
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;
}
.wartbuy{
border: 1px solid #b00105;
text-align: center;
padding:15px;
box-sizing: border-box;
}
select{
width:100%;
text-indent: 15px;
padding:7px 0px;
text-indent: 5px;
font-size:16px;
color:rgb(64,64,64);
}
.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 #189e3d;;
}
.submitf{
}
.submitf .inx{
display: inline-block;
padding:5px 35px;
-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;
background:#189e3d;
color:#fff;
cursor: pointer;
}
.submitf a{
color:#fff;
font-size:18px;
cursor: pointer;
}
.submitf .inx:hover{
-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;
}
.submitf .inx:hover a{
color:#000;
}
.social-icons.icon-circle .fa {
border-radius: 50%;
}
.social-icons .fa {
}
.ssiconc{
}
.social-icons .fa {
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
color: #3d3d3d;
background: #fff;
-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;
}
.social-icons .fa:hover {
background:#3d3d3d;
-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;
color:#fff;
}
.social-icons .fa {
font-size: 1em;
}
.m-banner{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 25px 0;
}
.inservice{
color:#424852;
}
.overimg a{
position: relative;
display: block;
overflow: hidden;
background:#000;
width:100%;
height:350px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.overimg{
position: relative;
display: block;
overflow: hidden;
}
.overimg img{
display:block;
}
.onproduct{
overflow: hidden;
}
.onproduct img{
/*
transition: all .4s ease-in-out;
transform: scale(1);
*/
}
.onproduct img:hover{
/*
transition: all .4s ease-in-out;
transform: scale(1.1);
*/
}
.grow{ transition: all .4s ease-in-out; }
.grow:hover{ transform: scale(1.0); }
.grow:hover .tagg{
background:rgba(156,203,42,.7);
transition: all .4s ease-in-out;
opacity: 1;
}
.fimax p{
padding:5px 15px;
}
.lazada{
text-align: center;
background:#2D495E;
padding:25px 0;
color:#fff;
}
.facebooki{
text-align: center;
background:#3b5998;
padding:25px 0;
color:#fff;
}
.tagg{
position: absolute;
top: 0px;
left:0;
text-align: left;
width:100%;
color:#000;
height:100%;
background:none;
transition: all .4s ease-in-out;
line-height:1.5em;
opacity: 0;
}
.fimax{
position: absolute;
top: 10%;
width:100%;
text-align: center;
}
.fimax *{
color:#fff;
}
.ilink{
width:40px;
height:40px;
margin:0 auto;
background:rgba(0,0,0,.5);
color:#fff;
line-height: 40px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ilink i{
line-height: 40px;
}
.blr{
border-left: 1px solid rgb(241,241,241);
border-right: 1px solid rgb(241,241,241);
padding-left:15px;
}
.topline td{
vertical-align: middle;
}
.newl{
padding:25px 10px;
position: relative;
}
.leftac{
border:1px solid rgb(224,224,224);
}
.pdd{
display:block;
position: relative;
width:100%;
cursor:pointer;
}
.onspan{
position: absolute;
width:100%;
height:96%;
background: rgba(36,69,105,.7);
left:0;
top:0;
opacity: 0;
transition: all .4s ease-in-out;
text-align: center;
}
.onspan:hover{
transition: all .4s ease-in-out;
opacity: 1;
}
.newl img:hover{
opacity: .5;
}
.ttext{
font-size: 30px!important;
height: 35px;
line-height: 30px;
width:30px;
border: 2px solid #F0542D;
color: #F0542D;
display: inline-block;
text-align: center;
margin: -0.04em 15px -0.07em 0;
}
.lineb{
clear:both;
margin:15px 0;
height:1px;
width:100%;
background:rgb(224,224,224);
}
.lemene{
list-style: none url();
}
.lemene a{
color:rgb(144,144,144);
}
.lemene a:hover{
color:#f7c41b;;
}
.lemene li{
padding:5px 10px;
}
.lemene li ul{
margin-left:15px;
display:none;
}
.lemene li ul li{
border:none;
}
.aborderx{
border-bottom: 1px solid rgb(224,224,224);
}
.tatx{}
.tatx a{color:rgb(128,128,128);}
.pagination {
padding: 20px;
margin-bottom: 20px;
text-align:center;
}
.page {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.page:hover, .page.gradient:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.page.active {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.page.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.pagination.dark {
background: #414449;
color: #feffff;
}
.page.dark {
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.page.dark:hover, .page.dark.gradient:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.page.dark.active {
border: none;
background: #2f3237;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}
.page.dark.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
.fproduct{
width:100%;
overflow: hidden;
position: relative;
}
.oci{
background:rgba(248,106,6,.7);
color:#fff;
position: absolute;width:100%;
left:0;
bottom: 0px;
}
.consub{display:none;}
.shbox{
width: 75%!important;
height: 45px;
border-right-width: 45px;
border-color: rgb(208,208,208);
padding: 14px;
margin-bottom: 0!important;
font-size: 18px;
box-shadow: none;
text-shadow: none;
font-weight: normal;
border-radius: 0px;
background-color: #ffffff;
color: #808080;
outline: none;
border: solid 1px rgb(208,208,208);
margin: 0;
box-shadow: none!important;
position: relative;
box-sizing: border-box;
line-height:45px;
display: block;
float:left;
}
.btsubmitx{
width: 23%!important;
height: 45px;
border-right-width: 45px;
border-color: rgb(208,208,208);
padding: 14px;
margin-bottom: 0!important;
line-height:45px;
box-shadow: none;
text-shadow: none;
font-weight: normal;
border-radius: 0px;
background-color: #ffffff;
color: #fff;
outline: none;
border: solid 1px rgb(208,208,208);
margin: 0;
background-repeat: no-repeat;
box-shadow: none!important;
position: relative;
box-sizing: border-box;
display: block;
float:left;
background-position: center;
background-image: url(st.png);
cursor: pointer;
}
.inputx {
text-indent: 15px;
padding: 6px 0;
font-size: 16px;
color: rgb(64,64,64);
font-style: italic;
min-height: 25px;
margin-bottom: 25px;
}
.buttomx {
display: inline-block;
background: #000;
color: #fff;
padding: 12px 35px;
margin-left: 5px;
border: none;
min-height: 25px;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.submenu{
background:rgba(255,255,255,.8);
position: absolute;
display: none;
top: 25px;
left:0;
text-align: left;
z-index:999999;
}
.submenu a{
display:block !important;;
padding:10px 20px !important;
color:#000 !important;
margin:0;
min-width:180px;
border:none;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.submenu a:hover{
color:#fff !important;
border:none;
background:rgba(178,219,16,1);
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.ftcs{
text-transform: uppercase;
}
.siric{
padding-top:15px;
}
.siric a{
font-size:14px;
text-transform: uppercase;
color:#000;
}
.ssab{
}
.fproduct{
width:100%;
overflow: hidden;
position: relative;
}
.fproduct img{
line-height: 0;
display:block;
}
.fproduct a{
display:block;
}
.oci{
background:rgba(248,106,6,.7);
color:#fff;
position: absolute;width:100%;
left:0;
bottom: 0px;
}
.consub{display:none;}
.sliderxx{
position: relative;
}
.sliderxx .slide{
float:left;
width:25%;
}
.btrs{
padding:10px 20px 10px 20px;
color:#fff;
display:inline-block;
background:#cd9518;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btrs:hover{
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
background:#3b9e2d;
}
.lemene{
}
.pglistd{
width:100%;
list-style: none url();
}
.pglistd li{
float:left;
width:33.33333%;
height:50px;
overflow: hidden;
margin-top:5px;
}
.pglistd img{
width:100%;
}
.pagingd{
width:18px;
height:18px;
margin:5px;
border: 2px solid #fff;
line-height:18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display:inline-block;
cursor:pointer;
}
.redtitle{
color:#eb752d;
padding:5px 0;
border-bottom: 1px solid rgb(192,192,192);
font-weight: bold;
margin-bottom:10px;
}
.fplink{
list-style: none url();
}
.fplink li{
padding:5px 0;
}
.color_b{
color:#000;
}
.color_p{
color:#d32852;
}
.a-banner{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
background-position:center;
width:100%;
position: relative;
padding:40px 0;
}
.redbtx{
border: 1px solid #9CCB2A;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin-top:15px;
display:inline-block;
color:#9CCB2A;
padding:5px 25px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor: pointer;
}
.redbtx:hover{
background:#9CCB2A;
color:#fff;
}
.process{
background:#f7f7f7;
}
.navsub{
width:45%;
float:left;
list-style: none ;
}
.contentprocess{
width:55%;
float:left;
font-size:12px;
}
.navsub li{
padding:15px 10px;
border-bottom: 1px solid #cccccc;
background:#f2f1f1;
border-right: 1px solid #cccccc;
}
.contentinner_process{
}
.contentprocess ul{
}
.top_mark1{
background:url(../image/ltext.jpg) repeat-x center center;
width:100%;
}
.top_mark1 span{
display: inline-block;
padding-right:15px;
background:#F3F5F4;
}
.graybox{
color:#000;
display:block;
padding:15px 0 20px 0;
text-align: center;
}
.linkheight{
line-height:0;
background:#ecf6f7;
}
.inline img{
line-height: 0;
}
.oneimg{
width:100%;
}
.spt{
position: absolute;
left:0;
bottom: 0px;
color:#fff;
width:100%;
height:100%;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.spt:hover{
background:rgba(0,0,0,.5);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.atss{
position: absolute;;
left:15px;
bottom: 25px;
color:#fff;
}
.atss1{
position: absolute;;
left:0;
top: 39%;
text-align: center;
color:#fff;
width:100%;
opacity: 0;
}
.spt:hover .atss1{
opacity: .8;
}
.package0{
width:25%;
float:left;
display:block;
}
.package0 a{
display: block;
position: relative;
}
.bx-wrapper{
width:100% !important;
}
.footerpage{
padding:5px;
background:#000;
color:#fff;
text-align: center;
}
.title_def *{
color:#000;
}
.menunews{
}
.menunews a{
display: ininle-block;
padding:5px 10px;
background:#f6f6f6;
color:#989898;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.menunews a:hover{
background:#000;
color:#fff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.pager_news{
margin-top:20px;
}
.pager_news a{
display:inline-block;
padding:15px 20px;
line-height:1em;
margin-right:1px;
background:#f6f6f6;
color:#989898;
}
.pager_news a:hover{
background:#000;
color:#fff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.lhs{
list-style: none url();
}
.lhs li{
padding:0px 0;
border: 1px solid rgb(224,224,224);
margin-bottom:10px;
}
.listhead{
display:block;
padding:10px 10px;
background:#cc9517;
cursor:pointer;
font-size:14px;
line-height: 18px;
color:#fff;
}
.listdet{
padding:5px 10px;
display:none;
background:#fff;
}
.hider{margin-top:20px;}
.linput{
width:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #C2C2C2;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:7px;
outline: none;
color:#000;
margin-bottom: 15px;
}
.shinput{
background:#ecebe8;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #C2C2C2;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:2px 7px;
outline: none;
}
.masonry {
column-count: 3;
padding: 0;
-moz-column-gap: 0em;
-webkit-column-gap: 0em;
column-gap: 0em;
margin:25px 0;
clear:both;
}
.item {
position: relative;
padding: 0em;
margin: 0 0 0em;
width: 100%;
box-sizing: border-box;
line-height: 0 !important;
}
.item img{
line-height: 0 !important;
}
.glistdd{
list-style: none url();
position: relative;
}
.glistdd li{
width:25%;
float:left;
}
.ingallery{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
background-position:center;
background-repeat: no-repeat;
min-height:250px;
width:100%;
overflow: hidden;
position: relative;
}
.atopm1{
list-style: none url();
display:inline-block;
}
.atomp1 span{
display:inline-block !important;
}
.atopm1 span a{
color:#000;
display:inline-block !important;
margin-left:10px;
background:#8e8e8e;
border-radius: 50%;
width: 32px;
height: 32px;
line-height: 34px;
text-align: center;
font-size:18px;
color:#fff;
padding: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;
}
.atomp1 span a:hover{
-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;
background:#000;
}
.fmenulink ul li a {
color: #000;
font-weight: bold;
font-size: 18px;
display: block;
padding: 15px 0;
}
.tobarx{
position: absolute;
top:45%;
width:25px;
height:25px;
color:#fff;
}
/*
* 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: 1164px; 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: 959px) {
.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 */
@media only screen and (max-width: 767px) {
.map_bank{
height:260px !important;
}
.prdxd{
width:100% !important;
}
.nomobile{display:none !important;}
.logom,.logoa,.topcontact{
text-align: center !important;
}
*{max-width:100% !important;}
.masonry {
-moz-column-count: 2 !important;
-webkit-column-count: 2 !important;
column-count: 2 !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;
}
.mmobile{clear:both;height:60px;}
.fhead{
padding:15px 0 !important;
clear:both;
}
.inline{
width:100% !important;
}
.df{
display:none !important;
}
body .entries .entry:nth-child(2n) .title:before {
left: 0px !important;;
}
body .entries .entry .title.big:before{
display:none !important;
clear:both !important;;
}
.b-banner{
height: 170px !impmortant;
max-height:170px !important;
}
.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;
}
.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: #516730;
z-index:999999;
top:0px;
left:0px;
}
.rowc{
padding:0 !important;
margin:0 !important;
}
body .entries .entry{
width:100% !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: 9999999999;
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: 9999999999;
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: 1045; }
.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;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 3px solid #189e3d;
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;max-width:30px !important;}
.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:25%;
float:left;
position: relative;
}
.inlnieb a{
position: relative;
display: block;
overflow: hidden;
background:#000;
width:100%;
height:240px;
-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;
}
.wproductw{
background: #fff;
padding:20px 30px;
}
.wproductw:after{
content:"";
width:100%;
display:block;
clear:both;
}
.rdimage{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.rtext{
padding: 20px;
font-size: 26px;
line-height: 1.5;
}
div{
-webkit-animation: fadeind 1.5s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadeind 1.5s; /* Firefox < 16 */
-ms-animation: fadeind 1.5s; /* Internet Explorer */
-o-animation: fadeind 1.5s; /* Opera < 12.1 */
animation: fadeind 1.5s;
}
@keyframes fadeind {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadeind {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeind {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadeind {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadeind {
from { opacity: 0; }
to { opacity: 1; }
}
body .entries {
width: calc(100% - 80px);
max-width: 800px;
margin: auto;
position: relative;
left: -5px;
}
body .entries .entry {
width: calc(50% - 80px);
float: right;
padding: 20px;
clear: both;
text-align: left;
}
body .entries .entry:not(:first-child) {
margin-top: -60px;
}
body .entries .entry .title {
font-size: 32px;
margin-bottom: 12px;
position: relative;
color: #B2DB10;
}
body .entries .entry .title:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border: 4px solid #CCE70B;
background-color: #B2DB10;
border-radius: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -78px;
z-index: 1000;
}
body .entries .entry .title.big:before {
width: 24px;
height: 24px;
-webkit-transform: translate(8px, -50%);
transform: translate(8px, -50%);
}
body .entries .entry .body {
color: #aaa;
}
body .entries .entry .body p {
line-height: 1.4em;
}
body .entries .entry:nth-child(2n) {
text-align: right;
float: left;
}
body .entries .entry:nth-child(2n) .title:before {
left: 118%;
}
body .entries .entry:nth-child(2n) .title.big:before {
-webkit-transform: translate(-8px, -50%);
transform: translate(-8px, -50%);
}
.greenev{
color:#B2DB10;
}
.mxig{
width: 5px;
background: #000;
height: 100%;
position: absolute;
left: 49.8%;
background:#B2DB10;
}
.prdxd{
float:left;
}