/*
Theme name: Perfect Design
Author: Perfect Point Marketing
*/


/* ==========================================================================
	Stylesheet guideline
   
	1. Home
	2. Navigation Bar	
	3. About page
	4. Features page  
	5. programm Page
	6. Testimonial Page
	7. Parallax Page
	8. Team Page
	9. Pricing Page
	10. Project count Page	
	11. Partners Page
	12. CTA Page
	13. Blog Page
	14. Contact Page
	15. Footer	
	16. Preloader CSS
	17. Color Scheme
	
   ========================================================================== */



/* ------------------------------------	*/
/*  		   General CSS				*/
/* ------------------------------------	*/
.inline-block { width:110px; height:50px; background:#f1f1f1; float:left; 
margin: 0 15px 15px 0; text-align:center; padding: 10px; }
.nav1 {
	display: inline-block; /*Задаем блочно-строчное отображение*/
  	width: 100px; /*задаем ширину блока*/
        }
.nav2 {
	display: inline; /*Задаем блочно-строчное отображение*/
  	width: 70px; /*задаем ширину блока*/
	margin-right:5 px;
        }

a{
color:#ffffff;
}
body{
font-family:'PT Sans', sans-serif;
line-height:23px;
/*overflow-x:hidden;*/
color:#333;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
/*font-family:'PT Sans', sans-serif;*/
}
section{
position:relative;
z-index: 0;
overflow: hidden;
}
section.section-padding{
padding-left: 5%; 
padding-top: 4%; 
padding-right: 5%;
}
.hero-title{
margin-bottom:30px;
}
.hero-title i{
background:none repeat scroll 0 0 #1b4e9b;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
color:#fff;
font-size:35px;
height:75px;
padding:20px;
width:75px;
}
.hero-title p{
position:relative;
padding-bottom:30px;
font-size: 16px;
color: #333;
}
.hero-title p:after{
background:none repeat scroll 0 0 #c2cdd0;
bottom:0;
content:"";
height:1px;
left:50%;
margin-left:-75px;
position:absolute;
width:150px;
}

#directions p {font-size: 16px;}
/* ------------------------------------	*/
/*  			 1. Home				*/
/* ------------------------------------	*/

#home{
/*height:100vh;
display:table;
min-height:100%;
vertical-align:middle;
width:100%;
position:relative;

display:table;*/
overflow: hidden;  width:100%; min-height: 600px; height: 100vh; top: 0px; left: 0px;  z-index: 5;
}
video { position: absolute; top: 0px; left: 0px;height: 100%; z-index: 3;}

.welcome-text{
/*display:table-cell;*/
position:absolute;
left:0;right:0;
top:50%;
margin:0 auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align:middle;
z-index:3;
text-align:center;
color:#fff;
font-size:16px;
z-index:99;
width: 100%;
}
.welcome-text .letie25 {font-weight:bold; font-size:1.1em}

.welcome-logo {padding-bottom: 0px;}

.overlay{
/*background:  url("../img/overlay.png") repeat scroll 0px 0px;*/
background-color: rgba(0,0,0,0.6);

position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 6;
}
.overlay::before {content:' '; position: absolute; width: 147px; height: 30px; bottom: -19px; left:50%; margin-left: -74px;background: url('../img/down-arrow.png') top center;}

/*.welcome-text .container{
max-width:800px;
}
*/
.home-parallax, .parallax-bg, #home{
background:url(../img/fonbg.jpg) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
#home{
background:url(../img/top-fon.jpg) no-repeat fixed center top;
background-size:cover;}


.home-parallax, .parallax-bg{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.home-overlay, .parallax-overlay{
background:none repeat scroll 0 0 #000;
height:100%;
left:0;
opacity:0.5;
position:absolute;
top:0;
width:100%;
content:"";
}

.parallax-overlay{background-color:#1b4e9b}

.welcome-text h2{
font-size:32px;
text-transform:uppercase;
line-height: 1.8em;
padding-top:10px;
padding-bottom: 70px;}
/**/




.social-bookmark{
margin-top:30px;
}
.social-bookmark a{
font-size:30px;
margin:0 5px;
color:#fff;
/*transition*/
-webkit-transition:all 100ms ease 0s;
   -moz-transition:all 100ms ease 0s;
     -o-transition:all 100ms ease 0s;
        transition:all 100ms ease 0s;
}
.social-bookmark a i{
/*transition*/
-webkit-transition:all 1s ease 0s;
   -moz-transition:all 1s ease 0s;
     -o-transition:all 1s ease 0s;
        transition:all 1s ease 0s;
}
.social-bookmark a i:hover{
/*transform*/
-webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
     -o-transform:rotate(360deg);
        transform:rotate(360deg);
opacity:.8;
}
.welcome-text{
}


/* ------------------------------------	*/
/*  		 2. Navigation Bar			*/
/* -----------------------------------	*/


.navbar-default a.navbar-brand{
color:#1b4e9b;
font-weight:300;
font-size:24px;
text-transform:uppercase;
letter-spacing:2px;
}
.navbar-default a.navbar-brand{padding: 5px;}
.navbar-default a.navbar-brand img {height:60px;}
.navbar-default a.navbar-brand span{
color:#334852;
}
.navbar-default .navbar-nav > li > a{
color:#fff;
letter-spacing:0px;
text-transform:uppercase;
line-height: 40px;
}
.navbar-default .navbar-nav > li.current > a,.navbar-default .navbar-nav > li > a:hover{
color:#1b4e9b;
background-color:#fff
}
.navbar-default .navbar-nav > li > a:focus{
outline:none;
color:#86989d;
}
.navbar-default .navbar-nav > li.current > a:focus{
color:#000;
}
.navbar-default{
background-color:#1b4e9b;
border:none;
box-shadow: 0px 0px 20px #aaa;
}
.is-sticky .navbar.navbar-default.navbar-static-top{
width:100%;
}

.navigation-right{
  color:#000;
  position: fixed;
  z-index: 4;
  top: 3%;
  width: 20%;
}
.hidden-menu {
  display: block;
  position: fixed;
  list-style:none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 21%;
  padding-right: 2%;
  height: 100%;
  top: 20%;
  right: -19.9%;
  transition: right .2s;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.hidden-menu-ticker {
  display: none;
}

.btn-menu {
  padding: 10px;
  position: fixed;
  top: 20%;
  right: 20px;
  cursor: pointer;
  transition: right .23s;
  z-index: 4;
  width: 4%;
  height: 13%;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu span {
  display: block;
  height: 7px;
  background-color: #1b4e9b;
  margin: 10px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu span.first {
  -webkit-transform: rotate(-45deg);
  top: 6px;
  width: 55px;
}
.btn-menu span.second {
  -webkit-transform: rotate(45deg);
  top: 24px;
  width: 55px;
}
.btn-menu span.third {
  top: -18px;
  width: 23px;
  left: 16px;
}
.btn-menu span.fourth {
  top: -20px;
  width: 23px;
  left: 16px;
}

.hidden-menu-ticker:checked ~ .btn-menu {
  right: 20.9%;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
  right: 0px;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  -webkit-transform: rotate(-45deg);
}

.hidden-menu-mobile {
  display: block;
  position: fixed;
  list-style:none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 41%;
  padding-right: 2%;
  height: 100%;
  top: 0;
  right: -39.9%;
  transition: right .2s;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.hidden-menu-mobile-ticker {
  display: none;
}

.btn-menu-mobile {
  padding: 10px;
  position: fixed;
  top: 10%;
  right: 1%;
  cursor: pointer;
  transition: right .23s;
  z-index: 4;
  width: 15%;
  height: 13%;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu-mobile span {
  display: block;
  height: 7px;
  background-color: #1b4e9b;
  margin: 10px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu-mobile span.first {
  -webkit-transform: rotate(-45deg);
  top: 5%;
}
.btn-menu-mobile span.second {
  -webkit-transform: rotate(45deg);
  top: 23.5%;
}

.hidden-menu-mobile-ticker:checked ~ .btn-menu-mobile {
  right: 40.9%;
}
.hidden-menu-mobile-ticker:checked ~ .hidden-menu-mobile {
  right: 10px;
}
.hidden-menu-mobile-ticker:checked ~ .btn-menu-mobile span.first {
  -webkit-transform: rotate(45deg);
}
.hidden-menu-mobile-ticker:checked ~ .btn-menu-mobile span.second {
  -webkit-transform: rotate(-45deg);
}

.text-navigation{
  color:#000000;
  font-size:28px;
  line-height:32px;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 7px;
  border: 3px solid #1b4e9b;
  background: #2869cb;
  width: 110%;
  margin: 0px auto 5px auto;
  color: #fff;
  padding: 3px 0;
  transition: all .3s ease-in-out;
}


.text-navigation-mobile{
  color:#000000;
  font-size:20px;
  line-height:22px;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 7px;
  border: 3px solid #1b4e9b;
  background: #2869cb;
  width: 110%;
  margin: 0px auto 5px auto;
  color: #fff;
  padding: 3px 0;
  transition: all .3s ease-in-out;
}


.navigation-right > a:hover{
  color:#1b4e9b;
  background:#fff;
}
.navigation-right > a:focus{
  outline:none;
  color:#86989d;
}
.navigation-right > a:current{
  color:#1b4e9b;
  background:#fff;
}

/* ------------------------------------	*/
/* 		 	   3. About page			*/
/* -----------------------------------	*/

#about{
font-size:16px;
}
.page-title{
color:#334852;
font-family:'Open Sans';
font-size:28px;
font-weight:700;
letter-spacing:0px;
line-height:35px;
margin-bottom:20px;
text-transform:uppercase;
}
#about .page-title{
}
.btn-filled, .btn-bordered{
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
margin-top:15px;
}
.btn-filled{
background:#1b4e9b;
color:#fff;
margin-right:20px;
border:2px solid #1b4e9b;
}
.btn-bordered{
border:2px solid #1b4e9b;
color:#1b4e9b;
background:transparent;
}
.btn-filled:hover{
color:#fff;
opacity:.7;
}
.btn-bordered:hover{
color:#1b4e9b;
opacity:.7;
}

/* ------------------------------------	*/
/*  		 4. directions page			*/
/* -----------------------------------	*/


#directions{
background:url(../img/fonbg.jpg) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
color: #fff
}
.directions-bg{
background:#035c9e;
opacity:.6;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#directions h2.page-title{
color:#fff;
}

.directions-item{
color:#fff;
font-size:13px;
line-height:22px;
margin-bottom:25px;
margin-top:25px;
padding-left:60px;
position:relative;
min-height:120px;
}
.directions-item i{
font-size:30px;
left:0;
position:absolute;
top:5px;
}
.directions-item h2{
font-family:open sans;
font-size:18px;
font-weight:300;
margin:0 0 15px;
text-transform:uppercase;
}
.directions-item p{
}

/* ------------------------------------	*/
/*  		 5. programm Page			*/
/* -----------------------------------	*/

ul.programm-filters{
}
ul.programm-filters li{
border:2px solid #1b4e9b;
color:#1b4e9b;
display:inline-block;
font-family:pt sans;
margin:3px;
padding:5px 15px;
text-transform:uppercase;
cursor:pointer;

}
ul.programm-filters li.active, ul.programm-filters li:hover{
background:#1b4e9b;
color:#fff;
}
#programm{
}
#programm_list .pitem{
position:relative;
margin-top:30px;
width:100%
}
#programm_list .programm-item{
position:relative;
overflow:hidden;
min-height: 100px;
padding-left:55px;
}
#programm_list .programm-item:before{
position: absolute; 
left: 0; top:12px;
content:'';
font-weight: 700;
font-style: italic;
font-size: 60px;
color: #ddd;
width: 40px;
text-align: right;
}
#programm_list .programm-item:nth-child(1):before{content: '1';}
#programm_list .programm-item:nth-child(2):before{content: '2';}
#programm_list .programm-item:nth-child(3):before{content: '3';}
#programm_list .programm-item:nth-child(4):before{content: '4';}

.moderator {position: relative;padding: 20px 0;}
.moderator img {width: 100px; border-radius: 100px; border: 5px solid #ff8400; margin: 0 auto;}
.moderator .fio {margin-left: 120px; padding-top: 0px;padding-bottom:12px; color: #000; font-weight: bold; font-size: 16px; position: absolute; top: 20px; white-space:nowrap}
.moderator .dolgn {margin-left: 120px; color: #999; padding-right: 30px; position: absolute; top: 50px; line-height: 1.45em}




#programm_list .programm-item:hover img{
/*transform*/
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}

/* ------------------------------------	*/
/*  	 6. Testimonial Page			*/
/* -----------------------------------	*/

#testimonials{
background:#ECF0F3;
}
.single-testimonial{
display:none;
}
.single-testimonial.active{
display:block;
}
.clients-list{
margin:0;
padding:0;
list-style:none;
}
.clients-list li{
float:left;
width:25%;
}
.clients-list li img{
height:auto;
width:100%;
}
.testimonial_section{
background:#fff;
overflow:hidden;
position:relative;
}
.testimonial_section:before, .testimonial_section:after{
background:none repeat scroll 0 0 #ecf0f3;
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:15px;
z-index:99;
}
.testimonial_section:after{
left:auto;
right:0;
}
.single-testimonial{
padding-right:30px;
}
.single-testimonial h2{
color:#1b4e9b;
font-family:open sans;
font-size:20px;
font-weight:300;
margin-bottom:25px;
margin-top:50px;
text-transform:uppercase;
}
.client-info h2{
margin-bottom:10px;
margin-top:30px;
color:#666;
font-weight:400;
}
.clients-list li a{
position:relative;
display:block;
}
.clients-list li a:before{
background:none repeat scroll 0 0 #333;
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
opacity:.6;
}
.clients-list li.active a:before , .clients-list li:hover a:before{
display:none;
}
#testimonials .col-lg-12{
}

/* ------------------------------------	*/
/*  		 7. Parallax Page			*/
/* -----------------------------------	*/


#parallax_1{
color:#fff;
position:relative;
}
#parallax_1 .btn-bordered{
border-color:#fff;
color:#fff;
}
#parallax_1 h2.page-title{
color:#fff;
}
.parallax-bg, #parallax_1{
background:url(../img/demo-images/parallax-one.jpg) no-repeat scroll center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
.parallax-bg:before{
background:#333;
}
.call_to_action{
padding:100px 0;
}

/* ------------------------------------	*/
/*  		 8. Team Page				*/
/* -----------------------------------	*/

#our-team{
background:#ECF0F3;
}
.team-item img{
width:200px;
height: 200px;
}
.team-item:hover img{
opacity:.6;
}
.team-item{
background:#fff;
text-align:center;
padding-bottom: 20px;
}
.team-item h2{
color:#334852;
font-size:18px;
text-transform:uppercase;
font-weight:500;
min-height: 40px;
}
.team-item .dolgn{
color:#1b4e9b;
font-weight:500;
font-size: 14px;
min-height: 92px
}
.team-item .thema{
font-size: 16px;
font-weight:bold;
min-height: 126px
}
.social-profile{
padding-bottom:20px;
margin-bottom:20px;
}
.social-profile a{
color:#86989d;
margin:0 2px;
font-size:18px;
}
.social-profile a i{
/*transition*/
-webkit-transition:all 1s ease 0s;
   -moz-transition:all 1s ease 0s;
     -o-transition:all 1s ease 0s;
        transition:all 1s ease 0s;
}
.social-profile a:hover i{
/*transform*/
-webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
     -o-transform:rotate(360deg);
        transform:rotate(360deg);
}
.social-profile a:hover{
opacity:.8;
}

/* ------------------------------------	*/
/*  		 9. Pricing Page			*/
/* -----------------------------------	*/
.row h3 {
  margin-bottom: 22px;
  margin-left: 22px;
}
.row h4 {
  margin-bottom: 22px;
  margin-left: 22px;
}
#pricing {background: #ECF0F3;}
.price-list{
  font-size: 20px;
  text-align: center;
  font-weight:530;
  letter-spacing:2px;
}
.price-title{
background:none repeat scroll 0 0 #ecf0f3;
border:1px solid #ddd;
}
.price-title h4{
color:#666;
font-family:open sans;
font-size:20px;
font-weight:300;
letter-spacing:2px;
margin:0;
padding:10px;
text-align:center;
text-transform:uppercase;
}
.plan-price{
border-left:1px solid;
border-right:1px solid;
border-color:#ccc;
}
.plan-price h2{
color:#666;
font-size:40px;
margin:0;
padding:20px;
text-align:center;
}
.plan-price h2 span{
font-family:open sans;
font-size:15px;
font-weight:300;
margin-bottom:0;
padding-right:8px;
vertical-align:middle;
}
.plan-features{
border:1px solid #ddd;
margin:0;
}
.plan-features li{
border-bottom:1px solid #ccc;
font-size:16px;
padding:15px 15px 15px 25px;
}
.plan-features li:last-child{
border-bottom:0px solid;
}
.plan-link{
border:1px solid #ddd;
text-align:center;
border-top:0px solid;
}
.plan-link a.btn-bordered{
font-size:16px;
letter-spacing:2px;
margin:10px 0;
text-transform:uppercase;
}
.popular{
}
.popular .price-title{
background-color:#1b4e9b;
}
.popular .price-title h4{
color:#fff;
}
.popular .plan-link a.btn-bordered{
background:#1b4e9b;
color:#fff;
}
.popular .plan-link,.popular .plan-features li, .popular .price-title, .popular .plan-features, .popular .plan-price{
border-color:#1b4e9b;
}

/* ------------------------------------	*/
/*  	10. Project count Page			*/
/* -----------------------------------	*/

#project-count{
background:url(../img/demo-images/parallax-one.jpg);
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
color:#fff;
position:relative;
}
.single-count{
text-align:center;
}
.single-count i{
font-size:30px;
}
.single-count h2{
font-family:open sans;
font-size:50px;
font-weight:300;
letter-spacing:5px;
margin:10px 0;
}
.single-count p{
font-weight:300;
letter-spacing:2px;
margin:0;
text-transform:uppercase;
}

/* ------------------------------------	*/
/*  		 11. Partners Page			*/
/* -----------------------------------	*/


.partner-list{
}
.single-partner{
margin:0 5px;
}
.single-partner img{
border:1px solid #1b4e9b;
width:100%;
}
.owl-buttons{
margin-top:10px;
margin-left:5px;
}
.owl-buttons div{
border:1px solid #1b4e9b;
color:#1b4e9b;
display:inline-block;
font-size:20px;
height:30px;
line-height:25px;
margin-right:10px;
text-align:center;
width:30px;
}
.owl-buttons div.owl-prev{
}
.owl-buttons div.owl-next{
}
.owl-buttons div:hover{
opacity:.6;
}

#partners .item {text-align: center;}

/* ------------------------------------	*/
/*  		   12. CTA Page				*/
/* -----------------------------------	*/

#call-to-action{
background:none repeat scroll 0 0 #1b4e9b;
color:#fff;
padding:40px 0;
text-align:center;
}
.cta-content h2{
font-family:open sans;
font-size:30px;
font-weight:300;
line-height:45px;
margin:0 0 10px;
}
.cta-content a{
border: 2px solid #fff;
color: #fff;
display: inline-block;
font-size: 19px;
font-weight: 300;
margin: 10px 0 0;
padding: 5px 25px;
text-transform: uppercase;
}
.cta-content a:hover{
opacity:.7;
color:#fff;
text-decoration:none;
}

/* ------------------------------------	*/
/*  		 13. Blog Page				*/
/* -----------------------------------	*/

.text-masters{
  display:inline-block;
  width: 30%;
  font-family:open sans;
  font-size:10px;
  color:#000;
  text-decoration: none;
  text-align: center;
  border-radius: 7px;
  border: 3px solid #1b4e9b;
  background: #FFF;
  width: 110%;
  margin: 0px auto 5px auto;
  padding: 3px 0;
  transition: all .3s ease-in-out;
  vertical-align: middle;
}
.text-masters h1{
  font-size: 19px;
  font-weight:600;
  margin:5px 0 5px;
}
.text-masters h2{
  font-size: 26px;
  font-weight:500;
  display: inline;
  vertical-align: middle;
  min-height: 95px;
  overflow: hidden;
}
.text-masters h3{
  font-size: 21px;
  font-weight:700;
}
.text-masters h4{
  font-size: 15px;
  font-weight:500;
  color:#000;
}
.featured-content{
position:relative;
}
.blog-list{
}
.single-blog{
}
.single-blog h2{
font-family:open sans;
font-size:25px;
font-weight:300;
margin:10px 0 7px;
}
.single-blog span{
font-size:12px;
}
.single-blog p{
margin-top:15px;
}
.single-blog a.btn-bordered{
margin-top:0;
}
.featured-content{
}
.featured-content .portfolio-detail{
display:none
}
.featured-content:hover .portfolio-detail{
display:block
}

/* ------------------------------------	*/
/*  		 14. Contact Page			*/
/* -----------------------------------	*/

#register{
background:#ECF0F3;
}
.contact-form{
}
#ajax-contact {overflow:hidden;margin-bottom:20px}
.form-group{
}
.form-group label{
font-weight:300;
text-transform:uppercase;
}
.form-group input[type=text], .form-group input[type=email], .form-group textarea{
border:1px solid #1b4e9b;
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
/*box-shadow*/
-webkit-box-shadow:0 0 0;
   -moz-box-shadow:0 0 0;
        box-shadow:0 0 0;
}
.form-group textarea{
}
.form-group textarea:focus{
/*box-shadow*/
-webkit-box-shadow:0 0 0;
   -moz-box-shadow:0 0 0;
        box-shadow:0 0 0;
}
.form-group .btn-bordered {
margin-top:0;
}
.form-group .btn.btn-bordered:focus, .form-group .btn-bordered:active {
  background: none repeat scroll 0 0 #666;
  color: #fff;
  outline: none;
  border-color:#666;
}
#form-messages {
padding: 5px 10px;clear:both;
}
#form-messages.success {
border: 2px solid #1b4e9b
}
#form-messages.error {
border:2px solid #cc0000
}
.address-info{
margin-bottom:30px;
}
.address-info h3{
font-size:20px;
font-weight:400;
}
.address-info p{
margin-bottom:5px;
}
.address-info ul{
}
.address-info ul li{
}
.address-info ul li a{
background:none repeat scroll 0 0 #1b4e9b;
color:#fff;
display:inline-block;
height:25px;
text-align:center;
width:25px;
}
.address-info ul li a:hover{
opacity:.7;
}
#map{
width:100%;
height:400px;
}

/* ------------------------------------	*/
/*  			 15. Footer				*/
/* -----------------------------------	*/


#footer{
}
#footer p{
margin:0;
padding:15px 0;
}
.company-name{
font-weight:700;
text-align:right;
}
.company-name span{
color:#1b4e9b;
}
.animated{
/*animation-duration*/
-webkit-animation-duration:1000ms;
   -moz-animation-duration:1000ms;
    -ms-animation-duration:1000ms;
     -o-animation-duration:1000ms;
        animation-duration:1000ms;
}

/* ------------------------------------	*/
/*  		 16. Preloader CSS			*/
/* -----------------------------------	*/


body{
/*overflow-y:hidden;*/
}
#preloader{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:9999;
background-color:#1b4e9b;
}
.spinner{
height:150px;
left:50%;
margin:-75px auto 100px -75px;
position:absolute;
top:50%;
width:150px;
}
.cube{
width:33%;
height:33%;
background:#fff;
float:left;
/*animation*/
-webkit-animation:scaleDelay 1.3s infinite ease-in-out;
   -moz-animation:scaleDelay 1.3s infinite ease-in-out;
    -ms-animation:scaleDelay 1.3s infinite ease-in-out;
     -o-animation:scaleDelay 1.3s infinite ease-in-out;
        animation:scaleDelay 1.3s infinite ease-in-out;
}
/* 
     * Spinner positions
     * 1 2 3 
     * 4 5 6
     * 7 8 9
     */

    .spinner .cube:nth-child(1){
/*animation-delay*/
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
     -o-animation-delay:0.2s;
        animation-delay:0.2s;
}
.spinner .cube:nth-child(2){
/*animation-delay*/
-webkit-animation-delay:0.3s;
   -moz-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
     -o-animation-delay:0.3s;
        animation-delay:0.3s;
}
.spinner .cube:nth-child(3){
/*animation-delay*/
-webkit-animation-delay:0.4s;
   -moz-animation-delay:0.4s;
    -ms-animation-delay:0.4s;
     -o-animation-delay:0.4s;
        animation-delay:0.4s;
}
.spinner .cube:nth-child(4){
/*animation-delay*/
-webkit-animation-delay:0.1s;
   -moz-animation-delay:0.1s;
    -ms-animation-delay:0.1s;
     -o-animation-delay:0.1s;
        animation-delay:0.1s;
}
.spinner .cube:nth-child(5){
/*animation-delay*/
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
     -o-animation-delay:0.2s;
        animation-delay:0.2s;
}
.spinner .cube:nth-child(6){
/*animation-delay*/
-webkit-animation-delay:0.3s;
   -moz-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
     -o-animation-delay:0.3s;
        animation-delay:0.3s;
}
.spinner .cube:nth-child(7){
/*animation-delay*/
-webkit-animation-delay:0.0s;
   -moz-animation-delay:0.0s;
    -ms-animation-delay:0.0s;
     -o-animation-delay:0.0s;
        animation-delay:0.0s;
}
.spinner .cube:nth-child(8){
/*animation-delay*/
-webkit-animation-delay:0.1s;
   -moz-animation-delay:0.1s;
    -ms-animation-delay:0.1s;
     -o-animation-delay:0.1s;
        animation-delay:0.1s;
}
.spinner .cube:nth-child(9){
/*animation-delay*/
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
     -o-animation-delay:0.2s;
        animation-delay:0.2s;
}
@-webkit-keyframes scaleDelay{
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) }
      35%           { -webkit-transform:scale3D(0.0, 0.0, 1.0) }
}
@keyframes scaleDelay{
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) }
      35%           { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) }
}


/* ------------------------------------	*/
/*  		 17. Color Scheme			*/
/* -----------------------------------	*/


a, .navbar-default a.navbar-brand, .btn-bordered, .single-testimonial h2, .team-item h4, .company-name span, .owl-buttons div, }

.hero-title i, .btn-filled, .features-bg, .popular .price-title, .popular .plan-link a.btn-bordered, .address-info ul li a, #preloader, .portfolio-overlay, #call-to-action, .parallax-overlay {background-color:#1b4e9b}

.btn-filled, .btn-bordered, .form-group input[type=text], .form-group input[type=email], .form-group textarea, .popular .plan-link,.popular .plan-features li, .popular .price-title, .popular .plan-features, .popular .plan-price, .single-partner img, .owl-buttons div {border-color:#1b4e9b}
.btn-register { color:#1a4e9b; border:0; text-transform: uppercase;font-weight:bold;font-size:24px;margin-top: 10px;padding: 6px 12px;vertical-align: middle;text-align: center;white-space: nowrap;text-decoration:none;margin-top:10px;}
.btn-register:hover {color: #1b4e9b;opacity: .7;text-decoration: none}



/* ------------------------------------	*/
/*  		 Option Panel CSS			*/
/* -----------------------------------	*/

.popular .btn-bordered {color:#fff !important}
#ascrail2000 > div {background:57bddb;}
/* Color Settings */
.setting_panel{
background:none repeat scroll 0 0 #FFFFFF;
-webkit-box-shadow:0 0 1px;
-moz-box-shadow:0 0 1px;
box-shadow:0 0 1px;
padding:10px;
position:fixed;
text-align:center;
top:20%;
width:226px;
z-index:9999;
display:none;
}
.setting_panel i#panel_open, .setting_panel i#panel_close{
background:none repeat scroll 0 0 #1b4e9b;
color:#FFFFFF;
font-size:18px;
padding:10px;
position:absolute;
right:-35px;
top:0;
cursor:pointer;
}
.setting_panel i#panel_open{
display:none;
}
.setting_panel i#panel_close{

}
.setting_panel .color_change{
text-align:center;
margin-bottom:10px;
overflow:hidden;
}
.setting_panel h2{
color:#86989D;
font-size:13px;
letter-spacing:0;
line-height:25px;
margin:0 0 10px;
}
.setting_panel .color_lists{
background:none repeat scroll 0 0 #F6F5F5;
margin:0 0 0 -10px;
overflow:hidden;
padding:10px;
width:226px;
}
.setting_panel .color_lists span{
background:none repeat scroll 0 0 #FF0000;
cursor:pointer;
display:block;
float:left;
height:24px;
margin-bottom:0;
margin-left:5px;
margin-right:5px;
width:24px;
}
.color_new_scheme{
margin-bottom:10px;
}
.about_us_text {
  line-height: 20px;
  text-align: left;
}
.about_us_text h2{
margin-bottom:5px;
}
.setting_panel .color_lists span#cyan_color{
background:#1b4e9b;
}
.setting_panel .color_lists span#red_color{
background:#EA4848;
}
.setting_panel .color_lists span#green_color{
background:#3BB971;
}
.setting_panel .color_lists span#orange_color{
background:#F39C12;
}
.setting_panel .color_lists span#blue_color{
background:#2980B9;
}
.setting_panel .color_lists span#m_blue_color{
background:#2C3E50;
}
.setting_panel .color_lists span#magenta_color{
background:#8E44AD;
}






#mapforum {color: #fff;}
#mapforum h2 {color: #fff;}

ul.map-filters{
}
ul.map-filters li{
border:2px solid #fff;
color:#fff;
display:inline-block;
font-family:pt sans;
margin:3px;
padding:5px 15px;
text-transform:uppercase;
cursor:pointer;

}
ul.map-filters li.active, ul.map-filters li:hover{
background:#1b4e9b;
border:2px solid #1b4e9b;
color:#fff;
}


.zayceva-bg {background:url(../img/zayceva.jpg) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}


.list-mp .col-sm-2 {padding-bottom: 20px;}



.thumbnail{  
  position: relative;    
border:1px solid;
display:inline-block;
padding-bottom:10px;
text-align:center;
width:300px;
background-color:#1b4e9b;
margin-bottom:20px;
  }  
  .thumbnail:hover{  
  background-color: transparent;  
  z-index: 50;
background-color:#fff;  
  }  
  .thumbnail span{  
  position: absolute;  
  background-color: #ffffff;  
  padding: 2px;  
  left: 1px;  
  border: 0px solid white;  
  visibility: hidden;  
  color: Yellow;  
  text-decoration: none;  
    
  }  
  .thumbnail span img{  
  padding: 1px;  
  }  
  .thumbnail:hover span{  
  visibility: visible;  
  top: 0;  
  background-color:#ffffff;
  }


@media (max-width: 767px){
	.grid-item { width: 50%;}
	}

@media (max-width: 567px){
	.grid-item { width: 100%;}
	}





.inno-project {overflow:hidden;}
.project-items{padding:10px;float: left;text-align: center;}

.project-item{width:150px; height:150px;display:inline-block;text-align:center; border-radius:100%; border:8px solid #fff}
.project-item.item1 {border-color:#548dd4;color:#548dd4;}
.project-item.item2 {border-color:#0b4156;color:#0b4156;}
.project-item.item3 {border-color:#548dd4;color:#548dd4;}
.project-item.item4 {border-color:#0b4156;color:#0b4156;}
.project-item.item5 {border-color:#548dd4;color:#548dd4;}
.project-item__ico {padding-top:20px;font-size:40px;display: inline-block;}
.project-item__name {padding-top:10px;font-size:15px;font-weight:bold;}

@media (max-width: 1199px){
	.project-item{width:160px; height:160px;border-width:3px;}
	.project-item__ico {padding-top:25px;font-size:36px;}
	.project-item__name {padding-top:10px;font-size:18px;}
	}

@media (max-width: 991px){
	.project-item{width:140px; height:140px;border-width:5px;}
	.project-item__ico {padding-top:20px;font-size:33px;}
	.project-item__name {padding-top:5px;font-size:16px;}
	}

@media (max-width: 767px){
	.project-item{width:105px; height:105px;border-width:3px;}
	.project-item__ico {padding-top:15px;font-size:28px;}
	.project-item__name {padding-top:5px;font-size:9px;line-height:1; font-weight:normal;}
	}

@media (max-width: 540px){
	.project-items{width:100%}
	.project-item{width:140px; height:140px;border-width:5px;}
	.project-item__ico {padding-top:20px;font-size:33px;}
	.project-item__name {padding-top:5px;font-size:16px;}
	}


/* Timeline */
.timeline {
  border-left: 0.25em solid #1b4e9b;
  background: #fff;
  margin: 2em auto;
  line-height: 1.4em;
  padding: 1em;
  padding-left: 1em;
  list-style: none;
  text-align: left;
  margin-left: 10em;
  margin-right: 3em;
  border-radius: 0.5em;
}

.event {
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  border-bottom:1px solid #eee;
}

.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 1em;
}

.timeline .event:before {
  left: -15em;
  color: rgba(0, 0, 0, 0.4);
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 9em;
}

.timeline .event:after {
  box-shadow: 0 0 0 0.2em #1b4e9b;
  left: -1.5em;
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  width: 0.75em;
  content: "";
}

.timeline .event .member-location,
.timeline .event .member-parameters {
  display: none;
}

.timeline .event:last-of-type .member-location,
.timeline .event:last-of-type .member-parameters {

}

.member-infos {
  padding: 10px;
  text-align: left;
  position: relative;
}

.member-infos > h1 {
  font-weight: bold;
  font-size: 1.2em;
  color: #1b4e9b;
  font-weight: 100;
  margin: 0;
  padding-bottom: 0.2em;
}
.member-infos > h1.href{
  cursor: pointer;
  border-bottom: 1px dotted #1b4e9b;
}


.member-infos h2 {

  color: #000;
  font-weight: 100;
  font-size: 1.0em;
}

.member-location a:before {
  margin-right: 5px;
}

.member-location {
  text-indent: 2px;
}

.follow,
.options {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #D3D3D3;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 2px 0 0 #C0C0C0;
  border-radius: 3px;
  display: inline-block;
}

.follow:hover,
.options:hover {
  box-shadow: 0 1px 0 0 #C0C0C0;
  box-sizing: border-box;
  vertical-align: bottom;
  margin-bottom: -1px;
}

.member-socials {
  display: inline-block;
  font-weight: bold;
  vertical-align: bottom;
  line-height: 8px;
  float: right;
}

.member-socials li {
  display: inline-block;
}

.shots-number,
.followers {
  font-weight: normal;
  display: block;
  margin-top: 10px;
  font-size: 0.9em;
}

.member-contact {
  position: absolute;
  right: 10px;
  top: 10px;
}

.member-contact li {
  display: inline-block;
  margin-left: 10px;
}

.member-shots-number {
  padding-right: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  margin-right: 6px;
  margin-left: 6px;
}

h4{color:#1b4e9b}

.event:hover:after{background: #ffff00;}
.event:hover:before{color:#000}
.event:hover{background: #ffff00;}



.leader {text-align: center;margin-bottom:20px;}
.team-photo {margin-bottom: 20px;}
.team-photo img {width: 100%; height: 100%;margin: 0 auto;}
.partner-photo {margin-bottom: 20px;}
.partner-photo img {width: 100%;max-width: 150px;margin: 0 auto;}
.leader-photo	{margin-bottom: 20px;}
.leader-photo img {border-radius: 100%;width: 100%;max-width: 150px;box-shadow: 0 0 20px #ccc;margin: 0 auto;border: 3px solid #fff;}
.leader-name{font-weight: bold;padding-bottom: 2px;color: #222;font-size:16px;line-height:1}
.leader-dolgn {color: #777;font-size:14px;padding-bottom:10px;font-weight:bold}
.leader-dolgn2 {color: #aaa;font-size: 14px;padding-bottom:10px;}


@media only screen and (min-width: 992px) {
	.leader:nth-child(4n+1) {clear:both;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.leader:nth-child(3n+1) {clear:both}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.leader:nth-child(2n+1) {clear:both}
}









.large-header {
   position: relative;
   width: 100%;
   background: #111;
   overflow: hidden;
   background-size: cover;
   background-position: center center;
   z-index: 1;
}

.demo .large-header {
   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo-bg.jpg");
}

.main-title {
   position: absolute;
   margin: 0;
   padding: 0;
   color: #F9F1E9;
   text-align: center;
   top: 50%;
   left: 50%;
   -webkit-transform: translate3d(-50%, -50%, 0);
   transform: translate3d(-50%, -50%, 0);
}

.demo .main-title {
   text-transform: uppercase;
   font-size: 4.2em;
   letter-spacing: 0.1em;
}

.main-title .thin {
   font-weight: 200;
}

@media only screen and (max-width: 768px) {
   .demo .main-title {
      font-size: 3em;
   }
}
.clients-list li{
width:16.6667%;
}
.single-testimonial h2{
margin-bottom:10px;
margin-top:0;
}
.client-info h2{
margin-bottom:5px;
margin-top:14px;
}
.single-testimonial{
padding:30px;
}
.plan-link{
margin-bottom:30px;
}
.home-parallax, .parallax-bg{
background-image:none;
}
@media (min-width: 320px){
.welcome-text h2 {
    font-size: 16px;
    line-height: 1.5em;

}
.moderator .dolgn {line-height: 1.2em;}

}
@media (min-width: 768px){
.welcome-text h2 {
    font-size: 26px;
    line-height: 1.5em;
}

	.navbar-default .navbar-nav > li > a{
/*	letter-spacing:0;*/
	}
	.nav > li > a{
	font-size:10px;
	padding:15px 5px;
	}
	.navbar-default a.navbar-brand{
	font-size:20px;
	}
	.clients-list li{
	width:16.6667%;
	}
	.single-testimonial h2{
	margin-bottom:10px;
	margin-top:0;
	}
	.client-info h2{
	margin-bottom:5px;
	margin-top:14px;
	}
	.single-testimonial{
	padding:30px;
	}
	.plan-link{
	margin-bottom:30px;
	}


}
@media (min-width: 992px){
	.navbar-default .navbar-nav > li > a{
/*	letter-spacing:1px;*/
	}
	.nav > li > a{
	font-size:12px;
	padding:15px 4px;
	}
	.navbar-default a.navbar-brand{
	font-size:24px;
	}
	#about .page-title{
	margin-top:15px;
	}
	.single-testimonial h2{
	margin-top:25px;
	}
	.clients-list li{
	width:25%;
	}
	.single-testimonial h2{
	margin-bottom:25px;
	}
	.client-info h2{
	margin-bottom:10px;
	margin-top:30px;
	}
	.single-testimonial{
	padding:0 30px 0 0;
	}
	.plan-link{
	margin-bottom:0px;
	}
	.plan-features li{
	font-size:14px;
	padding:10px;
	}
/*	.home-parallax, .parallax-bg{
	background-image:url(../img/demo-images/parallax-bg.jpg);
	}
	.parallax-bg{
	background-image:url(../img/demo-images/parallax-one.jpg);
	}
*/
}
@media (min-width: 1200px){
	.navbar-default .navbar-nav > li > a{
/*	letter-spacing:2px;*/
	}
	.nav > li > a{
	font-size:13px;
	padding:15px 10px;
	}
	.navbar-default a.navbar-brand{
	font-size:24px;
	}
	#about .page-title{
	margin-top:60px;
	}
	.single-testimonial h2{
	margin-top:50px;
	}
	.clients-list li{
	width:25%;
	}
	.plan-features li{
	font-size:16px;
	padding:15px 15px 15px 25px;
	}
	.client-info h2{
	margin-top:30px;
	}
/*	.home-parallax, .parallax-bg{
	background-image:url(../img/demo-images/parallax-bg.jpg);
	}
	.parallax-bg{
	background-image:url(../img/demo-images/parallax-one.jpg);
	}
*/
}
.flags{padding: 20px 0;}
.flags .col-xs-1 {margin: 0; padding: 0;}