/* Elementpath css */ /* el_01 color */ /* el_04 position */ .p_relative { position: relative; } .mb_40 { margin-bottom: 40px; } .mb_50 { margin-bottom: 50px; } .ml_30 { margin-left: 30px; } .ml_45 { margin-left: 45px; } .ml_50 { margin-left: 50px; } .ml_55 { margin-left: 55px; } .ml_60 { margin-left: 60px; } .ml_65 { margin-left: 65px; } .ml_70 { margin-left: 70px; } .ml_75 { margin-left: 75px; } .ml_80 { margin-left: 80px; } .ml_85 { margin-left: 85px; } .ml_90 { margin-left: 90px; } .ml_95 { margin-left: 95px; } .ml_100 { margin-left: 100px; } .ml_110 { margin-left: 110px; } .ml_120 { margin-left: 120px; } .ml_130 { margin-left: 130px; } .ml_140 { margin-left: 140px; } .ml_150 { margin-left: 150px; } .ml_160 { margin-left: 160px; } .ml_170 { margin-left: 170px; } .ml_180 { margin-left: 180px; } .ml_190 { margin-left: 190px; } .ml_200 { margin-left: 200px; } /* el_13 Padding */ .p_0 { padding: 0; } .p_1 { padding: 1px; } .p_2 { padding: 2px; } .p_3 { padding: 3px; } .p_4 { padding: 4px; } .p_5 { padding: 5px; } .p_6 { padding: 6px; } .p_7 { padding: 7px; } .p_8 { padding: 8px; } .p_9 { padding: 9px; } .p_10 { padding: 10px; } .p_11 { padding: 11px; } .p_12 { padding: 12px; } .p_13 { padding: 13px; } .p_14 { padding: 14px; } .p_15 { padding: 15px; } .p_16 { padding: 16px; } .p_17 { padding: 17px; } .p_18 { padding: 18px; } .p_19 { padding: 19px; } .p_20 { padding: 20px; } .p_25 { padding: 25px; } .p_30 { padding: 30px; } .p_35 { padding: 35px; } .p_40 { padding: 40px; } .p_45 { padding: 45px; } .p_50 { padding: 50px; } .p_55 { padding: 55px; } .p_60 { padding: 60px; } .p_65 { padding: 65px; } .p_70 { padding: 70px; } .p_75 { padding: 75px; } .p_80 { padding: 80px; } .p_85 { padding: 85px; } .p_90 { padding: 90px; } .p_95 { padding: 95px; } .p_100 { padding: 100px; } .p_110 { padding: 110px; } .p_120 { padding: 120px; } .p_130 { padding: 130px; } .p_140 { padding: 140px; } .p_150 { padding: 150px; } .p_160 { padding: 160px; } .p_170 { padding: 170px; } .p_180 { padding: 180px; } .p_190 { padding: 190px; } .p_200 { padding: 200px; } .px_0 { padding-left: 0; padding-right: 0; } .px_1 { padding-left: 1px; padding-right: 1px; } .px_2 { padding-left: 2px; padding-right: 2px; } .px_3 { padding-left: 3px; padding-right: 3px; } .px_4 { padding-left: 4px; padding-right: 4px; } .px_5 { padding-left: 5px; padding-right: 5px; } .px_6 { padding-left: 6px; padding-right: 6px; } .px_7 { padding-left: 7px; padding-right: 7px; } .px_8 { padding-left: 8px; padding-right: 8px; } .px_9 { padding-left: 9px; padding-right: 9px; } .px_10 { padding-left: 10px; padding-right: 10px; } .px_11 { padding-left: 11px; padding-right: 11px; } .px_12 { padding-left: 12px; padding-right: 12px; } .px_13 { padding-left: 13px; padding-right: 13px; } .px_14 { padding-left: 14px; padding-right: 14px; } .px_15 { padding-left: 15px; padding-right: 15px; } .px_16 { padding-left: 16px; padding-right: 16px; } .px_17 { padding-left: 17px; padding-right: 17px; } .px_18 { padding-left: 18px; padding-right: 18px; } .px_19 { padding-left: 19px; padding-right: 19px; } .px_20 { padding-left: 20px; padding-right: 20px; } .px_25 { padding-left: 25px; padding-right: 25px; } .px_30 { padding-left: 30px; padding-right: 30px; } .px_35 { padding-left: 35px; padding-right: 35px; } .px_40 { padding-left: 40px; padding-right: 40px; } .px_45 { padding-left: 45px; padding-right: 45px; } .px_50 { padding-left: 50px; padding-right: 50px; } .px_55 { padding-left: 55px; padding-right: 55px; } .px_60 { padding-left: 60px; padding-right: 60px; } .px_65 { padding-left: 65px; padding-right: 65px; } .px_70 { padding-left: 70px; padding-right: 70px; } .px_75 { padding-left: 75px; padding-right: 75px; } .px_80 { padding-left: 80px; padding-right: 80px; } .px_85 { padding-left: 85px; padding-right: 85px; } .px_90 { padding-left: 90px; padding-right: 90px; } .px_95 { padding-left: 95px; padding-right: 95px; } .px_100 { padding-left: 100px; padding-right: 100px; } .px_110 { padding-left: 110px; padding-right: 110px; } .px_120 { padding-left: 120px; padding-right: 120px; } .px_130 { padding-left: 130px; padding-right: 130px; } .px_140 { padding-left: 140px; padding-right: 140px; } .px_150 { padding-left: 150px; padding-right: 150px; } .px_160 { padding-left: 160px; padding-right: 160px; } .px_170 { padding-left: 170px; padding-right: 170px; } .px_180 { padding-left: 180px; padding-right: 180px; } .px_190 { padding-left: 190px; padding-right: 190px; } .px_200 { padding-left: 200px; padding-right: 200px; } .py_0 { padding-top: 0; padding-bottom: 0; } .py_1 { padding-top: 1px; padding-bottom: 1px; } .py_2 { padding-top: 2px; padding-bottom: 2px; } .py_3 { padding-top: 3px; padding-bottom: 3px; } .py_4 { padding-top: 4px; padding-bottom: 4px; } .py_5 { padding-top: 5px; padding-bottom: 5px; } .py_6 { padding-top: 6px; padding-bottom: 6px; } .py_7 { padding-top: 7px; padding-bottom: 7px; } .py_8 { padding-top: 8px; padding-bottom: 8px; } .py_9 { padding-top: 9px; padding-bottom: 9px; } .py_10 { padding-top: 10px; padding-bottom: 10px; } .py_11 { padding-top: 11px; padding-bottom: 11px; } .py_12 { padding-top: 12px; padding-bottom: 12px; } .py_13 { padding-top: 13px; padding-bottom: 13px; } .py_14 { padding-top: 14px; padding-bottom: 14px; } .py_15 { padding-top: 15px; padding-bottom: 15px; } .py_16 { padding-top: 16px; padding-bottom: 16px; } .py_17 { padding-top: 17px; padding-bottom: 17px; } .py_18 { padding-top: 18px; padding-bottom: 18px; } .py_19 { padding-top: 19px; padding-bottom: 19px; } .py_20 { padding-top: 20px; padding-bottom: 20px; } .py_25 { padding-top: 25px; padding-bottom: 25px; } .py_30 { padding-top: 30px; padding-bottom: 30px; } .py_35 { padding-top: 35px; padding-bottom: 35px; } .py_40 { padding-top: 40px; padding-bottom: 40px; } .py_45 { padding-top: 45px; padding-bottom: 45px; } .py_50 { padding-top: 50px; padding-bottom: 50px; } .py_55 { padding-top: 55px; padding-bottom: 55px; } .py_60 { padding-top: 60px; padding-bottom: 60px; } .py_65 { padding-top: 65px; padding-bottom: 65px; } .py_70 { padding-top: 70px; padding-bottom: 70px; } .py_75 { padding-top: 75px; padding-bottom: 75px; } .py_80 { padding-top: 80px; padding-bottom: 80px; } .py_85 { padding-top: 85px; padding-bottom: 85px; } .py_90 { padding-top: 90px; padding-bottom: 90px; } .py_95 { padding-top: 95px; padding-bottom: 95px; } .py_100 { padding-top: 100px; padding-bottom: 100px; } .py_110 { padding-top: 110px; padding-bottom: 110px; } .py_120 { padding-top: 120px; padding-bottom: 120px; } .py_130 { padding-top: 130px; padding-bottom: 130px; } .py_140 { padding-top: 140px; padding-bottom: 140px; } .py_150 { padding-top: 150px; padding-bottom: 150px; } .py_160 { padding-top: 160px; padding-bottom: 160px; } .py_170 { padding-top: 170px; padding-bottom: 170px; } .py_180 { padding-top: 180px; padding-bottom: 180px; } .py_190 { padding-top: 190px; padding-bottom: 190px; } .py_200 { padding-top: 200px; padding-bottom: 200px; } .pt_0 { padding-top: 0; } .pt_1 { padding-top: 1px; } .pt_2 { padding-top: 2px; } .pt_3 { padding-top: 3px; } .pt_4 { padding-top: 4px; } .pt_5 { padding-top: 5px; } .pt_6 { padding-top: 6px; } .pt_7 { padding-top: 7px; } .pt_8 { padding-top: 8px; } .pt_9 { padding-top: 9px; } .pt_10 { padding-top: 10px; } .pt_11 { padding-top: 11px; } .pt_12 { padding-top: 12px; } .pt_13 { padding-top: 13px; } .pt_14 { padding-top: 14px; } .pt_15 { padding-top: 15px; } .pt_16 { padding-top: 16px; } .pt_17 { padding-top: 17px; } .pt_18 { padding-top: 18px; } .pt_19 { padding-top: 19px; } .pt_20 { padding-top: 20px; } .pt_25 { padding-top: 25px; } .pt_30 { padding-top: 30px; } .pt_35 { padding-top: 35px; } .pt_40 { padding-top: 40px; } .pt_45 { padding-top: 45px; } .pt_50 { padding-top: 50px; } .pt_55 { padding-top: 55px; } .pt_60 { padding-top: 60px; } .pt_65 { padding-top: 65px; } .pt_70 { padding-top: 70px; } .pt_75 { padding-top: 75px; } .pt_80 { padding-top: 80px; } .pt_85 { padding-top: 85px; } .pt_90 { padding-top: 90px; } .pt_95 { padding-top: 95px; } .pt_100 { padding-top: 100px; } .pt_110 { padding-top: 110px; } .pt_90 { padding-top: 90px; } .pt_130 { padding-top: 130px; } .pt_140 { padding-top: 140px; } .pt_150 { padding-top: 150px; } .pt_160 { padding-top: 160px; } .pt_170 { padding-top: 170px; } .pt_180 { padding-top: 180px; } .pt_190 { padding-top: 190px; } .pt_200 { padding-top: 200px; } .pr_0 { padding-right: 0; } .pr_1 { padding-right: 1px; } .pr_2 { padding-right: 2px; } .pr_3 { padding-right: 3px; } .pr_4 { padding-right: 4px; } .pr_5 { padding-right: 5px; } .pr_6 { padding-right: 6px; } .pr_7 { padding-right: 7px; } .pr_8 { padding-right: 8px; } .pr_9 { padding-right: 9px; } .pr_10 { padding-right: 10px; } .pr_11 { padding-right: 11px; } .pr_12 { padding-right: 12px; } .pr_13 { padding-right: 13px; } .pr_14 { padding-right: 14px; } .pr_15 { padding-right: 15px; } .pr_16 { padding-right: 16px; } .pr_17 { padding-right: 17px; } .pr_18 { padding-right: 18px; } .pr_19 { padding-right: 19px; } .pr_20 { padding-right: 20px; } .pr_25 { padding-right: 25px; } .pr_30 { padding-right: 30px; } .pr_35 { padding-right: 35px; } .pr_40 { padding-right: 40px; } .pr_45 { padding-right: 45px; } .pr_50 { padding-right: 50px; } .pr_55 { padding-right: 55px; } .pr_60 { padding-right: 60px; } .pr_65 { padding-right: 65px; } .pr_70 { padding-right: 70px; } .pr_75 { padding-right: 75px; } .pr_80 { padding-right: 80px; } .pr_85 { padding-right: 85px; } .pr_90 { padding-right: 90px; } .pr_95 { padding-right: 95px; } .pr_100 { padding-right: 100px; } .pr_110 { padding-right: 110px; } .pr_120 { padding-right: 120px; } .pr_130 { padding-right: 130px; } .pr_140 { padding-right: 140px; } .pr_150 { padding-right: 150px; } .pr_160 { padding-right: 160px; } .pr_170 { padding-right: 170px; } .pr_180 { padding-right: 180px; } .pr_190 { padding-right: 190px; } .pr_200 { padding-right: 200px; } .pb_0 { padding-bottom: 0; } .pb_1 { padding-bottom: 1px; } .pb_2 { padding-bottom: 2px; } .pb_3 { padding-bottom: 3px; } .pb_4 { padding-bottom: 4px; } .pb_5 { padding-bottom: 5px; } .pb_6 { padding-bottom: 6px; } .pb_7 { padding-bottom: 7px; } .pb_8 { padding-bottom: 8px; } .pb_9 { padding-bottom: 9px; } .pb_10 { padding-bottom: 10px; } .pb_11 { padding-bottom: 11px; } .pb_12 { padding-bottom: 12px; } .pb_13 { padding-bottom: 13px; } .pb_14 { padding-bottom: 14px; } .pb_15 { padding-bottom: 15px; } .pb_16 { padding-bottom: 16px; } .pb_17 { padding-bottom: 17px; } .pb_18 { padding-bottom: 18px; } .pb_19 { padding-bottom: 19px; } .pb_20 { padding-bottom: 20px; } .pb_25 { padding-bottom: 25px; } .pb_30 { padding-bottom: 30px; } .pb_35 { padding-bottom: 35px; } .pb_40 { padding-bottom: 40px; } .pb_45 { padding-bottom: 45px; } .pb_50 { padding-bottom: 50px; } .pb_55 { padding-bottom: 55px; } .pb_60 { padding-bottom: 60px; } .pb_65 { padding-bottom: 65px; } .pb_70 { padding-bottom: 70px; } .pb_75 { padding-bottom: 75px; } .pb_80 { padding-bottom: 80px; } .pb_85 { padding-bottom: 85px; } .pb_90 { padding-bottom: 90px; } .pb_95 { padding-bottom: 95px; } .pb_100 { padding-bottom: 100px; } .pb_110 { padding-bottom: 110px; } .pb_90 { padding-bottom: 90px; } .pb_130 { padding-bottom: 130px; } .pb_140 { padding-bottom: 140px; } .pb_150 { padding-bottom: 150px; } .pb_160 { padding-bottom: 160px; } .pb_170 { padding-bottom: 170px; } .pb_180 { padding-bottom: 180px; } .pb_190 { padding-bottom: 190px; } .pb_200 { padding-bottom: 200px; } .pl_0 { padding-left: 0; } .pl_1 { padding-left: 1px; } .pl_2 { padding-left: 2px; } .pl_3 { padding-left: 3px; } .pl_4 { padding-left: 4px; } .pl_5 { padding-left: 5px; } .pl_6 { padding-left: 6px; } .pl_7 { padding-left: 7px; } .pl_8 { padding-left: 8px; } .pl_9 { padding-left: 9px; } .pl_10 { padding-left: 10px; } .pl_11 { padding-left: 11px; } .pl_12 { padding-left: 12px; } .pl_13 { padding-left: 13px; } .pl_14 { padding-left: 14px; } .pl_15 { padding-left: 15px; } .pl_16 { padding-left: 16px; } .pl_17 { padding-left: 17px; } .pl_18 { padding-left: 18px; } .pl_19 { padding-left: 19px; } .pl_20 { padding-left: 20px; } .pl_25 { padding-left: 25px; } .pl_30 { padding-left: 30px; } .pl_35 { padding-left: 35px; } .pl_40 { padding-left: 40px; } .pl_45 { padding-left: 45px; } .pl_50 { padding-left: 50px; } .pl_55 { padding-left: 55px; } .pl_60 { padding-left: 60px; } .pl_65 { padding-left: 65px; } .pl_70 { padding-left: 70px; } .pl_75 { padding-left: 75px; } .pl_80 { padding-left: 80px; } .pl_85 { padding-left: 85px; } .pl_90 { padding-left: 90px; } .pl_95 { padding-left: 95px; } .pl_100 { padding-left: 100px; } .pl_110 { padding-left: 110px; } .pl_120 { padding-left: 120px; } .pl_130 { padding-left: 130px; } .pl_140 { padding-left: 140px; } .pl_150 { padding-left: 150px; } .pl_160 { padding-left: 160px; } .pl_170 { padding-left: 170px; } .pl_180 { padding-left: 180px; } .pl_190 { padding-left: 190px; } .pl_200 { padding-left: 200px; } /* el_14 Top */ .t_0 { top: 0; } .t_1 { top: 1px; } .t_2 { top: 2px; } .t_3 { top: 3px; } .t_4 { top: 4px; } .t_5 { top: 5px; } .t_6 { top: 6px; } .t_7 { top: 7px; } .t_8 { top: 8px; } .t_9 { top: 9px; } .t_10 { top: 10px; } .t_11 { top: 11px; } .t_12 { top: 12px; } .t_13 { top: 13px; } .t_14 { top: 14px; } .t_15 { top: 15px; } .t_16 { top: 16px; } .t_17 { top: 17px; } .t_18 { top: 18px; } .t_19 { top: 19px; } .t_20 { top: 20px; } .t_25 { top: 25px; } .t_30 { top: 30px; } .t_35 { top: 35px; } .t_40 { top: 40px; } .t_45 { top: 45px; } .t_50 { top: 50px; } .t_55 { top: 55px; } .t_60 { top: 60px; } .t_65 { top: 65px; } .t_70 { top: 70px; } .t_75 { top: 75px; } .t_80 { top: 80px; } .t_85 { top: 85px; } .t_90 { top: 90px; } .t_95 { top: 95px; } .t_100 { top: 100px; } .t_110 { top: 110px; } .t_120 { top: 120px; } .t_130 { top: 130px; } .t_140 { top: 140px; } .t_150 { top: 150px; } .t_160 { top: 160px; } .t_170 { top: 170px; } .t_180 { top: 180px; } .t_190 { top: 190px; } .t_200 { top: 200px; } /* el_15 Right */ .r_0 { right: 0; } .r_1 { right: 1px; } .r_2 { right: 2px; } .r_3 { right: 3px; } .r_4 { right: 4px; } .r_5 { right: 5px; } .r_6 { right: 6px; } .r_7 { right: 7px; } .r_8 { right: 8px; } .r_9 { right: 9px; } .r_10 { right: 10px; } .r_11 { right: 11px; } .r_12 { right: 12px; } .r_13 { right: 13px; } .r_14 { right: 14px; } .r_15 { right: 15px; } .r_16 { right: 16px; } .r_17 { right: 17px; } .r_18 { right: 18px; } .r_19 { right: 19px; } .r_20 { right: 20px; } .r_25 { right: 25px; } .r_30 { right: 30px; } .r_35 { right: 35px; } .r_40 { right: 40px; } .r_45 { right: 45px; } .r_50 { right: 50px; } .r_55 { right: 55px; } .r_60 { right: 60px; } .r_65 { right: 65px; } .r_70 { right: 70px; } .r_75 { right: 75px; } .r_80 { right: 80px; } .r_85 { right: 85px; } .r_90 { right: 90px; } .r_95 { right: 95px; } .r_100 { right: 100px; } .r_110 { right: 110px; } .r_120 { right: 120px; } .r_130 { right: 130px; } .r_140 { right: 140px; } .r_150 { right: 150px; } .r_160 { right: 160px; } .r_170 { right: 170px; } .r_180 { right: 180px; } .r_190 { right: 190px; } .r_200 { right: 200px; } /* el_16 Bottom */ .b_0 { bottom: 0; } .b_1 { bottom: 1px; } .b_2 { bottom: 2px; } .b_3 { bottom: 3px; } .b_4 { bottom: 4px; } .b_5 { bottom: 5px; } .b_6 { bottom: 6px; } .b_7 { bottom: 7px; } .b_8 { bottom: 8px; } .b_9 { bottom: 9px; } .b_10 { bottom: 10px; } .b_11 { bottom: 11px; } .b_12 { bottom: 12px; } .b_13 { bottom: 13px; } .b_14 { bottom: 14px; } .b_15 { bottom: 15px; } .b_16 { bottom: 16px; } .b_17 { bottom: 17px; } .b_18 { bottom: 18px; } .b_19 { bottom: 19px; } .b_20 { bottom: 20px; } .b_25 { bottom: 25px; } .b_30 { bottom: 30px; } .b_35 { bottom: 35px; } .b_40 { bottom: 40px; } .b_45 { bottom: 45px; } .b_50 { bottom: 50px; } .b_55 { bottom: 55px; } .b_60 { bottom: 60px; } .b_65 { bottom: 65px; } .b_70 { bottom: 70px; } .b_75 { bottom: 75px; } .b_80 { bottom: 80px; } .b_85 { bottom: 85px; } .b_90 { bottom: 90px; } .b_95 { bottom: 95px; } .b_100 { bottom: 100px; } .b_110 { bottom: 110px; } .b_120 { bottom: 120px; } .b_130 { bottom: 130px; } .b_140 { bottom: 140px; } .b_150 { bottom: 150px; } .b_160 { bottom: 160px; } .b_170 { bottom: 170px; } .b_180 { bottom: 180px; } .b_190 { bottom: 190px; } .b_200 { bottom: 200px; } /* el_17 Top */ .l_0 { left: 0; } .l_1 { left: 1px; } .l_2 { left: 2px; } .l_3 { left: 3px; } .l_4 { left: 4px; } .l_5 { left: 5px; } .l_6 { left: 6px; } .l_7 { left: 7px; } .l_8 { left: 8px; } .l_9 { left: 9px; } .l_10 { left: 10px; } .l_11 { left: 11px; } .l_12 { left: 12px; } .l_13 { left: 13px; } .l_14 { left: 14px; } .l_15 { left: 15px; } .l_16 { left: 16px; } .l_17 { left: 17px; } .l_18 { left: 18px; } .l_19 { left: 19px; } .l_20 { left: 20px; } .l_25 { left: 25px; } .l_30 { left: 30px; } .l_35 { left: 35px; } .l_40 { left: 40px; } .l_45 { left: 45px; } .l_50 { left: 50px; } .l_55 { left: 55px; } .l_60 { left: 60px; } .l_65 { left: 65px; } .l_70 { left: 70px; } .l_75 { left: 75px; } .l_80 { left: 80px; } .l_85 { left: 85px; } .l_90 { left: 90px; } .l_95 { left: 95px; } .l_100 { left: 100px; } .l_110 { left: 110px; } .l_120 { left: 120px; } .l_130 { left: 130px; } .l_140 { left: 140px; } .l_150 { left: 150px; } .l_160 { left: 160px; } .l_170 { left: 170px; } .l_180 { left: 180px; } .l_190 { left: 190px; } .l_200 { left: 200px; } /* el_18 Text align */ .align-1 { text-align: left; } .align-2 { text-align: center; } .align-3 { text-align: right; } /* el_19 Z-index */ .z_1 { z-index: 1; } .z_2 { z-index: 2; } .z_3 { z-index: 3; } .z_4 { z-index: 4; } .z_5 { z-index: 5; } .z_6 { z-index: 6; } .z_7 { z-index: 7; } .z_8 { z-index: 8; } .z_9 { z-index: 9; } .z_99 { z-index: 99; } .z_999 { z-index: 999; } .z_9999 { z-index: 9999; } .z_99999 { z-index: 99999; } /* el_20 Border radius */ .b_radius_0 { border-radius: 0; } .b_radius_1 { border-radius: 1px; } .b_radius_2 { border-radius: 2px; } .b_radius_3 { border-radius: 3px; } .b_radius_4 { border-radius: 4px; } .b_radius_5 { border-radius: 5px; } .b_radius_6 { border-radius: 6px; } .b_radius_7 { border-radius: 7px; } .b_radius_8 { border-radius: 8px; } .b_radius_9 { border-radius: 9px; } .b_radius_10 { border-radius: 10px; } .b_radius_11 { border-radius: 11px; } .b_radius_12 { border-radius: 12px; } .b_radius_13 { border-radius: 13px; } .b_radius_14 { border-radius: 14px; } .b_radius_15 { border-radius: 15px; } .b_radius_16 { border-radius: 16px; } .b_radius_17 { border-radius: 17px; } .b_radius_18 { border-radius: 18px; } .b_radius_19 { border-radius: 19px; } .b_radius_20 { border-radius: 20px; } .b_radius_25 { border-radius: 25px; } .b_radius_30 { border-radius: 30px; } .b_radius_50 { border-radius: 50%; } /* el_21 Box shadow */ .b_shadow_1 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .b_shadow_2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .b_shadow_3 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .b_shadow_4 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .b_shadow_5 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); } .b_shadow_6 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.10); } .b_shadow_7 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); } .b_shadow_8 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.20); } /* el_22 Btn */ .theme_btn_1{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 700; color: #fff !important; text-align: center; padding: 14.5px 31px; letter-spacing: 1px; text-transform: uppercase; background-color: #0d6efd; z-index: 1; vertical-align: middle; } .theme_btn_1:before{ position: absolute; content: ''; width: 0%; height: 100%; background: #272727; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .theme_btn_1:hover:before{ width: 100%; } .theme_btn_2{ position: relative; display: inline-block; overflow: hidden; font-size: 16px; line-height: 25px; font-weight: 500; color: #061a3a; border: 1px solid #e4e8e9; text-align: center; padding: 16.5px 41.5px; border-radius: 4px; z-index: 1; transition: all 500ms ease; vertical-align: middle; } .theme_btn_2:hover{ color: #ffffff; } .theme_btn_2:before{ transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background: #0d6efd; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .theme_btn_2:hover:before{ top: -40%; } /* el_23 Image Hover */ .img_hover_1 { position: relative; overflow: hidden; } .img_hover_1 img{ width: 100%; transition: all 500ms ease; } .img_hover_1:before { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .img_hover_1:hover:before { -webkit-animation: circle .95s; animation: circle .95s; } .img_hover_2 { position: relative; overflow: hidden; background-color: #0d6efd; } .img_hover_2 img{ width: 100%; transition: all 500ms ease; } .img_hover_2:hover img{ transform: scale(1.05); opacity: .5; } .img_hover_2:before { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .img_hover_2:hover:before { -webkit-animation: circle .95s; animation: circle .95s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .img_hover_3 { position: relative; overflow: hidden; } .img_hover_3 img{ width: 100%; transition: all 500ms ease; } .img_hover_3:before{ position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .img_hover_3:hover:before{ -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .img_hover_4{ position: relative; overflow: hidden; } .img_hover_4 img{ width: 100%; transition: all 500ms ease; } .img_hover_4:before{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; top: 0px; opacity: 0.8; transition: all 500ms ease; background-color: #0d6efd; } .img_hover_4:hover:before{ height: 100%; } .img_hover_5{ position: relative; display: block; overflow: hidden; } .img_hover_5:before{ position: absolute; content: ''; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; transform: scale(0,0); opacity: 0.9; z-index: 1; transition: all 500ms ease; background-color: #0d6efd; } .img_hover_5:hover:before{ transform: scale(1,1); } .img_hover_5 img{ width: 100%; transition: all 500ms ease; } .img_hover_5:hover img{ transform: scale(1.1); } .img_hover_6{ position: relative; display: block; overflow: hidden; background-color: #0d6efd; } .img_hover_6 img{ width: 100%; transition: all 500ms ease; } .img_hover_6:hover img{ transform: scale(1.1); opacity: 0.2; } .img_hover_7{ position: relative; display: block; overflow: hidden; } .img_hover_7 img{ width: 100%; transform: scale(1.0); transition: all 1700ms ease; } .img_hover_7:hover img{ transform: scale(1.2); } .img_hover_7:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000000; opacity: 1.0; border-radius: 5px; transition: .5s; transform: perspective(400px) scaleX(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 2; } .img_hover_7:hover:before{ opacity: 0.80; transform: perspective(400px) scaleX(1.0); } .img_hover_8 { position: relative; display: block; overflow: hidden; } .img_hover_8 img{ width: 100%; transition: all 1700ms ease; } .img_hover_8:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 1; } .img_hover_8:hover:before{ opacity: .65; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .img_hover_9{ position: relative; display: block; overflow: hidden; } .img_hover_9 img{ width: 100%; transform: scale(1.0); transition: all 3500ms ease; } .img_hover_9:hover img{ transform:scale(1.2) rotate(1deg); } .img_hover_9:before { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 50%; opacity: 0; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; background-color: #0d6efd; } .img_hover_9:hover:before{ opacity: 0.80; transform: scaleY(1.0); } .img_hover_9:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 50%; opacity: 1; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; background-color: #0d6efd; } .img_hover_9:hover:after{ opacity: 0.80; transform: scaleY(1.0); } .img_hover_10{ position: relative; display: block; overflow: hidden; } .img_hover_10:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #0d6efd; opacity: 1.0; transition: .5s; transform: perspective(400px) scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 1; } .img_hover_10:hover:before{ opacity: 0.50; transform: perspective(400px) scaleY(1.0); } .img_hover_10 img{ width: 100%; transition: all 3500ms ease; } .img_hover_10:hover img{ transform: scale(1.3) rotate(2deg); } .flexbox_1 { display: flex; flex-wrap: wrap; justify-content: center; } .flexbox_2 { display: flex; flex-wrap: wrap; justify-content: space-between; }