/* -------------------------------------------------------------
  List of CSS3 Sass Mixins File to be @imported and @included as you need

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)
    -   abs-pos                 - arguments: top,right,bottom,left -> default all values are on auto

------------------------------------------------------------- */
/* Font */
/* */
/* Color */
/* Margins */
.header.header-vps-index {
  background: url("../../../images/vps/2017/cloud-VPS-landingpage-header.jpg") no-repeat center center, -moz-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-landingpage-header.jpg") no-repeat center center, -webkit-gradient(left top, right top, color-stop(0%, #2d7dab), color-stop(100%, #17528a));
  background: url("../../../images/vps/2017/cloud-VPS-landingpage-header.jpg") no-repeat center center, -webkit-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-landingpage-header.jpg") no-repeat center center, -o-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-landingpage-header.jpg") no-repeat center center, -ms-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-landingpage-header.jpg") no-repeat center center, linear-gradient(to right, #2d7dab 0%, #17528a 100%); }
.header.header-vps-ssd {
  background: url("../../../images/vps/2017/cloud-VPS-VPSSSD-header.jpg") no-repeat center center, -moz-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSSSD-header.jpg") no-repeat center center, -webkit-gradient(left top, right top, color-stop(0%, #2d7dab), color-stop(100%, #17528a));
  background: url("../../../images/vps/2017/cloud-VPS-VPSSSD-header.jpg") no-repeat center center, -webkit-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSSSD-header.jpg") no-repeat center center, -o-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSSSD-header.jpg") no-repeat center center, -ms-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSSSD-header.jpg") no-repeat center center, linear-gradient(to right, #2d7dab 0%, #17528a 100%); }
.header.header-vps-cloud {
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloud-header.jpg") no-repeat center center, -moz-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloud-header.jpg") no-repeat center center, -webkit-gradient(left top, right top, color-stop(0%, #2d7dab), color-stop(100%, #17528a));
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloud-header.jpg") no-repeat center center, -webkit-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloud-header.jpg") no-repeat center center, -o-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloud-header.jpg") no-repeat center center, -ms-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloud-header.jpg") no-repeat center center, linear-gradient(to right, #2d7dab 0%, #17528a 100%); }
.header.header-vps-cloudram {
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloudRAM-header.jpg") no-repeat center center, -moz-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloudRAM-header.jpg") no-repeat center center, -webkit-gradient(left top, right top, color-stop(0%, #2d7dab), color-stop(100%, #17528a));
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloudRAM-header.jpg") no-repeat center center, -webkit-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloudRAM-header.jpg") no-repeat center center, -o-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloudRAM-header.jpg") no-repeat center center, -ms-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-VPSCloudRAM-header.jpg") no-repeat center center, linear-gradient(to right, #2d7dab 0%, #17528a 100%); }
.header.header-vps-addDisk {
  background: url("../../../images/vps/2017/cloud-VPS-AddDisk-header.jpg") no-repeat center center, -moz-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-AddDisk-header.jpg") no-repeat center center, -webkit-gradient(left top, right top, color-stop(0%, #2d7dab), color-stop(100%, #17528a));
  background: url("../../../images/vps/2017/cloud-VPS-AddDisk-header.jpg") no-repeat center center, -webkit-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-AddDisk-header.jpg") no-repeat center center, -o-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-AddDisk-header.jpg") no-repeat center center, -ms-linear-gradient(left, #2d7dab 0%, #17528a 100%);
  background: url("../../../images/vps/2017/cloud-VPS-AddDisk-header.jpg") no-repeat center center, linear-gradient(to right, #2d7dab 0%, #17528a 100%); }
.header * {
  color: #FFF; }
.header .vpsNewDC {
  background-color: rgba(29, 64, 93, 0.6);
  border: solid 1px #FFF;
  border-radius: 3px;
  padding: 15px 10px;
  box-sizing: border-box; }
  .header .vpsNewDC .flex-container * {
    margin: auto; }

.show ~ .overlay {
  opacity: 1;
  visibility: visible; }

.upsale-gradient {
  background: -moz-radial-gradient(50% 50%, circle farthest-corner, #113f6d 9.01%, #122844 100%);
  background: -webkit-radial-gradient(50% 50%, circle farthest-corner, #113f6d 9.01%, #122844 100%);
  background: -webkit-gradient(radial, 50% 50%, 50.94, 50% 50%, 565.69, color-stop(0.0901, #113f6d), color-stop(1, #122844));
  background: -o-radial-gradient(50% 50%, circle farthest-corner, #113f6d 9.01%, #122844 100%);
  background: -ms-radial-gradient(50% 50%, circle farthest-corner, #113f6d 9.01%, #122844 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2)";
  background: radial-gradient(50% 50%, circle farthest-corner, #113f6d 9.01%, #122844 100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2); }

@media screen and (max-width: 740px) {
  .add-disk-section * {
    text-align: center; } }

.config .rightBorder {
  border-right: solid 1px #59d2ef; }
  @media screen and (max-width: 740px) {
    .config .rightBorder {
      border-right: none;
      border-bottom: solid 1px #59d2ef; } }

#inclus .borderBottomBleu {
  margin: 30px 0 !important;
  border-color: #AAA; }
@media screen and (max-width: 740px) {
  #inclus .txtRight {
    text-align: left; } }

.icn {
  width: 81px;
  height: 81px;
  display: inline-block; }
  .icn.icn-distrib {
    background-image: url("../../images/vps/2017/icn/Icn-distrib.png"); }
  .icn.icn-ddos {
    background-image: url("../../images/vps/2017/icn/icn-antiDDos.png"); }
  .icn.icn-api {
    background-image: url("../../images/vps/2017/icn/icn-API.png"); }
  .icn.icn-manager {
    background-image: url("../../images/vps/2017/icn/icn-managerS.png"); }

.windowsPrice {
  display: none; }

.toggle {
  border-color: #BBBDBF;
  max-width: 200px; }
  .toggle div {
    font-size: 17px;
    line-height: 32px;
    height: 32px;
    font-weight: bold; }
  .toggle * {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .toggle .selected {
    color: #FFF;
    background-color: #01A2BF !important; }

.vps-testimonials-slider * {
  color: white; }
.vps-testimonials-slider .vps-testimonials-marks {
  width: 240px;
  height: 240px;
  margin: auto;
  border-radius: 50%;
  display: flex;
  background-color: #1E415D;
  border: solid 1px #FFF;
  box-webkit--shadow: 0px 0px 0px 20px #122844 inset;
  -moz-box-shadow: 0px 0px 0px 20px #122844 inset;
  box-shadow: 0px 0px 0px 20px #122844 inset; }
  .vps-testimonials-slider .vps-testimonials-marks p {
    margin: auto;
    font-size: 50px;
    line-height: 60px; }
.vps-testimonials-slider .vps-testimonials-comment {
  margin: auto;
  text-align: center; }

.bx-wrapper .bx-viewport {
  background-color: transparent; }

/*# sourceMappingURL=vps.css.map */