html
{
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body
{
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary
{
display: block;
}
a
{
background-color: transparent;
}
a:active, a:hover
{
outline: 0;
}
.pay
{
display: none;
}
.mdesk
{
display: none;
}
.paydestop
{
display: block;
}
.logow
{
padding-right: 10px;
}
b, strong
{
font-weight: bold;
}
h1
{
font-size: 2em;
margin: 0.67em 0;
}
img
{
border: 0;
max-width: 100%;
}
button, input, optgroup, select, textarea
{
color: inherit;
font: inherit;
margin: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]
{
-webkit-appearance: button;
cursor: pointer;
}
input
{
line-height: normal;
}
textarea
{
overflow: auto;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
td, th
{
padding: 0;
}
*
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html
{
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #FFFFFF;
}
.imgvideo {
    cursor: pointer;
  }
  
  .playbutton {
    background: url(https://cdn0.iconfinder.com/data/icons/vector-basic-tab-bar-icons/48/play_button-128.png) center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
    z-index: 10;
    opacity: .6;
  }
  
  .ytvideo {
    position: relative;
    margin: 0;
    padding: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
    cursor: pointer;
  }
  
  .ytvideo iframe {
    border-style: none;
    height: 100%;
    width: 100%;
  }
  
  .ytvideo .seo {
    display: none;
}
.text-light
{
color: #FFF;
}
input, button, select, textarea
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a
{
color: #ffffff;
text-decoration: none;
}
a:hover, a:focus
{
color: #23527C;
text-decoration: underline;
}
img
{
vertical-align: middle;
}
.container
{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px)
{
.container
{
width: 750px;
}
}
@media (min-width: 992px)
{
.container
{
width: 970px;
}
}
@media (min-width: 1200px)
{
.container
{
width: 1400px;
max-width: 100%;
}
}
.container-fluid
{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row
{
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters
{
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"]
{
padding-right: 0;
padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
{
float: left;
}
.col-xs-12
{
width: 100%;
}
.col-xs-11
{
width: 91.66666667%;
}
.col-xs-10
{
width: 83.33333333%;
}
.col-xs-9
{
width: 75%;
}
.col-xs-8
{
width: 66.66666667%;
}
.col-xs-7
{
width: 58.33333333%;
}
.col-xs-6
{
width: 50%;
}
.col-xs-5
{
width: 41.66666667%;
}
.col-xs-4
{
width: 33.33333333%;
}
.col-xs-3
{
width: 25%;
}
.col-xs-2
{
width: 16.66666667%;
}
.col-xs-1
{
width: 8.33333333%;
}
.col-xs-pull-12
{
right: 100%;
}
.col-xs-pull-11
{
right: 91.66666667%;
}
.col-xs-pull-10
{
right: 83.33333333%;
}
.col-xs-pull-9
{
right: 75%;
}
.col-xs-pull-8
{
right: 66.66666667%;
}
.col-xs-pull-7
{
right: 58.33333333%;
}
.col-xs-pull-6
{
right: 50%;
}
.col-xs-pull-5
{
right: 41.66666667%;
}
.col-xs-pull-4
{
right: 33.33333333%;
}
.col-xs-pull-3
{
right: 25%;
}
.col-xs-pull-2
{
right: 16.66666667%;
}
.col-xs-pull-1
{
right: 8.33333333%;
}
.col-xs-pull-0
{
right: auto;
}
.col-xs-push-12
{
left: 100%;
}
.col-xs-push-11
{
left: 91.66666667%;
}
.col-xs-push-10
{
left: 83.33333333%;
}
.col-xs-push-9
{
left: 75%;
}
.col-xs-push-8
{
left: 66.66666667%;
}
.col-xs-push-7
{
left: 58.33333333%;
}
.col-xs-push-6
{
left: 50%;
}
.col-xs-push-5
{
left: 41.66666667%;
}
.col-xs-push-4
{
left: 33.33333333%;
}
.col-xs-push-3
{
left: 25%;
}
.col-xs-push-2
{
left: 16.66666667%;
}
.col-xs-push-1
{
left: 8.33333333%;
}
.col-xs-push-0
{
left: auto;
}
.col-xs-offset-12
{
margin-left: 100%;
}
.col-xs-offset-11
{
margin-left: 91.66666667%;
}
.col-xs-offset-10
{
margin-left: 83.33333333%;
}
.col-xs-offset-9
{
margin-left: 75%;
}
.col-xs-offset-8
{
margin-left: 66.66666667%;
}
.col-xs-offset-7
{
margin-left: 58.33333333%;
}
.col-xs-offset-6
{
margin-left: 50%;
}
.col-xs-offset-5
{
margin-left: 41.66666667%;
}
.col-xs-offset-4
{
margin-left: 33.33333333%;
}
.col-xs-offset-3
{
margin-left: 25%;
}
.col-xs-offset-2
{
margin-left: 16.66666667%;
}
.col-xs-offset-1
{
margin-left: 8.33333333%;
}
.col-xs-offset-0
{
margin-left: 0%;
}
@media (min-width: 768px)
{
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{
float: left;
}
.col-sm-12
{
width: 100%;
}
.col-sm-11
{
width: 91.66666667%;
}
.col-sm-10
{
width: 83.33333333%;
}
.col-sm-9
{
width: 75%;
}
.col-sm-8
{
width: 66.66666667%;
}
.col-sm-7
{
width: 58.33333333%;
}
.col-sm-6
{
width: 50%;
}
.col-sm-5
{
width: 41.66666667%;
}
.col-sm-4
{
width: 33.33333333%;
}
.col-sm-3
{
width: 25%;
}
.col-sm-2
{
width: 16.66666667%;
}
.col-sm-1
{
width: 8.33333333%;
}
.col-sm-pull-12
{
right: 100%;
}
.col-sm-pull-11
{
right: 91.66666667%;
}
.col-sm-pull-10
{
right: 83.33333333%;
}
.col-sm-pull-9
{
right: 75%;
}
.col-sm-pull-8
{
right: 66.66666667%;
}
.col-sm-pull-7
{
right: 58.33333333%;
}
.col-sm-pull-6
{
right: 50%;
}
.col-sm-pull-5
{
right: 41.66666667%;
}
.col-sm-pull-4
{
right: 33.33333333%;
}
.col-sm-pull-3
{
right: 25%;
}
.col-sm-pull-2
{
right: 16.66666667%;
}
.col-sm-pull-1
{
right: 8.33333333%;
}
.col-sm-pull-0
{
right: auto;
}
.col-sm-push-12
{
left: 100%;
}
.col-sm-push-11
{
left: 91.66666667%;
}
.col-sm-push-10
{
left: 83.33333333%;
}
.col-sm-push-9
{
left: 75%;
}
.col-sm-push-8
{
left: 66.66666667%;
}
.col-sm-push-7
{
left: 58.33333333%;
}
.col-sm-push-6
{
left: 50%;
}
.col-sm-push-5
{
left: 41.66666667%;
}
.col-sm-push-4
{
left: 33.33333333%;
}
.col-sm-push-3
{
left: 25%;
}
.col-sm-push-2
{
left: 16.66666667%;
}
.col-sm-push-1
{
left: 8.33333333%;
}
.col-sm-push-0
{
left: auto;
}
.col-sm-offset-12
{
margin-left: 100%;
}
.col-sm-offset-11
{
margin-left: 91.66666667%;
}
.col-sm-offset-10
{
margin-left: 83.33333333%;
}
.col-sm-offset-9
{
margin-left: 75%;
}
.col-sm-offset-8
{
margin-left: 66.66666667%;
}
.col-sm-offset-7
{
margin-left: 58.33333333%;
}
.col-sm-offset-6
{
margin-left: 50%;
}
.col-sm-offset-5
{
margin-left: 41.66666667%;
}
.col-sm-offset-4
{
margin-left: 33.33333333%;
}
.col-sm-offset-3
{
margin-left: 25%;
}
.col-sm-offset-2
{
margin-left: 16.66666667%;
}
.col-sm-offset-1
{
margin-left: 8.33333333%;
}
.col-sm-offset-0
{
margin-left: 0%;
}
}
@media (min-width: 992px)
{
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
{
float: left;
}
.col-md-12
{
width: 100%;
}
.col-md-11
{
width: 91.66666667%;
}
.col-md-10
{
width: 83.33333333%;
}
.col-md-9
{
width: 75%;
}
.col-md-8
{
width: 66.66666667%;
}
.col-md-7
{
width: 58.33333333%;
}
.col-md-6
{
width: 50%;
}
.col-md-5
{
width: 41.66666667%;
}
.col-md-4
{
width: 33.33333333%;
}
.col-md-3
{
width: 25%;
}
.col-md-2
{
width: 16.66666667%;
}
.col-md-1
{
width: 8.33333333%;
}
.col-md-pull-12
{
right: 100%;
}
.col-md-pull-11
{
right: 91.66666667%;
}
.col-md-pull-10
{
right: 83.33333333%;
}
.col-md-pull-9
{
right: 75%;
}
.col-md-pull-8
{
right: 66.66666667%;
}
.col-md-pull-7
{
right: 58.33333333%;
}
.col-md-pull-6
{
right: 50%;
}
.col-md-pull-5
{
right: 41.66666667%;
}
.col-md-pull-4
{
right: 33.33333333%;
}
.col-md-pull-3
{
right: 25%;
}
.col-md-pull-2
{
right: 16.66666667%;
}
.col-md-pull-1
{
right: 8.33333333%;
}
.col-md-pull-0
{
right: auto;
}
.col-md-push-12
{
left: 100%;
}
.col-md-push-11
{
left: 91.66666667%;
}
.col-md-push-10
{
left: 83.33333333%;
}
.col-md-push-9
{
left: 75%;
}
.col-md-push-8
{
left: 66.66666667%;
}
.col-md-push-7
{
left: 58.33333333%;
}
.col-md-push-6
{
left: 50%;
}
.col-md-push-5
{
left: 41.66666667%;
}
.col-md-push-4
{
left: 33.33333333%;
}
.col-md-push-3
{
left: 25%;
}
.col-md-push-2
{
left: 16.66666667%;
}
.col-md-push-1
{
left: 8.33333333%;
}
.col-md-push-0
{
left: auto;
}
.col-md-offset-12
{
margin-left: 100%;
}
.col-md-offset-11
{
margin-left: 91.66666667%;
}
.col-md-offset-10
{
margin-left: 83.33333333%;
}
.col-md-offset-9
{
margin-left: 75%;
}
.col-md-offset-8
{
margin-left: 66.66666667%;
}
.col-md-offset-7
{
margin-left: 58.33333333%;
}
.col-md-offset-6
{
margin-left: 50%;
}
.col-md-offset-5
{
margin-left: 41.66666667%;
}
.col-md-offset-4
{
margin-left: 33.33333333%;
}
.col-md-offset-3
{
margin-left: 25%;
}
.col-md-offset-2
{
margin-left: 16.66666667%;
}
.col-md-offset-1
{
margin-left: 8.33333333%;
}
.col-md-offset-0
{
margin-left: 0%;
}
}
@media (min-width: 1200px)
{
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12
{
float: left;
}
.col-lg-12
{
width: 100%;
}
.col-lg-11
{
width: 91.66666667%;
}
.col-lg-10
{
width: 83.33333333%;
}
.col-lg-9
{
width: 75%;
}
.col-lg-8
{
width: 66.66666667%;
}
.col-lg-7
{
width: 58.33333333%;
}
.col-lg-6
{
width: 50%;
}
.col-lg-5
{
width: 41.66666667%;
}
.col-lg-4
{
width: 33.33333333%;
}
.col-lg-3
{
width: 25%;
}
.col-lg-2
{
width: 16.66666667%;
}
.col-lg-1
{
width: 8.33333333%;
}
.col-lg-pull-12
{
right: 100%;
}
.col-lg-pull-11
{
right: 91.66666667%;
}
.col-lg-pull-10
{
right: 83.33333333%;
}
.col-lg-pull-9
{
right: 75%;
}
.col-lg-pull-8
{
right: 66.66666667%;
}
.col-lg-pull-7
{
right: 58.33333333%;
}
.col-lg-pull-6
{
right: 50%;
}
.col-lg-pull-5
{
right: 41.66666667%;
}
.col-lg-pull-4
{
right: 33.33333333%;
}
.col-lg-pull-3
{
right: 25%;
}
.col-lg-pull-2
{
right: 16.66666667%;
}
.col-lg-pull-1
{
right: 8.33333333%;
}
.col-lg-pull-0
{
right: auto;
}
.col-lg-push-12
{
left: 100%;
}
.col-lg-push-11
{
left: 91.66666667%;
}
.col-lg-push-10
{
left: 83.33333333%;
}
.col-lg-push-9
{
left: 75%;
}
.col-lg-push-8
{
left: 66.66666667%;
}
.col-lg-push-7
{
left: 58.33333333%;
}
.col-lg-push-6
{
left: 50%;
}
.col-lg-push-5
{
left: 41.66666667%;
}
.col-lg-push-4
{
left: 33.33333333%;
}
.col-lg-push-3
{
left: 25%;
}
.col-lg-push-2
{
left: 16.66666667%;
}
.col-lg-push-1
{
left: 8.33333333%;
}
.col-lg-push-0
{
left: auto;
}
.col-lg-offset-12
{
margin-left: 100%;
}
.col-lg-offset-11
{
margin-left: 91.66666667%;
}
.col-lg-offset-10
{
margin-left: 83.33333333%;
}
.col-lg-offset-9
{
margin-left: 75%;
}
.col-lg-offset-8
{
margin-left: 66.66666667%;
}
.col-lg-offset-7
{
margin-left: 58.33333333%;
}
.col-lg-offset-6
{
margin-left: 50%;
}
.col-lg-offset-5
{
margin-left: 41.66666667%;
}
.col-lg-offset-4
{
margin-left: 33.33333333%;
}
.col-lg-offset-3
{
margin-left: 25%;
}
.col-lg-offset-2
{
margin-left: 16.66666667%;
}
.col-lg-offset-1
{
margin-left: 8.33333333%;
}
.col-lg-offset-0
{
margin-left: 0%;
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after
{
display: table;
content: " ";
}
.clearfix:after, .container:after, .container-fluid:after, .row:after
{
clear: both;
}
.center-block
{
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right
{
float: right !important;
}
.pull-left
{
float: left !important;
}
.hide
{
display: none !important;
}
.show
{
display: block !important;
}
.invisible
{
visibility: hidden;
}
.text-hide
{
font: 0 / 0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden
{
display: none !important;
}
.affix
{
position: fixed;
}
@-ms-viewport
{
width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg
{
display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block
{
display: none !important;
}
@media (max-width: 767px)
{
.visible-xs
{
display: block !important;
}
table.visible-xs
{
display: table !important;
}
tr.visible-xs
{
display: table-row !important;
}
th.visible-xs, td.visible-xs
{
display: table-cell !important;
}
}
@media (max-width: 767px)
{
.visible-xs-block
{
display: block !important;
}
}
@media (max-width: 767px)
{
.visible-xs-inline
{
display: inline !important;
}
}
@media (max-width: 767px)
{
.visible-xs-inline-block
{
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.visible-sm
{
display: block !important;
}
table.visible-sm
{
display: table !important;
}
tr.visible-sm
{
display: table-row !important;
}
th.visible-sm, td.visible-sm
{
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.visible-sm-block
{
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.visible-sm-inline
{
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.visible-sm-inline-block
{
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.visible-md
{
display: block !important;
}
table.visible-md
{
display: table !important;
}
tr.visible-md
{
display: table-row !important;
}
th.visible-md, td.visible-md
{
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.visible-md-block
{
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.visible-md-inline
{
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.visible-md-inline-block
{
display: inline-block !important;
}
}
@media (min-width: 1200px)
{
.visible-lg
{
display: block !important;
}
table.visible-lg
{
display: table !important;
}
tr.visible-lg
{
display: table-row !important;
}
th.visible-lg, td.visible-lg
{
display: table-cell !important;
}
}
@media (min-width: 1200px)
{
.visible-lg-block
{
display: block !important;
}
}
@media (min-width: 1200px)
{
.visible-lg-inline
{
display: inline !important;
}
}
@media (min-width: 1200px)
{
.visible-lg-inline-block
{
display: inline-block !important;
}
}
@media (max-width: 767px)
{
.hidden-xs
{
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.hidden-sm
{
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.hidden-md
{
display: none !important;
}
}
@media (min-width: 1200px)
{
.hidden-lg
{
display: none !important;
}
}
.visible-print
{
display: none !important;
}
@media print
{
.visible-print
{
display: block !important;
}
table.visible-print
{
display: table !important;
}
tr.visible-print
{
display: table-row !important;
}
th.visible-print, td.visible-print
{
display: table-cell !important;
}
}
.visible-print-block
{
display: none !important;
}
@media print
{
.visible-print-block
{
display: block !important;
}
}
.visible-print-inline
{
display: none !important;
}
@media print
{
.visible-print-inline
{
display: inline !important;
}
}
.visible-print-inline-block
{
display: none !important;
}
@media print
{
.visible-print-inline-block
{
display: inline-block !important;
}
}
@media print
{
.hidden-print
{
display: none !important;
}
}
/*ICONS*/
/*MAIN CSS*/

ul, li
{
list-style: none;
padding: 0;
margin: 0;
}
p, h1, h2, h3, h4, input
{
font-family: 'Red Hat Display', sans-serif;
}
h1, h2, h3, h4
{
font-weight: 700;
}
h1
{
font-size: 3.2rem;
}
p
{
font-size: 12pt;
font-weight: 300;
text-align: left;
}
section
{
padding: 70px 0;
}
.tcenter
{
text-align: center;
}
.bga
{
background-color: #F4F4F4;
}
.bgd
{
background-color: #41454A;
}
.bgd2
{
background-color: #BE1E2D;
}
.bggrd
{
/*+box-shadow: 1px 7px 19px #DADADA;*/
-moz-box-shadow: 1px 7px 19px #DADADA;
-webkit-box-shadow: 1px 7px 19px #DADADA;
box-shadow: 1px 7px 19px #DADADA;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 54%, rgba(235, 235, 235, 1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 54%, rgba(235, 235, 235, 1) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 54%, rgba(235, 235, 235, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ebebeb",GradientType=1);
}
figure
{
padding: 0;
margin: 0;
}
.mt20
{
margin-top: 20px !important;
}
/*buton*/
.btn
{
margin: auto;
display: inline-block;
background-color: #25d366;
/*+border-radius: 3px;*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
transition: background-color 0.5s ease;
padding: 16px 32px;
}
.btn:hover
{
text-decoration: none;
color: #FFFFFF;
background-color: #990816;
transition: background-color 0.5s ease;
}
/*Mobile Top*/
.mobile-top
{
position: relative;
display: none;
left: 0;
right: 0;
background: #FFFFFF;
z-index: 20;
padding: 0 15px;
}
.mobile-social
{
display: flex;
justify-content: space-around;
}
.mobile-social li i
{
color: #BE1E2D;
}
.mobile-social li span
{
display: none;
}
.mobile-social a
{
display: block;
}
.mobile-social a:hover i, .mobile-socila a:active
{
color: #E3382C;
}
/*top*/
.top
{
border-bottom: 1px solid black;
}
.logo
{
max-width: 300px;
float: left;
}
.top .social
{
padding: 21px 0;
display: block;
float: left;
width: 171px;
}
.top-phone
{
float: right;
display: block;
font-size: 16px;
color: #6F6F6F;
margin-top: 0px;
padding-left: 11px;
line-height: 1;
padding-bottom: 13px;
padding-top: 17px;
}
.social li
{
display: inline-block;
}
.social li span
{
display: none;
}
.social li i
{
font-size: 16px;
display: inline-block;
color: #BE1E2D;
padding: 5px;
margin-right: 4px;
transition: background-color 0.2s ease;
}
.social li a:hover i
{
background-color: #D72720;
transition: background-color 0.2s ease;
color: #FFFFFF;
/*+border-radius: 3px;*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.top-phone a
{
display: block;
color: #000000;
font-weight: 700;
font-size: 24px;
transition: color 0.3s ease;
}
.top-phone a:hover
{
color: #D72720;
text-decoration: none;
transition: color 0.3s ease;
}
.footer {
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 20px;
  z-index: 999;
  display: none;
}
.footer .div-left {
  width: 23%;
  box-sizing: border-box;
  float: left;
  padding: 5px 9px 9px 7px;
  background-color: #00ab00;
  border-radius: 12px;
  margin-left: 15px;
  font-size: 14px;
}
.footer .div-right {
  margin-right: 15px;
  width: 65%;
  box-sizing: border-box;
  float: right;
  padding: 0px 5px 0px 0px;
  background-color: hsl(230deg 41% 26%);
  border-radius: 12px;
  height: 51px;
  line-height: 3em;
  text-align: center;
  border: 2px solid white;
}

.gotop {display: none;color: #ffffff !important;padding: 5px;border-radius: 4px;z-index: 20;position: fixed;bottom: 4px;right: 35px;background: #be1e2c;border: 1px solid #ffffff;width: 48%;height: 6%;text-align: center;line-height: 1.8em;font-size: 17px;font-family: sans-serif;}

/*header*/
header
{
background: url(../img/header-bg.jpg?v1) 0 0 / cover fixed;
padding: 101px;
}
header .btn
{
background-color: #25d366;
}
header p, header h1, header h2
{
color: #FFFFFF;
}
.slogan
{
padding-left: 50px;
padding-right: 10px;
margin-top: 134px;
}
.slogan h2
{
text-shadow: 5px 3px 0px rgba(0, 0, 0, 0.538);
font-weight: 300;
line-height: 1.1;
font-size: 49px;
margin-bottom: 31px;
}
.slogan strong
{
color: #FFFFFF;
font-size: 62px;
}
/*Mobile Header*/
.mobile-header
{
display: none;
}
/*who are we*/
.whoarewe
{
text-align: center;
max-width: 1000px;
margin: auto;
padding: 8px;
}
.whoarewe h2
{
font-size: 48px;
}
.whoarewe p
{
font-size: 24px;
}
h2.section-title
{
text-align: center;
margin: 16px;
font-size: 31px;
}
/*BEFORE AFTER SLIDER*/
.before-after
{
margin: 0 80px;
}
.before-after .slick-slide
{
opacity: 0.5;
transform: perspective(500px) rotateY(15deg) scale(0.7);
transition: all ease 1s;
transform-origin: 50% 50%;
}
.before-after .slick-slide.slick-current
{
opacity: 1;
transform: scale(1);
transition: all ease 1s;
}
.before-after .slick-slide.slick-current + .slick-slide
{
transform: perspective(500px) rotateY(-15deg) scale(0.8);
}
/*form*/
header .form-container
{
padding: 20px 18px 5px;
min-height: 402px;
position: relative;
z-index: 2;
/*+border-radius: 5px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
/* background:rgb(230,60,47); */
background: -moz-linear-gradient(141deg, rgba(230, 60, 47, 1) 0%, rgba(200, 19, 18, 1) 100%);
/* background:-webkit-linear-gradient(141deg,rgba(230,60,47,1) 0%,rgba(200,19,18,1) 100%); */
/* background:linear-gradient(141deg,rgba(230,60,47,1) 0%,rgba(200,19,18,1) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e63c2f",endColorstr="#c81312",GradientType=1);
background: #F0F0F0;
border: 2px solid #BE1E2D;
}
.contact_form ul
{
margin: 0 auto;
padding: 0;
}
.form-heading
{
font-weight: 600;
font-size: 23px;
padding: 15px;
margin: 1px 0 10px;
color: #BE1E2D;
text-align: center;
}
.contact_form li.form-row
{
margin: 0 0 15px 0;
padding: 0;
list-style: none;
font-size: 8pt;
position: relative;
text-align: center;
max-height: 60px;
}
.contact_form .form-text, .contact_form .form-textarea
{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
line-height: 50px;
background-color: #FFFFFF;
font-family: BlissPro;
font-size: 16px;
font-family: 'Almarai', sans-serif;
padding-left: 48px;
background-size: auto 35px;
background-repeat: no-repeat;
background-position: 15px center;
color: #000000;
/*+border-radius: 10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ADADAD;
}
.contact_form .form-text.error, .contact_form .form-textarea.error
{
background-color: #FF9F9F;
border-color: #073349;
}
.error_Msg
{
background: #003349;
color: #FFF;
padding: 5px;
display: block;
margin-top: 6px;
/*+border-radius: 5px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.error_Msg i
{
position: relative !important;
font-size: 14px;
top: 2px !important;
color: #CB1715 !important;
padding: 0;
margin: 0;
}
.contact_form .form-textarea
{
height: 90px;
font-family: 'Almarai', sans-serif;
background-position: 20px top;
}
.contact_form label
{
/* height:15px; */
}
.form-row i
{
position: absolute;
color: #A4A6A7;
top: 8px;
left: 8px;
z-index: 2;
}
.form-submit
{
width: 185px;
font-family: 'Almarai', sans-serif;
height: 50px;
margin-top: 30px;
border: 0;
background-color: #003349;
text-align: center;
font-size: 18px;
color: #FFF;
margin: 0 auto auto;
font-weight: 700;
letter-spacing: 1px;
/*+border-radius: 10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.form-submit:disabled
{
background: url(../img/loading.svg) center no-repeat #003349;
text-indent: -9999px;
}
.form-submit:disabled:hover
{
cursor: not-allowed;
}
.form-submit:hover
{
opacity: 0.7;
cursor: pointer;
}
.iti
{
width: 100%;
}
/*IMAGEBOX*/
.image-box
{
}
.image-box h2
{
margin: 12px 0 0px;
}
.image-box h2, .image-box p
{
text-align: left;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 22px;
}
.image-box .number
{
display: inline-block;
position: absolute;
right: 31px;
width: 30px;
text-align: center;
top: 18px;
background-color: #BE1E2D;
font-weight: 700;
color: #FFFFFF;
padding: 5px;
/*+border-radius: 5px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/*ICON BOX*/
.icon-box
{
text-align: center;
padding: 17px;
}
.icon-box p
{
text-align: left;
font-size: 16px;
}
.icon-box .ib-title
{
font-size: 17px;
padding: 13px;
/*+border-radius: 4px;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin-bottom: 0;
}
.icon-box i
{
font-size: 59px;
margin: auto;
display: inline-block;
padding: 13px;
color: #FFFFFF;
/*+box-shadow: -8px -9px #971622;*/
-moz-box-shadow: -8px -9px #971622;
-webkit-box-shadow: -8px -9px #971622;
box-shadow: -8px -9px #971622;
font-weight: 700;
/*+border-radius: 5px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/*warning*/
#scrol
{
position: relative;
}
.bg-clinic
{
background: url(../img/sct-beg.jpg?v1) 0 0 / cover fixed;
color: #FFFFFF;
max-width: 95%;
/* float: right; */
border-radius: 0 300px 300px 0;
/*+box-shadow: -4px 29px #003349;*/
-moz-box-shadow: -4px 29px #003349;
-webkit-box-shadow: -4px 29px #003349;
box-shadow: -4px 29px #003349;
}
.warning
{
background-color: #000000;
text-align: center;
padding: 16px;
font-size: 17px;
font-weight: 700;
color: #FFFFFF;
}
/*footer*/
footer
{
padding: 30px 0 0;
color: #E7E7E7;
margin-top: 20px;
}
footer a
{
color: #E7E7E7;
}
footer a:hover
{
color: #003349;
text-decoration: none;
}
footer .footer-bottom
{
padding-top: 10px;
border-top: 1px solid #343434;
margin-top: 12px;
}
.footer-bottom .social
{
margin: auto;
width: 220px;
}
.footer-bottom .social i
{
font-size: 17px;
}
.footer-bottom .social a:hover i
{
background-color: #BE1E2D;
}
.footer-widget
{
padding: 0 16px;
}
.footer-head
{
font-weight: bold;
color: #FFFFFF;
font-size: 24px;
margin-bottom: 36px;
}
.contact-footer i
{
/*+border-radius: 111px;*/
-moz-border-radius: 111px;
-webkit-border-radius: 111px;
-khtml-border-radius: 111px;
border-radius: 111px;
padding: 2px 0px 2px 0;
font-size: 18px;
}
.contact-footer li
{
margin-bottom: 22px;
}
/*fixed-top*/
.fixed-top
{
border-bottom: 1px solid #B8B8B8;
left: 0;
right: 0;
top: -138px;
position: fixed;
z-index: 15;
transition: top 1s ease;
background-color: #FFFFFF;
}
.fixed-top.active
{
top: 0;
transition: top 1s ease;
}
.fixed-top .btn
{
margin-top: 11px;
}
.fixed-top .logo
{
width: 180px;
padding: 0;
}
.fixed-top .top-phone
{
font-size: 15px;
padding-top: 20px;
margin-top: 0;
padding-bottom: 0;
}
.fixed-top .top-phone a
{
font-size: 22px;
}
.fixed-top .countdownContainer
{
padding: 5px;
float: right;
font-size: 16px;
/*+border-radius: 52px;*/
-moz-border-radius: 52px;
-webkit-border-radius: 52px;
-khtml-border-radius: 52px;
border-radius: 52px;
width: 245px;
}
.fixed-top .counter-wrapper .counter-title
{
display: none;
}
.fixed-top .countdown__time-left
{
width: 5.5rem;
}
.fixed-top .countdown__label
{
font-size: 10px;
padding-top: 0;
}
/*POPFORM*/
.popform
{
position: fixed;
overflow: auto;
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.134);
z-index: 9999999999;
}
.popform.active
{
display: block;
}
.popform .form-container
{
max-width: 350px;
margin: auto;
background: #BE1E2D;
border-radius: 3px;
padding: 20px;
position: relative;
top: 50%;
margin-top: -200px;
}
.popform .form-heading
{
color: #FFFFFF;
}
.closeform
{
position: absolute;
display: none;
top: 10px;
right: 10px;
color: #FFF;
border-radius: 50px;
padding: 2px;
font-size: 28px;
}
.popform.active .closeform
{
display: block;
}
/*MEDIA QUERIES*/
@media (max-width: 1400px)
{
.contact_form .form-text, .contact_form .form-textarea
{
height: 40px;
line-height: 40px;
}
.logo
{
max-width: 300px;
padding: 5px 0;
}
.top .social
{
padding: 5px 0;
display: block;
float: right;
width: 212px;
margin-top: 12px;
}
.top-phone
{
float: right;
display: block;
font-size: 16px;
color: #6F6F6F;
margin-top: 5px;
border-left: 3px solid #E73332;
padding-left: 11px;
line-height: 1;
padding-bottom: 0px;
}
.form-heading
{
font-size: 20px;
}
.form-row i
{
top: 4px;
}
.ytvideo
{
height: 350px;
}
}
@media (max-width: 1120px)
{
.form-heading
{
font-size: 20px;
}
h1
{
font-size: 2.2rem;
}
h2, h3, h4
{
font-size: 18px;
}
.fixed-top .btn
{
font-size: 11pt;
}
.fixed-top i
{
font-size: 13pt;
}
footer .footer-head
{
font-size: 22px;
}
}
@media (max-width: 768px)
{
section
{
padding: 20px 0;
}
.form-mobile
{
background-color: #C91E2D;
}
.form-heading
{
color: #FFFFFF;
}
.div-left
{
display: inline;
}
.div-right
{
display: inline;
}
.mdesk
{
display: block;
}
.btn
{
max-width: 95% !important;
}
.site-main
{
max-width: 475px;
position: relative;
margin: auto;
}
.image-box
{
margin-bottom: 40px;
text-align: center;
}
.fixed-top
{
top: auto;
bottom: -89px;
transition: bottom 0.2s ease;
background-color: #F1F1F1;
/*+box-shadow: 2px -4px 11px rgba(0, 0, 0, 0.181);*/
-moz-box-shadow: 2px -4px 11px rgba(0, 0, 0, 0.181);
-webkit-box-shadow: 2px -4px 11px rgba(0, 0, 0, 0.181);
box-shadow: 2px -4px 11px rgba(0, 0, 0, 0.181);
}
.fixed-top.active
{
bottom: 0;
top: auto;
transition: bottom 1s ease;
}
.footer {
  display: block;
}
.fixed-top .btn
{
font-size: 11.6pt;
padding: 10px;
}
.fixed-top i
{
font-size: 13pt;
}
footer
{
padding-bottom: 100px;
padding-top: 0;
}
.container
{
max-width: 475px;
}
.logom
{
width: 150px;
}
.mobile-top
{
display: block;
/*+box-shadow: 0px 6px 11px rgba(0, 0, 0, 0.181);*/
-moz-box-shadow: 0px 6px 11px rgba(0, 0, 0, 0.181);
-webkit-box-shadow: 0px 6px 11px rgba(0, 0, 0, 0.181);
box-shadow: 0px 6px 11px rgba(0, 0, 0, 0.181);
}
.mobile-social
{
font-size: 19pt;
margin-top: 10px;
}
header
{
background: url(../img/header-bgm.jpg) 0 0 / cover;
position: relative;
padding: 0;
}
header.mobile-header
{
background: url(../img/slider-begm.jpg) center top no-repeat rgb(33, 33, 33);
position: relative;
padding: 20px 0 20px;
/*+border-radius: 0;*/
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
min-height: 1000px;
margin-bottom: 10px;
}
.whoarewe
{
text-align: center;
max-width: 1000px;
margin: auto;
padding: 20px;
}
.whoarewe h2
{
font-size: 36px;
}
.whoarewe p
{
font-size: 18px;
}
.slogan .btn
{
width: 100%;
margin: 20px auto;
}
.slogan
{
margin-top: 195px;
padding: 0;
}
.slogan h2
{
font-size: 21px;
margin-bottom: 31px;
text-shadow: 1px 2px #000000;
}
.slogan strong
{
font-size: 41px;
}
.slick-prev:before, .slick-next:before
{
background-color: #002E40;
padding: 14px 15px 14px 15px;
font-size: 12px;
}
.slick-prev
{
left: 0;
z-index: 5;
}
.slick-next
{
right: 0;
z-index: 5;
}
.counter-holder
{
min-height: 100px;
margin: 10px 10px 0 10px;
}
.counter-form
{
overflow: hidden;
padding: 0 22px 0 0;
}
header .form-container
{
margin-top: 0;
width: 100%;
/*+border-radius: 0;*/
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}
.counter-wrapper .counter-title
{
background: #054663;
color: #FFF;
padding: 6px;
/*+border-radius: 0;*/
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}
.countdownContainer
{
background: #003349;
position: relative;
z-index: 3;
display: block;
text-align: center;
padding: 11px;
font-size: 24px;
/*+box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.403);*/
-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.403);
-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.403);
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.403);
}
.bg-clinic
{
background: url(../img/sct-begm.jpg) 0 0 / cover fixed;
color: #FFFFFF;
max-width: 95%;
/* float: right; */
/*+box-shadow: none;*/
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
/*+border-radius: 0 70px 70px 0;*/
-moz-border-radius: 0 70px 70px 0;
-webkit-border-radius: 0 70px 70px 0;
-khtml-border-radius: 0 70px 70px 0;
border-radius: 0 70px 70px 0;
}
#scrol
{
position: relative;
margin-top: 31px;
}
footer .footer-head
{
margin: 32px 32px 32px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.369);
}
.before-after
{
margin: 0;
}
}
@media (max-width: 480px)
{
.fixed-top .countdown__time-left
{
width: 4.4rem;
}
.fixed-top .countdownContainer
{
width: 200px;
}
.counter-wrapper .counter-title
{
border-top-left-radius: 0;
}
}
@media (max-width: 320px)
{
}
.footer-iso
{
padding: 10px;
}
.footer-iso img
{
margin-right: 20px;
}