body { padding: 0px; margin: 0px; font-family: calibri, arial; color: rgb(64, 64, 64); }
.content1 { width: 100%; height: 100%; min-height: 800px; }
.content2 { width: 100%; }
.maintable { margin: 20px auto 0px; width: 970px; }
.incontent1 { padding: 20px; text-align: center; }
.contentimg1 { width: 50%; height: 100%; background: rgba(0, 0, 0, 0) url("bg1.jpg") no-repeat scroll right center / cover; }
.ptop { padding-top: 20px; padding-bottom: 20px; }
.tick { width: 120px; margin-right: 20px; }
.instagram { width: 64px; }
.contenttext { height: 100%; width: 50%; }
.logo { padding: 25px; border: 3px solid rgb(64, 64, 64); width: 350px; }
.left { float: left; }
.right { float: right; }
.arrright1, .arrright2 { height: 100%; position: absolute; background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; text-align: center; right: 0px; top: 0px; z-index: 99999; }
.arrleft1, .arrleft2 { height: 100%; position: absolute; background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; text-align: center; display: none; left: 25%; top: 0px; z-index: 9999999; }
.arrleft2 { left: 0px; }
.arrright1:hover, .arrright2:hover { cursor: pointer; background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%; transition: all 0.2s ease 0s; }
.arrleft1:hover, .arrleft2:hover { cursor: pointer; background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%; transition: all 0.2s ease 0s; }
.calcul { clear: both; background: rgb(241, 241, 241) none repeat scroll 0% 0%; border: 1px solid rgb(204, 204, 204); }
.imgport1 { width: 25%; height: 50%; padding: 0px; margin: 0px; float: left; position: relative; }
.videocontent1 { width: 100%; height: auto; transition: all 0.2s ease 0s; }
.videocontent2 { margin-top: 20px; width: 2460px; transition: all 0.2s ease 0s; }
#formname, #formphone, #formmail { transition: all 0.2s ease 0s; }
.contentnews1 { height: auto; margin-left: 25%; }
.p20 { padding: 20px; }
.p40 { padding: 40px; }
select, .input { width: 100%; padding: 20px; margin-bottom: 20px; font-size: 1.4em; border: 3px solid rgb(64, 64, 64); font-weight: bold; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.input { border: 3px solid rgb(255, 255, 255); color: white; }
.input option { color: black; }
h2 { font-size: 2em; text-transform: uppercase; }
h3 { font-size: 1em; text-transform: uppercase; }
.contpic { position: relative; height: auto; background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
.tablebutton1 { background: rgba(0, 0, 0, 0) url("1408077767460-dumpfm-FAUXreal-cs_thinkpink_brush11-1024x258.png") no-repeat scroll 0% 0% / 100% 100%; float: left; }
.tablebutton1:hover .tdbutton1 { background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%; }
.tablebutton1:hover { cursor: pointer; }
.footer { background: rgb(204, 176, 194) none repeat scroll 0% 0%; text-align: center; }
.yesmobile { display: none; }
.p40f { padding: 80px; }
.tdbutton1 { transition: all 0.2s ease 0s; border: 3px solid rgb(64, 64, 64); padding: 20px; font-size: 1.4em; font-weight: bold; }
.tdbutton1-1 { border: 2px solid rgb(64, 64, 64); padding: 10px; font-size: 1em; font-weight: bold; }
.lnkre { color: rgb(64, 64, 64); text-decoration: none; }
.tdbutton2 { border: 3px solid rgb(255, 255, 255); color: rgb(255, 255, 255); transition: all 0.2s ease 0s; padding: 20px; font-size: 1.4em; font-weight: bold; }
.tdbutton2:hover { background: rgb(241, 241, 241) none repeat scroll 0% 0%; color: rgb(64, 64, 64); cursor: pointer; }
.morephoto { text-align: center; position: absolute; width: 100%; height: 200%; }
.morephoto2 { text-align: center; width: 100%; height: 100%; }
.authlabel1 { font-size: 2.5em; text-transform: uppercase; background: rgba(0, 0, 0, 0) url("original2.png") no-repeat scroll 0% 0% / 100% 100%; color: white; width: 100%; }
.authlabel2 { font-size: 1.5em; text-transform: lowercase; background: rgb(64, 64, 64) none repeat scroll 0% 0%; color: white; }
.authlabel3 { font-size: 1.2em; text-transform: lowercase; font-weight: bold; background: rgb(204, 176, 194) none repeat scroll 0% 0%; color: rgb(64, 64, 64); margin-top: -15px; margin-left: 20px; }
.card { margin: 20px auto; background: rgb(241, 241, 241) none repeat scroll 0% 0%; border: 1px solid rgb(204, 204, 204); width: 100%; display: none; }
.card2 { float: left; background: rgb(241, 241, 241) none repeat scroll 0% 0%; border: 1px solid rgb(204, 204, 204); margin: 0px 10px 10px 0px; width: 400px; height: 500px; }
.card2:hover { cursor: pointer; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); transition: all 0.2s ease 0s; }
.cardimg { width: 500px; height: 500px; margin: 0px auto; background: rgba(0, 0, 0, 0) url("urn:scrapbook:download:error:https://mk24studio.ru/img/IMG_8041.jpg") no-repeat scroll center center / cover; border-radius: 500px; border: 3px solid rgb(64, 64, 64); }
.cardimg2 { width: 300px; height: 300px; margin: 0px auto; border-radius: 500px; border: 3px solid rgb(64, 64, 64); transition: all 0.2s ease 0s; filter: grayscale(100%); }
.authblock { margin-top: -60px; transition: all 0.2s ease 0s; }
.card2:hover .cardimg2 { margin-top: -10px; width: 320px; height: 320px; transition: all 0.2s ease 0s; }
.formexpress, .wherefalse, .outside { display: none; }
.wherefalse { border-left: 3px solid rgb(64, 64, 64); padding-left: 20px; }
.wherefalse2 { border-left: 3px solid rgb(255, 255, 255); padding: 20px; margin-bottom: 20px; }
.priceslabel { text-align: right; font-size: 1.5em; padding-bottom: 20px; }
.benefitstd { font-weight: bold; color: rgb(64, 64, 64); width: 25%; }
.benefitstd img { width: 70px; opacity: 0.8; }
.picform { width: 32px; padding: 0px 5px 20px; }
#price1 { font-size: 2.5em; }
.table { display: table; width: 1000px; margin: 0px auto; }
.table-row { display: table-row; }
.table-cell { display: table-cell; width: 50%; vertical-align: top; }
.table-cell-w1 { width: 60%; }
.table-cell-w2 { width: 40%; }
.mobalign { vertical-align: middle; }
.aboutstudio { width: 100%; height: 70%; background: rgba(0, 0, 0, 0) url("stud.jpeg") no-repeat scroll center center / cover; }
.bacleinaboutstudio { height: 100%; width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.aboutstudioin { width: 750px; margin: 0px auto; background: rgba(0, 0, 0, 0) url("original3.png") no-repeat scroll 0% 0% / 100% 100%; }
.aboutstudioindiv { padding: 50px 200px 100px 50px; }
.connectform { background: rgb(64, 64, 64) none repeat scroll 0% 0%; color: white; padding: 20px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }
.connectform2, .connectform3 { background: rgb(64, 64, 64) none repeat scroll 0% 0%; color: white; padding: 40px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; display: none; }
.benefits { text-align: center; margin: 40px auto; width: 900px; clear: both; }
.benefits td { padding: 10px; }
.benefits img { padding: 20px; margin-bottom: -10px; border: 4px solid rgb(64, 64, 64); border-radius: 400px; background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
.pic { width: 100%; background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
.picleft { width: 25%; float: left; }
.picright { width: 75%; float: right; }
.imgport1:hover .mastername { display: table; }
.mastername { background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; border-radius: 30px; position: absolute; bottom: 10px; right: 10px; font-weight: bold; display: none; transition: all 0.2s ease 0s; }
.masternameed { top: 10px; right: 10px; }
.mastername:hover .masternamein { display: table-cell; }
.masternamein { transition: all 0.2s ease 0s; display: none; }
#morephotoz2 { width: 100%; background: rgb(241, 241, 241) none repeat scroll 0% 0%; height: 25%; }
@media (max-width: 1450px) {
  .picleft { width: 900px; margin: 0px auto; float: none; }
  .picright { width: 100%; float: none; }
}
@media (max-width: 1100px) {
  .calcul { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
  h3 { font-size: 2em; }
  .ptop { padding-top: 0px; padding-bottom: 0px; }
  .rabcosm { padding-top: 120px; padding-bottom: 120px; }
  .footer { text-align: left; }
  .footer img { width: 80%; }
  .p40f { padding: 100px; }
  .yesmobile { display: block; }
  .benefits { margin-top: 80px; margin-bottom: 80px; width: 900px; }
  .benefits td { padding: 40px; }
  .benefits img { padding: 40px; margin-bottom: -60px; border: 4px solid rgb(64, 64, 64); border-radius: 400px; background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
  .benefitstd { width: 50%; }
  .nonmobile { display: none; }
  .connectform { padding: 120px 40px; }
  .picform { width: 60px; padding: 0px 20px 20px 0px; }
  .incontent1 { padding: 0px 60px 60px; height: auto; }
  .incontent1-1 { padding-top: 40px; }
  .aboutstudio { height: auto; }
  .aboutstudioin { width: 950px; }
  .aboutstudioindiv { padding: 120px 250px 200px 70px; }
  .tdbutton1, .tdbutton1-1 { border: 4px solid rgb(64, 64, 64); padding: 25px; font-size: 2em; font-weight: bold; }
  h2, h1 { font-size: 3em; }
  .priceslabel { font-size: 2em; padding-right: 20px; }
  span, .benefitstd { font-size: 2em; }
  #price1 { font-size: 4em; padding: 10px; }
  .tdbutton2 { border: 4px solid rgb(255, 255, 255); padding: 25px; font-size: 2em; }
  .marginmobile1 { margin-top: 20px; }
  select, .input { width: 100%; padding: 25px; margin-bottom: 25px; font-size: 42px; border: 4px solid; font-weight: bold; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
  .mobalign { vertical-align: bottom; }
  .logo { padding: 30px; border: 4px solid rgb(64, 64, 64); width: 600px; }
  .maintable { width: 100%; }
  .contentnews1 { height: auto; }
  .videocontent1 { width: 100%; height: auto; }
  .imgport1 { width: 50%; height: 50%; padding: 0px; margin: 0px; float: left; position: relative; }
  .table { display: block; width: 100%; }
  .table-row { display: block; }
  .table-cell { display: block; width: 100%; }
  .intablemob { padding: 120px 40px; }
  #intablemobh2 { margin-top: 120px; margin-bottom: -50px; }
  .instagram { width: 120px; padding-bottom: 20px; }
  .arrright1, .arrright2, .contentimg1, #morephoto1 { display: none; }
  .contenttext { height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; }
  .content1 { width: 100%; height: 100%; min-height: auto; background: rgba(0, 0, 0, 0) url("bg1.jpg") no-repeat scroll right center / cover; }
  .card { display: table; }
  .authlabel1 { width: auto; padding: 40px; text-shadow: rgb(64, 64, 64) 1px 1px, rgb(64, 64, 64) 1px -1px, rgb(64, 64, 64) -1px 1px, rgb(64, 64, 64) -1px -1px, rgba(0, 0, 0, 0.5) 3px 3px 6px; }
  .benefitstd img { width: 100px; }
  .bacleinaboutstudio { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; color: white; }
  .aboutstudioin2 { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
  .aboutstudioindiv2 { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; padding: 80px; }
  .aboutstudio { height: auto; background: rgba(0, 0, 0, 0) url("stud.jpeg") no-repeat scroll left center / cover; }
}