
/* menu */
.menu-container {
  background-color: white;
  width: 100%;
  border-bottom: 1px solid rgb(225,225,225);
  color: gray;
  height: auto;
  line-height: 1 !important;
  padding-bottom: 1px;
  padding-top: 1px;
  font-size: 13px;
}

.menu-item {
  float: left;
  margin-right: 25px;
  padding: 10px 0px;
}

.menu-item a {
  color: gray !important;
  text-decoration: none;
}

.menu-item a:hover {
  color: rgb(40,70,100) !important;
  text-decoration: underline;
}


/* header */
.fp-header{
    width:100%;
    background-color: rgb(61,120,171);
    border-bottom: 2px solid white;
}


.fp-header-logo{
margin-top:20px;
margin-bottom:10px;
float:left;

width: 218px;
height: 18px:
}







.custom-btn {
    background-color: #4173C9;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 15px;
    line-height: 1.54;
    padding: 7px 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px rgba(0,0,0,0.1);
    width:200px;
}



.gl-button { background: none repeat scroll 0 0 #be3c2b !important; color: #FFFFFF !important; }
a.gl-button { color: #FFFFFF !important; text-decoration: none; }
a.gl-button:hover { color: #FFFFFF !important; text-decoration: none; }


.fb-button { background: none repeat scroll 0 0 #5B74A8 !important; color: #FFFFFF !important; }
a.fb-button { color: #FFFFFF !important; text-decoration: none; }
a.fb-button:hover { color: #FFFFFF !important; text-decoration: none; }

.tw-button { background: none repeat scroll 0 0 #00A6E7 !important; color: #FFFFFF !important; }
a.tw-button { color: #FFFFFF !important; text-decoration: none; }
a.tw-button:hover { color: #FFFFFF !important; text-decoration: none; }

.mw-button { background: none repeat scroll 0 0 #00A6E7 !important; color: #FFFFFF !important; font-size: 15px; font-weight: 700;}
a.mw-button { color: #FFFFFF !important; text-decoration: none; }
a.mw-button:hover { color: #FFFFFF !important; text-decoration: none; }









.test{ border: 1px solid red; background-color: yellow; }

.fp-h1{ font-size: 22px; }



.fp-body, fieldset {
    margin: 0;  background-color: #F6F6F6;
}




.fp-body {
    margin: 0;  background-color: #F6F6F6;
}

.fp-footer{
background-color: rgb(95,95,95);
b-ackground: linear-gradient(#5f5f5f, #5a5a5a) repeat scroll 0 0 transparent;
color:white;
}

.fp-footer-row{width:190px; float:left; margin-top: 50px; }
.fp-fotter-row-title{ f-ont-weight: bold; font-size: 18px; }

.fp-footer-row{
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
    }

.fp-footer a{ padding-left:10px;}
.fp-footer a:link {color:#64C8FF; text-decoration:none;b-order-bottom:1px dotted #189ACB;}
.fp-footer a:visited {color:#64C8FF; text-decoration:none;b-order-bottom:1px dotted #189ACB;}
.fp-footer a:active {color:#189ACB; text-decoration:none;b-order-bottom:1px dotted #189ACB;}
.fp-footer a:hover {color:#189ACB; text-decoration:none;b-order-bottom:1px solid #189ACB;}


.fp-feature-panel{ margin-bottom: 50px; }



.fp-feature-screenshot{ border: 1px solid rgb(210,210,210); float:left;margin-right:30px; 
  max-width: 100%;
  min-width: 100%;}
.fp-feature-screenshot-mini{ border: 1px solid rgb(210,210,210); float:left; margin-right:30px; }
.fp-feature-block{ margin-bottom: 50px; }
.fp-pointer-title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
    color: #000000;
    font-family: Roboto,arial,sans-serif;
}
.fp-pointer-text { font-size: 14px; c-olor: red; }



.fp-action-btn{ 
    background-color: #4173C9;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 18px;
    f-ont-weight: bold;
    line-height: 1.54;
    padding: 10px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px rgba(0,0,0,0.1);
    w-idth:200px;
    font-family: 'Arial',arial,sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;

    background: none repeat scroll 0 0 #00A6E7 !important; color: #FFFFFF !important; font-size: 14px; f-ont-weight: 700;
}

a.fp-action-btn { color: #FFFFFF !important; text-decoration: none; }
a.fp-action-btn:hover { color: #FFFFFF !important; text-decoration: none; }

h1.fp-title-line{ padding-top: 50px; font-size: 22px; color: black; font-weight: normal; }

.fp-user-voice{ text-align:center; margin: 0px 20px; font-size: 20px; font-family: 'Times New Roman'; font-style: italic; }



.fp-content-screenshot {
  margin-top:30px; 
  width:500px; 
  height:333px; 
  border: 1px solid rgb(220,220,220); float: left; margin-right: 30px; border: 0px solid red;

}

.fp-content-infoblock{ margin-top:30px; margin-left: 50px; }

.btn-nav-back-container{ margin-bottom: 20px; margin-top: 30px; }
a.btn-nav-back {

    background-color: #00A6E7;
    color: white;
    padding: 5px 10px;

    text-decoration: none; 
}



/* first page */
.window-container {
    position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color: rgb(61,120,171); }

.center-container {
    position:absolute; top:40%; left:50%; right:0px; margin-left:-109px; width:218px;
    margin-top:-9px; height:18px; text-align: center; }

.center-container a { color: silver; text-decoration: none; }
.center-container a:hover { color: white; }

