/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed, 
   figure, figcaption, footer, header, hgroup, 
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	font-size: 100%;
   	font: inherit;
   	vertical-align: baseline;
   }
   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
   	display: block;
   }
   body {
   	line-height: 1;
   	overflow-x: hidden;
   }
   ol, ul {
   	list-style: none;
   }
   blockquote, q {
   	quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
   	content: '';
   	content: none;
   }
   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }

   *::-webkit-input-placeholder {
   	color: #666;
   	opacity: 1;
   }
   *:-moz-placeholder {
   	color: #666;
   	opacity: 1;
   }
   *::-moz-placeholder {
   	color: #666;
   	opacity: 1;
   }
   *:-ms-input-placeholder {
   	color: #666;
   	opacity: 1;
   }

   body input:focus:required:invalid,
   body textarea:focus:required:invalid {
   	
   }
   body input:required:valid,
   body textarea:required:valid {
   	
   }

body {
   font-family: "RobotoRegular", sans-serif;
   font-size: 16px;
   min-width: 320px;
   position: relative;
}

header {
   background-image: url(../img/sports.png);
   background-position: top center;
   position: relative;
   width: 100%;
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
   z-index: 9;
}

#p_prldr{
 position: fixed;
 left: 0;
 top: 0;
 right:0;
 bottom:0;
 background: #498AF4;
 z-index: 9999999999;}

.contpre small{font-size:25px;}

.contpre{
 width: 250px;
 height: 100px;
 position: absolute;
 left: 50%;top: 50%;
 margin-left:-215px;
 margin-top:-75px;
 color:#fff;
 font-size:40px;
 letter-spacing:-2px;
 text-align:center;
 line-height:35px;
}

#p_prldr .svg_anm {
 position: absolute;
 width: 201px;
 height: 201px;
 background: url(http://hello-site.ru//main/images/preloads/ball-triangle.svg) center center no-repeat;
 background-size: 201px;
 margin: -16px 0 0 -16px;
}

.nav_colorbar {
   background-color: rgba(248,248,248,.60);
   position: relative;
   top: 0;
   width: 100%;
   z-index:20;
}

.social {
   background-repeat: no-repeat;
   background-position: left top;
   text-align: center;
}

.facebook, .twitter, .linkedin, .google_plus {
   display: inline-block;
}

.facebook .fa, .twitter .fa, .linkedin .fa, .google_plus .fa {
   font-size: 16px;
   font-weight: normal;
   color: #606060;
   text-align: center;
}

.facebook i, .twitter i, .linkedin i, .google_plus i {
   line-height: 60px;
   width: 60px;
   height: 60px;
}

.facebook i:hover {
   box-shadow: inset 0 0 0 60px rgba(59, 89, 152, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.twitter i:hover {
   box-shadow: inset 0 0 0 60px rgba(29, 161, 242, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.linkedin i:hover {
   box-shadow: inset 0 0 0 60px rgba(0, 119, 181, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.google_plus i:hover {
   box-shadow: inset 0 0 0 60px rgba(219, 68, 55, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.facebook i:active {
   box-shadow: inset 0 2px 10px 1px rgba(0,0,0,.33), inset 0 0 0 60px rgba(59, 89, 152, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.twitter i:active {
   box-shadow: inset 0 2px 10px 1px rgba(0,0,0,.33), inset 0 0 0 60px rgba(29, 161, 242, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.linkedin i:active {
   box-shadow: inset 0 2px 10px 1px rgba(0,0,0,.33), inset 0 0 0 60px rgba(0, 119, 181, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}

.google_plus i:active {
   box-shadow: inset 0 2px 10px 1px rgba(0,0,0,.33), inset 0 0 0 60px rgba(219, 68, 55, .80), 0 1px rgba(255,255,255,.08);
   color: #fff;
   transition: .5s linear;
}


#owl-demo .item{
   margin: 0px;
   height: auto;
}

#owl-demo .item img{
   display: block;
   width: 100%;
   height: auto;
   object-position: 50% 50% 
}


.infocontact, .infocontactR, .infocontactL, .infocontactN {
   background-repeat: no-repeat;
   background-position: left top;
   line-height: 55px;
   text-align: right;
   margin-top: 2px;
}

.infocontactN, .infocontactR {
   text-align: center;
}

.infocontactL {
   text-align: left;
}

.time, .contactus, .mailto, .administration {
   display: inline-block;
}

.administration .fa{
   margin-left: 10px;
}

.time .fa, .contactus .fa, .mailto .fa, .administration .fa {
   font-size: 14px;
   font-weight: normal;
   color: #606060;
}

.infocontact a, .infocontactR a, .infocontactL a, .infocontactN a {
   font-family: "RobotoLight";
   font-size: 14px;
   padding-left: 10px;
   display: inline-block;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.2s;
}
.infocontact a:link, :visited {
   color: #337ab7;
}

.infocontactR a:link, :visited {
   color: #337ab7;
}

.infocontactL a:link, :visited {
   color: #337ab7;
}

.infocontactN a:link, :visited {
   color: #337ab7;
}

.infocontact a:hover, .infocontactR a:hover, .infocontactL a:hover, .infocontactN a:hover{
   color: hotPink;
}

@media (-webkit-min-device-pixel-ratio:0) {
  .infocontact a {
    background-image: -webkit-linear-gradient(left, hotPink 0%, #353535 50%, transparent 50%);
    background-image: -moz-linear-gradient(left, hotPink 0%, #353535 50%, transparent 50%);
    background-image: -o-linear-gradient(left, hotPink 0%, #353535 50%, transparent 50%);
    background-image: -ms-linear-gradient(left, hotPink 0%, #353535 50%, transparent 50%);
    background-position: 100% 0;
    background-size: 200% 200%;
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
  }
  .infocontact a:hover {
    background-position: 0 0;
    color: transparent;
  }
}

.text-logo {
   position: relative;
}

.menuheader .logo {
   position: absolute;
   transform: rotate(-10deg);
   top: 30px;
   left: 250px;
   z-index: 1;
}

.menuheader {
   text-transform: uppercase;
   min-height: 80px;
}

.firstmenu ul li {
   display: inline-block;
}


.text-right {
   text-align: center;
   line-height: 80px;
   color: #606060;
   text-transform: uppercase;
}

.text-right a {
   font-family: "Segoe Script";
   font-weight: bold;
   font-size: 18px;
   padding: 0px 15px 0px 40px;
   display: block;
   background-repeat: no-repeat;
   background-position: 0% 45%;
   background-size: 25px 25px;
}

#active {
   color: #4285F4;
}

#active2 {
   color: #34A853;
}

#active3 {
   color: #EA4335;
}

#active4 {
   color: #FBBC05;
}

#m a, #g a, #v a, #c a, #m:hover a, #g:hover a, #v:hover a, #c:hover a {
   transition: .3s linear;
}

#m a {
   background-image: url(../img/main.png);
}

#m, #g, #v {
   margin-right: 30px;
}

#g a {
   background-image: url(../img/groups.png);
}

#v a {
   background-image: url(../img/teachers.png);
}

#u a {
   background-image: url(../img/ukraine.png);
}

#c  {
   background-image: url(../img/comment.png);
   background-repeat: no-repeat;
   -webkit-background-size: 25px 25px;
   background-size: 25px 25px;
   background-position: 0% 45%;
   transition: .3s linear;
   font-family: "Segoe Script";
   font-weight: bold;
   font-size: 18px;
   padding: 0 15px 0 40px;
}

#c:hover  {
   background-image: url(../img/comment2.png);
   background-repeat: no-repeat;
   -webkit-background-size: 25px 25px;
   background-size: 25px 25px;
   background-position: 0% 45%;
   transition: .3s linear;
}

#u:hover a {
   background-image: url(../img/ukraine2.png);
}

#m:hover a {
   background-image: url(../img/main2.png);
}

#g:hover a {
   background-image: url(../img/groups2.png);
}

#v:hover a {
   background-image: url(../img/teachers2.png);
}



.feedback {
   position: absolute;
   top: 50px;
   text-align: left;
   right: 40px;
   z-index: 2;
   background-image: url(../img/sports.png);
   width: 700px;
   font-family: 'Segoe Script';
   font-size: 14px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   padding: 50px;
   display: none;
}

.feedback h2 {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}

#fullname {
   margin-left: 230px;
}

#phone {
   margin-left: 164px;
}

#email {
   margin-left: 141px;
}

#topic {
   margin-left: 234px;
}

.btn {
   width: 100%;
}

.feedback-form-group {
   padding-top: 10px;
}


.mc_item {
   color: #606060;
}

.mc_item a:active {
   color: #606060;
}
.mc_toggle {
   width: 100%;
   cursor: pointer;
   width: 100%;
   cursor: pointer;
   padding: 0px 0px 15px 0px;
   height: auto;
   text-align: center;
   color: #606060;
   line-height: 40px;
   font-family: "Segoe Script";
   font-size: 22px;
   font-weight: bold;
}

.mc_toggle:hover > #violet {
   color: #EA4335;
   transition: .3s linear;
}

.mc_toggle:hover > #yellow {
   color: #600090;
   transition: .3s linear;
}

.mc_toggle:hover > #green {
   color: #FBBC05;
   transition: .3s linear;
}

.mc_toggle:hover > #blue {
   color: #34A853;
   transition: .3s linear;
}

.mc_toggle:hover > #red {
   color: #4285F4;
   transition: .3s linear;
}

#violet {
   color: #600090;
   transition: .3s linear;
}

#yellow {
   color: #FBBC05;
   transition: .3s linear;
}

#green {
   color: #34A853;
   transition: .3s linear;
}

#blue {
   color: #4285F4;
   transition: .3s linear;
}

#red {
   color: #EA4335;
   transition: .3s linear;
}

.mc_item {
   position: relative;
}

.secondmenu {
   display: block;
}

.strangelist {
   position: absolute;
   text-align: center;
   top: 50px;
   z-index: 2;
   background-image: url(../img/sports.png);
   width: 100%;
   font-family:  'Segoe Script';
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   display: none;
   padding: 0px 200px 20px 200px;
}

.strangelist li {
   display: block;
   padding: 10px 10px;
}

.strangelist li a {
   transition: .3s linear;
}

.strangelist li a:hover {
   text-decoration: underline;
   transition: .3s linear;
}

.leftt {
   float: left;
   padding-left: 30px;
}

.rightt {
   float: right;
   padding-right: 30px;
}

.distance {
   padding-top: 5px;
}

.owl {
   position: relative;
   width: 100%;
   min-height: 500px;
   padding: 20px 0;
   background: -moz-radial-gradient(center, ellipse cover, #FCEB0A, #F07400); 
   background: -webkit-linear-gradient(top, #FCEB0A, #F07400); 
   background: -o-linear-gradient(top, #FCEB0A, #F07400); 
   background: -ms-linear-gradient(top, #FCEB0A, #F07400);
   background-size: contain;
   background-position: top center;
}

#owl-demo2 .item{
   margin: 0px;
   height: 625px;
}

#owl-demo2 .item img{
   display: block;
   width: 100%;
   height: auto;
}

.infoowl {
   box-shadow: 5px 5px 7px 2px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background-color: #F5A004;
}

.item {
   border-radius: 10px;
   overflow: hidden;
}

/*Красный прямоугольник*/
.slider_new, .slider_new2, .slider_new3 {
   position: absolute;
   top: 10px;
   border-left: 10px solid rgba(255,255,255,.75);
   background: #ff0000;
   padding: 15px;
   color: #fff;
   font-family: "Segoe Script";
   font-size: 22px;
   opacity: 0.8;
   transition: .3s linear;
}

.slider_new a, .slider_new2 a, .slider_new3 a {
   color: #fff;
}

.slider_new:hover, .slider_new2:hover, .slider_new3:hover {
   border-left: 20px solid rgb(255, 105, 180);
   transition: .3s linear;
}


span#linewords {
   color: #fff;
   text-align: center;
   display: inline-block;
   text-indent: 20px;
   text-transform: uppercase;
}

.slider_text, .slider_text2, .slider_text3 {
   position: relative;
   bottom: 0;  /*Привязываем к нижней части на случай большого объема текста*/
   padding: 5px 5px;
   background: rgba(66,133,244,.95);
   opacity: 0.8;
   transition: .3s linear;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}  

/*остальной текст на черной полосе*/
.slider_text span, .slider_text2 span, .slider_text3 span{
   opacity: 1.1;
   font-size: 16px;
   font-family: "Segoe Script";
   line-height: 30px;
}

.slider_text:hover, .slider_text2:hover, .slider_text3:hover {
   opacity: 1.2;
   transition: .5s linear;
   cursor: pointer;
}


.text-left {
   position: relative;
   text-align: center;
   line-height: 170px;
   margin-top: 55px;
}

.text-left a {
   font-family: "Segoe Script";
   font-size: 20px;
   font-weight: bold;
   text-transform: uppercase;
   display: block;
   background-repeat: no-repeat;
   background-position: 95% 45%;
   background-size: 100px 100px;
}

#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
   transition: .5s linear;
   background-size: 150px 150px;
}

#job, #clock, #toy {
   padding: 5px 0;
}

#job a {
   background-image: url(../img/work1.png);
}

#clock a {
   background-image: url(../img/time.png);
}

#toy a {
   background-image: url(../img/learnteach.png);
}

#job:hover a {
   background-image: url(../img/work2.png);
}

#clock:hover a {
   background-image: url(../img/time2.png);
}

#toy:hover a {
   background-image: url(../img/learnteach2.png);
}


article.newsblock {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   background-position: top center;
   width: 100%;
}

article.newsblocklist {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   background-position: top center;
   width: 100%;
   display: none;
}

.newsblocklist p  {
   text-align: justify;
}

.newsblocklist h3  {
   text-align: center;
}

.newsinfo, .newsinfobut {
   width: 100%;
   cursor: pointer;
   height: auto;
   text-align: center;
   color: #606060;
   line-height: 100px;
   font-family: "Segoe Script";
   font-size: 18px;
   border-bottom: 1px dashed hotPink;
   border-right: 1px dashed hotPink;
   border-left: 1px dashed hotPink;
   border-bottom-right-radius: 30px;
   border-bottom-left-radius: 30px;
   box-shadow: 5px 5px 7px 2px rgba(0, 0, 0, 0.2);
}

.newsinfo:hover, .newsinfobut:hover {
   box-shadow: 5px 5px 7px 2px rgba(96, 0, 96, 0.2);
}

#newscolumn {
   border-bottom: 1px dashed rgba(66, 133, 244,.5);
   border-right: 1px dashed rgba(66, 133, 244,.5);
   border-left: 1px dashed rgba(66, 133, 244,.5);
   border-bottom-right-radius: 30px;
   border-bottom-left-radius: 30px;
   box-shadow: inset 0px -2px 20px 2px rgba(0, 0, 0, 0.2);
}

.newsinfo:active, .newsinfobut:active {
   box-shadow: inset 0px -2px 20px 2px rgba(0, 0, 0, 0.2);
}

.newsbox {
   padding-bottom: 20px;
}

.newsinfo:hover > #violet, .newsinfobut:hover > #violet {
   color: #EA4335;
   transition: .3s linear;
}

.newsinfo:hover > #yellow, .newsinfobut:hover > #yellow {
   color: #600090;
   transition: .3s linear;
}

.newsinfo:hover > #green, .newsinfobut:hover > #green {
   color: #FBBC05;
   transition: .3s linear;
}

.newsinfo:hover > #blue, .newsinfobut:hover > #blue {
   color: #34A853;
   transition: .3s linear;
}

.newsinfo:hover > #red, .newsinfobut:hover > #red {
   color: #4285F4;
   transition: .3s linear;
}

.underblock {
   padding: 20px;
   height: auto;
   width: auto;
}

span#second {
   color: #606060;
   text-align: justify;
}

span#readmore a {
   display: block;
   color: #337AB7;
   text-decoration: underline;
   margin-top: 18px;
   text-align: justify;
}


.partone, .parttwo, .partthree {
   margin-bottom: 30px; 
}

.databutimg img {
   object-fit: cover;
   width: 370px;
   height: 195px;
}

.newstextinfo {
      width: auto;
      min-height: 150px;
   }
   
.newstext {
   margin: 15px 0px 0px 0px;
}


h3.firsttext{
   font-size: 16px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   margin-bottom: 8px;
   line-height: 22px;
   max-height: 90px;
   overflow: hidden;
}

p.containtext {
   font-size: 14px;
   font-family: "RobotoLight";
   line-height: 20px;
   max-height: 280px;
   overflow: hidden;
}

p.containtext2 {
   font-size: 14px;
   font-family: "RobotoLight";
   line-height: 20px;
}

.databutimg p#big {
   font-size: 60px;
   font-family: "RobotoCondensed-Light";
   text-transform: uppercase;
   text-align: center;
   vertical-align: center;
   color: #fff;
} 
.databutimg p#smart {
   font-size: 24px;
   font-family: "RobotoCondensed-Regular";
   text-align: center;
   color: #fff;
} 

p#big {
   padding: 30px 0px 0px 0px;
}

footer {
   background-image: url(../img/sports.png);
   background-position: top center;
   position: relative;
   width: 100%;
}

#map {
   width: 100%;
   height: 400px;
}

.infobottom {
   margin: 40px 0px 40px 0px;
   line-height: 14px;
   text-align: center;
}

.infobottom .fa {
   font-size: 14px;
   font-weight: normal;
   color: #4285F4;
}

.infobottom p {
   font-family: "RobotoLight";
   font-size: 14px;
   padding-left: 10px;
   display: inline;
   color: #4285F4;
}




/* Administration */




section.owl2 {
   position: relative;
   width: 100%;
   min-height: 500px;
   height: auto;
   background-image: url(../img/adm.jpg);
   background-size: 100%;
   background-position: top center;
   padding: 40px 40px;
}

.owl2 h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
   color: #FFF;
   line-height: 50px;
}

section h2 {
   position: relative;
}

.morenewsblock {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   margin: 40px 0px 0px 0px;
}


.bottomlong {
   text-align: center;
   margin-bottom: 30px;
}

.bottomlong a {
   width: 150px;
   height: 40px;
   padding: 10px 20px;
   background-color: #fff;
   font-size: 18px;
   font-family: "RobotoCondensed-Light";
   text-transform: uppercase;
   text-align: center;
   color: #606060;
   line-height: 49px;
   vertical-align: middle;
   box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .15);
   border-radius: 30px;
}

.bottomlong a:hover {
   box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .25);
}

.bottomlong a:active {
   box-shadow: inset 0 2px 8px 1px rgba(0,0,0,.63), inset 0 0 0 60px #fff, 0 1px rgba(255,255,255,.08);
   color: #606060;
   transition: .5s linear;
}

#bottomback span {
   padding: 30px 0px 0px 0px;
}


.lt {
   border-top-left-radius: 50px;
}

.lb {
   border-bottom-left-radius: 50px;
}

.rt {
   border-top-right-radius: 50px;
}

.rb {
   border-bottom-right-radius: 50px;
}

.leftside {
   background-color: rgba(255,255,255,.80);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .25);
   padding: 15px 15px 15px 15px;
}

.leftside {
   margin-bottom: 30px;
   height: 400px;
   width: 750px;
}

.rightsidet {
   width: auto;
   height: 400px;
   margin-bottom: 30px;
}

.rightsideb {
   width: auto;
   margin-bottom: 30px;
}

.imgone, .imgtwo {
   width: auto;
   text-align: center;
}

.imgone img, .imgtwo img {
   width: 360px;
   height: 400px;
   object-fit: cover;
}

.imgtwo1:hover {
   box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .25);
}

.textmore {
   hight: auto;
}

.textmain {
   text-align: center;
}

p.insidetext {
   font-size: 14px;
   font-family: "RobotoLight";
   line-height: 20px;
   text-indent: 1.5em;
}

p.insidetext3 {
   font-size: 14px;
   font-weight: bold;
   font-family: "RobotoLight";
   line-height: 18px;
}

span.insidetext2 {
   font-size: 18px;
   font-family: "RobotoLight";
   line-height: 18px;
}

span.insidetext4 {
   font-size: 14px;
   font-family: "RobotoLight";
   line-height: 18px;
}

span.insidetext5 {
   font-size: 16px;
   font-family: "RobotoLight";
   line-height: 18px;
}

span.uppercase {
   text-transform: uppercase;
}




#owl-demo .item2 {
   margin: 0px;
   height: auto;
}

#owl-demo .item2 img{
   display: block;
   width: 100%;
   height: auto;
   object-position: 50% 50% 
}


/*Красный прямоугольник*/
.slider_newb {
   position: absolute;
   top: 440px;
   border-left: 10px solid rgba(255,255,255,.75);
   background: #ff0000;
   padding: 15px;
   color: #fff;
   font-family: "Segoe Script";
   font-size: 22px;
   opacity: 0.8;
   transition: .3s linear;
}

.slider_newb a {
   color: #fff;
}

.slider_newb:hover {
   border-left: 20px solid rgb(255, 105, 180);
   transition: .3s linear;
}

#centro {
   color: #EA4335;
   font-family: 'Segoe Script';
}

#alfa {
   font-weight: bold;
}



/* VIZITKA */




section.owl4 {
   position: relative;
   width: 100%;
   min-height: 500px;
   padding: 20px 0;
   background-image: url(../img/view.jpg);
   background-size: contain;
   background-position: top center;
   padding: 40px 0 40px;
}

.owl4 h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
   color: #606060;
}

span#dotviz {
   color: #FFCE43;
}

span#topviz {
   color: #17A05D;
}

span#dotviz2 {
   color: #D54E41;
}

span#topviz2 {
   color: #4C8CF5;
}

#owl-demo .item4 {
   margin: 0px;
   height: auto;
}

#owl-demo .item4 img{
   display: block;
   width: 100%;
   height: auto;
   object-position: 50% 50% 
}

.slider_newc {
   position: absolute;
   top: 590px;
   border-left: 10px solid rgba(255,255,255,.75);
   background: #4285F4;
   padding: 15px;
   color: #fff;
   font-family: "Segoe Script";
   font-size: 22px;
   opacity: 0.8;
   transition: .3s linear;
}

.slider_newc a {
   color: #fff;
}

.slider_newc:hover {
   border-left: 20px solid rgb(255, 105, 180);
   transition: .3s linear;
}


.leftsideV {
   background-color: rgba(255,255,255,.80);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .25);
   padding: 15px 15px 15px 15px;
}

.leftsideV {
   margin-bottom: 30px;
   height: auto;
   width: 360px;
}


p#insidetext6 {
   font-size: 14px;
   font-family: "RobotoLight";
   line-height: 20px;
}

#alfa {
   font-weight: bold;
}

.textmain2 {
   text-align: center;
}

.imgone1 img {
   width: 750px;
   height: 550px;
   object-fit: cover;
}

.imgtwo1 img {
    width: 750px;
    height: 680px;
    object-fit: cover;
}

.rightside1 {
   width: auto;
   height: 550px;
   margin-bottom: 30px;
}

.rightside2 {
   width: auto;
   height: 680px;
   margin-bottom: 30px;
}

article.galeryblock {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   background-position: top center;
   padding: 40px 0px 10px 0px;
}

.galeryblock h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
}

article h2 {
   position: relative;
}

.photoblock {
   margin: 40px 0px 0px 0px;
}

.photohistory {
   width: auto;
   height: 195px;
   margin-bottom: 20px;
   text-align: center;
}

.photohistory img {
   object-fit: cover;
   width: 360px;
   height: 195px;
}


/* Groups */



article.groupsblock {
   background-image: url(../img/clday.png);
   background-repeat: repeat;
   background-position: top center;
}

.groupsblock h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
}


.bgc {
   padding: 40px 0 40px;
}


.photogroups {
   width: auto;
   text-align: center;
   min-height: 370px;
}

.photogroups img {
   object-fit: cover;
   width: 350px;
   height: 300px;
}

p.insidetext8 {
   font-size: 14px;
   font-weight: bold;
   font-family: "RobotoLight";
   line-height: 18px;
   display: none;
}

.round {
   width: 100%;
   height: 24px;
   text-align: center;
}

.circle1, .circle2, .circle3, .circle4, .circle5, .circle6, 
.circle7, .circle8, .circle9, .circle10, .circle11, .circle12  {
   background-position: 50% 50%;
   background-size: 24px 24px;
   background-image: url(../img/circle.png);
   background-repeat: no-repeat;
   cursor: pointer;
   padding: 10px 0px 20px 0px;
}

/* 3DTrip */


article.Dblock {
   background-image: url(../img/school1.png);
   background-repeat: repeat-x repeat-y;
   background-position: top center;
}

.Dblock h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
}


.bgcD {
   padding: 40px 0px 10px 0px;
}


.photo3D {
   width: auto;
   margin-bottom: 30px;
   text-align: center;
}

.photo3D img {
   object-fit: cover;
   width: 550px;
   height: 230px;
}

span#dotviz3 {
   color: #FE140B;
}

span#topviz3 {
   color: #448AFE;
}


/* PravilaPriyomy */


section.owl6 {
   position: relative;
   width: 100%;
   min-height: 500px;
   padding: 20px 0;
   background-image: url(../img/sakura.png);
   background-size: contain;
   background-position: top center;
   padding: 40px 0 40px;
}

.owl6 h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   color: blue;
   text-align: center;
}

.infoblocks {
   background-repeat: repeat;
   margin: 40px 0px 0px 0px;
}

.leftsidecol10 {
   background-color: rgba(255,255,255,.80);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   padding: 15px 15px 15px 15px;
}

.leftsidecol10 {
   margin-bottom: 10px;
   height: 50px;
   width: auto;
}

.att {
   background-position: 95% top;
   background-size: 48px 48px;
   background-image: url(../img/attach.png);
   background-repeat: no-repeat;
}


/* Teachers */

article.teachersblock {
   background-image: url(../img/school1.png);
   background-repeat: repeat;
   background-position: top center;
}

.teachersblock h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
}

article.teachersblock p {
   text-align: center;
}

.sidecol1a, .sidecol2a, .sidecol3a, .sidecol4a, .sidecol5a,
.sidecol1, .sidecol2, .sidecol3, .sidecol4, .sidecol5, .sidecol3v {
   background-color: rgba(255,255,255,.80);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   display: inline-block;
   text-align: center;
   height: auto;
   max-height: 120px;
   letter-spacing: -1px;
}
.sidecol1a, .sidecol2a, .sidecol3a, .sidecol4a, .sidecol5a {
   box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .45);
}

.mar {
   padding-bottom: 40px;
}

.marF {
   padding: 40px 0px;
}

.sidecol1, .sidecol1a {
   width: 360px;
}

.sidecol2, .sidecol2a, .sidecol4, .sidecol4a, .sidecol3v  {
   width: 165px;
}

.sidecol3, .sidecol3a
{
   width: 165px;
}

.sidecol1a p, .sidecol2a p, .sidecol3a p, .sidecol1 p, .sidecol4 p, .sidecol3 p {
   padding: 50px 10px;
}

.sidecol4a p {
   padding: 40px 10px;
}

.sidecol2 p {
   padding: 40px 10px;
}

.sidecol3v p {
   padding: 50px 10px;
}

.bgc {
   padding: 40px 0 40px;
}

p.insidetextn {
   font-size: 20px;
   font-weight: bold;
   font-family: "Segoe Script";
   line-height: 20px;
}

p.insidetexti {
   font-size: 18px;
   font-family: "Segoe Script";
   color: #606060;
   line-height: 20px;
}

span#dotvizT {
   color: #600090;
}

span#topvizT {
   color: #FA130B;
}


.teacherview img {
   object-fit: cover;
   object-position: 50% 50%;
   width: 165px;
   height: 120px;
}



/* ParentPage */


article.parentsblock {
   background-image: url(../img/food.png);
   background-repeat: repeat;
   background-position: top center;
}

.parentsblock h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
}

.ato {
   background-position: 1085px center;
   background-size: 45px 45px;
   background-image: url(../img/atten.png);
   background-repeat: no-repeat;
}


.leftsidecol12 {
   background-color: rgba(255,255,255,.80);
   box-shadow: 4px 4px 12px 1px rgba(0, 0, 0, .25);
   border: 2px solid #FA130B;
   padding: 15px 15px 15px 15px;
   margin-bottom: 10px;
   width: auto;
   line-height: 0px;
}

span.insidetext5 {
   font-size: 16px;
   letter-spacing: -1px;
   font-family: "Segoe Script";
   font-weight: bold;
   text-transform: uppercase;
}

.sidecol {
   background-color: rgba(255,255,255,.80);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   display: inline-block;
   text-align: left;
   height: auto;
   margin-bottom: 10px;
   width: auto;
}

.sidecol p {
   padding: 20px 30px;
}

p.insidetextEM {
   font-size: 22px;
   font-family: "RobotoCondensed-LightItalic";
}

.parentimg img, .parentimg2 img {
   object-fit: cover;
   object-position: 100% 10%;
   width: 100%;
   height: 500px;
}

.parentimg0 img  {
   object-fit: cover;
   object-position: 100% 50%;
   width: 100%;
   height: 300px;
}

.parentimg1 img  {
   object-fit: cover;
   object-position: 100% 50%;
   width: 100%;
   height: 400px;
}


.pad {
   text-indent: 20px;
}

.bbb {
   font-weight: bold;
}


.leftsidecol13  h2{
   background-color: rgba(255,255,255,.90);
   box-shadow: 4px 4px 12px 1px rgba(0, 0, 0, .25);
   padding: 15px 15px 15px 15px;
   margin-bottom: 10px;
   width: auto;
   line-height: 30px;
   color: #516CD6;
   text-align: center;
}


span.insidetext9 {
   font-size: 20px;
   font-family: "Segoe Script";
   font-weight: bold;
   text-transform: uppercase;
}


/* Links */


.atl {
   background-position: 90% center;
   background-size: 45px 45px;
   background-image: url(../img/link.png);
   background-repeat: no-repeat;
}


.leftsidecol444 {
   background-color: rgba(255,255,255,.80);
   box-shadow: 4px 4px 12px 1px rgba(0, 0, 0, .25);
   border: 1px solid #FA130B;
   padding: 15px 15px 15px 15px;
   margin-bottom: 10px;
   height: 60px;
   width: 555px;
   line-height: 25px;
}

span.insidetext0 {
   font-size: 16px;
   letter-spacing: -1px;
   font-family: "Segoe Script";
   font-weight: bold;
   text-transform: uppercase;
}

.textmore1 a:hover {
   text-decoration: underline;
}



/* MetodichnaRobota */


article.netodwblock {
   background-image: url(../img/weather.png);
   background-repeat: repeat;
   background-position: top center;
}

.netodwblock h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
   top: 15%;
}

.netodwblock p {
   text-align: justify;
}

.netodimg0 {
   height: 250px;
   width: auto;
}

.netodimg0 img  {
   display: block;
   width: 100%;
   height: 240px;
   object-position: 50% 50%;
   object-fit: cover;
}

.table2 {
   margin-top: 0px;
}

.cen {
   text-align: center;
}

.lef {
   text-indent: 1.5em;
}

.leo {
   color: green;
}

.oleo {
   color: blue;
}

.gen {
   color: red;
   text-align: center;
}


/* Metodicka */ /* Psyho */  /* FizRa */  /* Muzika */  /* Logoped */
/* NVP */

article.metpageblock {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   background-position: top center;
   padding-top: 40px;
}

article.psyhblock {
   background-image: url(../img/weather.png);
   background-repeat: repeat;
   background-position: top center;
}

article.sportblock {
   background-image: url(../img/bunting-flag.png);
   background-repeat: repeat;
   background-position: top center;
   padding-top: 40px;
}

.sportblock p {
   text-align: justify;
}

.metpageblock h2, .NVPblock h2, .psyhblock h2, .sportblock h2, .tableblock h2, .tableblock2 h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
   top: 15%;
}

.metpageblock p {
   text-align: justify;
}

.metodic h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
   top: 15%;
   background-color: rgba(255,255,255,.99);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .25);
   line-height: 60px;
}

.spT h2 {
   background-color: rgb(225,225,255);
}

.sp h2 {
   background-color: rgba(220,88,71,.99);
   color: #fff;
}


.sidecolm {
   background-color: rgba(255,255,255,.99);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   display: inline-block;
   text-align: left;
   height: auto;
   margin-bottom: 10px;
   width: auto;
}

.sidecolh2 {
   background-color: #fff;
   background-size: contain;
   background-position: top center;
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   display: inline-block;
   text-align: left;
   height: auto;
   margin-bottom: 10px;
   width: auto;
   color: #656565;
}

.sidecols {
   background-color: rgba(76,139,245,.99);
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   display: inline-block;
   text-align: left;
   height: auto;
   margin-bottom: 10px;
   width: auto;
}

.sidecols p, .sidecolm p, .sidecols p, .sidecolh p {
   padding: 20px 30px;
}

.sidecols p {
   color: #fff;
}

.intext {
   height: auto;
}

.intext h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
   line-height: 50px;
   padding: 10px;
}

.parentimg4, .parentimg4p, .parentimg5 {
   margin-bottom: 10px;
}

.parentimg4, .parentimg4p {
   margin-top: 30px;
}

.parentimg4 img, .parentimg4p img, .parentimg5 img, .parentimg7 img {
   object-fit: cover;
   object-position: 50% 50%;
   width: 100%;
   height: 500px;
}

.parentimg7 img {
   object-position: 50% 0%;
}

.parentimg7 img {
   object-position: 50% 60%;
}

.parentimg6, .parentimg8 {
   object-fit: cover;
   object-position: 50% 50%;
   width: 100%;
   height: 100px;
   letter-spacing: 111px;
   text-align: center;
}

.parentimg8 {
   object-fit: cover;
   object-position: 50% 50%;
   width: 100%;
   height: 100px;
   letter-spacing: 50px;
   text-align: center;
   margin-bottom: 60px;
}

.parentimg8 img {
   width: 150px;
   height: 150px;
}

.psy h2 {
   background-color: #FA130B;
   color: #fff;
}

.gen2 {
   text-align: center;
}


.parentimg9 {
   object-fit: cover;
   object-position: 50% 10%;
   width: 100%;
   height: auto;
   text-align: center;
   margin-bottom: 10px;
}

.parentimg9 img {
   width: auto;
   height: 500px;
   margin-right: 30px;
}

.parentimg10 img  {
   object-fit: cover;
   object-position: 50% 60%;
   width: 100%;
   height: 400px;
}

article.NVPblock {
   background-color: #fff; 
   background-image: 
   linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
   linear-gradient(#eee .1em, transparent .1em);
   background-size: 100% 1.2em;
}

.table3 {
   text-align: center;
}

.table3 p {
   text-align: justify;
   line-height: 25px !important;
}

.table4 {
   padding-bottom: 40px;
   text-align: center;
}

p.insidetextNW {
    font-size: 22px;
    font-family: "RobotoLight";
    text-align: center;
}

/* sheldsss */

article.tableblock {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   background-position: top center;
   font-family: 'Segoe Script';
}

article.tableblock2 {
   background-image: url(../img/sakura.png);
   background-repeat: repeat;
   background-position: top center;
   font-family: 'Segoe Script';
}

.parentimg11 img  {
   object-fit: cover;
   object-position: 50% 20%;
   width: 100%;
   height: 225px;
}

table {
   width: 100%;
   border: none;
   color: #606060;
   font-family: "RobotoLight";
   font-size: 16px;
   vertical-align: middle;
   margin: 20px 0px;
}

.table p {
   text-align: justify;
}

td {
   padding: 5px;
   padding-right: 10px;
   text-align: center;
   line-height: 30px;
   border: 1px solid #9CDAF1;
   vertical-align: middle;
}

th {
   padding: 10px;
   border: 1px solid #9CDAF1;
   vertical-align: middle;
}


caption {
   margin-bottom: 20px;
   font-size: 22px;
   color: #4285F4;
   font-family: "RobotoLight";
   font-weight: bold;
}

.parentimg12 {
   text-align: center;
}

.parentimg12 img  {
   height: 400px;
}

/* readmore */

.arr {
   margin-top: 10px;
}

#wrapper{
   margin:0 auto;
   width:900px;
   position:relative;
}

/*Стилизация кнопки ВВЕРХ */
#back-top{  
   position:fixed;
   bottom:135px;
   left:50%;
   margin-left: 800px;
}

#back-top a{
   width:64px;
   display:block;
   text-align:center;
   font:11px/100% Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   text-decoration:none;
}

#back-top a:hover {
   background:url(../img/up2.png) no-repeat center center;
   -webkit-transition:10s;
   -moz-transition:10s;
   transition:10s;
}

/* графическая стрелка ВВЕРХ */
#back-top span{
   width:64px;
   height:64px;
   display:block;
   margin-bottom:7px;
   background:url(../img/up.png) no-repeat center center;
   /* background color transition */
   -webkit-transition:10s;
   -moz-transition:10s;
   transition:10s;
}

#back-top a:hover span {
   background:url(../img/up2.png) no-repeat center center;
   -webkit-transition:10s;
   -moz-transition:10s;
   transition:10s;
}



/* workway */




article.way {
   background-image: url(../img/play.png);
   background-repeat: repeat;
   background-position: top center;
   padding: 40px;
}


.netodimg02 {
   height: 250px;
   width: 260px;
   margin: auto;
}

.netodimg03 {
   height: 250px;
   width: 260px;
   margin: auto;
}

.netodimg02 img, .netodimg03 img {
   display: block;
   width: 100%;
   height: 240px;
   object-fit: cover;
   object-position: 50% 50%;
   border-radius: 20px;
}

.sidecolWAY {
   background-color: #fff;
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .05);
   display: inline-block;
   text-align: left;
   height: auto;
   margin-bottom: 30px ;
   width: auto;
   border-radius: 20px;
}


.sidecolWAY2 p {
    font-size: 18px;
    font-family: "RobotoLight";
    line-height: 30px;
    text-align: justify;
}

.sidecolWAY2 {
   margin: 20px;
}


p.insidetextpp {
    font-size: 18px;
    font-family: "RobotoLight";
    line-height: 30px;
}

article.way h2 {
   font-size: 22px;
   font-family: "Segoe Script";
   text-transform: uppercase;
   text-align: center;
}

.bgcd {
   padding: 0px 0px 40px 0px;
}

.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.action-button
{
	position: relative;
	padding: 10px 40px;
    margin: 0px 10px 10px 0px;
    display: inline-block;
	border-radius: 10px;
	font-family: 'Pacifico', cursive;
	font-size: 23px;
	color: #FFF;
	text-decoration: none;	
}

.pinks
{
	background-color: pink;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
}

.action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}

.tableblock {
    overflow: auto !important;
}