*{padding:0;margin:0;border-radius:inherit;} body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,select,input,textarea{font-family:'NanumGothic',NanumGothic,'µ¸¿ò',"¸¼Àº °íµñ","Malgun Gothic","Helvetica Neue","Helvetica",verdana,sans-serif;font-style:normal;margin:0;padding:0;font-size:13px;color:#333;line-height:150%;} ul,ol{list-style:none;} table{margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;width:100%;} *+html table{border-collapse:collapse;} img,fieldset,abbr,acronym{border:0;} address,caption,cite,code,dfn,em,var{font-style:normal;} input, button,textarea{padding:0;color:#333;font-size:100%;} table{border-collapse:collapse;border-spacing:0} table,table th,table td{border:0;} hr{display:none} a{color:#333;text-decoration:none;} img{vertical-align:middle;} body{background-color:#fff;} caption,legend{*position:absolute;top:0;left:0;width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;} .hide{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;} .gLeft{float:left;} .gRight{float:right;} .hidden{display:none;} *{-webkit-text-size-adjust:none;} body{position:absolute;width:100%;font-family:'Nanum Barun Gothic',"Helvetica Neue","Helvetica",verdana,sans-serif;font-size:15px;color:#666;line-height:160%;} #header{position:absolute;top:0;left:0;width:100%;z-index:90;} #header h1{padding:13px 0 0 20px;} #header h1 img{height:36px;} #header .btnCategory{position:absolute;top:12px;right:10px;} #header .btnCategory a{display:block;background:url(../images/ico_menu.png) 0 0 no-repeat;;background-size:auto 35px;text-indent:-9999px;font-size:0;width:40px;height:35px;} #footer{background-color:#e6e6e6;} #footer .bg{padding:35px 0;zoom:1;} #footer h3{color:#fff;font-weight:normal;font-size:14px;margin:0 0 10px;padding:2px 0 0;text-align:center;} #footer .bg:after{display:block;clear:both;content:''} #footer .copy{float:left;width:646px;} #footer .copy .link, #footer .copy .link a{color:#cdcece;font-size:14px;} #footer .copy .link{height:42px;} #footer .copy .link .bar{color:#7d7e7f;font-family:dotum;font-size:14px;padding:0 5px;} #footer .copy .addr{color:#fff;font-size:13px;} #footer .copy .cp{color:#d2d2d3;font-size:12px;} #footer .buy{float:left;} #footer .buy a{display:block;background-color:#323335;margin:0 6px 0 0;text-align:center;width:63px;line-height:42px;height:42px;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;} #footer .buy a:hover{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;} #footer .buy .iAuction{width:126px;} #footer .buy .iGmarket{width:59px;} #footer .family {float:left;padding-right:10px;} #body{position:relative;padding:0 0 20px 0;} #body img{width:95%;} .modalBg{display:none;position:fixed;top:0;left:0;background-color:#000;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;width:100%;height:100%;z-index:300;} #aside{display:none;position:fixed;top:0;right:-220px;z-index:301;height:100%;} /*#aside .asideBg{background-color:#fff;box-shadow:0px -5px 5px #585858;width:314px;height:100%;}*/ #aside .asideBg{background-color:#fff;box-shadow:0px -5px 5px #585858;width:314px;height:100%;overflow-y:auto;} /* add20170420 */ #aside .close{position:absolute;top:0;right:4px;background:url(../images/ico_close.png) 50% 50% no-repeat;background-size:auto 27px;text-indent:-9999px;font-size:0;width:40px;height:40px;margin:9px 2px 0 0;} #aside h2{color:#fff;background-color:#222;padding:12px 0 10px 17px;line-height:250%;font-size:15px;} #aside li{background-color:#fff;border-bottom:1px solid #e8e8e9;} #aside li .dep1{display:block;background:url(/m/images/ico_aside.png) 100% 50% no-repeat;background-size:36px auto;} #aside li .dep1 a{display:block;background:url(../images/ico_lnb1.png) 20px 50% no-repeat;background-size:22px auto;font-size:15px;padding:0 10px 0 20px;line-height:60px;height:60px;} #aside li ul{display:none;} #aside li li{background-color:#f8f8f8;border:0;border-top:1px solid #e8e8e9;} #aside li li a{display:block;color:#4b4b4b;padding:0 10px 0 32px;line-height:41px;height:41px;} #aside li.ls1 .dep1 a{background-image:url()} #aside li.ls2 .dep1 a{background-image:url()} #aside li.ls3 .dep1 a{background-image:url()} #aside li.ls4 .dep1 a{background-image:url()} #aside li.ls5 .dep1 a{background-image:url()} #aside li.ls6 .dep1 a{background-image:url()} #aside li.selected .dep1{background-image:url(/m/images/ico_minus1.png);} #aside li.selected ul{display:block;} .mTab3{background:url(../images/k_tab11.png) 0 0 repeat-x;} .mTab3 ul{border-left:1px solid #dadada;zoom:1;width:100%;margin:0 auto;} .mTab3 ul:after{display:block;clear:both;content:''} .mTab3 li{float:left;width:50%;} .mTab3 li a{display:block;border-top:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;color:#444;font-size:13px;text-align:center;line-height:40px;height:40px;} .mTab3 li a:hover{background-color:#606060;color:#fff;;text-decoration:none;} .mTab3 li.selected a{background-color:#606060;color:#fff;border-bottom:1px solid #909090;;height:40px;} .mTab4{width:100%;} .mTab4 ul{zoom:1;} .mTab4 ul:after{display:block;clear:both;content:''} .mTab4 li a{text-align:center;border:1px solid #d5d5d5;color:#686868;padding:10px 15px;float:left;width:35%;margin-left:15px;margin-bottom:15px;} .mTab4 li img{height:34px;} .mTab5{background:url(../images/k_tab11.png) 0 0 repeat-x;} .mTab5 ul{border-left:1px solid #dadada;zoom:1;width:95%;margin:0 auto;} .mTab5 ul:after{display:block;clear:both;content:''} .mTab5 li{float:left;width:33%;} .mTab5 li a{display:block;border-top:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;color:#444;font-size:13px;text-align:center;line-height:40px;height:40px;} .mTab5 li a:hover{background-color:#606060;color:#fff;;text-decoration:none;} .mTab5 li.selected a{background-color:#606060;color:#fff;border-bottom:1px solid #909090;;height:40px;} .mRound {width:60px;padding:3px;background-color:#6f6f6f;border-radius:17px;color:#fff;text-align:center;font-size:13px;} .mSpace {width:95%;border-top:1px solid #c9c9c9;margin:0 auto;} .kLine {border-bottom:1px solid #c9c9c9;} .mBtn1{display:block;background-color:#3a3a3a;color:#fff;font-size:16px;text-align:center;width:100%;line-height:50px;height:50px;} .mBtn1:hover{background-color:#555;text-decoration:none;} .mPag{margin:30px 0 30px;line-height:normal;text-align:center;} .mPag .bar, .mPag a, .mPag strong{display:inline-block;background-color:#fff;color:#96a3c2;border:1px solid #d3d3d3;text-decoration:none;font-size:16px;margin:0 2px;vertical-align:middle;text-align:center;min-width:28px;line-height:28px;height:28px;} .mPag strong, .mPag .selected{background-color:#393939;border-color:#393939;color:#fff;} .mPag .first, .mPag .last, .mPag .prev, .mPag .next{position:relative;display:inline-block;background:url(/images/ico_pagFirst.png) 50% 50% no-repeat #fff;text-indent:-9999px;font-size:0;overflow:hidden;padding:0;z-index:10;} .mPag .last{background-image:url(/images/ico_pagLast.png);} .mPag .prev{background-image:url(/images/ico_pagPrev.png);margin-right:6px;} .mPag .next{background-image:url(/images/ico_pagNext.png);margin-left:5px;} .mButton1{position:relative;margin:58px 0 0;text-align:center;} .mButton1 .iPrev, .mButton1 .iNext{position:absolute;top:9px;left:0;border:1px solid #848484;background:url(../../images/ico_prev1.png) 0 0 no-repeat;text-indent:-9999px;font-size:0;width:27px;height:27px;} .mButton1 .iPrev:hover, .mButton1 .iNext:hover{border:1px solid #333;} .mButton1 .iNext{left:auto;right:0;background-image:url(../images/ico_next1.png);} .mButton {width:142px;background-color:#ca5757;color:#fff;text-align:center;font-size:15px;font-weight:600;line-height:160%;margin:0 auto;} .mButton a{display:block;text-decoration:none;color:#fff} .mButton a:hover{background-color:#e39191;} .mKeyvisual{position:relative;text-align:center;} .mKeyvisual .img img{width:100%;} .mKeyvisual .tit{margin:-10px 0 0;} .mKeyvisual .tit img{height:47px;} .mSelect2{position:relative;} .mSelect2 .tit{display:block;} .mSelect2 .tit a{display:block;background:url(/images/ico_select.png) 125% 50% no-repeat transparent;background-color:#28292a;color:#ccc;padding:0 20px 0 15px;text-align:right;cursor:pointer;line-height:38px;height:37px;} .mSelect2 .list{display:none;position:absolute;bottom:34px;left:0;background-color:#28292a;padding:10px 0;width:100%;} .mSelect2 .list li{margin:2px 0;} .mSelect2 .list li a{display:block;padding:0 0 0 15px;} .mSelect2 a:hover{text-decoration:none;} .mNotice{position:relative;background-color:#f6f6f6;margin:20px 0 0;padding:10px 20px;} .mNotice h3{background:url(../images/ico_notice.png) 0 5px no-repeat;background-size:12px auto;border-bottom:1px solid #d6d6d6;margin:0 0 9px;padding:0 0 8px 16px;} .mNotice .more{position:absolute;top:12px;right:20px;color:#000;font-size:11px;} .mNotice li{position:relative;background:url(../images/ico_dotgreen.png) 1px 6px no-repeat;background-size:4px auto;margin:0 0 3px;padding:0 0 0 12px;} .mNotice li .date{position:absolute;top:0;right:0;} .mNotice li a{color:#353535;} .mLink1{margin:20px 0 0;} .mLink1 ul{zoom:1;} .mLink1 ul:after{display:block;clear:both;content:''} .mLink1 li{float:left;text-align:center;width:33.3%;} .mLink1 li a{display:block;background:url(../images/ico_link1.png) 50% 0 no-repeat;background-size:90px auto;border-right:1px solid #f3f3f3;color:#353535;font-size:13px;padding:75px 0 0;} .mLink1 li.a{width:33.4%;} .mLink1 li.a a{border-left:1px solid #dadada;} .mLink1 li.b a{background-image:url(../images/ico_link2.png);} .mLink1 li.c a{background-image:url(../images/ico_link3.png);} .mLink2{font-size:13px;margin:35px 0 0;text-align:center;} .mLink2 a{color:#191919;font-size:13px;} .mLink2 .bar{color:#c6c6c6;font-family:dotum;padding:0 5px;} .gSub #header{position:relative;background-color:#e6e6e6;text-align:center;height:55px;} .gSub #header h1{font-size:20px;padding:0;line-height:55px;} .gSub #header .lt{position:absolute;top:50%;left:0;margin:-22px 0 0 6px;} .gSub #header .lt .iHome, .gSub #header .lt .iList{display:inline-block;background:url(../images/ico_home.png) 50% 50% no-repeat;background-size:19px auto;text-indent:-9999px;font-size:0;width:30px;height:35px;} .gSub #header .lt .iList{background:url(../images/ico_list.png) 50% 50% no-repeat;background-size:24px auto;} .gSub #header .rt{position:absolute;top:50%;right:16px;margin:-12px 0 0;} .gSub #header .rt .iCount, .gSub #header .rt .iGo{display:inline-block;border:1px solid #9e9e9e;background-color:#fff;color:#0e0e0e;font-size:11px;padding:0 10px;line-height:20px;height:20px;} .gSub #header .rt .iGo{border-color:#000;background-color:#000;color:#fff;padding:0 6px;} .gSub2 #header{position:relative;text-align:center;height:60px;background-color:#222} .gSub2 #header h1{font-size:20px;padding:0;line-height:65px;} .gSub2 #header .lt{position:absolute;top:50%;left:0;margin:-22px 0 0 6px;} .gSub2 #header .lt .iHome, .gSub2 #header .lt .iList{display:inline-block;background:url(../images/ico_home.png) 50% 50% no-repeat;background-size:19px auto;text-indent:-9999px;font-size:0;width:30px;height:35px;border-right:1px solid #d6d6d6;padding-right:10px;} .gSub2 #header .lt .iList{background:url(../images/ico_list.png) 50% 50% no-repeat;background-size:24px auto;} .gSub2 #header .rt{position:absolute;top:50%;right:66px;margin:27px 0 0 0;} .gSub2 #header .rt .iCount, .gSub2 #header .rt .iGo{display:inline-block;border:1px solid #9e9e9e;background-color:#fff;color:#0e0e0e;font-size:11px;padding:0 10px;line-height:20px;height:20px;} .gSub2 #header .rt .iGo{border-color:#000;background-color:#000;color:#fff;padding:0 6px;} .gSub2 #header .rt2{position:absolute;top:50%;right:16px;margin:45px 8px 0;} .gSub2 #header .rt2 .iCount, .gSub2 #header .rt2 .iGo{display:inline-block;border:1px solid #9e9e9e;background-color:#fff;color:#0e0e0e;font-size:11px;padding:0 10px;line-height:20px;height:20px;} .gSub2 #header .rt2 .iGo{border-color:#000;background-color:#000;color:#fff;padding:0 6px;} .gSub #body{padding:0;} .mViewer{padding:20px 15px;} .mViewer2{padding:20px 0px;} .mViewer3{padding:0px 20px;} .mTitle1{color:#000;font-size:20px;padding:20px 20px;} .mTitle1 em{display:block;color:#58b530;} .mList1{margin:22px 0 0;} .mList1 ul{zoom:1;} .mList1 ul:after{display:block;clear:both;content:''} .mList1 li{margin:0 auto;} .mList1 li .img{display:block;height:245px;width:100%} .mList1 li .img span{display:block;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;margin:0 0 12px;overflow:hidden;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transition: all 0.3s ease-in-out;height:100%;} .mList1 li .txt{display:block;border:1px solid #f4f4f4;border-top:0;font-size:14px;padding:20px 23px;} .mList1 li .txt span{display:block;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:48px;} .mStatus1{margin:35px 0px 0;} .mStatus1 .bar{background-color:#c0c0c0;height:3px;} .mStatus1 .bar .current{position:relative;display:block;background-color:#58b530;height:100%;} .mStatus1 .bar .ico{position:absolute;top:50%;right:0;margin:-10px -10px 0 0;display:block;background-color:#58b530;border-radius:20px;text-indent:-9999px;font-size:0;width:20px;height:20px;} .mStatus1 .bar .p{position:absolute;bottom:-31px;right:-47px;font-size:11px;} .mStatus1 .txt{font-size:13px;padding:12px 0 0;text-align:center;} .mStatus1 .txt #amount{border:0;text-align:right;width:40%;} .mStatus1 .txt .all{display:inline-block;text-align:left;width:40%;} .ui-slider.ui-widget-content{border:0 !important;background-color:#58b530 !important;height:3px !important;} .ui-slider .ui-slider-range{background-color:#c0c0c0 !important;} .ui-slider .ui-slider-handle{margin-top:-5px !important;background:#58b530 !important;border:0 !important;border-radius:20px !important;width:34px !important;height:34px !important;} .ui-slider .p{position:absolute;bottom:-21px;right:-49px;font-size:11px;width:70px;} .ui-slider .ui-state-active{color:#333 !important;} .mSlider{position:relative;} .mSlider .txt{position:absolute;top:41px;right:-1px;width:50%;} .ui-slider-track{background-color:#c0c0c0 !important;border:0 !important;box-shadow:0 0 0 !important;border-radius:0 !important;height:3px !important;margin:20px 0 0 !important;} .ui-slider-track .ui-btn.ui-slider-handle{margin-top:-18px !important;} input.ui-slider-input{background:transparent !important;border:0 !important;box-shadow:0 0 0 !important;font-size:12px !important;font-weight:normal !important;margin:40px 0 0 !important;padding:0 !important;text-align:right !important;width:50% !important;} .mBox {border:1px solid #e8e8e8;padding:7px;} .mBox2 {border:1px solid #e8e8e8;padding:7px;} .mBox3 {border:0px solid #e8e8e8;padding:5px;} .mBox4 {border:1px solid #e8e8e8;padding:8px;border-top:none} .mBox5 {border:1px solid #e8e8e8;padding:7px;font-size:11px} .mButton {font-size:15px;width:87%;padding:10px;border:1px solid #eeeeee;margin:0 auto;text-align:center;border-radius:5px;} .mButton2 {font-size:15px;width:87%;padding:10px;border:1px solid #eeeeee;margin:0 auto;text-align:center;border-radius:5px;background-color:#f5f5f5;} .mButton3 {background-color: #3a3a3a;color: #fff;text-align: center;font-size: 12px;font-weight:600;height:30px;line-height:30px;width:97%;} .mButton31 {font-size:15px;width:87%;padding:10px;border:1px solid #eeeeee;margin:0 auto;text-align:center;border-radius:5px;background-color:#5C5C5C;color:white;} .mButton4 {font-size:15px;width:87%;padding:10px;margin:0 auto;text-align:center;border-radius:5px;background-color:#e42c2c;color:white;} .mButton5 {font-size:15px;width:87%;padding:10px;margin:0 auto;text-align:center;border-radius:5px;background-color:#575757;color:white;} .mButton6 {font-size:9px;width:87%;padding:3px;margin:0 auto;text-align:center;border-radius:5px;background-color:#575757;color:white;} .mButton7 {font-size:15px;padding:10px;margin:0 auto;text-align:center;background-color:#1f2a35;color:#fff;} .mButton8 {padding:10px;border:1px solid #000;margin:0 auto;text-align:center;} .gMain2{margin:25px auto 0;width:90%;zoom:1;} .gMain2:after{display:block;clear:both;content:''} .gMain2 .mainBg{padding:37px 0 0 120px;} .gMain2 .more{position:absolute;top:11px;right:11px;background-color:#fff;background:url(/images/ico_moreBlue.png) 50% 50% no-repeat #fff;text-indent:-9999px;font-size:0;width:30px;height:30px;} .gMain2 .tit{display:block;color:#2294ff;font-weight:normal;font-size:18px;margin:0 0 16px;} .gMain2 .lt{position:relative;background:url(/images/ico_safe1.png) 15px 50% no-repeat #ecf6ff;color:#2d2d2d;font-size:22px;height:140px;} .gMain2 .lt:hover{background-color:#ddefff;} .gMain2 .rt{position:relative;background:url(/images/ico_safe2.png) 15px 50% no-repeat #fdf4d5;color:#2d2d2d;font-size:22px;height:140px;margin-top:25px;} .gMain2 .rt .tit{color:#ff9000;} .gMain2 .rt .more{background-image:url(/images/ico_moreOrg.png);} .gMain2 .rt:hover{background-color:#fcf0c8;} .gMain4{margin:0 auto 0;width:90%;zoom:1;} .gMain4:after{display:block;clear:both;content:''} .gMain4 h1{margin:24px 24px 14px 0px;font-size:20px;} .gMain4 li{position:relative;color:#282828;font-size:14px;padding:0 45px 4px 3px;} .gMain4 li a{color:#282828;font-size:14px;} .gMain4 li .date{position:absolute;top:0;right:0;} .gMain4 .plus{background:url(/m/images/ico_arr1.png) 0 0 no-repeat;background-size:20px;float:right;margin-top:-37px;font-size:0;width:30px;height:30px;} .mCon{margin:10px auto 0;width:90%;zoom:1;} .mCon:after{display:block;clear:both;content:''} .mCon h1{display:block;padding:20px 0 20px 0;font-weight:700;font-size:20px;text-align:center;} .mRound {width:83%;border:1px solid #eeeeee;border-radius:5px;padding:10px;margin:0 auto;line-height:160%;font-size:13px;background-color:#fff;margin-top:7px;} .mRound li {line-height:160%;font-size:13px;} .mRound dt {display:none;color:#ed674b;font-size:13px;padding:0 0 14px 3px;} .mRound dd {margin:0 0 10px;padding:0 15px 0 0;} .mRound2 {width:83%;border:1px solid #eeeeee;border-radius:5px;padding:7px;margin:0 auto;line-height:160%;font-size:13px;background-color:#fff} .mRound2 li {line-height:160%;font-size:13px;} .mRound2 dt {display:none;color:#ed674b;font-size:13px;padding:0 0 14px 3px;} .mRound2 dd {margin:0 0 10px;padding:0 15px 0 0;} .mLogin .con1{position:relative;background-color:#E60012;padding:95px 25px 25px;} .mLogin .con1 h1{margin:0 0 48px;} .mLogin .con1 h1 img{height:19px;} .mLogin .con1 .iClose{position:absolute;top:95px;right:25px;display:block;background-color:#fff;background:url(../images/ico_close2.png) 100% 50% no-repeat;background-size:17px auto;text-indent:-9999px;font-size:0;width:20px;height:20px;} .mLogin .con1 fieldset dt{display:none;} .mLogin .con1 fieldset dd{margin:0 0 20px;padding:0 15px 0 0;} .mLogin .con1 fieldset dd .it{background-color:#aa0800;border:0;border-radius:3px;color:#fff;padding:0 0 0 15px;width:100%;line-height:44px;height:44px;} .mLogin .con1 .check{position:relative;color:#fff;font-size:11px;} .mLogin .con1 .check .rt{position:absolute;top:0;right:0;} .mLogin .con1 .check .rt a{color:#fff;font-size:11px;} .mLogin .con1 .button{margin:50px 0 0;} .mLogin .con1 .button a{display:block;background-color:#fff;border-radius:40px;color:#ed1c24;font-size:13px;font-weight:bold;text-align:center;line-height:40px;height:40px;} .mLogin .con2{padding:20px 0 10px;text-align:center;} .mLogin .con2 .txt{color:#060606;font-size:13px;margin:0 0 5px;} .mLogin .con2 .btn{color:#ed1c24;font-weight:bold;font-size:14px;} .mLogin2{padding:33px 0 0;width:95%;margin:0 auto;} .mLogin2 dt{display:none;} .mLogin2 dd{position:relative;padding:0 12px 6px 0;} .mLogin2 dd .placeholder{position:absolute;top:1px;left:1px;background:url(../images/ico_id.png) 8px 50% no-repeat;display:block;color:#959595;font-size:11px;padding:0 0 0 35px;width:173px;line-height:37px;height:37px;} .mLogin2 dd .placeholder.pw{background-image:url(../images/ico_pw.png);} .mLogin2 dd .it{background-color:#fff;border:1px solid #c6c6c6;padding:0 0 0 10px;width:100%;line-height:37px;height:37px;} .mLogin2 .btn{display:block;background-color:#242423;color:#fff;text-align:center;margin-top:2px;line-height:36px;height:36px;} .mLogin2 .btn:hover{text-decoration:none;} /* Paging Buttons Common Style */ .paging{clear:both;position:relative;padding-top:20px;text-align:center} .paging:after{display:block;clear:both;content:''} .paging > a{display:inline-block;border:1px solid #DEDEDE;margin:0 4px;;padding:4px 10px 4px 10px;;height:20px;line-height:22px;color:#888;text-decoration:underline;overflow:hidden} .paging > a.prev, .paging > a.next{text-decoration:none;padding:4px 10px 4px 10px;} .paging > a.current{background-color:#888;border-color:#888;font-weight:700;color:#FFF;text-decoration:none;padding:4px 10px 4px 10px;} .paging > a.current2{background-color:#fff;border-color:#aaa;font-weight:700;color:#777;text-decoration:none;padding:4px 10px 4px 10px;} .paging .btns{float:right;margin-top:0;text-align:right} .paging .btns a, .paging .btns button{display:inline-block;} ::-webkit-input-placeholder{color:#959595;} ::-moz-placeholder{color:#959595;} :-ms-input-placeholder{color:#959595;} :-moz-placeholder{color:#959595;} .mInfo{padding-left:28px;} /* * Jquery Chroma Gallery * author: casulworks * License: under the MIT license: http://www.opensource.org/licenses/mit-license.php * Credits for easing classes: http://matthewlein.com/ceaser/ */ @font-face { font-family: 'chroma-ui'; src:url('/fonts/chroma-ui/chroma-ui.eot?-etc1qp'); src:url('/fonts/chroma-ui/chroma-ui.eot?#iefix-etc1qp') format('embedded-opentype'), url('/fonts/chroma-ui/chroma-ui.ttf?-etc1qp') format('truetype'), url('/fonts/chroma-ui/chroma-ui.woff?-etc1qp') format('woff'), url('/fonts/chroma-ui/chroma-ui.svg?-etc1qp#chroma-ui') format('svg'); font-weight: normal; font-style: normal; } [class^="chrgi-"], [class*=" chrgi-"] { font-family: 'chroma-ui'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .chrgi-download:before { content: "\e069"; } .chrgi-image:before { content: "\e010"; } .chrgi-zoom-in:before { content: "\e037"; } .chrgi-zoom-out:before { content: "\e038"; } .chrgi-return:before { content: "\e039"; } .chrgi-play:before { content: "\e052"; } .chrgi-pause:before { content: "\e053"; } .chrgi-repeat:before { content: "\e058"; } .chrgi-maximize:before { content: "\e112"; } .chrgi-minimize:before { content: "\e113"; } .chrgi-close:before { content: "\e117"; } .chrgi-open:before { content: "\e128"; } .chrgi-ellipsis:before { content: "\e129"; } .chrgi-next:before { content: "\e600"; } .chrgi-previous:before { content: "\e601"; } /*============================================= DEFAULT SETTINGS ===============================================*/ *:fullscreen *:-ms-fullscreen, *:-webkit-full-screen, *:-moz-full-screen { overflow-y: hidden !important; } .chroma-gallery *, .chroma-screen * { border: none; padding: none; outline: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chrg-no-select { -webkit-tap-highlight-color:transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*============================================= CHROMA SCREEN ===============================================*/ .chroma-screen { width: 100%; height: 100%; display: none; top:0; left:0; position: fixed; touch-action:none; z-index: 9999; overflow: hidden; } .chrg-dof-body { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); -webkit-transition: -webkit-filter 1s ease-in-out; -moz-transition: -moz-filter 1s ease-in-out; -o-transition: -o-filter 1s ease-in-out; transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out, -moz-filter 1s ease-in-out, -o-filter 1s ease-in-out; will-change:-webkit-filter,-moz-filter,-o-filter,filter; } .chrg-dof-effect { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); filter: blur(10px); } .chroma-screen .chrg-bg, .chroma-screen .chrg-wrap, .chroma-screen .chrg-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .chroma-screen .chrg-bg { opacity:0; -webkit-transition: opacity .350s ease-in-out; -moz-transition: opacity .350s ease-in-out; -ms-transition: opacity .350s ease-in-out; -o-transition: opacity .350s ease-in-out; transition: opacity .350s ease-in-out; background-color: rgb(0,0,0); will-change:opacity; touch-action:none; } .chroma-screen .chrg-ui { width: 100%; position: absolute; top:0; left:0; height: 40px; opacity:0; -webkit-transition: opacity .350s ease-in-out; -moz-transition: opacity .350s ease-in-out; -ms-transition: opacity .350s ease-in-out; -o-transition: opacity .350s ease-in-out; transition: opacity .350s ease-in-out; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ will-change:opacity; z-index: 2; } .chroma-screen .chrg-index { float: left; color: rgba(255,255,255,0.85); text-shadow:0px 3px 4px rgba(0,0,0,0.4); position: relative; top: 8px; left: 8px; font-size: 15px; } .chroma-screen .chrg-ui button { width: 38px; height: 38px; float:right; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; display: block; cursor: pointer; color: rgba(255,255,255,0.7); background-color: rgba(0,0,0,0); text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-shadow:0px 3px 4px rgba(0,0,0,0.4); font-size:1.2em; will-change:background-color; } .chroma-screen .chrg-ui button:hover { -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3); background: rgba(0,0,0,0.35); color: rgba(255,255,255,1); } .chroma-screen .chrg-imgwrap { position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; -mos-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility:hidden; backface-visibility: hidden; -webkit-box-shadow:0px 0px 13px 0px rgba(0,0,0,0.4); -moz-box-shadow:0px 0px 13px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4); will-change:transform,-webkit-transform,-moz-transform,-ms-transform,-o-transform; z-index: 1; } .chroma-screen .chrg-imgwrap img { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; -webkit-backface-visibility:hidden; backface-visibility: hidden; } .chrg-animation { -webkit-transition: -webkit-transform .350s; -moz-transition: -moz-transform .350s; -ms-transition: -ms-transform .350s; -o-transition: -o-transform .350s; transition: transform .350s; } /*============================================= GALLERY PRELOADER ===============================================*/ .chrg-loader { bottom: 0; height: 25px; left: 0; margin: auto; display: none; position: absolute; right: 0; top: 0; width: 42px; } .chrg-loader-line-wrap-wrap { animation: loader-spin 1800ms cubic-bezier(.175, .885, .32, 1.275) infinite; -o-animation: loader-spin 1800ms cubic-bezier(.175, .885, .32, 1.275) infinite; -ms-animation: loader-spin 1800ms cubic-bezier(.175, .885, .32, 1.275) infinite; -webkit-animation: loader-spin 1800ms cubic-bezier(.175, .885, .32, 1.275) infinite; -moz-animation: loader-spin 1800ms cubic-bezier(.175, .885, .32, 1.275) infinite; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 21px; left: 0; overflow: hidden; position: absolute; top: 0; transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; width: 42px; } .chrg-loader-line-wrap { border: 2px solid transparent; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 42px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 42px; } .chrg-loader-line-wrap-wrap:nth-child(1) { animation-delay: -45ms; -o-animation-delay: -45ms; -ms-animation-delay: -45ms; -webkit-animation-delay: -45ms; -moz-animation-delay: -45ms; } .chrg-loader-line-wrap-wrap:nth-child(2) { animation-delay: -90ms; -o-animation-delay: -90ms; -ms-animation-delay: -90ms; -webkit-animation-delay: -90ms; -moz-animation-delay: -90ms; } .chrg-loader-line-wrap-wrap:nth-child(3) { animation-delay: -135ms; -o-animation-delay: -135ms; -ms-animation-delay: -135ms; -webkit-animation-delay: -135ms; -moz-animation-delay: -135ms; } .chrg-loader-line-wrap-wrap:nth-child(4) { animation-delay: -180ms; -o-animation-delay: -180ms; -ms-animation-delay: -180ms; -webkit-animation-delay: -180ms; -moz-animation-delay: -180ms; } .chrg-loader-line-wrap-wrap:nth-child(5) { animation-delay: -225ms; -o-animation-delay: -225ms; -ms-animation-delay: -225ms; -webkit-animation-delay: -225ms; -moz-animation-delay: -225ms; } .chrg-loader-line-wrap-wrap:nth-child(1) .chrg-loader-line-wrap { border-color: rgb(234,71,71); height: 38px; width: 38px; top: 3px; } .chrg-loader-line-wrap-wrap:nth-child(2) .chrg-loader-line-wrap { border-color: rgb(234,234,71); height: 32px; width: 32px; top: 6px; } .chrg-loader-line-wrap-wrap:nth-child(3) .chrg-loader-line-wrap { border-color: rgb(71,234,71); height: 26px; width: 26px; top: 9px; } .chrg-loader-line-wrap-wrap:nth-child(4) .chrg-loader-line-wrap { border-color: rgb(71,234,234); height: 20px; width: 20px; top: 12px; } .chrg-loader-line-wrap-wrap:nth-child(5) .chrg-loader-line-wrap { border-color: rgb(71,71,234); height: 14px; width: 14px; top: 15px; } /*============================================= GALLERY GRID ===============================================*/ .chroma-gallery { width: 100%; min-width: 200px; min-height: 200px; display: none; } .chroma-gallery .chrg-loadicon {visibility: hidden;font-size:0;display: block;} .chroma-gallery img {display: none;} .chroma-gallery .chrg-grid:after {content: '';display: block;clear: both;} .chroma-gallery .chrg-item { opacity: 0; cursor: pointer; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; will-change:opacity; } .chroma-gallery .chrg-item img { width: 100%; display: block; } .chroma-gallery .chrg-item:hover img { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); } .chroma-gallery .chrg-description { display: block; background: rgba(0,0,0,0.4); position: absolute; top: 0; right: 0; bottom:0; left: 0; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out, -webkit-filter 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, -moz-filter 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out, -ms-filter 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out, -o-filter 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out; text-align: center; font-size: 17px; will-change:opacity,filter,-webkit-filter,-moz-filter,-ms-filter,-o-filter; color: white; } .chroma-gallery .chrg-description:hover{opacity: 1;} .chroma-gallery .chrg-description:before{content: '';height: 100%;} .chroma-gallery .chrg-description p {padding: 10px;line-height: 27px;} .chroma-gallery .chrg-description span {font-size: 50px;line-height: 20px;} .chroma-gallery .chrg-description:before, .chroma-gallery .chrg-description p {display: inline-block;vertical-align: middle;} /*============================================= ANIMATION SETTINGS ===============================================*/ @keyframes loader-spin { 0%, 15% { transform: rotate(0); transform: rotate(0); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-spin { 0%, 15% { -o-transform: rotate(0); transform: rotate(0); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes loader-spin { 0%, 15% { -ms-transform: rotate(0); transform: rotate(0); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-spin { 0%, 15% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loader-spin { 0%, 15% { -moz-transform: rotate(0); transform: rotate(0); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } /*==================================== EASING STYLE CLASSES ====================================*/ .chrg-easing-linear { -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .chrg-easing-ease { -webkit-transition-timing-function: ease !important; -moz-transition-timing-function: ease !important; -o-transition-timing-function: ease !important; transition-timing-function: ease !important; } .chrg-easing-easeIn { -webkit-transition-timing-function: ease-in !important; -moz-transition-timing-function: ease-in !important; -o-transition-timing-function: ease-in !important; transition-timing-function: ease-in !important; } .chrg-easing-easeOut { -webkit-transition-timing-function: ease-out !important; -moz-transition-timing-function: ease-out !important; -o-transition-timing-function: ease-out !important; transition-timing-function: ease-out !important; } .chrg-easing-easeInOut { -webkit-transition-timing-function: ease-in-out !important; -moz-transition-timing-function: ease-in-out !important; -o-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; } .chrg-easing-easeInQuad { -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530) !important; -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530) !important; -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530) !important; transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530) !important; } .chrg-easing-easeInCubic { -webkit-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) !important; -moz-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) !important; -o-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) !important; transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) !important; } .chrg-easing-easeInQuart { -webkit-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220) !important; -moz-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220) !important; -o-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220) !important; transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220) !important; } .chrg-easing-easeInQuint { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060) !important; -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060) !important; -o-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060) !important; transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060) !important; } .chrg-easing-easeInSine { -webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715) !important; -moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715) !important; -o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715) !important; transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715) !important; } .chrg-easing-easeInExpo { -webkit-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035) !important; -moz-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035) !important; -o-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035) !important; transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035) !important; } .chrg-easing-easeInCirc { -webkit-transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335) !important; -moz-transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335) !important; -o-transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335) !important; transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335) !important; } .chrg-easing-easeInBack { -webkit-transition-timing-function: cubic-bezier(0.600, 0, 0.735, 0.045) !important; /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045) !important; -moz-transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045) !important; -o-transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045) !important; transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045) !important; } .chrg-easing-easeOutQuad { -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940) !important; -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940) !important; -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940) !important; transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940) !important; } .chrg-easing-easeOutExpo { -webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; } .chrg-easing-easeOutCubic { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important; transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important; } .chrg-easing-easeOutQuart { -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000) !important; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000) !important; } .chrg-easing-easeOutQuint { -webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) !important; transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) !important; } .chrg-easing-easeOutSine { -webkit-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000) !important; transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000) !important; } .chrg-easing-easeOutCirc { -webkit-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000) !important; transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000) !important; } .chrg-easing-easeOutBack { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) !important; /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; } .chrg-easing-easeInOutQuad { -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955) !important; -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955) !important; -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955) !important; transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955) !important; } .chrg-easing-easeInOutCubic { -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000) !important; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000) !important; } .chrg-easing-easeInOutQuart { -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; } .chrg-easing-easeInOutQuint { -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) !important; -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) !important; -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) !important; transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) !important; } .chrg-easing-easeInOutSine { -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950) !important; -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950) !important; -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950) !important; transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950) !important; } .chrg-easing-easeInOutExpo { -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000) !important; -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000) !important; -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000) !important; transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000) !important; } .chrg-easing-easeInOutCirc { -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860) !important; -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860) !important; -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860) !important; transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860) !important; /* easeInOutCirc */ } .chrg-easing-easeInOutBack { -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1) !important; /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550) !important; -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550) !important; -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550) !important; transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550) !important; } .chrg-easing-chroma { -webkit-transition-timing-function: cubic-bezier(1.000, 0.015, 0.440, 1.000) !important; -moz-transition-timing-function: cubic-bezier(1.000, 0.015, 0.440, 1.000) !important; -o-transition-timing-function: cubic-bezier(1.000, 0.015, 0.440, 1.000) !important; transition-timing-function: cubic-bezier(1.000, 0.015, 0.440, 1.000) !important; }