@import url("fontawesome-4.3.0.min.css");
@import url("framework.css");
@import url("slider.css");
@import url("animate.min.css");


body {
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px;
	padding-top:0px;
	-webkit-text-size-adjust: 100%;
}

html, body{margin:0; padding:0; font-size:13px; line-height:1.6em; font-family: 'Roboto', sans-serif;}
body {
	background-color: #e2effe; /*9e2828;*/
	PADDING-TOP: 0px;
}


#wrapper {
	position:absolute;
    width: 100%;
	top: 45px;
	z-index:-1;
}

#page {
	position:absolute;
    width: 100%;
	top: 0px;
	z-index:-1;
}

.changewidth{
	 width: 90%;
}

.toppad-60 { margin-top:60px;}

.bottommarg-0{ margin-bottom:0;}

.fullborder{ border:1px solid #000000; }
	
.offset-0 {padding-left: 0; padding-right: 0;}

.offset-marg-0 { margin-left: 0; margin-right: 0;}

.offset3 {padding-left: 5%; padding-right: 5%}

.offsetl-15xs {padding-left: 0px; padding-right: 0px;}

.offset-5 {padding-left: 5px; padding-right: 5px;}

.offset-10 {padding-left: 10px; padding-right: 10px;}

.offmarg-15{ margin-left:20px; margin-right:10px;}

.offset-16 {padding-left: 16px; padding-right: 16px;}

.offset-15 {padding-left: 15px; padding-right: 15px;}

.offset-25 {padding-left: 25px; padding-right: 25px;}

.offsetl-25 {padding-left: 25px; padding-right: 0px;}

.offsetl-35 {padding-left: 35px; padding-right: 0px;}

.offsetr-25 {padding-left: 25px; padding-right: 0px;}

.offsetr-15 {padding-left: 0px; padding-right: 15px;}

.offsetr-25 {padding-left: 0px; padding-right: 25px;}

.offset-icon { padding-left: 25px; padding-top: 3px; }

.heigh_2px{ height:2px; background-color: #e4fff6;}

.heigh_20px{ height:10px; background-color: #e4fff6;}

.heigh_4px{ height:4px; background-color: #d45b76;}

.heigh_50px{ height:50px;}

.width_50pr{ width:50%;}

.height_lrow{ height:200px;}

.whiteback {background-color: #ffffff; }

.greenback { background-color: #e4fff6; }

.whiteback {background-color: #ffffff; }

.blueback { background-color: #a2d9f7; }

.bluelightback { background-color: #e2effe; }

.row0{font-size:12px;}

.row0{display:block; background-color:#d9efff; padding-left: 0; padding-right: 0; color:#b5b5b5;}

.homebar {display:inline-block; margin:0 0; padding:0; line-height:normal;}

.homebar li a {font-size:14px; color:#0895ff; padding:2px 18px;}

.homebar li a:hover {color:#3682bb; text-decoration:none;}	

.homebar .active {color:#3682bb; text-decoration:none;}	

.socbar {display:inline-block; margin:0 0; padding:0; line-height:normal;}

.socbar a{font-size:14px; color:#0895ff; padding:2px 18px;}

.socbar a:hover{color:#3682bb; text-decoration:none;}	

.socbar ul li{border-color:rgba(255,255,255,.2); padding:2px 5px;}


h1{ font-size: 18px; font-weight: bold}

.spacer_2 {height: 2px;}
.spacer_5 {height: 5px;} .spacer_7 {height: 7px;} .spacer_10 {height: 10px;} .spacer_15 {height: 15px;} .spacer_20 {height: 20px;} .spacer_25 {height: 25px;} spacer_30 {height: 30px;} .spacer_35 {height: 35px;} .spacer_40 {height: 40px;} .spacer_50 {height: 50px;}
.spacer_90 {height: 90px;} .spacer_100 {height: 100px;} .spacer_150 {height: 150px;}


th, td {

    vertical-align: middle;
}

.vbottom{
	vertical-align:bottom;
	padding-bottom:10px;
}


.redius_5{border-radius: 5px;}


.topbgimg{
	background: url(../images/topbgimg_new.jpg) repeat-x;
}




.normaltext1{
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	color:#343543;
	text-align: justify;
	padding: 0 10px 0 10px;
	line-height:1.3em;
}

.normaltext2{
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
	color:#343543;
	text-align: justify;
	padding: 0 10px 0 10px;
	line-height:1.3em;
}

.normaltext3{
	font-size:13px;
	font-weight: bold;
	text-decoration:none;
	color:#343543;
	text-align: justify;
	line-height:1.3em;
}

.normaltext4{
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	color:#343543;
	text-align: center;
	line-height:1.3em;
}

.myifram2{
	height:400px;
}

.myiframmap{
	width:100%;
	height:430px;
	border:1px solid #000000;
}

#myifram{
	width:100%;
	height:290px;
}

#myifram1{
	width:100%;
	height:700px;
}

.morelink{
	font-family: Arial;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	color:#000000;
	text-align: right;
}


.morelink a{
	font-family: Arial;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	color:#000000;
	text-align: right;
}

.morelink a:hover{
	font-family: Arial;
	font-size:11px;
	font-weight: normal;
	text-decoration: underline;
	color:#000000;
	text-align: right;
}





.button {
  width:80px;
  height:30px;
  padding-top:0px;
  margin-top:0px;
  background:#42826c;
  border-radius: 5px;
  color:#fff;
  font-size:13px;
  font-weight: bold;
  text-align: center;
  margin:0;
	border:0;	

}

.submenu1 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    background-color: #0094da;
	text-align: left;
}

.submenu1 li a {
    display: block;
    color: #ffffff;
	border-bottom:7px solid #ffffff;
    padding: 5px 15px;
    text-decoration: none;
	font-size:12px;
}

/* Change the link color on hover */
.submenu1 li a:hover {
    background-color: #ef9f19;
    color: white;
	transition:background .5s;
}


.submenu2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    background-color: #000000;
	text-align: left;
}

.submenu2 li a {
    display: block;
    color: #ffffff;
	border-bottom:7px solid #ffffff;
    padding: 5px 15px;
    text-decoration: none;
	font-size:12px;
}

/* Change the link color on hover */
.submenu2 li a:hover {
    background-color: #b2e1fa;
    color: #000000;
	transition:background .5s;
}

.submenu2 li .active {
    background-color: #b2e1fa;
    color: #000000;
	transition:background .5s;
}

.imgsize{
	display:inline-block;
	width:100px;
	height:120px;
}

.imgsize1{
	width:350px;
	height:250px;
}


.button_example{
	vertical-align:middle;
	margin:0;
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #A5B8DA; background-image: -webkit-gradient(linear, left top, left bottom, from(#A5B8DA), to(#7089B3));
 background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -o-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: linear-gradient(to bottom, #A5B8DA, #7089B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A5B8DA, endColorstr=#7089B3);
}

.button_example:hover{
 border:1px solid #5d7fbc;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}




/*-------------Scroll ------------*/

.navbar-inverse {
  border:0;
  background:url(../images/menu_bg.jpg) repeat-x #d4e7fc;
  border-radius:0;
}
.navbar-inverse .navbar-brand {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-style:italic;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 6px rgba(33,33,33,0.91) 
	
	
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-weight: bold;
	color:  #646464;
/*  	background:url(../images/menu_bg_on.jpg) repeat-x;*/
}
.navbar-inverse .navbar-text {
	padding-right:12px;
	padding-left:12px;
  	color:  #646464;
}
.navbar-inverse .navbar-nav > li > a {
	padding-right:12px;
	padding-left:12px;
  	color:  #646464;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  	color: #ffffff;
	background:url(../images/menu_bg_on.jpg) repeat-x;
	transition:background .8s;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  	color: #ffffff;
	background:url(../images/menu_bg_on.jpg) repeat-x;
	transition:background .8s;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  	color: #ffffff;
	background:url(../images/menu_bg_on.jpg) repeat-x;
	transition:background .8s;
  
}

   
.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
	background-color:#55abda;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #55abda;
}


.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	color:#ffffff;
    background-color: #2496d4;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}   
    
/*------------about -------------*/

.activearrow{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-align:left;
	
}
.activearrow a{
	color: #414042;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	padding-left: 25px;
	padding-bottom:0px;
	font-weight:bold;
}

.activearrow a:hover{
	font-weight:bold;
	background: 10px 3px url(../images/activelinkon.gif) no-repeat;
	color:#d45b76;
	text-align:left;
	text-decoration:none;
}

.activearrow .active { /* Add this class for active page */
	font-weight:bold;
	background: 10px 3px url(../images/activelinkon.gif) no-repeat;
	color:#d45b76;
	text-align:left;
	text-decoration:none;
}


/*------------ footer ------------*/

.footertext {
	color: #008bd2;
	font-size: 15px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
}

.footermenu {
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	color:#000000;
	text-align: center;
}

.footermenu a{
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	color:#000000;
	text-align: center;
}

.footermenu a:hover{
	font-family: Arial;
	font-size:11px;
	font-weight: normal;
	text-decoration: underline;
	color:#000000;
	text-align: center;
}


.footermenu1 {
	color: #343434;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}

.footermenu1 a{
	color: #343434;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
}

.footermenu1 a:hover{
	color: #343434;
	font-weight: normal;
	text-decoration: underline;
}

.ampstext{
	color:#565656;
	font-size: 12px;
	text-align:center;
}

.ampstext a{
	font-size: 12px;
	text-align:center;
}


/* Overlay POP UP ---------------- */


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  top:20%;
  left:25%;
  width:50%;
  height: 500px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:50%; 
  height: auto;
  padding:10px;
  background-color:#ffffff;
}

.dialogtext1{
	font-family:Verdana, Geneva, sans-serif;
	color:#d45b76;
	font-size:25px;
	text-align:center;
	font-weight:bold;
	line-height: 30px;
}

.dialogtext2{
	font-family:Verdana, Geneva, sans-serif;
	color:#3682bb;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height: 30px;

}

.dialogtext3{
	font-family:Verdana, Geneva, sans-serif;
	color:#414042;
	font-size:16px;
	text-align: justify;
	font-weight:bold;
	line-height: 30px;

}

@media only screen and (max-width: 991px) {
	
.vline{
	border-bottom: 2px solid #9dbfea;
	border-right:0;
}	

#myifram{
	width:100%;
	height:280px;
}

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


.navbar-inverse {
		border: 1px;
		margin-top:20px;
	}
	
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000000;
		background-color:#7fb0ff;

    }
	

.offset-25 {padding-left: 0px; padding-right: 0px;}	
	


.height_lrow{ height: auto;}

.offsetl-15xs {padding-left: 15px; padding-right: 5px;}

.offsetl-25 {padding-left: 5px; padding-right: 5px;}

.offsetl-35 {padding-left: 5px; padding-right: 5px;}

.offmarg-15{ margin-left:0; margin-right:0;}




.footertext {
	font-size: 15px;
}
.tipheight { height: 40px;}

.tipaling { padding:5px;}

.heigh_50px{ height:30px;}

.width_50pr{ width:0%;}




}



.awesome {
      
   font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-style:italic;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 6px rgba(33,33,33,0.91) 
      
      
      margin: 0 auto;
     
      position: absolute;
      -webkit-animation:colorchange 10s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color:#ffffff;
      }
      
  
      20% {
        
        color: #d35400;
      }
      
 
      
      40% {
        
        color: #ffffff;
      }
      
 
      60% {
     
        color: #f1c40f;
      }
      
      80% {
     
        color: #2980b9;
      }
 
    }





.burst {
  animation: burst_2556 7s linear infinite;
  transform-origin: 30% 30%;
}

@keyframes burst_2556 {
  0% { opacity:1 }
  16.6665% { transform:scale(1.5); opacity:0 }
  16.66667% { transform:scale(1); opacity:1 }
  100% { transform:scale(1); opacity:1 }
}

.animationName {
  animation: animationName_4050 3s ease-out infinite;
  transform-origin: 50% 50%;
}

@keyframes animationName_4050 {
  0% {  transform: scale(1) }
  8.33333% {  transform:scale(.9) rotate(-8deg) }
  16.66667% {  transform:scale(.9) rotate(-8deg) }
  25% {  transform:scale(1.3) rotate(8deg) }
  33.33333% {  transform:scale(1.3) rotate(-8deg) }
  41.66667% {  transform:scale(1.3) rotate(8deg) }
  50% {  transform:scale(1.3) rotate(-8deg) }
  58.33333% {  transform:scale(1.3) rotate(8deg) }
  66.66667% {  transform:scale(1) rotate(0) }
  100% {  transform:scale(1) rotate(0) }
}






@keyframes move {
  20%, 100% {
    opacity: 0;
    transform: translate(200px, 0);
  }
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}




@media screen and (min-width: 768px) {
  .equal  {  
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 1 auto;
  }
}