body
{
background:#EAEAEA;
}

.container {
   
    width: 100%;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    
    margin-top: 140px;
    margin-bottom: 40px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  
    height: 100%;}
    /*
.dropdown-menu .divider {
 background-color: #5a2d92;
}*/
    .dropdown-menu .divider {
    margin: 0px;
    background-color: #5a2d92;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}
.navbar {
    min-height: 30px;
}
.navbar-brand {
    
    height: 30px;
    font-size: 18px;
    line-height: 17px;
    }
.navbar-inverse .navbar-brand {
    color: #FFF;
}
.navbar-inverse .navbar-brand span{
 color: #5a2d92;
}
.navbar-inverse .arab h3{
 color: #5a2d92;
 display: inline;
 line-height: 45px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse {
    background-color: #ed6325;
    border-color: #5a2d92;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #5a2d92;
    margin: 2px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #5a2d92;
}
.dropdown-menu {
 background-color: #ed6325;
}

.dropdown-menu>li>a{
 color: #fff;
}
.dropdown-menu>li>a:hover{
   background-color: #5a2d92;
   color: #fff;
   transition: 0.6s ease;

}
.navbar-inverse .navbar-nav>li>a:hover
{
    margin:3px;
    transition: 0.6s ease;
    background-color: #5a2d92;
    color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #5a2d92;
       background-color: #5a2d92;

}
.navbar-inverse .navbar-toggle:hover{
   background-color: #5a2d92;
}
.col-xs-offset-5 {
    margin-left: 43.666667%;
}

 .box h2{
    text-decoration: underline;
    color: #ed6325;
}
h6 a {
    color: #5a2d92;
    font-size: 20px;}
    h6 a:hover{
    color: #ed6325;}
.line{
    width:150px;
     margin-bottom: 20px;
    height: 1px;
    background-color:#ed6325;
}

.slideshow,.slideshow-1,.slideshow-2,.slideshow-3,.slideshow-4,.slideshow-5,.slideshow-6,.slideshow-7,.slideshow-8,.slideshow-9,.slideshow-10,.slideshow-11,.slideshow-12,.slideshow-13,.slideshow-14,.slideshow-15,.slideshow-16,.slideshow-17,.slideshow-18
{
 position: absolute;
 top: 525px;
  left: 465px;
  margin:0 auto;
  heigth:700px;
  box-sizing: border-box;
}
.slideshow-18{top: 6700px;}
.slideshow-17{top: 6380px;}
.slideshow-16{top: 6060px;}
.slideshow-15{top: 5705px;}
.slideshow-14{top: 5355px;}
.slideshow-13{top: 865px;}
.slideshow-1{top: 1225px;}
.slideshow-2{top: 1565px;}
.slideshow-3{top: 1915px;}
.slideshow-4{top: 2270px;}
.slideshow-5{top: 2615px;}
.slideshow-6{top: 2970px;}
.slideshow-7{top: 3330px;}
.slideshow-8{top: 3660px;}
.slideshow-9{top: 4000px;}
.slideshow-10{top: 4380px;}
.slideshow-11{top: 4705px}
.slideshow-12{top: 5055px;
margin-bottom: 260px}


.content
{
  margin: auto;
  width: 150px;
  perspective: 1000px;
  padding: 80px;
}
.content-carrousel ,.content-carrousel-1,.content-carrousel-2 ,.content-carrousel-3,.content-carrousel-4,.content-carrousel-5,.content-carrousel-6,.content-carrousel-7,.content-carrousel-8,.content-carrousel-9,.content-carrousel-10,.content-carrousel-11,.content-carrousel-12,.content-carrousel-13,.content-carrousel-14,.content-carrousel-15,.content-carrousel-16,.content-carrousel-17,.content-carrousel-18
{
  width: 270px;
  position: absolute;
  float: right;
  animation: rotar 15s infinite linear;
  transform-style: preserve-3d;
}
.content-carrousel:hover ,.content-carrousel-1:hover,.content-carrousel-2:hover,.content-carrousel-3:hover,.content-carrousel-4:hover,.content-carrousel-5:hover,.content-carrousel-6:hover,.content-carrousel-7:hover,.content-carrousel-8:hover,.content-carrousel-9:hover,.content-carrousel-10:hover,.content-carrousel-11:hover,.content-carrousel-12:hover,.content-carrousel-13:hover,.content-carrousel-14:hover,.content-carrousel-15:hover,.content-carrousel-16:hover,.content-carrousel-17:hover,.content-carrousel-18:hover
{
  animation-play-state:paused;
  cursor: pointer;
}
.contact-carrousel figure ,.contact-carrousel-1 figure,.contact-carrousel-2 figure,.contact-carrousel-3 figure,.contact-carrousel-4 figure,.contact-carrousel-5 figure,.contact-carrousel-6 figure,.contact-carrousel-7 figure,.contact-carrousel-8 figure,.contact-carrousel-9 figure,.contact-carrousel-10 figure,.contact-carrousel-11 figure,.contact-carrousel-12 figure,.contact-carrousel-13 figure,.contact-carrousel-14 figure,.contact-carrousel-15 figure,.contact-carrousel-16 figure,.contact-carrousel-17 figure,.contact-carrousel-18 figure
{
  width: 100%;
  height: 120px;
  border: 1px solid #4d444d;
  overflow: hidden;
  position: absolute;
}
.content-carrousel figure:nth-child(1),.content-carrousel-17 figure:nth-child(1),.content-carrousel-18 figure:nth-child(1)
{
  transform: rotateY(90deg) translateZ(300px);
}
.content-carrousel figure:nth-child(2),.content-carrousel-17 figure:nth-child(2),.content-carrousel-18 figure:nth-child(2)
{
  transform: rotateY(180deg) translateZ(300px);
}
.content-carrousel figure:nth-child(3),.content-carrousel-17 figure:nth-child(3),.content-carrousel-18 figure:nth-child(3)
{
  transform: rotateY(270deg) translateZ(300px);
}
.content-carrousel figure:nth-child(4),.content-carrousel-17 figure:nth-child(4),.content-carrousel-18 figure:nth-child(4)
{
  transform: rotateY(3600deg) translateZ(300px);
}



.content-carrousel-13 figure:nth-child(1)
{
  transform: rotateY(51deg) translateZ(300px);
}
.content-carrousel-13 figure:nth-child(2)
{
  transform: rotateY(102deg) translateZ(300px);
}
.content-carrousel-13 figure:nth-child(3)
{
  transform: rotateY(153deg) translateZ(300px);
}
.content-carrousel-13 figure:nth-child(4)
{
  transform: rotateY(204deg) translateZ(300px);
}
.content-carrousel-13 figure:nth-child(5)
{
  transform: rotateY(255deg) translateZ(300px);
}
.content-carrousel-13 figure:nth-child(6)
{
  transform: rotateY(306deg) translateZ(300px);
}
.content-carrousel-13 figure:nth-child(7)
{
  transform: rotateY(360deg) translateZ(300px);
}




.content-carrousel-1 figure:nth-child(1),.content-carrousel-2 figure:nth-child(1),.content-carrousel-3 figure:nth-child(1),.content-carrousel-6 figure:nth-child(1),.content-carrousel-16 figure:nth-child(1)
{
  transform: rotateY(72deg) translateZ(300px);
}
.content-carrousel-1 figure:nth-child(2),.content-carrousel-2 figure:nth-child(2),.content-carrousel-3 figure:nth-child(2),.content-carrousel-6 figure:nth-child(2),.content-carrousel-16 figure:nth-child(2)
{
  transform: rotateY(144deg) translateZ(300px);
}
.content-carrousel-1 figure:nth-child(3),.content-carrousel-2 figure:nth-child(3),.content-carrousel-3 figure:nth-child(3),.content-carrousel-6 figure:nth-child(3),.content-carrousel-16 figure:nth-child(3)
{
  transform: rotateY(216deg) translateZ(300px);
}
.content-carrousel-1 figure:nth-child(4),.content-carrousel-2 figure:nth-child(4),.content-carrousel-3 figure:nth-child(4),.content-carrousel-6 figure:nth-child(4),.content-carrousel-16 figure:nth-child(4)
{
  transform: rotateY(288deg) translateZ(300px);
}
.content-carrousel-1 figure:nth-child(5),.content-carrousel-2 figure:nth-child(5),.content-carrousel-3 figure:nth-child(5),.content-carrousel-6 figure:nth-child(5),.content-carrousel-16 figure:nth-child(5)
{
  transform: rotateY(360deg) translateZ(300px);
}






.content-carrousel-4 figure:nth-child(1),.content-carrousel-7 figure:nth-child(1),.content-carrousel-12 figure:nth-child(1)
{
  transform: rotateY(120deg) translateZ(300px);
}
.content-carrousel-4 figure:nth-child(2),.content-carrousel-7 figure:nth-child(2),.content-carrousel-12 figure:nth-child(2)
{
  transform: rotateY(240deg) translateZ(300px);
}
.content-carrousel-4 figure:nth-child(3),.content-carrousel-7 figure:nth-child(3),.content-carrousel-12 figure:nth-child(3)

{
  transform: rotateY(360deg) translateZ(300px);
}




.content-carrousel-5 figure:nth-child(1),.content-carrousel-8 figure:nth-child(1),.content-carrousel-9 figure:nth-child(1),.content-carrousel-10 figure:nth-child(1),.content-carrousel-11 figure:nth-child(1),.content-carrousel-14 figure:nth-child(1),.content-carrousel-15 figure:nth-child(1)
{
   transform: rotateY(180deg) translateZ(300px);
}
.content-carrousel-5 figure:nth-child(2).content-carrousel-8 figure:nth-child(2),.content-carrousel-9 figure:nth-child(2),.content-carrousel-10 figure:nth-child(2),.content-carrousel-11 figure:nth-child(2),.content-carrousel-14 figure:nth-child(2),.content-carrousel-15 figure:nth-child(2)
{
 transform: rotateY(360deg) translateZ(300px);
}



.shadow
{
  position: absolute;
  box-shadow: 0px 0px 0px 0px;
  border-radius: 2pxx;
}
.content-carrousel img , .content-carrousel-1 img , .content-carrousel-2 img ,.content-carrousel-3 img,.content-carrousel-4 img,.content-carrousel-5 img,.content-carrousel-6 img,.content-carrousel-7 img,.content-carrousel-8 img,.content-carrousel-9 img,.content-carrousel-9 img,.content-carrousel-10 img,.content-carrousel-11 img,.content-carrousel-12 img,.content-carrousel-13 img,.content-carrousel-14 img,.content-carrousel-15 img,.content-carrousel-16 img,.content-carrousel-17 img,.content-carrousel-18 img
{
  image-rendering:auto;
  transition: all 300ms;
  width: 100%;
  height: 100%;
}
.content-carrousel img:hover ,.content-carrousel-1 img:hover ,.content-carrousel-2 img:hover ,.content-carrousel-3 img:hover,.content-carrousel-4 img:hover,.content-carrousel-5 img:hover,.content-carrousel-6 img:hover,.content-carrousel-7 img:hover,.content-carrousel-8 img:hover,.content-carrousel-9 img:hover,.content-carrousel-10 img:hover,.content-carrousel-11 img:hover,.content-carrousel-12 img:hover,.content-carrousel-13 img:hover,.content-carrousel-14 img:hover,.content-carrousel-15 img:hover,.content-carrousel-16 img:hover,.content-carrousel-17 img:hover,.content-carrousel-18 img:hover
{
  transform: scale(1.2);
  transition: all 300ms;
}
@keyframes rotar{
  from{
    transform: rotateY(0deg);
  }to{
    transform: rotateY(360deg);
  }
}

.num-1 , .num-2 ,.num-3,.num-4,.num-5,.num-6,.num-7,.num-8,.num-9,.num-10,.num-11,.num-12,.num-13,.num-14,.num-15,.num-16,.num-17,.num-18
{
   background-color: #ed6325;
    color: #5a2d92;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 660px;
}
.num-2 {top: 960px;}
.num-3 {top: 1260px;}
.num-4 {top: 1560px;}
.num-5 {top: 1860px;}
.num-6 {top: 2160px;}
.num-7 {top: 2460px;}
.num-8 {top: 2760px;}
.num-9 {top: 3060px;}
.num-10 {top: 3360px;}
.num-11 {top: 3660px;}
.num-12 {top: 3960px;}
.num-13{top: -275px;}
.num-14{top: 4170px;}
.num-15{top: 4465px;}
.num-16{top: 4765px;}
.num-17{top: 5000px;}
.num-18{top: 5300px;}





.project-name {
    background-color: #ed6325;
    color: #5a2d92;
    font-weight: bold;
}



.carousel-indicators li {border: 1px solid #5a2d92;}
.carousel-indicators .active{background-color: #ed6325;}
.slid{
    padding-top: 50px;
    padding-bottom: 50px;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.carousel {
    border-top:2.5px solid #5a2d92;
    border-bottom:2.5px solid #5a2d62;
}
@media (max-width: 767px){
.carousel-inner .item img{height: 250px;}
}


/*footer*/

footer {
    background: #ed6325 none repeat scroll 0 0;
    color: #ddd ;
    margin-top:5600px;
}
.footer-details > h4 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 55px;
    text-transform: uppercase;
    color: #fff;
}
footer a{
    color: #fff;
}
 
/*copyright*/
.copyright {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
}
.copyright p > a{
    color: #f9b64b;
    font-weight: 600;
    font-size: 18px;
}
.copyright p > a:hover{
    color: #fff;
}
@media (max-width: 767px)
{
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color:#fff;
}
}