@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'open_sansregular';
      src:url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
}
body {
	font-family: 'open_sansregular';
	background:azure;
	font-size: 100%;
 
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#34518d;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
 border: #34518d solid 6px;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
.dox{
color: #FF5454}


.dox:hover{
border:1px solid #FF5454}
/* start header */
.affilate{
position: relative;
    width: 100%;
    /* left: 9%; */
    top: -7em;
    text-align: center;

}
.logo img{
	   width:80%; 
	  }
.noticemagic{
	  font-size:14px;
color:#000000;
	  }
	  .googlemagic{
		   position:relative; width:180px; float:right; top:61px;
	  }
	  .contmagic{
	      top:40px;
	  }
.form_left{
	      position:relative; left:20%;
	  }
	  
 .noticemagic:hover{
	  color:#FF0000;
	  font-size:14px;
	  }
.header_bg{
	  background-repeat:no-repeat;background-size:cover;
}
.header_bg1 {
	   background-repeat:no-repeat;background-size:cover;
}
.header{
	padding: 0% 0;
}
.logo h1 a{
	font-size: 1em;
	text-transform: uppercase;
	color: #3B3B3B;
	text-decoration: none;
	font-family: 'texgyreadventorregular';
}
 
#search {
position:relative;
top:90px;

}

.rightscopy{
position:relative; font-size:16px; top:33px; left:-25em; color:#FF9900;}

.powercopy{
position:relative;top:-30px; left:104%;}

.notice12{
position:relative; width:50%;float:left; height:324px; background-repeat:no-repeat;}

.blog12{
position:relative; width:50%;float:right; height:324px; background-repeat:no-repeat;}

.noticeimage{
position:relative; left:34%; top:-37.7em;}

.blogimage{
position:relative; left:31%; top:-37.7em;}

.noticemarq{
position:relative;width:74%; height:255px; left:96px; font-size:14px; top:-24em;}


.noticemarq12{
position:relative; font-size:1.7em; margin:9px; color:#FFFFFF;}


.noticemarq12:hover{position:relative; font-size:1.7em; margin:9px; color:#FF0000;}


.blogmarq{
position:relative;width:70%; height:248px; left:15%; font-size:14px; top:-24em; }
.searchho{
position:relative; height:44px; left:25em;}
.searchho12{
position:relative; height:44px; top:38px;}
#search input[type="text"] {
    background: url(search-dark.html) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #777;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 200px;
    }

/* menu */
.h_menu{
	padding: 6px;
	background: #34518d;
}
.navbar {
	position: relative;
	min-height: 42px;
	margin-bottom: 0px;
	border: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background: #34518d;
	color: #ffffff;
	padding: 0;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{
	background: #FF5454;
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav > li {
	border-right: 1px solid rgb(39, 37, 37);
}
.nav > li > a {
	font-size: 13px;
	padding: 11px 18.5px;
	text-transform: uppercase;
}

#sub-menu {

    display: none;

}

.subject:hover #sub-menu {

    display:block;

	z-index: 1001;



}

.subject #sub-menu:after {

    border-bottom: 6px solid #FFFFFF;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    content: "";

    display: inline-block;

    left: 50px;

    position: absolute;

    top: -6px;

    visibility:inherit;

}



.subject #sub-menu:before {

    border-bottom: 7px solid rgba(0, 0, 0, 0.2);

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    content: "";

    display: inline-block;

    left: 49px;

    position: absolute;

    top: -7px;

}



#sub-menu { background-clip: padding-box;

       background-color: #FFFFFF;

       border: 1px solid rgba(0, 0, 0, 0.2);

       border-radius: 6px 6px 6px 6px;

       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

       float: left;

       font-size: 14px;

       left: 0;

       list-style: none outside none;

       margin: 2px 0 0;

       min-width: 200px;

       padding: 5px 0;

       position: absolute;

       top: 100%;

   	z-index: 1001;   

   	margin-top:0px;}

#sub-menu h2 { padding: 0px 0px 8px 0px; margin-bottom: 0px; font-size: 16px; line-height:34px; font-weight: bold; color: #000000; text-transform: uppercase; border-bottom: 1px solid #ebebeb; }

#sub-menu ul { list-style: none; padding:0px; margin:0px; }

#sub-menu li { width: 96%; float: left; line-height: 20px; border-right: 0px solid #01a6d5;  border-bottom:solid 1px #CCCCCC; padding:0px; margin:0px; border-right:solid 0px #CCCCCC; overflow:hidden; margin-left:2%; margin-right:2%; }

#sub-menu li a { display: block; padding-bottom:10px; padding-top:10px; text-decoration: none; color: #FFF; padding-left:10px; height: auto; border-left: 0px solid #333333; font-weight: normal;  margin:0px; text-align:left;width: 100%; border-right: 0px solid #01a6d5; text-transform:capitalize;}

#sub-menu li a:hover, #sub-menu li.selected a { color: #FFF; background-color:#FF5454; }

@media (min-width: 1200px) and (max-width: 1300px) {
  .nav > li > a {
	font-size: 12px;
	padding: 11px 17px;
	text-transform: uppercase;
}
}



@media (min-width: 1100px) and (max-width: 1200px) {
  .nav > li > a {
    
	font-size: 12px;
	padding: 11px 12.5px;
	text-transform: uppercase;
  }
}
@media (min-width: 990px) and (max-width: 1100px) {
  .nav > li > a {
    
	font-size: 12px;
	padding: 11px 7.6px;
	text-transform: uppercase;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .nav > li > a {
    
	font-size: 8px;
	padding: 11px 9px;
	text-transform: uppercase;
  }
}
/* start soc_icons */
.soc_icons {

}
.soc_icons ul{
	margin-bottom: 0;
}
.soc_icons ul li{
	display:inline-block;
	border-left: 1px solid rgb(39, 37, 37);
	margin-left: -3px;
}
.soc_icons ul li a{
	color:#ffffff;
	font-size: 24px;
	display: block;
	line-height: 60px;
	width: 60px;
	height: 60px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.soc_icons ul li a:hover{
	background: #FF5454;
}
/* start slider */
.slider_bg{
	background: url('../images/slider_bg.html') no-repeat;
	background-size: 100%;
}
.slider{
	padding: 4%;
}
/* start main */
.main_bg{
	/*background: azure;*/
	background:url(images7.html); background-repeat:no-repeat;background-size:cover;
}
.main{
	padding: 5% 0;
}
.images_1_of_4 img{
	display: inline-block;
}
.images_1_of_4 h4 {
	margin: 30px 0 15px;
}
.images_1_of_4 h4 a{
	display:inline-block;
	color: #353535;
	font-size: 1.5em;
	font-family: 'texgyreadventorregular';
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.images_1_of_4 h4 a:hover{
	text-decoration:none;
	color: #ff5454;
}
.images_1_of_4  span{
	width: 120px;
	height: 120px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.bg{
	background: #3b3b3b;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	-o-border-radius: 75px;
}
.images_1_of_4  span i{
	font-size: 6em;
	color: #e0e0e0;
	line-height: 2em;
	text-shadow: 1px 1px 0px #3b3b3b;
	-webkit-text-shadow: 1px 1px 0px #3b3b3b;
	-moz-text-shadow: 1px 1px 0px #3b3b3b;
	-o-text-shadow: 1px 1px 0px #3b3b3b;
	-ms-text-shadow: 1px 1px 0px #3b3b3b;
}
.para{
	font-size: 1.5em;
	line-height: 30px;
	color: black;
	text-align:justify;
	margin-right:5%;
	margin-left:5%;
}

.para99{
	font-size: 1.5em;
	line-height: 30px;
	color: black;
	text-align:justify;
	margin-right:5%;
	
}

.para12{
	font-size: 1.5em;
	line-height: 1.8em;
	color: black;
	text-align:justify;
	position:relative; width:15em; left:-28em;
}

.para12:hover{
	font-size: 1.5em;
	line-height: 1.8em;
	color: #FF5454;
	position:relative; width:15em; left:-28em;
}

.para13{
	font-size: 1.5em;
	line-height: 1.8em;
	color: black;
	text-align:justify;
	position:relative; width:15em; left:-21em;
}

.para13:hover{
	font-size: 1.5em;
	line-height: 1.8em;
	color: #FF5454;
	position:relative; width:15em; left:-21em;
}

.para14{
	font-size: 1.5em;
	line-height: 1.8em;
	color: black;
	text-align:justify;
	position:relative; width:15em; left:-13em;
}

.para14:hover{
	font-size: 1.5em;
	line-height: 1.8em;
	color: #FF5454;
	position:relative; width:15em; left:-13em;
}

.para15{
	font-size: 1.5em;
	line-height: 1.8em;
	color: black;
	text-align:justify;
	position:relative; width:15em; left:-6em;
}

.para15:hover{
	font-size: 1.5em;
	line-height: 1.8em;
	color: #FF5454;
	position:relative; width:15em; left:-6em;
}

.vism12{
position:relative; width:176px; height:120px; left:1em;
}

.vismr12{
position:relative; left:-30em; font-size:12.7px;}

.jinr12{
position:relative; width:176px; height:120px;
}

.jips12{
position:relative; width:176px; height:120px;
}

.vce12{
position:relative; width:176px; height:120px; left:-1em;
}
.images_1_of_4 a{
	position: relative;
	z-index: 1;
}
/* Button 1 */
.fa-btn {
	font-size: 14px;
	background: none;
	cursor: pointer;
	padding: 12px 40px;
	display: inline-block;
	margin: 10px 0px;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.fa-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-1 {
	border: 2px solid #ff5454;
	color: #3b3b3b;
}
/* Button 1e */
.btn-1e {
	overflow: hidden;
}
.btn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #ff5454;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-1e:hover,.btn-1e:active {
	color: #ffffff;
	text-decoration:none;
}
.btn-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}

/* Button 1 */
.fa-btn1 {
position:relative; left:-30em; font-size:12.7px;
	
	background: none;
	cursor: pointer;
	padding: 12px 40px;
	display: inline-block;
	margin: 10px 0px;
	text-transform: uppercase;
	outline: none;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.fa-btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn1-1 {
	border: 2px solid #ff5454;
	color: #3b3b3b;
}
/* Button1 1e */
.btn1-1e {
	overflow: hidden;
}
.btn1-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #ff5454;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn1-1e:hover,.btn1-1e:active {
	color: #ffffff;
	text-decoration:none;
}
.btn1-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn1-1e:active:after {
	height: 400%;
	opacity: 1;
}

/* Button 2 */
.fa-btn2 {
position:relative; left:-22em; font-size:12.7px;

	background: none;
	cursor: pointer;
	padding: 12px 40px;
	display: inline-block;
	margin: 10px 0px;
	text-transform: uppercase;
	outline: none;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.fa-btn2:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn2-1 {
	border: 2px solid #ff5454;
	color: #3b3b3b;
}
/* Button 2e */
.btn2-1e {
	overflow: hidden;
}
.btn2-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #ff5454;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn2-1e:hover,.btn2-1e:active {
	color: #ffffff;
	text-decoration:none;
}
.btn2-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn2-1e:active:after {
	height: 400%;
	opacity: 1;
}

/* Button 3 */
.fa-btn3 {
position:relative; left:-13em; font-size:12.7px;
	
	background: none;
	cursor: pointer;
	padding: 12px 40px;
	display: inline-block;
	margin: 10px 0px;
	text-transform: uppercase;
	outline: none;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.fa-btn3:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn3-1 {
	border: 2px solid #ff5454;
	color: #3b3b3b;
}
/* Button 3e */
.btn3-1e {
	overflow: hidden;
}
.btn3-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #ff5454;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn3-1e:hover,.btn3-1e:active {
	color: #ffffff;
	text-decoration:none;
}
.btn3-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn3-1e:active:after {
	height: 400%;
	opacity: 1;
}

/* Button 4 */
.fa-btn4 {
position:relative; left:-4em; font-size:12.7px;

	background: none;
	cursor: pointer;
	padding: 12px 40px;
	display: inline-block;
	margin: 10px 0px;
	text-transform: uppercase;
	outline: none;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.fa-btn4:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn4-1 {
	border: 2px solid #ff5454;
	color: #3b3b3b;
}
/* Button 4e */
.btn4-1e {
	overflow: hidden;
}
.btn4-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #ff5454;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn4-1e:hover,.btn4-1e:active {
	color: #ffffff;
	text-decoration:none;
}
.btn4-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn4-1e:active:after {
	height: 400%;
	opacity: 1;
}
/* start main_btm */
.main_btm{
	background:url(images7.html); background-repeat:no-repeat;background-size:cover;
	
}
.content_right h4{
	color: #353535;
	font-size: 2.5em;
	font-family: 'texgyreadventorregular';
	line-height: 1.5em;
}
.content_right h4 span{
	color: #ff5454;
}
.content_right a{
	position: relative;
	z-index: 1;
}
/*--start-footer--*/
.footer{
	background:#34518d;
	position:relative;
	top:15px;

}
.footer-left ul{
	padding:0px;
}
.footer-left ul li{
	list-style:none;
	display:inline-block;
}
.footer-left ul li span{
	background:url(../images/footer-sprit.png) no-repeat;
	width:30px;
	height:30px;
	display:block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.footer-left ul li span.fb{
	background-position:0px 0px;
}
.footer-left ul li span.twit{
	background-position:-30px 0px;
}
.footer-left ul li span.in{
	background-position:-60px 0px;
}
.footer-left ul li span.fb:hover{
	background-position:0px -30px;
}
.footer-left ul li span.twit:hover{
	background-position:-30px -30px;
}
.footer-left ul li span.in:hover{
	background-position:-60px -30px;
}
.footer-right p a:hover{
	color: #fff;
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.footer-right p a{
	color: #FF9900;
}
.footer-right p{
	color: #fff;
	font-size:16px;
	text-align: right;
}
.footer-main {
	margin-top: 22px;
}
.rowmenu{
position:relative;
left:1em;
margin-right:-55px;
padding:6px;}
/*--end-footer--*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/top.png) no-repeat 0px 0px;
}
/* start about */
.about{
	padding: 4% 0;
}
.about h2{
	margin: 0 0 20px;

	font-size: 2em;
	color:#3b3b3b;
	font-family: 'texgyreadventorregular';
}
.about a{
	position: relative;
	z-index: 1;
}
/* start  technology */
.technology{
	padding: 4% 0;
}
.technology h2{
	margin: 0 0 20px;
	text-transform: capitalize;
	font-size: 3em;
	color: #3b3b3b;
	font-family: 'texgyreadventorregular';
}
.technology h4{
	font-size: 22px;
	color: #5b5b5b;
	font-weight: 100;
	text-transform: capitalize;
	display: block;
	margin:10px 0 8px;
}
.tech_para{
	padding-left: 0;
	padding-right: 0;
}
.technology_list1{
	margin-top: 20px;	
}
.pagination > li > a, .pagination > li > span {
	font-size: 16px;
	padding: 10px 16px;
	color: #BDBDBD;
	background-color: #3b3b3b;
	border: 1px solid #2C2929;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #FFFFFF;
	background-color: #ff5454;
	border-color: #DA4A4A;
}
.alert {
	font-size: 13px;
}
.alert-warning {
	color: #3b3b3b;
	background-color: #F3F3F3;
	border-color: #E2E2E2;
}
/*--end-staff--*/
.col-md-6.staff-main-left {
	padding: 0px;
	margin-top: 2em;
}
.staff-main-left h4{
	font-size: 1.45em;
	color: #1793d1;
	font-weight: 600;
	margin-bottom: 10px;
}
.col-md-5.staff-main-left {
	margin-top: 1.5em;
	
}
.staff-main-left h5 {
	color: #010101;
	font-size: 1.15em;
	margin: 0px;
	line-height: 1.3em;
	width: 100%;
	font-weight: 500;
}
.staff-main-left p {
	color: #959191;
	font-size: 15px;
	line-height: 1.6em;
	margin: 18px 0px;
}
.staff {
	padding-top: 1em;
	margin-bottom: 9em;
}
.ca-container{
	position: relative;
	height:477px;
}
.ca-container1{
	position: relative;
	padding-top:1em;
	height: 320px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:225px;
	height:100%;
	text-align:center;
}
.ca-item-main{
	position: absolute;
	top: 5px;
	left:0px;
	right: 5px;
	bottom: 5px;
	overflow: hidden;
}
.ca-icon{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-1.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon1{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-2.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon2{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-3.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon3{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-1.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon4{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-2.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon5{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-3.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon6{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-1.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-icon7{
	width:100%;
	height: 225px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/p-2.html) no-repeat center center;
	margin-bottom: 5px;
}
.ca-item-2 .ca-icon{
	background-image:url(../images/p-4.html);
}
.ca-item-2 .ca-icon1{
	background-image:url(../images/p-5.html);
}
.ca-item-2 .ca-icon2{
	background-image:url(../images/p-6.html);
}
.ca-item-2 .ca-icon3{
	background-image:url(../images/p-3.html);
}
.ca-item-2 .ca-icon4{
	background-image:url(../images/p-4.html);
}
.ca-item-2 .ca-icon5{
	background-image:url(../images/p-5.html);
}
.ca-item-2 .ca-icon6{
	background-image:url(../images/p-6.html);
}
.ca-item-2 .ca-icon7{
	background-image:url(../images/p-7.html);
}
.ca-item-3 .ca-icon{
	background-image:url(../images/p-3.html);
}
.ca-item-4 .ca-icon{
	background-image:url(../images/p-4.html);
}
.ca-content-wrapper{
	background:azure;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;
	overflow:hidden;
}
.ca-content-text{
	padding: 10px 36px;
	color: #999;
	line-height: 1.8em;
	font-weight: 300;
	font-size: 0.875em;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:1.2em;
	padding-bottom:5px;
	color:#252525;
	border-bottom:2px solid #eee;
	text-shadow: 1px 1px 1px #eee;
}
.ca-nav span {
	width: 58px;
	height: 62px;
	background: url(../images/arws.png)no-repeat;
	position: absolute;
	bottom: -9.5%;
	margin-top: -51px;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 100;
	right: 8.7%;
}
.ca-nav span.ca-nav-next {
	background: url(../images/arws.png)no-repeat -58px 0px;
	left: auto;
	right: 0px;
}
.ca-nav span:hover{
	opacity:1.0;
}
.caption{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:225px;
	background:rgba(0, 0, 0, 0.61);
	display: none;
	padding: 6em 0 0 0;
}
.ca-icon, .ca-icon1, .ca-icon2, .ca-icon3, .ca-icon4, .ca-icon5, .ca-icon6, .ca-icon7{
	position:relative;
}
.ca-icon:hover div.caption{
	display:block;
}
.ca-icon1:hover div.caption{
	display:block;
}
.ca-icon2:hover div.caption{
	display:block;
}
.ca-icon3:hover div.caption{
	display:block;
}
.ca-icon4:hover div.caption{
	display:block;
}
.ca-icon5:hover div.caption{
	display:block;
}
.ca-icon6:hover div.caption{
	display:block;
}
.ca-icon7:hover div.caption{
	display:block;
}
.caption p{
	font-size: 1.25em!important;
	color:#fff!important;
	font-weight:400!important;
}
.events{
	margin:1em 0 2em;
}
.events-col h3:nth-of-type(1) {
	margin: 0;
}
.events-col p{
	font-size:1.2em;
	color:#000;
	font-weight:400;
	line-height:1.6em;
}
span.subscribe{
	width:100%;
	margin-top:0.56em;
}
/*--end-staff--*/
/* start blog */
.blog_left{
	display: block;
}
.blog_img{
	margin: 4% 0 2%;
}
.blog_left img{
	width:100%;
}
.blog_left h4 a{
	margin:0 0 20px;
	
	display: block;
	text-transform: capitalize;
	font-size: 1.5em;
	color: #3b3b3b;
	font-family: 'texgyreadventorregular';
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog_left h4 a:hover{
	text-decoration: none;
	color: #ff5454;
}
.blog_list{

}
.blog_list ul li{
	display:inline-block;
	margin-left: 10px;
}
.blog_list ul li:first-child{
	margin-left: 0;
}
.blog_list li a{
	display: block;
	padding: 4px 8px;
	color: #b6b6b6;
	text-transform: capitalize;
}
.blog_list ul li i{
	font-size: 15px;
	color: #b6b6b6;
}
.blog_list li span{
	padding-left:10px;
	font-size: 14px;
	color: #b6b6b6;
}
.blog_list li span:hover,.blog_list li a:hover{
	color: #ff5454;
	text-decoration: none;
}

.read_more a{
	position: relative;
	z-index: 1;
}
.blog_right h4{
	text-transform: capitalize;
	font-size: 2em;
	color: #3b3b3b;
	font-family: 'texgyreadventorregular';
	margin-bottom: 15px;
}
/* start Social Likes */
.social_network_likes {
	text-align: center;
}
.social_network_likes li{
	width: 24.33333%;
	display: inline-block;
	margin-left: -4px;
}
.social_network_likes li:first-child{
	margin-left: 0;
}
.social_network_likes li a{
	display:block;
	color:#FFF;
	font-size: 1.5em;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.social_network_likes li a p{
	padding:10px 0 5px;
	font-size: 14px;
}
.social_network_likes li a span{
	display:block;
	font-size: 24px;
}
.social_network_likes li a div.followers{
	border-bottom:1px solid #FFFFFF;
}
.social_network_likes li a:hover{
	text-decoration: none;
}
.social_network_likes li:first-child a {
	border-left:none;
}
.social_network_likes li a.tweets{
	background:#34CCFF;
}
.social_network_likes li a.tweets:hover{
  background:#2DC0F1;
}
.social_network_likes li a.facebook-followers{
	background:#3B5A99;
}
.social_network_likes li a.facebook-followers:hover{
	background:#33518D;
}
.social_network_likes li a.email{
	background:#27c1b9;
}
.social_network_likes li a.email:hover{
  background:#0BB1A8;
}
.social_network_likes li a.dribble{
	background:#EB4D89;
}
.social_network_likes li a.dribble:hover{
  background:#E04580;
}
.social_network_likes li a div.social_network{
	padding:15px 0 10px;
}
.social_network i{
	width:45px;
	height:45px;
	display:block;
	background:url(images/social-icons.html) no-repeat;	
	margin:0 auto;
}
.social_network i.twitter-icon{
	background-position: 0px 0px;
}
.social_network i.facebook-icon{
	background-position: -47px 0px;
}
.social_network i.email-icon{
	background-position: -104px 0px;
}
.social_network i.dribble-icon{
	background-position: -156px 0px;
}
/* start ads_nav */
.ads_nav{
	margin-top: 30px;
}
.ads_nav li{
	float: left;
	width: 46.333333%;
	margin:0 0 15px 15px;
}
.ads_nav li:nth-child(2),.ads_nav li:nth-child(4){
	margin-left: 0;
}
.ads_nav li a{
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ads_nav li a img{
	width: 100%;
}
.ads_nav li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
/* start tag_nav */
.tag_nav {
	margin: 8% 0;
}
.tag_nav li{
	margin:10px 5px 0 0;
	display: inline-block;
}
.tag_nav li a{
	display: block;
	text-transform: capitalize;
	background: #3b3b3b;
	color: #ffffff;
	font-size: 13px;
	padding: 8px 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tag_nav li.active a,.tag_nav li a:hover{
	background: #ff5454;
	color: #ffffff;
	text-decoration:none;
}
/* start news_letter */
.news_letter{
	margin: 8% 0;
}
.news_letter form input[type="text"]{
	font-family: 'open_sansregular';
	font-weight:100;
	padding: 10px;
	display: block;
	width: 100%;
	background: #ffffff;
	outline: none;
	color: #555555;
	font-size: 13px;
	border: 1px solid #DADADA;
	-webkit-appearance: none;
}
.news_letter form span{
	position: relative;
	z-index: 1;
}
.news_letter form input[type="submit"]{
	-webkit-appearance: none;
	cursor:pointer;
	border:none;
	outline:none;
	background: none;
}
/* start contact */
.company_ad h2{
	margin: 0 0 20px;
	text-transform: capitalize;
	font-size: 3em;
	color:#3b3b3b;
	font-family: 'texgyreadventorregular';
}
.company_ad p{
	font-size: 14px;
	color: #3b3b3b;
}
.company_ad p a {
	color: #ff5454;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.company_ad p a:hover{
	text-decoration:none;
	color: #3b3b3b;
}
.contact-form h2{
	margin: 0 0 20px;
	text-transform: capitalize;
	font-size: 3em;
	color:#3b3b3b;
	font-family: 'texgyreadventorregular';
}
.contact-form span{
	display:block;
	text-transform: capitalize;
	font-size: 14px;
	color: #5b5b5b;
	font-weight: normal;
	margin-bottom: 10px;
}
.contact-form textarea {
	font-family: 'Open Sans', 'sans-serif';
	padding: 10px;
	display: block;
	width: 99.3333%;
	background: #ffffff;
	outline: none;
	color: #c0c0c0;
	font-size: 0.8725em;
	border: 1px solid #ECECEC;
	-webkit-appearance: none;
	resize: none;
	height: 120px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form textarea:focus{
	border:1px solid #ff5454;
}
.form-control{
	box-shadow: none;
	border: 1px solid #ECECEC;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.form-control:focus {
	box-shadow: none;
}
.contact-form input[type="submit"] {
	font-family: 'open_sansregular';
	-webkit-appearance: none;
	cursor: pointer;
	border: none;
	outline: none;
	background: none;
	text-transform: uppercase;
	font-weight: 100;
}
.contact-form label{
	position: relative;
	z-index: 1;
}
.form-control:focus {
	border-color: #ff5454;
}
/* start details */
.details img{
	margin-bottom: 20px;
}
/***** Media Quries *****/
@media only screen and (max-width: 768px) {
.copyr{
position:relative;
left:1%;
width:10%;
color:#000000;}
	.logo{
		text-align:center;
	}
	.h_search {
		width: 98%;
		padding: 20px;
	}
	.h_menu {
		position: relative;
	}	
	.soc_icons {
		position: absolute;
		top: 0px;
		background: #3b3b3b;
	}
	.navbar-default .navbar-toggle {
		border-color: #FFF;
	}
	.navbar {
		min-height: 51px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #3b3b3b;
	}
	.navbar-default {
		background-color: #3b3b3b;
		border:none;
	}
	.navbar-nav {
		margin: 0px 0px;
	}
	.nav > li > a {
		padding: 20px 15px;
		
	}
	.soc_icons ul li a {
		font-size: 20px;
		line-height: 50px;
		width: 51px;
		height: 51px;
	}
	.slider_bg {
		background-size: 100% 100%;
	}
	.main {
		padding: 4% 0;
	}
	.images_1_of_4{
		margin-bottom: 4%;
	}
	.main{
		padding: 2%;
	}
	.technology {
		padding: 4%;
	}
	.about {
		padding: 4%;
	}
	.social_network_likes li {
		width: 24.3333%;
	}
	.tag_nav {
		margin: 4% 0;
	}
	.news_letter {
		margin: 4% 0;
	}
	.technology h4 {
		font-size: 20px;
	}
}
@media only screen and (max-width: 640px){
	.company_ad{
		margin-left: 0;
	}
	.blog_left h4 a {
		font-size: 1.2em;
	}
	.technology h4 {
		font-size: 17px;
	}
}
@media only screen and (max-width: 480px) {
.logo img{
	   width:40%; 
	  }
	.contmagic{
	  width: 63%; position: relative; top: 0px; text-align:center;
	  }
	 .form_left{
	       left:0%;
	  }
	   .googlemagic{
		   position:relative; width:180px; float:right; top:61px;display:none;
	  }
	.images_1_of_4 h4 {
		margin: 20px 0 10px;
	}
	.technology h2 {
		font-size: 2em;
	}
	.about h2 {
		font-size: 2em;
	}
	.company_ad h2 {
		font-size: 2em;
	}
	.contact-form h2 {
		font-size: 2.5em;
	}
	.blog_left h4 a {
		font-size: 1em;
	}
	.blog_list ul li {
		margin-left: 5px;
	}
	.blog_list li a {
		padding: 4px 4px;
	}
	.detail h2{
		font-size: 2em;	
	}
}
@media only screen and (max-width: 320px) {
	.main {
		padding: 8% 2%;
	}
	.soc_icons ul li a {
		font-size: 20px;
		width: 46px;
	}
	.images_1_of_4 h4 {
		margin: 15px 0 10px;
	}
	.social_network_likes li a p {
		font-size: 12px;
	}
	.images_1_of_4 span {
		width: 88px;
		height: 88px;
	}
	.images_1_of_4 span i {
		font-size: 5em;
		line-height: 1.8em;
	}
	.images_1_of_4 h4 a {
		font-size: 1em;
	}
	.technology h4 {
		font-size: 14px;
		line-height: 1.5em;
	}
	.blog_list ul li:nth-child(3){
		margin-left: 0;
	}
}
/****************************** MAIN STYLES - backgorund,deviders ******************************/

/* Main Container */

/* TOGGLE -------------------------------------------------*/
.toggle-trigger {
	text-decoration: none;
	color: #414550;
	font-size:18px;
	font-weight: bold;
	padding: 10px 10px 10px 25px;
	cursor: pointer;
	border: 1px solid #b7c7d1;
	background: #dae4ea url(../images/about/toggle.png) no-repeat 5px 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.toggle-trigger.active {
	border-bottom:1px solid #b7c7d1;
	background:#bfd6e4 url(../images/about/toggle.png) no-repeat 5px -75px;
}
.toggle-trigger:hover {
	background-color:#bfd6e4;
}
.toggle-container {
	margin-bottom: 0px;
	padding: 5px 10px;
	font-size:16px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.annomarq{
width:100%; position:relative; height:42px; background-color:#3B3B3B; top:1em;}
@media screen and (max-width: 768px) {
 
  #cox1{ position:relative;
left:2em;
  }
  #annomarq12{
  position:relative;
  left:0em;
  width:100%;}
   #cox16{ position:relative;
left:18em;
top:-8em;
  }
  #cox14{ position:relative;
left:-4em;
width:25em;
top:40px;
  }
  #cox15{ position:relative;
left:-16em;
width:25em;
  }
  
  #cox2{ position:relative;
left:-4em;
top:1em;
  }
  #cox3{ position:relative;
left:-41px;
top:23px;
  }

  #notice21{ position:relative;
left:3em;
width:11em;
top:-36em;
  }
  
  #blog21{ position:relative;
left:1em;
width:16em;
top:-36em;
  }
  
  #noticeslider{ position:relative;
left:2em;
top:-23.5em;
  }
  
  #blogslider{ position:relative;
left:2em;
top:-23.5em;
  }
  html{
	  height:100%;
	  width:95%;}
	  
	  #searchmo{
	  position:relative;
	  left:2em;
	  display:none;
	  top:-2em;}
	  
	   #searchmo12{
	  position:relative;
	  left:2em;
	  top:-6em;}
	  #searchmo123{
	  position:relative;
	  left:2em;
	  top:-5em;}
	  
	 
	  	  
	  #headerbg12{
	  height:16em;background:url(images5.html); background-repeat:no-repeat;

	  }
	   #headerbg122{
	  height:16em;background:url(images5.html); background-repeat:no-repeat;

	  }
	  
	  #param12{
	  position:relative;
	  left:-4em;
	  }
	  
	  
	  #param13{
	  position:relative;
	  left:-4em;
	  }
	  
	  
	  #param14{
	  position:relative;
	  left:-4em;
	  }
	  
	  
	  #param15{
	  position:relative;
	  left:-4em;
	  }
	  
	  #vismm12{
	  
position:relative; left:35em;
	  }
	  
	   #jinrm12{
	  
position:relative; left:25em;
	  }
	  
	   #jipsm12{
	  
position:relative; left:12em;
	  }
	  
	  #vcem12{
	  
position:relative; 
	  }
	  #vismrm12{
	  position:relative;
	  left:-3em;
	  }
    
	 #jinrrm12{
	  position:relative;
	  left:-3em;
	  }
    
	 #jipsrm12{
	  position:relative;
	  left:-3em;
	  }
    
	 #vcerm12{
	  position:relative;
	  left:-1em;
	  }
    #affilatem{
	position:relative;
	left:0em;
	width:100%;
	}

#galaffi{
position:relative;
width:80%;
}
}

/***************** PORTFOLIO / Pagination*****************/