.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
    padding-bottom: 0px;
}


.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}


.div1_links
{
      color:white;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 16px;
    font-weight: 400;
}

.logoimg
{
 margin-left: 30%;   
}

.navbarelements
{
 padding-top: 1%;   
}

.images5
{
    width:100%;
     
    background-color:#111111 ;    

}



.flip
{
    width:20%;
    height:638px;
    float:left;
     
    background-color:#111111 ;    
    
}
.flip > .front
{
    position: absolute;
    backface-visibility: hidden;
    overflow: hidden;
    width:20%;
    height:636px;
    
    transform:perspective(600px) rotateY(0deg);
    -moz-transform:perspective(600px) rotateY(0deg);
    -webkit- transform:perspective(600px) rotateY(0deg);
    
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
    transition: transform .5s linear 0s;
  
}

.flip > .back
{
    position: absolute;
    backface-visibility: hidden;
  overflow: hidden;
    width:20%;
    height:636px;
    
    
    transform:perspective(600px) rotateY(180deg);
    -moz-transform:perspective(600px) rotateY(180deg);
    -webkit- transform:perspective(600px) rotateY(180deg);
   
    transition: transform .5s linear 0s;
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
}

.flip:hover .front
{
     transform:perspective(600px) rotateY(-180deg);
    -moz-transform:perspective(600px) rotateY(-180deg);
    -webkit-transform:perspective(600px) rotateY(-180deg);
}

.flip:hover .back
{
     transform:perspective(600px) rotateY(0deg);
     -moz-transform:perspective(600px) rotateY(0deg);
     -webkit-transform:perspective(600px) rotateY(0deg);
    
}

.flip1
{
    width:20%;
    height:636px;
    float:left;
    background-color:#111111 ;    
}

.flip1 > .front
{
    position: absolute;
    backface-visibility: hidden;
    overflow: hidden;
    width:20%;
    
    transform:perspective(600px) rotateY(0deg);
    -moz-transform:perspective(600px) rotateY(0deg);
    -webkit- transform:perspective(600px) rotateY(0deg);
    
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
    transition: transform .5s linear 0s;
  
}

.flip1 > .back
{
    position: absolute;
    backface-visibility: hidden;
  overflow: hidden;
    width:20%;
    
    
    transform:perspective(600px) rotateY(180deg);
    -moz-transform:perspective(600px) rotateY(180deg);
    -webkit- transform:perspective(600px) rotateY(180deg);
   
    transition: transform .5s linear 0s;
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
}

.flip1:hover .front
{
     transform:perspective(600px) rotateY(-180deg);
    -moz-transform:perspective(600px) rotateY(-180deg);
    -webkit-transform:perspective(600px) rotateY(-180deg);
}

.flip1:hover .back
{
     transform:perspective(600px) rotateY(0deg);
     -moz-transform:perspective(600px) rotateY(0deg);
     -webkit-transform:perspective(600px) rotateY(0deg);
    
}


.flip2
{
    width:20%;
    height:636px;
    float:left;
    background-color:#111111 ;        
}
.flip2 > .front
{
    position: absolute;
    backface-visibility: hidden;
    overflow: hidden;
    width:20%;
    height:636px;
    
    transform:perspective(600px) rotateY(0deg);
    -moz-transform:perspective(600px) rotateY(0deg);
    -webkit- transform:perspective(600px) rotateY(0deg);
    
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
    transition: transform .5s linear 0s;
  
}

.flip2 > .back
{
    position: absolute;
    backface-visibility: hidden;
  overflow: hidden;
    width:20%;
    height:636px;
    
    
    transform:perspective(600px) rotateY(180deg);
    -moz-transform:perspective(600px) rotateY(180deg);
    -webkit- transform:perspective(600px) rotateY(180deg);
   
    transition: transform .5s linear 0s;
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
}

.flip2:hover .front
{
     transform:perspective(600px) rotateY(-180deg);
    -moz-transform:perspective(600px) rotateY(-180deg);
    -webkit-transform:perspective(600px) rotateY(-180deg);
}

.flip2:hover .back
{
     transform:perspective(600px) rotateY(0deg);
     -moz-transform:perspective(600px) rotateY(0deg);
     -webkit-transform:perspective(600px) rotateY(0deg);
    
}




.flip3
{
    width:20%;
    float:left;
    height: 636px;
    background-color:#111111 ;        
}
.flip3 > .front
{
    position: absolute;
    backface-visibility: hidden;
    overflow: hidden; 
    width:20%;
    
    transform:perspective(600px) rotateY(0deg);
    -moz-transform:perspective(600px) rotateY(0deg);
    -webkit- transform:perspective(600px) rotateY(0deg);
    
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
    transition: transform .5s linear 0s;
  
}

.flip3 > .back
{
    position: absolute;
    backface-visibility: hidden;
  overflow: hidden;
    width:20%;
    
    
    transform:perspective(600px) rotateY(180deg);
    -moz-transform:perspective(600px) rotateY(180deg);
    -webkit- transform:perspective(600px) rotateY(180deg);
   
    transition: transform .5s linear 0s;
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
}

.flip3:hover .front
{
     transform:perspective(600px) rotateY(-180deg);
    -moz-transform:perspective(600px) rotateY(-180deg);
    -webkit-transform:perspective(600px) rotateY(-180deg);
}

.flip3:hover .back
{
     transform:perspective(600px) rotateY(0deg);
     -moz-transform:perspective(600px) rotateY(0deg);
     -webkit-transform:perspective(600px) rotateY(0deg);
    
}



.flip4
{
    width:20%;
    float:left;
    height: 636px;
    background-color:#111111 ;    
}
.flip4 > .front
{
    position: absolute;
    backface-visibility: hidden;
    overflow: hidden;
    width:20%;
 
    
    transform:perspective(600px) rotateY(0deg);
    -moz-transform:perspective(600px) rotateY(0deg);
    -webkit- transform:perspective(600px) rotateY(0deg);
    
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
    transition: transform .5s linear 0s;
  
}

.flip4 > .back
{
    position: absolute;
    backface-visibility: hidden;
  overflow: hidden;
    width:20%;

    
    
    transform:perspective(600px) rotateY(180deg);
    -moz-transform:perspective(600px) rotateY(180deg);
    -webkit- transform:perspective(600px) rotateY(180deg);
   
    transition: transform .5s linear 0s;
    -moz-transition: transform .5s linear 0s;
    -webkit-transition: transform .5s linear 0s;
}

.flip4:hover .front
{
     transform:perspective(600px) rotateY(-180deg);
    -moz-transform:perspective(600px) rotateY(-180deg);
    -webkit-transform:perspective(600px) rotateY(-180deg);
}

.flip4:hover .back
{
     transform:perspective(600px) rotateY(0deg);
     -moz-transform:perspective(600px) rotateY(0deg);
     -webkit-transform:perspective(600px) rotateY(0deg);
    
}

@media (max-width: 1200px) {
 .flip1
{
height:560px;
}
     .flip2
{
height:560px;
}
     .flip3
{
height:560px;
}
     .flip4
{
height:560px;
}
     .flip
{
height:560px;
}
}


@media (max-width: 1124px) {
 .flip1
{
height:525px;
}
     .flip2
{
height:525px;
}
     .flip3
{
height:525px;
}
     .flip4
{
height:525px;
}
     .flip
{
height:525px;
}
}


@media (max-width: 1000px) {
 .flip1
{
height:467px;
}
     .flip2
{
height:467px;
}
     .flip3
{
height:467px;
}
     .flip4
{
height:467px;
}
     .flip
{
height:467px;
}
}

@media (max-width: 900px) {
 .flip1
{
height:420px;
}
     .flip2
{
height:420px;
}
     .flip3
{
height:420px;
}
     .flip4
{
height:420px;
}
     .flip
{
height:420px;
}
}


@media (max-width: 800px) {
 .flip1
{
height:373px;
}
     .flip2
{
height:373px;
}
     .flip3
{
height:373px;
}
     .flip4
{
height:373px;
}
     .flip
{
height:373px;
}
}


@media (max-width: 700px) {
 .flip1
{
height:327px;
}
     .flip2
{
height:327px;
}
     .flip3
{
height:327px;
}
     .flip4
{
height:327px;
}
     .flip
{
height:327px;
}
}

@media (max-width: 600px) {
 .flip1
{
height:280px;
}
     .flip2
{
height:280px;
}
     .flip3
{
height:280px;
}
     .flip4
{
height:280px;
}
     .flip
{
height:280px;
}
}

@media (max-width: 500px) {
 .flip1
{
height:233px;
}
     .flip2
{
height:233px;
}
     .flip3
{
height:233px;
}
     .flip4
{
height:233px;
}
     .flip
{
height:233px;
}
}

@media (max-width: 400px) {
 .flip1
{
height:186px;
}
     .flip2
{
height:186px;
}
     .flip3
{
height:186px;
}
     .flip4
{
height:186px;
}
     .flip
{
height:186px;
}
}

@media (max-width: 300px) {
 .flip1
{
height:140px;
}
     .flip2
{
height:140px;
}
     .flip3
{
height:140px;
}
     .flip4
{
height:140px;
}
     .flip
{
height:140px;
}
}

@media (max-width: 200px) {
 .flip1
{
height:93px;
}
     .flip2
{
height:93px;
}
     .flip3
{
height:93px;
}
     .flip4
{
height:93px;
}
     .flip
{
height:93px;
}
}


@media (max-width: 100px) {
 .flip1
{
height:50px;
}
     .flip2
{
height:50px;
}
     .flip3
{
height:50px;
}
     .flip4
{
height:50px;
}
     .flip
{
height:50px;
}
}




.gallerytext
{
    
     color:#ed1c24;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 28px;
    font-weight: 400;
}

.viewallbtn
{
   color:#ed1c24;
    text-decoration: none;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 24px;
    font-weight: 400; 
    border: solid 2px #ed1c24;
    padding-bottom:5px ;
    padding-top:5px; 
    
}

.col-xs-2 a {
    text-decoration: none;
}



.nopadding {
   padding: 2px !important;
   margin: 0 !important;
overflow: hidden;

}

.nopadding img:hover
{
  
     webkit-transform:rotate(5deg);
     -moz-transform:rotate(5deg);
-transform:rotate(5deg);
}


.divservices
{
      background-color:#111111 ;    
}
.servicestext
{
   
     color:white;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 28px;
    font-weight: 400;   
}

.roundimg
{
 border-radius: 120px;   
     opacity: .9;
        transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-moz-transition:opacity .2s;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.roundimgtext
{
    color:white;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 22px;
    font-weight: 400;   
    
}

.roundimg:hover
{
        opacity: 1;   
    -moz-transform:scale(1.10);
   -webkit-transform:scale(1.10);
    transform:scale(1.10);
}

.divabout
{
    
     background-color:#f26c4f ;   
}

.abouttext
{
         color:white;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 28px;
    font-weight: 400;  
}

.viewallbtn2
{
       color:#e8aba1;
    text-decoration: none;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 24px;
    font-weight: 400; 
    border: solid 2px #e8aba1;
    padding-bottom:5px ;
    padding-top:5px; 
}


.viewallbtn2:hover
{
    
      color:white;
      border: solid 2px white;
}

 .css-input 
 { border-style:solid; 
 font-size:24px; 
 padding:18px; 
 text-align:center; 
 border-radius:0px;
 border-width:0px; 
 background-color:#e74c3c; 
 border-color:#524e52; 
 color:#ffffff; 
 box-shadow: -1px -2px 11px 0px rgba(42,42,42,.50); 
 text-shadow:0px 0px 4px rgba(42,42,42,.77); 
 }

 .css-input2 
 { border-style:solid; 
 font-size:24px; 
 padding:18px; 
 text-align:center; 
 border-radius:0px;
 border-width:0px; 
 background-color:#FFFFFF; 
 border-color:#524e52; 
 color:#e74c3c; 
 box-shadow: -1px -2px 11px 0px rgba(42,42,42,.50); 
 }

 .css-input3
 { 
     width: 600px;
border-style:solid; 
 font-size:24px; 
 padding:30px; 
 text-align:center; 
 border-radius:0px;
 border-width:0px; 
 background-color:#FFFFFF; 
 border-color:#524e52; 
 color:#e74c3c; 
 box-shadow: -1px -2px 11px 0px rgba(42,42,42,.50); 
 }

@media (max-width: 1000px) {

 .css-input3
 { 
     width: 300px;

 }
 .css-input 
 { 
 font-size:20px; 

 }

 .css-input2 
 {
 font-size:20px; 

 }

 .css-inp
}

 .css-input4
 { 
     width: 300px;
border-style:solid; 
 font-size:24px; 
 padding:15px; 
 text-align:center; 
 border-radius:0px;
 border-width:1px; 
 background-color:#252525; 
 border-color:white; 
 color:white; 
 box-shadow: -1px -2px 11px 0px rgba(42,42,42,.50); 
 }
 
@media (max-width: 1000px) {

 .css-input4
 { 
     width: 300px;

 }
}


.css-input:focus 
{
 outline:none; 
 } 

.enqiury
{
 background-image: url(../images/BGENQ.png);   
}

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
} 

.nextenquiry
{
     background-image: url(../images/likeus.png);  
    background-color: #a92b29;
}

.contact
{
   background-color:#ebebeb; 
}

.phoneno
{
   color:black;
    text-align: center;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 28px;
    font-weight: 400;    
}

.phonenox
{
   color:black;
    text-align: center;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 24px;
    font-weight: 400;    
}

.email
{
    background-color:#252525; 
}

.phonenoy
{
   color:white;
    text-align: left;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 24px;
    font-weight: 400;    
}


.phonenoz
{
   color:white;
    text-align: right;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 20px;
    font-weight: 400;    
}

.phonenocodehex
{
     color:white;
    text-align: center;
    font-family: "Segoe UI Light",
                "Segoe WPC","Segoe UI",
                 Helvetica, Arial, 
                "Arial Unicode MS", 
                Sans-Serif;
  
    font-size: 16px;
    font-weight: 400;   
}

@media (max-width: 800px) {
.phonenoz
{
    text-align: center;
      
}

.phonenocodehex
{
 
    text-align: center;

}
    .phonenoy
{

    text-align: center;

}

}