@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

html {
  position: relative;
  min-height: 100%;
}

body {background: #f2f2f2 url(../images/001.jpg) repeat top left; background-attachment: fixed;
	margin:0; margin-bottom: 140px; padding:0;height:100%; min-height:100%; min-width:100%; clear: both; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif}

@media (min-width:1200px)
{	
	.container {width: 972px;}
}

 @media (max-width: 992px) {
    .navbar-header {
      float: none;  width:100%
    }
    .navbar-left,
    .navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
	  font-weight:bold
    }
    .collapse.in {
      display: block !important;
    }
	
	.container {width:100%;}
	
	
  }

@media (min-width: 991px){
	 .navbar-header {
      float: left; 
    }
	
	#body-container {
		margin-bottom:300px
	}
	
	#jssor_1 {
		left:-2px
	}
		
	#box_a1 {min-height:190px;}
	
	#leftbar_a1 {min-width:561px}
	
	#about {min-width:641px}
}


@media (min-width: 751px) and (max-width: 991px) {

	
	
	
}
@media (min-width: 300px) and (max-width: 991px) {
	#body-container {
		margin-bottom:900px
	}
	#jssor_1 {
		left:-10px
	}
	#leftbar_a1 {margin-top:10px}
}
@media (min-width: 10px) and (max-width: 300px) {
	#body-container {
		margin-bottom:750px
	}
	#jssor_1 {
		left:-15px
	}
	#leftbar_a1 {margin-top:10px}
}

@media (min-width: 10px) and (max-width: 679px) {
    
}


@media (min-width: 10px) and (max-width: 570px) {
	
}


@media (min-width: 10px) and (max-width: 429px) {
	
}


@media (min-width: 751px) and (max-width: 1500px) {
	
	

}


@media (min-width: 750px) {
	#services_areas {min-height:270px;}
}

@media (min-width: 680px) and (max-width: 750px) {
	
}

@media (min-width: 490px) and (max-width: 680px) {
	
	}

@media (min-width: 490px) and (max-width: 750px) {
	#services_areas {min-height:230px;}
}

@media (min-width: 330px) and (max-width: 489px) {
	#services_areas {min-height:200px;}
}

@media (min-width: 10px) and (max-width: 329px) {
	
}


@media (min-width: 230px) and (max-width: 329px) {
	
}

@media (min-width: 10px) and (max-width: 230px) {

}


@media (min-width: 480px){
	#logoimg {max-width:188px; margin-top:0px}
	
	#services_areas {min-height:200px;}
}

@media (max-width: 480px) {
	#logoimg {max-width:158px; margin-top:0px}
}

/* Header Start*/
#navbar #nav11>li>a{color:#fff; font-size:11pt; line-height:1.6;}


#navbar #nav11>li>a:hover{color:#d1e0e0;}

#nav11 { margin-top:08px}

#logoimg {display:inline-block}


.dropdown-menu {
	background:#49444d; 
	}
	
.dropdown li>a {color:#fff !important;}

.dropdown li>a:hover {color:#000 !important; background:#fff !important;}




/* footer Start*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  
}

#footer_class {margin-top:7px}

.footer a {color:#fff; text-decoration:none; line-height:1.6; display:inline-block}

.footer a:hover {color:#d1e0e0; text-decoration:none;}

.footer b{color:#fff}

.footer p{color:#c2d6d6}

/* footer end */

/* General for all Start */
h4 {background:none; line-height:1.2; color: #000; font-weight:800; font-size:16pt; text-align:center; text-shadow:1px 1px 1px #fff2e6}

h5 {background:none; line-height:1.4; font-weight:600; font-size:13pt; text-align:center}

h6 {background:none; line-height:1.4; font-weight:600; font-size:11pt;}

table, thead, th, td {font-family:initial; color:#000}

td  {font-weight:450; font-size:12pt; width:33.99%}

.a li {list-style-type: circle; color:blue; line-height:1.7}

label {font-weight:normal}

p {font-size:11.5pt; line-height:1.8}

b {display:inline-block}

#p1 {font-size:10pt; color:#fff}




#leftbar_a1 {box-shadow1:.5px .5px 1.5px 1.5px #f2f2f2; padding:10px 0px 0px 0px; margin:0;}

#rightbar_a1 {box-shadow1:.5px .5px 1.5px 1.5px #f2f2f2;  padding:10px 0px 0px 25px; margin:0;}

#fullbar_a1 {box-shadow1:.5px .5px 1.5px 1.5px #f2f2f2;  padding:10px 0px 0px 0px; margin:0;}

#box_a1  {background:#006bb3; padding:10px 10px 10px 10px; margin-top:10px}

#box_a1:hover {background:#008ae6; cursor:pointer}

#box_a1 b {color:#fff; font-weight:800; font-size:14pt}

#head_a1 {color:#003d99; font-weight:bold; font-size:15pt; margin-bottom:5px;}

#head_a1 b{color:#3385ff;  display:inline-block; text-align:left}

.a1 a{font-size:11pt; line-height:2}


/* General for all End */

/* social media part start */
.social-network {
	border:none;
	margin:0;
	padding:0;
}

.social-network li {
	border:none;	
	margin:0;
}
.social-network li i {
	margin:0; font-size:16pt; display:inline-block
}


ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	display:inline;
	margin: 0 5px;
}
/* social media part end */














/* carousel part start */

/* Global */
 

img { max-width:100%; }

a {
    -webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
    
a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE7 */
    opacity: 0.6;
    text-decoration: none;
}


.thumbnails li> .fff .caption { 
    
    padding:10px
}

/* Page Header */


ul.thumbnails { 
    margin-bottom: 0px;
}



/* Thumbnail Box */
.caption{
	margin-top:-15px
}
.caption h4 {
    color: #444; 
	text-align:left;
	font-size:12pt
}

.caption p {  
    color: #6999;
}



/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
}
.carousel-control{
    background: #666;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 34px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 10px 0px;
    position: static;
    height: 30px;
    width: 15px;
}



/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}

li { list-style-type:none;}

::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #ff5e99; color: #FFFFFF; }


/* carousel part end */


/* body css start here */
#services_areas {border-radius:5%; max-width:300px; float: none; margin: 0 auto; margin-top:20px; margin-bottom:20px; cursor:pointer;
    text-align:center; font-size:20pt; line-height:1.5; font-weight:bold; color:White}

.type1 {background:#003566;}

.type1:hover {background:#3399ff; opacity:0.6}

.type2 {background:#3399ff;}

.type2:hover {background:#003566; opacity:0.6}


#services_areas_head {margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}

#page_link a {color:#000}

#page_link {color: #000}

.reverse {margin-top:-10px; line-height:1.7}

.reverse li {list-style-type: circle;}

td#team-name {max-width:200px;}

#scope {text-align:center}

/* body css end here */