Blame view

frontend/web/css/custom.css 2.94 KB
298bc0f4   Alexey Boroda   first commit
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
  /* your styles go here */
  #footer{
  	padding: 20px 0;
  }
  #get-it{
      padding: 30px 0 10px;
  }
  
  figure.reviews_gallery {
      width: 33.333%;
      float: left;
      padding: 10px;
  }
  .reviews_gallery img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
  }
  .reviews_gallery:last-child img{
      margin-bottom:60px;
  }
  .my-gallery{
  	position:relative;
  }
  .my-gallery:after {
      content: '';
      display: block;
      position: relative;
      clear: both;
      margin-bottom: 25px;
  }
  .my-gallery a {
      width: 100%;
      overflow: hidden;
      display: block;
      height: 0;
      padding-bottom: 60%;
      position: relative;
  }
  .testimonials .item .testimonial .name-picture {
      float: right;
      width: 90%;
      text-align: right;
  }
  .testimonials .item .testimonial .bottom .icon {
      color: #6aae7a;
      font-size: 20px;
      float: left;
      width: 10%;
  }
  .testimonials .item .testimonial .name-picture img{
  	margin-bottom:10px;
  }
  @media ( max-width: 690px ) {
      figure.reviews_gallery{
          width:50%;
      }
  }
  @media ( max-width: 380px ) {
      figure.reviews_gallery{
          width:100%;
      }
  }
  ul.list-style-none{
  	margin:0;padding:0;
  }
  .articles-flex{
      display: flex;
      flex-wrap: wrap;
  }
  .articles-flex .box-image-text{
      height: 100%;
      margin-bottom: 30px;
  }
  .articles-flex p.read-more {
      position: absolute;
      bottom: 10px;
      width: 100%;
  }
  
  /****/
  .main-car-mobile .img-responsive{
      width:100%;
      max-width:350px;
      margin:0 auto;
      text-align: center;
  }
  
  .main-car-mobile ul, .main-car-mobile p{
      font-weight:400!important;
      font-size: 12px;
  }
  .main-car-mobile ul li{
      margin-bottom: 5px;
  }
  
  @media(max-width:515px){
      .main-car-mobile h1, .main-car-mobile h2 {
          font-size: 7vw;
      }
  }
  @media(max-width:365px){
      li.previous, li.next {font-size:3.5vw;}
  }
  @media(max-width:350px){
      section .container h2.text-uppercase, .big-text{font-size: 9vw;}
      .big-text-2{font-size: 7vw;}
  }
  
  #back-to-top {
      position: fixed;
      bottom: 50px;
      right: 50px;
      z-index: 9999;
5c89963f   Виталий   qwerty
116
117
      width: 48px;
      height: 48px;
298bc0f4   Alexey Boroda   first commit
118
119
      text-align: center;
      line-height: 50px;
5c89963f   Виталий   qwerty
120
      background-color: #6aae7a;
298bc0f4   Alexey Boroda   first commit
121
122
123
124
      cursor: pointer;
      text-decoration: none;
      transition: opacity 0.2s ease-out;
      opacity: 0;
298bc0f4   Alexey Boroda   first commit
125
126
      border-radius: 50%;
      box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
5c89963f   Виталий   qwerty
127
128
129
      background-image: url("/img/arrow-up-big.png") !important;
      background-position: 50% 50% !important;
      background-repeat: no-repeat !important;
298bc0f4   Alexey Boroda   first commit
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
  }
  
  #back-to-top:hover {
      transition: 0.2s;
      background: #206b5c;
      color: #fff;
  }
  
  #back-to-top.show {
      opacity: 1;
  }
  
  .langs {
      text-transform: uppercase;
      line-height: 23px;
      margin-top: 2px;
      display: inline-block;
      margin-bottom: -2px;
      margin-left: 10px;
  }
  
  .langs a.active {
      color: #5cbfa9 !important;
      font-weight: bold;
      cursor: default;
      text-decoration: none;
5c89963f   Виталий   qwerty
156
157
158
159
  }
  
  .has-error .form-control {border-color: #e80000;}
  .has-success .form-control {border-color: #009e03;}