@charset "UTF-8";

.pagination { font-size:14px; text-align:center; width: 100%;
    margin-top: 50px;
}
.pagination ul li { display:inline; }
.pagination .pagenav { padding:4px; width:20px; 
display: inline !important;
padding-left: 7px;
padding-right: 7px;
margin: 0 5px;
}

.pagination > ul >li > span.pagenav { color:#fff; background:#5671b4; }
.pagination > ul >li.pagination-start > span.pagenav,
.pagination > ul >li.pagination-end > span.pagenav,
.pagination > ul >li.pagination-prev > span.pagenav,
.pagination > ul >li.pagination-next > span.pagenav { color:inherit;  background: none; }


.blog .items-row  {
   margin-top: 40px ;
}
.blog .items-row:first-child  {
   margin-top: 0px ;
}
.page-header h2 {
  font-family: 'Philosopher', Verdana, Arial, sans-serif;
  font-size: 24px;
}
h2, .h2 {
    margin-top: 0px !important;
}
.page-header {
    margin: 0px 0 20px !important;
}
.item  img {
  margin: 20px 0;
}
.pull-left.item-image img {
	margin: 0px 20px 20px 0;
    max-width: 300px;
}
/* START GENARAL */

html {
    overflow-y: scroll;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000000;
}

body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #323538;
}
.blog > .page-header, .item-page  > .page-header {
    margin: 0px 0 0px !important;
        padding-bottom: 0px; 
    border-bottom: 0px solid #eee;
}
 .item-page  > .page-header h2 {
    margin-bottom: 30px;
}

/*
body{display:none;}
 */

.animation {
    -webkit-transition: all 0.4s ease;
    -webkit-transition-delay: 0.10s;
    -moz-transition: all 0.4s ease;
    -moz-transition-delay: 0.10s;
    -ms-transition: all 0.4s ease;
    -ms-transition-delay: 0.10s;
    -o-transition: all 0.4s ease;
    -o-transition-delay: 0.10s;
}

.item-page img {
    margin: 30px 0;
    max-width: 100%;
    height: auto;
}

p {
    line-height: 24px;
}

a {
    color: #5671b4;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

h1 {
    margin-bottom: 30px;
    line-height: inherit;
    font-weight: 600;
}
 

 

.input-style {
    border: 1px solid #c5c5c5;
    color: #999 !important;
    background: transparent;
    height: 40px;
    border-radius: 0px;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 15px;
    line-height: 30px;
}

.input-style::-webkit-input-placeholder,
.input-style:-moz-placeholder,
.input-style::-moz-placeholder {
    color: #999;
}

.input-style:focus {
    outline: none;
    outline: 2px solid #00@9ace;
}

textarea {
    min-height: 100px;
    max-width: 100%;
}

 

 

.error-input {
    border: 1px solid #e21e2c;
    outline: 2px solid #e21e2c;
}

.modal-content {
    position: relative;
    padding: 30px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
    border: 0px;
    outline: 4px solid #fff;
    outline-offset: 10px;
    border-radius: 0px;
}

.modal-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
 

.modal-backdrop.in {
    opacity: 0.8 !important;
}
 
 

 

.modal-content button.close {
    position: absolute;
    text-shadow: 0 0 0;
    opacity: 1;
    font-size: 30px;
    top: 0px;
    right: 0px;
    height: 50px;
    width: 50px;
    background: #e21e2c;
    border-radius: 0;
    color: #fff;
}

.title-mod {
    text-align: center;
    display: block;
    font-weight: 600;
    font-size: 21px;
    padding: 40px 40px 35px;
}

.modal-content .btn-def {
    margin: 30px auto 10px;
}


/* END GENARAL */
 

.my-block {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
        top: 0;
    right: 0;
}
.video-block {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 999;
    height: 100%;
    margin: 0 auto;
}
.video-block video {
    width: 100%;
}
.first-screen {
     position: absolute;
    width: 100%;
    height: 100%; 
}
.navbar-default {
    padding: 15px 0;
    background-color: #fff;
    border-color: #fff;
        font-family: 'Philosopher', Verdana, Arial, sans-serif;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}
.navbar-nav > li {
    position: relative;
}
.navbar-nav > li > a {
    padding: 0px;  
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-nav {
    width: 100%;
}
.navbar-header img {
    margin-right: 15px;
    max-height: 70px;
}
.title-site {
       position: relative;
    top: 10px;
    font-size: 18px; 
}
.nav > li { 
    width: 14.2%;
      display: block !important;
    text-align: center;
}
.navbar-default .navbar-collapse {
    padding: 15px 0;
}
.navbar-nav > li:nth-child(1) > a, .navbar-nav > li:nth-child(4), .navbar-nav > li:nth-child(5) > a, .navbar-nav > li:nth-child(6) > a {
    position: relative;
    top: 8px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: transparent;
}
.callback {
    background: rgba( 130, 164, 182, 0.8);
    color: #fff;
    font-size: 35px;
    font-family: 'Philosopher', Verdana, Arial, sans-serif;
    height: 100px;
    line-height: 100px;
    position: absolute;
    bottom: 0px;
    right: 0;
    text-align: center;
    left: 0;
}
.callback:hover, .callback:focus {
      color: #fff;
}
.two-screen {
    margin-top: 80px;
}
.img-h {
    display: block;
    margin-bottom: 20px;
}
.news-item .img-h {
    max-height: 260px;
    overflow: hidden;
}
.title-item {
    font-family: 'Philosopher', Verdana, Arial, sans-serif;
    font-size: 21px;
    display: block;
    margin-bottom: 15px;
}
H1 {
    font-size: 46px;
        font-family: 'Philosopher', Verdana, Arial, sans-serif;
}
.title-block {
        font-family: 'Philosopher', Verdana, Arial, sans-serif;
    font-size: 27px;
    border-bottom: 2px solid red; 
    padding-bottom: 10px;
    display: block;
    margin-bottom: 40px;
}
.indent-block {
    margin-bottom: 90px;
}
.footer { 
    color: #999;
    padding: 30px;
    background: #eee;
   margin-top: 40px;
}
.footer p {
    margin-bottom: 0px;
}
.footer a {
    color: #e21e2c;
font-size: 22px;
}
.footer .fa {
    font-size: 34px;
    margin: -7px 10px;
}
.phone { 
}
.nav-pills > li + li {
    margin-left: 0px;
}
.page-cnt {
    margin-top: 140px;
}
.pg-csv-name {
    padding-left: 0;
    background: none;
}
.pg-csv-box {
    width: 30.7005%;
}
.pg-csv-box-img {
    float: left;
    margin-right: 20px;
}
.pg-csv-count {
    font-size: inherit;
}
.pg-cv-box.item .pg-box-img-bottom {
    display: none;
}
.pg-cv-box.item   {
    height: inherit;
}

.sticky-content{
  background: #DDD;
  padding: 10px;
}

.sticky-content.fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
    margin-top: 182px;
}
.sticky-content.fixed .callback{
   background: rgba( 130, 164, 182, 0.8);
}