/*--video---*/

/*--validation --*/
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob cs*/

.close-pop-window {
cursor:pointer; margin-top:-9px; margin-right:-9px; font-size:8pt; position:absolute; right:12px;
}

.select-box {
	max-width:100px; float:left;
}
.col-left {
	 width:95%; float:left;
}
.error-text {
	color:rgba(245,64,33,0.8); font-size:9pt; display:block;
}
.col-right{
	 width:5%; float:left;
}

.pop-window { width:85%; border-radius:5px; display:none;
	position:absolute;  z-index:100; margin-top:20px; background-color:#faf8af; font-weight:normal; font-size:8pt !important; font-family:Arial, Helvetica, sans-serif;
	padding:10px; text-align:justify; margin-left:-10px; border:1px rgba(200,200,200,0.5) solid;
	box-shadow:0px 0px  2px rgba(200,200,200,0.9);
	color:rgba(100,100,100,0.9);
}

img[role=validation]{
	 margin-top:6px; cursor:auto; display:none;
	
-moz-animation:blink normal 1s 1 ease-in-out; /* Firefox */
-webkit-animation:blink normal 1s 1 ease-in-out; /* Webkit */
-ms-animation:blink normal 1s 1 ease-in-out; /* IE */
animation:blink normal 1s 1 ease-in-out; /* Opera and prob css3 final iteration */

}


.green {background-color:#57A639;  }
.green .arrow-up{border-bottom-color:#57A639;}
.error { background-color:#B32821;}
.error .arrow-up{border-bottom-color:#B32821;}
.prompt-validation { width:auto; max-width:250px; display:none; color:rgb(255,255,255);margin-top:10px; position:absolute; right:15px;  padding:5px 15px; border-radius:0px 0px 5px 5px;font-family:Arial, Helvetica, sans-serif; font-size:9pt;}

.arrow-up {
	width: 0; 
	height: 0; 
	right:5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position:absolute;
	margin-top:-13px;
	border-bottom: 10px solid;
}

/*--validation --*/


.bg-1{background-color:#6C4675 !important;}
.bg-2{background-color:#2271B3 !important;}
.bg-3{background-color:#35682D !important;}
.bg-4{background-color:#9D9101 !important;}
.bg-5{background-color:#D53032 !important;}
.bg-6{background-color:#308446 !important;}



.bg-img-1 {background-image:url('../banner/1.jpg') !important;}
.bg-img-2 {background-image:url('../banner/2.jpg') !important;}
.bg-img-3 {background-image:url('../banner/3.jpg') !important;}
.bg-img-4 {background-image:url('../banner/5.jpg') !important;}
.bg-img-5 {background-image:url('../banner/4.jpg') !important;}
.bg-img-6 {background-image:url('../banner/6.jpg') !important;}
.bg-img-7 {background-image:url('../banner/7.jpg') !important;}

.text-heading{
	color:rgba(30,30,30,0.9) !important;text-shadow: 1px 1px #fff, -1px -1px #3d3d3d !important;
	font-family: 'Atomic Age', cursive !important;
	 background-color:rgba(255,255,255,0.4); display:table; margin-left:auto; margin-right:auto; padding:15px; border-radius:5px;
}
.color-white{color:white !important;}

.list {
	 display:table;
}
.list li{
	 text-align:left; font-weight:bold; font-size:1.8em;
}
a {
	 text-decoration:none !Important; transition-duration:800ms;
	 ms-transition-duration:800ms;
	   -webkit-transition-duration:800ms;
	    -moz-transition-duration:800ms;
	     -o-transition-duration:800ms;
}
.center {
	 display:table !important; margin-left:auto; margin-right:auto; width:auto !important;
}
/*--language--*/

.language{background-color:rgba(100,100,100,0.9); border:0px; padding:9px; border-radius:5px; color:white; position:relative; margin-top:10px;}
.popover-content {
	 background-color:white;
}
.popover-content .list-group{margin-bottom:0px !important;}
.popover-content .list-group-item  {padding:0px !important;min-width:135px;}
.popover-content .list-group-item img{ float:right;}
.popover-content li a{color:black; display:block; font-size:11pt; line-height:30px; padding: 10px 15px; }

.popover-content li a:hover{ color:rgba(100,100,100,0.9); background-color:rgba(230,230,230,0.9);}


/*sign up*/
.login-other {display:table; margin-left:auto; margin-right:auto; width:200px; }

.or {
display: block;
border-bottom: 2px rgba(230,230,230,0.9) solid;
height: 10px;
margin-bottom: 20px;
text-align: center;
margin-top: 10px;
}
.or small {
background-color: white;
padding: 3px;
border-radius: 50%;
border: 2px rgba(230,230,230,0.9) solid;
color: rgba(200,200,200,0.9);
}

.panel-primary
{ border:0px transparent solid !important;

	 }
	 @media(min-width:768px)
	 {
	.modal-dialog
	{
	width:420px !important;
}
}
.panel-body span
{
	font-size:10pt;
}
	.username
	{
background-repeat:no-repeat;background-position:right; 
}
.password
{
background-repeat:no-repeat;background-position:right; 
}
.Email
	{
background-repeat:no-repeat;background-position:right;
}
.register
{
	margin-right:12px;
}
.goinaccount
{
	border-bottom:1px #e5e5e5 solid;width:100%;padding-bottom:5px;
}
 .margin-top
    {
	margin-top:12px;
}
.regis .panel-heading
{
	padding:20px;
}
.panel-body
{
	margin-left:17px;margin-right:17px;
}
#signup .form-group
{
	margin-bottom:0px !important;
}
#signup .panel-body
{
	padding-bottom:0px !important;
}

.key
{ font-weight:bold; font-size:20pt !important; font-style:italic; letter-spacing:2px; color:rgba(150,150,150,0.9);
	 background-image:url('../img/bg-captch.jpg'); border:1px rgba(200,200,200,0.9) solid; margin-top:5px; padding-left:15px; padding-right:15px;
	  display:table; text-align:center;
}

 @media(min-width:768px)
	 {
	.login .modal-dialog
	{
	width:320px !important;
}
}
.margin-top5
{
	margin-top:5px;
}
.borderbottom
{
	border-bottom:3px #428bca solid;
}

/*.box-icon { background-color:#347dbd;
	 display:inline-block; left:0px; top:0px; height:100%; position:absolute; width:30px;
}*/
.login-other .btn:nth-child(even)
{
	 min-width:150px;min-height:41px;
}
.login-other i
{
	font-size:15pt !important; margin-top:5px;
}
.login-other .btn:nth-child(odd)
{
	 min-width:45px;
}
.login .panel-heading
{
	padding:12px !important;
}

.down-btn {
 display:table; margin-left:auto; margin-right:auto; 
}
.btn-top { margin-top:-35px; position:relative; z-index:100;

	
}
.btn-top i{
	 color:black;
}
.down-btn a{ 
	 display:table;  color:white; font-size:28px; font-weight:bold; line-height:20px;  width:70px; height:30px;text-align:center; padding-top:8px;
	  background-color:rgba(255,255,255,0.2); border-radius:50px 50px 0px 0px;
}
.btn-top a{
	 background-color:white;
}
.down-btn  a:hover{
	  background-color:rgba(255,255,255,0.9);
}
.down-up {
	 display:table; margin-left:auto; margin-right:auto; 
}

.down-up a{ 
	 display:table;  color:white; font-size:28px; font-weight:bold; line-height:0px;  width:70px; height:30px;text-align:center; padding-top:8px;
	  background-color:rgba(255,255,255,0.2); border-radius:0px 0px 50px 50px;
}
.down-up i{
	 margin-top:-10px;
}
.top-btn a{
	 background-color:rgba(200,200,200,0.9);
}
.top-btn a:hover{
	background-color:rgba(200,200,200,0.9); 
}
/*--login- resgister --*/


.know-more {
	 display:table; margin-left:auto; margin-right:auto;  margin-top:15px;
}
.know-more .btn{
	 background-color:#267077;  font-size:10pt;  letter-spacing:1px; min-width:100px; color:white;
}
.navbar-inverse .navbar-nav > li > a {
	 color:rgba(230,230,230,0.9) !important;
}
.know-more .btn small {
	 font-size:7pt;
}
.navbar-inverse{
	 background-color:rgba(64,64,64,0.9) !important; border-bottom:1px rgba(150,150,150,0.2) solid;
}
.know-more .btn:hover{
	color:white; background-color:#1d636a; 
	
}
.shadow{
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-color{ padding:10px 15px;   margin-right:2px; font-weight:bold;
	background-color:#E55137;   font-family:Arial, Helvetica, sans-serif !important; font-size:10pt;
	color:rgba(255,255,255,0.9); border:0px rgba(150,150,150,0.5) solid;
	
	

	-moz-box-shadow:inset 0px 1px 0px 0px white
	-webkit-box-shadow:inset 0px 1px 0px 0px white;
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.4);
	
}

@media (max-width:768px)
{
.navbar-right .login-btn {
	 width:100%;
}
.navbar-right .login-btn .btn  {
	 width:100%; 
	 
	-moz-box-shadow:inset 0px 0px 0px 0px white
	-webkit-box-shadow:inset 0px 0px 0px 0px white;
	box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0.4);

}
.language {
	 width:100%;
}
}


.reg { background-color:#3B83BD;

}
.reg:hover{
	background-color:#3f89c4 !important ;
}
.btn-color:hover {
 background-color:red;	background-color:#ec593f;
	color:rgba(255,255,255,0.9); border:0px rgba(150,150,150,0.5) solid;
}
.login-menu .active{
	 background-color:rgba(50,50,50,0.9) !important;
}
.logo {
margin-top: 10px;
font-size: 35px;
color: rgba(255,255,255,0.9) !important;
display: block;
text-decoration: none;
letter-spacing: -0px;
text-align: center;
color: #999;
text-shadow: 0px 3px 8px #2a2a2a;
}

/* Global Styles */
html,
body {
  height: 100%;
  width: 100%;
	}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: rgba(255,255,255,0.9);
  text-shadow: 0px 2px 1x #f0f0f0;
}    
@media (max-width:350px)
{
	
.vert-text >  h1 > span
{
 display:block;	
}

}
.vert-text h1 {
  padding: 0;
  margin: 0;

  font-size: 4.5em;
  font-weight: 700;
}
.vert-text h2{
	 color:#3B83BD;  }


/* Side Menu */

#sidebar-wrapper {
  margin-right: -250px;
  right: 0;
  width: 250px;
  background: #000;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 55px;
  line-height: 55px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#menu-toggle {
  top: 0;
  right: 0;
  position: fixed;
  z-index: 1;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.toggle {
  margin: 5px 5px 0 0;
}

/* Full Page Image Header Area */

.header {
  display: table;
  height:400px;
  width: 100%;
  position: relative;
background: url(../banner/banner-1.jpg) no-repeat top center fixed;
      }
      
      @media(min-width:1400px)
      {
	.header{
-webkit-background-size:100%;
-moz-background-size: 100% ;
 -o-background-size: 100%;
background-size: 100%;

}
}


/* Intro */

.intro {
background-color:rgba(255,255,255,0.9);
   padding-bottom:0px !important;
}
/* Services */


.services_Hover {
	  font-size:20px; line-height:15px;
}
.services {
  background:#3F888F;
  padding: 30px 0;
   padding-bottom:0px !important;
  color: #ffffff;
}

.service-item {
  margin-bottom: 15px; margin-left:30px; margin-right:30px;
}

i.service-icon {
  border: 5px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 120px;
  height: 120px;
  line-height: 100px;
  vertical-align: middle; 
  text-align: center;
}


/* Callout */

.callout {
  color: #ffffff;
  display: table;
  height: 350px;
  width: 100%;
  background: url('../banner/banner-2.jpg') no-repeat center center fixed; 
  -webkit-background-size:100%;
-moz-background-size: 100% ;
 -o-background-size: 100%;
background-size: 100%;

 }
 @media(min-width:768px) and (max-width:1150px)
{
	.callout{ height:230px;}
}

 @media(max-width:768px)
{
	.callout{ height:150px;}
}

 @media(max-width:650px)
{ 
	.callout{  height:100px;}
}


/* Portfolio */

.portfolio {
  padding: 50px 0;
}

.portfolio-item {
  margin-bottom: 25px;
}

.img-portfolio {
  margin: 0 auto;
}


/* Call to Action */

.call-to-action {
  color: #ffffff;
  background: #0a5175;

}

.call-to-action .btn {
  margin: 10px;
}

/* Footer */
footer{
	 background-color:rgba(64,64,64,0.9); border-top:2px rgba(200,200,200,0.9) solid;
}
footer a{
	 color:rgba(230,230,230,0.9); font-size:10pt; border-bottom:1px transparent solid; padding-bottom:2px;
}

footer a:hover{
	 color:white;
}
footer h2{
	 font-size:15pt; color:rgba(200,200,200,0.9); font-weight:bold; margin-bottom:10px;
}
footer .footer-list a:hover{
	 color:rgba(250,250,250,0.9);border-bottom:1px white solid;
}
.footer-list { margin:0px; padding:0px; list-style:none;}
.footer-list li {  margin-top:5px;}
.border-top {
	border-top:1px rgba(200,200,200,0.5) solid; padding-top:5px;
}

.copyright {  padding-top:5px;
	 	 background-color:rgba(54,54,54,0.9);  color:rgba(240,240,240,0.9); font-size:9pt;
	 	 line-height:30px; text-align:center;
}

.copyright  a{
	color:white; font-size:10pt;
}

@media (max-width:850px)
{

	.h-sm{ display:none !important;}
	
}

@media (max-width:350px)
{
.color-white{
	 font-size:18px;
}
.language {
	 margin-left:auto; margin-right:auto; display:table;
}
.login-btn {
	 width:100%;
}
.login-btn .btn{
	 width:100%; margin-top:5px;
}
.text-heading { font-size:25px;}
.col-xs{float:none !Important; width:100%;}
.list li{ font-size:12px;}

}


#Follow h2{
	 color:rgba(255,255,255,0.9);
	  margin:0px; 
}

#Follow p{
	 color:white; font-size:11pt; margin-top:10px;
}

#Follow  .service-icon {
	 color:white; line-height:70px; height:80px; width:80px; font-size:35px;
}
#Follow  .service-icon:hover {
 background-color:rgba(255,255,255,0.2);	
}

#Follow  .service-icon:hover i{
	
	 
	  transition-duration:800ms;
	  transform:rotate(360deg);
	  
	  -webkit-transition-duration:800ms;
	  -webkit-transform:rotate(360deg);
	  
	  -moz-transition-duration:800ms;
	  -moz-transform:rotate(360deg);

   	  -o-transition-duration:800ms;
	  -o-transform:rotate(360deg);
   	  -ms-transition-duration:800ms;
	  -ms-transform:rotate(360deg);

	  

}



.intro:hover .service-icon img, .service-item:hover  img{
    animation:rotate 2s linear infinite; 

   -webkit-animation:rotate 2s linear infinite;
   -moz-animation:rotate 2s linear infinite;


	
	
	
} 



@media(min-width:900px)
{
	 .intro .container{ padding-top:40px; padding-bottom:40px;}
}
@media (max-width:900px)
{
	 .intro .container{ padding-top:80px; padding-bottom:80px;}
}
@media (max-width:400px)
{
	 .intro .container{ padding-top:30px; padding-bottom:30px;}
}


@keyframes rotate {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}

@-moz-keyframes rotate {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}

@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}