@font-face {

font-family: "Hamiltone1"; 

src: url("/rot/Hamiltone1.otf") format("truetype"); 

}
@font-face {

font-family: "Palatino"; 

src: url("/rot/Palatino.ttf") format("truetype"); 

}

@font-face{
  font-family: "Segoe_Script_Bold";
 src:url("/rot/Segoe_Script_Bold.ttf") format("truetype");
}
.uk-start{
 
 height: 683px;

 display: block;
 position: relative;
 margin-top: 0;
 margin-right: auto;
 margin-left: auto;
 background: #4c5866;
 width: 95%;

}
.olga-photo{
  position: relative;
  width: 100%;
  height: 683px;

}
.uk-nik{

  width: 100%;
  height: 683px;
  position: relative;
}

.p-rukovod{
  font-family: Hamiltone1;
  color: #fff;
  font-size: 30px;
  text-align: center;
  padding-top: 7px;
  position: absolute;
  margin:auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101
  
}
.olga-photos{
  width: 400px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
 margin: auto;
}

.rhombus-block{
  width:100%;
  height:100%;
  transform:rotate(45deg);
  background:#252b44;
  overflow:hidden;
  display:block;
  color:#efab00;
  text-decoration:none;
  -webkit-animation-name: 'play_down';
  -moz-animation-name: 'play_up';
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  outline: 1px solid #928970;
  outline-offset: -15px;


}
.rhombus-content{
  width:100%;
  height:100%;
  transform:rotate(-45deg);
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.rhombus-content-title{
  font-size:18px;
  font-family:'Palatino', cursive;
  color:#cec5bd;
}

.important-text-block{
    float: left;
    width: 500px;
    height: 300px;
    position: absolute;
    top: 0;
    margin-top: 180px;
    margin-left: 7%;
    margin-bottom: 0px;
    margin-right: 0px;
}
.important-text{
  font-size: 50px;
  font-family:Palatino;
  font-weight: bold; 
  color: #cec5bd;
}
.important-mini-text{
  width: 80%;
  font-size: 25px;
  font-family: Palatino;
  font-weight: bold;
  color: #cec5bd;

}

.treygolnik-fon{
border: 400px solid transparent;
border-bottom: 400px solid #252b44;
display: block;
width: 700;
height: 0;
position: absolute;
bottom: 0;
margin:auto;
z-index: 0;
right: 0;
margin-right: 300px
}






@media(max-width: 1410px){
  .treygolnik-fon{
   margin-right: 100px
  }
}

@media(max-width: 1540px){
  .important-text-block{
   margin-left: 5%;
  }
  #btn-application a{
  margin-right: 8%
}
  .treygolnik-fon{
    margin-right: 200px
  }
}
@media(max-width: 1380px){
  .important-text{
width: 90%
  }
  .treugolnik-fon{
    margin-right: 100px
  }

}
@media(max-width: 1310px){
  .olga-photos{
    left: auto;
    margin-right: 300px
  }
}
@media(max-width: 1150px){
  #btn-application a{
    margin-right: 25%;
  margin-bottom: 100px;
  margin-top: 0px;
  margin-left: 0px;
  width: 150px;
  height: 150px;
  left: auto;
  transform: rotate(45deg);
}
.olga-photos{
  right: auto;
}
.p-rukovod{
  left: 50px;
  right: auto;
}
.important-text-block{
  width: 60%;
  right: 0;
  margin-top: 100px;
  left: auto;
}
.rhombus-content-title{
  font-size: 18px
}
}
@media(max-width: 925px){
  .important-text-block{
    width: 50%;
    margin-left: 0px;
    margin-right: 20px
  }
  .important-text{
    font-size: 40px;
  }
 .important-mini-text{
    font-size: 20px
  }
}
@media(max-width: 760px){
  .important-text-block{
    margin-top: 80px;
    margin-left: auto;
    margin-right: 40px !important;
    text-align: center;
    
  }
  
  .important-mini-text{
    text-align: center;
    width: 100%
  }
  #btn-application a{
    margin-bottom: 80px;
    margin-right: 15%;
    
  }
}

@media(max-width:700px ){
.olga-photo{
  height: 780px;
}
.uk-start{
  height: 780px;
}
.uk-nik{
  display: none;
}
.olga-photos{
  right: 0;
  left: 0;
  margin: auto;
}
.p-rukovod{
  right: 0;
  left: 0;
}
.important-text-block{
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 80%;

}
.important-text{
  width: 100%;
  margin-top: 40px;
}
#btn-application a {
margin: auto;
left: 0;
bottom: auto;
bottom: 0;
right: 0;
transform: none;
margin-bottom: 50px;
width: 300px;
height: 100px;
z-index: 999
}
.rhombus-block{
  transform:none;
}
.rhombus-content{
  transform:none;
}
#btn-application p{
  transform: none;
}
.rhombus-content-title{
  font-size: 16px
}
}
@media(max-width: 610px){
  #btn-application a {
margin-top: 320px;
}
}
@media(max-width: 450px){
.important-text-block{
  width: 100%;
  margin:0;
}
}
@media(max-width: 380px){
  .important-text{
    font-size: 30px;
  }
 .important-mini-text{
    font-size: 18px;
    margin: auto;
    left: 0;
    right: 0;
    width: 90%
  }
}
@media(max-width: 350px){
  .uk-start{
   height: 740px;
  }
  .olga-photo{
    height: 740px;
  }
  .uk-nik{
    display: none

  }
  #btn-application a{
    height: 80px;
    width:280px;
  }
}
@media(max-width: 330px){
  .uk-start{
   height: 720px;
  }
  .olga-photo{
    height: 720px;
  }
  .uk-nik{
    height: 720px;

  }
}
@media(max-width:1150px){
  .treygolnik-fon{
    left: 0;
    right: auto;
    border: 300px solid transparent;
    border-bottom: 300px solid #447c98;
    width: 500px;
    margin-left: 40px;
  }
}

@media(max-width: 700px){
  .treygolnik-fon{
    display: none;
    width: 0;
    height: 0
  }
}

#myModal-blog-1 {
  width: 1280px;
   height: 640px;
  margin: 0 auto;
  background: transparent;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-1 #myModal-blog-1__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-1 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}

#myModal-blog-2 {
  width: 1298px;
   height: 640px;
  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-2 #myModal-blog-2__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-2 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-3 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-3 #myModal-blog-3__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-3 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-4 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-4 #myModal-blog-4__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-4 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-5 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-5 #myModal-blog-5__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-5 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-6 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-6 #myModal-blog-6__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-6 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-7 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-7 #myModal-blog-7__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-7 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-8 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-8 #myModal-blog-8__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-8 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}

#myModal-blog-9 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-9 #myModal-blog-9__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-9 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-10 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-10 #myModal-blog-10__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-10 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}
#myModal-blog-11 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-11 #myModal-blog-11__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-11 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}

#myModal-blog-12 {
  width: 1298px;
   height: 640px;

  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 3800;
  text-align: center;
}
#myModal-blog-12 #myModal-blog-12__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px; right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay-blog-12 {
  z-index: 3700;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}


img {
    vertical-align: top;
}



article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


::selection {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none
}




img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
}

a {
    color: #333;
    text-decoration: none;
}



h3, h4 {
    font-size: 20px;
    line-height: 20px;
}


h1, h2, h3, h4, h5, h6 {
    clear: both;
    hyphens: auto;
    color: #000;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}


.post:after, .post:before, article:after, article:before, section:after, section:before {
    clear: both;
    content: '\0020';
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}




body .wrap-body {
}



.content-box {
}

.content-box .wrap-box {
    padding: 40px 10px;
    position: relative;
}


.content-box.box-style-1 {
    background: #5c647b;
}



.content-box.box-2 {
}


article {
    background: #ffffff;
    color: #3F3F3F;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

article:after, article:before {
    clear: both;
    content: '\0020';
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}

article .post-thumbnail-wrap {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

article .post-thumbnail-wrap img {
}

article h3.entry-title {
    font-size: 20px;
    margin: 10px 0 5px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #222;
}

article .l-tags {
    text-align: center;
    font-size: 12px;
    font-family: 'Crimson Text', serif;
    text-transform: uppercase;
    letter-spacing: .9px;
}

article .l-tags a {
    color: #333;
}

article .l-tags a:hover {
    color: #628d7c;
}

article .entry-header {
    text-align: center;
}


.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
}

.portfolio-box .portfolio-box-second {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(0,0,0,.7);
    -webkit-transition: all 1.45s;
    -moz-transition: all 1.45s;
    transition: all 1.45s;
}



.portfolio-box:hover .portfolio-box-second {
    opacity: 1;
}








.zerogrid {
    width: 60%;
    position: relative;
    margin: 0 auto;
    padding: 0px;
}

.zerogrid:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.zerogrid .row {
}

.zerogrid .row:before,.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.zerogrid .row:after {
    clear: both;
}

.zerogrid .row {
    zoom: 1;}

.zerogrid .wrap-col {
    margin: 10px;
}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6 {
    float: left;
    display: inline-block;
}



.zerogrid .col-1-3,.zerogrid .col-1-3-fixed {
    width: 33.33%;
}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .zerogrid {
        width:960px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .zerogrid {
        width:768px;
    }
}

@media only screen and (max-width: 767px) {
    .zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6 {
        width:100%;
    }

    .zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6 {
        margin-left: 0;
    }
}
.tom-blog-1{
 width: 100%;height: 640px;background: #f5f5f5;
}
.tom-blog-1-img{
   position: absolute;left: 0;
}
.tom-blog-1-2{
  position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 50px;margin-right: 50px
}
.tom-blog-1-text{
font-size: 17px
}
.tom-blog-2-2{
  position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 100px;margin-right: 50px
}
.tom-blog-3-2{
  position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 50px;margin-right: 50px
}
.tom-blog-4-2{
position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 50px;margin-right: 50px
}
.tom-blog-5-2{
  position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 20px;margin-right: 50px
}
.tom-blog-6-2{
 position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 30px;margin-right: 50px
}
.tom-blog-7-2{
  position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 50px;margin-right: 50px
}
.tom-blog-8-2{
 position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 50px;margin-right: 50px
}
.tom-blog-9-2{
 position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 50px;margin-right: 50px
}
.tom-blog-10-2{
 position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 100px;margin-right: 50px
}
.tom-blog-11-2{
 position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 120px;margin-right: 50px
}
.tom-blog-12-2{
 position: absolute;right: 0;bottom: 0;text-align: center;width: 500px;height: auto;margin-bottom: 150px;margin-right: 50px
}
.tom-blog-2-text{
font-size: 17px
}
.tom-blog-3-text{
font-size: 17px
}
.tom-blog-4-text{
font-size: 16px
}
.tom-blog-5-text{
font-size: 17px
}
.tom-blog-6-text{
font-size: 17px
}
.tom-blog-7-text{
font-size: 16px
}
.tom-blog-8-text{
font-size: 17px
}
.tom-blog-9-text{
font-size: 17px
}
.tom-blog-10-text{
font-size: 17px
}
.tom-blog-11-text{
font-size: 20px
}
.tom-blog-12-text{
font-size: 20px
}

@media(max-width: 1350px){
    .tom-blog-6-2{
        margin-right: 30px
    }
    .tom-blog-6-text{
        font-size: 15px
    }
    .tom-blog-7-text{
        font-size: 14px
    }
    .tom-blog-7-2{
    margin-bottom: 30px;
    margin-right: 30px;
    }


    .tom-blog-8-text{
        font-size: 15px
    }
    .tom-blog-9-2{
       margin-right: 30px;
    }
    .tom-blog-9-text{
        font-size: 15px
    }
    .tom-blog-10-2Х{
    .margin-bottom: 50px;
    .margin-right: 30px;
}
    .tom-blog-11-2{
        margin-bottom:70px;
        margin-right:30px;
    }
    .tom-blog-11-text{
        font-size: 18px
    }
    .tom-blog-12-2{
        margin-right: 30px;
        margin-bottom: 100px
    }
    
.tom-blog-2-2{
    margin-bottom: 40px
}
    .tom-blog-3-text{
        font-size: 15px
    }
    #myModal-blog-3{
        width: 1080px;
        height: 500px
    }
    .tom-blog-1-img{
        width: 500px
    }
    .tom-blog-1{
    width: 1080px;
    height: 500px
}
   #myModal-blog-1{
       width: 1080px;
        height: 500px
   }
      #myModal-blog-2{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-4{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-5{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-6{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-7{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-8{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-9{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-10{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-11{
        width: 1080px;
        height: 500px
    }
     #myModal-blog-12{
        width: 1080px;
        height: 500px
    }
    .tom-blog-2{
    width: 1080px;
    height: 500px
}
.tom-blog-4{
    width: 1080px;
    height: 500px
}
.tom-blog-5{
    width: 1080px;
    height: 500px
}
.tom-blog-6{
    width: 1080px;
    height: 500px
}
.tom-blog-7{
    width: 1080px;
    height: 500px
}
.tom-blog-8{
    width: 1080px;
    height: 500px
}
.tom-blog-9{
    width: 1080px;
    height: 500px
}
.tom-blog-10{
    width: 1080px;
    height: 500px
}
.tom-blog-11{
    width: 1080px;
    height: 500px
}
.tom-blog-12{
    width: 1080px;
    height: 500px
}
.tom-blog-4-2{
    margin-right: 40px
}
.tom-blog-4-text{
    font-size: 15px
}
.tom-blog-5-text{
    font-size: 15px
}
.tom-blog-1-text{
    font-size: 15px
}
.tom-blog-5-2{
    margin-right: 30px
}
.tom-blog-10-2{
    margin-bottom: 50px
}
}
@media(max-width: 1120px){
    .tom-blog-3-text{
        margin-bottom: 40px
    }
    .tom-blog-1-2{
margin-right: 30px;
left: 0;
right: 0;
margin: 0 auto
    }
    .tom-blog-6-text {
    font-size: 14px;
    margin-bottom: 80px;
}
    .tom-blog-6-2{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tom-blog-7-text{
        margin-bottom: 70px
    }
    .tom-blog-7-2{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
 .tom-blog-8-2{
    left: 0;
    right: 0;
    margin: 0 auto;
 }
 .tom-blog-8-text{
    margin-bottom: 20px;
 }
    .tom-blog-9-text{
        font-size: 16px;
        margin-bottom: 70px
    }
    .tom-blog-9-2{
        left: 0;
        right: 0;
        margin:0 auto;
    }
    .tom-blog-10-text{
        margin-bottom: 70px;
    }
    .tom-blog-10-2{
    left: 0;
    margin: 0 auto;
    }
    .tom-blog-11-text{
        margin-bottom: 100px;
        font-size: 19px
    }
    .tom-blog-11-2{
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .tom-blog-12-text{
        margin-bottom: 100px
    }
    .tom-blog-12-2{
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .tom-blog-5-2{
        right: 0;
        left: 0;
        margin: auto;

    }
    .tom-blog-5-text{
    font-size: 14px;
    margin-bottom: 100px
}
    .tom-blog-4-text{
        font-size: 15px;
    margin-bottom: 70px;
    }
    .tom-blog-4-2{
        left: 0;
        right: 0;
        margin: auto;
    }
     #myModal-blog-3{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-2{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-4{
        width: 600px;
        height: 1000px
    }
     #myModal-blog-1{
       width: 600px;
        height: 1000px
   }
    .tom-blog-1{
    width: 600px;
    height: 1000px
}
.tom-blog-1-img{
        left: 0;
        right: 0;
        margin:auto;
    }
     .tom-blog-1-text{
    font-size: 15px;
    margin-bottom: 70px
       }
       #myModal-blog-5{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-6{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-7{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-8{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-9{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-10{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-11{
        width: 600px;
        height: 1000px
    }
    #myModal-blog-12{
        width: 600px;
        height: 1000px
    }
   .tom-blog-2-text {
    font-size: 16px;
    margin-bottom: 70px;
}


}
@media(max-width: 680px){
    .tom-blog-2-text {
        margin-bottom: 20px
    }
    .tom-blog-3-text{
        margin-bottom: 0px
    }
.tom-blog-6-text {
    font-size: 12px;
    margin-bottom: 5px;
}
    .tom-blog-6-2{
        width: 300px
    }
    .tom-blog-7-text{
        font-size: 11px
    }
    .tom-blog-7-2{
        width: 300px
    }
    .tom-blog-8-text{
        font-size: 12px
    }
    .tom-blog-8-2{
        width: 300px
    }
    .tom-blog-9-text {
    font-size: 13px;
    margin-bottom: 10px;
}
    .tom-blog-9-2{
        width: 300px
    }
    .tom-blog-10-2{
        width: 300px
    }
    .tom-blog-10-text{
        font-size: 14px;
    margin-bottom: 20px;
    }
    .tom-blog-11-2{
        width: 300px
    }
    .tom-blog-11-text{
        font-size: 15px;
        margin-bottom: 30px
    }
    .tom-blog-12-text{
        font-size: 17px;
        margin-bottom: 50px
    }
    .tom-blog-12-2{
        width: 300px
    }
    .tom-blog-5-text{
        font-size: 11px;
        margin-bottom: 70px
    }
    .tom-blog-5-2{
        width: 300px
    }
    .tom-blog-4-2{
        width: 300px
    }
    .tom-blog-4-text{
        font-size: 12px;
        margin-bottom: 30px
    }
    .tom-blog-1-text{
        margin-bottom: 50px;
        font-size: 11px;
    }
    .tom-blog-1-2{
        width: 300px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .tom-blog-2-2{
        width: 300px
    }
    .tom-blog-2-text{
        font-size: 13px
    }
    .tom-blog-1-img{
        width: 300px
    }
     #myModal-blog-3{
        width: 400px;
        height: 800px
    }
    .tom-blog-1{
    width: 400px;
    height: 800px
}
.tom-blog-3-text{
    font-size: 12px
}
.tom-blog-3-2{
    width: 300px
}
 #myModal-blog-2{
        width: 400px;
        height: 800px
    }
     #myModal-blog-1{
        width: 400px;
        height: 800px
    }
     #myModal-blog-4{
        width: 400px;
        height: 800px
    }
     #myModal-blog-5{
        width: 400px;
        height: 800px
    }
     #myModal-blog-6{
        width: 400px;
        height: 800px
    }
     #myModal-blog-7{
        width: 400px;
        height: 800px
    }
     #myModal-blog-8{
        width: 400px;
        height: 800px
    }
     #myModal-blog-9{
        width: 400px;
        height: 800px
    }
     #myModal-blog-10{
        width: 400px;
        height: 800px
    }
     #myModal-blog-11{
        width: 400px;
        height: 800px
    }
     #myModal-blog-12{
        width: 400px;
        height: 800px
    }
    
}
@media(max-width: 450px){
    .tom-blog-6-2{
    width: 280px
}
    .tom-blog-6-text {
    font-size: 13px;
    margin-bottom: 50px;
}
    .tom-blog-7-text{
        font-size: 13px;
    margin-bottom: 30px;
    }
    .tom-blog-7-2{
        width: 280px;
    }
    .tom-blog-8-text{
        font-size: 14px;
    }
    .tom-blog-8-2{
        width: 280px
    }
    .tom-blog-9-2{
        width: 280px;
    }
    .tom-blog-9-text{
        font-size: 14px
    }
    .tom-blog-10-text{
        font-size: 15px
    }
    .tom-blog-10-2{
        width: 280px
    }
    .tom-blog-12-text{
        font-size: 19px
    }
    .tom-blog-11-text{
        font-size: 17px
    }
    .tom-blog-5-text {
    font-size: 13px;
    margin-bottom: 20px;
}
    .tom-blog-4-text{
    font-size: 13px
}
    .tom-blog-1-img{
        display: none
    }
      .tom-blog-11-2{
        width: 270px
    }
    .tom-blog-12-2{
        width: 280px
    }
    .tom-blog-5-2{
        width: 280px
    }
    .tom-blog-4-2{
        width: 280px
    }
    
    .tom-blog-1-text{
      font-size: 14px;
        margin-bottom: 15px;
     
    }
.tom-blog-1-2{
    width: 270px
}
.tom-blog-2-2{
    width: 280px;
left: 0;
right: 0;
margin:auto;
}
.tom-blog-2-text{
    margin-bottom: 30px;
    font-size: 15px
}
    .tom-blog-3-text{
        margin-bottom: 20px;
        font-size: 14px
    }
    #myModal-blog-3{
        width: 300px;
        height: 700px
    }
    .tom-blog-1{
    width: 300px;
    height: 700px
}
.tom-blog-3-2{
    width: 280px;
    left: 0;
    right: 0;
    margin: auto;
}
 #myModal-blog-1{
        width: 300px;
        height: 700px
    }
     #myModal-blog-2{
        width: 300px;
        height: 700px
    }
     #myModal-blog-4{
        width: 300px;
        height: 700px
    }
     #myModal-blog-5{
        width: 300px;
        height: 700px
    }
     #myModal-blog-6{
        width: 300px;
        height: 700px
    }
     #myModal-blog-7{
        width: 300px;
        height: 700px
    }
     #myModal-blog-8{
        width: 300px;
        height: 700px
    }
     #myModal-blog-9{
        width: 300px;
        height: 700px
    }
     #myModal-blog-10{
        width: 300px;
        height: 700px
    }
     #myModal-blog-11{
        width: 300px;
        height: 700px
    }
     #myModal-blog-12{
        width: 300px;
        height: 700px
    }
}