:root
{
    --accent-color:  #ff8814;
    --accent-color-05-opacity:  rgba(255, 136, 20, 0.5);
    --accent-color-02-opacity:  rgba(255, 136, 20, 0.2);
}


.transition
{
	-webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

::selection {
    color: black;
    background: var(--accent-color);
}


@keyframes wave_animation
{
    0% {transform: translate(32.744783px,18.752093px)}
    100% {transform: translate(99.409207px,18.752093px)}
}

@keyframes showmeupopacity
{
    0% {opacity: 0}
    1% {opacity: 0}
    100% {opacity: 1}
}

@keyframes fadeopacity
{
    0% {opacity: 1}
    1% {opacity: 1}
    60% {opacity: 0}
    100% {opacity: 0}
}

@keyframes showmeupopacity2
{
    0% {opacity: 0}
    1% {opacity: 0}
    100% {opacity: 0.2}
}

@keyframes showmeup
{
    0% {opacity: 0}
    1% {opacity: 0}
    100% {opacity: 1}
}

@keyframes hidemedown
{
    0% {opacity: 1}
    1% {opacity: 1}
    100% {opacity: 0}
}

@keyframes showinfoup
{
    0% {color:rgb(10,10,10)}
    1% {color:rgb(10,10,10)}
    100% {color:rgb(217,217,217)}
}

@keyframes maindiv
{
    0% {margin-top:158px;}
    1% {margin-top:158px;}
    100% {margin-top:58px;}
}

@keyframes showup {
	0% {opacity: 0;visibility: hidden;}
	1% {opacity: 0;visibility: visible;}
	100% {opacity: 1;visibility: visible;}
}
@keyframes hideit {
  0% {opacity: 1;visibility: visible;}
  99% {opacity: 0;visibility: visible;}
  100% {opacity: 0;visibility: hidden;}
}

@keyframes showit2
{
    0% {transform: translateX(300px); visibility: hidden;}
    1% {transform: translateX(300px); visibility: visible;}
    100% {transform: translateX(0px); visibility: visible;}
}

@keyframes hideit2
{
    0% {transform: translateX(0px); visibility: visible;}
    99% {transform: translateX(300px); visibility: visible;}
    100% {transform: translateX(300px); visibility: hidden;}
}

.flex_row_start
{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}

.flex_column_center_left
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    float:left;
}

.number
{
    font-size: 90px;
    font-weight: bold;
    margin:0 20px 0 0;
}

.cart_ul li:first-child
{
    margin-bottom:10px;
}
.noselect
{
    -webkit-touch-callout: none; 
      -webkit-user-select: none; 
       -khtml-user-select: none;
         -moz-user-select: none; 
          -ms-user-select: none; 
              user-select: none; 
  }

.link_to_cart
{
    text-decoration: underline;
}

.added_to_cart_p
{
    visibility: hidden;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.p_single_page
{
    line-height: 20px;
}

.for_botton
{
  margin-top:50px;
  margin-bottom:66px;
  display:block;
  float:left;
  width:100%;
  height:min-content;
}

.h3_single_page

{
    margin-bottom: 20px;
}
.make_an_order_link
{
  display:block;
  float:left;
  width:auto;
  height:auto;
  padding: 0px 60px 0px 60px;
  font-size: 16px;
  background-color:var(--accent-color);
  color: black;
  border-width: 20px;
  border-color: black;
  border-radius: 25px;
  border-style:solid;
  border-color: var(--accent-color);

}
.make_an_order_link:hover
{
  background-color:var(--accent-color-02-opacity);
  color: var(--accent-color);
  border-color: var(--accent-color);
  padding: 16px 76px 16px 76px;
  border-width: 4px;
  cursor:pointer;
}

.project
{
    animation-duration: 2s;
    animation-fill-mode:both;
    opacity:0;
    padding:20px 23px 23px 23px;
}

.top_p
{
    font-size:15px; 
    position: absolute; 
    z-index:100; 
    background-color: black; 
    top:10px; 
    left: 10px; 
    padding:10px 20px;
    margin:0;
}

.common img
{ 
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease; opacity: 0.9
}

.common:hover img
{
  opacity: 1
}

.previous
{
    position: relative;
    text-align: center;  
    height: min-content; 
    width: 50%; 
    float: right; 
    display: block;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.next
{
    position: relative;
    text-align:center;
    width:50%;
    height:min-content;
    float:left;
    display:block;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.next:hover p
{
    color:var(--accent-color);
    text-shadow: 0px 0px 10px var(--accent-color);
}

.previous:hover p
{
    color:var(--accent-color);
    text-shadow: 0px 0px 10px var(--accent-color);
}

.next_previous_jobs
{
    width:50%;
    height:20%;
    min-height: 150px;
}

.next_previous_jobs:hover
{
    background-color: rgb(22,22,22);
}
.prev_next_imgs
{
    width:100%;
    height:auto;
}

#share-buttons
{
    height: 50px;
    width:100%;
}
    
#share-buttons a
{
    text-decoration: none; 
    float:left;
}

.share_icon
{
  display:block;
  float:left;
  margin-right:15px;
  width:auto;
  height:50px;
  color: var(--accent-color);
  opacity:0.8;

}

.share_icon:hover
{
  cursor:pointer;
  opacity:1;
}

.postcontent iframe
{
    display:block;
    width:100%;
    height: calc(100vw * 0.5625);
    animation-name: showmeupopacity;
    animation-duration: 3s;
}

.postcontent
{
  display:block; 
  width:100%; 
  height: min-content; 
  padding-top:51px;
}

.postcontent p
{
  display: block; 
  float:left; 
  font-size:16px; 
  line-height: 1.5em; 
  text-transform: none;
  margin:20px 20px 0px 20px; 
}

.postcontent h1
{
  display:inline; 
  margin-top: 60px;
  margin-left:20px;
  float:left; 
  font-size: 40px;
}

.postcontent img
{
    display: block; 
    width: 100%;
    height: auto;
    visibility: hidden;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.background
{
    animation-duration: 1s; 
    animation-fill-mode: both; 
    width: calc(100vw - 180px);
    position:fixed;
    top:0;
    left:0;
    height:100vh; 
    z-index:99999;  
    background-color:rgba(0,0,0,0.9); 
    text-align:center;
    padding-top: calc(50vh - 14px);
    padding-left:90px;
    padding-right:90px; 
    visibility: hidden;
}

.backshow 
{
    animation-name: showup;
}

.backhide 
{
    animation-name: hideit;
}

.right_move_on
{
    animation-name: showit2;
}

.right_move_off
{
    animation-name: hideit2;
}

.cross 
{
  position:fixed;
  top:30px;
  right:30px;
  z-index:99996;
  width:60px;
  height:60px;
  transform-origin: center;
  transform: rotate(45deg);
  transition: 0.3s linear;
}

.strip
{
    position:absolute;
    background-color:rgb(220,220,220);
}

.stripone
{
    z-index:999991; 
    width:100%;
    height:8px; 
    left:0px;
    top:26px;
}

.striptwo
{
    z-index:999992; 
    width:8px;
    height:100%; 
    left:26px;
    top:0px;
}

.cross:hover
{
    cursor: pointer;
    transform: rotate(-45deg);
}

.cross:hover .strip
{
    background-color:var(--accent-color);
    -webkit-box-shadow: 0px 0px 20px var(--accent-color-05-opacity);
	-moz-box-shadow: 0px 0px 20px var(--accent-color-05-opacity);
	-o-box-shadow: 0px 0px 20px var(--accent-color-05-opacity);
	box-shadow: 0px 0px 20px var(--accent-color-05-opacity);
}

html
{
    
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    position: relative;
    overflow-x: hidden;
    font-size: 100%;
    width: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
    position: relative;
    overflow-x: hidden;
    margin:0;
    padding:0;
    color: rgb(180,180,180);
    background-color: rgb(10,10,10);
    -webkit-animation: fade-in ease-in-out 1s;
    -moz-animation: fade-in ease-in-out 1s;
    animation: fade-in ease-in-out 1s;
}

.font
{
    font-family: 'Lato', sans-serif;
}

header
{
    width: 100%;
    height:58px;
    z-index: 10001;
    position:fixed;
    top:0px;
    text-transform:uppercase;
    background-color: rgb(10,10,10);
}

a
{
    text-decoration: none;
    color:rgb(180,180,180);
}

a:hover
{
    color: var(--accent-color);
}

.header_common
{
    display:inline-block;
    background-color: rgb(13,13,13); 
    padding-left: 20px;
    padding-right: 20px;
}

.header_common:hover
{
    background-color: rgb(17,17,17);
}

.logo_header
{
    height:calc(100% - 20px);
    padding-top:20px;
    float:left; 
    font-size: 15px;
}

.button_header
{ 
    height:calc(100% - 22px);
    padding-top:22px;
    float:right;
    margin-left:2px;
    font-size: 12px;
}

.hamburger-button
{ 
    display:none;
}


.hamburger-line
{
    height: 2px;
    width: 100%;
    background-color: rgb(180,180,180);
}

.hamburger-button:hover
{
    cursor: pointer;
}

.hamburger-button:hover .hamburger-line
{
    background-color: var(--accent-color);
} 

.hamburger-line-margin
{
    margin-top:4px;
}

.parallax
{
    -webkit-overflow-scrolling: touch;
    overflow-x: inherit!important;
	position:relative;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	-webkit-perspective: 1px;
	perspective: 1px;
}

.parallax__layer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.parallax__layer--back
{
    position:absolute;
    display:block; float:left; top:0 !important;
    -webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2)
}

.parallax__layer--base
{ 
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bg
{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.bg_img
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    opacity:0; 
    animation-duration: 2s;
    animation-fill-mode:both;
}

.fullscreen
{
    min-height: 700px;
    height:100vh;
    width: 100%;
    padding: 0;
    text-transform:uppercase;
}

.standart
{
    height:min-content;
    width: calc(100% - 60px);
    padding: 100px 30px 100px 30px;
    text-transform:uppercase;
}

.standart_cart
{
    height:min-content;
    width: calc(100vw - 60px);
    padding: 100px 30px 100px 30px;
    text-transform:uppercase;
}

.standart2
{
    height:min-content;
    width:100%;
    padding: 150px 0px 100px 0px;
    text-transform:uppercase;
}

.standart3
{
    text-align: center;
    height:100vh;
    width:100%;
    min-height: 300px;
    text-transform:uppercase;
}

.standart4
{
    width: calc(100% - 200px);
    min-height: calc(100vh - 300px);
    height: min-content;
    padding: 150px 100px 150px 100px;
    text-transform:uppercase;
    text-align: center;
}

.standart5
{
    height:min-content;
    width: calc(100% - 60px);
    padding: 0 30px 200px 30px;
    text-transform:uppercase;
}
.block
{
    display:block;
    float:left;
}

.flex_column_center
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    float:left;
}

.flex_column_start_left
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    float:left;
}

.flex_column_end
{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    float:left;
}

.flex_column_start
{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    float:left;
}

.flex_row_end
{
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
}

.flex_row_center
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.lightest_grey_bg
{
    background-color: rgb(20,20,20);
}

.light_grey_bg
{
    background-color: rgb(15,15,15)
}

.mid_grey_bg
{
    background-color: rgb(12,12,12)
}

.dark_grey_bg
{
    background-color: rgb(10,10,10)
}

.darker_grey_bg
{
    background-color: rgb(9,9,9);
}

.black_bg{
    background-color: rgb(5,5,5)
}

.logodiv
{
    margin-top:158px;
    width:80vw;
    height:auto;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.mainlogo
{
    opacity:0;
    width:80vw;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.h1_main
{
    text-align: center;
    background-color:rgb(10,10,10);
    color:rgb(10,10,10);
    width: calc(80vw - 40px);
    margin-top:10px;
    animation-duration: 2s;
    animation-fill-mode:both;
    text-transform: uppercase;
    animation-name: showinfoup;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 20px 20px 20px 20px;
    font-weight: 700;
}

.h2_main
{
    font-size: 24px;
    margin:0;
    font-size: 30px;
    text-align: center;

}

.h1_h2
{
    font-size: 24px;
    margin-bottom: 40px;
    text-transform: uppercase;

}

.p
{
    font-size: 14px;
    padding:15px 20px 15px 20px;
    width:50vw;
    margin:0;
    line-height:30px;
}

.p2
{
    font-size: 14px;
    padding:15px 20px 15px 20px;
    margin:0;
    line-height:30px;
}

.half_line
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:min-content;
    width: auto;
}

.col
{   
    padding: 15px 0 15px 0;
    width:20vw;
    height:min-content;
    margin-left:1.5vw;
    margin-right:1.5vw;
}

.div_about
{
    margin-bottom: 20px;
    width:50vw;
    height:auto;
}

.margin_top_50
{
    margin-top:50px;
}

.margin_sides
{
    margin-left:5px;
    margin-right:5px;
}
.main_img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 45px;
    opacity:0;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.half_horizontaly
{
    width: calc(50% - 60px); 
    height: min-content;
    padding: 0 30px 0 30px;
}

.half_horizontaly_no_padding
{
    width: 50%; 
    height: min-content;
}

.text_centred
{
    text-align: center;
}

.topline
{
    width:100%;
    height:min-content;
    padding-bottom:50px;
}

.width_100_percent
{
    width:100%;
    height:min-content;
}

.quantity_width
{
    width:170px;
}
.quantity
{
    height: 51px;
    position: relative;
}

.quantity_input
{
    width: calc(100% - 20px);
    height: 100%;
    color: rgb(220,220,220);
    font-size: 20px;
    padding: 0 0 0 20px;
    border:0px;
}

.quantity_arrows
{
    z-index:300;
    position:absolute;
    right:0px;
    padding:4px;

}
.quantity_arrows:hover
{
    cursor:pointer;
    color: var(--accent-color)
}
.quantity_before
{
    bottom:0;
}
.quantity_after
{
    top:0;
}

.arrow-down
{
  margin-top:17px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgb(220,220,220);
}

.margin_0
{
    margin: 0px;
}

.margin_top_10
{
    margin-top: 10px;
}

.margin_top_20
{
    margin-top: 20px;
}

.middle_font
{
    font-size: 14px;
    line-height: 20px;
}

.small_font
{
    font-size: 11px;
    line-height: 16px;
}
   
.half_horizontaly h3
{
    font-size: 20px;
}

   
.portfolio
{
  display:block;
  position:relative;
  float:left;
  width:100%;
  height:min-content;
  background-color:black;
  margin-top:50px;
}

.post_wrap
{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width: 50%;
  height: calc(28vw + 50px);
  float:left;
}

.cart_post_wrap
{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    float:left;
    width:calc(50vw - 90px);
    height: calc(28vw + 15px);
    margin:30px;
}

.post_wrap_blog
{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width: 100%;
    height: calc(33vw + 50px);
    float:left;
}

.post
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  float:left;
  background-color:rgb(20,20,20);
  text-transform: uppercase;
  font-size: 11px;
  opacity:0;
  animation-duration: 2s;
  animation-fill-mode:both;
}

.patch
{
  position: absolute;
  z-index: 10000;
  background-color: rgb(5,5,5);
  top: -50px;
  width: 100vw;
  height: 50px;
}

.cover
{
    height: calc(100%-50px);
    width:100%;
    display:block;
    float:left;
}

.cover_main_page
{
    width:100%;
    height:100%;
}
.cover img
{
    opacity:0.8
}

a:hover .cover img
{
    opacity:1
}

.description
{
    width: calc(100%-20px);
    padding-right:20px;
    height:50px;
    background-color: rgb(20,20,20);
}

.wave
{
    display: block;
    width:8vw;
    animation-duration: 1s;
    animation-fill-mode:both;
}

.cover img
{
    width:100%;
    height:auto;
    position:block;
    float:left;
    padding:0px;
    margin:0px;
}

.post:hover .cover
{
    margin-top:-7px;
}

.post:hover .description
{
    height:57px;
}

.cart_item
{
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
    width:100%;
    height:100%;
    display:block;
    float:left;
    background-color:rgb(20,20,20);
    text-transform: uppercase;
    font-size: 11px;
    opacity:0;
    animation-duration: 2s;
    animation-fill-mode:both;
}

.cart_link
{
    width: 100%;
    height:min-content;
    display:block;
}

.cart_cover
{
    width: 100%;
    height:auto;
    display:block;
}

.cart_ul
{
    display:block;
    float:left;
    list-style-type:none;
    padding:0px;
    margin: 15px 0 0 15px;
}

.cart_remove_button
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:1000;
}

.margin_button
{
    margin:16px 0 0 0;
}

.container
{
    width:min-content;
    height:min-content;
}
.totalprice
{
    display:block;
    float:left;
    font-weight: bold;
    font-size: 22px;
    margin-left:30px;
    width:auto;
}

.footer
{
  display: block;
  float:left;
  width:calc(100% - 60px);
  background-color: rgb(10,10,10);
  padding: 24px 30px 24px 30px;
  height:auto;
  letter-spacing:0.1em;
  text-transform: uppercase;
  text-align:center;
}

.cart_icon
{
    position: absolute;
    top: 22px;
    left: 19px;
    width:15px;
    height:15px;
}
.relative
{
    position:relative;
}

.cart_button
{
    width:12px;
}

.cart_button:hover .icon_bottom
{
    opacity:1;
}

.cart_button:hover .icon_top
{
    opacity:0;
}

.icon_bottom
{
    opacity:0;
    z-index:99;
}

.icon_top
{
    z-index:100;
}



.line
{
    width:100%;
    height:min-content;
}

.form-control
{
    margin-top: 10px;
    border-style: none;
    color:rgb(180,180,180);
    border-width: 0px;
    padding:10px;
    text-transform: uppercase;
    width: 100%;
    max-width: 500px;
}

.form-control:focus
{
    outline: none;
}

.width100percent_max520px
{
    width: 100%;
    max-width: 520px;
    margin-top: 20px;
}

.height40
{
    height:40px;
}
.height100
{
    height:100px;
}

.height_min_content
{
    height:min-content
}

.width100
{
    width:100%;
}

.btn-primary
{
    text-transform: uppercase;
    border: none;
    color: rgb(180,180,180);
    padding: 12px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.btn-primary:hover
{
    cursor: pointer;
    background-color: var(--accent-color);
    color: black;
}


.position
{
    margin-top:20px;
    height: auto;
    width: auto; 
    padding: 10px 20px 10px 20px;
    font-size:11px;
}

.position:hover
{
    background-color: var(--accent-color);
    color: black;
}

.right_panel
{
    animation-duration: 1s; 
    animation-fill-mode: both; 
    width: 300px;
    height: 100%;
    position:fixed;
    top:0;
    right:0;
    z-index: 99999;
    background-color: rgb(0,0,0);
    transform: translate(300px, 0px);
    visibility: hidden;
}

.background2
{
    animation-duration: 1s; 
    animation-fill-mode: both; 
    width: 100vw;
    height:100vh; 
    position:fixed;
    top:0;
    right:0;
    z-index:99998;  
    background-color:rgba(0,0,0,0.8); 
    visibility: hidden;
}

.cross_right_panel
{
    border:none;
    position:fixed;
    z-index: 99999997;
    top:15px;
    right:15px;
    background-color:unset;

}

.cross_right_panel:hover
{
    cursor:pointer;
}

.cross_right_panel:hover .line1
{
    background-color: var(--accent-color)
}

.cross_right_panel:hover .line2
{
    background-color: var(--accent-color)
}

.line1
{
    position:fixed;
    z-index: 99999998;
    width:3px;
    height:20px;
    rotate: 45deg;
    background-color:white;

}

.line2
{
    position:fixed;
    z-index: 99999999;
    width:3px;
    height:20px;
    rotate: -45deg;
    background-color:white;
}

.button_right_menu
{
    margin-left:90px;
    margin-top:10px;
    text-transform: uppercase;
}

.h1_single_page
{
    text-transform: uppercase;
    font-size:30px; 
    margin-bottom:10px;
    margin-top:0; 
}

.h1_job
{
    text-transform: uppercase;
    font-size:30px; 
    margin-bottom:10px;
    margin:60px 0 0 0; 
}

.when_buy_h1
{
    margin:0 20px 20px 20px;
}

.buttons
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

.for_cart
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}

.p_zero_products
{
    margin: 16px 30px 16px 30px;
    text-align: center;
}

.icon_button
{
    position: relative;
    width: 50px;
    height: 50px;
    margin:0px 20px 50px 20px;
}
  
.icon_button img
{
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
}
  
.base_icon
{
    opacity: 1;
}
  
.hover_icon
{
    opacity: 0;
}

.icon_button:hover .base_icon
{
    opacity: 0;
}

.icon_button:hover .hover_icon
{
    opacity: 1;
}


@media only screen and (min-width: 3000px)
{
    .post_wrap
    {
    width: 25%;
    height: calc(14vw + 50px);
    }

    .cart_post_wrap
    {
        width: calc(25vw - 75px);
        height: calc(14vw + 20px);
    }
}

@media only screen and (max-width: 1300px)
{
    .cart_post_wrap
    {
        width:calc(100vw - 60px);
        height: calc(56vw + 30px);
        margin:0 0 30px 0;
    }
}
@media only screen and (max-width: 1000px)
{

    .half_horizontaly
    {
        width: calc(100% - 60px); 
    }

    .post_wrap
    {
        width: 100%;
        height: calc(56vw + 50px);
    }

    .button_header
    {
        display: none;
    }

    .hamburger-button
    {
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;

        padding-top:0;
        padding-bottom: 0;
        border: none;
        height: 100%;
        width: 60px;
        float:right;
    }

    .half_line
    {
        flex-direction:column;
    }

    .col_margin
    {
        margin-top:30px;
    }

    .line
    {
        align-items: start !important;
    }

    .col
    {   
        width:40vw;
    }

}

@media only screen and (max-width: 750px)
{

    .standart4
    {
        width: calc(100% - 80px);
        padding: 150px 40px 150px 40px;
    }

    .p
    {
        width:80vw;
        margin:0;
        line-height:30px;
    }

    .div_about
    {
        width:80vw;
    }
}

@media only screen and (max-width: 700px)
{
    .cart_post_wrap
    {
        height: calc(56vw + 80px);
    }
    .cart_remove_button
    {
        left:0;
        right:auto;
    }   
}

@media only screen and (max-width: 500px)
{
    .buttons
    {
        flex-direction:column;
    }
}