.cloud{
background: url(../images/clouds.png) no-repeat;
height: 350px;
width: 427px;
float: right;
margin-top: 50px;
margin-bottom: 20px;
}
.idea_pic{
background: url(../images/idea.png) no-repeat;
width: 100px;
height: 100px;
margin: 11px auto;
margin-top: 16px;
}
.radio_pic{
background: url(../images/radio.png) no-repeat;
width: 100px;
height: 100px;
margin: auto;
margin-top: 27px;
}
.less_pic{
background: url(../images/less.png) no-repeat;
width: 100px;
height: 100px;
margin: auto;
margin-top: 31px;
}
.task_pic{
background: url(../images/task.png) no-repeat;
width: 100px;
height: 100px;
margin: auto;
margin-top: 18px;
}
.sun_pic{
background: url(../images/sun.png) no-repeat;
width: 100px;
height: 100px;
margin: 11px auto;
margin-top: 22px;
}
.disc_pic{
background: url(../images/disc.png) no-repeat 15px;
width: 100px;
height: 100px;
margin: auto;
margin-top: 20px;
}
.dot_net_pic{
background: url(../images/net.png) no-repeat;
height: 131px;
margin-left: 37px;
}
.oracle_pic{
background: url(../images/oracle.png) no-repeat;
height: 131px;
margin-left: 37px;
}
.java_pic{
background: url(../images/java.png) no-repeat;
height: 131px;
margin-left: 36px;
}
.weblogic_pic{
background: url(../images/weblogic.png) no-repeat;
height: 131px;
margin-left: 36px;
}
.linux_pic{
background: url(../images/linux.png) no-repeat;
height: 131px;
}
.apache_pic{
background: url(../images/apache.png) no-repeat;
height: 131px;
}
.hadoop_pic{
background: url(../images/hadoop.png) no-repeat 48px;
height: 131px;
}
.circle {
float: left;
margin-left: 44px;
padding-bottom: 65px;
}
.rr {
padding-top: 25px;
margin: 0px auto;
width: 90%;
}
.cir_logo1 {
background: url(../images/health.png) no-repeat 25px 25px;
height: 180px;
width: 180px;
border-radius: 300px;
background-color: white;
box-shadow: 1px 2px 6px 0px #cbced0;
margin: auto;
}
.cir_logo2{
background: url(../images/globe.png) no-repeat 27px 27px;
height: 180px;
width: 180px;
border-radius: 300px;
background-color: white;
box-shadow: 1px 2px 6px 0px #cbced0;
margin: auto;
}
.cir_logo3{
background: url(../images/settings.png) no-repeat 27px 27px;
height: 180px;
width: 180px;
border-radius: 300px;
background-color: white;
box-shadow: 1px 2px 6px 0px #cbced0;
margin: auto;
}
.up_arr {
background: url(../images/up_arrow.png) no-repeat;
height: 20px;
width: 50px;
margin-left: 71px;
margin: auto;
}
.r_arrow>ol>li,
.b_arrow>ol>li,
.o_arrow>ol>li{
    font-family: ProximaNova;
    width: 100%;
    font-size: 15px;
    vertical-align: top;
    line-height: 26px;
    list-style-type: none;
    margin-bottom: 10px;
}


.li_icon {
    height: 25px;
    width: 30px;
    display: block;
    float: left;
    background-repeat: no-repeat;
}

.li_txt {
    float: left;
    width: calc(100% - 30px);
    cursor: pointer;
}

.clr{
    clear:both;
}

.r_arrow>ol .li_icon {
    background-image: url(../images/red_arrow.png);
}

.b_arrow>ol .li_icon {
    background-image: url(../images/blue_arrow.png);
}

.o_arrow>ol .li_icon {
    background-image: url(../images/orange_arrow.png);
}

.arr_bg{
    background: white;
    padding: 20px 20px;
    border-radius: 8px;
    height: 180px;
}

.local{
background:url(../images/loc.png) no-repeat;
height:20px;
width:15px;

}
.mail{
background:url(../images/mail_ico.png) no-repeat 0px 4px;
height:20px;
width:15px;
}
.ph{
background: url(../images/ph_ico_grey.png) no-repeat 0px 0px;
height: 20px;
width: 15px;
color: white;
line-height: 34px;
padding-bottom: 6px;
}
.fax{
background: url(../images/fax_ico.png) no-repeat 0px 0px;
height: 20px;
width: 15px;
color: white;
line-height: 34px;
}
.pho{
background: url(../images/ph_ico_grey.png) no-repeat 2px 0px;
height: 20px;
width: 15px;
color: #428bd1;
line-height: 34px;
padding-left: 25px;
}
.fa{
background: url(../images/fax_ico_grey.png) no-repeat 2px 0px;
height: 20px;
width: 15px;
color: #428bd1;
line-height: 34px;
padding-left: 25px;
}
.footer .logo {
background: url(../images/ssrpit_logo.png) no-repeat 38px 22px;
margin-top: 2%;
}
.ma_gr{
background: url(../images/mail_ico_grey.png) no-repeat 0px;
height: 20px;
width: 15px;
color: #428bd1;
line-height: 34px;
padding-left: 25px;
}
.loc_gr{
background: url(../images/loc_grey.png) no-repeat 0px;
height: 20px;
width: 15px;
color: #080808;
line-height: 34px;
padding-left: 19px;
padding-bottom: 2px;
}
.soci {
width: 61%;
height: 70px;
}
.so_gr {
background: url(../images/social_grey.png) no-repeat -3px 46px;
}
.small{
height: 300px;
}
.first_pic {
width: 57%;
margin: 0px auto;
float: left;
padding-right:20px;
}
.second_pic {
width: 100%;
}