File Manager Pro

/home/i/iqcent/iq-schools.ru/public_html/templates/axeld/css/mystyle.css 21.5 KB 0744 Back

.ok_f2_h1 {
    display: block;
    font-size: 29px;
    font-family: 'GilroyExtraBold';
    color: green;
    line-height: 1.3em;
    width: 61%;
    padding: 40px 0 0 0;}
.active_city:after {
    background: url(/images/bot_galka.png) top center no-repeat;
    width: 10px;
    height: 6px;
    content: '';
    display: inline-block;
    margin-left: 10px;
}
.spb ul.menu { display: none; position: absolute; padding:13px 20px; width: 360px; background: #fff; border-radius: 8px; z-index: 1000; top: 35px; border: 1px solid #d4d3e2; }
.spb ul li a{ display: block; padding: 5px 0; text-decoration: none;  font-family: 'PingFangLight'; /* имя шрифта для CSS правил */ color:#484848;  font-size: 18px; }
.spb ul li a:hover{ text-decoration: underline  }
.spb ul li.active a{ color: #c40304 }
.slow_navigation {  display: none;  max-width:222px; width: 222px; margin: 0 auto; position: absolute; background: #fff; padding: 25px 37px ; box-shadow: 0px 0px 55px 0px #f1f1f1;    top: 87px;     right: -21px;}
.slow_navigation li { font-family: 'OpenSansLight'; display: block; }
.slow_navigation li a { font-family: 'OpenSansLight'; display: block; line-height: 1.2em; min-height: 30px; color: #484848; font-size: 20px; text-decoration: none }
.slow_navigation li.active a { color: #0d58ab }
.slow_navigation li a:hover { color: #0d58ab }
.slow_navigation .second_ul {     display:none !important; }
.slow_navigation .strelks {     display:none !important; }
.triangle{
    width: 0;
    height: 0;
    border-width: 0 18px 23px 18px;
    border-color: transparent transparent #FFFFFF transparent;
    border-style: solid;
    top: -19px;
    left: 133px;
    position: absolute;
    box-shadow: 0px 0px 55px 0px #f1f1f1;

}
.iq-slow_nav_menu { cursor: pointer}
.block1 { position: relative}
.our_direction h2 {
    font-size: 39px;
    color: #000;
    font-family: 'gilroyextrabold';
    text-align: center;
}
.item_img a { position: relative; display: block;   width: 360px; height: 270px}
.blue_ {
    opacity: 0.4;
    background: #0d58ab;
    width: 360px;
    height: 270px;
    position: absolute;
    top: 0;
    display: none;
}
.item_img a  .blue_:hover {
    opacity: 0;
}
.gallery_top  .owl-prev {font-size: 0;display: none}
.gallery_top  .owl-next {font-size: 0; background-image: url("/images/temp/next3.png"); background-repeat: no-repeat; background-position: 0 0; width: 65px; height: 102px;  text-align: center; display: table;      right: 106px;     top: 42%;     position: absolute;}
.gallery_top .owl-next:hover {  background-position: 0 100%;   }

/* desc_static */
.desc_static { font-family: 'Open Sans';    font-size: 16px; }
.desc_static p {      font-size: 16px;     line-height: 1.5em; color: #444444}
.c_description_2 p {     font-size: 17px;     line-height: 1.5em; color: #444444; text-align: center}

.desc_static em {    font-family: 'OpenSansItalic';     font-style: italic}
.desc_static b, .desc_static strong {     font-family: 'GilroyBold'; }

.desc_static.content_index p { color:#5d5d5d; font-size:18px; line-height:1.6; text-align:right }
.desc_static h1 {    font-size: 39px;    color: #3d4873;    font-family: 'GilroyExtraBold';      padding: 10px 0 30px 0}
.desc_static h2{    margin: 0;   font-family: 'GilroyExtraBold'; line-height: 1.2em;     font-size: 30px;     padding: 15px 0;    color: #0e67c5; }
.desc_static h3{ margin: 0;      font-family: 'GilroyExtraBold'; line-height: 1.2em;     color: #da0404;     padding: 15px 0;     font-size: 26px; }
.desc_static ul ,.desc_static ol{ padding:10px ; text-align: left}
.desc_static li { text-align: left;
    background-image: url(/images/temp/li.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding: 0 0  0 22px;
    padding-bottom: 7px;
    line-height: 1.4em;
}
.desc_static ol p { padding: 0}
.desc_static blockquote { border: 3px solid #d83233; max-width: 900px;     padding: 15px 37px;     margin: 13px auto; }
.video_file { max-width: 448px;}
.video_file { padding:20px 0; position: relative}
.video_file figure { position: relative; overflow: hidden; border-radius: 10px}
.video_oplic { position: absolute; z-index: 10;     top:0;}
.video_oplic2 { position: absolute; z-index: 100;     top:0;}
.video_file_snipet { margin:10px 0; border-bottom:1px solid #ccc; color:#858585; padding:10px }

.static_downloads .axeldzl2 { height:64px; border:1px solid #dadada; border-radius:3px; padding:15px; box-sizing:border-box; display:table; color:rgba(0,0,0,0.7); text-decoration:none; margin-bottom:20px}

.static_downloads { padding:20px 0}
.static_downloads .axeldzl2 img{ display:inline-block; float:left}

.static_downloads .axeldzl2 span { display:inline-block; height:34px; line-height:34px; float:left; padding:0 0 0 10px}
.display_none { display:none}

.label_date {color: #acacac; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #acacac;}
.label_price {color: #acacac; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #acacac;}
/* desc_static */

.block9 { position: relative; z-index: 1; width: 100%; align-items: center;  height: 646px;/* background: url(../images/kart.png) center*/}
.kart { position: relative}
.kart_left {
    width: 385px;
    height: 404px;
    background: url(../images/kart-left.png) no-repeat;
    position: absolute;
    left: 20%;
    top: 1px;
    margin: 20px 0 0 0;
    padding: 50px 0 0 55px;
}

.h_kart { font-size: 23px;
    color: #0d58ab;
    font-family: 'GilroyExtraBold';
    padding: 0 0 20px 0;}
.divshaddowpng { position: relative; width: 100%; overflow: hidden; height: 70px;}
.shaddowpng { position: relative; display: table; max-width: none; top: -96px; z-index: 10; margin: 0 auto}

.block6 .desc_static h2 {  font-size: 39px;
    color: #000;
    font-family: 'gilroyextrabold';
    text-align: center;
    max-width: 775px;
    margin: 0 auto; padding: 10px 0 40px 0}

.block6 .desc_static p {  font-family: 'Open Sans';
    font-size: 17px;  margin:0 auto;
    max-width: 930px;
    line-height: 1.5em; text-align:center}
.flag_text { min-height: 370px}
.flag_text p { line-height: 1.4em}
.description21 { max-width: 590px; margin: 0 auto}
.spb-webmaster_ h4 { font-size: 22px; color: #0d58ab; padding: 10px 0  0 0;     font-family: 'GilroyExtraBold';}
.spb-webmaster_ h5{ font-size: 18px; color: #444;     font-family: 'GilroyBold'; }
.gallery_top { display: block}
.img_ma { height: 67px; text-align: center}
.title_ma { display: flex; justify-content: center; align-items: center; }

#video-youtube.modal .border2pxgold {     padding: 40px 35px; }
#video-youtube.modal .modal-content {     padding: 0; }
#video-youtube.modal  { width: 652px;     overflow-y: inherit; min-height: 400px   }
#video-youtube.modal  iframe{ border: none   }
.video-youtube { position: relative; display: block }
.play_png { position: absolute; left:50%;     margin-left: -7%;     top: 40%; width: 100px; height: 100px }
.padding_255 {     padding: 255px 0 0 0; }
.padding_100 {    padding: 100px 0 0 0; }
.you .owl-nav { position: relative}
.you .owl-prev {     font-size: 0;
    background-image: url(/images/temp/prev4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 69px;
    height: 105px;
    text-align: center;
    display: table;
    left: 106px;
    top:-263px;
    position: absolute;}
.you .owl-next {
    font-size: 0;
    background-image: url(/images/temp/next4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 69px;
    height: 105px;
    text-align: center;
    display: table;
    right: 106px;
    top:-263px;
    position: absolute;
}

.you .owl-next:hover {
    background-position: 0 100%;
}
.you .owl-prev:hover {
    background-position: 0 100%;
}
.modal_434 .modal-close {
    right: -51px;
    top: 0px;
    width: 27px;
    height: 27px;
    position: absolute;
    background-image: url(/images/temp/close2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
}
.modal_434 .modal-close:hover {background-position: 0 100%;}

.modal_434_youtube .modal-close {
    right: -51px;
    top: 0px;
    width: 27px;
    height: 27px;
    position: absolute;
    background-image: url(/images/temp/close2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
}
.modal_434_youtube .modal-close:hover {background-position: 0 100%;}
.ok_f1 { width: 230px; margin: 0 auto; padding: 100px 0 30px 0; text-align: center}
.ok_f2 { padding: 0 50px; font-size: 26px; color: green; line-height: 1.4em; font-family: 'OpenSansLight'; text-align: center }
.our_direction_find {    font-size: 28px;     color: #3d4873;
    font-family: 'Open Sans';     padding: 8px 0 0 0;}
.breadcrumbs i {    font-size: 14px;
    font-family: 'OpenSansLightItalic';
    color: #909091;
    text-decoration: none;}

.item_textce a { color: #0e67c5}
.kart_our_school { width: 562px}
.contacts .our_direction h1 { position: relative; z-index: 100}
.contacts .breadcrumbs { max-width: 600px;  position: relative; z-index: 100}
.block6-2 div.school_txt {
    text-align: left;
}
.block6-2 {     max-width: 1100px;
    margin: 0 auto;}

/* desc_static */

.about_the_school {  }
.desc_static {    font-size: 17px; }
.desc_static p {    font-size: 17px;     line-height: 1.5em; color: #444444; }

.desc_static em {    font-family: 'OpenSansItalic';     font-style: italic}
.desc_static b, .desc_static strong {  font-family: 'GilroyBold'; }

.desc_static.content_index p { color:#5d5d5d; font-size:18px; line-height:1.6; text-align:right }
.desc_static h1 {    font-size: 39px;    color: #3d4873;    font-family: 'GilroyExtraBold';      padding: 10px 0 30px 0}
.desc_static h2{    margin: 0;   ffont-family: 'OpenSansBold';  line-height: 1.2em;     font-size: 30px;     padding: 15px 0;    color: #0e67c5; }
.desc_static h3{ margin: 0;      font-family: 'OpenSansBold'; line-height: 1.2em;     color: #da0404;     padding: 15px 0;     font-size: 26px; }
.desc_static ul ,.desc_static ol{ padding:10px ; text-align: left}
.desc_static li { text-align: left;
    background-image: url(/images/temp/li.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding: 0 0  0 22px;
    padding-bottom: 7px;
    line-height: 1.4em;
}
.desc_static ol p { padding: 0}
.desc_static blockquote { border: 3px solid #d83233; max-width: 900px;     padding: 15px 37px;     margin: 13px auto; }
.video_file { max-width: 448px;}
.video_file { padding:20px 0; position: relative}
.video_file figure { position: relative; overflow: hidden; border-radius: 10px}
.video_oplic { position: absolute; z-index: 10;     top:0;}
.video_oplic2 { position: absolute; z-index: 100;     top:0;}
.video_file_snipet { margin:10px 0; border-bottom:1px solid #ccc; color:#858585; padding:10px }

.static_downloads { padding:20px 0}
.static_downloads .axeldzl2 img{ display:inline-block; float:left}

.static_downloads .axeldzl2 span { display:inline-block; height:34px; line-height:34px; float:left; padding:0 0 0 10px}
.display_none { display:none}

.menu_wigth100 { width: 100%; height: 77px; background:#fff; padding-bottom: 1px;  z-index: 100; display: none}
.menu_wigth100.fixed { position: fixed; display: block; }
.menu_fixet { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; height: 75px; align-items: center}
.menu_fixet_left { width: 70%; height:75px }
.menu_fixet_left ul {display: flex; }
.menu_fixet_left ul li {display: flex; padding: 0 15px; position: relative}
.menu_fixet_left ul li:first-child { padding: 0 10px 0 0}
.menu_fixet_left ul li:last-child { padding: 0 0px 0 15px }
.menu_fixet_left ul li a{display:block; font-size: 20px; line-height: 1.2em; text-decoration: none; color: #000; height: 75px; line-height: 75px;}
.menu_fixet_right { width: 30%}
.strelks { position: relative; margin: 0 0 0 8px; top: 3px;}
.menu_wigth100_border { border-bottom: 1px solid #ccc;  background:#fff; height: 75px;}

.stst { display: flex; justify-content: center; align-items: center}

.menu_wigth100 li ul {
    position: absolute;
    list-style: none;
    text-align: center;
    top: 75px;
    left: 0;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 20;
    width: 350px;
    box-shadow: 0px 0px 55px 0px #f1f1f1
}

.menu_wigth100  li ul li{
    background-color:#fff;
    border-bottom:1px solid #eeeeee;
    height: 50px;
}

.menu_wigth100 li ul li:last-child{
    border-bottom:none;
    padding: 0 15px;
}

.menu_wigth100 li ul li a{
    padding: 0 0 0 20px;
    height: 50px;
    font-size: 18px;
    width: 100%;
    text-align: left;
    line-height: 50px;
}
.menu_wigth100 li ul li a:hover{
    color: #0d58ab;
}

.menu_wigth100 li ul li:first-child{
    padding: 0 15px;
    position:relative;
}

/* map metro */

.yandex_map_index_mew {
    height: auto !important;
    width: 100%;
    background: #f6f6f6;
}
.new_block12 {
    width: auto;
    max-width: 1100px;
    margin: 0 auto;
    min-height: 900px;
    padding: 30px 0;
    box-sizing: border-box;
}
.f12_title {
    font-size: 30px;
    padding: 20px 0px 40px 0;
    max-width: 1100px;
    margin: 0 auto;
    line-height: 1.4em;
}
.flex_map_moskow {
    display: flex;
}
.flex_left {
    width: 335px;
}
.flex_right {
    width: auto;
    max-width: 765px;
    padding-left: 15px;
}
.items_metro {
    padding: 30px 0 0 0;
    position: relative;
}
.iq_list_2019 {
    /*padding: 27px 27px 27px 17px;*/
    /*max-width: 320px;*/
    /*border-radius: 20px;*/
    /*background: #f3f3f3;*/

width: 335px;
    min-height: 404px;
    position: relative;
    padding: 30px 0;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 0px 55px 0px #eeeeee;
    background-image: url("/images/temp/house.png");
    background-repeat: no-repeat;
    background-position: 173px 100%;;
    background-color:#fff;

}
.iq_l_option {
    padding:0 30px;
    border-bottom: 1px solid #ccc;
}
.iq_l_option_border a { text-decoration: none;
}
.iq_l_title {
    font-size: 18px;
    font-family: 'OpenSansSemibold';
    line-height: 1.3em;
    color: #0d58ab;
    padding: 20px 0;
}
.iq_l_display {
    display: none;
    padding: 0 0 10px 0;
}
.iq_l_option:hover .iq_l_option_border   { }
.iq_l_option:hover .iq_l_display { display: block !important;}
.iq_l_option:hover .iq_l_title { color: #cb070f !important}
.items_metro2 {
    display: none;
}
.iq_l_address {
    font-size: 15px;
    line-height: 1.2em;
    padding: 0 0 9px 0;
}
.iq_l_phone {
    font-size: 15px;
    line-height: 1.2em;
    display: flex;
    justify-content: flex-start;
}
.iq_l_phone span { padding: 0 0 0 5px;     font-family: 'OpenSansBold';  }
.background-image12 {
    width: 750px;
    height: 849px;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}
.IQmet_link {
    color: #fff !important;
    font-size: 13px;
    font-family: 'OpenSansSemibold';
    text-decoration: none !important;
    position: absolute;
    display: table;
}
.IQmet_link:hover .IQmet{ background-image: url("/images/dist/2019/IQ_active.png") !important;  text-decoration: none !important; }
.IQmet_link:hover .IQmet span{ background:#b34b43  ;  text-decoration: none !important; }
.IQmet {
    background-repeat: no-repeat;
    background-position: top left;
    height: 40px;
    padding: 0 0 0 44px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 225px;
}
.IQmet span {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 23px;
    padding: 4px 19px;
    max-width: 180px;
    border-radius: 18px;
}
.IQ_purple__color { background: #6f5a9f;}
.IQ_active__color { background: #b34b43;}
.IQ_blue__color { background: #4061ab;}
.IQ_green__color { background: #76ab58;}
.IQ_green2__color { background: #b7cd41; }
.IQ_orange__color { background: #cc6f33}
.IQ_red__color { background: #bf4932;}
.IQ_yellow__color { background: #e2b93a;}
.IQ_grey__color { background: #7f7f7f;}

/* ------------------------------------------------ */
.modal_flex2019 {max-width: 982px; width: 100%; height: 592px; display: flex; justify-content: space-between; align-items: flex-start}
.IQmodal_left { width: 50%; position: relative}
.IQmodal_right { width: 50%; background: url("/images/dist/mail.jpg") bottom center no-repeat #fff; height: 592px }

.f_z { text-align: center; font-size: 30px;  font-family:'OpenSansBold';  max-width: 270px;    padding:40px 0 20px 0; line-height: 1.3em; color: #236ecc; margin: 0 auto }
.f_z_p {text-align: center; font-size: 18px; color: #504f4f;  max-width: 270px; font-family: 'OpenSansLight';     padding:10px 0 35px 0; line-height: 1.3em; margin: 0 auto }
.IQmodal_input {
    background-image: url(/images/dist/iconmetro.png);
    background-position: 16px 9px;
    background-color: #fff;
    height: 50px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 44px !important;
    padding: 0 30px 0 50px !important;
    line-height: 48px !important;
    font-size: 16px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    display: block;
    color: #236ecc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 310px;
    position: relative;

}
.go_to_site {
    background-image: url(/images/dist/iconmetro2.png);
    background-position: 16px 2px;
    font-size: 16px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    display: block;
    color: #236ecc;
    font-family:'OpenSansBold';
    padding: 0 0 11px 40px;
}

.IQmodal_right .form_iq { top: 0; max-width: 345px; margin: 0 auto; padding-bottom: 15px;}
.IQmodal_right .b1 {     width: 54%; margin: 0 auto  }
.IQmodal_right form{  position: relative}

.IQmodal_right .ok_f1 {
    max-width: 300px;
    margin: 0 auto;
}
.IQmodal_right .ok_f2 {
    max-width: 300px;
    margin: 0 auto;
    padding: 0;
}
.div_ad_tel { position: absolute; z-index: 100; bottom: 0px; left: 1px; padding: 10px;     background: #fff;     width: 100%;}
.d_address { color: #000; font-size: 16px; font-family:'OpenSansSemibold';  padding-bottom: 7px }
.d_address span { color: #757575; font-size: 13px }
.d_tel {color: #000; font-size: 16px; font-family:'OpenSansSemibold'; }
.d_tel span { color: #757575; font-size: 13px}

.mod_form_gif { text-align: center; display: none;     position: absolute;
    top: 27%;
    left: 38%;}
#win4.modal {
    width: 844px;
    padding: 0;
    max-width: 846px;
    box-sizing: border-box;
    background: #ededed;
    overflow: visible;
}
#win4.modal .modal_434 {background: none}
#win4.modal .modal-content {padding: 0; margin: 0}
#win4.modal .border2pxgold {padding: 0; margin: 0}
/* ------------------------------------------------ */

.spb-webmaster-map h4 {    font-size: 22px;     color: #0d58ab;     padding: 10px 0 0 0;     font-family: 'GilroyExtraBold';}
.spb-webmaster-map p {      min-height: 5px;     font-size: 15px;
    padding: 10px 0;     line-height: 1.3em;}

.yellow_1 .ok_f2 {
    padding: 23px;
    font-size: 26px;
    color: green;
    line-height: 1.4em;
    font-family: 'Open Sans';
    text-align: left;
    background: #fff;
}

.bl_2_sity_result_fil_radio .sp_result{ display: flex; justify-content: flex-start; align-items: center}
.sel_filial a {color: #484848; font-size: 20px; font-family: 'OpenSansLight'; border-bottom: 1px dashed #484848; text-decoration: none !important; }
.sel_filial a:hover { border-bottom: 1px dashed #ffffff; text-decoration: none !important; }
a.calling {
    width: 211px;
    display: flex;
    border: solid 1px #d4d3e2;
    border-radius: 1.5em;
    justify-content: center;
    padding: 10px 0;
    font-family: 'OpenSansLight';
    text-decoration: none;
    color: #484848;
    transition: 0.3s;
}
.tr1 {
    padding: 0 7px 0 0;
    font-size: 16px;
}
.tr {
    font-size: 16px;
    transition: 0.3s;
}
a.calling:hover {
    background: linear-gradient(0deg, rgba(36,138,214,1) 0%, rgba(14,103,197,1) 100%);
    color: #fff;
    border: 1px solid #2c6cc7;
}
a.calling:hover .tr {
color: #fff;
 }
.bbb {
    background: #fff;
    text-transform: none;
    font-family: 'OpenSansSemibold';
    color: #666666;
    transition: 0.3s;
    width: auto !important;
}

.daunito {}
.bot_galka { position: absolute; right:26px; top: 22px }
#win5 .pink.blue-ls { padding: 0}
#win5 .b3 input[type="submit"] { width: 100%;
    border: none ;
    /* свойства width и height включают в себя значения полей и границ, но не отступов */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

background-position: 0 0, 100% 0; /* положение фонового изображения */
    background-repeat: no-repeat; /* запрещаем повторение фонового изображения */

}

#win5 .pink.blue-ls:hover { background: #f9a336 !important;}
#win5 .b3 input[type="submit"]:hover { background: #f9a336 !important;}
.menu_fixet_ul_1120 ,
.logo_mob ,
.menu_fixet_left .active_city,
.menu_fixet_left .sel_filial
{ display: none}
.swipe { display: none}

/*vn*/
.our_direction h2 {
    font-size: 40px;
    font-family: 'GilroyBold'; /*GilroyBold*/
}

.block6 .desc_static h2 { 
    font-size: 40px;
    font-family: 'OpenSansBold';
}

@media screen and (max-width: 400px){
.block6 .desc_static h2 {
    font-size: 31px;
    padding: 20px 0;
    font-family: 'OpenSansBold';
 }
}

Cancel Download