html {
  font-family: 'Roboto-Regular', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #fff;
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 15px;
	line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
  text-align: center;
}

h1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 30px;
  color: #feba17;
  text-shadow: 3px 3px #000;
  border-bottom: 1px #feba17 solid;

}

h2 {
  text-transform: uppercase;
  font-size: 18px;
  color: #feba17;
  padding: 21px 0 11px 0;
  margin: 0;
  font-family: 'Roboto-Light';
}

h3 {
  text-transform: uppercase;
  font-size: 17px;
  color: #feba17;
  padding: 11px 0 11px 0;
  margin: 0;
  font-family: 'Roboto-Light';
}

h4 {
  text-transform: uppercase;
  font-size: 16px;
  color: #feba17;
  padding: 11px 0 11px 0;
  margin: 0;
  font-family: 'Roboto-Light';
}

p {
  text-align: left;
  margin: 0 0 18px 0;
  line-height: 20px;
}

b {
  text-align: center;
  margin: 0 0 24px 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: content-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}




/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
  outline: none;
}

a:visited {
  outline: none;
}

a:hover,
a:focus,
a:active {
  outline: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}




.ss1 {
    color:#fff;
}

#masthead {
  min-width: 1044px;
  height: 649px;
  background-color: #131314;
  background-image: url(/css/1qwer.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1920px 649px;
}


#masthead3 {
  min-width: 1044px;
  height: 649px;
  background-color: #131314;
  background-image: url(/css/3qwer.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1920px 649px;
}

#masthead7 {
  min-width: 1044px;
  height: 720px;
  background-color: #131314;
  background-image: url(/fonkottedzh.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1920px 649px;
}

#header-main-div {
  width: 1044px;
  height: 649px;
  position: relative;
  margin: 0 auto;
}

#floating-menu {
  position: fixed;
  width: 100%;
  min-width: 1044px;
  height: 84px;
  top: 0;
  left: 0;
  z-index: 101;
}

#floating-menu-div {
  width: 1044px;
  height: 84px;
  margin: 0 auto;
}

#logo {
  display: block;
  width: 106px;
  height: 64px;
  float: left;
  margin: 10px 0 0 0;
  background-image: url(/24.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 106px 64px;
}

.menu-main-menu-container {
  float: left;
  margin: 32px 0 0 62px;
}

.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li.menu-item {
  float: left;
  position: relative;
  margin: 0 28px 0 0;
  letter-spacing: 0.4px;
  line-height: 15px;
}

li.menu-item > a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13.4px;
  color: #fff;
  font-family: 'Roboto-Regular';
}

li.menu-item > a:hover, li.menu-item > a:visited {
  color: #fff;
  border-bottom: 2px solid #feba17;
}

li.menu-item > a:active {
  color: #feba17;
  border-bottom: 2px solid #feba17;
}

.current_page_item > a{
  border-bottom: 2px solid #feba17;
}

.sub-menu {
  display: none;
  position: absolute;
  top: 16px;
  left: -16px;
  width: 112%;
  margin: 0;
  padding: 18px 0 8px 16px;
  list-style-type: none;
  background-color: #080f17;
  border-radius: 0 0 4px 4px;
  border-top: 2px transparent solid;
  background-clip: padding-box
}

li.menu-item:hover .sub-menu {
  display: block;
}

.sub-menu > li.menu-item {
  float: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.sub-menu > li.menu-item > a:hover, .sub-menu > li.menu-item > a:active {
  color: #feba17;
  border-bottom: none;
}

#contacts {
  float: right;
  margin: 16px 0 0 0;
}

#header-phone {
  padding: 0 0 0 26px;
  background-image: url(/im/phone.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 18px 18px;
  font-size: 20px;
  margin: 0 0 -4px 0;
}

#header-callback {
  display: inline-block;
  font-size: 13.4px;
  border-bottom: 1px dotted #fff;
  word-spacing: 3px;
  letter-spacing: 0.08px;
  line-height: 17px;
  cursor: pointer;
}

#header-callback:hover {
  border-bottom: none;
}

#header-callback:active {
  color: #feba17;
}

#floating-menu-base {
  position: fixed;
  width: 100%;
  min-width: 1044px;
  height: 84px;
  top: 0;
  left: 0;
  background: #000;

  z-index: 99;
}



#header-title {
  font-family: 'Comfortaa-Bold';
  font-size: 18px;
  margin: 0 auto 0 auto;
  text-align: center;
  text-transform: uppercase;
}

#header-title a{
  color: #fff;
  text-decoration: none;
}


#header-title span a{
  color: #feba17;
  text-decoration: none;
}

#header-order {
  margin: 48px auto 0 auto;
  font-size: 24px;
  width: 368px;
  height: 43.5px;
  padding: 8.5px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  background-color: #ff0080;
  cursor: pointer;
  border-radius: 54px;
  border: 1px solid #ff0080;
  color: #fff;
  font-family: 'Roboto-Medium';
}

#header-order:hover {
  background-color: transparent;
  color: #000;
background-color: #fff;

}

#header-order:active {
  background-color: #feba17;
  color: #fff;
}

#colophon {
  min-width: 1044px;
  background-color: #000;
  height: 380px;
}

#colophon-main-div {
  width: 1044px;
  height: 380px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: auto;
}

.footer-float-div {
  float: left;
  margin: 78px 90px 0 0;
}

.footer-float-div > div {
  margin: 0 0 7px 0;
}

.footer-float-div > div > a {
  color: #fff;
  text-decoration: none;
  font-size: 14.8px;
}

.footer-float-div > div > a:hover {
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.footer-float-div > div > a:active {
  color: #fff;
  text-decoration: none;
}

.footer-float-div > div:nth-child(1) {
  margin: 0 0 12px 0;
}

.footer-float-div > div:nth-child(1) > a {
  text-transform: uppercase;
}



.footer-contacts {
  float: right;
  margin: 75px 0 0 0;
}

.footer-contacts > div:nth-child(1) {
  color: #feba17;
  font-size: 20px;
}

.footer-contacts > div:nth-child(2) {
  font-size: 18px;
  margin: -2px 0 12px 0;
  letter-spacing: 0.14px;
}

.footer-contacts > div:nth-child(3) {
  font-size: 14.8px;
  float: left;
  letter-spacing: 0.6px;
}





#footer-copyright {
  margin: 290px 0 0 0;
  font-size: 13px;
  clear: both;
}

/* Start Главная страница */

#main-page-advantages {
  min-width: 1044px;
  height: 649px;
  margin: 0;
  background-color: #000615;
  background-image: url(/css/22.jpeg);
  
  
}

#main-page-advantages > div {
  width: 1044px;
  height: 649px;
  margin: 0 auto;
  text-align: center;
}

#our-advantages {
  display: inline-block;
  text-transform: uppercase;
  font-size: 30px;
  color: #feba17;
  border-bottom: 1px #feba17 solid;
  padding: 72px 0 0 0;
  line-height: 38px;
}

#why-we {
  font-size: 23px;
  margin: 12px 0 44px 0;
}

#advantages-icons {
  overflow: auto;
}

#advantages-icons-div {
  float: left;
  width: 348px;
}

#advantages-icons-div > div:nth-child(2) {
  font-size: 24px;
  text-transform: uppercase;
  margin: 32px 0 6px 0;
}

#advantages-icons-div > div:nth-child(3) {
  font-size: 18px;
  padding: 0 16px;
  line-height: 24px;
}

#main-page-artists {
  min-width: 1044px;
  height: 1256px;
  margin: 0;
  background-color: #040811;
  background-image: url(/css/bbx2.jpg);
 
}

#main-page-artists > div {
  width: 1044px;
  height: 649px;
  margin: 0 auto;
  text-align: center;
}

#main-page-artists2 {
  min-width: 1044px;
  height: 2050px;
  margin: 0;
  background-color: #040811;
  background-image: url(/css/bbx2.jpg);
 
}

#main-page-artists2 > div {
  width: 1044px;
  height: 2050px;
  margin: 0 auto;
  text-align: center;
}

#main-page-artistsall {
  min-width: 1044px;
  height: 3250px;
  margin: 0;
  background-color: #040811;
  background-image: url(/css/bbx2.jpg);
 
}

#main-page-artistsall > div {
  width: 1044px;
  height: 3250px;
  margin: 0 auto;
  text-align: center;
}


#our-artists {
  display: inline-block;
  text-transform: uppercase;
  font-size: 40px;
  color: #fff;
  text-shadow: 3px 3px 2px #000;
  border-bottom: 1px #feba17 solid;
  padding: 72px 0 0 0;
  line-height: 38px;
}



#main-page-clients {
  min-width: 1044px;
  height: 658px;
  margin: 0;
  background-color: #021f2c;
  background-image: url(/css/fk.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 1920px 658px;
}

#main-page-clients > div {
  width: 1044px;
  height: 658px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

#our-clients {
    margin-top:50px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 50px;
  color: #fff;
    text-shadow: 3px 3px #000;
  padding: 72px 0 0 0;
  line-height: 38px;
}

#our-c1 {
    margin-top:85px;
    margin-left:-520px;
    font-size: 25px;
    text-shadow: 2px 2px #000;
 }
#our-c2 {
    margin-top:12px;
    margin-left:-239px;
    font-size: 25px;
    text-shadow: 2px 2px #000;
 }
#our-c3 {
    margin-top:-35px;
    margin-left:720px;
    font-size: 25px;
    text-shadow: 2px 2px #000;
 }
#our-c4 {
    margin-top:-5px;
    margin-left:600px;
    font-size: 25px;
    text-shadow: 2px 2px #000;
 }
#main-page-reviews {
  min-width: 1044px;
  height: 806px;
  margin: 0;
  background-color: #040811;
  background-image: url(/css/111.jpg);
 
}

#main-page-reviews > div {
  width: 1044px;
  height: 806px;
  margin: 0 auto;
  text-align: center;
}

#main-page-our-reviews {
  display: inline-block;
  text-transform: uppercase;
  font-size: 30px;
  color: #feba17;
  border-bottom: 1px #feba17 solid;
  padding: 72px 0 0 0;
  line-height: 38px;
}

#our-recommendations {
  font-size: 23px;
  margin: 12px 0 41px 0;
}

.main-page-reviews-blocks {
  float: left;
  margin: 0 0 46px 0;
  width: 50%;
  height: 246px;
}

.main-page-reviews-blocks > img {
  display: block;
  float: left;
  margin: 0 14px 0 0;
}

.main-page-reviews-blocks > div:nth-child(2) {
  text-transform: uppercase;
  font-size: 24px;
  color: #feba17;
  margin: -8px 0 0 0;
  text-align: left;
}

.main-page-reviews-blocks > div:nth-child(3) {
  font-size: 18px;
  padding: 0 20px 0 0;
  line-height: 24px;
  text-align: left;
}

#main-page-events {
  min-width: 1044px;
  height: 380px;
  margin: 0;
  background-color: #021f2c;
  background-image: url(/css/22.png);
  
}

#main-page-events > div {
  width: 1044px;
  height: 380px;
  margin: 0 auto;
  text-align: center;
}

#main-page-events-title {
  display: inline-block;
  text-transform: uppercase;
  font-size: 30px;
  color: #feba17;
  border-bottom: 1px #feba17 solid;
  padding: 72px 0 0 0;
  line-height: 38px;
}

#main-page-events-description {
  font-size: 23px;
  margin: 14px 0 54px 0;
}

/* #setValue отвечает за время до окончания акции. Пишем в див любое число. */
#setValue {
  display: none;
}

#main-page-events-timer {
  height: 33px;
}

#main-page-events-timer > div:nth-child(1) {
  font-size: 18px;
  float: left;
  margin: 0 0 0 334px;
}

#main-page-events-timer > div:nth-child(2) {
  float: left;
}

#main-page-events-timer-hours {
  font-size: 24px;
  float: left;
  color: #feba17;
  margin: -10px 0 0 26px;
  padding: 5px 14px;
  border: 1px #feba17 solid;
  border-radius: 2px;
}

#main-page-events-timer-points {
  font-size: 24px;
  float: left;
  color: #feba17;
  margin: -10px 0 0 2px;
  padding: 5px 0px;
  font-weight: bold;
}

#main-page-events-timer-minutes {
  font-size: 24px;
  float: left;
  color: #feba17;
  margin: -10px 0 0 3px;
  padding: 5px 14px;
  border: 1px #feba17 solid;
  border-radius: 2px;
}

#main-page-events-order-the-event {
  text-transform: uppercase;
  font-size: 24px;
  color: #feba17;
  margin: 37px 0 25px 0;
  line-height: 30px;
}



#main-page-offers {
  min-width: 1044px;
  height: 1211px;
  margin: 0;
  background-color: #040811;
  background-image: url(/css/23.jpg);
  
}

#main-page-offers > div {
  width: 1044px;
  height: 1211px;
  margin: 0 auto;
  text-align: center;
}

#main-page-offers-title {
  display: inline-block;
  text-transform: uppercase;
  font-size: 30px;
  color: #feba17;
  border-bottom: 1px #feba17 solid;
  padding: 74px 0 0 0;
  line-height: 38px;
}

#main-page-offers-description {
  font-size: 23px;
  margin: 14px 0 40px 0;
}

#main-page-offers-firstblock {
  background-color: #fff;
  width: 100%;
  height: 344px;
  text-align: left;
}

#main-page-offers-firstblock > img {
  display: block;
  float: left;
}

#main-page-offers-firstblock > div {
  width: 487px;
  height: 344px;
  float: right;
  padding: 0 0 0 40px;
}

#main-page-offers-firstblock > div > div:nth-child(1) {
  text-transform: uppercase;
  font-size: 24px;
  color: #feba17;
  margin: 21px 0 17px 0;
  font-family: 'Roboto-Medium';
}

#main-page-offers-firstblock > div > div:nth-child(2) {
  font-size: 18px;
  color: #000;
  line-height: 22px;
}

#main-page-offers-firstblock-details {
  display: block;
  width: 250px;
  font-size: 24px;
  margin: 26px 0 0 2px;
  padding: 10px 0 8px 0;
  text-transform: uppercase;
  text-align: center;
  background-color: #feba17;
  border-radius: 54px;
  color: #fff;
  border: 1px #feba17 solid;
  text-decoration: none;
}

#main-page-offers-firstblock-details:hover {
  background-color: transparent;
  color: #feba17;
}

#main-page-offers-firstblock-details:active {
  background-color: #feba17;
  color: #fff;
}

.main-page-offers-everyblock {
  float: left;
  margin: 42px 42px 0 0;
  width: 320px;
  background-color: #fff;
}

.main-page-offers-everyblock:nth-child(3) {
  margin: 42px 0 0 0;
}

.main-page-offers-everyblock > img {
  display: block;
}

.main-page-offers-everyblock > div:nth-child(2) {
  text-transform: uppercase;
  font-size: 19px;
  color: #feba17;
  margin: 26px 0 11px 0;
  font-family: 'Roboto-Medium';
  line-height: 24px;
}

.main-page-offers-everyblock > div:nth-child(3) {
  color: #000;
  font-size: 15px;
  line-height: 20px;
  padding: 0 18px;
}

.main-page-offers-everyblock > a {
  display: block;
  width: 190px;
  font-size: 18px;
  margin: 28px auto 30px auto;
  padding: 8px 0 6px 0;
  text-transform: uppercase;
  text-align: center;
  background-color: #feba17;
  border-radius: 54px;
  color: #fff;
  border: 1px #feba17 solid;
  text-decoration: none;
}

.main-page-offers-everyblock > a:hover {
  background-color: transparent;
  color: #feba17;
}

.main-page-offers-everyblock > a:active {
  background-color: #feba17;
  color: #fff;
}








.text-main {
    color: #000;
    font-size: 18px;
    margin: 15px 10px 0px 10px;
    line-height: 20px;
}
.head-main {
    color: #feba17 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    line-height: 25px !important;
    font-family: 'Roboto-Medium';
}
.content-menu {
  padding: 0 130px 0 130px;
}

.otzyv {
    text-align: left;
    padding-top: 15px;
    padding-right: 10px;
}

.content-menu1 {
    padding: 0 130px 0 130px;
    width: 784px;
    position: relative;
    margin: 0 auto 100px auto;
}

.content-menu1 h1 {
    margin-left: 94px;
}

.foto-text-div{
  width: 100%;
}



.center {
  width: 1044px;
    height: 649px;
    position: relative;
    margin: 0 auto;
}

.center1 {
    width: 1044px;
    height: 500px;
    position: relative;
    margin: 0 auto;
    background-color: coral;
}



.round {
    border-radius: 200px; /* Радиус скругления */
    border: 3px solid #000; /* Параметры рамки */
    box-shadow: 0 0 7px #000; /* Параметры тени */
   }
  
  .round2 {
    border-radius: 150px; /* Радиус скругления */
    border: 3px solid #000; /* Параметры рамки */
    box-shadow: 0 0 7px #000; /* Параметры тени */
   }