*{ margin: 0; padding: 0;} body { background: #f6f6f6; } img { border: none; } @font-face { font-family:'Roboto'; src: url('fonts/Roboto.ttf') format('truetype'); font-weight:normal; font-style:normal; } div { box-sizing: border-box; } .kite-margin-block { width: 920px; float: left; height: 80px; } .kite-wrap-pages-all { width: 960px; margin: 0 auto; } .kite-wrap-pages { width: 960px; float: left; /*padding: 0 20px;*/ background: #fff; } .kite-cont { width: 920px; float: left; } .kite-breadcrumbs-block { width: 920px; float: left; height: 50px; } #breadcrumbs { color: #5d5d5d; line-height: 50px; font-size: 12px; font-family:'Roboto'; } #breadcrumbs a { color: #5d5d5d; text-decoration: underline; transition: 0.3s; } #breadcrumbs a:hover { color: #9d9d9d; transition: 0.3s; } #breadcrumbs span.raquo { display: none; } #breadcrumbs div:after { content: "\203A"; color: #329cda; text-decoration: none; } .kite-block-foto-wrap { width: 920px; float: left; position: relative; } #kite-block-foto-wrap-bg { width: 960px; position: absolute; border-top: 1px solid #e8eaec; height: 53px; left: -20px; background: #eff0f2; /* Old browsers */ background: -moz-linear-gradient(top, #eff0f2 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eff0f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eff0f2 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eff0f2 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eff0f2 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .block-title-kites { border-bottom: 3px solid #329cda; line-height: 24px; position: relative; text-transform: uppercase; font: bold 18px Century Gothic; width: 920px; margin-top: 20px; float: left; } .school-windrider { width: 920px; float: left; border-bottom: 1px dotted #b1b1b1; padding-bottom: 20px; position: relative; } .school-windrider-left { width: 695px; float: left; } .school-windrider-right { width: 210px; float: right; padding-right: 15px; padding-top: 50px; position: relative; } .school-windrider-left-l { float: left; width: 210px; } .school-windrider-left-r { float: right; width: 470px; box-sizing: border-box; padding-top: 20px ; } .school-windrider-left-r p { font-size: 13px; font-family:'Roboto'; margin-top: 10px; line-height: 18px; } .school-windrider-left-r p:first-child{ margin-top: 0; } .school-windrider-left-contacts { width: 210px; float: left; } .kite-contacts-phones-graph { width: 210px; color: #555555; font-size: 18px; font-family: 'Roboto'; } #adress-position { position: absolute; margin-top: -53px; } #adress-position2 { width: auto; vertical-align: middle; font-size: 12px; font-family: 'Roboto'; } #table-phon { font-size: 15px; } .tb-email-kites a { color: #555555; font-size: 13px; font-family: 'Roboto'; text-decoration: underline; } .tb-email-kites a:hover { text-decoration: none; } .tb-email-kites { margin-top: 10px; } .tb-email-kites tr td img { vertical-align: middle; } .school-windrider-right ul { position: relative; } .school-windrider-right li { list-style-type: none; font-size: 12px; font-weight: bold; font-family: "Century Gothic"; text-transform: uppercase; margin-top: 10px; color: #363636; } .school-windrider-right li:first-child { margin-top: 0; } .school-windrider-right a { color: #329cda; text-decoration: none; border-bottom: 1px dotted #329cda; } .block-title-kites.video { margin-top: 72px; } .kites-video-wr-all { width: 920px; float: left; overflow: hidden; margin-top: 20px; border-bottom: 1px dotted #b1b1b1; } .kites-video-wr { width: 960px; float: left; margin-left: -20px; } .kites-video { width: 450px; float: left; margin-left: 20px; height: 250px; margin-bottom: 20px; } .kites-video-see-all { width: 920px; height: 40px; text-align: center; float: left; position: relative; } .kites-video-see-all a { color: #329cda; font-size: 12px; font-family: 'Roboto'; text-decoration: none; border-bottom: 1px dotted; line-height: 40px; margin-left: 25px; } .kites-video-see-all a:before { content: ""; background: url("/files/spots/see-all.png")no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; margin-left: -25px; z-index: 99999; } .kites-education { width: 920px; float: left; padding: 8px 0; border-bottom: 1px dotted #b1b1b1; font-size: 13px; } .kites-education p{ float: left; margin-top: 25px; color: #555555; font-size: 13px; font-family: 'Roboto'; line-height: 16px; } .kites-education p:first-child { margin-top: 0; } .school-windrider-right-bg { position: absolute; width: 188px; height: 330px; background: transparent url("/files/kites/bg-menu-right.png") no-repeat scroll 0% 0%; top: 0px; } .kites-slider-wr { width: 920px; height: 163px; float: left; position: relative; padding-top: 20px; } .scroll-img { width: 880px; margin-left: 20px; height: 143px; overflow: hidden; float: left; position: relative; } .scroll-img ul {width: 100000px;} .scroll-img ul li { display: inline-block; list-style: none; margin-left: 20px; } .scroll-img ul li:first-child { margin-left: 0; } #prew { cursor: pointer; width: 7px; height: 16px; background: url("/files/spots/arr-left.png") no-repeat; transition: 0.3s; display: block; position: absolute; margin-top: 62px; left: 0; } #next { cursor: pointer; width: 7px; height: 16px; background: url("/files/spots/arr-right.png") no-repeat; transition: 0.3s; display: block; position: absolute; margin-top: 62px; right: 0; } #next:hover { background: url("/files/spots/arr-right-hover.png") no-repeat; transition: 0.3s; } #prew:hover { background: url("/files/spots/arr-left-hover.png") no-repeat; transition: 0.3s; } .kites-where-education-wr-all { width: 920px; float: left; margin-top: 20px; overflow: hidden; } .kites-where-education-wr { width: 960px; float: left; margin-left: -40px; } .kites-where-education-text-img { width: 280px; float: left; margin-left: 40px; margin-bottom: 35px; } .kites-where-education-title { font-size: 16px; color: #329cda; font-family: 'Roboto'; float: left; width: 280px; } .kites-master-wr-all { width: 280px; float: left; margin-bottom: 10px; } .kites-master-wr { width: 280px; height: 24px; display: table-cell; vertical-align: middle; } .kites-master-left { width: 165px; float: left; } .kites-master-left img { max-width: 24px; max-height: 26px; float: left; } .kites-master-left p { font-size: 13px; color: #555555; font-family: 'Roboto'; float: left; line-height: 24px; padding-left: 10px; } .kites-master-right { width: 115px; float: right; } .kites-master-right p { font-size: 13px; color: #555555; font-family: 'Roboto'; line-height: 24px; float: right; padding-right: 10px; } .kites-master-right img { float: right; } .kites-map-educ { width: 280px; height: 178px; float: left; background: goldenrod; } .kites-price-table { width: 920px; float: left; margin-top: 20px; } .kites-price-tb { width: 540px; color: #555555; font-size: 13px; font-family: 'Roboto'; } .kites-price-tb tr { height: 30px; } .odd { background: #f6f6f6; } .even { background: #fff; } .block-title-kites.price { margin-top: 0; } .kites-school-provaider-wr { width: 920px; float: left; margin-top: 20px; } .kites-school-provaider { width: 307px; height: 100px; float: left; } .kites-school-provaider:first-child { width: 306px; } .kites-school-provaider-img, .kites-school-provaider-img img { width: 100px; height: 100px; float: left; } .kites-school-provaider-text-wr { width: 206px; height: 100px; float: left; overflow: hidden; padding-left: 10px; } .kites-school-provaider-text { width: 206px; height: 100px; display: table-cell; vertical-align: middle; } .kites-school-provaider-text p { vertical-align: middle; color: #555555; font-size: 13px; font-family: 'Roboto'; } .kites-school-provaider-text p span { font-size: 16px; color: #329cda; font-family: 'Roboto'; } .kites-school-provaider:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /******spots-2******/ .school-windrider-left-c { width: 205px; height: 144px; float: left; margin-top: 20px; } .block-school-spots { width: 920px; float: left; box-sizing: border-box; padding-top: 20px; } .block-school-spots-wrap { width: 940px; margin-left: -20px; float: left; box-sizing: border-box; padding-top: 20px; } .block-school-spots-img-text { width: 450px; height: 125px; float: left; margin-bottom: 20px; margin-left: 20px; border-bottom: 1px dotted #b1b1b1; box-sizing: border-box; padding-bottom: 20px; } .block-school-spots-img-text:hover {opacity: 0.75} .block-school-spots-img-wr { width: 132px; height: 82px; float: left; border: 1px solid #e4e7ea; } .block-school-spots-img{ width: 129px; height: 80px; text-align: center; display: table-cell; vertical-align: middle; } .block-school-spots-img img { width: 129px; height: 80px; vertical-align: middle; } .block-school-spots-text-wr { width: 298px; margin-left: 20px; float: left; height: 104px; overflow: hidden; } .block-school-spots-text-cont p { color: #555555; font-size: 13px; font-family:'Roboto'; line-height: 16px; } .block-school-spots-text-title {margin-bottom: 5px;} .block-school-spots-text-title a { color: #329cda; font-size: 16px; font-family:'Roboto'; text-decoration: none; } .kites-price-tb.tb-two { width: 920px; } .links { float: left; } h3 { border-bottom: 3px solid #329CDA; position: relative; text-transform: uppercase; font: bold 18px Century Gothic; width: 920px; margin-top: 30px; float: left; } h2 { font: bold 16px Century Gothic; } #school-windrider-right-bg1 a { display: block; color: #329CDA; font-family: "Century Gothic"; font-size: 12px; font-weight: bold; line-height: 24px; text-decoration: underline; } #school-windrider-right-bg1 a:hover { opacity:0.7; text-decoration:none; } #school-windrider-right1 { width: 186px; height: auto; top: 0px; right: -3px; position: absolute; text-transform: uppercase; background: transparent url("/files/kites/bg-menu-right.png") no-repeat scroll 0% 0%; padding: 15px 4px; font-family: "Roboto"; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_0 { margin-left: 4px !important; } .element_4 { float: left !important; margin: 15px 90px 10px 94px !important; } .element_4 .image-block_4 img { width: 440px !important; } .element_4 .image-block_4:hover { opacity:0.6 !important; } .wrapper.content-wrapper.clearfix { margin-bottom: 30px; }