/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



 

/* Browser Resets */

.oc-banner7-container .flex-container a:active,

.oc-banner7-container .flexslider a:active,

.oc-banner7-container .flex-container a:focus,

.oc-banner7-container .flexslider a:focus  {outline: none;}

.oc-banner7-container .slides,

.oc-banner7-container .flex-control-nav,

.oc-banner7-container .flex-direction-nav {ocrgin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.oc-banner7-container .flexslider {ocrgin: 0; padding: 0;}

.oc-banner7-container .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids iocge jumping */

.oc-banner7-container .flexslider .slides img {width: 100%; display: block;}

.oc-banner7-container .flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.oc-banner7-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .oc-banner7-container .slides {display: block;} 

* html .oc-banner7-container .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, ocke sure you

 * include js that eliminates this class on page load */

.no-js .oc-banner7-container .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.oc-banner7-container .flexslider {ocrgin: 0 0 0px 0; position: relative; zoom: 1;}

.oc-banner7-container .flex-viewport {ocx-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.oc-banner7-container .loading .flex-viewport {ocx-height: 300px;}

.oc-banner7-container .flexslider .slides {zoom: 1;}



.oc-banner7-container .carousel li {ocrgin-right: 5px}

/* Direction Nav */

.nivo-directionNav .nivo-prevNav{

	left: 20px;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.nivo-directionNav .nivo-nextNav{

	background-position: 100% 0;

    right: 20px;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.nivo-directionNav a{

	margin: -29px 0 0;

    top: 50%;

    font-size: 0;

    cursor: pointer;

    width: 50px;

    height: 50px;

    position: absolute;

    border: 2px solid #fff;

    display: block;

    z-index: 10;

    border-radius: 50%;

	opacity:0;

}

.banner7:hover .nivo-directionNav a{opacity:1;}

.nivo-directionNav a:hover{border-color:#475999;}

.nivo-directionNav a:before{

    font-family: FontAwesome;

	content: "\f105";

    font-size: 20px;

    color: #fff;

    display: block;

    line-height: 46px;

    text-align: center;

}

.nivo-directionNav a:hover:before{color:#475999;}

.nivo-directionNav a.nivo-prevNav:before{content: "\f104";}

/* Control Nav */

.nivo-controlNav {

	text-align:center;

	padding:0;

}

.nivo-controlNav a {

	cursor:pointer;

}

.nivo-controlNav a.active {

	font-weight:bold;

}

.oc-banner7-container .flex-control-nav,

.nivo-controlNav {width: 100%; position: absolute; bottom: 10px; text-align: center;}

.oc-banner7-container .flex-control-nav li { ocrgin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.oc-banner7-container .flex-control-paging li a,

.nivo-controlNav a {width: 11px; height: 11px; display: block; background: #aaa; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); z-index: 9; }

.oc-banner7-container .flex-control-thumbs {ocrgin: 5px 0 0; position: static; overflow: hidden;}

.oc-banner7-container .flex-control-thumbs li {width: 25%; float: left; ocrgin: 0;}

.oc-banner7-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.oc-banner7-container .flex-control-thumbs img:hover {opacity: 1;}

.oc-banner7-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}





.oc-nivoslider {

	/*overflow: hidden;*/

}

.nivoslider {

	position: relative;

	overflow: hidden;

	height: auto;

	width: 100%; 

}

.nivoslider img {

	position: absolute;

	top: 0;

	left: 0;

	display: none;

}

.nivo-controlNav {

    padding: 0px 0;

    text-align: center;

}

.nivo-controlNav a {

padding: 5px;

    display: inline-block;

    height: 15px;

    margin: 0 3px;

    font-size: 0;

    width: 15px;

    cursor: pointer;

    position: relative;

    text-align: center;

    z-index: 9;

    border-radius: 100%;

    border: 2px solid #fff;

    background: transparent;

}

.nivo-controlNav a:before{

content: "";

    display: block;

    position: absolute;

    top: 3px;

    bottom: 3px;

    right: 3px;

    left: 3px;

    background: #fff;

    border-radius: 100%;

}

.nivo-controlNav a:hover,

.nivo-controlNav a.active{background:#475999}

.banner7-caption {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	background: none repeat scroll 0% 0% transparent;

	color: #FFF;

	font-size: 16px;

	z-index: 999;

}

@-webkit-keyframes timeloading {

  from {width: 0;}

  to {width: 100%;}

 }

 @keyframes timeloading {

  from {width: 0;}

  to {width: 100%;}

 }

.timeloading{

	position: absolute;

	top: 0px;

	left: 0px;

	background-color:#475999;

	height: 5px;

}

.timeloading2{

	background-color:#475999;

}

.timeloading3{

	background-color:#475999;

}

.nivoSlider {

    position:relative;

    width:100%;

    height:auto;

    overflow: hidden;

}

.banner7-content{

	text-align: right;

}

.bannerslideshow{position: absolute;top: 30%;right:5%;text-align:left;max-width: 80%;}

.text-content{

    padding: 20px;

    margin-top: 15%;

	width:55%;

	text-align:center;

	font-family: 'Roboto',sans-serif;

}

.banner7-content h1 {

    text-decoration: none;

    background-color: transparent;

    border-width: 0px;

    border-color: rgb(255,255,255);

    border-style: none;

    text-shadow: none;

    margin: 0px;

    text-transform: uppercase;

    z-index: 5;

    white-space: nowrap;

    line-height: 34px;

    padding: 0px;

    font-size: 30px;

    color: #575757;

    font-weight: 700;

}

.banner7-content h2 {

    padding: 0;

    text-transform: uppercase;

    text-shadow: none;

    text-transform: uppercase;

    margin: 20px 0;

    font-size: 36px;

    color: #ef4040;

    line-height: 30px;

    font-weight: 700;

}

.banner7-content .banner7-des{

    padding: 0;

    margin: 15px 0 0;

    margin-top: 20px;

    font-size: 15px;

    color: #525252;

    line-height: 25px;

    font-weight: 100;

}

.banner7-content .banner7-readmore {

	margin:15px 0 0;

}

.banner7-content .banner7-readmore a{

    height: 30px;

    line-height: 29px;

    padding: 0 20px;

    text-shadow: none;

    font-weight: 400;

    font-family: arial;

    font-size: 15px;

    color: #3c3c3c;

    text-transform: uppercase;

    border: 1px solid #3c3c3c;

    display: inline-block;

}

.banner7-content .banner7-readmore a:hover{color:#475999 border-color:#475999}

/*-------------------------------------------------------------*/

/*Slider1------------------------------------------------------------*/

.slider-1 .text-content{padding-left:100px;}

.slider-1.banner7-content h1{

    -webkit-animation: fadeInDown 1000ms ease-in-out;

    -moz-animation: fadeInDown 1000ms ease-in-out;

    -ms-animation: fadeInDown 1000ms ease-in-out;

    animation: fadeInDown 1000ms ease-in-out;



}

.slider-1.banner7-content h2{

	-webkit-animation: flipInY 1500ms ease-out;

	-moz-animation: flipInY 1500ms ease-out;

	-ms-animation: flipInY 1500ms ease-out;

	-o-animation: flipInY 1500ms ease-out;

	animation: flipInY 1500ms ease-out;



}

.slider-1.banner7-content .banner7-readmore{

	-webkit-animation: fadeInUp 1800ms ease-in-out;

	-moz-animation: fadeInUp 1800ms ease-in-out;

	-ms-animation: fadeInUp 1800ms ease-in-out;

	animation: fadeInUp 1800ms ease-in-out; 

}

.slider-1.banner7-content .banner7-des{

    -webkit-animation: zoomIn 1300ms ease-in-out;

    -moz-animation: zoomIn 1300ms ease-in-out;

    -ms-animation: zoomIn 1300ms ease-in-out;

    animation: zoomIn 1300ms ease-in-out;

}

/*End-Slider1--------------------------------------------*/



/*Slider2---------------------------------------------------------*/

.slider-2 .text-content{

	padding-right:100px;

	position:absolute;

	top:0;

	right:0;

	padding-right: 70px;

}

.slider-2.banner7-content h1{

    -webkit-animation: fadeInDown 1000ms ease-in-out;

    -moz-animation: fadeInDown 1000ms ease-in-out;

    -ms-animation: fadeInDown 1000ms ease-in-out;

    animation: fadeInDown 1000ms ease-in-out;



}

.slider-2.banner7-content h2{

	-webkit-animation: flipInY 1500ms ease-out;

	-moz-animation: flipInY 1500ms ease-out;

	-ms-animation: flipInY 1500ms ease-out;

	-o-animation: flipInY 1500ms ease-out;

	animation: flipInY 1500ms ease-out;



}

.slider-2.banner7-content .banner7-readmore{

    -webkit-animation: zoomInUp 1300ms ease-in-out;

    -moz-animation: zoomInUp 1300ms ease-in-out;

    -ms-animation: zoomInUp 1300ms ease-in-out;

    animation: zoomInUp 1300ms ease-in-out;

}

.slider-2.banner7-content .banner7-des{

    -webkit-animation: zoomIn 1300ms ease-in-out;

    -moz-animation: zoomIn 1300ms ease-in-out;

    -ms-animation: zoomIn 1300ms ease-in-out;

    animation: zoomIn 1300ms ease-in-out;

}

/*End-Slider2--------------------------------------------*/



/*Slider3---------------------------------------------------------*/

.slider-3.banner7-content h1{

    -webkit-animation: fadeInDown 1000ms ease-in-out;

    -moz-animation: fadeInDown 1000ms ease-in-out;

    -ms-animation: fadeInDown 1000ms ease-in-out;

    animation: fadeInDown 1000ms ease-in-out;

}

.slider-3.banner7-content h2{

    -webkit-animation: zoomInUp 1300ms ease-in-out;

    -moz-animation: zoomInUp 1300ms ease-in-out;

    -ms-animation: zoomInUp 1300ms ease-in-out;

    animation: zoomInUp 1300ms ease-in-out;

}

.slider-3.banner7-content .banner7-readmore{

-webkit-animation: fadeInUp 2200ms ease-in-out;

-moz-animation: fadeInUp 2200ms ease-in-out;

-ms-animation: fadeInUp 2200ms ease-in-out;

animation: fadeInUp 2200ms ease-in-out; 

}

.slider-3.banner7-content .banner7-des{

    -webkit-animation: zoomIn 1300ms ease-in-out;

    -moz-animation: zoomIn 1300ms ease-in-out;

    -ms-animation: zoomIn 1300ms ease-in-out;

    animation: zoomIn 1300ms ease-in-out;

}

/*End-Slider3--------------------------------------------*/



@media(max-width:992px){

.bannerslideshow{top: 10%;}

.banner7-content h1 span{}

.banner7-content h3{font-size: 1em;}

}

.oc-banner7-container .oc-loading{

	position:relative; 

	background:#000; 

	display:block;

	width: 100%;

	height: auto;

}

.oc-banner7-container .oc-loading span {

	width: 32px;

	height: 32px;

	position: absolute;

	z-index: 99;

	background: url(../iocges/loader.gif) no-repeat ;

	top: 50%;

	left: 50%;

	ocrgin: -8px 0 0 -8px;

}





/* The Nivo Slider styles */

.nivoSlider {

	position:relative;

	width:100%;

	height:auto;

	overflow: hidden;

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	max-width: none;

}

.nivo-main-image {

	display: block !important;

	position: relative !important; 

	width: 100% !important;

}



/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

	background:white; 

	filter:alpha(opacity=0); 

	opacity:0;

}

/* The slices and boxes in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

	top:0;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

	overflow:hidden;

}

.nivo-box img { display:block; }



/* Caption styles */

.nivo-caption {

	position: absolute;

	left: 0px;

	top: 0px;

	color: #FFF;

	width: 100%;

	z-index: 8;

	height: 100%;

}

.nivo-caption p {

	padding:5px;

	margin:0;

}



.nivo-html-caption {

    display:none;

}

@media (max-width:991px){

.text-content{width:auto;}

}

@media (max-width:767px){

	.text-content {

    width: 430px;

    margin-top: 0;

}

.banner7-content h1 {

font-size: 30px;

}

.banner7-content h2{font-size:13px; line-height:18px;}

.banner7-content .banner7-readmore a{font-size:10px;}

}

@media (max-width:560px){

	.text-content {

    width: 240px;

    margin-top: 0;

	padding:10px;

}

	.banner7-content h1 {

    font-size: 19px;

	line-height:19px;

}

.banner7-content .banner7-des{

	font-size: 14px;

	line-height:14px;

}

	.banner7-content h2 {

    font-size: 10px;

	margin: 6px 0 0;

	display:none;

}

	.banner7-content .banner7-readmore{margin:7px 0 0;}

	.banner7-content .banner7-readmore a {

  font-size: 10px;

    padding: 0 5px;

    font-weight: 400;

    height: 30px;

    line-height: 27px;

}

}

@media (max-width:380px){

	.text-content {

    margin-top: 0;

	padding:5px;

}

.banner7-content h1 {

    font-size: 13px;

    line-height: 13px;

}

}