html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map, #map-2 {
        height: 400px;
        width: 100%;
        margin-top: 58px;
      }
#team .right,.copyright .right {
	float: right;
}

#team .left,.copyright .left {
	float: left;
}
/*
.fancybox-title-float-wrap .child {
display: block; 
margin-left: 10px; width: 450px; 
bottom: 10px;
}
*/
.fancybox-title-float-wrap .child{
	font-size: 14px;
}

/*.navbar-header {
	background: #A272BC;
}*/

.header .navbar-brand {
	float: left;
	padding: 22px 15px;
	line-height: 18px;
	padding-top: 13px;
	height: 75px;/*color:#005f8d;*  bilo 50*/
}

 @media (min-width: 768px) {
.header .navbar-brand {
	padding-left: 0;
}
.navbar-nav {
	float: right;
}

.navbar-inverse .navbar-nav > li > a {
	font-size: 1.0em;
	padding: 7px 0px !important;
	border-radius: 5px;
	margin: 19px 10px;
}
}




@media (max-width:768px) {
.header .navbar-nav > li > a {
	padding: 7px 12px;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;}
.row .six {
	width: 100%;
}
.header .navbar-brand {
	float: left;
	padding: 0px 15px;
	line-height: 18px;
	height: 50px;/*color:#005f8d;*  bilo 50*/
}
}





.navbar-collapse {
    max-height: 400px;
    }
.navbar {
	min-height: 50px;
}

.logo {
	font-size: 1.4em;
	text-shadow: none;
	margin: 8px 0 0 0;
}
.copyright  h3{
	color: #fff;
}
.copyright #quick {
margin: 60px 0 0 0;	
}

.img-responsive {
	padding-top: 60px;
	margin: 0 auto;
}
ul li {
	margin-left: 2em;
	text-align: left;
}

#mainNav > li {
	margin-left: 0em;
	text-align: left;
}


.header .navbar-nav > li > a {
	margin-left: 0px;
}

.id-color ul li {
	color: #fff;
}
.img img{
	width: 12%
}

#portfolio .items li a .overlay span {
	text-align: center;
	font-size: 12px;
	line-height: 1em;
}


.flex-container {
    display: flex;
    align-items: stretch; /* Растягиваем */
   }
   .flex-item {
    margin-left: 1rem; /* Расстояние между блоков */
    padding: 10px; /* Поля вокруг текста */
    width: 25%; /* Ширина блоков */
   }

   .logo {
   	margin: 0px;
   }

/*
.header .navbar-brand {
	padding-top: 10px;
}
*/
//++++++++++++++++++++++++++++++++++++++
.topHome:hover {
	color: #F89F9F;
}
a {
	color: #cf68e8;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover, a:visited {
	color: #cf68e8;
	text-decoration: none;
}


.navbar-brand b {
	color: #A272BC;
	font-family: 'Oswald', sans-serif;
	font-weight: 900;
}

.addBg {
	background: #A272BC;
/*background: rgba(162, 114, 188, 0.85);*/
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.colord {
	background: #63397A;
}

.c1 {
	background: rgba(162, 114, 188, 0.64);
	padding: 15px;
}
.c2 {
	background: rgba(162, 114, 188, 0.85);
	padding: 15px;
}
.c1:hover, .c2:hover {
	background: rgba(44, 20, 81, 0.89);
	cursor: pointer;
}

#work,#contactUs {
	background: #63397A;
	color: #fff;
	padding-bottom: 2em;

}

.parlex-back {
	padding: 30px 0;
	background-color: rgba(99, 57, 121, 0.84);
	color: #FDFDFD !important;
}

.social a {
	font-size: 32px;
	margin: 0 10px;
	color: #63397A;
	background: rgba(255, 255, 255, 0.44);
	padding: 0px 10px;
}
.btn {
	background: #df7c28;
}
.btn:hover {
	background: #8479BF;
}

.hero-text {
	color: #000;
	width: 100%;
	text-align: left;
	margin: 8% 0% 24px -12%;
	font-family: 'Oswald', sans-serif;
}
.hero-text p {
	font-family: 'Oswald', sans-serif;
	padding: 0;
	margin: 12px 8% 0;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
.hero-text h3 {
	font-weight: bolder;
}


::selection {
	color: #fff;
	background: #63397A;
}
.navbar-inverse .navbar-toggle {
	background-color: #63397A;
}
.navbar-inverse .navbar-toggle .icon-bar {
/*background-color: #63397A;*/
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: #63397A;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #A272BC;
}
.addBg .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #63397A;
}
#myCarousel {
	margin-top: 50px;
	border-bottom: 4px solid #63397A;
}
.actionPanel {
	padding: 25px 0;
	background: #63397A;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #63397A;
	background: none;
	border-radius: 0px;
}
.addBg .navbar-inverse .navbar-nav > .active > a, .addBg .navbar-inverse .navbar-nav > .active > a:hover, .addBg .navbar-inverse .navbar-nav > .active > a:focus {
	color: #563D7C;
	background: none;
	border-radius: 0px;
}

.circle {
	background: #fff;
	height: 90px;
	width: 90px;
	border-radius: 95px;
	color: #63397A;
	line-height: 90px !important;
}
.page-section h2 {
	color: #63397A;
}

.darkBg .fa {
	color: #63397A;
}
.banner-container {
	width: 100%;
	position: relative;
	padding: 0px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
	/*background: url("../images/banner-bg.jpg") no-repeat;*/
	background-size: 100% 100%;
	background-size: cover;
	position: relative;
	border-bottom: 2px #63397A solid;
}
a.arrow-link {
	color: #63397A;
}
a.arrow-link:hover {
	color: #63397A;
}
.da-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.13);
	margin: 3px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
	border: 2px solid #63397A;
}

nav#filter a {
	padding: 4px 12px;
	line-height: 20px;
	border: 1px solid #63397A;
	text-decoration: none;
}
.current {
	background: #63397A;
	color: #fff;
}
.social a {
	font-size: 32px;
	margin: 0 10px;
	color: #63397A;
	background: rgba(255, 255, 255, 0.44);
	padding: 0px 10px;
}
.flat .plan.featured:hover li.plan-name, .flat .plan:hover li.plan-name, .flat .plan.featured.plan-name {
	background: #63397A !important;
}