200200
201201.mobile .add_contact_row a {
202202 display : none;
203- }
203+ }
204+
205+ /* Table css */
206+ .contact-group { margin : 0 ;padding : 0 ;border : 0 ;outline : none;font-size : 0 ;text-align : left;padding-top : 15px ; }
207+ .contact-group > input { position : absolute;left : -9999px ; }
208+ .contact-group > label { position : relative;display : inline-block;margin : 0 ;padding : 0 ;border : 0 ;outline : none;cursor : pointer;transition : all 0.1s ;-o-transition : all 0.1s ;-ms-transition : all 0.1s ;-moz-transition : all 0.1s ;-webkit-transition : all 0.1s ; }
209+ .contact-group > label i { display : block;float : left;margin : 16px 8px 0 -2px ;padding : 0 ;border : 0 ;outline : none;font-family : FontAwesome;font-style : normal;font-size : 17px ; }
210+ .contact-group > input : checked + label { cursor : default; }
211+ .contact-group > ul { list-style : none;position : relative;display : block;overflow : hidden;margin : 0 ;padding : 0 ;border : 0 ;outline : none;font-size : 13px ; }
212+ .contact-group > ul > li { position : absolute;width : 100% ;overflow : auto;padding : 20px 0px ;box-sizing : border-box;-moz-box-sizing : border-box;opacity : 0 ;transition : all 0.5s ;-o-transition : all 0.5s ;-ms-transition : all 0.5s ;-moz-transition : all 0.5s ;-webkit-transition : all 0.5s ; }
213+ .contact-group > .tab-content-first : checked ~ ul .tab-content-first ,
214+ .contact-group > .tab-content-2 : checked ~ ul .tab-content-2 ,
215+ .contact-group > .tab-content-3 : checked ~ ul .tab-content-3 ,
216+ .contact-group > .tab-content-4 : checked ~ ul .tab-content-4 ,
217+ .contact-group > .tab-content-5 : checked ~ ul .tab-content-5 ,
218+ .contact-group > .tab-content-6 : checked ~ ul .tab-content-6 ,
219+ .contact-group > .tab-content-7 : checked ~ ul .tab-content-7 ,
220+ .contact-group > .tab-content-8 : checked ~ ul .tab-content-8 ,
221+ .contact-group > .tab-content-9 : checked ~ ul .tab-content-9 ,
222+ .contact-group > .tab-content-last : checked ~ ul .tab-content-last { z-index : 1 ;top : 0 ;left : 0 ;opacity : 1 ;-webkit-transform : scale (1 , 1 );-webkit-transform : rotate (0deg ); }
223+
224+ .contact-group-height-auto > ul { height : auto !important ;}
225+ .contact-group-height-auto > ul > li { position : static;display : none;height : auto !important ; }
226+ .contact-group-height-auto > .tab-content-first : checked ~ ul .tab-content-first ,
227+ .contact-group-height-auto > .tab-content-2 : checked ~ ul .tab-content-2 ,
228+ .contact-group-height-auto > .tab-content-3 : checked ~ ul .tab-content-3 ,
229+ .contact-group-height-auto > .tab-content-4 : checked ~ ul .tab-content-4 ,
230+ .contact-group-height-auto > .tab-content-5 : checked ~ ul .tab-content-5 ,
231+ .contact-group-height-auto > .tab-content-last : checked ~ ul .tab-content-last { display : block; }
232+ .contact-group .grid-row { margin-top : 20px ;}
233+ .contact-group .grid-row : after { content : '' ;display : table;clear : both; }
234+ .contact-group .grid-row : first-child { margin-top : 0 ;}
235+ .contact-group .grid-col { display : block;float : left;margin-left : 2% ; }
236+ .contact-group .grid-col : first-child { margin-left : 0 ;}
237+ .contact-group .grid-col .inner { padding : 10px 0 ;border-radius : 5px ;background : # BDCBE5 ;text-align : center; }
238+ .contact-group .grid-col-1 { width : 15% ; }
239+ .contact-group .grid-col-2 { width : 32% ; }
240+ .contact-group .grid-col-3 { width : 49% ; }
241+ .contact-group .grid-col-4 { width : 66% ; }
242+ .contact-group .grid-col-5 { width : 83% ; }
243+ .contact-group .grid-col-offset-1 { margin-left : 19% ; }
244+ .contact-group .grid-col-offset-1 : first-child { margin-left : 17% ; }
245+ .contact-group .grid-col-offset-2 { margin-left : 36% ; }
246+ .contact-group .grid-col-offset-2 : first-child { margin-left : 34% ; }
247+ .contact-group .grid-col-offset-3 { margin-left : 53% ; }
248+
249+ .contact-group .grid-col-offset-3 : first-child { margin-left : 51% ; }
250+
251+ .contact-group .grid-col-offset-4 { margin-left : 70% ; }
252+
253+ .contact-group .grid-col-offset-4 : first-child { margin-left : 68% ; }
254+ .contact-group .grid-col-offset-5 : first-child { margin-left : 85% ; }
255+
256+ .contact-group .typography { color : # 666 ; }
257+ .contact-group .typography h1 ,
258+ .contact-group .typography h2 ,
259+ .contact-group .typography h3 ,
260+ .contact-group .typography h4 ,
261+ .contact-group .typography h5 ,
262+ .contact-group .typography h6 { margin : 40px 0 0 0 ; padding : 0 ; text-align : left; color : # 333 ; }
263+ .contact-group .typography h1 { font-size : 40px ; line-height : 60px ; text-shadow : 3px 3px rgba (0 , 0 , 0 , 0.1 ); }
264+ .contact-group .typography h2 { font-size : 32px ; line-height : 48px ; text-shadow : 2px 2px rgba (0 , 0 , 0 , 0.1 ); }
265+ .contact-group .typography h3 { font-size : 26px ;line-height : 38px ;text-shadow : 1px 1px rgba (0 , 0 , 0 , 0.1 ); }
266+ .contact-group .typography h4 { font-size : 20px ;line-height : 30px ; }
267+ .contact-group .typography h5 { font-size : 15px ;line-height : 23px ;text-transform : uppercase; }
268+ .contact-group .typography h6 { font-size : 13px ;line-height : 20px ;font-weight : 700 ;text-transform : uppercase; }
269+ .contact-group .typography p { margin : 20px 0 0 0 ;padding : 0 ;line-height : 20px ;text-align : left; }
270+ .contact-group .typography ul ,
271+ .contact-group .typography ol { list-style : none; margin : 20px 0 0 0 ; padding : 0 ; }
272+ .contact-group .typography li { position : relative; margin-top : 5px ; padding-left : 20px ; }
273+ .contact-group .typography li ul , .contact-group .typography li ol { margin-top : 5px ; }
274+ .contact-group .typography ul li : before {content : '' ;position : absolute;top : 8px ;left : 0 ;width : 6px ;height : 4px ;background : # 404040 ;}
275+ .contact-group .typography ol { counter-reset : list1; }
276+ .contact-group .typography ol > li : before { counter-increment : list1; content : counter (list1)'.' ; position : absolute; top : 0 ; left : 0 ; }
277+ .contact-group .typography a { text-decoration : underline; color : # 008080 ; }
278+ .contact-group .typography a : hover { text-decoration : none; }
279+ .contact-group .typography .pic { padding : 4px ; border : 1px dotted # ccc ; }
280+ .contact-group .typography .pic img { display : block; }
281+ .contact-group .typography .pic-right { float : right; margin : 0 0 10px 20px ;}
282+ .contact-group .typography .link {text-decoration : underline;color : # 008080 ;cursor : pointer;}
283+ .contact-group .typography .link : hover {text-decoration : none;}
284+ .contact-group .typography h1 : first-child , .contact-group .typography h2 : first-child , .contact-group .typography h3 : first-child , .contact-group .typography h4 : first-child , .contact-group .typography h5 : first-child , .contact-group .typography h6 : first-child , .contact-group .typography p : first-child { margin-top : 0 ; }
285+ .contact-group .typography .text-center { text-align : center; }
286+ .contact-group .typography .text-right { text-align : right; }
287+ .contact-group-steps > label { cursor : default; }
288+
289+ .contact-group-effect-scale > ul > li { -webkit-transform : scale (0.1 , 0.1 ); }
290+ .contact-group-effect-rotate > ul > li { -webkit-transform : rotate (180deg ); }
291+ .contact-group-effect-slide-top > ul > li { top : -40px ; }
292+ .contact-group-effect-slide-right > ul > li { left : 80px ; }
293+ .contact-group-effect-slide-bottom > ul > li { top : 40px ; }
294+ .contact-group-effect-slide-left > ul > li { left : -80px ; }
295+
296+ .contact-group-layout-top-right { text-align : right; }
297+ .contact-group-layout-top-center { text-align : center; }
298+ .contact-group > .right { float : right; }
299+
300+ @media screen and (max-width : 980px ) {}
301+
302+ @media screen and (max-width : 767px ) {
303+ .contact-group > label { display : block; }
304+ .contact-group > .right { float : none; }
305+ }
306+
307+ .contact-group > label { padding : 0 20px ; background : # e5e5e5 ; font-size : 13px ; line-height : 49px ; }
308+ .contact-group > label : hover { background : # f2f2f2 ; }
309+ .contact-group > input : checked + label { background : # f2f2f2 ; }
310+ .contact-group > ul { background : # fff ;text-align : left; }
311+ .contact-group-steps > label : hover { background : # e5e5e5 ; }
312+
313+ .contact-group-theme-1 > label { margin : 0 5px 5px 0 ;border-radius : 5px ;background : # fff ;box-shadow : 0 2px rgba (0 , 0 , 0 , 0.2 );color : # 808080 ;opacity : 0.8 ; }
314+ .contact-group-theme-1 > label : hover { opacity : 1 ; }
315+ .contact-group-theme-1 > input : checked + label { margin-bottom : 0 ; padding-bottom : 5px ; border-bottom-right-radius : 0 ; border-bottom-left-radius : 0 ; color : 008080 ; opacity : 1 ; }
316+ .contact-group-theme-1 > ul { border-radius : 5px ; }
317+ .contact-group-theme-1 > .tab-content-first : checked ~ ul { border-top-left-radius : 0 ; }
318+ @media screen and (max-width : 767px ) {
319+ .contact-group-theme-1 > label { margin-right : 0 }
320+ .contact-group-theme-1 > input : checked + label { margin-bottom : 5px ; padding-bottom : 0 ; border-radius : 5px }
321+ .contact-group-theme-1 > .tab-content-first : checked ~ ul { border-top-left-radius : 5px ; }
322+ }
323+
324+ .contact-group > ul ,
325+ .contact-group > ul > li {height : 100vh ;}
0 commit comments