@font-face {
  font-family: 'Optima';
  src: url(../../paradise-fantasies/css/OPTIMA.TTF)format('truetype');
}

@font-face {
  font-family: 'Optima-Bold';
  src: url(../../paradise-fantasies/css/OPTIMA-bold.TTF)format('truetype');
}

html,body{margin:0; font-family: 'Optima';}
.content{color:#777;width:650px;margin:0 auto 10px;}
.slider-wrap {
  position: relative;
  width: 100%;
}
.slider {
  position: relative;
  width: 100%;
}
ul {
  margin: 0;
  padding:0;
}
ul li {
  list-style: none;
  text-align: center;
}
.slider img{
  margin: 0 auto;
  padding: 0 5px;
}
.slider p{
  color: white;
}
.menu_bar .bt-menu{
    background: #e75727!important;
}
.header nav {
    background: #e75727!important;
}
@media (min-width: 1500px){

  .content{margin:0 auto 20px;}
  .life-text-style{
    font-size: 1.1em;
  }

}
h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
p{margin:0 0 8px}
.cred{margin-top:20px;font-size:11px;}

/* This rule is read by Galleria to define the gallery height: */
#galleria{height:550px}


.clearfix{clear: both;}

.galleria-stage .galleria-image{height: 320px !important;}
.galleria-stage .galleria-image img{width: auto !important; height: 100% !important;top:0px !important;}

.clearfix{
  clear: both;
}


.linefoot{height: 1px;
  width: 100%;
  background: #8a5e00;}

  footer{
    width: 80%;
    margin: 0 auto;
    text-align: center;}
    h4{
      width: 20%;
      float: left;}

      h4 a{
        color: #8a5e00;
        text-decoration: none;}

        .footercopy{
          text-align: center;
          margin-top: 15px;
        }
        .footercopy p{
          color: #111;
          font-size: 12px;
        }

        h4 a:hover, .active{
          color: #000;}

          h7{
            width: 20%;
            float: left;
            margin-top: 1em;
            margin-bottom: 1.5em;
          }

          h7 a{
            color: #8a5e00;
            text-decoration: none;
            font-size: 16px;
            font-family: 'Optima-Bold' !important;}

            h7 a:hover, .active{
              color: #000;}

              footer{text-align: center;}

              .italic{font-style: italic;}
              .left{
                position: absolute;
                width: 220px;
                left: 10%;
                top: 7%;
                background: rgba(0,0,0,0.7);
                padding: 10px;
                text-align: center;
                color: #ccc;
                height: 481px;

              }

              footer .links{
                width: 80%;
                margin: 0 auto;
              }

              .left2{
                position: absolute;
                width: 250px;
                left: 8%;
                top: 13%;
                background: rgba(0,0,0,0.7);
                padding: 12px;
                text-align: center;
                color: #ccc;
                height: 531px;

              }
              .text-left p{
                font-size: 17px;
              }
              .life-text-style{
                font-size: 1em!important;
              }
              .logodraw{
                text-align: center;


              }

              .text-left h2{
                font-size: 1.4em;


              }

              .aboutbody{
                width: 80%;
                margin: 0 auto;
                padding-top: 3%;


              }
              .bigger{
                height: 36em !important;


              }
              .margtop{
                margin-top: 3.5em;


              }

              .half1 h5{
                width: 20%;
                margin: 3% 2.5% 0;
                float: left;
                font-size: 15px;
                color: #ccc;
                line-height: 1 !important;

              }

              .yellow{
                font-size: 1.3em;
                color: #fcdb00;
                font-style: normal;
                font-family: 'Optima-Bold';

              }
              .half1 h5 span{

                font-size: 16px;
                color: #fcdb00;
                line-height: 1 !important;
                height: 50px;
                display: block;

              }

              .half1 img{
                height: auto !important;
              }

              .galleria-thumbnails img{
                opacity: 1 !important;
                filter: alpha(opacity=100) !important;

              }

              .galleria-thumbnails .active img{
                opacity: 0.6 !important;
                filter: alpha(opacity=60) !important;

              }

              .galleria-thumbnails img:hover{
                opacity: 0.6 !important;
                filter: alpha(opacity=60) !important;

              }


              .form2{
                margin-top: 1.5em;


              }

              .aboutbody2{
                width: 80%;
                margin: 0 auto;
                padding-top: 1%;


              }

              .three1{
                background: rgba(0,0,0,0.7);
                text-align: center;
                padding: 1.5%;
                width: 30.33%;
                float: left;
                margin-bottom: 3%;
                height: 23em;
                color: #ccc;

              }

              h6{
                text-align: center;
                font-size: 2.5em;
                color: #fff;
                padding-bottom: 10px;
                padding-top: 28px;
                border-bottom: 2px solid #fff;
                width: 20%;
                margin: 0 auto;

              }

              .clients{
                width: 81%;
                margin: 10px auto;
              }
              .clients img{
                width: 100%;
                height: auto;
              }

              .clients a{
                width: 13%;
                margin: 0.63%;
                float: left;
                text-decoration: none;
                color: #000;
                font-size: 16px;
                text-align: center;
                font-family: 'Optima-Bold';
              }


              .black{
                color: #000;
              }


              .three2{
                text-align: center;
                padding: 1.5%;
                width: 30.33%;
                float: left;
                margin-bottom: 3%;
                height: 20em;

              }

              .three3{
                background: rgba(0,0,0,0.7);
                text-align: center;
                padding: 1.5%;
                width: 30.33%;
                float: left;
                margin-bottom: 3%;
                height: 23em;
                color: #ccc;

              }
              .three2 img{
                width: 60%;
                height: auto;

              }

              .half1{
                background: rgba(0,0,0,0.7);
                text-align: center;
                padding: 2%;
                width: 45%;
                margin-right: 2%;
                float: left;
                margin-bottom: 3%;
                height: 28em;

              }

              .half2{
                text-align: center !important;
                padding: 2%;
                width: 45%;
                float: left;
                background: rgba(0,0,0,0.7);
                margin-bottom: 3%;
                height: 28em;

              }

              .half2 p{
                text-align: justify;
                color: #ccc;
                font-size: 16px;

              }

              .half2 span{
                text-align: center;
                color: #fff;
                font-size: 1.4em;
                line-height: 1.5;

              }
              .half1 span{
                text-align: center;
                color: #fff;
                font-size: 1.6em;
                line-height: 2;

              }

              .titlec{
                text-align: center;
                color: #fff;
                font-size: 1.3em !important;
                line-height: 1.3 !important;

              }

              .titlec i{
                text-decoration: underline;
                font-style: normal;

              }

              .titlea{
                text-align: center;
                color: #fff;
                font-size: 16px !important ;
                line-height: 1.3 !important;
              }

              .titleaa{
                text-align: center;
                color: #fff;
                font-size: 20px !important ;
                line-height: 1.5 !important;
              }
              .centered{
                text-align: center !important;

              }


              .scroll {
                width: 42%;
                padding: 3%;
                background: #111;
                border-radius:10px;
                color: #f5f5f5 !important;
                font-size: 13px;
                overflow-y: scroll;
                overflow-x: hidden;
                margin: 0 1%;
                height:180px;
                float: left;
              }
              /*
              .scroll ::-webkit-scrollbar
              {
              width: 8px;
              height: 8px;
            }

            .scroll ::-webkit-scrollbar-track
            {
            background: rgba(255, 255, 255, 0.1);
          }

          .scroll ::-webkit-scrollbar-thumb
          {
          background: rgba(255, 255, 255, 0.5);
        }
        */

        label{
          color: #fff;
          font-size: 1.2em;
          padding: 5px;
          width: 30%;
          float: left;
          margin: 5px 0;
          text-align: left;

        }

        input{
          color: #000;
          font-size: 1.1em;
          padding: 5px;
          border-radius: 5px;
          width: 65%;
          float: left;
          outline: none;
          box-shadow: none;
          border-color: transparent;
          margin: 6px 0;
        }

        textarea{
          color: #000;
          font-size: 1.1em;
          padding: 5px;
          border-radius: 5px;
          width: 65%;
          float: left;
          outline: none;
          box-shadow: none;
          border-color: transparent;
          margin: 6px 0;
          height: 3.5em;
        }

        button{
          color: #fff;
          font-size: 1em;
          padding: 5px 12px;
          border-radius: 5px;
          float: right;
          outline: none;
          box-shadow: none;
          border-color: transparent;
          margin-top: 15px;
          background: #0367aa;
          cursor: pointer;
        }

        button:hover{
          background: #000;
        }


        .violet {
          background: url(../../imgs/bg.png) #630a30;
          background-repeat: repeat;
        }

        .violet a:hover{
          color: #eed575 !important;
        }

        .violet a{
          color: #fff !important;
        }

        .bg{
          width: 100%;
          height: -webkit-fill-available;
          z-index: -999;


        }


        .bg3{
          width: 85%;
          height: auto;
          margin-left: 2%;
        }

        .fixed{
          position: fixed;
          z-index: -999;
          margin-top: -45px;
        }

        h2, span{
          font-family: 'Optima-Bold';
          color: #fff;

        }

        h2{
          margin: 8px 0;

        }
        .fot-text-white {
          font-size: 1.5em;
          color: white!important;
        }
        .zoomanima{
          transition: all .2s ease-in-out;
        }
        .zoomanima:hover{
          transform: scale(1.1);
        }
        .left img, .right img {
          width: 100%;
          height: auto;}

          .left2 img, .right2 img {
            width: 100%;
            height: auto;}

            .btn {
              width: 95% !important;
              margin: 0 auto;
              height: auto;}

              .right{
                position: absolute;
                width: 220px;
                right: 10%;
                top: 7%;
                background: rgba(0,0,0,0.7);
                padding: 10px;
                text-align: center;
                color: #ccc;
                height: 481px;}

                .right2{
                  position: absolute;
                  width: 250px;
                  right: 8%;
                  top: 13%;
                  background: rgba(0,0,0,0.7);
                  padding: 12px;
                  text-align: center;
                  color: #ccc;
                  height: 531px;
                }

                .letterh2{
                  font-size: 1em !important;}

                  @media (max-width:1419px){
                    .paddmob{
                      padding-top: 0 !important;}
                      .paddmob2{
                        padding-top: 0 !important;}
                      }

                      @media (min-width:1420px){
                        body{
                          padding-top: 40px;}
                          footer{
                            margin-top: 5px;}
                            .nomargt{
                              margin-top: 10px !important}

                              .paddviolet{
                                padding-top: 10%;}
                                .left2, .right2{
                                  top: 13% !important}
                                  .aboutbody{
                                    padding-top: 8%;}
                                    .half1 span{
                                      display:none;}

                                      .paddmob{
                                        padding-top: 8%;}
                                        .paddmob2{
                                          padding-top: 5% !important;}

                                        }

                                        @media (min-width:1600px){

                                          footer{
                                            margin-top: 60px}

                                            .nomargt{
                                              margin-top: 40px !important}
                                              .paddmob{
                                                padding-top: 10%;}
                                                .paddmob2{
                                                  padding-top: 8%;}


                                                }