.side_bar{
  y-index:-9999;
  position:fixed;
  padding-top: 10px;
  float: left;
}
.social {
  float:left;
  width: 250px;
  height: auto;
  position: fixed;
  margin-top: 100px;
  perspective: 1000px;
  right:-167px;
  border-radius: 10px;
}
.social li{
  list-style-type: none;
  padding:1px;
}

.social li a {
  display: block;
  height: 50px;
  width: 85px;
  background: #382770;

  font: normal normal normal
  16px/20px
  'FontAwesome', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  transition: background .5s ease .300ms
}

.social li:first-child a:hover { background: #3b5998 }
.social li:nth-child(2) a:hover { background: #00acee }
.social li:nth-child(3) a:hover { background: #ea4c89 }
.social li:nth-child(4) a:hover { background: #dd4b39 }
.social li:nth-child(5) a:hover { background: #00acee }
.social li:nth-child(6) a:hover { background: #00acee }
.social li:nth-child(7) a:hover { background: #ea4c89 }


.social li:first-child a { border-radius: 0 5px 0 0 }
.social li:last-child a { border-radius: 0 0 5px 0 }

.social li a span {
  width: 100%;
  float: right;
  text-align: center;
  background: #382770;
  color: #fff;
  margin: -25px 115px;
  padding: 30px;
  transform-origin: 0;
  visibility: hidden;
  opacity: 0;
  transform: rotateY(45deg);
  border-radius: 5px;
  transition: all .5s ease .300ms
}

/*.social li span:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  top: 7px;
  border-left: 10px solid transparent;
  border-right: 10px solid #222;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}*/

.social li a:hover span {
  visibility: visible;
  opacity: 1;
  transform: rotateY(0)
}



/* Call Form Design */

#skyslider{
  width:500px;
  top:260px;
  position:fixed;
  background-color: #ffffff;
  z-index:9999;
}

#skyheader{
  width:345px;
  height:520px;
  position:absolute;
  right:0px;
  border:1px solid #d8d8d8;
  margin-left:40px;
  padding:20px 40px;
  border-radius:3px;
  box-shadow: 0 0 8px gray;
  background-color: #ffffff;
}


#skysidebar{
  position:absolute;
  top:180px;
  left:113px;

}

#skysidebar1{
  position:absolute;
  top:180px;
  left:113px;

}
input[type=number]{
  margin-top: 10px;
  padding:6px;
  width:100%;
  font-size:15px;
  border-radius:2px;
  border:1px solid #382770;
}
input[type=text]{
  margin-top: 10px;
  padding:6px;
  width:96%;
  font-size:15px;
  border-radius:2px;
  border:1px solid #382770;
}

input[type=email]{
  margin-top: 10px;
  padding:6px;
  width:96%;
  font-size:15px;
  border-radius:2px;
  border:1px solid #382770;
}

.demoInputBox{
  margin-top: 10px;
  padding:6px;
  width:96%;
  font-size:15px;
  border-radius:2px;
  border:1px solid #382770;
}

div#title{
  position:absolute;
  top:300px;
  left:650px;
  }

.sel_ect{
  padding:8px;
  width:100%;
  font-size:15px;
  border-radius:2px;
  border:1px solid #382770;
}
.skybutton{
  background: #382770;
    border: none;
    color: #fff;
    margin: 0px;
    width: 45%;
    font-size: 22px;
    font-weight: bolder;
    padding: 8px 0 8px 0px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 25px;
    margin-left: 100px;
}


/* The Modal (background) */
.skymodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */

}

/* Modal Content */
/*.modal-content {
    background-color: #fefefe;
    margin: auto;
    height:500px;
    border: 1px solid #888;
    width: 60%;
    border: 10px solid #382770;
    border-radius:15px;
}*/

.bo_line{
    border-bottom: 1px solid #382770;
}
.mod_center{
    height:200px;
}
.redirect{
    margin:10%;
    width:80%;
    background-color: #382770;
    color:#ffffff;
    border-radius: 0px;
    height:50px;
}
.redirect a{
    text-decoration: none;
    font-size: 20px;
    color:#ffffff;
}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 50px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.call_us{
  text-align: center;
  font-family:ubuntu;

}

/*Modal css */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 110px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    border-radius: 5px;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
}
.modal-content1 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 26%;
    height:710px;
}


/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* call us end */
.required {
    color:#e9266d
}
#success, #error {
    display:none
}
#success span, #error span {
    display: block;
    position: absolute;
    /* float: right; */
    /* width: 25%; */
    right: 22px;
    width: 1455px;
}
#success span p, #error span p {
    /*margin-top:6em*/
}
#success span p {
    color:#9bd32d;
    text-align:center;
}
#error span p {
    color:#c0392b
}

.required {
    color:#e9266d
}
#success, #error {
    display:none
}
#success span, #error span {
    display: block;
    position: absolute;
    /* float: right; */
    /* width: 25%; */
    right: 22px;
    width: 1455px;
}
#success span p, #error span p {
    /*margin-top:6em*/
}
#success span p {
    color:#9bd32d;
    text-align:center;
}
#error span p {
    color:#c0392b
}

/* enquiry modal Css */

#frmContact {padding:10px;}
#frmContact div{margin-bottom: 15px}
#frmContact div label{margin-left: 5px}
.demoInputBox{padding:10px; border:#382770 1px solid; border-radius:4px;}
.error{background-color: #FF6600;border:#ffffff 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.info{font-size:.8em;color: #FF6600;letter-spacing:2px;padding-left:5px;}
.btnAction{background-color:#382770;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}

/* enq end */
@media screen and (min-width: 480px) {

.model-content{
  background-color: #fefefe;
    margin: auto;
    padding: 20px;
    margin-right: 105px;
    border: 1px solid #888;
    width: 70%;
}
}
@media screen and (max-width: 480px)
{
.modal-content1{
background-color: #fefefe;
    margin: auto;
    /* padding: 20px; */
    border: 1px solid #888;
    width: 95%;
    height: 720px;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 110px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    border-radius: 5px;
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 95%;
}
.social {
    float: right;
    width: 210px;
    height: auto;
    position: fixed;
    margin-top: 100px;
    perspective: 1000px;
    right: -125px;
    border-radius: 10px;
}
}