/* reset */
*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu > div,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu > div,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}optgroup{font-weight:bold;position:relative}optgroup option{font-weight:normal;margin-left:10px}a img{border:0}a{text-decoration:none}button:hover{cursor:pointer}i{font-style:italic}img{max-width:100%}.hide{display:none}select{background-image: url(../img/icon-select.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) 10px; background-size: auto 24px; padding-right: 36px !important;}
/* end reset */

/*Montserrat Font*/
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/montserrat/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* roboto */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* end roboto */

/* font opensans */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* end font opensans */

/* font opensans */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(../fonts/opensans/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* end font opensans */

@font-face {font-family: 'Roboto Mono'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/robotomono/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vvtSM1J-gEPT5Ese09hHSh0mQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/robotomono/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vvtSM1J-gEPT5Ese09hHSh0mQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* base */
:root{
  --base-color:#c88fc2;
  --base-color-two:#b6006f;
  --base-color-three:#fa0000;
  --base-color-four: #f8bd0d;
  --base-color-white:#fff;
}

/* base */
body, html{font-family:'Roboto', sans-serif; font-size:14px; color:#616161; overflow-x:hidden; font-weight:400;
-o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;}
body{overflow-x:hidden; box-sizing:border-box;}
.btn, input[type=button], input[type=submit], select{-webkit-appearance:none;}
.btn{color:#FFF !important; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; font-weight:bold; display:inline-block; padding:10px 20px; -webkit-appearance:none; cursor:pointer;
-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); box-shadow:0 0 2px 0px rgba(33,33,33,0.4);
transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.btn:hover{background:var(--base-color);}
.btn:active{-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0); box-shadow:0 0 2px 0px rgba(33,33,33,0); color:#FFF !important;}
.content_center{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; 
-ms-flex-align:center; align-items:center;}
.content_center > *{margin:auto;}
.flex_thumb{background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; background-position:center;}
.flex_thumb > img{max-width:inherit; max-height:100%;right:50%; position:absolute;}

.thumb169, .thumb43, .thumb11{width:100%; display:block;}
.thumb169:after, .thumb43:after, .thumb11:after{display:block; content:'';}
.thumb169:after{padding-top:56.25%;}
.thumb43:after{padding-top:75%;}
.thumb11:after{padding-top:100%;}
/* end base */




header{position:fixed; top:0; left:0; width:200px; height:100vh; z-index:2; background:#FFF; overflow-x:hidden; overflow-y:auto;
box-shadow:0 0 10px #BDBDBD; -moz-box-shadow:0 0 10px #BDBDBD; -webkit-box-shadow:0 0 10px #BDBDBD;}
header h1{padding:10px;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite;color: var(--base-color-white);text-align:center;font-size:24px;font-weight:bold;}
menu > ul > li{border-bottom:1px solid #E0E0E0;}
menu a{display:block; padding:10px; color:#212121; font-weight:bold; font-size:14px; line-height:20px;border-left: 5px solid #fff;position: relative;}
menu a:hover{color:var(--base-color);}
menu a.curr{color:var(--base-color-two);}
menu a > b {color: #f07d00; font-style: italic; }
menu a > .new {color: var(--base-color-three); }
menu a.curr > b {color: var(--base-color); }
section{margin:10px 10px 10px 210px; position:relative; z-index:1;}
section > .sosmed-form > span {max-width: 820px;margin-bottom: 10px; }
.sosmed-form-box{margin-bottom:20px;}
.sosmed-form-box > ul, .sosmed-form-box > ul > li{padding:5px;}
.sosmed-form-box label{display:block; font-weight:bold; color:#212121; margin-bottom:5px; text-align:left;}
.sosmed-form-box .field{border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px; width:100%; min-width:360px; box-sizing:border-box;}
.sosmed-form-box .field:focus {border-bottom:1px solid #000;}
.sosmed-form-box .btn{width:100%; text-align:center;}
.sosmed-form-box .select {background-color: #fbfbfb; border-bottom: 1px solid var(--base-color); padding: 10px; width: 100%; min-width: 360px; }
.sosmed-form-box > ul > li{float: left;width: calc(50% - 20px);padding:10px;}
.sosmed-form-box > ul > li:last-child{float: none;width: calc(100% - 20px);}
.sosmed-form-box > ul > li:last-child input.btn {margin: 10px 0 0 0; }
.full-width {width: calc(100% - 20px) !important; }
.menu-inside {display: none; margin-bottom: 10px;background: #f9f8fb;}
.menu-inside > li > a {margin-left: 10px;border-left:5px solid #f9f8fb;text-transform: uppercase;}
.icon-menu {position: absolute; background-image: url(../img/caret-down-solid.svg); right: 10px; top: 10px; background-repeat: no-repeat; padding: 10px; background-size: auto 15px; }
.icon-menu.down{background-image: url(../img/caret-up-solid.svg);}
.sfc-swipe {z-index: 5; bottom: 70px; left: 0; width: 100%; }
.sfc-swipe > span > div {text-align: center; color: #000; }
.sfc-swipe-label {font-size: 14px; text-transform: uppercase; margin-top: 5px; }
.sfc-swipe-icon img {height: 10px; }

.sosmed-frame{height:0;padding: 0;overflow:hidden;background: transparent;}
.sf-button{margin-top:10px;}
.sf-instastories{width:800px; height:1343px;}
.sf-reels, .sf-reels-lanscape{width:1080px; height:1920px;}
.sf-square{width:1080px; height:1080px;position: relative;}
.sf-inspirasi{width: 1366px; height: 768px;}
.sf-content{position:relative;  overflow:hidden;}
.sf-content > *{position:absolute;}


/* index */
.sosmed-index{height:100vh;}
.si-box > ul{padding-left:20px; list-style:square;}
.si-box > ul > li{padding:10px 0; border-bottom:1px dashed #BDBDBD;}
.si-box a{color:#212121;}
.si-box a:hover{color:#757575;}
/* index */


.sf-instastories .sfc-image{height:calc(100% - 0px);}
.sf-reels .sfc-image{height:calc(100% - 0px);}
.sf-reels-lanscape .sfc-image{height:calc(100% - 0px);}
.sf-square .sfc-image{height:calc(100% - 0px);}

.sfc-image{top:0; left:0; z-index:1; width:100%; height:100%;}

.sfc-shadow{left:0; z-index:2; width:100%;}
.sf-instastories .sfc-shadow-top{height:130px;}
.sf-instastories .sfc-shadow-bottom{height:800px;}
.sf-reels .sfc-shadow-bottom{height:100%;}
.sf-square .sfc-shadow-top{height:200px;}
.sf-square .sfc-shadow-bottom{height:700px;}
.sfc-shadow-full{height:100%;}
.sfc-shadow-top{top:0; background:-moz-linear-gradient(bottom, rgba(33,33,33,0) 0%, rgba(33,33,33,0.9) 100%); background:-webkit-linear-gradient(bottom, rgba(33,33,33,0) 0%, rgba(33,33,33,0.9) 100%); background:linear-gradient(to top, rgba(33,33,33,0) 0%, rgba(33,33,33,0.9) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}

.sfc-shadow-bottom {bottom: 0; background: -moz-linear-gradient(top, rgba(33,33,33,0) 0%, rgba(33,33,33,0.9) 75%); background: -webkit-linear-gradient(top, rgb(251 251 251 / 0%) 0%, rgb(255 255 255 / 90%) 75%); background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 90%) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sfc-more{bottom:0; left:0; z-index:3; width:100%; text-align:center; opacity:0.5; z-index: 8;}
.sfc-shadow-full{bottom: 0;background: rgb(51 51 51 / 30%);}

.sfc-line{left:0; z-index:3; width:100%; text-align:center;display: none;}
.sf-instastories .sfc-line{bottom:250px;}
.sf-reels .sfc-line{bottom:250px;}
.sf-square .sfc-line{bottom:100px;}
.sfc-bar img {background-repeat: repeat; }

.sfc-top{top:0px; left:0; z-index:6; width:100%; box-sizing:border-box;margin-top: 40px;}
.sfc-top > *{padding:10px;}
.sfc-top > div > img {height: 100%; }
.sfc-top > div{float: left;}
.sfc-top > .sfc-logo.right{float: right;}
.sfc-top > .sfc-logo.right img{height: 100%;}
.sf-square .sfc-top{padding:15px 70px;}

.sfc-kanal{color:var(--base-color-three);}
.sfc-kanal > h2{background:#fff;font-family:'Montserrat';margin-left:28px;text-transform: uppercase; font-size: 35px; font-weight: bold; display: inline-block;    -moz-border-radius: 10px; -webkit-border-radius: 10px;padding: 15px 30px 15px 30px; border-radius: 10px;}
.sfc-kanal > h2 > b{font-weight:900; text-transform:capitalize;}
.sfc-wording.description .sfc-kanal > .red {padding:15px 20px 15px 20px;background: var(--base-color-three);color: #fff;}
.sfc-wording.description .sfc-kanal > .white {background: #fff;color: var(--base-color-three);}
.icon-kanal {position: absolute;top: -20px; left: 50px;}

.sfc-bar{background-position:bottom;background-repeat: repeat-x;top:105px;left:0; z-index:9; width:100%; height:28px;background: #ffba01;}


.sfc-wording{left:0; z-index:6; width:100%; padding:30px 40px 10px; color:#FFF; box-sizing:border-box;}
.sfc-wording > h1, .inspirasi-dan-doa-share  h1{font-size: 61px; font-weight: bold; line-height: 62px; text-align: left; padding: 20px;font-family: 'Montserrat';}
.sfc-wording > h5{font-size: 46px; font-weight: bold; line-height: 52px; text-align: left; background-color: rgb(226 82 52 / 70%); background: -moz-linear-gradient(left, rgb(226 82 52 / 70%) 0%, rgb(226 82 52 / 70%) 100%); background: -webkit-linear-gradient(left, rgb(226 82 52 / 70%) 0%, rgb(226 82 52 / 70%) 100%); background: linear-gradient(to right, rgb(226 82 52 / 70%) 0%, rgb(226 82 52 / 70%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0); padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sf-instastories .sfc-wording{bottom:190px;}
.sf-reels .sfc-wording{bottom:420px;}
.sf-reels-lanscape .sfc-wording{top: 1250px;}
.sf-square .sfc-wording{bottom:100px;width: 100%;}
.sf-square .sfc-wording > h1{font-size: 56px; line-height: 72px; text-align: left;  padding: 20px;color: #000;}
.sf-square .sfc-wording.desc > h1 {width:640px;font-size: 40px;text-align: left;}
.sf-square .sfc-wording > .black, .sfc-tiktok-title .black{background-color: rgb(29 29 29 / 70%); background: -moz-linear-gradient(left, rgb(29 29 29 / 70%) 0%, rgb(29 29 29 / 70%) 100%); background: -webkit-linear-gradient(left, rgb(29 29 29 / 70%) 0%, rgb(29 29 29 / 70%) 100%); background: linear-gradient(to right, rgb(29 29 29 / 70%) 0%, rgb(29 29 29 / 70%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sf-square .sfc-wording > .red, .sfc-tiktok-title .red{background-color: rgb(141 0 0 / 70%); background: -moz-linear-gradient(left, rgb(141 0 0 / 70%) 0%, rgb(141 0 0 / 70%) 100%); background: -webkit-linear-gradient(left, rgb(141 0 0 / 70%) 0%, rgb(141 0 0 / 70%) 100%); background: linear-gradient(to right, rgb(141 0 0 / 70%) 0%, rgb(141 0 0 / 70%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sf-square .sfc-wording > .white, .sfc-tiktok-title .white{text-shadow: initial;color:#000;background-color: rgb(255 255 255 / 70%); background: -moz-linear-gradient(left, rgb(255 255 255 / 70%) 0%, rgb(255 255 255 / 70%) 100%); background: -webkit-linear-gradient(left, rgb(255 255 255 / 70%) 0%, rgb(255 255 255 / 70%) 100%); background: linear-gradient(to right, rgb(255 255 255 / 70%) 0%, rgb(255 255 255 / 70%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sf-square .sfc-wording > .orange, .sfc-tiktok-title .orange{background-color: rgb(226 82 52 / 70%); background: -moz-linear-gradient(left, rgb(226 82 52 / 70%) 0%, rgb(226 82 52 / 70%) 100%); background: -webkit-linear-gradient(left, rgb(226 82 52 / 70%) 0%, rgb(226 82 52 / 70%) 100%); background: linear-gradient(to right, rgb(226 82 52 / 70%) 0%, rgb(226 82 52 / 70%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sf-square .sfc-wording > h1 > b.orange {color:var(--base-color-four) }
.sf-square .sfc-wording > h1 > b.red{color:var(--base-color-three) ;}
.sf-square .sfc-wording > .white > b {color: #c00; }
.sfc-wording.description {bottom: 100px; }
.sfc-wording.description > h1 {margin-bottom:40px;position:relative;border-bottom: 4px solid #fff;color: #fff; font-family:'Montserrat';}
.sfc-wording.description .sfc-kanal > h2 {margin-left: 0; }
.desc{position: relative;margin: 20px 0 0;}
.desc > h3 {margin-left: 100px; line-height: 35px; font-size: 25px; font-family:'Montserrat'; font-weight: bold;}
.desc > .icon-koma{position: absolute;top: 0;}

.sfc-footer{bottom:15px; left:0; z-index:6; width:100%; color:#FFF; font-size:18px;}
.sfc-footer > *{padding:0px 60px; box-sizing:border-box; height:75px;color: #333;}
.sfc-origin, .origin-viral{float:left;font-family:'Open Sans'; color: var(--base-color-three);}
.sfc-origin b{text-transform:uppercase;}
.sfc-origin > span {border-top: 4px solid var(--base-color-three); }
.sfc-footer.description-footer .sfc-origin > span {border-top: 0; }
.sfc-footer.description-footer .sfc-origin{color: #fff;float: right;}
@keyframes gradient {0% {background-position: 0% 50%; } 50% {background-position: 100% 50%; } 100% {background-position: 0% 50%; } }


/*tiktok*/
.sfb-tiktok{width:100% !important;}
.sfb-tiktok label, .sfb-tiktok input{text-align:center;}
.sf-content-insta-tiktok{background-color:#424242; width:1080px; height:1920px;}
.sfc-tiktok-box{z-index:2; bottom:0; left:0; width:100%; height:100%;}
.sfc-tiktok-box > span{width:100%; margin-top:310px;}
.sfc-tiktok-title h1{-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;padding:30px; text-align:center; width:calc(100% - 120px); background-color:rgba(0,0,0,0.75);}
.sfc-tiktok-logo > span{padding:30px; text-align:center; width: calc(100% - 638px);  border-radius:8px 8px 0 0;}
.sfc-tiktok-frame{background-color:#000;}
.sfc-tiktok-frame:after{content:''; display:block; padding-top:56.25%;}
.sfc-tiktok-title h1{font-size:42px; line-height:48px; color:#FFF; font-weight:bold;}

/*line*/
.sf-digest{background:#E0E0E0;}
.sf-digest .sfc-bar{height: 28px; bottom: 8px; top: inherit; position: absolute; overflow: hidden; margin-left: 360px; width: 680px; background:#9e1c01;}
.sf-digest .sfd-row{position:relative; height:33.33%;}
.sfd-image{position:absolute; top:0; height:100%; width:360px; padding:10px; box-sizing:border-box; background:#FFF;}
.sfd-image .flex_thumb{width:100%; height:100%; background-color:#ccc;}
.sfd-info{height:100%; width:calc(100% - 360px); background:#FFF; box-sizing:border-box; color:#FFF;}
.sfd-info > div{height:100%; width:100%;}
.sfd-info > div > span{margin-left:0; margin-right:0; width:100%;}
.sfdi-box{width:93%; height:220px; padding:20px; background:#000; position:relative; box-sizing:border-box; font-size:36px;}
.sfdi-line{position:absolute; top:-15px; background:#FFF;}
.sfdi-line-top{width:100px; height:4px;}
.sfdi-line-side{width:4px; height:100px;}

.sfd-a .sfd-image, .sfd-c .sfd-image{left:0;}
.sfd-a .sfd-info, .sfd-c .sfd-info{margin-left:360px;}
.sfd-a .sfdi-box > span, .sfd-c .sfdi-box > span{margin-left:0;}
.sfd-a .sfdi-line, .sfd-c .sfdi-line{right:-15px;}

.sfd-a .sfd-info{padding-bottom:10px;}
.sfd-a .sfd-info > div{background-image: linear-gradient(109.6deg, rgb(245 136 113) 71.8%, rgb(255 2 2) 71.8%); }
.sfd-b .sfd-image{right:0; padding:0 10px;}
.sfd-b .sfd-info{margin-right:360px;}
.sfd-b .sfd-info > div{background-image: linear-gradient(109.6deg, rgb(227 227 227 / 90%) 71.8%, #cbcbcb 71.8%); }
.sfd-b .sfdi-box{float:right;}
.sfd-b .sfdi-box > span{margin-right:0;}
.sfd-b .sfdi-line{left:-15px;}
.sf-digest .sfd-b .sfc-bar {bottom: -4px; margin-left: 0; margin-right: 680px;background:#00421c; }
.sfd-c .sfd-info{padding-top:10px;}
.sfd-c .sfd-info > div{background-image: linear-gradient(109.6deg, rgb(62 62 63) 71.8%, rgb(57 57 57) 71.8%); }
.sf-digest .sfd-c .sfc-bar {bottom: -4px;}

/*story*/
.sf-instastories .sfc-top > .sfc-logo {margin-right: 40px; }
.sf-instastories .sfc-top{margin-top: 40px;}
.sf-instastories .sfc-wording > h1 {color: #000; line-height: 65px;}
.story-desc .sfc-shadow-bottom {background: inherit; }
.story-desc .sfc-wording > h1, .story-desc .sfc-swipe > span > div, .tips-base .origin-viral, .tips-base .sfc-kanal{color: #fff;}
.story-desc .sfc-wording.description {bottom: 200px; }

/*video-viral*/
.base-kanal-top .sfc-wording {padding: 30px 60px 10px;bottom: 40px; }
.icon-kanal-viral{position: absolute; left: 18px; top: 40px;}
.base-kanal-top .sfc-wording > h1 {padding: 50px 20px 20px; }
.origin-viral > div {position: absolute; width: 100px; height: 2px; background: var(--base-color-three);top: 15px; }
.origin-viral > h4 {margin-left: 120px; }
.origin-viral {position: relative; }
.base-kanal-top .sfc-kanal > h2 {padding: 15px 30px 15px 0px; text-align: left;background: inherit;border-bottom: 4px solid var(--base-color-three); border-radius:0;-moz-border-radius: 0px; -webkit-border-radius: 0px;}
.sumber-viral {position:relative;top:10px; left: -40px;}
.video-viral {height: auto; }
.video-viral .sfc-wording {position: relative;}

.tips-base {padding: 30px 60px 10px; top:50px;box-sizing: border-box; left: 0; z-index: 6; }
.tips-base .icon-kanal-viral {top: 36px; }
.tips-base .sfc-kanal > h2{border-bottom: 4px solid #fff;}
.tips-base .origin-viral > div{background:#fff;}
.sfc-shadow-full.tips-shadow {background: rgb(51 51 51 / 30%); }
.tips-kanal .sfc-shadow-bottom {height: 500px; }
.tips-kanal .sfc-wording {bottom: 80px;width: 100%; }
.tips-kanal .sfc-wording > h1{font-size: 62px;line-height: 75px;}

/*game*/
.game-base .sfc-wording {width: calc(100% - 160px);  padding: 0px; margin: 40px 80px; }
.sumber-game{background:var(--base-color-three);padding: 20px 40px;position: relative;-moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
.origin-game {margin-left: 100px; }
.icon-game{position: absolute;top: 0;left: 20px;}
.game-base .sfc-wording > h1 {background: #f9f8fb;background-image: linear-gradient(323deg, #f9f8fb 71.8%, rgb(241 241 241) 71.8%);padding: 50px 40px 40px; border-left: 8px solid #000; border-right: 8px solid #000;  border-bottom:8px solid #000;-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}

/*quotes*/
.quotes-base .sfc-wording > h1 > b.red {color: #fff; background: var(--base-color-three);padding: 5px 10px; }
.person-quotes{text-transform:capitalize;line-height: 35px; font-family: 'Montserrat'; font-weight: bold;}
.person-quotes > h2{font-size: 28px; margin-bottom: 12px;}
.quotes-base .sfc-wording.description {width: 100%; }
.quotes-base .desc {z-index:6;position:relative;margin: 20px 0 0 180px; background: #fff; color: #000;padding: 20px 30px;}
.quotes-base .desc > h3{margin-left: 0; font-weight: 200;}
.quotes-list .icon-koma {position: absolute; left: 50px; top: 0px; }
.patern-back {margin: 20px 0 0 180px; min-height: 145px; height: 100%; z-index: 1; position: absolute; width: 800px; bottom: -30px; background: var(--base-color-three); left: -20px;}
.quotes-list {position: relative; }
.popup-result{overflow:hidden;background: transparent;}

/*g20*/
.origin-g20 > h4 {color: #fff;font-family: Roboto monospace; text-transform: uppercase;}
.wording-g20 {left: 0; z-index: 6; width: 100%; bottom: 450px;height: 300px;padding: 30px 40px 10px; color: #FFF;background: transparent;}
.wording-g20 > h1 {width: 460px;font-size: 39px;font-family: 'Roboto';font-weight: bold;line-height: 50px;}
.nameperson {font-size: 32px;font-weight: 400;font-family: Roboto monospace;margin: 20px 0;}
.sfc-image.imageqoute {width: 600px; height: auto; bottom: 0; top: inherit; left: inherit; right: 0; object-fit: cover;}
.sfc-image.imageqoute:before {content: '';display: block;padding-top: 100%;}
.note {font-size: 12px;line-height: 20px;}
.sf-instastories .wording-g20 {bottom: 700px;}
.sf-instastories.base-kanal-top.g20-base .sfc-logo.left {margin-left: 40px;}
.sf-instastories.base-kanal-top.g20-base .sfc-top {display: flex; justify-content: start; align-items: center;margin-top: 130px; }
.sf-instastories.base-kanal-top.g20-base .sfc-top .sfc-logo.right {margin-top: 50px;}
.g20-base-update .sfc-wording .sumber {display: flex;justify-content: space-between;align-items: center;}
.g20-base-update .sfc-shadow-bottomg20 {background: url('../img/bottomshadow.png');bottom: -20px; height: 545px;border:0; }

.logoupdateg20 {display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;}
.wording-g20.update {width: calc(100% - 80px);bottom: 250px;}
.wording-g20.update > h1 {width: 100%;font-size: 40px;}
.g20-base-update .sfc-wording {padding: 30px 40px 10px;}
.stories-updateg20 .sfc-image {height: 510px; top: 368px;} 
.stories-updateg20 {background: #1c1b5e;}
.stories-updateg20 .wording-g20.update {bottom: 280px;}
.stories-updateg20 .wording-g20.update > h1 {text-align: center;}
.stories-updateg20 .wording-g20.update .logoupdateg20 {justify-content: center;}
.stories-updateg20 .sfc-top {display: flex;align-items: center;justify-content: center;margin-top: 120px;}
.stories-updateg20 .sfc-top .sfc-logo.vdvcolor {margin-right: 0;margin-top: 100px;}
.stories-updateg20 .sfc-shadow.sfc-shadow-bottom {bottom: 360px;}
.stories-updateg20 .sfc-shadow.sfc-shadow-bottom.shadowupdate {transform: rotate(-180deg);bottom: 0;}
.stories-updateg20 .sfc-wording .sumber {display: block;justify-content: center;text-align: center;}
.stories-updateg20 .sfc-wording .sumber * {text-align: center;}
.stories-updateg20 .sfc-wording {bottom: 220px;}
.stories-updateg20 .sfc-shadow.sfc-shadow-bottom3.upg20shadow {bottom: 680px;transform: rotate(-180deg);}

/*haji*/
.sfc-tiktok-title.haji-tittle > h1 {background: transparent; color: #50722f;font-size: 72px;line-height: 80px; font-family: 'Roboto';}
.sfc-tiktok-title.haji-tittle > h1.red {color: rgb(141 0 0 / 70%); }
.sfc-tiktok-title.haji-tittle > h1.black {color: rgb(29 29 29 / 70%); }
.sfc-tiktok-box.haji-base > span {margin-top: 930px; }
.haji-yotube .sf-square {width: 1280px; height: 720px; }
.haji-yotube .sfc-tiktok-box.haji-base > span {margin-top: 387px; } 
.haji-yotube .sfc-tiktok-box.haji-base > span h1 {font-size: 58px; text-align: left; line-height: 72px; padding: 20px 260px 20px 20px; font-weight: bold; }

.quotes-2023-content{bottom:0; left:-5px; width:calc(100% + 10px); z-index:1000;}
.q23c-title{text-align:center; font-size:55px; font-weight:900; color:#212121; text-transform:uppercase; position:relative; margin-bottom:-5px; padding:55px 78px 0px;
background:linear-gradient(to bottom, rgb(255 255 255 / 0) 0%, #FFFFFF 75%);}
.q23c-title:before, .q23c-title:after{content:''; display:inline-flex; position:relative; width:57px; height:44px; background-repeat:no-repeat; background-position:center;}
.q23c-title:before{top:-21px; left:-21px; background-image:url("../img/quote-start.png");}
.q23c-title:after{bottom:-21px; right:-21px; background-image:url("../img/quote-end.png");}
.q23c-info{padding-top:0; background:#FFF; display:grid; grid-gap:8px; padding:34px;}
.q23c-person, .q23c-desc{text-align:center;}
.q23c-desc, .q23c-source{font-size:21px;}
.q23c-person{font-size:21px; font-weight:900; text-transform:uppercase; color:#F47936;}
.q23c-source{display:flex; justify-content:flex-end; margin-top:13px;}
.q23c-source > span{position:relative; padding-top:13px;}
.q23c-source > span:before{content:''; display:block; position:absolute; top:0; right:0; width:89px; height:5px; background-color:#F47936;}


/*reels*/
.sf-reels .sfc-top > .sfc-logo {margin-right: 40px; }
.sf-reels .sfc-top{margin-top: 40px;}
.sf-reels .sfc-wording > h1 {color: #FFFFFF; line-height: 82.5px; font-size: 55px;}
.sf-reels .sfc-shadow-bottom {bottom: 0;  background: -moz-linear-gradient(180deg, rgba(0, 2, 1, 0.1) 0%, rgba(0, 2, 1, 0.86) 78%, #000201 100%); background: linear-gradient(180deg, rgba(0, 2, 1, 0.1) 0%, rgba(0, 2, 1, 0.86) 78%, #000201 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sf-reels .sfc-top{top:420px; left:0; z-index:6; width:100%; box-sizing:border-box;margin-top: 40px;}
.sf-reels h2{color:var(--base-color-three);}
.sf-reels h2 > h2{background:#fff;font-family:'Montserrat';margin-left:28px;text-transform: uppercase; font-size: 35px; font-weight: bold; display: inline-block;    -moz-border-radius: 10px; -webkit-border-radius: 10px;padding: 15px 30px 15px 30px; border-radius: 10px;}
.sf-reels .sfc-kanal{margin-left: 21px;}
.sf-reels .sfc-kanal .kanal-box{background: #FABB20 !important; width: fit-content; padding: 21px 34px 21px 34px;}
.sf-reels .sfc-kanal h2{color: #363636; font-size: 34px; font-weight: 700; text-transform: uppercase;}
.sf-reels .sfc-info{position: absolute; bottom: 114px; left: 0; display: flex; justify-content: space-between !important; width: 100%; z-index: 5;}
.sf-reels .sfc-info div{color: #FFFFFF; font-size: 24px; font-weight: 400; padding: 0 64px;}

/*reels lanscape*/
.sf-reels-lanscape .sfc-top > .sfc-logo {margin-right: 358px; }
.sf-reels-lanscape .sfc-top{margin-top: 40px;}
.sf-reels-lanscape .sfc-wording > h1 {color: #FFFFFF; line-height: 60px; font-size: 45px; text-align: center;}
.sf-reels-lanscape .sfc-shadow-bottom {bottom: 0;  background: -moz-linear-gradient(180deg, rgba(0, 2, 1, 0.1) 0%, rgba(0, 2, 1, 0.86) 78%, #000201 100%); background: linear-gradient(180deg, rgba(0, 2, 1, 0.1) 0%, rgba(0, 2, 1, 0.86) 78%, #000201 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.sf-reels-lanscape .sfc-top{top:120px; left:0px; z-index:6; width:100%; box-sizing:border-box;margin-top: 40px;}
.sf-reels-lanscape .sfc-info{position: absolute; bottom: 114px; left: 0; display: flex; justify-content: space-between !important; width: 100%; z-index: 5;}
.sf-reels-lanscape .sfc-info div{color: #FFFFFF; font-size: 24px; font-weight: 400; padding: 0 64px;}
.sf-reels-lanscape .sfc-sample-thumb{position: absolute; z-index: 5; bottom: 956px; background-color: #313332; width: 1080px; height: 607.5px;}