/* ##########################  general  ########################### */
html 
{
overflow-x: hidden; }

body 
{
margin:0;
padding:0;
background:#fff url(images/pattern.jpg) center;
color:#636363;
font-family: 'Roboto', Arial, sans-serif;
font-size: 14 pt;
width:100%;
min-width:1024px;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus
{
color:#252525;
}

input:focus
{
border:solid 2px;
}

fieldset
{
border:solid 0px #ccc
}

/* ##########################  logo  ########################### */
#header
{display:inline-block;
width:100%;
height:135px;
background:#f7a62a;
position:relative;
//z-index:0;
clear:both;
}
#logo
{display:inline-block;
width:200px;
height:135px;
background:#f7a62a;
position:absolute;
top:0;
left:0;
line-height: 1px;
//z-index:1;
float: left;
}
#bar2
{display:inline-block;
width:25px;
height:135px;
background:#f7a62a;
position:absolute;
top:0;
left:200px;
line-height: 1px;
//z-index:1;
float: left;
}
#line
{display: inline-block;
text-align:right;
margin:10px;
position:relative;
top:0;
left:50px;
//z-index:1;
width: 779px;
}
#search
{display: inline-block;
text-align:right;
margin:10px 15px 0 15px;
position:relative;
//z-index:2;
float: left;
}
h1#logo-phone
{display: inline-block;
color:#fff;
font-size:2.3em;
letter-spacing:1px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-align:right;
position:relative;
margin:5px 15px 0 15px;
float: left;
//z-index:2;
}
#autorization
{display: inline-block;
text-align:right;
margin:10px 15px 0 15px;
position:relative;
//z-index:2;
}


/* ##########################  menu  ########################### */

nav {
display: block;
width: 80%;
height: 45px;
position:absolute;
top:91px;
left:225px;
margin: 0 auto 0;
background: #ff8c46;
}

.menu ul {
list-style: none; 
margin: 0 auto;
display: -webkit-flex; 
display: flex;
padding-left: 0;
}
.menu li
{
margin: 0 -4px 0 0;
}
.menu ul li
{display: -ms-inline;
float: left;}

.menu a {
text-decoration: none;
padding: 0.8em 1em;
display: block;
color:#555555;
background: #ffffde;
}

.menu a:hover {
color:#252525;}




/* ##########################  contentarea  ########################### */
#content
{
background:transparent;
position:relative;
margin:0 auto;
padding:0;
width:1008px;
min-height:550px;
}
#content-bg
{
position:relative;
margin:0 auto;
padding:0;
width:100%;
min-height:550px;}





/* ++++++++++++++  images  ++++++++++++++ */

.image-left
{
    padding:2px;
  border:0px
}

.image-right
{
    border:solid 0px #ddd;
    padding:2px
}



/* ++++++++++++++++++++ headings +++++++++++++ */

#content h1
{

  color:#16b5cd;
  border-top:solid 2px #16b5cd;
  border-bottom:solid 0px #16b5cd;
  font-size: 2em;
}

#content-bg h1
{
margin: 10px 12%;
  color:#16b5cd;
  border-top:solid 2px #16b5cd;
  border-bottom:solid 0px #16b5cd;
  font-size: 2em;
}

#content h2
{
  color:#16b5cd;
   border-top:solid 0px #16b5cd;
  font-size: 1.2em;

}
#content-bg h2
{
  color:#16b5cd;
  border-top:solid 0px #16b5cd;
  font-size: 1.2em;

}

#content h3
{
  color:#898989;
  border-top:0px ;
  border-bottom:0px;
  font-size: 1.5em;

}
#content-bg h3
{
  color:#898989;
  border-top:0px ;
  border-bottom:0px;
  font-size: 1.5em;
margin: 10px 12%;
}

/* ##########################  footer   ########################### */

.footer
{
display: inline;
padding-left: 0;
width: 100%;
height: 160px;
margin: 0 auto 0;
}
.footer h3
{color:#252525;
font-size:1em;
}
.footer a
{text-decoration: none;
}
.footer ul
{
list-style: none; 
padding: 0 0 0 10px;
margin:0;
}
.box1
{display: block;
background:#d7d7d7;
border-right:solid 0px #fff;
height: 160px;
width:20%;
padding: 10px 10px 0 20px;
float:left;
}
.box2
{display: block;
background:#d7d7d7;
border-right:solid 0px #fff;
height: 160px;
width:20%;
padding: 10px 10px 0 20px;
float:left;
}
.box3
{display: block;
background:#d7d7d7;
border-right:solid 0px #fff;
height: 160px;
width:20%;
padding: 10px 10px 0 20px;
float:left;
}
.box4
{display: block;
background:#d7d7d7;
border-right:solid 0px #fff;
height: 160px;
padding: 10px 10px 0 20px;
}
#copy
{display: block;
background:#959595; 
margin:50px -10px 0 0;
height: 40px;
padding: 0;
}

#copy p
{color:#fff;
margin-top:-30px;
padding: 5px;
text-align:center;
}
#footer-end
{display: block;
background:#959595; 
margin:0px;
height: 20px;
width:100%;
}

/* #######################  contentarea - tarif - detailed  ######################## */

#tarif-detailed 
{
width:960px;
border:0;
border-spacing: 10px 5px;
font-family: 'Roboto', Arial, sans-serif;
font-size:14pt;
color:#252525;
margin:10px auto 50px;

}

td.h
{padding:0;
}
p.t04
{margin:0; padding:0; text-align:center;
}
td.tar0
{background-color:#f7a62a;
color:#252525;
font-size: 0.8em;
padding:5px;
}
td.tar10

{background-color:#ffdbab; color:#252525;
font-size: 0.8em;
padding:5px;
}
/* td.tar10 background-color:#ffdbab; color:#252525 */

td.tar1
{background-color:#fff1a4;
padding:5px;
}
td.tar2
{background-color:#fffde8;
padding:5px;
}
td.tar1p
{margin:0;padding:0; height:30px;
}
td.tar2p
{margin:0;padding:0;
height:30px;
}
img.tar
{width:100%;margin:0;padding:0;
}
.check
{text-align:center; width:30px; 
}
p.tar-c
{
text-align:center; margin:3px;
}


/* ##########################  contentarea - tarif - start page  ########################### */

.row
{display:block;
text-align:center;
width: 840px;
margin: 0 auto;
clear:both;
}
.last-row
{display:block;
text-align:center;
width: 840px;
height:65px;
margin: 0 auto 70px auto;
clear:both;
}
.row ul
{
display:block;
text-align:center;
list-style-type: square;
list-style-position: outside;
margin:0 0 0 10px;
padding:0 0 2px 0;
font-weight:bold;
font-size:10pt;
}
.tarif-box1
{
display: block;
height: 370px;
width:253px;
padding: 0 10px 0 10px;
float:left;
text-align:center;
}
.tarif-box2
{
display: block;
height: 370px;
width:274px;
padding: 0 10px 0 10px;
float:left;
text-align:center;
}
.tarif-box3
{display: block;
background:#ffd965;
color: #796b3f;
font-weight:bold;
height: 50px;
width:233px;
padding: 5px 10px 0 10px;
margin:0 10px;
float:left;
text-align:center;
}
.tarif-box4
{display: block;
background:#16b5cd;
color: #fff;
font-weight:bold;
height: 50px;
width:254px;
padding: 5px 10px 0 10px;
margin:0 10px;
float:left;
text-align:center;
}
.tarif-box5
{display: block;
background:#fbd294;
color: #796b3f;
font-weight:bold;
height: 50px;
width:233px;
padding: 5px 10px 0 10px;
margin:0 10px;
float:left;
text-align:center;
}
.tarif-box6
{display: block;
background:#ffd965;
height: 75px;
width:233px;
padding: 7px 10px 0 10px;
margin:0 10px;
float:left;
text-align:left;
}
.tarif-box6 ul li
{color: #16b5cd;
}
.tarif-box7 ul li
{color: #fff;
}
.tarif-box8 ul li
{color: #f18442;
}
.tarif-box7
{display: block;
background:#16b5cd;
color: #fff;
font-weight:bold;
height: 75px;
width:254px;
padding: 7px 10px 0 10px;
margin:0 10px;
float:left;
text-align:left;
}
.tarif-box8
{display: block;
background:#fbd294;
color: #796b3f;
font-weight:bold;
height: 82px;
width:233px;
padding: 0 10px 0 10px;
margin:0 10px;
float:left;
text-align:left;
}
.tarif-box9
{
display: block;
width:253px;
height:31px;
padding: 0 10px;
float:left;
text-align:center;
margin:0;
}
.tarif-box10
{
display: block;
width:274px;
height:31px;
padding: 0 10px;
margin:0;
float:left;
text-align:center;
}
.tarif-box11
{
display: block;
width:253px;
height:31px;
padding: 0 10px;
float:left;
text-align:center;
margin:0;
}
.tarif-box12
{display: block;
width:253px;
height:150px;
padding: 0 10px;
float:left;
text-align:center;
margin:0;
}
.tarif-box14
{
display: block;
width:274px;
height:168px;
padding:0px 10px;
float:left;
text-align:center;
margin:0;
}
.tarif-box15
{
display: block;
width:253px;
height:52px;
padding:5px 10px 0 10px;
float:left;
text-align:center;
margin:-18px 0 0 0;
}
.tarif-box16
{
display: block;
width:274px;
height:55px;
padding:5px 10px 0 10px;
margin:0;
float:left;
text-align:center;
}
.row4col
{display:block;
text-align:center;
width: 840px;
margin: 0 auto 50px;
height: 100px;
clear:both;
}
a.tarif-box19
{display: block;
vertical-align:middle;
background:#ffd965;
color: #796b3f;
font-weight:bold;
height: 100px;
line-height: 100px;
width:190px;
padding: 5px 10px;
margin:0 auto;
float:left;
text-align:center;
}
a.tarif-box18
{display: block;
vertical-align:middle;
background: #8adae6;
color: #077ea8;
font-weight:bold;
height: 100px;
line-height: 100px;
width:190px;
padding: 5px 10px;
margin:0 auto;
float:left;
text-align:center;
}
a.tarif-box17
{display: block;
vertical-align:middle;
background:#fbd294;
color: #796b3f;
font-weight:bold;
height: 100px;
line-height: 100px;
width:190px;
padding: 5px 10px;
margin:0 auto;
float:left;
text-align:center;
}

/* ##########################  contentarea - faq & support  ########################### */

#wrapper
{display:block;
background:#fff;
position:relative;
margin:1px auto 0;
padding:10px 0 50px 0;
width:960px;
height:100%;
clear:both;
}
.row-faq
{display:block;
text-align:center;
width: 960px;
margin: 0 auto;
clear:both;
}

.row-faq img
{float:left;
width:470px;}

img#faq-left01
{
margin:0 10px 0 0;
height:123px;
width:470px;
}
img#faq-right01
{
margin:0 0 0 10px;
height:123px;
width:470px;
}
img#faq-left02
{
margin:0 10px 0 0;
height:128px;
width:470px;
}
img#faq-right02
{
margin:0 0 0 10px;
height:128px;
width:470px;
}
img#faq-left03
{
margin:0 10px 0 0;
height:60px;
width:470px;
}
#faq-right03
{display:block;
background:#16b5cd;
text-align:center;
width: 470px;
margin:0 0 0 10px;
height:60px;
float:left;
}
h3#callme
{color:#fff;
line-height:60px;
margin:auto;
font-size:1.7em;}

img#faq-left04
{
margin:0 10px 0 0;
height:60px;
}
img#faq-right04
{
margin:0 0 0 10px;
height:60px;
}
img#faq-left05
{
margin:0 10px 0 0;
height:66px;
}
img#faq-right05
{
margin:0 0 0 10px;
height:66px;
}
.faq-item-button
{
display:block;
clear:both;
background:#fff8c9;
text-align:left;
width: 960px;
height:60px;
margin:5px auto;
}

.faq-item-button h3 
{
line-height:60px;
color:#aba000 !important; 
margin-left:1em !important;
font-size:1.2em;
}

.answer
{
width:860px;
margin:0 auto;
background:#fff;
padding:5px 20px;
}