body {
  margin: 0; }

#attach {
  height: 600px;
  width: 100%; }

#gallry {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 5; }
  #gallry #slides {
    height: 100%; }
    #gallry #slides .slide {
      width: 100%;
      height: inherit;
      margin: 0;
      position: absolute;
      top: 0;
      left: 100%;
      display: none; }
  #gallry .paddle-nav {
    position: absolute;
    z-index: 10;
    top: 40%;
    height: 15%;
    width: 100%;
    display: -webkit-flex;
    display: flex; }
    #gallry .paddle-nav a {
      display: block;
      height: 100%; }
      #gallry .paddle-nav a.right {
        margin-left: auto; }
      #gallry .paddle-nav a .paddle {
        height: 100%;
        width: 4em;
        margin: 0 1em;
        overflow: hidden;
        content: "";
        display: block; }
        #gallry .paddle-nav a .paddle:hover::before {
          border-color: #444; }
        #gallry .paddle-nav a .paddle::before {
          border-style: solid;
          border-color: #444;
          border-width: .25em .25em 0 0;
          content: "";
          display: inline-block;
          height: 4em;
          box-sizing: border-box;
          position: relative;
          transform: rotate(-45deg);
          width: 4em;
          vertical-align: top;
          top: .8em;
          -webkit-transition: 0.3s all ease-in-out;
          transition: 0.3s all ease-in-out; }
        #gallry .paddle-nav a .paddle.paddle-right::before {
          float: right;
          right: 32px;
          transform: rotate(45deg); }
        #gallry .paddle-nav a .paddle.paddle-left::before {
          transform: rotate(-135deg);
          left: 32px; }
        @media only screen and (max-width: 767px) {
          #gallry .paddle-nav a .paddle::before {
            height: 2em;
            width: 2em; } }
  #gallry .dotnav {
    position: absolute;
    width: 100%;
    bottom: 1em;
    z-index: 12; }
    #gallry .dotnav ul {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center; }
      #gallry .dotnav ul li {
        display: inline-block;
        height: .75em;
        width: .75em;
        margin: 0 10px;
        border: 2px solid white;
        border-radius: 50%;
        box-shadow: 1px 2px 10px #222;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out; }
        #gallry .dotnav ul li:hover {
          cursor: pointer;
          border: 2px solid #333; }
        #gallry .dotnav ul li.active {
          border: 2px solid #333; }

/*# sourceMappingURL=gallry.css.map */