

body
{
	background: #FFF;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	position: relative;
}

/* start templatemo page container */
@media (min-width: 768px) {
	.container { width: 700px; }
}
@media (min-width: 992px) {
	.container { width: 900px; }
}
@media (min-width: 1200px) {
	.container { width: 1000px;	}
}
/* end templatemo page container */

.blue {
	color: #06C;
}


  .mylivechat_poweredby{ visibility:hidden; display:none;}



.gray
{
background: rgba(247,247,247,1);
background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,247,247,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 100%);
background: linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=1 );
	}
	
.lightgray
{ background-color:#efefef;
  border:5px solid #fff;
	}
	
	.orange { background-color:#940113;  color:#fff;}
	
.opacitylight{ 	 -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;opacity:0.2;
          }
.opacitylight:hover{     opacity:1;}


.green {
	color: #090;
}

/* start templatemo navigation */
.navbar-default
{
	background:transparent;
	border: none;
/*	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);*/
	margin: 0;
}
.navbar-default .navbar-brand
{
	font-weight: 600;
	font-size: 30px;
	padding: 10px 0 0 0;
	height: 65px;
	line-height: 40px;
}
.navbar-default .navbar-brand:hover { color: #940113; }
.navbar-default .nav li a
{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	/*height: 65px;*/
	/*line-height: 38px;*/
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-default .nav li a:hover
{
	background-color: #336eca;
	color: #FFF;
}
.navbar-default .nav li a:focus { color: #303030; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #336eca;
}
.navbar-default .navbar-toggle
{
	border: none;
	padding-top: 18px;
}
.navbar-default .navbar-toggle .icon-bar
{
	background: #940113;
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }
/* end templatemo navigation */

/* start templatemo header background slideshow */
#home { padding-top: 0;  height:100%; } /* 65px;*/
.flexslider {
	margin: 0;  /*0 0 60px; */
	
	padding: 0;
	position:relative;
	zoom: 1;

	overflow: hidden;
	margin: 0;
	
}
.flexslider .slides {
	padding: 0;
	zoom: 1;
}
.flexslider .slides img {
	width: 100%;
/*	min-width: 648px;
	height:100%;*/
/*	min-height: 270px;*/
 
	display: block;
}
.flexslider .slides > li {
	display: none;  
	padding: 0;
	position: relative;
	-webkit-backface-visibility: hidden;
}
.flexslider img {
	position: relative;
	width: 100%;
	left: -280px;
	top:-50px;
	
}
.slider-caption {
	color:white;
	margin: 0;
	position: absolute;
	top: -100px;
	left:180px;
	text-transform: uppercase;
	z-index: 7;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: right;
}


#headerslider h1 
{
    color:#2db814;
    letter-spacing:-1;
    font-size:52px;
    padding:0; margin:0;
    margin-top:180px;
   
    font-weight:bold;
}
#headerslider h2 
{    padding:0; margin:0;
    color:#01174f;
    
}


.textcolored{ color:#01174f; 
            transition: all 0.5s ease;
              }
.textcolored:hover{ color:#336eca; cursor:pointer; 
          
 transform: rotate(45deg); identical to rotateZ(45deg);

                    }


.rotateHover{ 
            transition: all 0.5s ease;
                 border-left:solid 15px #fff;
         border-radius:100%;
              }

.rotateHover:hover{ 
         transform: rotate(-5deg); identical to rotateZ(-5deg);
         border-left:solid 15px #ddd;
         border-radius:100%;
              }

/* FlashBack */












.fontwhite 
{
     color:#fff;
    }


.fontwhite h2
{
     color:#fff;
    }


    









.flashBack 
{
    
   
  filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
 transition: all 0.5s ease;

    }
    
    
    
    
   

.flashBack:hover 
{
    
 /*filter: brightness(120%);
-webkit-filter: brightness(120%);
-moz-filter: brightness(120%);
-o-filter: brightness(120%);
-ms-filter: brightness(120%);*/

          animation:myfirst 0.8;
         
      -moz-animation:myfirst 0.8s infinite; /* Firefox */
    -webkit-animation:myfirst 0.8s infinite; /* Safari and Chrome */
    animation-delay:1.7s;
     animation-iteration-count: 1;
    }


        @-webkit-keyframes myfirst /* Safari and Chrome */
    {
    0%   
    {
    
      filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
  transition: all 0.5s ease;
    }
    
    50%   
    {
      filter: brightness(120%);
-webkit-filter: brightness(120%);
-moz-filter: brightness(120%);
-o-filter: brightness(120%);
-ms-filter: brightness(120%);
  transition: all 0.1s ease;
    }
    
    100%   
    {
              filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
  transition: all 0.5s ease;
        

    }
    }
    


/*
     
    {
    0%   
    {
 filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
 transition: all 0.5s ease;
    }
    50%  
    {
                   filter: brightness(120%);
-webkit-filter: brightness(120%);
-moz-filter: brightness(120%);
-o-filter: brightness(120%);
-ms-filter: brightness(120%);
        }
    100%   
    {
 filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
 transition: all 0.5s ease;
        }
    }

       
    {
    0%   
    {
     filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
 transition: all 0.5s ease;
    }
    50%  
    {
                   filter: brightness(120%);
-webkit-filter: brightness(120%);
-moz-filter: brightness(120%);
-o-filter: brightness(120%);
-ms-filter: brightness(120%);
        }
    100%   
    {
         filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
 transition: all 0.5s ease;
        }
    }




*/









.templatemo-slider-btn
{
	background: #00acdc;
	border-radius: 0;
	border: 2px solid transparent;
	color: #FFFFFF;
	font-weight: bold;
	margin: 40px 0 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	height: 50px;
	width: 250px;
	padding: 12px 10px 10px 10px;
}
.templatemo-slider-btn:hover,
.templatemo-slider-btn:focus {
	background: #fff;
	color: #940113;
	border: 2px solid transparent;
}

/* start templatemo features */
.features
{
	background: #F9F9F9;
	border-bottom: 1px solid #f0f0f0;
	padding: 60px 0 60px 0;
}
.features h2
{
	font-weight: 400;
	padding-bottom: 20px;
}
.features h3
{
	font-weight: 400;
	padding-bottom: 6px;
}
.features .fa
{
	background: #00acdc;
	border-radius: 50%;
	color: #FFF;
	font-size: 28px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;

}
.features .fa:hover
{
	background: #303030;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
/* end templatemo features */

/* start templatemo about */
#about
{
	color: #333;
	padding: 60px 0 60px 0;
}
#about .col-md-12 {	padding: 20px 0 0 0; }
#about h2
{
	font-weight: 600; /* 400 */
	padding: 0 0 20px 0;
}
#about h4
{
	font-weight: 600;
	padding-top: 6px;
	padding-bottom: 10px;
}
#about .skills { padding-top: 30px; }
#about .progress
{
	background: #999;
	height: 6px;
	margin: 10px 0 16px 0;
}
#about .progress .progress-bar-success { background: #ffa400; }
/* end templatemo about */

/* start templatemo team */
#team
{
	background: #F9F9F9;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 60px 0 60px 0;
}
#team .col-md-3 { margin-bottom: 20px; }
#team h2
{
	font-weight: 400;
	padding: 0 0 20px 0;
}
#team h3
{
	background: #FFF;
	color: #ffa400;
	font-weight: 600;
	padding: 10px;
}
#team img
{
	cursor: pointer;
	display: inline-block;
	margin-top: 60px;
	margin-bottom: 10px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#team img:hover
{
	border-radius: 50%;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
/* end templatemo team */

/* start templatemo portfolio */
#portfolio
{
	text-align: center;
	padding: 60px 0 100px 0;
}
#portfolio h2
{
	font-weight: 400;
	padding: 0 0 20px 0;
}
#portfolio p {	margin-bottom: 60px; }
#portfolio .col-md-3 { padding: 4px; }
#portfolio .image_thumb
{
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
#portfolio .image_thumb .image_overlay
{
	background: #ffa400;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	top: 0;
	left: 0;
	bottom: 0;
	/*padding-top: 46px;*/
	text-align: center;
}
#portfolio .image_thumb:hover .image_overlay { opacity: 0.9; }
#portfolio .image_thumb .image_overlay .fa
{
	background: #EEE;
	border-radius: 50%;
	color: #444;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	opacity: 1;
	/*http: //www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/; */
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#portfolio .image_thumb a:hover { text-decoration: none; }
/* end templatemo portfolio */

/* start templatemo contact */
#contact
{

	color: #999;
	padding: 10px 0 30px 0; /*80px*/
}




.contact {
    color: #EEE;
    padding: 10px 0 30px 0;
}





#contact h2 { font-weight: 400; }
#contact .text-center p { /*padding: 0 0 60px 0;*/ }
#contact h2, #contact h3 { padding: 0 0 0 0; /*padding: 0 0 20px 0;*/ }
#contact .form-control
{
	background: transparent;
	border: 1px solid #B9B9B9;
	border-radius: 0px;
	color: #333;
	margin: 3px 0 3px 0;
}
#contact input { height: 50px; } /*height: 60px;*/
#contact .form-control:focus
{
    background: #FDFDFD;
    border-color: rgb(148, 1, 19);
	box-shadow: none;
}
#contact input[type="button"]
{
	color: #FFF;
	font-weight: 600;
	letter-spacing: 1px;
	width: 220px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#contact input[type="button"]:hover
{
	background: #01174F;
	border-color: transparent;
	color: #FFF;
}
#contact .address
{
	padding: 20px;
	padding-top: 0;
	margin: 0;
}



#section5{ background-color:#303030;}

.footer {
  /*position: absolute;*/
  bottom: 0;
 /* margin-bottom:70px;*/
   width:100%;
  }




a {	color: #01174f; }
a:hover, a:active 
{
	color: #333;
	text-decoration: none;
}
/* end templatemo contact */

/* start templatemo footer */
footer
{
	border-top: 1px solid #404040;
	background: #000;
	color: #FFF;
	padding: 30px 0 20px 0;
}


 

 .social_icon a
{
	border: 2px solid #fff;
	border-radius: 50%;
	color: #FFF;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	margin: 0 4px 24px 6px;
	
}
 .social_icon a:hover
{
     transform: rotateZ(360deg); identical to rotateZ(360deg);
	border-color: #fff;
	background: #fff;
	color:#1a1a1a;




}
/* end templatemo footer */

/* starttemplatemo  go top */
.go-top 
{
	background-color: #fe6a00;
	border-radius: 50%;
	bottom: 2em;
	right: 2em;
	color: #FFF;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.go-top:hover {	color: #F9F9F9; }




textarea:focus, input:focus{
    outline: 0;
}













.top15 { margin-top:15%;}
.top5 { margin-top:5%;}
.contentSection h1{  text-transform:uppercase;  color:#444346; font-size:65px; font-weight:600; line-height:normal; padding:0; margin:0;}
.contentSection h2{  text-transform:uppercase;  color:#444444; font-size:30px;  font-weight:600; line-height:20px;  margin: 0; padding:0; }
.contentSection p { font-size:16px; margin:30px 0 20px 0; line-height:normal; color:#1d1d1d;   }
.orangeButton{transition: background-color 0.3s ease; background-color:#336eca; font-size:14px; color:#fff; margin:0; text-transform:uppercase; border:0; padding:13px 35px 13px 35px;}
.orangeButton:hover{ background-color:#01174f; }


.orangeButton2{transition: background-color 0.3s ease; background-color:#940113; font-size:14px; color:#fff; margin:0; text-transform:uppercase; border:0; padding:13px 20px 13px 20px;}
.orangeButton2:hover{ background-color:#01174f; }

.floatright { float:right;}

.box{ padding:3px; }
.bluebox{ width:100%; height:200px; margin:auto; /*background-color:#00acdc;*/ transition: background-color 0.3s ease; border:1px solid #b2b4b9;}
.bluebox:hover { background-color:#f8f8f8; cursor:pointer; }
.darkbluebox{ width:100%; height:320px; margin:auto; background-color:#0097c1; transition: background-color 0.3s ease;}
.darkbluebox:hover { background-color:#007ea1; cursor:pointer; }
.box h1 {color:#940113; font-weight:normal; font-size:19px; text-transform:uppercase; line-height:normal; padding:0; margin:0;}
.box p {color:#222; font-size:13px; text-align:center; line-height:15px; padding:12px; margin:0; font-weight:normal;}

/*#section2 {  overflow-y: scroll;}*/
#section3 p { color:#fff; text-align:center; font-style:italic; }
#section3 h2 { color:#fff; font-size:22px; font-style:italic;  text-transform:capitalize;}


.box2{ padding:5px; }
.box2 h1 {color:#1d1d1d; font-weight:normal; font-size:19px; text-transform:capitalize; line-height:normal; padding:0; margin:0;}
.box2 p {color:#1d1d1d; font-size:13px; line-height:15px; padding:12px; margin:0; font-weight:normal; text-align:center;}
.whitebox{  width:100%; height:320px; margin:auto; background-color:#fff; transition: background-color 0.3s ease;}


#bullts .active { background-color:#f47317;}




.graybackground{ background-color:#f6f6f6;} 


.skybluebox{ background-color:#00acdc; padding:25px 15px 25px 0; }

.skybluebox p { color:#fff; font-size:14px;}
.skybluebox h2 { font-size:22px; color:#fff;}


.whtboxL {   
    padding-left: 0;}
.whtboxR {   
    padding-right: 0;}
    
.whitecol { background-color:#fff; padding:15px; min-height:160px;  }
.whitecol h3 { padding:5px 0; margin:0; color:#940113; font-size:18px;}
 

.quotes {float:left; margin-top:-68px;}


/* end templatemo go top */

@media only screen and (max-width: 1199px) {
	.flexslider h1 { font-size: 30px; }
	.flexslider h2 { font-size: 24px; }
}

/* start templatemo 768 media quires */
@media only screen and ( max-width: 768px ) {
	.navbar-default .navbar-brand {	margin-left: 20px; }
	.navbar-default .navbar-nav	{ margin: 0; }
	.navbar-default .navbar-collapse
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.flexslider h1 { font-size: 26px; }
	.flexslider h2 { font-size: 18px; }
	.templatemo-slider-btn { 
		margin-top: 10px; 
		width: 180px;
		height: 40px;
		padding-top: 8px;
	}
	
	
	
.contentSection h1{  font-size:22px; }
.contentSection h2{   font-size:17px;   }
	
#contact h2, #contact h3 {  font-size:22px; padding:0;  }
 #contact h4 { font-size:14px; margin:0; padding-bottom:10px;}
 
 

 
.whtboxL {   
    padding:10px 0;}
.whtboxR {   
    padding:10px 0;}
	
.quotes {float:left; margin-top:-50px;}
	
	
}



/* end templatemo 768 media quires */

/* start templatemo 680 media quires */
@media only screen and ( max-width: 680px ) {
	.navbar-default .navbar-nav li a { border-bottom: 1px solid #f6f6f6; line-height: normal; height: 40px; }
}
/* end templatemo 680 media quires */

/* start templatemo 600 media quires */
@media only screen and ( max-width: 640px) {	
	.flexslider h1 { font-size: 20px; }
	.flexslider h2 { font-size: 14px; }
	.templatemo-slider-btn {
		width: auto;
		height: auto;
		padding: 10px 20px;
		margin-top: 10px; 
	}
}
/* end templatemo 600 media quires */







.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
    }


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
    }


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
    }



.flex-control-paging{ display:none;}
.activebox{ background-color:#f8f8f8;}

.displaynone{ display:none;}







