/* body ----------------------------------------------------------------------------------------------------------------------*/ @font-face { font-family: FranklinGothic; src: url('/media/css/version3/fonts/FRAMD.ttf'); } @font-face { font-family: FranklinGothicHeavy; src: url('/media/css/version3/fonts/FRAHV.ttf'); } html, body { width: auto; height: 100%; margin: 0; padding: 0; background: #fff; font-weight: 400; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .wrap { width: auto; min-width: 1280px; height: auto; margin: 0; padding: 0; } .wrap img { width: auto; height: auto; margin: 0; padding: 0; } .wrap a { outline: none; } .wrap .pageMain .alert { margin: 10px 0 0; border-radius: 0; } .wrap .clear { clear: both; } .wrap .primeButton { width: auto; height: auto; margin: 0; padding: 11px 0; display: block; font-family: 'FranklinGothicHeavy', 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000; line-height: 1.1; transition: all 0.3s; } .wrap .primeButton.red { background: #df4c27; } .wrap .primeButton.red:hover { background: #f35027; } .wrap .primeButton.green { background: #25a228; } .wrap .primeButton.green:hover { background: #25b628; } .wrap .primeButton.blue { background: #03bde9; } .wrap .primeButton.blue:hover { background: #03ceff; } /* header ----------------------------------------------------------------------------------------------------------------------*/ header { width: auto; min-width: 1280px; height: auto; margin: 0; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* header - top --------------------------------------------------------------------------------------------------*/ header .top { width: 1200px; height: auto; margin: 0 auto; padding: 0; } header .top p { margin: 0; padding: 10px 0; font-size: 15px; color: #666; } header .top p.pull-left { text-transform: uppercase; } header .top p.pull-right { margin-left: 25px; } header .top p a.login { color: #000; } header .top p a.call { color: #666; text-decoration: none; transition: all 0.3s; } header .top p a.call:hover { color: #000; } header .top p a.iconLink { color: #666; text-decoration: none; transition: all 0.3s; } header .top p a.iconLink:hover { color: #000; } header .top p a.iconLink i { margin-left: 7px; } header .top p a.iconLink:first-child i { margin: 0; } /* header - mid --------------------------------------------------------------------------------------------------*/ header .midWrap { width: auto; height: auto; margin: 0; padding: 0; background: #000; } header .midWrap .mid { width: 1200px; height: auto; margin: 0 auto; padding: 0; position: relative; } header .mid .logo { width: 426px; height: 81px; left: 0; top: 50%; margin: -40px 0 0;/* верхний отступ = половине высоты блока */ padding: 0; background: url('/media/image/version3/header_logo.jpg') left top no-repeat; display: block; text-decoration: none; position: absolute; } /* topMenu ----------*/ header .mid .topMenu { width: auto; height: auto; margin: 0; padding: 0; position: relative; } header .mid .topMenu dl { width: auto; height: auto; margin: 0; padding: 0; } header .mid .topMenu dl:first-child { margin: 0; } header .mid .topMenu dl dt { width: auto; height: auto; margin: 0; padding: 0; } header .mid .topMenu dl dt a { width: auto; height: auto; margin: 0; padding: 35px 30px; display: block; font-size: 17px; color: #fff; text-decoration: none; text-transform: uppercase; transition: all 0.3s; } header .mid .topMenu dl:last-child dt a { background: #df4c27; } header .mid .topMenu dl:hover dt a { background: #fff; color: #000; } header .mid .topMenu dl:last-child:hover dt a { background: #f35027; color: #fff; } header .mid .topMenu dl dd { width: 100%; height: auto; margin: 0; padding: 0; left: 0; bottom: 0; background: #fff; position: absolute; transform: translateY(100%); box-shadow: 0 6px 4px 2px rgba(0, 0, 0, 0.5); transition: all 0.3s; opacity: 0; z-index: -1; } header .mid .topMenu dl:hover dd { opacity: 1; z-index: 999; } header .mid .topMenu dl dd a { width: auto; height: auto; margin: 0; padding: 4px 20px; display: block; font-size: 16px; color: #000; text-decoration: none; text-transform: capitalize; } header .mid .topMenu dl dd a:first-child { padding-top: 8px; } header .mid .topMenu dl dd a:last-child { padding-bottom: 8px; } header .mid .topMenu dl dd a:hover { background: rgba(0, 0, 0, 0.2); } /* header - bot --------------------------------------------------------------------------------------------------*/ header .botWrap { width: auto; height: auto; margin: 0; padding: 0; background: url('/media/image/version3/header_banner_xl.jpg') center no-repeat; background-size: cover; position: relative; } header .botWrap .bot { width: 1200px; height: 430px; margin: 0 auto; padding: 0 0 10px; display: flex; justify-content: center; align-items: flex-end; position: relative; } header .botWrap .bot .banner { width: 310px; height: 310px; margin: -155px 0 0; padding: 80px 0 0; top: 50%; right: 0; background: rgba(0, 0, 0, 0.5); border-radius: 310px; position: absolute; transition: background 0.3s; } header .botWrap .bot .banner:hover { background: rgba(0, 0, 0, 0.7); } header .botWrap .bot .banner p { margin: 0; padding: 0; font-size: 22px; color: #fff; text-align: center; } header .botWrap .bot .banner p.big { text-transform: uppercase; } header .botWrap .bot .banner a.primeButton { width: 200px; margin: 20px auto 0; } header .botWrap .bot .voc { width: 350px; height: 60px; margin: 0; padding: 0; background: #fff; text-align: center; } header .botWrap .bot .voc span { font-size: 20px; color: #4d4d4d; text-transform: uppercase; line-height: 60px; } /* header - scroll --------------------------------------------------------------------------------------------------*/ @keyframes bounce{ 0%, 100%, 20%, 50%, 80% { transform: translateY(0) } 40% { transform: translateY(-10px) } 60% { transform: translateY(-5px) } } @-webkit-keyframes bounce{ 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0) } 40% { -webkit-transform: translateY(-10px) } 60% { -webkit-transform: translateY(-5px) } } @-moz-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -moz-transform: translateY(0) } 40% { -moz-transform: translateY(-10px) } 60% { -moz-transform: translateY(-5px) } } @-o-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -o-transform: translateY(0) } 40% { -o-transform: translateY(-10px) } 60% { -o-transform: translateY(-5px) } } header .scrollWrap { width: auto; height: auto; margin: 0; padding: 10px 0; } header .scrollWrap .scroll { width: 50px; height: 17px; margin: 0 auto; padding: 0; background: url('/media/image/version3/content_chevron_down_icon.png') center no-repeat; animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; -moz-animation: bounce 3s infinite; -o-animation: bounce 3s infinite; } /* content ----------------------------------------------------------------------------------------------------------------------*/ .wrap > .content { width: auto; min-width: 1280px; height: auto; margin: 0; padding: 0 0 30px; } .wrap > .content.content-404 { padding: 0; } .content .page { width: auto; height: auto; min-height: 370px; margin: 0; padding: 0; } /* content - pageMain --------------------------------------------------------------------------------------------------*/ .content .page.pageMain { width: auto; height: auto; margin: 0; padding: 0; } .content .pageMain .block { width: auto; height: auto; margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #e7e7e7; } /* blockCourses ----------*/ .content .pageMain .blockCourses { margin: 0; padding: 10px 0 0; border: none; } .content .pageMain .blockCourses .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; } .content .pageMain .blockCourses .inner .course { width: auto; height: auto; margin: 20px 0 0; padding: 0 0 32px; background: #e6e6e6; position: relative; } .content .pageMain .blockCourses .inner .course .stripWrap { width: auto; height: auto; margin: 0; padding: 0; left: -20px; top: -20px; position: absolute; } .content .pageMain .blockCourses .inner .course .stripWrap:before { content: ' '; width: 0; height: 0; left: 0; bottom: -20px; display: block; position: absolute; border-top: 20px solid; border-left: 20px solid transparent; } .content .pageMain .blockCourses .inner .course .stripWrap.red:before { border-top-color: #a13c1b; } .content .pageMain .blockCourses .inner .course .stripWrap.green:before { border-top-color: #1b6d1b; } .content .pageMain .blockCourses .inner .course .stripWrap .strip { width: auto; height: 40px; margin: 0; padding: 0 20px; } .content .pageMain .blockCourses .inner .course .stripWrap .strip:before { content: ' '; width: 0; height: 0; top: 0; right: -20px; display: block; position: absolute; border-top: 20px solid; border-right: 20px solid transparent; } .content .pageMain .blockCourses .inner .course .stripWrap .strip:after { content: ' '; width: 0; height: 0; right: -20px; bottom: 0; display: block; position: absolute; border-bottom: 20px solid; border-right: 20px solid transparent; } .content .pageMain .blockCourses .inner .course .stripWrap.red .strip { background: #df4c27; } .content .pageMain .blockCourses .inner .course .stripWrap.red .strip:before { border-top-color: #df4c27; } .content .pageMain .blockCourses .inner .course .stripWrap.red .strip:after { border-bottom-color: #df4c27; } .content .pageMain .blockCourses .inner .course .stripWrap.green .strip { background: #25a228; } .content .pageMain .blockCourses .inner .course .stripWrap.green .strip:before { border-top-color: #25a228; } .content .pageMain .blockCourses .inner .course .stripWrap.green .strip:after { border-bottom-color: #25a228; } .content .pageMain .blockCourses .inner .course .stripWrap .strip span { font-weight: 700; font-size: 16px; color: #fff; line-height: 40px; } .content .pageMain .blockCourses .inner .course .img { width: auto; height: 184px; margin: 0; padding: 0; overflow: hidden; } .content .pageMain .blockCourses .inner .course .img img { width: 100%; } .content .pageMain .blockCourses .inner .course h5 { margin: 15px 15px 10px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; color: #000; text-transform: uppercase; } .content .pageMain .blockCourses .inner .course p { margin: 0 15px 12px; padding: 0; font-size: 14px; color: #000; } .content .pageMain .blockCourses .inner .course a { margin: 0; left: 15px; bottom: 16px; font-size: 14px; color: #0aa4db; position: absolute; } /* blockAbout ----------*/ .content .pageMain .blockAbout {} .content .pageMain .blockAbout .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; } .content .pageMain .blockAbout .inner h1 { margin: 0 0 30px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 35px; color: #df4c27; text-align: center; } .content .pageMain .blockAbout .inner > .row > div:first-child { border-right: 1px solid #999; } .content .pageMain .blockAbout .inner .about { width: auto; height: auto; margin: 0; padding: 0; display: flex; } .content .pageMain .blockAbout .inner .about .icon { width: 145px; height: 121px; margin: 0; padding: 0; background: url('/media/image/version3/content_desktop_icons.png') no-repeat; } .content .pageMain .blockAbout .inner .about.about1 .icon { background-position: 0 0; } .content .pageMain .blockAbout .inner .about.about2 .icon { background-position: -145px 0; } .content .pageMain .blockAbout .inner .about .text { width: calc(100% - 145px); height: auto; margin: 0; padding: 0 0 0 20px; } .content .pageMain .blockAbout .inner .about .text h5 { margin: 0; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; color: #000; } .content .pageMain .blockAbout .inner .about .text p { margin: 5px 0 0; padding: 0; font-size: 14px; color: #000; } /* blockPromo ----------*/ .content .pageMain .blockPromo {} .content .pageMain .blockPromo .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; } .content .pageMain .blockPromo .inner > .row { margin-left: -25px; margin-right: -25px; } .content .pageMain .blockPromo .inner > .row > div { padding: 0 25px; } .content .pageMain .blockPromo .inner .mainText { width: auto; height: auto; margin: 0; padding: 0; } .content .pageMain .blockPromo .inner .mainText h1 { margin: 0 0 10px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockPromo .inner .mainText p { margin: 0 0 10px; font-size: 14px; color: #000; } .content .pageMain .blockPromo .inner .mainText a { font-size: 14px; color: #0aa4db; } .content .pageMain .blockPromo .inner .video { width: auto; height: auto; margin: 0; padding: 0; } .content .pageMain .blockPromo .inner .video h3 { margin: 0 0 20px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockPromo .inner .video .primeButton { margin-top: 20px; } /* blockActions ----------*/ .content .pageMain .blockActions { padding-top: 17px; } .content .pageMain .blockActions .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; } .content .pageMain .blockActions .inner h1 { margin: 0 0 10px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 50px; color: #000; text-transform: uppercase; } .content .pageMain .blockActions .inner p.sub { margin: 0; padding: 0; font-size: 14px; color: #000; } .content .pageMain .blockActions .inner .action { width: auto; height: auto; margin: 20px 0 0; padding: 20px 0; background: #e6e6e6; } .content .pageMain .blockActions .inner .action h5 { margin: 0 25px 15px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockActions .inner .action p { margin: 0 25px 15px; padding: 0; font-size: 14px; color: #000; } .content .pageMain .blockActions .inner .action .primeButton { margin: 0 15px; padding-left: 20px; padding-right: 20px; text-align: left; } .content .pageMain .blockActions .inner .action .primeButton.red { padding: 22px 20px; } /* blockWeekPhoto ----------*/ .content .pageMain .blockWeekPhoto { padding-top: 17px; } .content .pageMain .blockWeekPhoto .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; position: relative; } .content .pageMain .blockWeekPhoto .inner h1 { margin: 0 0 10px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 50px; color: #000; text-transform: uppercase; } .content .pageMain .blockWeekPhoto .inner .links { width: auto; height: auto; margin: 0; padding: 0; top: 20px; right: 0; position: absolute; } .content .pageMain .blockWeekPhoto .inner .links a { margin: 0 0 0 28px; padding: 0; display: inline-block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; color: #0aa4db; text-transform: uppercase; } .content .pageMain .blockWeekPhoto .inner .links a:first-child { margin: 0; } .content .pageMain .blockWeekPhoto .inner .photo { width: auto; height: auto; margin: 0; padding: 0; position: relative; } .content .pageMain .blockWeekPhoto .inner .photo img { width: 100%; } .content .pageMain .blockWeekPhoto .inner .photo .photoDesc { width: auto; height: auto; margin: 0; padding: 13px 25px; left: 0; bottom: 0; position: absolute; background: rgba(0, 0, 0, 0.3); } .content .pageMain .blockWeekPhoto .inner .photo .photoDesc span { font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; } .content .pageMain .blockWeekPhoto .inner .photo .photoDesc span.name { font-size: 26px; text-transform: uppercase; } .content .pageMain .blockWeekPhoto .inner .photo .photoDesc span.author { margin-left: 5px; font-size: 16px; } /* blockArticles ----------*/ .content .pageMain .blockArticles { padding-top: 17px; } .content .pageMain .blockArticles .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; position: relative; } .content .pageMain .blockArticles .inner h1 { margin: 0; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 50px; color: #000; text-transform: uppercase; } .content .pageMain .blockArticles .inner a.all { margin: 0; top: 20px; right: 0; display: inline; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-size: 15px; color: #0aa4db; text-transform: uppercase; position: absolute; } .content .pageMain .blockArticles .inner .article { width: auto; height: auto; margin: 20px 0 0; padding: 0 0 36px; background: #e6e6e6; position: relative; } .content .pageMain .blockArticles .inner .article .img { width: auto; height: 252px; margin: 0; padding: 0; overflow: hidden; } .content .pageMain .blockArticles .inner .article .img img { width: 100%; } .content .pageMain .blockArticles .inner .article h5 { margin: 15px 25px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockArticles .inner .article p { margin: 0 25px 15px; padding: 0; font-size: 14px; color: #000; } .content .pageMain .blockArticles .inner .article a { margin: 0; left: 25px; bottom: 20px; font-size: 14px; color: #0aa4db; position: absolute; } /* blockNews ----------*/ .content .pageMain .blockNews { padding-top: 17px; } .content .pageMain .blockNews .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; position: relative; } .content .pageMain .blockNews .inner h1 { margin: 0; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 50px; color: #000; text-transform: uppercase; } .content .pageMain .blockNews .inner a.all { margin: 0; top: 20px; right: 0; display: inline; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-size: 15px; color: #0aa4db; text-transform: uppercase; position: absolute; } .content .pageMain .blockNews .inner .new { width: auto; height: auto; margin: 20px 0 0; padding: 0 0 36px; background: #e6e6e6; position: relative; } .content .pageMain .blockNews .inner .new .img { width: auto; height: 140px; margin: 0; padding: 0; text-align: center; overflow: hidden; } .content .pageMain .blockNews .inner .new .img img { height: 140px; } .content .pageMain .blockNews .inner .new h5 { margin: 15px 25px; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockNews .inner .new p { margin: 0 25px 15px; padding: 0; font-size: 14px; color: #000; } .content .pageMain .blockNews .inner .new a { margin: 0; left: 25px; bottom: 20px; font-size: 14px; color: #0aa4db; position: absolute; } /* blockSocial ----------*/ .content .pageMain .blockSocial {} .content .pageMain .blockSocial .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; position: relative; } .content .pageMain .blockSocial .inner h3 { margin: 0; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockSocial .inner .share { width: 856px; margin-top: -12px; left: 345px; top: 50%; text-align: center; position: absolute; } /* blockVK ----------*/ .content .pageMain .blockVK {} .content .pageMain .blockVK .inner { width: 1200px; height: auto; margin: 0 auto; padding: 0; } .content .pageMain .blockVK .inner h3 { margin: 0; padding: 0; font-family: 'FranklinGothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; color: #000; text-transform: uppercase; } .content .pageMain .blockVK .inner #vk_comments { margin-top: 25px; } /* content - other pages --------------------------------------------------------------------------------------------------*/ .page .registerButtonWrap { width: auto; max-width: 1200px; height: auto; margin: 30px auto 0; padding: 0; clear: both; } .page .registerButtonWrap a.primeButton { width: 260px; margin: 0 auto; } .page .wrap-center { width: 1200px; height: auto; margin: 0 auto; padding: 0; background: #fff; } .page .wrap-center .block-img-contacts { width: auto; height: auto; max-height: 500px; margin: 0; padding: 0; overflow: hidden; } .page .wrap-center .block-img-contacts img { width: 100%; height: auto; } .page.pageStoimost .wrap-center .block-img-contacts img { width: auto; height: 500px; } /* footer ----------------------------------------------------------------------------------------------------------------------*/ footer { width: auto; min-width: 1280px; height: auto; margin: 0; padding: 0; background: #1a1a1a; } /* footer - top --------------------------------------------------------------------------------------------------*/ footer .top { width: 1200px; height: auto; margin: 0 auto; padding: 20px 0 15px; } footer .top > .row { margin-left: -30px; margin-right: -30px; } footer .top > .row > div { padding: 0 30px; } footer .top h5 { margin: 0; padding: 0 0 10px; font-size: 14px; color: #0aa4db; text-align: left; text-transform: uppercase; border-bottom: 1px solid #4f4e4e; } footer .top .col { width: auto; height: auto; margin: 10px 0 0; padding: 0; position: relative; } footer .top .col p { margin: 0 0 10px; font-size: 14px; color: #d5d5d5; } footer .top .col p:last-child { margin: 0; } footer .top .col p a { color: #d5d5d5; } footer .top .col .cert { width: 355px; height: 94px; margin: -47px 0 0 -177px; padding: 0; left: 50%; top: 50%; background: url('/media/image/version3/footer_cert.png') left top no-repeat; position: absolute; } footer .top .col ul { width: auto; height: auto; margin: 0; padding: 0; list-style: none; } footer .top .col ul li { margin: 0 0 5px; } footer .top .col ul li:last-child { margin: 0; } footer .top .col ul li a { font-size: 14px; color: #d5d5d5; } footer .top .col .fotokto { margin: 10px 0 0; } /* footer - bot --------------------------------------------------------------------------------------------------*/ footer .botWrap { width: auto; height: auto; margin: 0; padding: 0; background: #262626; } footer .botWrap .bot { width: 1200px; height: auto; margin: 0 auto; padding: 7px 0; text-align: left; } footer .botWrap .bot span { padding-right: 15px; display: inline-block; font-size: 13px; color: #c2c2c2; } footer .botWrap .bot a { padding-left: 15px; padding-right: 15px; display: inline-block; font-size: 13px; color: #c2c2c2; border-left: 1px solid #8a8a8a; } footer .botWrap .bot a:last-child { padding-right: 0; } /* modal ----------------------------------------------------------------------------------------------------------------------*/ .modal .modal-dialog { box-shadow: -6px 6px 0 #73a1cd; } .modal .modal-dialog .modal-content { border-radius: 0; position: relative; box-shadow: none; border: none; } .modal .modal-dialog .modal-content button.close { width: 26px; height: 26px; top: -6px; right: -6px; background: #df4c27; color: #fff; text-shadow: none; float: none; position: absolute; border: none; opacity: 1; transition: all 0.3s; z-index: 99; } .modal .modal-dialog .modal-content button.close:hover { background: #f35027; } .modal .modal-dialog .modal-content iframe { margin: 0 0 -5px; padding: 0; } .modal .modal-dialog .modal-content .img { width: auto; height: auto; margin: 0; padding: 0; } .modal .modal-dialog .modal-content .img img { width: 100%; } .modal .modal-dialog .modal-content form { width: auto; height: auto; margin: 0; padding: 0; } .modal .modal-dialog .modal-content form h5 { margin: 0 0 15px; font-size: 16px; } .modal .modal-dialog .modal-content form label { margin-bottom: 10px; font-weight: 400; } .modal .modal-dialog .modal-content form input[type='text'], .modal .modal-dialog .modal-content form input[type='password'], .modal .modal-dialog .modal-content form textarea { margin-bottom: 10px; border-radius: 0; } .modal .modal-dialog .modal-content form textarea { resize: vertical; } .modal .modal-dialog .modal-content form button { padding-left: 30px; padding-right: 30px; border: none; } .modal .modal-dialog .modal-content form .answer { display: none; } /* videoModal ----------*/ .modal#videoModal .modal-dialog { width: 853px; } /* callModal ----------*/ .modal#callModal .modal-dialog { width: 990px; } .modal#callModal .modal-dialog .modal-content .img img { box-shadow: 0 0 15px #555; } .modal#callModal .modal-dialog .modal-content form { padding-top: 30px; padding-right: 30px; } /*--------------------------------------------------------------------------------------------------------------------*/