@import url(http://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700,900|Roboto+Condensed:400,700&subset=cyrillic-ext);

@font-face {
    font-family: "MyriadProRegular";
    src: url("fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
      url("fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
      url("fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    src: url("fonts/MyriadProRegular/MyriadProRegular.woff") format("woff");
    src: url("fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "MyriadProLight";
    src: url("fonts/MyriadProLight/MyriadPro-Light.eot");
    src: url("fonts/MyriadProLight/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), /
      url("fonts/MyriadProLight/MyriadPro-Light.woff") format("woff"),
      url("fonts/MyriadProLight/MyriadPro-Light.ttf") format("truetype");
    src: url("fonts/MyriadProLight/MyriadPro-Light.woff");
    src: url("fonts/MyriadProLight/MyriadPro-Light.ttf");
    src: url("fonts/MyriadProLight/MyriadPro-Light.otf");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "OpenSansRegular"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
      url("fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
      url("fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    src: url("fonts/OpenSansRegular/OpenSansRegular.woff") format("woff");
    src: url("fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "SegoeUIRegular"; */
@font-face {
    font-family: "SegoeUIRegular";
    src: url("fonts/SegoeUIRegular/SegoeUIRegular.eot");
    src: url("fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix") format("embedded-opentype"),
      url("fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),
      url("fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype"),
  	  url('fonts/SegoeUIRegular/SegoeUIRegular.svg') format('svg');
    src: url("fonts/SegoeUIRegular/SegoeUIRegular.woff");
    src: url("fonts/SegoeUIRegular/SegoeUIRegular.ttf");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "SegoeUILight"; */
@font-face {
    font-family: "SegoeUILight";
    src: url("fonts/SegoeUILight/SegoeUILight.eot");
    src: url("fonts/SegoeUILight/SegoeUILight.eot?#iefix") format("embedded-opentype"),
      url("fonts/SegoeUILight/SegoeUILight.woff") format("woff"),
      url("fonts/SegoeUILight/SegoeUILight.ttf") format("truetype"),
  	  url('fonts/SegoeUILight/SegoeUILight.svg') format('svg');
    src: url("fonts/SegoeUILight/SegoeUILight.woff");
    src: url("fonts/SegoeUILight/SegoeUILight.ttf");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "SegoeUIBold"; */
@font-face {
    font-family: "SegoeUIBold";
    src: url("fonts/SegoeUIBold/SegoeUIBold.eot");
    src: url("fonts/SegoeUIBold/SegoeUIBold.eot?#iefix") format("embedded-opentype"),
      url("fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),
      url("fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype"),
  	  url('fonts/SegoeUIBold/SegoeUIBold.svg') format('svg');
    src: url("fonts/SegoeUIBold/SegoeUIBold.woff");
    src: url("fonts/SegoeUIBold/SegoeUIBold.ttf");
    font-style: normal;
    font-weight: normal;
}





body {margin:0; padding:0; text-align:center; font-family: 'MyriadProLight',Arial,Tahoma; font-size:18px;}

form {padding:0; margin:0;}
p {margin:0; padding: 0 0 10px;}

a {text-decoration:none; color:#eb7a00;}
a:hover {color:#f14d37;}


h1 {padding:5px; margin:0; margin-top:20px; text-align:center; font-size:55px; color:#f14d37; font-family:'SegoeUIBold','Roboto',Tahoma; text-transform:uppercase;}
h2 {padding:0; margin:0; font-weight:normal; text-align:center; font-size:23px;  font-family:'SegoeUIRegular','Roboto',Tahoma;}
h3 {padding:0; margin:0; font-weight:normal;}
h4 {padding:0; margin:0; font-weight:normal;}
h5 {padding:0; margin:0; font-weight:normal;}

.wrapper {width:100%; clear:both;  position:relative; padding:0; margin:0; }
.wrap {max-width:1260px; position:relative; margin:auto; text-align:left; }

/* слайдер */
.wr-top {height:710px;}
.slider {position:absolute; width:100%;  }
.main-slider {position:relative; width:100%;}
.ms-item {width:100%; position:relative;}
.ms-item .ms-container {position:absolute; width:100%;}
.ms-item .ms-container .ms-data {max-width:1260px; position:relative; margin:auto; }
.ms-text {position:absolute; top:230px; width:650px; height:370px; padding:50px; background:url(../graph/slider-bg.png) no-repeat; text-align:left; font-size:20px; line-height:28px; color:white; }
.ms-text h4 {font-size:45px; margin:30px 0px; line-height:47px; font-family: 'MyriadProREgular',Arial,Tahoma;}
.ms-img {width:100%;}
.ms-img img {min-width:1920px !important;}
.owl-carousel .owl-dots {position:absolute; left:50%; width:450px; margin-left:-450px; margin-top:-80px; height:30px;}
.owl-carousel .owl-dots .owl-dot {width:25px; height:25px; display: inline-block; margin:5px; background-color:white; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); opacity: 0.6; filter: alpha(opacity=60); }
.owl-carousel .owl-dots .active {opacity: 1; filter: alpha(opacity=100);}


.top {position:relative; z-index:10; }
.top-reg {display:none;}

/* top-текст */
.top-name {position:absolute; left:35px; top:15px; font-size:26px; margin:15px; color:white; font-family:'SegoeUILight','Roboto Condensed',Tahoma;}
.top-name b {font-size:47px; text-transform:uppercase; font-family:'SegoeUIBold','Roboto Condensed',Tahoma;}
.top-name span {display:block; font-family:'SegoeUILight','Roboto Condensed',Tahoma; font-size:42px; }

/* top-форма */
.top-form {position:absolute; right:35px; top:120px; width:400px; height:530px; padding:30px; background:url(../graph/form-dark-bg.png) top repeat-x;  -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;}
.top-form-dates p {line-height:55px; padding:0px; margin-bottom:10px; background-color:orange; font-size:31px; font-family:'SegoeUIBold','Roboto',Tahoma; color:white;}
.top-form-dates p span {display:inline-block; padding:2px 20px; margin-right:15px; background-color:red; font-size:26px;}
.top-form-area {width:340px; padding:30px; margin-top:15px; font-size:24px; text-align:center; background:url(../graph/form-lite-bg.png);  -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px;}
.top-form-area span {display:block; margin:auto; margin-bottom:15px; width:210px;}
.top-form-area p input {width:88%; font-size:24px; padding:13px 20px; border:0px; font-family:'SegoeUILight','Roboto',Tahoma;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.top-form-area a {display:block; cursor:pointer;  width:100%; margin:5px 0px; padding:10px 0px; font-size:22px; color:white; background-color:red;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.top-form-area a:hover {background-color:#f04c37;}

/* ссылки на соцсети */
.social-links {position:absolute; right:100px; top:40px; }
.social-links span {display:inline-block; margin-left:10px;}

/* Текстовый блок  */
.wr-page {padding:0px 50px; padding-bottom:15px; }
.wr-page p {padding:20px 0px; text-align:justify;}
.wr-page a {display:inline-block; cursor:pointer;  width:auto; min-width:210px; margin:5px; padding:10px 25px; font-size:22px; color:white; background-color:red;  -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
.wr-page a:hover {background-color:#f04c37;}


/* Список категорий  */
.wr-category {width:100%; margin-top:15px; background: url(../graph/service-bg.png) no-repeat;   background-size:cover; }
.wr-pixel {background:url(../graph/pixel-bg.png); padding:25px 0px;}

.category-list {text-align:center;}
.category-list ul {margin-left:-40px;}
.category-list ul li {position:relative; width:360px; height:250px; margin:10px; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.category-list ul li h3 {position:absolute; width:155px; height:90px; text-align:left; padding-left:40px; padding-right:60px; display:table; bottom:0px; right:0px; font-size:20px; color:white; background:url(../graph/service-item-bg.png) no-repeat; }
.category-list ul li h3 span {display:table-cell; vertical-align:middle; }


/* Копка регистрации */
.wr-city {border-top:solid 1px white; min-height:152px;   }
.wr-city .wrap {position:relative; min-height:152px; background:url(../graph/city-bg.png) top center no-repeat; }

.reg-link {position:absolute; top:48px; left:50%; margin-left:-180px;  width:360px; text-align:center; }
.reg-link a {display:inline-block; cursor:pointer; width:360px; padding:20px 0px; font-size:22px; color:white; background-color:red;  -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
.reg-link a:hover {background-color:#f04c37;}
.reg-date {width:100%; padding-top:63px; text-align:center;}
.reg-date p {display:inline-block; margin:0px 20px; width:250px; line-height:32px; background-color:orange; padding:0px; text-align:left; font-size:17px; font-family:'SegoeUIBold','Roboto',Tahoma; color:white; }
.reg-date p span {display:inline-block; padding:2px 20px; margin-right:10px; background-color:red; font-size:15px;}
.mos-date {text-align:left; width:48%; min-width:160px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; }
.spb-date {text-align:right; width:48%; min-width:160px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; }


/* Преимущества  */
.wr-adv .wrap {padding:20px 50px}
.wr-adv h4 {text-align:center; padding:15px;  text-transform:uppercase; font-family:'SegoeUIRegular','Roboto',Tahoma; font-size:32px;}

.adv-list {padding-bottom:15px; }
.adv-list ul {padding:0px; margin:0px; margin-top:15px;}
.adv-list ul li {padding:0px; margin:0px; width:32%; min-width:300px; border-left:solid 1px #ddd;  text-align:center; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.adv-list ul li:first-child  {border-left:0px; }
.adv-list ul li  h5 {width:320px; margin:auto; font-size:23px; line-height:25px; font-family:'SegoeUIBold','Roboto',Tahoma; color:#f04c37;}
.adv-list ul li  p {padding:20px 40px;}
.adv-list ul li .adv-pic {width:200px; height:200px; margin:20px auto;  overflow:hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.adv-list ul li .adv-pic img {height:200px;}


/* Видео */
.wr-video {width:100%; margin-top:15px; padding-bottom:20px; background: url(../graph/video-bg.png) no-repeat;   background-size:cover; }
.wr-video h4 {text-align:center; padding:25px;  text-transform:uppercase; font-family:'SegoeUIRegular','Roboto',Tahoma; font-size:32px; color:white;}
.owl-video {padding:10px 0px; width:1000px; margin:auto; padding-bottom:25px;}
.owl-video .owl-nav {position:absolute; width:110%; top:45px; left:-50px; z-index:10;}
.owl-video .owl-nav .owl-prev {display:inline-block; text-align:left; font-size:90px; color:white;}
.owl-video .owl-nav .owl-next {float:right; display:inline-block; text-align:right; font-size:90px; color:white;}
.owl-video .owl-stage-outer {position:relative; z-index:20;}

.video-item {position:relative; }
.video-item .play {position: absolute;  height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../graph/video-play.png) no-repeat; cursor: pointer;}
.video-item a {display:block;}

/* Футер */
.wr-footer {padding-top:10px;}
.footer-data {margin-left:450px; margin-right:50px; padding:30px 40px; text-align:center; font-size:20px;}
.footer-data h3 {padding:5px; margin:0; text-align:center; font-size:40px; color:#f14d37; font-family:'SegoeUIBold','Roboto',Tahoma; text-transform:uppercase;}
.footer-social-links {padding:10px;}
.footer-social-links span {padding:5px}

.footer-form {position:absolute; left:80px; top:25px; width:320px; padding:25px; background:url(../graph/end-form-dark-bg.png) top repeat-x;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; z-index:20;}
.footer-form  p {line-height:35px; padding:0px; margin-bottom:10px; background-color:orange; font-size:22px; font-family:'SegoeUIBold','Roboto',Tahoma; color:white;}
.footer-form-area {padding:20px 30px; margin-top:15px; font-size:24px; font-size:15px; text-align:center; background:#cdcdcd;  -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px;}
.footer-form-area h2 {font-size: 18px; }
.footer-form-area span {display:block; margin:auto; margin-bottom:5px; width:210px; font-size:19px;}
.footer-form-area p {background:none;}
.footer-form p span {display:inline-block; padding:2px 20px; margin-right:15px; background-color:red; font-size:18px;}
.footer-form p input {width:85%; font-size:17px; padding:7px 20px; border:0px; font-family:'SegoeUILight','Roboto',Tahoma;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.footer-form a {display:block; cursor:pointer;  width:100%; margin:5px 0px; margin-top:20px; padding:7px 0px; font-size:19px; color:white; background-color:red;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.footer-form a:hover {background-color:#f04c37;}


.wr-end {width:100%; height:150px; background: url(../graph/end-bg.png) no-repeat; background-size:cover;}
.end-data {margin-left:420px; margin-right:50px; padding:30px 40px; text-align:left; }
.end-phone {padding:10px 0px; padding-right:30px; text-align:right; font-size:24px; width:300px; border-right:solid 1px #8d8883; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.end-phone p {font-size:36px; padding:0px;}
.end-contacts {padding:10px 0px; padding-left:30px; font-size:24px; width:250px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.end-contacts a {color:#504030;}
.skype {padding-left:40px; line-height:29px; margin-bottom:10px; background:url(../graph/skype.png) left no-repeat;}
.email {padding-left:40px; line-height:29px; background:url(../graph/email.png) left no-repeat;}


/* Регистрация  */

.reg {background-color:orange; margin-top:1px; display:none;}
.reg h3 {text-align:center; font-size:36px; text-transform:uppercase; padding:15px 0px;  font-family:'SegoeUIBold','Roboto',Tahoma; color:white;}
.reg-part {position:relative; width:60%; min-width:280px; margin:10px auto; padding:20px; background-color:#ff9900; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.reg-part span {display:block; text-align:center; color:white; font-size:22px; margin-bottom:15px;}
.reg-part span b {font-weight:normal; font-size:15px;}
.reg-part p {width:49%; min-width:280px; display:inline-block; text-align:center;}
.reg-part p.pright {text-align:right; padding-right:5px;}
.reg-part p.pleft {text-align:left; padding-left:5px;}
.reg-part p.full {width:100%;}
.reg-part p.small {width:20%; min-width:120px; margin:0px 5px;}
.reg-part input[type="text"] {width:90%; height:35px; padding:0px 10px; margin:auto; border:0px; font-size:16px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.reg-part select {width:96%; height:35px; padding:0px 10px; margin:auto; border:0px; font-size:16px;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.reg-part textarea {width:92%; height:35px; height:100px; margin:auto; padding:2%; border:0px; font-size:16px;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.regform {padding-bottom:20px;}
.regform .reg-link {position:relative; top:auto; left:auto; margin:15px auto; width: 300px; }
.regform .reg-link a {width: 300px;}

/* прочее */
.clear {clear:both;}
.hide {display:none;}





@media only screen and (max-width: 1200px){


/* top-форма */
.top-form {position:absolute; right:35px; top:150px; width:300px; height:530px; padding:30px; background:url(../graph/form-dark-bg.png) top repeat-x;  -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;}
.top-form-dates p {line-height:40px; padding:0px; margin-bottom:10px; background-color:orange; font-size:20px; font-family:'SegoeUIBold','Roboto',Tahoma; color:white;}
.top-form-dates p span {display:inline-block; padding:2px 20px; margin-right:15px; background-color:red; font-size:18px;}
.top-form-area {width:240px; padding:30px; margin-top:15px; font-size:24px; text-align:center; background:url(../graph/form-lite-bg.png);  -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px;}
.top-form-area span {display:block; margin:auto; margin-bottom:15px; width:210px;}
.top-form-area p input {width:88%; font-size:24px; padding:13px 20px; border:0px; font-family:'SegoeUILight','Roboto',Tahoma;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.top-form-area a {display:block; cursor:pointer;  width:100%; margin:5px 0px; padding:10px 0px; font-size:22px; color:white; background-color:red;  -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;}
.top-form-area a:hover {background-color:#f04c37;}

/* слайдер */
.ms-text  {top:260px;}
.ms-text h4 {width:480px; font-size:37px;     line-height: 40px;}
.ms-text p {width:500px; font-size:18px;}

.social-links {position:absolute; left:40px; top:230px; }
.owl-video {width:850px;}


.end-phone {font-size:18px; width: 200px;}
.end-phone p {font-size:26px; }

.end-contacts {width:220px; font-size: 16px;}
.skype {line-height: 23px; background-size:23px 23px;     padding-left: 30px;}
.email {line-height: 23px; background-size:23px 23px;     padding-left: 30px;}

.adv-list ul li {width:30%; min-width:200px; }
.adv-list ul li  h5 {width:200px; font-size:23px; line-height:25px;}

}

@media only screen and (max-width: 1000px){

h1 {font-size: 45px;}

.ms-text h4 {width:340px; padding-top:40px; font-size:45px; line-height: 48px;}
.ms-text p {display:none;}

.reg-link {position:relative; top:30px; }

.owl-video {width:700px;}
.owl-nav {display:none;}

.footer-data {margin-left: 50px;}
.footer-data h3 {font-size: 30px;}
.footer-social-links span img {height:40px;}
.footer-form {display:none;}
.wr-end .wrap {text-align:center;}
.end-data {display:inline-block; width:auto; margin:auto;}


.adv-list ul li {width:30%; min-width:200px; font-size:16px;}
.adv-list ul li  h5 {width:200px; font-size:20px; line-height:25px;}
.adv-list ul li  p {padding:10px 20px;}
.adv-list ul li .adv-pic {width:150px; height:150px; margin:20px auto;  }
.adv-list ul li .adv-pic img {height:150px;}


}

@media only screen and (max-width: 800px){

.top-form {right:20px;}
.social-links {width:250px; margin-bottom:15px}

h1 {font-size: 40px;}
h2 {font-size: 20px; margin-bottom:15px; }
.wr-page p {display:none;}

.category-list ul li  {width:260px; height:200px }
.category-list ul li img {width:240px;}


.adv-list ul li {}

}

@media only screen and (max-width:760px){

.ms-text {display:none;}
.owl-dots {display:none;}

.wr-top {height:540px;}
.ms-img img {min-width:1450px !important; }

.top-reg {position:absolute; left:50%;  margin-left:-150px !important; top:350px; display:block; }
.top-name {left:50%; margin-left:-275px; width:550px; font-size:22px; text-align:center;}
.top-name b {font-size:37px;}
.social-links {left:50%; top:450px; width:400px; margin-left:-200px; text-align:center;}

/* top-форма */
.top-form {position:absolute; left:50%; margin-left:-200px; top:180px; width:400px; height:120px; padding:30px 0px; background:none;  }
.top-form-dates p {line-height:40px; padding:0px; margin-bottom:10px; background-color:orange; font-size:20px; font-family:'SegoeUIBold','Roboto',Tahoma; color:white;}
.top-form-dates p span {display:inline-block; padding:2px 20px; margin-right:15px; background-color:red; font-size:18px;}
.top-form-area {display:none;}


.reg-link  {width: 300px; margin-left: -150px; }
.reg-link a {width:300px; }

.reg-date p {width:220px;}
.reg-date p span {padding:2px 10px;}

.owl-video {width:500px;}

.footer-data {margin:0px 10px}
.footer-data p {font-size:15px;}

.end-data {padding: 30px 10px;}

.category-list ul li  {width:220px; height:153px }
.category-list ul li img {width:200px;}
.category-list ul li h3 {width:130px; height:75px; text-align:left; padding-left:30px; padding-right:40px; display:table; bottom:0px; right:0px; font-size:17px; color:white; background:url(../graph/service-item-bg.png) no-repeat; background-size:contain;}
.category-list ul li h3 span {display:table-cell; vertical-align:middle; }


.adv-list ul {padding:0px; margin:0px; margin-top:15px;}
.adv-list ul li {padding:0px; margin:0px; width:100%; min-width:200px; font-size:17px; border-left:0px; border-bottom:solid 1px #ddd;  text-align:center; list-style:none; display:block;}
.adv-list ul li:last-child  {border-bottom:0px; }
.adv-list ul li  h5 {width:100%; margin:auto; font-size:23px; line-height:25px; font-family:'SegoeUIBold','Roboto',Tahoma; color:#f04c37;}
.adv-list ul li  p {padding:20px 20px;}
.adv-list ul li .adv-pic {width:150px; height:150px; margin:20px auto;  overflow:hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.adv-list ul li .adv-pic img {height:150px;}

.wr-page {padding:0px 30px;}
h1 {font-size: 33px;}
h2 {font-size: 17px; margin-bottom: 15px;}

}


@media only screen and (max-width: 580px){

.wr-top {height:500px; text-align:center;}
.ms-img img {min-width:1338px !important; }

h1 {font-size: 25px;}

.top-reg {position:absolute; top:315px; display:block; }
.top-name {left:50%; margin-left:-235px; width:470px; top:0px; font-size:20px; text-align:center; white-space: nowrap;}
.top-name b {font-size:31px;}

.social-links {left:50%; top:410px; width:400px; margin-left:-200px; text-align:center;}

/* top-форма */
.top-form {position:absolute; left:50%; margin-left:-200px; top:165px; width:400px; height:120px; padding:20px 0px; background:none;  }
.top-form-dates p {line-height:40px; padding:0px; margin-bottom:10px; background-color:orange; font-size:20px; font-family:'SegoeUIBold','Roboto',Tahoma; color:white;}
.top-form-dates p span {display:inline-block; padding:2px 20px; margin-right:15px; background-color:red; font-size:18px;}
.top-form-area {display:none;}

.reg-date {padding-top: 53px; padding-bottom:20px; }
.mos-date {text-align:center; margin:5px auto;  width:90%; min-width:300px; display:block; }
.spb-date {text-align:center; margin:5px auto;  width:90%; min-width:300px; display:block; }


.wr-adv .wrap {padding:20px 10px;}
.wr-adv h4 {font-size:22px;}
.adv-list ul li  h5 {font-size:20px;}
.adv-list ul li  p {padding:10px; font-size:15px;}
.adv-list ul li .adv-pic {width:150px; height:150px; margin:20px auto;  overflow:hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.adv-list ul li .adv-pic img {height:150px;}


.wr-video h4 {font-size:26px; padding-bottom:10px;}
.owl-video {width:280px;}

.footer-data {padding:20px 10px;}
.footer-data h3 {font-size:19px;}

.end-contacts {display:none;}
.end-phone {text-align:center; width:300px; margin-top:15px; padding-right:0px; font-size: 22px;  border-right:0px;}


}


@media only screen and (max-width: 460px){

 .top-name {margin-left: -160px; width: 320px; font-size: 14px; white-space: normal;}
 .top-name span {font-size:35px;}
 .top-name b {font-size:28px;}


 .top-form {width:300px; margin-left:-150px;}

 .social-links {width:300px; margin-left:-150px;}
 .social-links a img {max-height:43px;}

}
