viithiisys / spotlight-frontend

1

html,

1

html,

2

body {

2

body {

3

height: 100%;

3

height: 100%;

4

}

4

}

5

6

body {

6

body {

7

display: -ms-flexbox;

7

display: -ms-flexbox;

8

display: flex;

8

display: flex;

9

-ms-flex-align: center;

9

-ms-flex-align: center;

10

align-items: center;

10

align-items: center;

11

padding-top: 0px;

11

padding-top: 0px;

12

padding-bottom: 0px;

12

padding-bottom: 0px;

13

background-color:#DFE7EF;

13

background-color:#DFE7EF;

14

}

14

}

15

#app, .landing-page{ width: 100%; display: block; float: left; height: 100%; margin-top: 0px; padding: 0px;}

15

#app, .landing-page{ width: 100%; display: block; float: left; height: 100%; margin-top: 0px; padding: 0px;}

16

/* heading */

16

/* heading */

17

h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font-size: 48px; line-height: 58px; color: #000000;}

17

h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font-size: 48px; line-height: 58px; color: #000000;}

18

19

/* spaces */

19

/* spaces */

20

.wc-spc-lf-tp{ padding-top: 262px; padding-left: 40px; }

20

.wc-spc-lf-tp{ padding-top: 262px; padding-left: 40px; }

21

22

23

.h-100{height: 100%;}

23

.h-100{height: 100%;}

24

.main-wrp{ height: 100%;padding-left: 56px; padding-right: 233px; background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom -10px left -130px;

24

.main-wrp{ height: 100%;padding-left: 56px; padding-right: 233px; background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom -10px left -130px;

25

background-size: 45%;}

25

background-size: 45%;}

26

/* navbar */

26

/* navbar */

27

.spotLight-nav{ padding-top: 20px; z-index: 5;}

27

.spotLight-nav{ padding-top: 20px; z-index: 5;}

28

.spotLight-nav li a{font-family: 'Montserrat', sans-serif;

28

.spotLight-nav li a{font-family: 'Montserrat', sans-serif;

29

font-size: 16px;

29

font-size: 16px;

30

font-style: normal;

30

font-style: normal;

31

font-weight: 400;

31

font-weight: 400;

32

line-height: 22px;

32

line-height: 22px;

33

letter-spacing: -0.7470597624778748px;

33

letter-spacing: -0.7470597624778748px;

34

text-align: left; color:#000; opacity: 0.6;

34

text-align: left; color:#000; opacity: 0.6;

35

}

35

}

36

.spotLight-nav li {margin-right: 14px;}

36

.spotLight-nav li {margin-right: 14px;}

37

.spotLight-nav li.active a{font-weight: 600; opacity: 1;}

37

.spotLight-nav li.active a{font-weight: 600; opacity: 1;}

38

.spotLight-nav li.spotLight-img a{opacity: 1;}

38

.spotLight-nav li.spotLight-img a{opacity: 1;}

39

.navbar-brand{ margin-right: 57px;}

39

.navbar-brand{ margin-right: 57px;}

40

41

/* ul list style */

41

/* ul list style */

42

.sign-in-up-list{ width: 325px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif;

42

.sign-in-up-list{ width: 325px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif;

43

font-size: 20px;

43

font-size: 20px;

44

font-style: normal;

44

font-style: normal;

45

font-weight: 500;

45

font-weight: 500;

46

line-height: 24px; float: left; margin-top: 24px; }

46

line-height: 24px; float: left; margin-top: 24px; }

47

.sign-in-up-list li{ margin-bottom: 26px;display: flex; color:#000;}

47

.sign-in-up-list li{ margin-bottom: 26px;display: flex; color:#000;}

48

.sign-in-up-list li img{ margin-right: 10px; float: left; width: 24px; height: 24px;}

48

.sign-in-up-list li img{ margin-right: 10px; float: left; width: 24px; height: 24px;}

49

.sign-in-up-list li span{ float: left;}

49

.sign-in-up-list li span{ float: left;}

50

/* form */

50

/* form */

51

.form-layout{ width: 100%; display: block; float: left;}

51

.form-layout{ width: 100%; display: block; float: left;}

52

.form-layout form{ display:block; float: left; width: 100%;}

52

.form-layout form{ display:block; float: left; width: 100%;}

53

.form-layout h5{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}

53

.form-layout h5{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}

54

.form-layout .social-login{ display: block; width: 339px;

54

.form-layout .social-login{ display: block; width: 339px;

55

margin: 0 auto; margin-top: 37px; margin-bottom: 37px; }

55

margin: 0 auto; margin-top: 37px; margin-bottom: 37px; }

56

.form-layout .social-login ul{ list-style-type: none; margin:0px; padding:0px; display: flex;}

56

.form-layout .social-login ul{ list-style-type: none; margin:0px; padding:0px; display: flex;}

57

.form-layout .social-login ul li a img{ width:75px; height: 75px; float: left;}

57

.form-layout .social-login ul li a img{ width:75px; height: 75px; float: left;}

58

.form-layout .social-login ul li:nth-child(2){margin:0 37px;}

58

.form-layout .social-login ul li:nth-child(2){margin:0 37px;}

59

.form-layout .fill-form{ width: 100%; display: block; float: left; margin-top:24px ;}

59

.form-layout .fill-form{ width: 100%; display: block; float: left; margin-top:24px ;}

60

61

form input{background:#D2DCE7 !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; box-sizing: border-box; border-radius: 5px !important; height: 50px !important; line-height: 50px !important; color: #000000;

61

form input{background:#D2DCE7 !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; box-sizing: border-box; border-radius: 5px !important; height: 50px !important; line-height: 50px !important; color: #000000;

62

63

font-family: 'Montserrat', sans-serif;

63

font-family: 'Montserrat', sans-serif;

64

font-size: 13px;

64

font-size: 13px;

65

font-style: normal;

65

font-style: normal;

66

font-weight: 600 !important; margin-bottom:16px;padding:0 18px !important;}

66

font-weight: 600 !important; margin-bottom:16px;padding:0 18px !important;}

67

form input:focus{ box-shadow:0px !important; outline: 0px !important;}

67

form input:focus{ box-shadow:0px !important; outline: 0px !important;}

68

69

/* placeholder */

69

/* placeholder */

70

form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

70

form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

71

line-height: 18px;

71

line-height: 18px;

72

color: #000000;

72

color: #000000;

73

opacity: 0.5;

73

opacity: 0.5;

74

font-family: 'Montserrat', sans-serif;

74

font-family: 'Montserrat', sans-serif;

75

font-size: 13px;

75

font-size: 13px;

76

font-style: normal;

76

font-style: normal;

77

font-weight: 600;

77

font-weight: 600;

78

}

78

}

79

80

form input:-ms-input-placeholder { /* Internet Explorer 10-11 */

80

form input:-ms-input-placeholder { /* Internet Explorer 10-11 */

81

line-height: 18px;

81

line-height: 18px;

82

color: #000000;

82

color: #000000;

83

opacity: 0.5;

83

opacity: 0.5;

84

font-family: 'Montserrat', sans-serif;

84

font-family: 'Montserrat', sans-serif;

85

font-size: 13px;

85

font-size: 13px;

86

font-style: normal;

86

font-style: normal;

87

font-weight: 600;

87

font-weight: 600;

88

}

88

}

89

90

form input::-ms-input-placeholder { /* Microsoft Edge */

90

form input::-ms-input-placeholder { /* Microsoft Edge */

91

line-height: 18px;

91

line-height: 18px;

92

color: #000000;

92

color: #000000;

93

opacity: 0.5;

93

opacity: 0.5;

94

font-family: 'Montserrat', sans-serif;

94

font-family: 'Montserrat', sans-serif;

95

font-size: 13px;

95

font-size: 13px;

96

font-style: normal;

96

font-style: normal;

97

font-weight: 600;

97

font-weight: 600;

98

}

98

}

99

/* placeholder */

99

/* placeholder */

100

.sb-button{ background: #514DA7;

100

.sb-button{ background: #514DA7;

101

height: 50px;

101

height: 50px;

102

line-height: 35px;

102

line-height: 35px;

103

color: #fff;

103

color: #fff;

104

font-family: 'Montserrat', sans-serif;

104

font-family: 'Montserrat', sans-serif;

105

font-size: 13px;

105

font-size: 13px;

106

font-style: normal;

106

font-style: normal;

107

font-weight: 600;

107

font-weight: 600;

108

width: 100%;}

108

width: 100%;}

109

.sb-button img{ margin-right: 10px; width: 20px;}

109

.sb-button img{ margin-right: 10px; width: 20px;}

110

.sb-button:hover{ color:#fff;}

110

.sb-button:hover{ color:#fff;}

111

.form-layout p{margin-top:17px ;}

111

.form-layout p{margin-top:17px ;}

112

.form-layout p{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}

112

.form-layout p{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}

113

.form-layout p a{ font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;text-decoration: underline;}

113

.form-layout p a{ font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;text-decoration: underline;}

114

.form-layout .forget-pass{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 700;line-height: 19px; color: #000000;opacity:1 !important; text-align:center;}

114

.form-layout .forget-pass{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 700;line-height: 19px; color: #000000;opacity:1 !important; text-align:center;}

115

.form-layout .forget-pass a{font-weight: 700;color: #514DA7 !important; text-decoration: none !important;

115

.form-layout .forget-pass a{font-weight: 700;color: #514DA7 !important; text-decoration: none !important;

116

}

116

}

117

.form-layout p a:hover{ color:#000;}

117

.form-layout p a:hover{ color:#000;}

118

.form-layout h3{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #000000; text-align: center;margin-top: 24px;}

118

.form-layout h3{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #000000; text-align: center;margin-top: 24px;}

119

.form-layout h3 a{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #514DA7; opacity: 1;}

119

.form-layout h3 a{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #514DA7; opacity: 1;}

120

.form-layout.signup-frm-spc{width: 300px; display: block; float: left; margin-top: 214px;}

120

.form-layout.signup-frm-spc{width: 300px; display: block; float: left; margin-top: 214px;}

121

.welcome-hd-back{

121

.welcome-hd-back{

122

font-family: 'Bebas Neue', cursive;

122

font-family: 'Bebas Neue', cursive;

123

font-style: normal;

123

font-style: normal;

124

font-weight: 600;

124

font-weight: 600;

125

font-size: 106px;

125

font-size: 106px;

126

line-height: 106px;

126

line-height: 106px;

127

color: #000000;

127

color: #000000;

128

}

128

}

129

.form-layout .go-back span{ font-weight: 500 !important;}

129

.form-layout .go-back span{ font-weight: 500 !important;}

130

.reset-pass-spc{ margin-top: 110px;}

130

.reset-pass-spc{ margin-top: 110px;}

131

132

/* profile */

132

/* profile */

133

.inner-wrp {

133

.inner-wrp {

134

height: 100%;

134

height: 100%;

135

padding-left: 88px;

135

padding-left: 88px;

136

padding-right: 37px;

136

padding-right: 37px;

137

background:#fff;;

137

background:#fff;;

138

font-family: 'Montserrat', sans-serif;

138

font-family: 'Montserrat', sans-serif;

139

140

}

140

}

141

.user-profile-photo{ width: 40px; position: relative;

141

.user-profile-photo{ width: 40px; position: relative;

142

height: 40px;

142

height: 40px;

143

border-radius: 100px;

143

border-radius: 100px;

144

padding: 1px;}

144

padding: 1px;}

145

.user-profile-photo a, img{ width: 100%;}

145

.user-profile-photo a, img{ width: 100%;}

146

.inner-profile-ps{ width: 148px; height: 148px; float: left; display: block;}

146

.inner-profile-ps{ width: 148px; height: 148px; float: left; display: block;}

147

.inner-wrp h1{ font-weight: 400; font-size:32px; line-height: 40px; color:#000; font-family: 'Montserrat', sans-serif;}

147

.inner-wrp h1{ font-weight: 400; font-size:32px; line-height: 40px; color:#000; font-family: 'Montserrat', sans-serif;}

148

.tags{background: #BDDBFF; font-weight: 600; font-size:10px; color: #fff; padding: 2px 8px; border-radius:3px;}

148

.tags{background: #BDDBFF; font-weight: 600; font-size:10px; color: #fff; padding: 2px 8px; border-radius:3px;}

149

.user-profile{ display: block;

149

.user-profile{ display: block;

150

float: left;

150

float: left;

151

margin-left:30px;

151

margin-left:30px;

152

position: relative;

152

position: relative;

153

width: 760px;}

153

width: 760px;}

154

.user-profile p{ font-weight: 500; font-size: 14px; line-height: 21px; color: #000; opacity: 0.5; width: 100%; display: block; float: left; margin:20px 0 0 0;}

154

.user-profile p{ font-weight: 500; font-size: 14px; line-height: 21px; color: #000; opacity: 0.5; width: 100%; display: block; float: left; margin:20px 0 0 0;}

155

.talk-to-me{ width: 100%; display: block; float: left; margin-top:20px;}

155

.talk-to-me{ width: 100%; display: block; float: left; margin-top:20px;}

156

.talk-to-me span{font-weight: 500; font-size: 14px; line-height: 21px; color: #000; opacity: 0.5; float: left; margin-right:10px;}

156

.talk-to-me span{font-weight: 500; font-size: 14px; line-height: 21px; color: #000; opacity: 0.5; float: left; margin-right:10px;}

157

.talk-to-me ul{ list-style-type: none; margin:0px; padding: 0px; float: left;margin-top:-1px;}

157

.talk-to-me ul{ list-style-type: none; margin:0px; padding: 0px; float: left;margin-top:-1px;}

158

.talk-to-me ul li{ display: block; float: left;margin-right:3px;}

158

.talk-to-me ul li{ display: block; float: left;margin-right:3px;}

159

.talk-to-me ul li a{color:#000; text-decoration: none; font-weight: 500;}

159

.talk-to-me ul li a{color:#000; text-decoration: none; font-weight: 500;}

160

.joined-info{ display: block; list-style-type: none; margin: 0px; padding: 0px; font-size: 13px; color:#000; }

160

.joined-info{ display: block; list-style-type: none; margin: 0px; padding: 0px; font-size: 13px; color:#000; }

161

.joined-info li a{ color:#000; opacity: 0.5;}

161

.joined-info li a{ color:#000; opacity: 0.5;}

162

.joined-info li span{ width: 5px; height: 5px; background-color: #000; float: right; margin: 8px 10px 0 10px; border-radius:100%; opacity: 0.5;}

162

.joined-info li span{ width: 5px; height: 5px; background-color: #000; float: right; margin: 8px 10px 0 10px; border-radius:100%; opacity: 0.5;}

163

.joined-info li img{ width: 15px; float: right; margin-right: 5px; position: relative; margin-top:2px;}

163

.joined-info li img{ width: 15px; float: right; margin-right: 5px; position: relative; margin-top:2px;}

164

.joined-info li{ float: left;}

164

.joined-info li{ float: left;}

165

166

/* list style */

166

/* list style */

167

.list-style-group{ width: 100%; display: block; float: left;}

167

.list-style-group{ width: 100%; display: block; float: left;}

168

.list-style-group p{color:#000; opacity: 0.5; letter-spacing: 2px;margin-bottom: 7px; font-size: 14px; text-transform: uppercase; font-weight: 600;}

168

.list-style-group p{color:#000; opacity: 0.5; letter-spacing: 2px;margin-bottom: 7px; font-size: 14px; text-transform: uppercase; font-weight: 600;}

169

.list-style{list-style-type: none; margin:0px; padding: 0px;}

169

.list-style{list-style-type: none; margin:0px; padding: 0px;}

170

.list-style li{ float: left;}

170

.list-style li{ float: left;}

171

.list-style li a{ display: block; float: left;}

171

.list-style li a{ display: block; float: left;}

172

.list-style li a img{ width: 48px; display: block; float: left; }

172

.list-style li a img{ width: 48px; display: block; float: left; }

173

.list-spc-top{ margin-top:15px ;}

173

.list-spc-top{ margin-top:15px ;}

174

175

/* social connects */

175

/* social connects */

176

.social-connects{ display: block; list-style-type: none; margin: 0px; padding: 0px;}

176

.social-connects{ display: block; list-style-type: none; margin: 0px; padding: 0px;}

177

.social-connects li{ float: left; margin-right:0px ;}

177

.social-connects li{ float: left; margin-right:0px ;}

178

.social-connects li a{ display: block; float: left; padding: 11px;}

178

.social-connects li a{ display: block; float: left; padding: 11px;}

179

.social-connects li a img.twitter{ margin-top:3px;}

179

.social-connects li a img.twitter{ margin-top:3px;}

180

.social-connects li a.active{background: #f9fafc; width: 40px; height: 40px; border-radius: 5px;}

180

.social-connects li a.active{background: #f9fafc; width: 40px; height: 40px; border-radius: 5px;}

181

.social-connects li a img{ width: 19px; display: block; float: left;}

181

.social-connects li a img{ width: 19px; display: block; float: left;}

182

.social-connects li span{color:#000; opacity: 0.5; letter-spacing: 2px;margin-bottom: 7px;font-size: 14px; text-transform: uppercase; font-weight: 600; margin: 11px 30px 0 0;

182

.social-connects li span{color:#000; opacity: 0.5; letter-spacing: 2px;margin-bottom: 7px;font-size: 14px; text-transform: uppercase; font-weight: 600; margin: 11px 30px 0 0;

183

float: left;}

183

float: left;}

184

.connect-social-channel{ margin-left: 10px !important; margin-top:8px !important; font-weight: 500 !important; font-style: normal !important; font-size: 14px !important; line-height: 22px !important; text-transform: unset !important; letter-spacing: 0px !important;}

184

.connect-social-channel{ margin-left: 10px !important; margin-top:8px !important; font-weight: 500 !important; font-style: normal !important; font-size: 14px !important; line-height: 22px !important; text-transform: unset !important; letter-spacing: 0px !important;}

185

186

/* profile tab */

186

/* profile tab */

187

.profile-tab-spc-top{margin-top:45px ; padding-top: 15px;}

187

.profile-tab-spc-top{margin-top:45px ; padding-top: 15px;}

188

.top-brd{border-top: 1px solid #DFE7EF;}

188

.top-brd{border-top: 1px solid #DFE7EF;}

189

.profile-tab{ list-style-type: none; display: block; float: left; margin:0px ; padding: 0px;}

189

.profile-tab{ list-style-type: none; display: block; float: left; margin:0px ; padding: 0px;}

190

.profile-tab li{ float: left; padding-bottom: 10px; margin-right:76px ;}

190

.profile-tab li{ float: left; padding-bottom: 10px; margin-right:76px ;}

191

.profile-tab li.active{ border-bottom: 4px solid #ef484f;}

191

.profile-tab li.active{ border-bottom: 4px solid #ef484f;}

192

.profile-tab li a{font-size: 20px;color:#000; text-decoration: none; font-weight: 400; line-height: 33px; }

192

.profile-tab li a{font-size: 20px;color:#000; text-decoration: none; font-weight: 400; line-height: 33px; }

193

194

/* profile data wrp */

194

/* profile data wrp */

195

.profile-data-wrp{ background:#dfe7ef; position: absolute; width: 100%; left: 0px;}

195

.profile-data-wrp{ background:#dfe7ef; position: absolute; width: 100%; left: 0px;}

196

.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom: 88px; padding-top: 88px;}

196

.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom: 88px; padding-top: 88px;}

197

.card-warpper{ width: 283px; background: #fff; border-radius: 4px; padding:23px; background-image: url('../images/card-bg.png'); background-repeat: repeat-y; background-position: top 0 right 20px; float: left; margin-right: 68px;}

197

.card-warpper{ width: 283px; background: #fff; border-radius: 4px; padding:23px; background-image: url('../images/card-bg.png'); background-repeat: repeat-y; background-position: top 0 right 20px; float: left; margin-right: 68px;}

198

.company-detail{ width: 100%;

198

.company-detail{ width: 100%;

199

display: block;

199

display: block;

200

float: left;

200

float: left;

201

position: relative;

201

position: relative;

202

margin-top: -63px;

202

margin-top: -63px;

203

margin-bottom: 21px;}

203

margin-bottom: 21px;}

204

.company-detail .c-logo{ width: 82px; display: block; float: left;}

204

.company-detail .c-logo{ width: 82px; display: block; float: left;}

205

.company-detail .c-logo img{ width: 100%;}

205

.company-detail .c-logo img{ width: 100%;}

206

.company-detail .c-tag img{ width: 100%;}

206

.company-detail .c-tag img{ width: 100%;}

207

.company-detail .c-tag { width: 89px; display: block; float: right;}

207

.company-detail .c-tag { width: 89px; display: block; float: right;}

208

.card-warpper h1{width: 198px; padding-bottom: 7px; border-bottom:1px solid #a5a5a5; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 35px; line-height: 42px; letter-spacing: 0.36px; color: #000000;}

208

.card-warpper h1{width: 198px; padding-bottom: 7px; border-bottom:1px solid #a5a5a5; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 35px; line-height: 42px; letter-spacing: 0.36px; color: #000000;}

209

.card-warpper .u-detail{ padding: 7px 0 7px 0; border-bottom:1px solid #a5a5a5; width: 198px; display: block; float: left;}

209

.card-warpper .u-detail{ padding: 7px 0 7px 0; border-bottom:1px solid #a5a5a5; width: 198px; display: block; float: left;}

210

.card-warpper .u-detail img{ display: block; float: left; width: 24px; margin-right:17px;}

210

.card-warpper .u-detail img{ display: block; float: left; width: 24px; margin-right:17px;}

211

.card-warpper .u-detail h2{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.15px; color: #000000;}

211

.card-warpper .u-detail h2{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.15px; color: #000000;}

212

.card-warpper p{ float: left; padding: 12px 0 12px 0; width: 198px; border-bottom:1px solid #a5a5a5; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 14px;line-height: 18px; letter-spacing: 0.15px; color: #000000; }

212

.card-warpper p{ float: left; padding: 12px 0 12px 0; width: 198px; border-bottom:1px solid #a5a5a5; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 14px;line-height: 18px; letter-spacing: 0.15px; color: #000000; }

213

.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px;}

213

.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px;}

214

.card-warpper .tags-list li{ float: left; margin-right:9px ; margin-bottom: 9px;}

214

.card-warpper .tags-list li{ float: left; margin-right:9px ; margin-bottom: 9px;}

215

.card-warpper .tags-list li a{text-transform: uppercase; padding:5px 13px; border-radius: 10px; color: #fff;font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 12px;line-height: 16px; letter-spacing: 0.15px;}

215

.card-warpper .tags-list li a{text-transform: uppercase; padding:5px 13px; border-radius: 10px; color: #fff;font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 12px;line-height: 16px; letter-spacing: 0.15px;}

216

/* colors */

216

/* colors */

217

.cape-honey{ background: #fde2a3;}

217

.cape-honey{ background: #fde2a3;}

218

.rose-bud{ background: #fba29a;}

218

.rose-bud{ background: #fba29a;}

219

.pattens-blue{ background: #ceeced;}

219

.pattens-blue{ background: #ceeced;}

220

221

/* add new card */

221

/* add new card */

222

.add-card-warpper{ width: 283px; background: transparent; border-radius: 4px; padding:23px; height: 356px; float: left; margin-right: 0px; border:2px dashed #fff;}

222

.add-card-warpper{ width: 283px; background: transparent; border-radius: 4px; padding:23px; height: 356px; float: left; margin-right: 0px; border:2px dashed #fff;}

223

.add-card-warpper a{ display: block;

223

.add-card-warpper a{ display: block;

224

width: 86px;

224

width: 86px;

225

margin: 0 auto;

225

margin: 0 auto;

226

margin-top: 92px;}

226

margin-top: 92px;}

227

228

/* New Profile Buttons */

228

/* New Profile Buttons */

229

.profile-buttons{ width: 261px; display: block; margin:0 auto;}

229

.profile-buttons{ width: 261px; display: block; margin:0 auto;}

230

/* button sm */

230

/* button sm */

231

.profile-sm-bt{ width: 180px;

231

.profile-sm-bt{ width: 180px;

232

height: 54px;

232

height: 54px;

233

border-radius: 5px;

233

border-radius: 5px;

234

border: 1px solid #514DA7;

234

border: 1px solid #514DA7;

235

color: #514DA7;

235

color: #514DA7;

236

font-size: 16px;

236

font-size: 16px;

237

font-weight: 500;

237

font-weight: 500;

238

display: block;

238

display: block;

239

line-height: 55px;

239

line-height: 55px;

240

text-align: center;}

240

text-align: center;}

241

.profile-sm-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}

241

.profile-sm-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}

242

/* button md */

242

/* button md */

243

.profile-md-bt{ width:233px;

243

.profile-md-bt{ width:233px;

244

height: 54px;

244

height: 54px;

245

border-radius: 5px;

245

border-radius: 5px;

246

border: 1px solid #514DA7;

246

border: 1px solid #514DA7;

247

color: #514DA7;

247

color: #514DA7;

248

font-size: 16px;

248

font-size: 16px;

249

font-weight: 500;

249

font-weight: 500;

250

display: block;

250

display: block;

251

line-height: 55px;

251

line-height: 55px;

252

text-align: center;}

252

text-align: center;}

253

.profile-md-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}

253

.profile-md-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}

254

/* button lg */

254

/* button lg */

255

.profile-lg-bt{ width:261px;

255

.profile-lg-bt{ width:261px;

256

height: 54px;

256

height: 54px;

257

border-radius: 5px;

257

border-radius: 5px;

258

border: 1px solid #514DA7;

258

border: 1px solid #514DA7;

259

color: #514DA7;

259

color: #514DA7;

260

font-size: 16px;

260

font-size: 16px;

261

font-weight: 500;

261

font-weight: 500;

262

display: block;

262

display: block;

263

line-height: 55px;

263

line-height: 55px;

264

text-align: center;}

264

text-align: center;}

265

.profile-lg-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}

265

.profile-lg-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}

266

.center-and-spc{ margin:0 auto; margin-bottom:15px;}

266

.center-and-spc{ margin:0 auto; margin-bottom:15px;}

267

.bt-active{ background-color:#514DA7; color:#fff; text-decoration: none;}

267

.bt-active{ background-color:#514DA7; color:#fff; text-decoration: none;}

268

/* Replies */

268

/* Replies */

269

.replies{ display: block; float: left;}

269

.replies{ display: block; float: left;}

270

.replies-wrp{ width: 1024px;display: block; float: left; border-bottom: 2px solid #fff;margin-left: 58px;margin-bottom: 30px;}

270

.replies-wrp{ width: 1024px;display: block; float: left; border-bottom: 2px solid #fff;margin-left: 58px;margin-bottom: 30px;}

271

.replies-wrp h1{font-family: 'Bebas Neue', cursive; text-transform: uppercase; font-size: 28px;line-height:33px; font-style: normal; font-weight: 400; color: #000;}

271

.replies-wrp h1{font-family: 'Bebas Neue', cursive; text-transform: uppercase; font-size: 28px;line-height:33px; font-style: normal; font-weight: 400; color: #000;}

272

.replies-wrp h1 span{font-family: 'Montserrat', sans-serif;

272

.replies-wrp h1 span{font-family: 'Montserrat', sans-serif;

273

font-size: 12px;

273

font-size: 12px;

274

font-style: normal;

274

font-style: normal;

275

font-weight: 400;

275

font-weight: 400;

276

line-height: 14px; color:#000; opacity: 0.5;}

276

line-height: 14px; color:#000; opacity: 0.5;}

277

.comment-spc{ margin-left:9px ;}

277

.comment-spc{ margin-left:9px ;}

278

.replies-wrp p{ width: 100%; display: block; float: left; font-weight: 500; font-size: 16px; line-height: 22px; color: #000; margin-top: 14px; margin-bottom: 28px;}

278

.replies-wrp p{ width: 100%; display: block; float: left; font-weight: 500; font-size: 16px; line-height: 22px; color: #000; margin-top: 14px; margin-bottom: 28px;}

279

.replies-wrp:last-child{ border-bottom:0px; margin-bottom: 0px;}

279

.replies-wrp:last-child{ border-bottom:0px; margin-bottom: 0px;}

280

281

/* team */

281

/* team */

282

.verified-team{ width: 129px;

282

.verified-team{ width: 129px;

283

display: inline-table;

283

display: inline-table;

284

margin-top: 7px;

284

margin-top: 7px;

285

position: absolute;

285

position: absolute;

286

margin-left: 10px;}

286

margin-left: 10px;}

287

.verified-team img{ width: 100%; display: block; float: left;}

287

.verified-team img{ width: 100%; display: block; float: left;}

288

.active-company{ border-bottom: 4px solid #ef484f;}

288

.active-company{ border-bottom: 4px solid #ef484f;}

289

.active-company a{ font-weight: 700 !important;}

289

.active-company a{ font-weight: 700 !important;}

290

.active-company a img{ width: 27px;margin-top: -6px; margin-right: 10px;}

290

.active-company a img{ width: 27px;margin-top: -6px; margin-right: 10px;}

291

.active-company a img.c-icon{margin-right: 0px; margin-left:10px;}

291

.active-company a img.c-icon{margin-right: 0px; margin-left:10px;}

292

.c-social li a img{ width: auto !important;}

292

.c-social li a img{ width: auto !important;}

293

.company-footer{ width: 100%; display: block; float: left;}

293

.company-footer{ width: 100%; display: block; float: left;}

294

.company-footer ul{ display: block; float: left; list-style-type: none; margin:6px; padding:0px;}

294

.company-footer ul{ display: block; float: left; list-style-type: none; margin:6px; padding:0px;}

295

.company-footer ul li{float: left; margin-right: 10px;}

295

.company-footer ul li{float: left; margin-right: 10px;}

296

.company-footer ul li a{ font-size: 10px; font-style: normal; font-weight: 500;color: #979797;}

296

.company-footer ul li a{ font-size: 10px; font-style: normal; font-weight: 500;color: #979797;}

297

.company-footer ul li a img{ width: 15px; margin-right: 2px; margin-top: -2px;}

297

.company-footer ul li a img{ width: 15px; margin-right: 2px; margin-top: -2px;}

298

.company-footer .next{float: right; margin-top: -25px;

298

.company-footer .next{float: right; margin-top: -25px;

299

margin-right: 20px; width: 61px; height: 61px; background-color: #fff; border-radius: 10px; border:2px solid #514da7; display: block;}

299

margin-right: 20px; width: 61px; height: 61px; background-color: #fff; border-radius: 10px; border:2px solid #514da7; display: block;}

300

.company-footer .next img{ width: 25px;

300

.company-footer .next img{ width: 25px;

301

margin-top: 17px;

301

margin-top: 17px;

302

margin-left: 16px;}

302

margin-left: 16px;}

303

.card-c-space-0{ padding: 0px !important; background-color: transparent !important;}

303

.card-c-space-0{ padding: 0px !important; background-color: transparent !important;}

304

.c-detail-wrapper{ width: 100%; display: block; float: left; background: #fff;

304

.c-detail-wrapper{ width: 100%; display: block; float: left; background: #fff;

305

border-radius: 4px;

305

border-radius: 4px;

306

padding: 23px; }

306

padding: 23px; }

307

/* members */

307

/* members */

308

.members-wrp{ width: 960px; display: block; float: left; margin:0px; padding: 0px; list-style-type: none;}

308

.members-wrp{ width: 960px; display: block; float: left; margin:0px; padding: 0px; list-style-type: none;}

309

.members-wrp .member-list{ display: block; float: left; width: 411px; background-color: #fff; padding: 10px; border-radius: 50px; margin-right: 67px; margin-bottom: 24px;}

309

.members-wrp .member-list{ display: block; float: left; width: 411px; background-color: #fff; padding: 10px; border-radius: 50px; margin-right: 67px; margin-bottom: 24px;}

310

.members-wrp .member-list a{ display: block; float: left; width: 100%;}

310

.members-wrp .member-list a{ display: block; float: left; width: 100%;}

311

.members-wrp .member-list a img{ width: 20%;display:block; float: left;}

311

.members-wrp .member-list a img{ width: 20%;display:block; float: left;}

312

.members-wrp .member-list a span{ display: block; float: left; width: 75%; margin-left:5%;}

312

.members-wrp .member-list a span{ display: block; float: left; width: 75%; margin-left:5%;}

313

.members-wrp .member-list a span h1{font-size: 24px; line-height: 29px; font-weight: 400; font-style: normal; color: #000; margin-top: 13px;}

313

.members-wrp .member-list a span h1{font-size: 24px; line-height: 29px; font-weight: 400; font-style: normal; color: #000; margin-top: 13px;}

314

.member-describe-list{ display: block; float: left; list-style-type: none;margin:0px; padding: 0px;}

314

.member-describe-list{ display: block; float: left; list-style-type: none;margin:0px; padding: 0px;}

315

.member-describe-list li{ float: left; font-size: 14px; line-height: 17px; font-style: normal; font-weight: 400;color: #000; opacity: 0.5;}

315

.member-describe-list li{ float: left; font-size: 14px; line-height: 17px; font-style: normal; font-weight: 400;color: #000; opacity: 0.5;}

316

.member-describe-list li span{ width: 5px !important; height: 5px !important; background-color: #000; display: block; float: left; float: left; margin-left:unset !important; float: right !important; margin-right: 8px !important;

316

.member-describe-list li span{ width: 5px !important; height: 5px !important; background-color: #000; display: block; float: left; float: left; margin-left:unset !important; float: right !important; margin-right: 8px !important;

317

margin-left: 8px !important;

317

margin-left: 8px !important;

318

margin-top: 6px;

318

margin-top: 6px;

319

border-radius: 5px;}

319

border-radius: 5px;}

320

321

/* popup */

321

/* popup */

322

.body-blur{ filter: blur(8px); -webkit-filter: blur(8px);}

322

.body-blur{ filter: blur(8px); -webkit-filter: blur(8px);}

323

.popup-wrp{ width: 100%; display: block; float: left; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1;}

323

.popup-wrp{ width: 100%; display: block; float: left; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1;}

324

.popup-wrp .overlay{ width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; background-color: #dfe7efab; /* Add the blur effect */

324

.popup-wrp .overlay{ width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; background-color: #dfe7efab; /* Add the blur effect */

325

filter: blur(8px);

325

filter: blur(8px);

326

-webkit-filter: blur(8px);}

326

-webkit-filter: blur(8px);}

327

.popup-set{ width: 530px;

327

.popup-set{ width: 530px;

328

background-color: #fff;

328

background-color: #fff;

329

border-radius: 0 40px 40px 40px;

329

border-radius: 0 40px 40px 40px;

330

padding: 30px;

330

padding: 30px;

331

position: relative;

331

position: relative;

332

margin: 0 auto;

332

margin: 0 auto;

333

margin-top: 80px;}

333

margin-top: 80px;}

334

.popup-header{ width: 100%; display: block; float: left; margin-top: -60px;}

334

.popup-header{ width: 100%; display: block; float: left; margin-top: -60px;}

335

.popup-header img{ width: 109px; display: block; float: left;}

335

.popup-header img{ width: 109px; display: block; float: left;}

336

.popup-header ul{ display: block;

336

.popup-header ul{ display: block;

337

list-style-type: none;

337

list-style-type: none;

338

margin: 0px;

338

margin: 0px;

339

padding: 0px;

339

padding: 0px;

340

margin-top: 75px;

340

margin-top: 75px;

341

margin-left: 20px;

341

margin-left: 20px;

342

float: left;}

342

float: left;}

343

.popup-header ul li{ float: left; margin-right: 31px;}

343

.popup-header ul li{ float: left; margin-right: 31px;}

344

.popup-header ul li a img{ width: 22px !important; float: left; display: block;}

344

.popup-header ul li a img{ width: 22px !important; float: left; display: block;}

345

.popup-header ul li a{color:#514DA7;}

345

.popup-header ul li a{color:#514DA7;}

346

.popup-header ul li a span{ display: block;

346

.popup-header ul li a span{ display: block;

347

float: left;

347

float: left;

348

margin-left: 10px;

348

margin-left: 10px;

349

width: 50px;

349

width: 50px;

350

font-size: 14px;

350

font-size: 14px;

351

line-height: 17px;

351

line-height: 17px;

352

margin-top: -10px;}

352

margin-top: -10px;}

353

.popup-body{ width: 100%;

353

.popup-body{ width: 100%;

354

display: block;

354

display: block;

355

float: left;

355

float: left;

356

max-height: 450px;

356

max-height: 450px;

357

overflow-y: auto;

357

overflow-y: auto;

358

padding-right: 16px;}

358

padding-right: 16px;}

359

.popup-forms{ width: 100%; display: block; float: left; margin-top: 50px;}

359

.popup-forms{ width: 100%; display: block; float: left; margin-top: 50px;}

360

361

362

.popup-forms .floating-label label{font-size: 11px;

362

.popup-forms .floating-label label{font-size: 11px;

363

line-height: 19px;

363

line-height: 19px;

364

font-size: 16px;

364

font-size: 16px;

365

font-weight: 400;

365

font-weight: 400;

366

color: #000;

366

color: #000;

367

position: absolute;

367

position: absolute;

368

margin: 0px 10px 0 10px;

368

margin: 0px 10px 0 10px;

369

background: #fff;

369

background: #fff;

370

padding: 0 3px;

370

padding: 0 3px;

371

position: absolute;

371

position: absolute;

372

pointer-events: none;

372

pointer-events: none;

373

top: 15px; opacity: 0.5;

373

top: 15px; opacity: 0.5;

374

transition: 0.2s ease all;

374

transition: 0.2s ease all;

375

-moz-transition: 0.2s ease all;

375

-moz-transition: 0.2s ease all;

376

-webkit-transition: 0.2s ease all;

376

-webkit-transition: 0.2s ease all;

377

}

377

}

378

379

.popup-forms .floating-label input{ outline: none; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 500; line-height: 19px; color: #000;}

379

.popup-forms .floating-label input{ outline: none; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 500; line-height: 19px; color: #000;}

380

.popup-forms .floating-label select{ outline: none; height: 50px; margin-bottom: 0px; border-radius:5px; padding: 0 10px; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 400; line-height: 19px; color: #808080;}

380

.popup-forms .floating-label select{ outline: none; height: 50px; margin-bottom: 0px; border-radius:5px; padding: 0 10px; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 400; line-height: 19px; color: #808080;}

381

382

.popup-forms .floating-input input:focus{ outline: none;}

382

.popup-forms .floating-input input:focus{ outline: none;}

383

.popup-forms .floating-label input:focus~label{

383

.popup-forms .floating-label input:focus~label{

384

top: -11px;

384

top: -11px;

385

color: #514DA7;

385

color: #514DA7;

386

font-size: 14px;background:#fff;

386

font-size: 14px;background:#fff;

387

opacity:1;

387

opacity:1;

388

}

388

}

389

.popup-forms .floating-label input:not(:placeholder-shown)~label {

389

.popup-forms .floating-label input:not(:placeholder-shown)~label {

390

position: absolute;

390

position: absolute;

391

top: -11px;

391

top: -11px;

392

background:#fff;

392

background:#fff;

393

394

font-size: 14px;

394

font-size: 14px;

395

color: #514DA7;opacity:1;

395

color: #514DA7;opacity:1;

396

}

396

}

397

/* textarea */

397

/* textarea */

398

.popup-forms .floating-label textarea{ height: 100px; outline: none; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 500; line-height: 19px; color: #000;}

398

.popup-forms .floating-label textarea{ height: 100px; outline: none; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 500; line-height: 19px; color: #000;}

399

.popup-forms .floating-input textarea:focus{ outline: none;}

399

.popup-forms .floating-input textarea:focus{ outline: none;}

400

.popup-forms .floating-label textarea:focus~label{

400

.popup-forms .floating-label textarea:focus~label{

401

top: -11px;

401

top: -11px;

402

color: #514DA7;

402

color: #514DA7;

403

font-size: 14px;background:#fff;

403

font-size: 14px;background:#fff;

404

opacity:1;

404

opacity:1;

405

}

405

}

406

.popup-forms .floating-label textarea:not(:placeholder-shown)~label {

406

.popup-forms .floating-label textarea:not(:placeholder-shown)~label {

407

position: absolute;

407

position: absolute;

408

top: -11px;

408

top: -11px;

409

background:#fff;

409

background:#fff;

410

411

font-size: 14px;

411

font-size: 14px;

412

color: #514DA7;opacity:1;

412

color: #514DA7;opacity:1;

413

}

413

}

414

.popup-forms .form-group{ margin-bottom: 20px;}

414

.popup-forms .form-group{ margin-bottom: 20px;}

415

.empty-lbl{ font-size: 16px; font-style: normal; line-height: 29px; color:#000; opacity: 0.5;}

415

.empty-lbl{ font-size: 16px; font-style: normal; line-height: 29px; color:#000; opacity: 0.5;}

416

.things{ font-size: 16px; line-height: 21px; color: #000; opacity: 0.5;}

416

.things{ font-size: 16px; line-height: 21px; color: #000; opacity: 0.5;}

417

.interests{ display: block; list-style-type: none;margin:0px; padding: 0px; }

417

.interests{ display: block; list-style-type: none;margin:0px; padding: 0px; }

418

.interests li{ float: left; margin-right: 20px; position: relative;}

418

.interests li{ float: left; margin-right: 20px; position: relative;}

419

.interests li span{ height: 40px; padding: 0 16px; line-height: 40px;background: #DFE7EF; display: block; float: left;

419

.interests li span{ height: 40px; padding: 0 16px; line-height: 40px;background: #DFE7EF; display: block; float: left;

420

border-radius: 5px;}

420

border-radius: 5px;}

421

.interests li input{ height: 40px !important; padding: 0 10px !important; line-height: 40px !important;border:2px solid #DFE7EF; display: block; float: left;

421

.interests li input{ height: 40px !important; padding: 0 10px !important; line-height: 40px !important;border:2px solid #DFE7EF; display: block; float: left;

422

border-radius: 5px; background-color: #fff !important; width: 125px;}

422

border-radius: 5px; background-color: #fff !important; width: 125px;}

423

.interests li a{ width: 20px;

423

.interests li a{ width: 20px;

424

display: block;

424

display: block;

425

float: right;

425

float: right;

426

margin: 6px 0px 0 114px;

426

margin: 6px 0px 0 114px;

427

position: absolute;}

427

position: absolute;}

428

/* color codes */

428

/* color codes */

429

.silver{background-color: #C4C4C4;}

429

.silver{background-color: #C4C4C4;}

430

.milk-punch{background-color: #FFF6D7;}

430

.milk-punch{background-color: #FFF6D7;}

431

.french-pass{background-color: #BDDBFF;}

431

.french-pass{background-color: #BDDBFF;}

432

.cyan-french-pass{background-color: #C0FAFE;}

432

.cyan-french-pass{background-color: #C0FAFE;}

433

.cosmos{background-color: #FFDBDC;}

433

.cosmos{background-color: #FFDBDC;}

434

.cape-Honey{background-color: #FEE6AC;}

434

.cape-Honey{background-color: #FEE6AC;}

435

.snuff{background-color: #E5DFF0;}

435

.snuff{background-color: #E5DFF0;}

436

.catskillWhite{background-color: #DFE7EF;}

436

.catskillWhite{background-color: #DFE7EF;}

437

.white{background-color: #fff;}

437

.white{background-color: #fff;}

438

/* color codes */

438

/* color codes */

439

.colors{ width: 100%; display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}

439

.colors{ width: 100%; display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}

440

.colors li{ display: block; float: left; margin-right: 14px;}

440

.colors li{ display: block; float: left; margin-right: 14px;}

441

.colors li a{ width: 22px; height: 22px; display: block; float: left; border:1px solid #ccc; border-radius: 10px;}

441

.colors li a{ width: 22px; height: 22px; display: block; float: left; border:1px solid #ccc; border-radius: 10px;}

442

.colors li a.active{border: 2px solid #514DA7;}

442

.colors li a.active{border: 2px solid #514DA7;}

443

.popup-forms .next-bt{ width: 99px;

443

.popup-forms .next-bt{ width: 99px;

444

height: 54px;

444

height: 54px;

445

background: #514DA7;

445

background: #514DA7;

446

display: block;

446

display: block;

447

text-align: center;

447

text-align: center;

448

border-radius: 5px;

448

border-radius: 5px;

449

color: #fff;

449

color: #fff;

450

font-size: 16px;

450

font-size: 16px;

451

line-height: 54px;

451

line-height: 54px;

452

font-weight: 600;

452

font-weight: 600;

453

position: absolute;

453

position: absolute;

454

right: 50px;

454

right: 50px;

455

bottom: -80px;}

455

bottom: -80px;}

456

.notifications{ font-size: 16px; line-height: 19px; color: #000; opacity: 0.5; width: 313px; float: left;}

456

.notifications{ font-size: 16px; line-height: 19px; color: #000; opacity: 0.5; width: 313px; float: left;}

457

.add-socail-ch{font-size: 16px; line-height: 19px; color: #000; opacity: 0.5; margin-top:20px ; margin-bottom: 30px;}

457

.add-socail-ch{font-size: 16px; line-height: 19px; color: #000; opacity: 0.5; margin-top:20px ; margin-bottom: 30px;}

458

.add-socail-ch span{ border-bottom: 2px solid #DFE7EF;

458

.add-socail-ch span{ border-bottom: 2px solid #DFE7EF;

459

display: block;

459

display: block;

460

width: 270px;

460

width: 270px;

461

float: right;

461

float: right;

462

margin-top: 10px;}

462

margin-top: 10px;}

463

.select-arrow{ display: block;

463

.select-arrow{ display: block;

464

float: right;

464

float: right;

465

position: absolute;

465

position: absolute;

466

top: 13px;

466

top: 13px;

467

right: 17px;

467

right: 17px;

468

background: #fff;

468

background: #fff;

469

width: 31px;

469

width: 31px;

470

height: 17px;}

470

height: 17px;}

471

.select-arrow img{width: 15px;}

471

.select-arrow img{width: 15px;}

472

.popup-forms .save-bt{ width: 150px;

472

.popup-forms .save-bt{ width: 150px;

473

height: 54px;

473

height: 54px;

474

background: #514DA7;

474

background: #514DA7;

475

display: block;

475

display: block;

476

text-align: center;

476

text-align: center;

477

border-radius: 5px;

477

border-radius: 5px;

478

color: #fff;

478

color: #fff;

479

font-size: 16px;

479

font-size: 16px;

480

line-height: 54px;

480

line-height: 54px;

481

font-weight: 600;

481

font-weight: 600;

482

position: absolute;

482

position: absolute;

483

right: 50px;

483

right: 50px;

484

bottom: -80px;}

484

bottom: -80px;}

485

/* insights */

485

/* insights */

486

.insights-wrp{ background-image: url(../images/insights-bg.svg);

486

.insights-wrp{ background-image: url(../images/insights-bg.svg);

487

background-color: #DFE7EF;

487

background-color: #DFE7EF;

488

height: 100%;

488

height: 100%;

489

background-repeat: no-repeat;

489

background-repeat: no-repeat;

490

background-position: top center;

490

background-position: top center;

491

background-size: contain; padding: 0 50px 0 100px;}

491

background-size: contain; padding: 0 50px 0 100px;}

492

.insights-profile{width: 32px;

492

.insights-profile{width: 32px;

493

height: 32px;

493

height: 32px;

494

float: right;

494

float: right;

495

display: block;

495

display: block;

496

position: absolute;

496

position: absolute;

497

right: 0;}

497

right: 0;}

498

.insights-searh a{ width: 21px;

498

.insights-searh a{ width: 21px;

499

height: 25px;

499

height: 25px;

500

display: block;

500

display: block;

501

position: absolute;

501

position: absolute;

502

right: 24px;

502

right: 24px;

503

top: 23px;}

503

top: 23px;}

504

.insights-searh a img{ width: 100%;}

504

.insights-searh a img{ width: 100%;}

505

.insights-searh input{background: #FFFFFF !important; border-radius: 10px !important; Height:72px !important; border:0px !important;}

505

.insights-searh input{background: #FFFFFF !important; border-radius: 10px !important; Height:72px !important; border:0px !important;}

506

.insights-searh input::-webkit-input-placeholder { /* Edge */

506

.insights-searh input::-webkit-input-placeholder { /* Edge */

507

font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;

507

font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;

508

}

508

}

509

510

.insights-searh input:-ms-input-placeholder { /* Internet Explorer 10-11 */

510

.insights-searh input:-ms-input-placeholder { /* Internet Explorer 10-11 */

511

font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;

511

font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;

512

}

512

}

513

514

.insights-searh input::placeholder {

514

.insights-searh input::placeholder {

515

font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;

515

font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;

516

}

516

}

517

.insights-border span{ font-size: 15px; line-height: 19px; font-weight: 600; text-transform: uppercase;}

517

.insights-border span{ font-size: 15px; line-height: 19px; font-weight: 600; text-transform: uppercase;}

518

/* insights 2 */

518

/* insights 2 */

519

.back-to-lib{ font-size: 12px;

519

.back-to-lib{ font-size: 12px;

520

line-height: 14px;

520

line-height: 14px;

521

color: #000000;

521

color: #000000;

522

font-weight: 500;

522

font-weight: 500;

523

display: block;

523

display: block;

524

float: left;}

524

float: left;}

525

.back-to-lib img{ width: 12px; float: left; margin-right: 10px; margin-top:2px;}

525

.back-to-lib img{ width: 12px; float: left; margin-right: 10px; margin-top:2px;}

526

.insights-list{ list-style-type: none; margin:0px ; padding: 0px; width: 100%; display: block; float: left;;margin-top:20px;}

526

.insights-list{ list-style-type: none; margin:0px ; padding: 0px; width: 100%; display: block; float: left;;margin-top:20px;}

527

.insights-list li{ display: block; float: left;}

527

.insights-list li{ display: block; float: left;}

528

.insights-list li a{ display: block;

528

.insights-list li a{ display: block;

529

float: left;

529

float: left;

530

margin: 0px;

530

margin: 0px;

531

padding: 5px 14px;

531

padding: 5px 14px;

532

background: #70A853;

532

background: #70A853;

533

font-size: 15px;text-transform:uppercase;

533

font-size: 15px;text-transform:uppercase;

534

font-weight: 700;

534

font-weight: 700;

535

font-style: normal;

535

font-style: normal;

536

color: #fff;

536

color: #fff;

537

border-radius: 50px;}

537

border-radius: 50px;}

538

.insights-details{ width: 850px;display:block; float: left;}

538

.insights-details{ width: 850px;display:block; float: left;}

539

.insights-details h2{ font-size: 20px; line-height: 24px; font-weight: 700 !important;font-weight: normal; margin-bottom:30px ; color:#000; margin-top:22px ;}

539

.insights-details h2{ font-size: 20px; line-height: 24px; font-weight: 700 !important;font-weight: normal; margin-bottom:30px ; color:#000; margin-top:22px ;}

540

.features-group h3{ margin-top: 30px; margin-bottom: 15px;font-size: 15px;letter-spacing:1.92px; line-height: 22px;color: #70A853;}

540

.features-group h3{ margin-top: 30px; margin-bottom: 15px;font-size: 15px;letter-spacing:1.92px; line-height: 22px;color: #70A853;}

541

.features-group-list{ list-style-type: none; margin: 0px; padding: 0px; width: 100%; display: block; float: left;}

541

.features-group-list{ list-style-type: none; margin: 0px; padding: 0px; width: 100%; display: block; float: left;}

542

.features-group-list li{ margin-bottom: 25px; width: 100%; display: block; float: left;}

542

.features-group-list li{ margin-bottom: 25px; width: 100%; display: block; float: left;}

543

.features-group-list li a{font-size: 16px; font-weight: 500; line-height: 22px; color:#000; text-decoration: underline;}

543

.features-group-list li a{font-size: 16px; font-weight: 500; line-height: 22px; color:#000; text-decoration: underline;}

544

.features-group-list li a:hover{ text-decoration: none;}

544

.features-group-list li a:hover{ text-decoration: none;}

545

.features-group-list li span{font-size: 10px; line-height: 12px; font-weight: 500; color: #000; opacity: 0.5; width: 100%; display: block; float: left;}

545

.features-group-list li span{font-size: 10px; line-height: 12px; font-weight: 500; color: #000; opacity: 0.5; width: 100%; display: block; float: left;}

546

.features-group-list li a img{ width: 9px; }

546

.features-group-list li a img{ width: 9px; }

547

.insights-rply img{ width: 14px;}

547

.insights-rply img{ width: 14px;}

548

.insights-rply{font-weight: 400; font-size: 13px; line-height: 27px; color: #70A853; margin-top: 5px; float: left;}

548

.insights-rply{font-weight: 400; font-size: 13px; line-height: 27px; color: #70A853; margin-top: 5px; float: left;}

549

.insights-rply:hover{color: #70A853;}

549

.insights-rply:hover{color: #70A853;}

550

.active-green{border-bottom: 4px solid #70A853;}

550

.active-green{border-bottom: 4px solid #70A853;}

551

.insights-spc{padding: 0 100px;}

551

.insights-spc{padding: 0 100px;}

552

553

/* insight page 1 */

553

/* insight page 1 */

554

.insights-border{height: 1px;

554

.insights-border{height: 1px;

555

text-align: center;

555

text-align: center;

556

display: block;

556

display: block;

557

background: #FFFFFF;

557

background: #FFFFFF;

558

clear: both;

558

clear: both;

559

width: 100%;

559

width: 100%;

560

margin-top: 30px;}

560

margin-top: 30px;}

561

.insights-border span{ text-align: center;

561

.insights-border span{ text-align: center;

562

position: relative;

562

position: relative;

563

top: -13px;

563

top: -13px;

564

background: #DFE7EF;

564

background: #DFE7EF;

565

margin: 0 11px;

565

margin: 0 11px;

566

padding: 0px 10px;}

566

padding: 0px 10px;}

567

.insights-list-filter{display:table;float:left;width:100%;}

567

.insights-list-filter{display:table;float:left;width:100%;}

568

.insights-list-filter ul{ list-style-type: none; text-align: center;

568

.insights-list-filter ul{ list-style-type: none; text-align: center;

569

margin-top:40px;

569

margin-top:40px;

570

padding: 0px;

570

padding: 0px;

571

display: block;

571

display: block;

572

float: left;

572

float: left;

573

width: 100%;}

573

width: 100%;}

574

.insights-list-filter li{ display: inline-table; float: unset; margin: 0 23px 23px 23px;}

574

.insights-list-filter li{ display: inline-table; float: unset; margin: 0 23px 23px 23px;}

575

.insights-list-filter li a{padding: 5px 20px;color: #fff;

575

.insights-list-filter li a{padding: 5px 20px;color: #fff;

576

float: left;

576

float: left;

577

text-transform: uppercase;

577

text-transform: uppercase;

578

line-height: 26px;

578

line-height: 26px;

579

text-align: center;

579

text-align: center;

580

font-weight: 600;

580

font-weight: 600;

581

font-size: 20px;

581

font-size: 20px;

582

border-radius:30px;

582

border-radius:30px;

583

}

583

}

584

.insights-list-filter li a:hover{text-decoration:none;}

584

.insights-list-filter li a:hover{text-decoration:none;}

585

.insights-products{display:block;float:left;width:100%; background-color: #fff;}

585

.insights-products{display:block;float:left;width:100%; background-color: #fff;}

586

.insights-products h3{font-size:15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;margin-bottom:20px;}

586

.insights-products h3{font-size:15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;margin-bottom:20px;}

587

.insights-products h2{font-size:20px;color:#000000;font-weight:700;line-height:24px;margin-bottom:20px;}

587

.insights-products h2{font-size:20px;color:#000000;font-weight:700;line-height:24px;margin-bottom:20px;}

588

.insights-products p{font-size:15px; margin-bottom: 0px;}

588

.insights-products p{font-size:15px; margin-bottom: 0px;}

589

.insights-products span{float:right;}

589

.insights-products span{float:right;}

590

.insight-mb-spc{margin-bottom:34px;}

590

.insight-mb-spc{margin-bottom:34px;}

591

.insights-searh{ width: 700px; margin: 0 auto; position: relative; margin-top: 110px;}

591

.insights-searh{ width: 700px; margin: 0 auto; position: relative; margin-top: 110px;}

592

.insights-products a{ width: 18px; display: block; float: right;}

592

.insights-products a{ width: 18px; display: block; float: right;}

593

594

/* colors */

594

/* colors */

595

.lavender-blue-bg{background:#C1C0FE;}

595

.lavender-blue-bg{background:#C1C0FE;}

596

.golden-tainoi-bg{background:#FBC647;}

596

.golden-tainoi-bg{background:#FBC647;}

597

.red-orange-bg{background:#F74536;}

597

.red-orange-bg{background:#F74536;}

598

.morning-glory-bg{background:#9DDADB;}

598

.morning-glory-bg{background:#9DDADB;}

599

.dark-green-copper-bg{background:#477970;}

599

.dark-green-copper-bg{background:#477970;}

600

.radical-red-border{border:1px solid #EF484F;border-radius:10px;padding:30px 28px;}

600

.radical-red-border{border:1px solid #EF484F;border-radius:10px;padding:30px 28px;}

601

.selective-yellow-border{border:1px solid #FABB05;border-radius:10px;padding:30px 28px;}

601

.selective-yellow-border{border:1px solid #FABB05;border-radius:10px;padding:30px 28px;}

602

.lavender-blue-border{border:1px solid #C1C0FE;border-radius:10px;padding:30px 28px;}

602

.lavender-blue-border{border:1px solid #C1C0FE;border-radius:10px;padding:30px 28px;}

603

.dark-green-copper-border{border:1px solid #477970;border-radius:10px;padding:30px 28px;}

603

.dark-green-copper-border{border:1px solid #477970;border-radius:10px;padding:30px 28px;}

604

.purple-heart-border{border:1px solid #673AB7;border-radius:10px;padding:30px 28px;}

604

.purple-heart-border{border:1px solid #673AB7;border-radius:10px;padding:30px 28px;}

605

.silver-border{border:1px solid #C4C4C4;border-radius:10px;padding:30px 28px;}

605

.silver-border{border:1px solid #C4C4C4;border-radius:10px;padding:30px 28px;}

606

.radical-red-col{color:#EF484F;}

606

.radical-red-col{color:#EF484F;}

607

.selective-yellow-col{color:#FABB05;}

607

.selective-yellow-col{color:#FABB05;}

608

.lavender-blue-col{color:#C1C0FE;}

608

.lavender-blue-col{color:#C1C0FE;}

609

.dark-green-copper-col{color:#477970;}

609

.dark-green-copper-col{color:#477970;}

610

.purple-heart-col{color:#673AB7;}

610

.purple-heart-col{color:#673AB7;}

611

.silver-col{color:#C4C4C4;}

611

.silver-col{color:#C4C4C4;}

612

.radical-red-col:hover{color:#EF484F;text-decoration:none;}

612

.radical-red-col:hover{color:#EF484F;text-decoration:none;}

613

.selective-yellow-col:hover{color:#FABB05;text-decoration:none;}

613

.selective-yellow-col:hover{color:#FABB05;text-decoration:none;}

614

.lavender-blue-col:hover{color:#C1C0FE;text-decoration:none;}

614

.lavender-blue-col:hover{color:#C1C0FE;text-decoration:none;}

615

.dark-green-copper-col:hover{color:#477970;text-decoration:none;}

615

.dark-green-copper-col:hover{color:#477970;text-decoration:none;}

616

.purple-heart-col:hover{color:#673AB7;text-decoration:none;}

616

.purple-heart-col:hover{color:#673AB7;text-decoration:none;}

617

.silver-col:hover{color:#C4C4C4;text-decoration:none;}

617

.silver-col:hover{color:#C4C4C4;text-decoration:none;}

618

/* button */

618

/* button */

619

.switch-btn {

619

.switch-btn {

620

position: relative;

620

position: relative;

621

display: inline-block;

621

display: inline-block;

622

width: 60px;

622

width: 60px;

623

height: 24px;

623

height: 24px;

624

}

624

}

625

.switch-btn input {

625

.switch-btn input {

626

opacity: 0;

626

opacity: 0;

627

width: 0;

627

width: 0;

628

height: 0;

628

height: 0;

629

}

629

}

630

.rounded-toggle {

630

.rounded-toggle {

631

position: absolute;

631

position: absolute;

632

cursor: pointer;

632

cursor: pointer;

633

top: 0;

633

top: 0;

634

left: 0;

634

left: 0;

635

right: 0;

635

right: 0;

636

bottom: 0;

636

bottom: 0;

637

background: #DFE7EF;

637

background: #DFE7EF;

638

-webkit-transition: .4s;

638

-webkit-transition: .4s;

639

transition: .4s;

639

transition: .4s;

640

border-radius: 34px;

640

border-radius: 34px;

641

}

641

}

642

.rounded-toggle:before {

642

.rounded-toggle:before {

643

position: absolute;

643

position: absolute;

644

content: "";

644

content: "";

645

height: 14px;

645

height: 14px;

646

width: 13px;

646

width: 13px;

647

left: 10px;

647

left: 10px;

648

bottom: 5px;

648

bottom: 5px;

649

background-color: #514DA7;

649

background-color: #514DA7;

650

-webkit-transition: .4s;

650

-webkit-transition: .4s;

651

transition: .4s;

651

transition: .4s;

652

border-radius: 50%;

652

border-radius: 50%;

653

}

653

}

654

.toggle-btn:checked + .rounded-toggle {

654

.toggle-btn:checked + .rounded-toggle {

655

background: #DFE7EF;

655

background: #DFE7EF;

656

}

656

}

657

658

.toggle-btn:checked + .rounded-toggle:before{ background-color:#EF484F;;}

658

.toggle-btn:checked + .rounded-toggle:before{ background-color:#EF484F;;}

659

.toggle-btn:focus + .rounded-toggle{

659

.toggle-btn:focus + .rounded-toggle{

660

box-shadow: 0 0 1px #2196F3;

660

box-shadow: 0 0 1px #2196F3;

661

}

661

}

662

.toggle-btn:checked + .rounded-toggle:before {

662

.toggle-btn:checked + .rounded-toggle:before {

663

-webkit-transform: translateX(26px);

663

-webkit-transform: translateX(26px);

664

-ms-transform: translateX(26px);

664

-ms-transform: translateX(26px);

665

transform: translateX(26px);

665

transform: translateX(26px);

666

}

666

}

667

.switch-bt-wrp{margin-top: 15px; width: 111px;

667

.switch-bt-wrp{margin-top: 15px; width: 111px;

668

float: right;

668

float: right;

669

text-align: right; }

669

text-align: right; }

670

.switch-btn{float: left ;}

670

.switch-btn{float: left ;}

671

.onoff{ margin-top: -3px; float: right;}

671

.onoff{ margin-top: -3px; float: right;}

672

673

/* intro Episode */

673

/* intro Episode */

674

.episode-intro{ padding: 0 50px 0 30px; height: 100%;}

674

.episode-intro{ padding: 0 50px 0 30px; height: 100%;}

675

.bottom-startup{width: 1293px; display: block; float: left; margin:0 auto; height: 144px; border: 0.8px solid #514DA7; position: absolute;

675

.bottom-startup{width: 1293px; display: block; float: left; margin:0 auto; height: 144px; border: 0.8px solid #514DA7; position: absolute;

676

bottom: 50px; z-index: 2;

676

bottom: 50px; z-index: 2;

677

right: 0;

677

right: 0;

678

left: 0;}

678

left: 0;}

679

.bottom-startup .logo-wrp{ width: 140px; display: block; float: left;border-right: 0.8px solid #514DA7; height: 100%;}

679

.bottom-startup .logo-wrp{ width: 140px; display: block; float: left;border-right: 0.8px solid #514DA7; height: 100%;}

680

.bottom-startup .logo-wrp a{ width: 100px; margin:0 auto;

680

.bottom-startup .logo-wrp a{ width: 100px; margin:0 auto;

681

display: block; margin-top: 28px;

681

display: block; margin-top: 28px;

682

}

682

}

683

.bottom-startup .logo-wrp a img{ width: 70px; display: block; margin:0 auto;}

683

.bottom-startup .logo-wrp a img{ width: 70px; display: block; margin:0 auto;}

684

.bottom-startup .logo-wrp a span{ font-weight: 400; font-size:13px; line-height: 25px; letter-spacing: -0.54px; width: 100%; display: block; float: left; text-align: center; color: #514DA7;}

684

.bottom-startup .logo-wrp a span{ font-weight: 400; font-size:13px; line-height: 25px; letter-spacing: -0.54px; width: 100%; display: block; float: left; text-align: center; color: #514DA7;}

685

.bottom-startup .title{ font-size: 48px;

685

.bottom-startup .title{ font-size: 48px;

686

font-family: 'Zuume';

686

font-family: 'Zuume';

687

font-weight: 400;

687

font-weight: 400;

688

line-height: 144px;

688

line-height: 144px;

689

color: #514DA7;

689

color: #514DA7;

690

width: 440px;

690

width: 440px;

691

height: 100%; float: left;

691

height: 100%; float: left;

692

border-right: 0.8px solid #514DA7;

692

border-right: 0.8px solid #514DA7;

693

text-align: center;}

693

text-align: center;}

694

.bottom-startup .author-sec{ width: 200px; height: 100%; display: block; float: left; border-right: 0.8px solid #514DA7; color: #514DA7;

694

.bottom-startup .author-sec{ width: 200px; height: 100%; display: block; float: left; border-right: 0.8px solid #514DA7; color: #514DA7;

695

}

695

}

696

.bottom-startup .author-sec .top{ width: 100%;

696

.bottom-startup .author-sec .top{ width: 100%;

697

display: block;

697

display: block;

698

float: left;

698

float: left;

699

padding: 20px 10px 10px 10px;

699

padding: 20px 10px 10px 10px;

700

height: 72px;}

700

height: 72px;}

701

.bottom-startup .author-sec .top span{ font-size: 12px; line-height: 13px; font-weight: 500; width: 100%; display: block; display: block;}

701

.bottom-startup .author-sec .top span{ font-size: 12px; line-height: 13px; font-weight: 500; width: 100%; display: block; display: block;}

702

.bottom-startup .author-sec .top .name{ font-size: 25px; line-height: 28px;

702

.bottom-startup .author-sec .top .name{ font-size: 25px; line-height: 28px;

703

font-family: 'Zuume';

703

font-family: 'Zuume';

704

font-weight: 400;}

704

font-weight: 400;}

705

.bottom-startup .author-sec .bottom{ width: 100%; height: 100%;

705

.bottom-startup .author-sec .bottom{ width: 100%; height: 100%;

706

border-top: 0.8px solid #514DA7;

706

border-top: 0.8px solid #514DA7;

707

display: block;

707

display: block;

708

float: left;

708

float: left;

709

padding: 0px 10px 0px 10px;

709

padding: 0px 10px 0px 10px;

710

height: 72px;}

710

height: 72px;}

711

.bottom-startup .author-sec .bottom .left{ width: 40%; display: block; float: left; height: 100%; border-right: 0.8px solid #514DA7; padding-top: 20px;}

711

.bottom-startup .author-sec .bottom .left{ width: 40%; display: block; float: left; height: 100%; border-right: 0.8px solid #514DA7; padding-top: 20px;}

712

.bottom-startup .author-sec .bottom .right{ width: 60%; display: block; float: left; padding-top: 20px; padding-left: 10px;}

712

.bottom-startup .author-sec .bottom .right{ width: 60%; display: block; float: left; padding-top: 20px; padding-left: 10px;}

713

.bottom-startup .author-sec .bottom span{ font-size: 12px; line-height: 13px; font-weight: 500; width: 100%; display: block; display: block;}

713

.bottom-startup .author-sec .bottom span{ font-size: 12px; line-height: 13px; font-weight: 500; width: 100%; display: block; display: block;}

714

.bottom-startup .author-sec .bottom .dt{ font-size: 25px; line-height: 28px;

714

.bottom-startup .author-sec .bottom .dt{ font-size: 25px; line-height: 28px;

715

font-family: 'Zuume';

715

font-family: 'Zuume';

716

font-weight: 400;}

716

font-weight: 400;}

717

.bottom-startup .author-sec.info{ width: 90px;}

717

.bottom-startup .author-sec.info{ width: 90px;}

718

.bottom-startup .author-sec.info .bt-brd{ border-top: 0.8px solid #514DA7; }

718

.bottom-startup .author-sec.info .bt-brd{ border-top: 0.8px solid #514DA7; }

719

.bottom-startup .u-img-info{ display: block; float: left; width: 135px; height: 100%; border-right: 0.8px solid #514DA7;}

719

.bottom-startup .u-img-info{ display: block; float: left; width: 135px; height: 100%; border-right: 0.8px solid #514DA7;}

720

.bottom-startup .u-img-info img{ width: 103px; display: block; margin: 0 auto; margin-top: 22px;}

720

.bottom-startup .u-img-info img{ width: 103px; display: block; margin: 0 auto; margin-top: 22px;}

721

.bottom-startup .start{ width: 86px; display: block; float: left; background-color: #fff; height: 100%; padding-top: 48px;}

721

.bottom-startup .start{ width: 86px; display: block; float: left; background-color: #fff; height: 100%; padding-top: 48px;}

722

.bottom-startup .start a span{ font-size: 12px; line-height: 14px;letter-spacing:2px; font-weight: 600; text-align: center; width: 100%; display: block; float: left; text-transform: uppercase; color: #514DA7;}

722

.bottom-startup .start a span{ font-size: 12px; line-height: 14px;letter-spacing:2px; font-weight: 600; text-align: center; width: 100%; display: block; float: left; text-transform: uppercase; color: #514DA7;}

723

.bottom-startup .start a img{ width: 24px;

723

.bottom-startup .start a img{ width: 24px;

724

display: block;

724

display: block;

725

margin: 0 auto;

725

margin: 0 auto;

726

margin-bottom: 10px;}

726

margin-bottom: 10px;}

727

728

/* compare */

728

/* compare */

729

.compare-c{ width: 475px;

729

.compare-c{ width: 475px;

730

display: block;

730

display: block;

731

margin: 0 auto;

731

margin: 0 auto;

732

bottom: 50%;

732

bottom: 50%;

733

position: absolute;

733

position: absolute;

734

left: 0;

734

left: 0;

735

right: 0;

735

right: 0;

736

z-index: 2;}

736

z-index: 2;}

737

.compare-c .logo-1{ width: 200px; display: block; float: left;}

737

.compare-c .logo-1{ width: 200px; display: block; float: left;}

738

.compare-c .vs{ width: 75px; display: block; float: left; font-size: 12px; line-height: 15px; font-weight: 700; color: #EF484F; text-align: center;

738

.compare-c .vs{ width: 75px; display: block; float: left; font-size: 12px; line-height: 15px; font-weight: 700; color: #EF484F; text-align: center;

739

margin-top: 25px;}

739

margin-top: 25px;}

740

.compare-c .logo-2{ width: 200px; display: block; float: left;}

740

.compare-c .logo-2{ width: 200px; display: block; float: left;}

741

.startup-wrp{ width: 100%;display: block; float: left; position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden;}

741

.startup-wrp{ width: 100%;display: block; float: left; position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden;}

742

.epi-bg{ position: absolute;

742

.epi-bg{ position: absolute;

743

bottom: -152px;

743

bottom: -152px;

744

left: 18%; width: 1920px;

744

left: 18%; width: 1920px;

745

z-index: 1;}

745

z-index: 1;}

746

/* intro startup */

746

/* intro startup */

747

.intro-startup{ width: 100%;display: block; float: left; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; }

747

.intro-startup{ width: 100%;display: block; float: left; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; }

748

.intro-startup .footer-nav{ width: 100%; display: block; float: left; position: absolute; bottom: 0; height: 80px; }

748

.intro-startup .footer-nav{ width: 100%; display: block; float: left; position: absolute; bottom: 0; height: 80px; }

749

.intro-startup .footer-bottom{ width: 100%; display: block; float: left; height: 5px;}

749

.intro-startup .footer-bottom{ width: 100%; display: block; float: left; height: 5px;}

750

.intro-startup .footer-bottom ul{ display: block; list-style-type: none; margin: 0px; padding:0px; }

750

.intro-startup .footer-bottom ul{ display: block; list-style-type: none; margin: 0px; padding:0px; }

751

.intro-startup .footer-bottom ul li{ height: 5px;

751

.intro-startup .footer-bottom ul li{ height: 5px;

752

display: block;

752

display: block;

753

float: left;

753

float: left;

754

width: 49%;

754

width: 49%;

755

background: #fff;}

755

background: #fff;}

756

.intro-startup .footer-top{ width: 100%; display: block; float: left; padding: 0 50px; height: 75px;}

756

.intro-startup .footer-top{ width: 100%; display: block; float: left; padding: 0 50px; height: 75px;}

757

.intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; }

757

.intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; }

758

.intro-startup .footer-top .top-intro-bt li{display: block; float: left;}

758

.intro-startup .footer-top .top-intro-bt li{display: block; float: left;}

759

.intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;}

759

.intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;}

760

.intro-startup .footer-top .top-intro-bt li a{ height: 30px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 15px; padding: 6px 10px; display: block; float: left;}

760

.intro-startup .footer-top .top-intro-bt li a{ height: 30px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 15px; padding: 6px 10px; display: block; float: left;}

761

.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 3px; margin-right: 4px;}

761

.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 3px; margin-right: 4px;}

762

.intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;}

762

.intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;}

763

.smasung-g-10wrp{ width: 404px; display: block; height: 838px; position: absolute; background-image:url('../images/Samsung-Galaxy-S10.svg'); background-repeat: no-repeat; left: 0;

763

.smasung-g-10wrp{ width: 404px; display: block; height: 838px; position: absolute; background-image:url('../images/Samsung-Galaxy-S10.svg'); background-repeat: no-repeat; left: 0;

764

right: 0;

764

right: 0;

765

margin: 0 auto;

765

margin: 0 auto;

766

bottom: 0;

766

bottom: 0;

767

top: unset;

767

top: unset;

768

background-position: bottom;}

768

background-position: bottom;}

769

.samsung-compare-c{ width: 211px;

769

.samsung-compare-c{ width: 211px;

770

display: block;

770

display: block;

771

margin: 0 auto;

771

margin: 0 auto;

772

position: absolute;

772

position: absolute;

773

bottom: 25%;

773

bottom: 25%;

774

left: 0;

774

left: 0;

775

right: 0;}

775

right: 0;}

776

.samsung-compare-c img{ width: 100%;}

776

.samsung-compare-c img{ width: 100%;}

777

.samsung-compare-c .vs{ width: 100%; display: block; float: left; text-align:center; color: #EF484F; font-size: 12px; line-height: 15px; font-weight: 700; margin: 27px 0 14px 0;}

777

.samsung-compare-c .vs{ width: 100%; display: block; float: left; text-align:center; color: #EF484F; font-size: 12px; line-height: 15px; font-weight: 700; margin: 27px 0 14px 0;}

778

779

/* comment wrapper */

779

/* comment wrapper */

780

.smasung-g-10wrp .comment-box{ width: 428px;

780

.smasung-g-10wrp .comment-box{ width: 428px;

781

display: block;

781

display: block;

782

float: left; right: -394px;

782

float: left; right: -394px;

783

position: absolute;

783

position: absolute;

784

bottom: 50px;}

784

bottom: 50px;}

785

.comment-box-s-1{ width: 100%; display: block; background: #FFFFFF; float: left;

785

.comment-box-s-1{ width: 100%; display: block; background: #FFFFFF; float: left;

786

border: 1px solid #201E6A;

786

border: 1px solid #201E6A;

787

box-sizing: border-box;

787

box-sizing: border-box;

788

box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.0975743);

788

box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.0975743);

789

border-radius: 25px 25px 0px 25px; margin-bottom: 15px;}

789

border-radius: 25px 25px 0px 25px; margin-bottom: 15px;}

790

.comment-box-s-1 p{font-size: 21px; opacity: 0.9; line-height: 28px; font-weight: 500; color: #332B3C; width: 100%; float: left; display: block; margin: 0px; padding: 15px;}

790

.comment-box-s-1 p{font-size: 21px; opacity: 0.9; line-height: 28px; font-weight: 500; color: #332B3C; width: 100%; float: left; display: block; margin: 0px; padding: 15px;}

791

.comment-box-s-1 .footer{background: #F7F9FB;

791

.comment-box-s-1 .footer{background: #F7F9FB;

792

border-top: 1px solid #000000; display: block; float: left; width: 100%; padding: 15px;

792

border-top: 1px solid #000000; display: block; float: left; width: 100%; padding: 15px;

793

box-sizing: border-box;

793

box-sizing: border-box;

794

border-radius: 0px 0px 0px 25px;}

794

border-radius: 0px 0px 0px 25px;}

795

.comment-box-s-1 .footer a{color: #514DA7; font-weight: 700; margin-top:3px; font-size: 15px; line-height: 18px; text-transform: uppercase; float: left;}

795

.comment-box-s-1 .footer a{color: #514DA7; font-weight: 700; margin-top:3px; font-size: 15px; line-height: 18px; text-transform: uppercase; float: left;}

796

.comment-box-s-1 .footer img{ width: 25px; display: block; float: left; margin-right: 12px;}

796

.comment-box-s-1 .footer img{ width: 25px; display: block; float: left; margin-right: 12px;}

797

.key-arrow{ width: 50px; float: left; margin-top:5px;}

797

.key-arrow{ width: 50px; float: left; margin-top:5px;}

798

.comment-w-397{ width: 397px; float: right;}

798

.comment-w-397{ width: 397px; float: right;}

799

.comment-box .user-photo{ width: 200px; display: block; float: right;}

799

.comment-box .user-photo{ width: 200px; display: block; float: right;}

800

.spot-light-top{ width: 927px;

800

.spot-light-top{ width: 927px;

801

height: 100%; position: absolute;

801

height: 100%; position: absolute;

802

top: 0px;

802

top: 0px;

803

overflow: hidden;

803

overflow: hidden;

804

left: -350px;

804

left: -350px;

805

right: 0;

805

right: 0;

806

margin: 0 auto; }

806

margin: 0 auto; }

807

.app-discovery{ width: 628px; height: 455px;background: rgba(255, 255, 255, 0.5);

807

.app-discovery{ width: 628px; height: 455px;background: rgba(255, 255, 255, 0.5);

808

border: 1px solid #000000;

808

border: 1px solid #000000;

809

box-sizing: border-box; position: absolute; right: 0px; top: 198px;}

809

box-sizing: border-box; position: absolute; right: 0px; top: 198px;}

810

.app-discovery .top-user{ width: 135px; height: 135px;background: #FFFFFF; border: 1px solid #000000; box-sizing: border-box; border-radius: 100px; margin: 0 auto;

810

.app-discovery .top-user{ width: 135px; height: 135px;background: #FFFFFF; border: 1px solid #000000; box-sizing: border-box; border-radius: 100px; margin: 0 auto;

811

margin-top: -63px;}

811

margin-top: -63px;}

812

.app-discovery .top-user img{ width:57px; display: block; margin:0 auto; margin-top: 45px;}

812

.app-discovery .top-user img{ width:57px; display: block; margin:0 auto; margin-top: 45px;}

813

.app-discovery h1{font-size: 60px;

813

.app-discovery h1{font-size: 60px;

814

font-family: 'Zuume'; margin-top: 136px;

814

font-family: 'Zuume'; margin-top: 136px;

815

font-weight: 400;

815

font-weight: 400;

816

line-height: 66px; width: 100%; display: block; text-align: center;

816

line-height: 66px; width: 100%; display: block; text-align: center;

817

color: #000;}

817

color: #000;}

818

.app-discovery h2{font-size: 60px;

818

.app-discovery h2{font-size: 60px;

819

font-family: 'Zuume';

819

font-family: 'Zuume';

820

font-weight: 300;

820

font-weight: 300;

821

line-height: 66px; width: 100%; display: block; text-align: center;

821

line-height: 66px; width: 100%; display: block; text-align: center;

822

color: #000;}

822

color: #000;}

823

.discovery-app-img{ width: 200px; display: block; position: absolute; right: 0; bottom: 0;}

823

.discovery-app-img{ width: 200px; display: block; position: absolute; right: 0; bottom: 0;}

824

.popcorn-set{ position: absolute; width: 120px; display: block; right: 440px; bottom: 0;}

824

.popcorn-set{ position: absolute; width: 120px; display: block; right: 440px; bottom: 0;}

825

.app-discovery-bg{background-image:url('../images/Union.svg'); background-position: bottom; background-repeat: no-repeat; }

825

.app-discovery-bg{background-image:url('../images/Union.svg'); background-position: bottom; background-repeat: no-repeat; }

826

.intro-startup .footer-bottom ul li.active{ background: #514DA7;}

826

.intro-startup .footer-bottom ul li.active{ background: #514DA7;}

827

.ft-comments-group{display: block;

827

.ft-comments-group{display: block;

828

float: left;

828

float: left;

829

padding-top: 23px; width: 100%;

829

padding-top: 23px; width: 100%;

830

height: 100%; padding-right: 15px;

830

height: 100%; padding-right: 15px;

831

}

831

}

832

.ft-comments-group .count-comments{ font-size: 12px; line-height: 14px; font-weight: 700;color: #000000; float: left; margin-right: 15px; margin-top:8px ;}

832

.ft-comments-group .count-comments{ font-size: 12px; line-height: 14px; font-weight: 700;color: #000000; float: left; margin-right: 15px; margin-top:8px ;}

833

.ft-comments-group .comments-photos{ display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}

833

.ft-comments-group .comments-photos{ display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}

834

.ft-comments-group .comments-photos li{ display: block; float: left; margin-left: -8px;}

834

.ft-comments-group .comments-photos li{ display: block; float: left; margin-left: -8px;}

835

.ft-comments-group .comments-detail{display: block; float: left; width: 100%; padding-right: 30px; }

835

.ft-comments-group .comments-detail{display: block; float: left; width: 100%; padding-right: 30px; }

836

.ft-comments-group .comments-detail span{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; width: 100%; display: block; float: left;}

836

.ft-comments-group .comments-detail span{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; width: 100%; display: block; float: left;}

837

.ft-comments-group .comments-detail p{ margin-top: 2px;

837

.ft-comments-group .comments-detail p{ margin-top: 2px;

838

font-size: 12px;

838

font-size: 12px;

839

line-height: 14px;

839

line-height: 14px;

840

font-weight: 400;

840

font-weight: 400;

841

color: #000000;

841

color: #000000;

842

margin-bottom: 0px;

842

margin-bottom: 0px;

843

width: 100%;

843

width: 100%;

844

display: block;

844

display: block;

845

float: left;}

845

float: left;}

846

.ft-comments-group .comments-detail span a{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; display: block; float: right;}

846

.ft-comments-group .comments-detail span a{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; display: block; float: right;}

847

.white-bg{ background-color: #fff;}

847

.white-bg{ background-color: #fff;}

848

.comment-frm{ display: block; float: right; width: 100%; margin-top: 25px;}

848

.comment-frm{ display: block; float: right; width: 100%; margin-top: 25px;}

849

.comment-frm .frm-wdth{ width: 100%; display: block; float: left; }

849

.comment-frm .frm-wdth{ width: 100%; display: block; float: left; }

850

.comment-frm .frm-wdth input{border-bottom: 1px solid #514DA7 !important; border:0px; border-radius: 0px; padding: 10px 0px; }

850

.comment-frm .frm-wdth input{border-bottom: 1px solid #514DA7 !important; border:0px; border-radius: 0px; padding: 10px 0px; }

851

.comment-frm .frm-wdth input::-webkit-input-placeholder { /* Edge */

851

.comment-frm .frm-wdth input::-webkit-input-placeholder { /* Edge */

852

color: #514DA7; font-size: 12px; line-height: 14px;

852

color: #514DA7; font-size: 12px; line-height: 14px;

853

}

853

}

854

855

.comment-frm .frm-wdth input:-ms-input-placeholder { /* Internet Explorer 10-11 */

855

.comment-frm .frm-wdth input:-ms-input-placeholder { /* Internet Explorer 10-11 */

856

color: #514DA7; font-size: 12px; line-height: 14px;

856

color: #514DA7; font-size: 12px; line-height: 14px;

857

}

857

}

858

859

.comment-frm .frm-wdth input::placeholder {

859

.comment-frm .frm-wdth input::placeholder {

860

color: #514DA7; font-size: 12px; line-height: 14px;

860

color: #514DA7; font-size: 12px; line-height: 14px;

861

}

861

}

862

.comment-frm .add-comment{background: #514DA7;

862

.comment-frm .add-comment{background: #514DA7;

863

border-radius: 5px;

863

border-radius: 5px;

864

font-size: 13px;

864

font-size: 13px;

865

line-height: 29px;

865

line-height: 29px;

866

color: #fff;

866

color: #fff;

867

padding: 5px 10px;

867

padding: 5px 10px;

868

display: block;

868

display: block;

869

width:111px;

869

width:111px;

870

float: right; text-align: center;

870

float: right; text-align: center;

871

height: 39px;

871

height: 39px;

872

}

872

}

873

.comment-frm .add-comment img{ width: 14px;

873

.comment-frm .add-comment img{ width: 14px;

874

875

}

875

}

876

.single-author-comments{ width: 1000px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 100%;}

876

.single-author-comments{ width: 1000px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 100%;}

877

.s-user-comments { display: block; position: absolute; bottom: 37px; width: 400px;}

877

.s-user-comments { display: block; position: absolute; bottom: 37px; width: 400px;}

878

.single-author-li-comments{ width: 100%; display: block; float: left;}

878

.single-author-li-comments{ width: 100%; display: block; float: left;}

879

.a-intro-comments{background: #FFFFFF; width: 100%; padding: 15px; float: left; margin-bottom: 15px; position: relative;

879

.a-intro-comments{background: #FFFFFF; width: 100%; padding: 15px; float: left; margin-bottom: 15px; position: relative;

880

border: 1px solid #201E6A;

880

border: 1px solid #201E6A;

881

box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.0975743);

881

box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.0975743);

882

border-radius: 25px 25px 25px 0px; }

882

border-radius: 25px 25px 25px 0px; }

883

.a-intro-comments p{ width: 100%; display: block; float: left; margin: 0px; font-size: 18px; line-height: 25px; font-weight: 400; color: #000000;}

883

.a-intro-comments p{ width: 100%; display: block; float: left; margin: 0px; font-size: 18px; line-height: 25px; font-weight: 400; color: #000000;}

884

.rly-comment-set{ display: block; list-style-type: none; margin: 5px 0 0 0;padding:0px; float: left;}

884

.rly-comment-set{ display: block; list-style-type: none; margin: 5px 0 0 0;padding:0px; float: left;}

885

.rly-comment-set li{ float: left; margin-right: 15px;}

885

.rly-comment-set li{ float: left; margin-right: 15px;}

886

.rly-comment-set li a{ font-size: 12px; line-height: 28px; font-weight: 500; color: #514DA7;float: left;}

886

.rly-comment-set li a{ font-size: 12px; line-height: 28px; font-weight: 500; color: #514DA7;float: left;}

887

.rly-comment-set li img{ width: 13px;

887

.rly-comment-set li img{ width: 13px;

888

float: left;

888

float: left;

889

display: block;

889

display: block;

890

margin-top: 8px;

890

margin-top: 8px;

891

margin-right: 6px;}

891

margin-right: 6px;}

892

.comments-a-wrp{ width: 629px;

892

.comments-a-wrp{ width: 629px;

893

display: block;

893

display: block;

894

float: right;

894

float: right;

895

position: absolute;

895

position: absolute;

896

bottom: 160px;

896

bottom: 160px;

897

right: 0;}

897

right: 0;}

898

/* thnaks Wrapper */

898

/* thnaks Wrapper */

899

.thanks-wrapper{ width: 1180px; display: block; position: absolute; margin: 0 auto; bottom: 0; left: 0; right: 0;}

899

.thanks-wrapper{ width: 1180px; display: block; position: absolute; margin: 0 auto; bottom: 0; left: 0; right: 0;}

900

.thanks-l-wrp{ display: block; float: left; width: 504px; margin-bottom: 90px; position: relative; }

900

.thanks-l-wrp{ display: block; float: left; width: 504px; margin-bottom: 90px; position: relative; }

901

.thanks-img{ width: 306px; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: -271px;}

901

.thanks-img{ width: 306px; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: -271px;}

902

.thanks-pay-wrp{ width: 100%; display: block; height: 334px; float: left;border: 2px solid #06034C;

902

.thanks-pay-wrp{ width: 100%; display: block; height: 334px; float: left;border: 2px solid #06034C;

903

box-sizing: border-box;

903

box-sizing: border-box;

904

border-radius: 15px; position: relative;

904

border-radius: 15px; position: relative;

905

z-index: 2;}

905

z-index: 2;}

906

.thanks-pay-wrp .blacktext-wrp{background: #000000; border-radius: 5px; padding:10px 15px; width: 370px;

906

.thanks-pay-wrp .blacktext-wrp{background: #000000; border-radius: 5px; padding:10px 15px; width: 370px;

907

margin: 0 auto; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 26px; line-height: 31px; color: #fff; text-align: center;}

907

margin: 0 auto; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 26px; line-height: 31px; color: #fff; text-align: center;}

908

.thanks-pay-wrp .blacktext-wrp img{ width: 24px; margin-top: -10px;}

908

.thanks-pay-wrp .blacktext-wrp img{ width: 24px; margin-top: -10px;}

909

.thanks-pay-wrp ul{ display: block;

909

.thanks-pay-wrp ul{ display: block;

910

margin-top: 50px;

910

margin-top: 50px;

911

margin: 32px 0 0 67px;

911

margin: 32px 0 0 67px;

912

padding: 0px;

912

padding: 0px;

913

list-style-type: none;

913

list-style-type: none;

914

width: 370px;

914

width: 370px;

915

float: left;}

915

float: left;}

916

.thanks-pay-wrp ul li{ float: left; width: 72px;}

916

.thanks-pay-wrp ul li{ float: left; width: 72px;}

917

.thanks-pay-wrp ul li a{ width: 100%; display:block; float: left;}

917

.thanks-pay-wrp ul li a{ width: 100%; display:block; float: left;}

918

.thanks-pay-wrp ul li a img{ display: block; float: left; width: 100%;}

918

.thanks-pay-wrp ul li a img{ display: block; float: left; width: 100%;}

919

.thanks-pay-wrp ul li a span img{ width: 8px;

919

.thanks-pay-wrp ul li a span img{ width: 8px;

920

display: block;

920

display: block;

921

float: left;

921

float: left;

922

margin-left: 3px;

922

margin-left: 3px;

923

margin-top: 4px;

923

margin-top: 4px;

924

margin-right: 5px;}

924

margin-right: 5px;}

925

.thanks-pay-wrp ul li a span{ font-size: 10px;

925

.thanks-pay-wrp ul li a span{ font-size: 10px;

926

line-height: 13px;

926

line-height: 13px;

927

color: #06034C;

927

color: #06034C;

928

width: 100%;

928

width: 100%;

929

display: block;

929

display: block;

930

float: left;

930

float: left;

931

margin-top: 4px;}

931

margin-top: 4px;}

932

.payments-spc-57{ margin:0 76px;}

932

.payments-spc-57{ margin:0 76px;}

933

.payment-spot-light-bt{ position: absolute; left: 0; width: 708px; bottom: -85px;}

933

.payment-spot-light-bt{ position: absolute; left: 0; width: 708px; bottom: -85px;}

934

.thanks-r-section{ width: 444px;

934

.thanks-r-section{ width: 444px;

935

display: block;

935

display: block;

936

float: right;

936

float: right;

937

position: absolute;

937

position: absolute;

938

right: 0;

938

right: 0;

939

bottom: 70px;}

939

bottom: 70px;}

940

.logo-common-wrp {

940

.logo-common-wrp {

941

width: 101px;

941

width: 101px;

942

display: block;

942

display: block;

943

margin: 0 auto;

943

margin: 0 auto;

944

}

944

}

945

.logo-common-wrp a{ width: 100%; display: block;}

945

.logo-common-wrp a{ width: 100%; display: block;}

946

.logo-common-wrp a span{ width: 100%; display: block; float: left; text-align: center; color: #514DA7; font-size: 13px; line-height: 25px; letter-spacing: -0.54px; font-weight: 400;}

946

.logo-common-wrp a span{ width: 100%; display: block; float: left; text-align: center; color: #514DA7; font-size: 13px; line-height: 25px; letter-spacing: -0.54px; font-weight: 400;}

947

.thanks-r-section p{ font-size: 18px; line-height: 25px; font-weight: 400; color: #000000; margin:15px 0 20px 0; width: 100%; display: block; float: left; text-align: center;}

947

.thanks-r-section p{ font-size: 18px; line-height: 25px; font-weight: 400; color: #000000; margin:15px 0 20px 0; width: 100%; display: block; float: left; text-align: center;}

948

.back-bt{ width: 200px; height: 54px; margin: 0 auto; position: relative; display: block; text-align: center; font-size: 18px; line-height: 54px; color: #000; background-color: #fff;}

948

.back-bt{ width: 200px; height: 54px; margin: 0 auto; position: relative; display: block; text-align: center; font-size: 18px; line-height: 54px; color: #000; background-color: #fff;}

949

.back-bt .s1{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

949

.back-bt .s1{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

950

left: -10px;

950

left: -10px;

951

top: -10px;}

951

top: -10px;}

952

.back-bt img{ width: 20px; margin-right: 5px;}

952

.back-bt img{ width: 20px; margin-right: 5px;}

953

.back-bt:hover{ text-decoration: none; color:#514DA7;}

953

.back-bt:hover{ text-decoration: none; color:#514DA7;}

954

.back-bt .s2{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

954

.back-bt .s2{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

955

left: -10px;

955

left: -10px;

956

bottom: -10px;}

956

bottom: -10px;}

957

.back-bt .s3{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

957

.back-bt .s3{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

958

right: -10px;

958

right: -10px;

959

bottom: -10px;}

959

bottom: -10px;}

960

.back-bt .s4{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

960

.back-bt .s4{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF; position: absolute;

961

right: -10px;

961

right: -10px;

962

top: -10px;}

962

top: -10px;}

963

.rating-section{ width: 100%; display: block; float: left; list-style-type: none; margin: 0; padding: 0px; border: 1px solid #000000;

963

.rating-section{ width: 100%; display: block; float: left; list-style-type: none; margin: 0; padding: 0px; border: 1px solid #000000;

964

box-sizing: border-box; margin-top: 25px;}

964

box-sizing: border-box; margin-top: 25px;}

965

.rating-section li{ width: 100%; display: block; float: left; padding: 15px;}

965

.rating-section li{ width: 100%; display: block; float: left; padding: 15px;}

966

.rating-section li p{ font-size: 14px; margin-top:0px ; line-height: 25px; color: #000000; width: 281px; float: left; text-align: left; display: block; margin-bottom: 0px;}

966

.rating-section li p{ font-size: 14px; margin-top:0px ; line-height: 25px; color: #000000; width: 281px; float: left; text-align: left; display: block; margin-bottom: 0px;}

967

.rating-section li .publish{width: 82px; height: 33px; background: #514DA7;

967

.rating-section li .publish{width: 82px; height: 33px; background: #514DA7;

968

border-radius: 5px; display: block; float: right; color:#fff; font-size: 14px; line-height: 33px; text-align: center; font-weight: 500;}

968

border-radius: 5px; display: block; float: right; color:#fff; font-size: 14px; line-height: 33px; text-align: center; font-weight: 500;}

969

.rating-section li p.wdth{ width: 154px;}

969

.rating-section li p.wdth{ width: 154px;}

970

.rating-list{ display: block; float: right;}

970

.rating-list{ display: block; float: right;}

971

.rating-list a{ width: 26px; display: block; float: left; margin-right: 10px;}

971

.rating-list a{ width: 26px; display: block; float: left; margin-right: 10px;}

972

.rating-section li:first-child{ border-bottom: 1px solid #000000;}

972

.rating-section li:first-child{ border-bottom: 1px solid #000000;}

973

.follow-us-py{width: 100%; display: block; float: left; padding:15px;}

973

.follow-us-py{width: 100%; display: block; float: left; padding:15px;}

974

.follow-us-py span{ font-size: 14px; line-height: 22px; font-weight: 500; font-style: normal;}

974

.follow-us-py span{ font-size: 14px; line-height: 22px; font-weight: 500; font-style: normal;}

975

.p-follows{ display: block; list-style-type: none; margin:0px; padding: 0px; float: right;}

975

.p-follows{ display: block; list-style-type: none; margin:0px; padding: 0px; float: right;}

976

.p-follows li{ width: 26px; display: block; float: left; margin-left:10px;}

976

.p-follows li{ width: 26px; display: block; float: left; margin-left:10px;}

977

.p-follows li a{ width: 100%; display: block; float: left;}

977

.p-follows li a{ width: 100%; display: block; float: left;}

978

.p-users{ width: 108%; display: block; float: left; margin-top: 40px;}

978

.p-users{ width: 108%; display: block; float: left; margin-top: 40px;}

979

.p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; }

979

.p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; }

980

.p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px; margin-bottom: -6px;}

980

.p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px; margin-bottom: -6px;}

981

/* single mobile */

981

/* single mobile */

982

.single-mobileInsight{ width: 441px; display: block; height: 910px;position: absolute; background-image:url('../images/s-mobile.svg'); background-repeat: no-repeat; left: 0;

982

.single-mobileInsight{ width: 441px; display: block; height: 910px;position: absolute; background-image:url('../images/s-mobile.svg'); background-repeat: no-repeat; left: 0;

983

right: 0;

983

right: 0;

984

margin: 0 auto;

984

margin: 0 auto;

985

bottom: 0;

985

bottom: 0;

986

top: unset;

986

top: unset;

987

background-position: bottom;}

987

background-position: bottom;}

988

.slide-img{ width: 402px;

988

.slide-img{ width: 402px;

989

position: absolute;

989

position: absolute;

990

bottom: 1px;

990

bottom: 1px;

991

left: 0;

991

left: 0;

992

right: 0;

992

right: 0;

993

margin: 0 auto;}

993

margin: 0 auto;}

994

995

.single-m-Insight-comments{ width: 423px; display: block; position: absolute;

995

.single-m-Insight-comments{ width: 423px; display: block; position: absolute;

996

top: 294px;

996

top: 294px;

997

right: -357px;}

997

right: -357px;}

998

.single-left-Insight-comments{position: absolute;

998

.single-left-Insight-comments{position: absolute;

999

width: 423px;

999

width: 423px;

1000

display: block;

1000

display: block;

1001

top: 183px;

1001

top: 183px;

1002

left: -332px;}

1002

left: -332px;}

1003

.author-thoughts{ width: 236px; display: block; float: left; margin-left: 70px;

1003

.author-thoughts{ width: 236px; display: block; float: left; margin-left: 70px;

1004

margin-bottom: -20px;}

1004

margin-bottom: -20px;}

1005

.custom-c-style{border-radius:0px 25px 25px 25px;}

1005

.custom-c-style{border-radius:0px 25px 25px 25px;}

1006

.mobile-screen-one{ width: 379px; display: block;height:726px;position: absolute; border: 1px solid #000000;

1006

.mobile-screen-one{ width: 379px; display: block;height:726px;position: absolute; border: 1px solid #000000;

1007

border-radius: 25px 25px 0 0;

1007

border-radius: 25px 25px 0 0;

1008

bottom: 0;

1008

bottom: 0;

1009

top: unset;

1009

top: unset;

1010

background-position: bottom;}

1010

background-position: bottom;}

1011

.m-screen{ width: 348px; display: block; position: absolute; left: 0px; right: 0px; margin: 0 auto; margin-top: 15px;}

1011

.m-screen{ width: 348px; display: block; position: absolute; left: 0px; right: 0px; margin: 0 auto; margin-top: 15px;}

1012

.m-screen-comments{ width: 370px;

1012

.m-screen-comments{ width: 370px;

1013

display: block;

1013

display: block;

1014

position: absolute;

1014

position: absolute;

1015

left: 0;

1015

left: 0;

1016

z-index: 1;

1016

z-index: 1;

1017

margin-left: -230px;

1017

margin-left: -230px;

1018

margin-top: 50px;}

1018

margin-top: 50px;}

1019

.user-photo-bottom{ width: 127px;display: block; position: absolute; bottom: 76px; left: -110px;}

1019

.user-photo-bottom{ width: 127px;display: block; position: absolute; bottom: 76px; left: -110px;}

1020

.p-left{ left: 0;}

1020

.p-left{ left: 0;}

1021

.p-right{ right: 0;}

1021

.p-right{ right: 0;}

1022

.allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 792px; height: 100%; bottom: 2px;}

1022

.allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 792px; height: 100%; bottom: 2px;}

1023

.m-screen-right {

1023

.m-screen-right {

1024

width: 370px;

1024

width: 370px;

1025

display: block;

1025

display: block;

1026

position: absolute;

1026

position: absolute;

1027

right: 0;

1027

right: 0;

1028

z-index: 1;

1028

z-index: 1;

1029

margin-right: -207px;

1029

margin-right: -207px;

1030

margin-top: 50px;

1030

margin-top: 50px;

1031

}

1031

}

1032

.user-photo-bottom-r{ width: 127px;display: block; position: absolute; right: -128px;

1032

.user-photo-bottom-r{ width: 127px;display: block; position: absolute; right: -128px;

1033

bottom: 125px;}

1033

bottom: 125px;}

1034

/* no comments */

1034

/* no comments */

1035

.no-comment-count{ width: 100%;}

1035

.no-comment-count{ width: 100%;}

1036

1037

1038

1039

.no-comments-img{ width: 40px; display: block; float: left;}

1039

.no-comments-img{ width: 40px; display: block; float: left;}

1040

.no-c-yet{ font-size: 12px !important; color: #000 !important; font-weight: 700 !important;}

1040

.no-c-yet{ font-size: 12px !important; color: #000 !important; font-weight: 700 !important;}

1041

.h-100p{ height: 100%;}

1041

.h-100p{ height: 100%;}

1042

.bord-r{ border-right: 1px solid #A8C2DC;}

1042

.bord-r{ border-right: 1px solid #A8C2DC;}

1043

.ft-comments-group .comments-detail{ position: absolute;

1043

.ft-comments-group .comments-detail{ position: absolute;

1044

padding-left: 50px;}

1044

padding-left: 50px;}

1045

.c-with-photos{ display: block; float: left; margin-left: -120px;}

1045

.c-with-photos{ display: block; float: left; margin-left: -120px;}

1046

.addfrm-spc{ padding-right: 50px;}

1046

.addfrm-spc{ padding-right: 50px;}

1047

.c-product-insight-wrp{ width: 350px;

1047

.c-product-insight-wrp{ width: 350px;

1048

display: block;

1048

display: block;

1049

float: right;

1049

float: right;

1050

position: absolute;

1050

position: absolute;

1051

top: unset;

1051

top: unset;

1052

bottom: 74px;

1052

bottom: 74px;

1053

right: -310px;}

1053

right: -310px;}

1054

.custom-selected-style{ border-radius:0px 25px 25px 25px;border: 1.09903px solid #EF484F;}

1054

.custom-selected-style{ border-radius:0px 25px 25px 25px;border: 1.09903px solid #EF484F;}

1055

.custom-selected-style .top-wrp{ width: 100%; display: block; float: left; color: #EF484F; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}

1055

.custom-selected-style .top-wrp{ width: 100%; display: block; float: left; color: #EF484F; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}

1056

.custom-selected-style .top-wrp a{ width: 20px; display: block; float: right;}

1056

.custom-selected-style .top-wrp a{ width: 20px; display: block; float: right;}

1057

.custom-selected-style .top-head{ font-size: 20px; line-height: 24px; font-weight: 700; margin:15px 0 15px 0; width: 100%; display: block; float: left;}

1057

.custom-selected-style .top-head{ font-size: 20px; line-height: 24px; font-weight: 700; margin:15px 0 15px 0; width: 100%; display: block; float: left;}

1058

.custom-selected-style .footer{ width: 100%; display: block; float: left; border-top: 1px solid #DFE7EF; margin-top: 20px; padding-top:15px ;}

1058

.custom-selected-style .footer{ width: 100%; display: block; float: left; border-top: 1px solid #DFE7EF; margin-top: 20px; padding-top:15px ;}

1059

.cit-16{ color: #EF484F; font-size: 12px; line-height: 14px; font-weight: 400;}

1059

.cit-16{ color: #EF484F; font-size: 12px; line-height: 14px; font-weight: 400;}

1060

.cit-16:hover{color: #EF484F;}

1060

.cit-16:hover{color: #EF484F;}

1061

.ft-share{color: #EF484F; font-size: 13px; line-height: 27px; font-weight: 400; display: block; float: right;}

1061

.ft-share{color: #EF484F; font-size: 13px; line-height: 27px; font-weight: 400; display: block; float: right;}

1062

.ft-share img{ width: 14px;

1062

.ft-share img{ width: 14px;

1063

display: block;

1063

display: block;

1064

float: left;

1064

float: left;

1065

margin: 8px 7px 0 0px;}

1065

margin: 8px 7px 0 0px;}

1066

.ft-share:hover{color: #EF484F;}

1066

.ft-share:hover{color: #EF484F;}

1067

.custom-selected-style .rect{ width: 25px; display: block; position: absolute;top: 0;

1067

.custom-selected-style .rect{ width: 25px; display: block; position: absolute;top: 0;

1068

left: 0;}

1068

left: 0;}

1069

/* single web screen */

1069

/* single web screen */

1070

.s-web-screen-wrp{background-image:url('../images/webscreen.svg'); background-repeat: no-repeat; width: 873px; height: 567px;position: absolute;

1070

.s-web-screen-wrp{background-image:url('../images/webscreen.svg'); background-repeat: no-repeat; width: 873px; height: 567px;position: absolute;

1071

left: 0;

1071

left: 0;

1072

right: 0; bottom: 210px;

1072

right: 0; bottom: 210px;

1073

margin: 0 auto;}

1073

margin: 0 auto;}

1074

.web-comment-spc{top: 63px;left: -206px;}

1074

.web-comment-spc{top: 63px;left: -206px;}

1075

.web-ps-insight-spc{ top: 130px;

1075

.web-ps-insight-spc{ top: 130px;

1076

right: -260px;}

1076

right: -260px;}

1077

1078

/* screen grab */

1078

/* screen grab */

1079

.screengrab-wrp{ width: 557px; height: 478px; display: block; position: absolute; left: 0px; right: 0px; margin: 0 auto; bottom: 210px;}

1079

.screengrab-wrp{ width: 557px; height: 478px; display: block; position: absolute; left: 0px; right: 0px; margin: 0 auto; bottom: 210px;}

1080

.screengrab-lspc{top: 113px;}

1080

.screengrab-lspc{top: 113px;}

1081

.screengrab-rspc{top: 92px;right: -362px;}

1081

.screengrab-rspc{top: 92px;right: -362px;}

1082

.view-ticket-wrp-ps{ width: 302px;

1082

.view-ticket-wrp-ps{ width: 302px;

1083

position: absolute;

1083

position: absolute;

1084

z-index: 1;

1084

z-index: 1;

1085

right: -224px;

1085

right: -224px;

1086

top: 82px;}

1086

top: 82px;}

1087

.bc-transparent{ background-image: none !important; border: 0px;}

1087

.bc-transparent{ background-image: none !important; border: 0px;}

1088

.comments-left-without-bc{ margin-left: -286px; margin-top: 72px;}

1088

.comments-left-without-bc{ margin-left: -286px; margin-top: 72px;}

1089

.comments-right-without-bc{ right: -255px;}

1089

.comments-right-without-bc{ right: -255px;}

1090

.screenGrb-comments-wrp{width: 752px;}

1090

.screenGrb-comments-wrp{width: 752px;}

1091

.spc-grbscreen1{ margin-top: 40px;}

1091

.spc-grbscreen1{ margin-top: 40px;}

1092

/* two webscreen */

1092

/* two webscreen */

1093

.two-webscreen-insight{ width: 482px; display: block; height: 725px;position: absolute; background-image:url('../images/two-web-screen.svg'); background-repeat: no-repeat; left: 0;

1093

.two-webscreen-insight{ width: 482px; display: block; height: 725px;position: absolute; background-image:url('../images/two-web-screen.svg'); background-repeat: no-repeat; left: 0;

1094

right: 0;

1094

right: 0;

1095

margin: 0 auto;

1095

margin: 0 auto;

1096

bottom: 0;

1096

bottom: 0;

1097

top: unset;

1097

top: unset;

1098

background-position: top;}

1098

background-position: top;}

1099

.two-webs-l-spc{ margin-left: -342px;

1099

.two-webs-l-spc{ margin-left: -342px;

1100

margin-top: 37px;}

1100

margin-top: 37px;}

1101

.two-screen-user-photo-bottom {

1101

.two-screen-user-photo-bottom {

1102

width: 127px;

1102

width: 127px;

1103

display: block;

1103

display: block;

1104

position: absolute;

1104

position: absolute;

1105

bottom: 76px;

1105

bottom: 76px;

1106

left: -254px;

1106

left: -254px;

1107

}

1107

}

1108

.two-webscreen-r-insight {

1108

.two-webscreen-r-insight {

1109

width: 423px;

1109

width: 423px;

1110

display: block;

1110

display: block;

1111

position: absolute;

1111

position: absolute;

1112

top: 51px;

1112

top: 51px;

1113

right: 3px;

1113

right: 3px;

1114

}

1114

}

1115

.custom-selected-author-style {

1115

.custom-selected-author-style {

1116

border-radius: 0px 25px 25px 25px;

1116

border-radius: 0px 25px 25px 25px;

1117

border: 2px solid #F9CF35; position: relative;

1117

border: 2px solid #F9CF35; position: relative;

1118

}

1118

}

1119

.custom-selected-author-style .top-wrp{ width: 100%; display: block; float: left; color: #F9CF35; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}

1119

.custom-selected-author-style .top-wrp{ width: 100%; display: block; float: left; color: #F9CF35; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}

1120

.custom-selected-author-style .top-wrp a{ width: 20px; display: block; float: right;}

1120

.custom-selected-author-style .top-wrp a{ width: 20px; display: block; float: right;}

1121

.custom-selected-author-style .top-head{ font-size: 20px; line-height: 24px; font-weight: 700; margin:15px 0 15px 0; width: 100%; display: block; float: left;}

1121

.custom-selected-author-style .top-head{ font-size: 20px; line-height: 24px; font-weight: 700; margin:15px 0 15px 0; width: 100%; display: block; float: left;}

1122

.custom-selected-author-style .rect {

1122

.custom-selected-author-style .rect {

1123

width: 25px;

1123

width: 25px;

1124

display: block;

1124

display: block;

1125

position: absolute;

1125

position: absolute;

1126

top: 0;

1126

top: 0;

1127

left: 0;

1127

left: 0;

1128

}

1128

}

1129

.author-two{position: absolute; top: 240px; left: -363px; width: 428px;}

1129

.author-two{position: absolute; top: 240px; left: -363px; width: 428px;}

1130

.author-two .author-two-photo{ width: 200px; display: block;}

1130

.author-two .author-two-photo{ width: 200px; display: block;}

1131

.two-author-desktop{ width: 913px;

1131

.two-author-desktop{ width: 913px;

1132

display: block;

1132

display: block;

1133

height: 525px;

1133

height: 525px;

1134

position: absolute;

1134

position: absolute;

1135

background-image:url('../images/two-author-desktop.svg');

1135

background-image:url('../images/two-author-desktop.svg');

1136

background-repeat: no-repeat;

1136

background-repeat: no-repeat;

1137

left: 0;

1137

left: 0;

1138

right: 0;

1138

right: 0;

1139

margin: 0 auto;

1139

margin: 0 auto;

1140

bottom: 0;

1140

bottom: 0;

1141

top: unset;

1141

top: unset;

1142

background-position: bottom;}

1142

background-position: bottom;}

1143

.author-two-desktop{ position: absolute;

1143

.author-two-desktop{ position: absolute;

1144

top: -130px;

1144

top: -130px;

1145

left: -134px;

1145

left: -134px;

1146

width: 428px;}

1146

width: 428px;}

1147

.author-two-desktop .author-two-photo{ width: 200px; display: block;}

1147

.author-two-desktop .author-two-photo{ width: 200px; display: block;}

1148

.author-one-desktop{ position: absolute;

1148

.author-one-desktop{ position: absolute;

1149

top: -163px;

1149

top: -163px;

1150

right: -201px;

1150

right: -201px;

1151

width: 428px;}

1151

width: 428px;}

1152

.custom-2-author{ border-radius: 25px 25px 25px 0px;}

1152

.custom-2-author{ border-radius: 25px 25px 25px 0px;}

1153

.custom-2-author .footer { border-radius: 0px 0px 25px 0px;}

1153

.custom-2-author .footer { border-radius: 0px 0px 25px 0px;}

1154

.desktop-two-logo-spc{ bottom: 40%;}

1154

.desktop-two-logo-spc{ bottom: 40%;}

1155

.author-app-img{ bottom: 0px; left: 0px; width: 252px; position: absolute;}

1155

.author-app-img{ bottom: 0px; left: 0px; width: 252px; position: absolute;}

1156

.author-two-head-spc{ margin-top: 56px !important;}

1156

.author-two-head-spc{ margin-top: 56px !important;}

1157

.sign-wrp{ width: 100%; display: block; float: left;}

1157

.sign-wrp{ width: 100%; display: block; float: left;}

1158

.user-t-1{width: 50px; position: absolute;left: -70px; margin-top: -16px; }

1158

.user-t-1{width: 50px; position: absolute;left: -70px; margin-top: -16px; }

1159

.author2-thoughts{ width: 249px; display: block; margin: 0 auto; height: 213px;}

1159

.author2-thoughts{ width: 249px; display: block; margin: 0 auto; height: 213px;}

1160

.cust-user2-style{ border-radius:25px 0 25px 25px}

1160

.cust-user2-style{ border-radius:25px 0 25px 25px}

1161

.user-t-2{width: 50px; position: absolute;right: -70px; margin-top: -16px;}

1161

.user-t-2{width: 50px; position: absolute;right: -70px; margin-top: -16px;}

1162

.single-chat-c-left{left: -405px;}

1162

.single-chat-c-left{left: -405px;}

1163

.single-chat-c-right{top: 244px;right: -404px;}

1163

.single-chat-c-right{top: 244px;right: -404px;}

1164

.user-b-1{width: 50px; position: absolute;left: -70px; bottom: 0px;}

1164

.user-b-1{width: 50px; position: absolute;left: -70px; bottom: 0px;}

1165

.help-view-ticket-right{display: block;

1165

.help-view-ticket-right{display: block;

1166

float: right;

1166

float: right;

1167

right: -84px;

1167

right: -84px;

1168

position: absolute;

1168

position: absolute;

1169

z-index: 1;

1169

z-index: 1;

1170

top: 51px;

1170

top: 51px;

1171

width: 423px;}

1171

width: 423px;}

1172

.two-author-comments{ width: 400px; display: block; position: absolute; left: 0px; right: 0px; bottom: 182px; margin: 0 auto;}

1172

.two-author-comments{ width: 400px; display: block; position: absolute; left: 0px; right: 0px; bottom: 182px; margin: 0 auto;}

1173

.two-author-all-comments{width: 100%; display: block; float:left;}

1173

.two-author-all-comments{width: 100%; display: block; float:left;}

1174

.all-c-user-b-r{width: 50px; position: absolute;right: -70px; bottom: 0px;}

1174

.all-c-user-b-r{width: 50px; position: absolute;right: -70px; bottom: 0px;}

1175

.all-c-style{ border-radius:25px 25px 0px 25px; margin-left: 50px;}

1175

.all-c-style{ border-radius:25px 25px 0px 25px; margin-left: 50px;}

1176

.a2-set{ width: 282px;

1176

.a2-set{ width: 282px;

1177

height: 258px;

1177

height: 258px;

1178

position: absolute;

1178

position: absolute;

1179

left: -370px;

1179

left: -370px;

1180

bottom: -50px;}

1180

bottom: -50px;}

1181

.a2true-set{ width: 268px;

1181

.a2true-set{ width: 268px;

1182

height: 319px;

1182

height: 319px;

1183

position: absolute;

1183

position: absolute;

1184

right: -440px;

1184

right: -440px;

1185

bottom: -103px;}

1185

bottom: -103px;}

1186

.add_comments-spc_r{ bottom: unset !important; top: 280px !important;}

1186

.add_comments-spc_r{ bottom: unset !important; top: 280px !important;}

1187

.add-comments-bt img{ width: 15px; display: block; float: left; margin-right: 5px; margin-top: -3px; }

1187

.add-comments-bt img{ width: 15px; display: block; float: left; margin-right: 5px; margin-top: -3px; }

1188

.add-comments-bt{ font-size: 10px; margin-right: 15px; margin-top: 20px; line-height: 8px; font-weight: 400; color:#000; display: block;

1188

.add-comments-bt{ font-size: 10px; margin-right: 15px; margin-top: 20px; line-height: 8px; font-weight: 400; color:#000; display: block;

1189

float: right;}

1189

float: right;}

1190

.bounce-board-wrp{ width: 460px; display: block; position: fixed; height: 100%; background-color: #fff; right: 0; top: 0px; z-index: 50;}

1190

.bounce-board-wrp{ width: 460px; display: block; position: fixed; height: 100%; background-color: #fff; right: 0; top: 0px; z-index: 50;}

1191

.bounce-board-wrp .inner-wrp-bc{ width: 411px; display: block; margin:0 auto; height: 100%;}

1191

.bounce-board-wrp .inner-wrp-bc{ width: 411px; display: block; margin:0 auto; height: 100%;}

1192

.bounce-board-wrp .inner-wrp-bc .bc-top-head{border-bottom: 1px solid #DFE7EF; width: 100%; padding:15px 0; display: block; float: left; font-size: 19px; font-weight: 700; line-height: 22px;}

1192

.bounce-board-wrp .inner-wrp-bc .bc-top-head{border-bottom: 1px solid #DFE7EF; width: 100%; padding:15px 0; display: block; float: left; font-size: 19px; font-weight: 700; line-height: 22px;}

1193

.bounce-board-wrp .inner-wrp-bc .bc-top-head .bc-head img{ width: 27px; display: block; float: left; margin-right: 10px; margin-top: 9px;}

1193

.bounce-board-wrp .inner-wrp-bc .bc-top-head .bc-head img{ width: 27px; display: block; float: left; margin-right: 10px; margin-top: 9px;}

1194

.bounce-board-wrp .inner-wrp-bc .bc-top-head .bc-head{ display: block; float: left;}

1194

.bounce-board-wrp .inner-wrp-bc .bc-top-head .bc-head{ display: block; float: left;}

1195

.bounce-board-wrp .inner-wrp-bc .bc-top-head .action-sort{ display: block; float: right;}

1195

.bounce-board-wrp .inner-wrp-bc .bc-top-head .action-sort{ display: block; float: right;}

1196

.bc-sort-list{ font-weight: 700; font-size: 14px; line-height: 12px; color: #000; background: transparent; border: 0px;}

1196

.bc-sort-list{ font-weight: 700; font-size: 14px; line-height: 12px; color: #000; background: transparent; border: 0px;}

1197

.sort-by{ font-size: 14px; line-height: 18px; color: #000; opacity: 0.5; }

1197

.sort-by{ font-size: 14px; line-height: 18px; color: #000; opacity: 0.5; }

1198

.bounce-board-body{ width: 100%; display: block; float: left; height: 100%;}

1198

.bounce-board-body{ width: 100%; display: block; float: left; height: 100%;}

1199

.bounce-board-body .bc-empty{ color: #000; font-size: 26px; line-height: 49px; font-weight: 700; opacity: 0.5; margin-top: 100%; text-align: center;}

1199

.bounce-board-body .bc-empty{ color: #000; font-size: 26px; line-height: 49px; font-weight: 700; opacity: 0.5; margin-top: 100%; text-align: center;}

1200

.common_color{ background: #FFF6D7; border-radius: 100px;}

1200

.common_color{ background:transparent; border-radius: 100px;}

1201

.user-photo{width: 109px;

1201

.user-photo{width: 109px;

1202

display: block;

1202

display: block;

1203

float: left;}

1203

float: left;}

1204

.cat-minus{ right: -11px !important;

1204

.cat-minus{ right: -11px !important;

1205

margin-left: unset !important;}

1205

margin-left: unset !important;}

1206

.mt-50{ margin-top: 50px;}

1206

.mt-50{ margin-top: 50px;}

1207

.sub-menu-user{ width: 150px;

1207

.sub-menu-user{ width: 150px;

1208

display: block;

1208

display: block;

1209

position: absolute;

1209

position: absolute;

1210

background: #fff;

1210

background: #fff;

1211

right: 0px;

1211

right: 0px;

1212

border: 1px solid #eaeaea;

1212

border: 1px solid #eaeaea;

1213

border-radius: 5px;

1213

border-radius: 5px;

1214

padding: 5px;

1214

padding: 5px;

1215

-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);

1215

-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);

1216

-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);

1216

-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);

1217

box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);

1217

box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);

1218

}

1218

}

1219

.sub-menu-user ul{ list-style-type: none; margin:0px; padding:0px; }

1219

.sub-menu-user ul{ list-style-type: none; margin:0px; padding:0px; }

1220

.sub-menu-user ul li{ margin-right: 0px; font-size: 13px; text-align: right; padding:5px 10px; border-bottom:1px solid #eaeaea;}

1220

.sub-menu-user ul li{ margin-right: 0px; font-size: 13px; text-align: right; padding:5px 10px; border-bottom:1px solid #eaeaea;}

1221

.sub-menu-user ul li:last-child{ border-bottom: 0px;}

1221

.sub-menu-user ul li:last-child{ border-bottom: 0px;}

1222

.sub-menu-user ul li a:hover{color:#514DA7;}

1222

.sub-menu-user ul li a:hover{color:#514DA7;}

GITLAB

viithiisys / spotlight-frontend

close dialog