body{
padding:0px;
margin:0px;
 background: -webkit-linear-gradient(#9c563d, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1,#9c563d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#9c563d, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1,#9c563d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#9c563d, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1,#9c563d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#9c563d, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1, #e8e4e1,#9c563d); /* Standard syntax (must be last) */
 /* background-image:url('menu_bg.png') ; 
background-repeat: no-repeat;
    background-size: cover;  */
}
.top{
width:1100px;
margin:0 auto;
padding: 30px 0px;
overflow:hidden;
}
.left{
float:left;
width:50%;
}
.right{
float:right;
width:35%;
}
.accordion {
    -webkit-box-shadow: 0px 75px 35px -55px (#4b4a48);
    -moz-box-shadow: 0px 75px 35px -55px rgba(10, 30, 65, 0.6);
    box-shadow: 0px 75px 35px -55px rgba(10, 30, 65, 0.6);
    font-family: Arial, Helvetica, sans-serif;
    border-color: #ebebe9;
    border-style: solid;
    border-width: 0px;
    border-radius: 20px;
    height: 450px;
    width: 1231px;
    margin:0 auto;
}
.accordion > ul > li,
.accordion-title,
.accordion-content,
.accordion-separator {
    float: left;
}
.accordion > ul > li {
    background-color: #1f1f1f;
    margin-right: -710px;
    margin-bottom: -0px;
}
.accordion-select:checked ~ .accordion-separator {
    margin-right: 700px;
    margin-bottom: 0px;
}
.accordion-title,
.accordion-select  {
    background-color: #f6f6f6;
    color: #1d1d1b;
    width: 74px;
    height: 450px;
    font-size: 31px;
    text-transform:uppercase;
    border-right:2px solid #ebebe9;
	font-family: Arial, Helvetica, sans-serif !important;
	/*font-family: ZeroesTwo;*/
    
}
.accordion-title span {
    margin-bottom: 20px; 
    margin-left: 20px;
}
.accordion-title span  {    
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-writing-mode: lr-bt;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-left: 0px;
    line-height: 74px;
}
.accordion-content {
    
    color: #303030;
    height: 394px;
    width: 644px;
    padding: 28px;
}
.con1{
    background-image:url("images/Robots-new.png");
    background-size: cover;
    background-repeat: no-repeat;
       background-position: 70% 25%;
}
.con2{
    background-image:url("images/iso-background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
       background-position: 88% 25%;
}
.con3{
    /* background-image:url("images/3d-bg.jpg");*/
    background-image:url("images/nri-365-support-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
       background-position: 40% 25%;
}
.con7{
    /* background-image:url("images/3d-bg.jpg");*/
    background-image:url("images/codin-20-bg-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
       background-position: 70% 25%;
}
.con5{
    background-image:url("images/brain.jpg");
    background-size: cover;
    background-repeat: no-repeat;
       background-position: 40% 25%;
}
.con4{
    background-color:#ffffff;
}
.accordion {
    overflow: hidden;
}
.accordion > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 101%;
}
.accordion > ul > li,
.accordion-title {
    position: relative;
}
.accordion-select {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1;
}
.accordion-title span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    white-space: nowrap;
}
.accordion-content {
    position: relative;
    overflow: auto;
}
.accordion-content {
    position: relative;
    overflow: auto;
}
.accordion-separator {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.accordion-content con1  p{
color:#1c1c1c;
font-size:15px;
}
 .para{
border-radius:10px;
background-color:#f6f6f6;
padding: 10px 10px 5px 10px;
line-height: 22px;
width: 480px;
color:#1c1c1c;
position: absolute;
    bottom: 35px;
}

.para1{
border-radius:10px;
background-color:#f6f6f6;
padding: 10px 10px 5px 10px;
line-height: 22px;
width: 480px;
color:#1c1c1c;
position: absolute;
    bottom: 60px;
}
.accordion-content.com p {
    color: #ec4933;
}
.para a,.para1 a {
    text-decoration: none;
    color:#493d8f;
}
.para .link{
    float: left;
        margin-top: 5px;
        width:300px;
}
.para .social{
    float: right;
    }
    .stem{
    float: right;
width: 140px;
    position: static;
}
.stem img{
position: absolute;
    bottom: 20px;
    right:15px;
    width:140px;
    }
    .com{
    text-align: center;
    width: 300px;
    margin: 0 auto;
    }
    .com a{
    text-decoration: none;
    }
    .tel{
    text-align: center;
    padding:1px 0px;
    }
    .center{
    width: 100%;
    margin: 0 auto;
    float:left;
    }
    .center .chennai1{
    width:90%;
    float:left;
    }
    .center .madurai1{
    width:71%;
    float:left;
    }
    .center .chennai2{
    width:44%;
    float:left;
    }
    .center .madurai2{
    width:55%;
    float:left;
    }
    .center .chennai3{
    width:24%;
    float:left;
    }
    .center .madurai3{
    width:70%;
    float:left;
    }

.social a{
width: 30px;
    height: 30px;
    float: left;
    }
    .social img
    {
    width:30px;
    height:30px;
    }
    @font-face {
    font-family: ZeroesTwo;
    src: url(ZeroesTwo.ttf);
}
.right img {
    max-width: 200px;
}
img.robo1{
    
    padding: 5px;
    bottom: 45px;
    background-color: #0e6cb4;
}