/* mainSlider
================================================== */
#mainSlider {
width: 100%;
position: relative;
}
#mainSlider li {
margin: 0 auto;
}
#mainSlider li .slider_container {
width: 1200px;
margin: 0 auto;
}
#mainSlider li .slider_container img {
width: 100%;
}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('../fonts/flexslider-icon.eot');
src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('../fonts/flexslider-icon.woff') format('woff'),
url('../fonts/flexslider-icon.ttf') format('truetype'),
url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
/* Direction Nav */
#mainSlider .flex-direction-nav {*height: 0; position: absolute; top: 50%; width: 100%}
#mainSlider .flex-direction-nav a { text-decoration:none; display: block; width: 55px; height: 55px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; text-indent: 999px; overflow: hidden; opacity: 0; cursor: pointer; background: url("../images/sprite-slider.png"); }
#mainSlider .flex-direction-nav .flex-prev { left: 20px; background-position: left center;}
#mainSlider .flex-direction-nav .flex-next { right: 20px; text-align: right; background-position: -57px center;}
#mainSlider .flexslider:hover .flex-prev { opacity: 0.3; left: 10px; }
#mainSlider .flexslider:hover .flex-next { opacity: 0.3; right: 10px; }
#mainSlider:hover .flex-next, #mainSlider:hover .flex-prev { opacity: 1; }
#mainSlider .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }/*
#mainSlider .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
#mainSlider .flex-direction-nav a.flex-next:before { content: '\f002'; } */
/* Pause/Play */
#mainSlider .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
#mainSlider .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
#mainSlider .flex-pauseplay a:hover { opacity: 1; }
#mainSlider .flex-pauseplay a.flex-play:before { content: '222'; }
/* Control Nav */
#mainSlider .flex-control-nav {width: 100%; position: relative; margin: 15px auto; text-align: center;}
#mainSlider .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
#mainSlider .flex-control-paging li a {width: 18px; height: 18px; display: block; cursor: pointer; text-indent: -9999px; background: url("../images/icn_flex-control-nav.png"); background-position: center top; -moz-transition: mone; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
#mainSlider .flex-control-paging li a:hover { background-position: center bottom; }
#mainSlider .flex-control-paging li a.flex-active { background-position: center center; }
/* Inner Page Advertising (DEV later)
================================================== */
/* Content Slider
================================================== */
#contentSlider, .contentSlider{
width: 100%;
position: relative;
margin-bottom: 50px;
}
#contentSlider .slides {}
#contentSlider .slides li {}
.slider-control-tab {
position: relative;
}
.slider-control-tab li {
float: left;
position: relative;
font-size: 18px;
padding: 5px 0 5px 20px;
margin: 10px 20px 10px 0;
text-align: center;
cursor: pointer;
background: url("../images/sprite-icons_01.png") no-repeat -20px -238px;
}
.slider-control-tab li.flex-active {
color: #2b505e;
background-position: -20px -215px;
}
/* innerSlider
================================================== */
.pd_fix {
padding: 55px 0 15px 0;
}
#innerSlider {
background: #fff;
position: relative;
}
#innerSlider h4 {
color: #8bc53f;
font-size: 24px;
font-weight: 700;
}
#innerSlider p {
background: none !important;
padding: 10px 0 0 0;
}
.slider-control-nav {}
.slider-control-nav li {
float: left;
min-height: 80px;
padding: 15px 0 5px 0;
margin: 10px 0;
text-align: center;
color: #83b533;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
position: relative;
background: none;
}
.slider-control-nav li:hover {
top: 1px;
}
.slider-control-nav li.flex-active {
background: url("../images/icn_app_circle_active.png") no-repeat;
}
.slider-control-nav li:nth-child(1).flex-active {
background-position: center 10px;
}
.slider-control-nav li:nth-child(2).flex-active {
background-position: center -95px;
}
.slider-control-nav li:nth-child(3).flex-active {
background-position: center -200px;
}
.slider-control-nav li:nth-child(4).flex-active {
background-position: center -306px;
}
.slider-control-nav li:nth-child(5).flex-active {
background-position: center -412px;
}
.slider-control-nav li:nth-child(6).flex-active {
background-position: center -518px;
}
.slider-control-nav li img.circle {
width: 50px !important;
height: 50px;
position: relative;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: all 0.2s ease-in-out;
-ms-transform: all 0.2s ease-in-out;
-o-transform: all 0.2s ease-in-out;
transform: all 0.2s ease-in-out;
}
.ie8 .slider-control-nav li img.circle {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='index/1.png', sizingMethod='scale');
}
.slider-control-nav li.flex-active img{
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.slider-control-nav li span {
display: block;
position: relative;
/* background: url("../images/bg_app_circle_span.png") no-repeat; */
}
.slider-control-nav li:nth-child(odd) span {
top: -100px;
background-position: center bottom;
}
.slider-control-nav li:nth-child(even) span {
top: -2px;
background-position: center top;
}
.slider-control-nav li:after {
display: none;
position: relative;
top: 20px;
content: "";
height: 12px;
background: url("../images/bg_app_circle_shadow.png") no-repeat center;
}
.slider-control-nav li.flex-active span {
display: none;
}
.slider-control-nav li.flex-active:after {
display: block;
}
.ie8 .slider-control-nav li.flex-active img {
display: none;
}
.ie8 .slider-control-nav li.flex-active:after {
display: none;
}
.circleAss {
display: block;
position: relative;
height: 80px;
background: url("../images/bg_app_circle_ass.png") no-repeat center 28px;
}
/* gallerySlider
================================================== */
.gallerySlider {
display: none;
}
/* clidents Carousel
================================================== */
.clients {}/* size in gird.css */
#client_carousel {}
#client_carousel .item {
background: #fff;
border: 1px solid #bccbd3;
width: 160px;
margin: auto;
}
.customNavigation {
position: relative;
width: 100%;
}
.customNavigation a {
display: block;
position: absolute;
width: 20px;
height: 70px;
cursor: pointer;
background: url('../images/sprite-icons_01.png') no-repeat;
}
.customNavigation a.prev {
left: -30px;
background-position: 0 0;
}
.customNavigation a.next {
right: -30px;
background-position: 0 -114px;
}
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url('../images/grabbing.png') 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url('../images/AjaxLoader.gif') no-repeat center center
}