@import "fonts.css" screen;
@import "animations.css" screen;

html{font-size:10px;}


.clear-float:after {
    content: "";
    display: table;
    clear: both;
}
*, *:before, *:after {
    box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
body {
    margin: 0 auto;
    font-family: Open Sans;
    color: #303030;
}
.form-input{margin-bottom:1rem;}
.form-input input{font-size:1.4rem;padding:1.6rem 0.8rem;border-radius:0;border:1px solid #303030;}
.form-input textarea{font-size:1.4rem;border-radius:0;border:1px solid #303030;}
.form-input button{border-radius:0;border:1px solid #303030;padding:0.5rem 1.2rem;background:none;}
.form-input button:hover,.form-input button:focus{color:#fff;background:#303030;}
.flash-message{font-size:1.4rem;font-family: 'Play', sans-serif;color:#000;padding:0 1.5rem;}
#siteCopy{font-size:1.2rem;text-align:center;padding-top:1.5rem;padding-bottom:2rem;background:#0c0c0d;color:#fff;}
.modal-dialog{font-size:1.4rem;font-family: 'Play', sans-serif;}
.modal-header h5{font-size:1.8rem;}
.modal-header .close{font-size:2.5rem;}
.modal-footer button{font-size:1.4rem;border-radius:0;border:1px solid #303030;}
.modal-footer button.btn-primary,.modal-footer button.btn-secondary{background:none;color:#000;}
.modal-footer button.btn-primary:hover,.modal-footer button.btn-primary:focus,.modal-footer button.btn-secondary:hover,.modal-footer button.btn-secondary:focus{color:#fff;background:#303030;border:1px solid #303030;}
.a {
    background-color: #000;
}
.a_a {
    text-align: center;
    width: 960px;
    margin: 0 auto;
    padding: 15px 0 0 0;
}
.a_a_a a img {
	width: 215px;
}
.a_a_a{padding-top:0rem;}
.a_a_b {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 3.8rem;
    font-family: 'Play', sans-serif;
    font-weight: 500;
}
.a_a_c {
    vertical-align: middle;
    font-family: 'Play', sans-serif;
    font-size:1.4rem;
    padding: 0 10px;
}
.a_a_c_a div {
	font-size: 20px;
    color: #fff;
}
.a_a_c_b a {
	color: #fff;
}
.a_a_c_b a:hover {
	text-decoration: none;
}
.a_b {
    text-align: center;
}
/*Меню*/
#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainmenu ul li {
	position: relative;
}
#mainmenu ul li ul, #mainmenu ul li ul li {
	width:130px;
}
#mainmenu li ul {
	position: absolute;
	left: -30px;
	top: 42px;
	display: none;
	float:left;
}
#mainmenu li ul li ul {
	display: none!important;
}
#mainmenu li ul li:hover ul {
	display: block!important;
}
#mainmenu li ul li a {
	font-size:12px;
	background: #EEEEEE;
}
#mainmenu li ul li a:hover {
	background: #303030;
	color:White;
}
* html #mainmenu ul li { float: left; height: 1%; }
* html #mainmenu ul li a { height: 1%; }
#mainmenu li:hover ul, 
#mainmenu  li.over ul { display: block; }
.a_b ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}
.a_b ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 13px;
    font-family:CenturyGothic;
}
.a_b ul li a {
	color: #9d9d9d;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0;
        display: block;
        font-family: 'Play', sans-serif;
        font-size:1.6rem;
}
.a_b ul li ul li a {
	color: #303030;
}
.a_b ul li ul li ul li a {
	color: #303030;
	top: -42px;
    left: 147px;
    position: relative;
}
.a_b ul li a:hover {
	color: #afafaf;
}
.act a {
	text-decoration: underline!important;
}
.b {
	text-align: center;
	background-size: cover;
}
.b_a {
    background: rgba(178,178,178,0.6);
    padding: 70px 0;
}
.b_a_a {
    width: 960px;
    margin: 0 auto;
}
.b_a_a_a {
	padding: 15px 0;
    text-transform: uppercase;
    font-size: 22px;
}
.b_a_a_b {
    margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.b_a_a_b a {
    width: 200px;
	height: 200px;
	margin: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c {
	width: 960px;
    margin: 40px auto;
    text-align: center;
}
.c_a {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    width: 230px;
}
.c_a_a {
    margin: 8px;
    background-size: cover;
}
.vnim {
    border: 3px solid #006ece;
}
.big a {
	text-transform: uppercase;
}
.c_a_a div {
	background: rgba(48,48,48,0.7);
    height: 210px;
}
.c_a a {
    font-weight: bold;
    font-size: 18px;
    color: #006ece;
    text-decoration: none;
    font-family: 'Noticia Text', sans-serif;
    overflow:hidden;
}
.portfolioCategory a
{
    display: block;
    width: 229px;
    height: 158px;
}
.c_a a:hover .c_a_a div {
    background: none;
}
.d {
	text-align: center;
    width: 960px;
    margin: 0 auto;
}
.d_a {
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Play', sans-serif;
}
.d_b_a {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    margin: 10px;
}
.d_b_a img {
    width: 100px;
}
.d_b_a div {
    font-size: 18px;
}
.e {
	background-color: #000;
}
.e_a {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 70px 0;
}
.e_a_a {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    text-align: left;
    padding: 0 10px;
    font-family: 'Play', sans-serif;
    font-size:1.6rem;
}
.e_a_b {
	display: inline-block;
    vertical-align: middle;
    width: 33%;
}
.e_a_b_a {
	text-align: left;
    width: 160px;
    margin: 0 auto;
}
.e_a_b_a span {
	color: #006ece;
}
.e_a_c {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    text-align: right;
    padding: 0 10px;
    font-family: 'Play', sans-serif;
    font-size:1.6rem;
}
.e_a_c span {
    color: #006ece;
}
/*----------О компании-----------*/
.o-komp {
	padding: 20px;
        font-family: 'Noticia Text', sans-serif;
        font-size:1.6rem;
}
.o-komp h1 {
	text-align: center;
}
.o-komp_info {
	text-align: center;
	font-weight: bold;
}
/*----------Контакты-----------*/
.kontakty {
    width: 960px;
    margin: 50px auto;
    font-family: 'Noticia Text', sans-serif;
    font-size:1.6rem;
}
.kontakty_map {
    display: block;
    vertical-align: middle;
    width: 100%;
}
.kontakty_info {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    padding: 0 15px;
}

@media screen and (max-width: 960px) {
.a_a {
    width: 100%;
}
.b_a_a {
    width: 100%;
}
.c {
	width: 100%;
}
.d {
	width: 100%;
}
.e_a {
    width: 100%;
}
/*Контакты*/
.kontakty {
	width: 100%;
}
.kontakty_map {
    display: block;
    width: 100%;
}
.kontakty_info {
    display: block;
    width: 100%;
    padding: 0 15px;
}
}
@media screen and (max-width: 835px) {
.e_a_a {
    display: block;
    margin: 0 auto;
}
.e_a_b {
	display: block;
	margin: 13px auto;
}
.e_a_b_a {
    text-align: center;
}
.e_a_c {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.a_a_a {
    display: block;
    margin: 0 auto;
}
.a_a_b {
    display: block;
    margin: 0 auto;
}
.a_a_c {
    display: block;
    margin: 10px auto;
    text-align: center;
}
}
@media screen and (max-width: 650px) {
/*Меню*/
#mainmenu ul li ul, #mainmenu ul li ul li {
    width: 100%;
}
#mainmenu li ul {
    position: relative;
    left: 0;
    top: 0;
}
#mainmenu li ul li a {
    font-size: 22px;
}
.a_a_a {
    width: 100%;
}
.a_a_b {
    width: 100%;
}
.a_a_c {
    width: 100%;
    padding: 0;
}
.a_b ul li {
    display: block;
    margin: 0;
    font-size: 24px;
}
.b {
    background: none!important;
}
.e_a_a {
    width: 100%;
    text-align: center;
}
.e_a_b {
    width: 100%;
}
.e_a_c {
    width: 100%;
    padding: 0;
}
}
.portfolioDescription{
    font-size: 1.6rem;
    font-family: 'Noticia Text', sans-serif;
    color:#303030;
}
.c.portfolio{
    text-align: left;
}
h1.portfolioHeader{
    margin-bottom: 2.5rem;
    font-size: 3.5rem;
}
.portfolioImage img{
    min-width: 200px;
    width: 100%;
}
.portfolioFiles a{display: block;color:#6c757d;text-decoration: none;padding: 8px;font-family: 'Play', sans-serif;font-size: 1.6rem;}
.portfolioFiles a:hover,.portfolioFiles a:focus{color:#fff;background: #000;}