/*
* Template Name:Unify - Responsive Bootstrap Template
* Description:Business, Corporate, Portfolio and Blog Theme.
* Version:1.4
* Author:@htmlstream
* Website:http://htmlstream.com
*/
/*Import Global Compulsory CSS Files*/
@import url(./apps.css);
@import url(./plugins.css);
@import url(./ie8.css);
@import url(./bootstrap.css);
@import url(./apps.css);
@import url(./custom.css);
@import url(./default.css);
@import url(./animate.css);
@import url(./hover.css);
@import url(./settings.css);
@import url(./custom-hover-effects.css);
@import url(./owl.carousel.css);
@import url(./flexslider.css);
@import url(./font-awesome.css);
@import url(./font-awesome.min.css);
/* ----- Open san serief ----- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
/* ----- Open san serief ----- */
/*Boxed Layout
------------------------------------*/
.wrapper{background:#fff;}
.boxed-layout{padding:0; box-shadow:0 0 5px #ccc; margin-left:auto !important; margin-right:auto !important; background:url(../img/patterns/15.png) repeat;}
/*Parallax Backgrounds
------------------------------------*/.parallax-bg{background:url(../img/blur/img1.jpg) 50% 0 repeat fixed;}
/*Parallax Counter Block*/.parallax-counter{padding:60px 0; background:url(../img/bg/9.jpg) 50% 0 no-repeat fixed;}
.parallax-counter h4{color:#fff; font-size:18px;}
.parallax-counter .counters{color:#fff; padding:20px 0; font-weight:200; background:rgba(0,0,0,0.6);}
/*Parallax Team*/.parallax-team{background:url(../img/team/faces.jpg) 50% 0 repeat fixed;}
.parallax-team,.parallax-team .title-box-v2{position:relative;}
.parallax-team:before{top:0; left:0; width:100%; height:100%;
content:" "; position:absolute; background:rgba(255,255,255,0.9);}
/*Top Bar (login, search etc.)
------------------------------------*/.topbar{z-index:12; padding:8px 0; position:relative;}
.topbar ul.loginbar{margin:0;}
.topbar ul.loginbar > li{display:inline; list-style:none; position:relative; padding-bottom:15px;}
.topbar ul.loginbar > li > a, .topbar ul.loginbar > li > a:hover{color:#7c8082; font-size:11px; text-transform:uppercase;}
.topbar ul.loginbar li i.fa{color:#bbb;}
.topbar ul.loginbar li.topbar-devider{top:-1px; padding:0; font-size:8px; position:relative; margin:0 9px 0 5px; font-family:Tahoma; border-right:solid 1px #bbb;}
/*Lenguages*/.topbar ul.lenguages{top:25px; left:-5px; display:none; padding:4px 0; padding-left:0;
list-style:none; min-width:100px; position:absolute; background:#f0f0f0;}
.topbar li:hover ul.lenguages{display:block;}
.topbar ul.lenguages:after{top:-4px; width:0;
height:0; left:8px; content:" ";
display:block;
position:absolute; border-bottom:6px solid #f0f0f0;
border-left:6px solid transparent; border-right:6px solid transparent; border-left-style:inset; /*FF fixes*/
border-right-style:inset; /*FF fixes*/
}
.topbar ul.lenguages li a{color:#555; display:block; font-size:10px; padding:2px 12px; margin-bottom:1px; text-transform:uppercase;
}
.topbar ul.lenguages li.active a i{color:#999; float:right; margin-top:2px;}
.topbar ul.lenguages li a:hover, .topbar ul.lenguages li.active a{background:#fafafa;}
.topbar ul.lenguages li a:hover{text-decoration:none;
}
/*Top Bar v1 (login, search etc.)
------------------------------------*/.topbar-v1{background:#fdfdfd; border-bottom:solid 1px #f0f0f0;}
/*Top Contacts*/.topbar-v1 ul{margin:0;}
.topbar-v1 .top-v1-contacts li{color:#666; padding:5px 0; font-size:12px; margin-right:15px; display:inline-block;}
.topbar-v1 .top-v1-contacts i{color:#999; font-size:13px; margin-right:3px;}
/*Top Data*/.topbar-v1 .top-v1-data{text-align:right;}
.topbar-v1 .top-v1-data li{padding:5px 11px; display:inline-block;
border-right:solid 1px #eee;}
.topbar-v1 .top-v1-data li:first-child{border-left:solid 1px #eee;}
.topbar-v1 .top-v1-data li a{font-size:12px;
}
.topbar-v1 .top-v1-data li a:hover{text-decoration:none;}
.topbar-v1 .top-v1-data li i{color:#777; font-size:13px;
}
.topbar-v1 .top-v1-data li a:hover i{color:#72c02c;}
/*Responsive Topbar v1*/
@media (max-width:992px){.topbar-v1 ul{text-align:center !important;}
.topbar-v1 .top-v1-contacts{margin:10px 0;}
.topbar-v1 .top-v1-data li{top:1px; padding:6px 16px; margin-left:-5px; position:relative; border:solid 1px #eee;}
}
/*Header Default
------------------------------------*/.header{z-index:99; position:relative; border-bottom:solid 2px #eee; border-top:solid 5px #828282;}
.header .navbar{margin:0; min-height:inherit;}
.header .navbar-default{border:none; background:none;}
.header .navbar-collapse{position:relative; /*max-height:inherit;*/
}
/*Brand*/.header .navbar-brand{z-index:1; top:-15px; position:relative; padding:0 10px 10px;}
/*Navbar Brand*/
@media (max-width:992px){.header .navbar-brand{top:0; height:40px;}
}
.header .navbar-default .navbar-nav > li > a{color:#394145; font-size:15px; font-weight:400; text-transform:capitalize;}
.header .navbar-default .navbar-nav > .active > a{color:#e5ad1c;}
/*Navbar Nav*/
@media (min-width:992px){.header .navbar-nav{float:right;}
}
/*Dropdown*/.header .navbar-right .dropdown-menu{right:inherit;}
/*Navbar Toggle*/.dropdown > a{font-family:'Open Sans', sans-serif;}
.navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#333333; padding:6px 10px 2px;}
.navbar-toggle:hover{background:#333333 !important;}
.navbar-default .navbar-toggle{border-color:#333333;}
.navbar-default .navbar-toggle .fa{color:#ffffff; font-size:19px;}
/*Responsive Navbar*/
@media (max-width:999px){/*Dropdown Menu Slide Down Effect*/
.navbar-nav .open .dropdown-menu{border:0; float:none; width:auto; margin-top:0; position:static; box-shadow:none; background-color:transparent;}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px;}
.navbar-nav .open .dropdown-menu > li > a{line-height:20px;}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus{background-image:none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#777;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#333; background-color:transparent;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:#555; background-color:#e7e7e7;}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{color:#ccc; background-color:transparent;}
/*Responsive code for max-width:1000px*/ .header .navbar-header{ float:none; } .header .navbar-toggle{ display:block; } .header .navbar-collapse.collapse{ display:none !important; } .header .navbar-collapse.collapse.in{ display:block !important; overflow-y:auto !important; } .header .navbar-nav{ margin:7px 0; float:none !important; }
.header .navbar-nav > li{ float:none; } .header .navbar-nav > li > a{ padding-top:30px; padding-bottom:40px; }
/*Design for max-width:1200px*/ .header .navbar-collapse,
.header .navbar-collapse .container{padding-left:0 !important; padding-right:0 !important;}
.header .navbar-default .navbar-nav > li > a{font-size:14px; padding:9px 10px;}
.header .navbar-default .navbar-nav > li a{/*margin-bottom:1px;*/
border-bottom:solid 1px #eee;}
.header .navbar-default .navbar-nav > li > a:focus{background:none;}
.header .navbar-default .navbar-nav > li > a:hover{color:#f0b827;}
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus{color:#fff !important; background:#ffc736; /*border-bottom:solid 2px #72c02c;*/
}
.header .dropdown-submenu li a{font-size:12px;}
}
@media (min-width:1000px){/*Navbar Collapse*/
.header .navbar-collapse{padding:0;}
/*Navbar*/
.header .navbar-nav{top:2px; position:relative;}
.header .navbar-default .navbar-nav > li > a{padding:9px 30px 9px 20px;}
.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:focus{border-bottom:solid 2px transparent;}
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > .active > a{border-bottom:solid 2px #72c02c;}
.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > li > a:focus,
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus{background:none;}
.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus{color:#ffc736;}
/*Dropdown Menu*/
.header .dropdown-menu{padding:0; border:none; min-width:200px; border-radius:0;
z-index:9999 !important; background-color:#333333;}
.header .dropdown-menu li a{color:#ffffff;
font-size:15px;
font-weight:400;
padding:13px 15px;
font-family:'Open Sans', sans-serif;}
.header .dropdown-menu .active > a,
.header .dropdown-menu li > a:hover{color:#fff; filter:none !important; background:#ffc736 !important;
}
.header .dropdown-menu li > a:focus{background:none; filter:none !important;}
.header .navbar-nav > li.dropdown:hover > .dropdown-menu{display:block;}
.header .open > .dropdown-menu,
.header-v1 .open > .dropdown-menu{display:none;}
/*Search*/
.header .navbar .search-open{width:330px;}
}
/*Search Box*/.header .navbar .nav > li > .search{color:#aaa; cursor:pointer; min-width:35px; font-size:15px; text-align:center; background:#f7f7f7; padding:11px 0 12px; display:inline-block; border-bottom:solid 2px #aaa;}
.header .navbar .nav > li > .search:hover{color:#72c02c; background:#f7f7f7; border-bottom-color:#72c02c;}
.header .navbar .search-open{right:0;
top:38px;
display:none; padding:14px;
position:absolute; background:#fcfcfc;
border-top:solid 2px #eee; box-shadow:0 1px 3px #ddd;
}
.header .navbar .search-open form{margin:0;}
@media (min-width:767px) and (max-width:1000px){.header .navbar > .container .navbar-brand,
.header .navbar > .container-fluid .navbar-brand{margin-left:-10px;}
.header .navbar-toggle{margin-right:0;}
.header .navbar .search-open{width:93%;}
}
@media (max-width:999px){.header .navbar .nav > li > .search{color:#999; width:35px; height:34px; line-height:12px; text-align:left; text-align:center; margin:5px 10px 0; background:#eee; border-bottom:none;}
.header .navbar .nav > li > .search:hover{color:#fff !important; background:#5fb611;}
.header .navbar .search-open{top:5px; padding:0; left:48px; border-top:none; box-shadow:none; background:none;
margin-right:10px;}
}
@media (min-width:992px) and (max-width:1000px){.header .header .navbar-nav{margin:7px 0 !important;}
}
/*Header v1
------------------------------------*/.header-v1{border-bottom:none;
}
/*Brand*/.header-v1 .navbar-brand{top:2px; padding:0 10px 10px;}
/*Search Box*/.header-v1 .navbar .search-open{background:#f8f8f8;
}
@media (max-width:767px){.header-v1 .navbar .search-open{bottom:-6px;
}
}
.header-v1 .navbar .nav > li > .search{padding:11px; border:none; min-width:37px;}
.header-v1 .navbar .nav > li > .search:hover{color:#fff; background:#72c02c;}
/*Toggle*/.header-v1 .navbar-toggle{margin-top:3px;}
/*Responsive Header v1*/
@media (min-width:767px) and (max-width:992px){/*Brand*/
.header-v1 .navbar-brand{margin-bottom:15px;}
}
@media (min-width:767px){/*Navbar*/
.header-v1 .navbar-default .navbar-nav > li{margin-left:1px;}
.header-v1 .navbar-default .navbar-nav > li > a{padding:9px 30px 6px 20px;}
.header-v1 .navbar-default .navbar-nav > .active > a,
.header-v1 .navbar-default .navbar-nav > li > a:hover,
.header-v1 .navbar-default .navbar-nav > li > a:focus{color:#fff !important; background:#72c02c !important;}
.header-v1 .navbar-default .navbar-nav > .open > a,
.header-v1 .navbar-default .navbar-nav > .open > a:hover,
.header-v1 .navbar-default .navbar-nav > .open > a:focus{color:#fff; background:#72c02c;}
/*Dropdown Menu*/
.header-v1 .dropdown-menu{background:#fafafa;}
}
/*Header Fixed
------------------------------------*/
/*Header*/.header-fixed .header{height:78px;}
.header-fixed .header.header-fixed-shrink{top:0; left:0; width:100%; height:95px; z-index:9999; position:fixed; margin-top:-35px; border-bottom-color:#f5f5f5; background:rgba(255,255,255, 0.9);
-webkit-transition:height 0.6s; -moz-transition:height 0.6s; transition:height 0.6s;}
/*Brand*/.header-fixed .header.header-fixed-shrink .navbar-brand{top:10px; z-index:1; position:relative; padding:0 10px 10px;}
.header-fixed .header.header-fixed-shrink .navbar-brand img{width:90%;}
.header-fixed .header.header-fixed-shrink .search,.header-fixed .header.header-fixed-shrink .active a{border-bottom:none !important;}
.header-fixed .header.header-fixed-shrink .dropdown > a:after{top:19px;}
/*Toggle*/.header-fixed .navbar-toggle{margin-top:5px;}
/*Search Bar*/.header-fixed .header.header-fixed-shrink .search{margin-top:12px; padding:8px !important; color:#585f69 !important; background:none !important;}
.header-fixed .header.header-fixed-shrink .search-open{border-top:none; background:rgba(255,255,255, 0.9);}
/*Responsive Fixed Header*/
@media (max-width:992px){/*Header*/
.header-fixed .header{height:118px;}
.header-fixed .header.header-fixed-shrink{height:135px;}
}
@media (max-width:767px){/*Header*/
.header-fixed .header,
.header-fixed .header.header-fixed-shrink{height:88px;}
/*Navbar*/
.header-fixed .header .navbar-nav{background:#fff; padding:6px 0; margin-top:0px; border:solid 1px #eee;}
.header-fixed .header .navbar-default .navbar-collapse,
.header-fixed .header .navbar-default .navbar-form{border:none;}
/*Toggle*/
.header-fixed .navbar-toggle{margin-top:9px;}
/*Search*/
.header-fixed .header.header-fixed-shrink .navbar .nav > li > .search{top:5px; position:relative;}
}
@media (min-width:767px){/*Navbar*/
.header-fixed .header.header-fixed-shrink .navbar-nav > li > a{padding:19px 30px 18px 20px; border-bottom:solid 1px transparent !important;}
/*Search Bar*/
.header-fixed .header.header-fixed-shrink .search-open{top:56px;}
}
/*Dropdown Submenu for BS3
------------------------------------*/.dropdown-submenu{ position:relative;
}
.dropdown > a:after,.dropdown-submenu > a:after{ top:8px; right:9px; font-size:11px; /*content:"\f105";*/ position:absolute; font-weight:normal; display:inline-block; font-family:FontAwesome;}
@media (max-width:1000px){.dropdown-submenu > a:after{ content:" ";}
}
.dropdown > a:after{ top:9px; right:15px; /*content:"\f107";*/
}
.contact-arrow{content:"\f107";}
.dropdown-submenu > .dropdown-menu{ top:0; left:100%; margin-top:-5px; margin-left:0px;
}
/*Submenu comes from LEFT side*/.dropdown-submenu > .dropdown-menu.submenu-left{left:-100%;}
.dropdown-submenu:hover > .dropdown-menu{ display:block;}
@media (max-width:1000px){.dropdown-submenu > .dropdown-menu{ display:block; margin-left:15px;}
}
.dropdown-submenu.pull-left{ float:none;}
.dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px;}
.dropdown-menu li [class^="fa-"],.dropdown-menu li [class*=" fa-"]{left:-3px; width:1.25em; margin-right:1px; position:relative; text-align:center; display:inline-block;}
.dropdown-menu li [class^="fa-"].fa-lg,.dropdown-menu li [class*=" fa-"].fa-lg{/* increased font size for fa-lg */ width:1.5625em;}
/*Menu Icons*/.menu-icon{ margin-right:10px; font-weight:200;}
/*Dropdown Show*/.dropdown-show{position:relative; display:inline-block; box-shadow:0 0 4px #eee;}
/*Main Styles
------------------------------------*/
/*Purchase Block*/.purchase{padding:25px 0 30px; border-bottom:solid 1px #eee; background:url(../img/breadcrumbs.png) repeat;}
.purchase p{margin-bottom:0;}
.purchase span{color:#666; display:block; font-size:24px; line-height:35px; font-weight:normal; margin-bottom:12px; font-family:'Open Sans', sans-serif;
}
.purchase .btn-buy{text-align:center;}
.purchase .btn-buy a{margin-top:27px;}
.purchase .btn-buy a i{margin-right:5px;}
@media (max-width:992px){.purchase{text-align:center;}
.purchase span{font-size:22px; line-height:29px;}
.purchase .btn-buy a{margin-top:25px; font-size:16px;}
}
/*Service*/.service{overflow:hidden;
margin-bottom:10px; padding:15px 15px 10px;}
.service:hover{background:#fcfcfc; box-shadow:0 0 5px #ddd; -webkit-transition:box-shadow 0.2s ease-in-out; -moz-transition:box-shadow 0.2s ease-in-out; -o-transition:box-shadow 0.2s ease-in-out; transition:box-shadow 0.2s ease-in-out;}
.service:hover i{color:#656565;}
.service .desc{padding:0 15px;
overflow:hidden;}
.service .desc h4{font-size:22px; line-height:25px;}
.service .service-icon{float:left; padding:10px; color:#72c02c; font-size:35px;
text-align:center; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.service .service-icon.icon-cogs{font-size:37px;}
.service .service-icon.icon-plane{font-size:43px;}
/* Recent Work */.recent-work a{text-align:center; background:#fcfcfc; display:inline-block;}
.recent-work a:hover{text-decoration:none;}
.recent-work a:hover strong{color:#555;}
.recent-work em.overflow-hidden{display:block;}
.recent-work a span{display:block; padding:10px; border-bottom:solid 2px #eee;}
.recent-work a strong{color:#555; display:block;}
.recent-work a i{color:#777;}
.recent-work a img{ -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.recent-work a:hover img{opacity:0.8; -webkit-transform:scale(1.2) rotate(3deg); -moz-transform:scale(1.2) rotate(3deg); -o-transform:scale(1.0) rotate(3deg); -ms-transform:scale(1.2) rotate(3deg); transform:scale(1.2) rotate(3deg);}
.recent-work a:hover span{border-bottom:solid 2px #72c02c; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.3s ease-in-out;}
/* Work */.work{margin-top:6px;}
.work .details{padding:10px;}
.work .caption{display:block; padding-top:5px; color:#585f69 !important; font-size:18px !important;}
.work .caption:hover{cursor:pointer; color:#444 !important; text-decoration:underline;}
/*Footer*/.footer{color:#dadada; background:#585f69; padding:10px 0 10px; float:left; width:100%;}
.footer.margin-top-0{margin-top:0;}
.footer p,.footer a{font-size:13px;}
.footer p{color:#dadada;}
.footer a{color:#dbdbdb;}
.footer a:hover{color:#ffc736; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.footer h2, .footer h3,.footer h4{color:#e4e4e4; background:none; text-shadow:none;}
/*Footer Subsribe*/.footer .footer-subsribe{width:85%;}
/*Footer Blog Posts*/.footer .blog-list{margin:0; padding:0; color:#dadada; list-style:none;}
.footer .blog-list li{padding:0 0; margin-bottom:7px;
}
.footer .blog-list li span{color:#818488;}
.footer .dl-horizontal,.footer .dl-horizontal:hover{border:none !important; background:none !important;}
.footer .posts .dl-horizontal a{color:#dadada;}
.footer .dl-horizontal a:hover{color:#a8f85f !important;}
.footer .dl-horizontal img{border-color:#888 !important;}
/*Copyright*/.copyright{font-size:12px; padding:15px 0px; background:#3e4753; border-top:solid 1px #777; color:#9c9b98; float:left; width:100%;}
.copyright p{color:#dadada; margin-top:12px;}
.copyright a{margin:0 5px; color:#9c9b98;}
.copyright a:hover{color:#ffc736; text-decoration:none;}
.copyright a img{margin-top:5px;}
/*Breadcrumbs
------------------------------------*/
/*Default Breadcrumbs*/.breadcrumbs{overflow:hidden; padding:10px 0 6px; border-bottom:solid 1px #eee; background:url(../img/breadcrumbs.png) repeat;}
.breadcrumbs h1{color:#666; font-size:22px; margin-top:8px;}
.breadcrumb{top:10px; padding-right:0; background:none; position:relative;}
.breadcrumb a{color:#777;}
.breadcrumb li.active,.breadcrumb li a:hover{color:#ffc736; text-decoration:none;}
@media (max-width:550px){.breadcrumbs h1.pull-left,
.breadcrumbs ul.pull-right{width:100%; text-align:center;}
.breadcrumbs h1.pull-left{margin-bottom:0;}
.breadcrumbs .breadcrumb{top:0; margin-bottom:10px;}
}
/*Thumbnails
------------------------------------*/
a.thumbnail{padding:0; border:none; margin-bottom:15px;}
.thumbnail-style{padding:7px; margin-bottom:0px;
}
.thumbnail-style:hover{-webkit-transition:box-shadow 0.2s ease-in-out; -moz-transition:box-shadow 0.2s ease-in-out; -o-transition:box-shadow 0.2s ease-in-out; transition:box-shadow 0.2s ease-in-out;}
.thumbnail h3,.thumbnail-style h3{margin:6px 0 8px 0;}
.thumbnail h3 a,.thumbnail-style h3 a{color:#585f69; font-size:20px;}
.thumbnail h3 a:hover,.thumbnail-style h3 a:hover{color:#72c02c; text-decoration:none;}
.thumbnail-style .thumbnail-img{position:relative; margin-bottom:30px;}
.thumbnail-style a.btn-more{right:-10px; bottom:10px; color:#fff; padding:1px 6px; position:absolute; background:#72c02c; display:inline-block;
}
.thumbnail-style a.btn-more:hover{text-decoration:none; box-shadow:0 0 0 2px #377500;}
.thumbnail-style:hover a.btn-more{right:10px;}
.thumbnail-kenburn img{left:10px; margin-left:-10px; position:relative; /*-webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;*/}
.thumbnail-kenburn:hover img{ /*-webkit-transform:scale(1.2) rotate(2deg); -moz-transform:scale(1.2) rotate(2deg); -o-transform:scale(1.2) rotate(2deg); -ms-transform:scale(1.2) rotate(2deg); transform:scale(1.2) rotate(2deg);*/}
/*Servive Blocks
------------------------------------*/
/*Service Alternative Block*/.service-alternative .service:hover{background:#76ca2c; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.service-alternative .service:hover i,.service-alternative .service:hover p,.service-alternative .service:hover h4{color:#fff;}
/*Servive Block Versions*/.service-v1 h2{margin:15px 0 10px; font-size:20px; line-height:28px;}
.service-v1 p{text-align:justify;}
/*Blog Posts
------------------------------------*/ .posts .dl-horizontal a{color:#555;}
.posts .dl-horizontal{margin-bottom:15px; overflow:hidden;}
.posts .dl-horizontal dt{width:60px;
float:left;}
.posts .dl-horizontal dt img{width:60px;
height:60px; padding:2px; margin-top:2px;
border:solid 1px #ddd;}
.posts .dl-horizontal dd{margin-left:70px;}
.posts .dl-horizontal dd p{margin:0;}
.posts .dl-horizontal dd a{font-size:14px; line-height:16px !important;
}
.posts .dl-horizontal dd a:hover{color:#72c02c;
text-decoration:none;}
.posts .dl-horizontal:hover dt img,.posts .dl-horizontal:hover dd a{color:#72c02c; border-color:#72c02c !important; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
/*About Page
------------------------------------*/.team ul.team-socail{text-align:right;}
.team ul.team-socail li{margin:0 !important; padding:0 !important;}
.team ul.team-socail li a,.team ul.team-socail li a:hover{text-decoration:none;}
.team ul.team-socail li i{color:#aaa; padding:3px; min-width:30px; font-size:20px; text-align:center; background:#f7f7f7; display:inline-block;}
.team ul.team-socail li i:hover{color:#fff; background:#72c02c; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.team .thumbnail-style{padding:12px;}
.team .thumbnail-style img{margin-bottom:7px;}
.team .thumbnail-style h3{margin-bottom-bottom:5px;}
.team .thumbnail-style:hover h3 a{color:#72c02c !important;}
.team .thumbnail-style small{display:block; margin-top:5px; font-size:12px;}
/*About Me Page
------------------------------------*/.about-me{overflow:hidden;}
.about-me h2{margin:0; font-size:20px; text-transform:uppercase;}
.about-me span{color:#999; display:block; font-size:14px; margin-bottom:10px;}
.about-me .social-icons{margin-top:7px;}
/*About My Goals*/.about-my-goals h2{text-transform:uppercase;}
/*About Skills*/.about-skills{padding:40px 0;
border-top:1px solid #eee; border-bottom:1px solid #eee; background:url(../img/breadcrumbs.png) repeat;}
/*Gallery Page
------------------------------------*/.gallery-page .thumbnail,.gallery-page .thumbnail:hover{padding:0; border:none; box-shadow:none;}
.gallery-page .thumbnails{margin-bottom:6px;}
/*Privacy Page
------------------------------------*/.privacy a{text-decoration:underline;}
.privacy a:hover{color:#72c02c; text-decoration:none;}
/*Portfolio Item Page v1
------------------------------------*/.portfolio-item h2{color:#555; font-size:24px; margin:0 0 15px;}
.portfolio-item li{padding:3px 0;}
.portfolio-item p a{text-decoration:underline;}
.portfolio-item p a:hover{text-decoration:none;}
/*Portfolio Item v1*/.portfolio-item1 ul{margin:10px 0 20px;}
.portfolio-item1 li{font-size:16px; margin-bottom:3px;}
.portfolio-item1 li i{font-size:18px; margin-right:4px;}
/*Sidebar Features
------------------------------------*/
/*Blog Tags*/
ul.blog-tags li{display:inline-block;}
ul.blog-tags a{font-size :13px; padding:2px 7px; background:#f7f7f7; margin:0 3px 6px 0; display:inline-block;}
ul.blog-tags a i{color:#666;}
ul.blog-tags a:hover{background:#72c02c;}
ul.blog-tags a:hover,
ul.blog-tags a:hover i{color:#fff !important; text-decoration:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
/*Blog Photo Stream*/.blog-photos li{display:inline;}
.blog-photos li img{opacity:0.6; width:58px; height:58px; margin:0 2px 8px;}
.blog-photos li img:hover{opacity:1; box-shadow:0 0 0 2px #72c02c;}
/*Blog Latest Tweets*/.blog-twitter .blog-twitter-inner{padding:10px; background:#f7f7f7; position:relative; margin-bottom:10px; /*border-top:solid 2px #eee;*/
}
.blog-twitter .blog-twitter-inner,.blog-twitter .blog-twitter-inner:after,.blog-twitter .blog-twitter-inner:before{transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.blog-twitter .blog-twitter-inner:after,.blog-twitter .blog-twitter-inner:before{width:0;
height:0; right:0px; bottom:0px; content:" ";
display:block;
position:absolute;}
.blog-twitter .blog-twitter-inner:after{border-top:15px solid #eee;
border-right:15px solid transparent; border-left:0px solid transparent; border-left-style:inset; /*FF fixes*/
border-right-style:inset; /*FF fixes*/
}
.blog-twitter .blog-twitter-inner:before{border-bottom:15px solid #fff;
border-right:0 solid transparent; border-left:15px solid transparent; border-left-style:inset; /*FF fixes*/
border-bottom-style:inset; /*FF fixes*/
}
.blog-twitter .blog-twitter-inner:hover{border-color:#72c02c; border-top-color:#72c02c;}
.blog-twitter .blog-twitter-inner:hover:after{border-top-color:#72c02c;}
.blog-twitter .blog-twitter-inner span.twitter-time{color:#777; display:block; font-size:11px;
}
.blog-twitter .blog-twitter-inner a{color:#72c02c; text-decoration:none;}
.blog-twitter .blog-twitter-inner a:hover{text-decoration:underline;}
.blog-twitter .blog-twitter-inner i.fa{top:2px; color:#bbb; font-size:18px; position:relative;}
/*Choose Block*/.who li{margin-bottom:6px;}
.who li i{color:#ffc736;
font-size:18px; min-width:15px; margin-right:8px; text-align:center; position:relative;
}
.who li:hover i, .who li:hover a{color:#777;}
.who li:hover a:hover{text-decoration:none;}
/*Promo Page
------------------------------------*/
/*Slider Part*/.fullwidthbanner-container.slider-promo{max-height:460px !important;}
.slider-promo-info-bg{padding:25px 20px 20px; background:url(../img/bg-black.png) repeat;}
.slider-promo-info span.big-size{color:#fff; display:block; font-size:30px; margin-bottom:25px; text-shadow:0 !important;}
.slider-promo-info p{color:#fff; font-size:16px; margin-bottom:0;}
/*Promo Box*/.promo-box{padding:20px; margin:25px 0 20px; text-align:center;}
.promo-box i{display:block; font-size:50px;}
.promo-box p{font-size:14px; margin-bottom:0;}
.promo-box strong,.promo-box strong a{color:#555; display:block; font-size:20px; font-weight:200;
margin:20px 0 15px;}
.promo-box:hover strong, .promo-box:hover strong a{color:#72c02c;}
/*Promo Service*/.promo-service{margin-bottom:20px;}
.promo-service li{margin-bottom:5px;}
.promo-service a.btn-u{margin:0 20px 10px 0;}
/*Promo Elements*/.title-box{font-size:16px; text-align:center; padding:10px 0 30px; border-bottom:solid 1px #eee;}
.title-box .title-box-text{color:#555; display:block; font-size:35px; font-weight:200;}
@media (max-width:768px){.title-box .title-box-text{font-size:26px; line-height:34px; margin-bottom:10px;}
.title-box p{font-size:15px;}
}
.block-blockquote{margin:20px 0;
text-align:center; border:dashed 1px #ccc;}
.block-blockquote-inner{padding:15px;
}
.block-blockquote p{font-size:26px; margin-bottom:0;}
/*Info Blocks*/.info-blocks{margin-bottom:15px;}
.info-blocks:hover i.icon-info-blocks{color:#72c02c; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.info-blocks i.icon-info-blocks{float:left; color:#777; font-size:30px; min-width:50px; margin-top:10px; text-align:center;}
.info-blocks .info-blocks-in{padding:0 10px; overflow:hidden;}
.info-blocks .info-blocks-in h3{color:#555; font-size:20px; line-height:28px;}
.info-blocks .info-blocks-in p{font-size:12px;}
/*Brand Page
------------------------------------*/.brand-page .btn{margin-bottom:10px;}
/*Form Pages
------------------------------------*/.form-page input,.form-page select{margin-bottom:10px;}
/*Labels and Badges Page
------------------------------------*/
ul.labels-demo{margin:5px 0;}
ul.labels-demo li{list-style:none; display:inline-block; margin:0 5px 2px 0;}
.badge-sidebar{border-left:solid 1px #eee;}
@media (max-width:991px){.badge-sidebar{border-left:none;}
}
/*Line Icon Page
------------------------------------*/.line-icon-page .item-box{width:25%; float:left; height:90px; text-align:center; padding:20px 10px; margin:0 -1px -1px 0; word-wrap:break-word; border:1px solid #ddd;}
@media (max-width:768px){.line-icon-page .item-box{height:115px; }
}
@media (max-width:450px){.line-icon-page .item-box{height:130px;
}
}
.line-icon-page .item-box:hover{background:#fafafa;}
.line-icon-page .item span{display:block; font-size:28px; margin-bottom:10px;}
.line-icon-page .item:hover{color:#72c02c;}
/*Line Icon Page
------------------------------------*/.icon-page-fa{margin-bottom:20px;}
.icon-page-fa .item-box{float:left; height:100px; width:16% !important;}
.icon-page-fa .item{font-size:12px;}
.icon-page-fa .item i{color:#555; display:block; font-size:24px; margin-bottom:10px;}
@media (max-width:767px){.icon-page-fa .item-box{width:20% !important;}
}
@media (max-width:600px) {
.icon-page-fa .item-box{width:30% !important;
}
}
@media (max-width:400px) {
.icon-page-fa .item-box{width:50% !important;
}
}
/*GLYPHICONS Icons Page
------------------------------------*/
/*Special styles for displaying the icons and their classes*/.bs-glyphicons{padding-left:0; list-style:none; overflow:hidden; padding-bottom:1px; margin-bottom:20px;}
.bs-glyphicons li{width:25%; float:left; height:115px; padding:10px; font-size:12px; line-height:1.4; text-align:center; margin:0 -1px -1px 0; border:1px solid #ddd;}
.bs-glyphicons .glyphicon{display:block; font-size:24px; margin:5px auto 10px;}
.bs-glyphicons li:hover{color:#72c02c; background-color:#fafafa;}
@media (min-width:768px){.bs-glyphicons li{ width:12.5%;}
}
/*Contact Pages
------------------------------------*/.map{width:100%;
height:350px; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
.gm-style-iw{/*overflow:inherit !important;*/
}
.map-box{height:250px;}
.map-box-space{margin-top:15px;}
.map-box-space1{margin-top:7px;}
/*Background Opacity
------------------------------------*/.service-or{overflow:hidden; position:relative;}
.service-bg{ background-color:rgba(255,255,255,0.1); width:250px; padding:60px; position:absolute; top:-10px; right:-100px; transform:rotate(55deg); -o-transform:rotate(55deg); -ms-transform:rotate(55deg); -moz-transform:rotate(55deg); -webkit-transform:rotate(55deg);}
/*Service Block v2
------------------------------------*/.servive-block-v2 .servive-block-in{padding:20px 30px; text-align:center; margin-bottom:15px; background:rgba(255,255,255,0.2);}
.servive-block-v2 .servive-block-in img{width:100%; margin-bottom:15px;}
.servive-block-v2 .servive-block-in i{font-size:40px;}
.servive-block-v2 .servive-block-in h4{line-height:25px;}
.servive-block-v2 .servive-block-in p{margin-bottom:20px;}
.servive-block-v2 .servive-block-in i,.servive-block-v2 .servive-block-in h4,.servive-block-v2 .servive-block-in p{color:#fff;}
/*Easy Block
------------------------------------*/.easy-block-v1{position:relative;}
.easy-block-v1 img{width:100%;}
.easy-block-v1 .overflow-h h3{width:60%;
float:left; font-size:18px; line-height:24px; margin-bottom:5px;}
.easy-block-v1 .easy-block-v1-badge{left:0px; top:10px; z-index:1; color:#fff; padding:4px 10px; position:absolute;}
/*Easy Block v2
------------------------------------*/.easy-block-v2{overflow:hidden; position:relative; margin-bottom:20px;}
.easy-block-v2 img{width:100%;}
.easy-bg-v2{top:5px; color:#fff; width:100px; padding:5px; right:-32px; font-size:13px; position:absolute; text-align:center; letter-spacing:2px; transform:rotate(45deg);
-o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
/*Easy Block v3
------------------------------------*/.easy-block-v3{text-align:left; background:#585f69; margin-bottom:10px; padding:30px 20px 20px;}
.easy-block-v3.first{background:#696f77;
}
.easy-block-v3.second{background:#707780;
}
.easy-block-v3.third{background:#787f88;
}
.easy-block-v3 i{color:#fff; float:left; font-size:30px; min-width:45px; padding-top:10px;}
.easy-block-v3 .inner-faq-b{overflow:hidden;}
.easy-block-v3 .inner-faq-b h2,.easy-block-v3 .inner-faq-b h3{font-size:21px; margin-bottom:8px;}
.easy-block-v3 .inner-faq-b h4{color:#fff; font-size:17px; margin-bottom:2px;}
.easy-block-v3 .inner-faq-b h2,.easy-block-v3 .inner-faq-b h3,.easy-block-v3 .inner-faq-b p{color:#fff;}
/*Full Width Block
------------------------------------*/.full-w-block{padding:30px 0; background:#282828;}
.full-w-block .info-blocks i,.full-w-block .info-blocks-in h3{color:#fff;}
.full-w-block .info-blocks-in p{color:#ccc;}
.full-w-block .info-blocks:hover i.icon-info-blocks{color:#fff;}
/*Team v2
------------------------------------*/.team-v2{position:relative; margin-bottom:20px;}
.team-v2 img{width:100%;}
.team-v2 .inner-team{padding:20px; background:#fff; text-align:center;}
.team-v2 .inner-team h3{margin:0;}
.team-v2 .inner-team small{display:block; font-size:12px; margin-bottom:7px;}
.team-v2 .inner-team p{font-size:13px;}
.team-v2 .inner-team hr{margin:10px 0 15px;}
/*Team-Social ---- Temporary*/.team-social{margin-bottom:0;}
.team-social li{padding:0 2px;}
.team-social li a{font-size:14px; padding:6px 4px; text-align:center; border-radius:50% !important;}
.team-social li i{min-width:20px;}
.team-social li a.fb{color:#4862a3; border:1px solid #4862a3;}
.team-social li a.tw{color:#159ceb; border:1px solid #159ceb;}
.team-social li a.gp{color:#dc4a38; border:1px solid #dc4a38;}
.team-social li a:hover{text-decoration:none;}
.team-social li a.fb:hover{color:#fff; background:#4862a3;}
.team-social li a.tw:hover{color:#fff; background:#159ceb;}
.team-social li a.gp:hover{color:#fff; background:#dc4a38;}
/*Simple Block
------------------------------------*/.simple-block{margin-bottom:20px;}
.simple-block img{width:100%;}
.simple-block p{text-align:center;}
.simple-block .carousel-indicators{top:10px; left:65%; text-align:right;}
.simple-block .carousel-indicators .active{background:#555;}
.simple-block .carousel-indicators li{border-color:#555;}
.simple-block .carousel-inner > .item{margin:0;}
.simple-block .responsive-video{margin-bottom:3px;}
/*Two Blocks
------------------------------------*/.two-blocks{text-align:center;}
.two-blocks-in{margin-bottom:30px;}
.two-blocks-in i{color:#fff; padding:11px; font-size:30px; min-width:50px; text-align:center; background:#585f69; margin-bottom:10px; display:inline-block;}
/*Three Blocks
------------------------------------*/.three-blocks{text-align:center;}
.three-blocks-in{margin-bottom:30px;}
.three-blocks-in i{color:#777; padding:9px 6px; font-size:20px; min-width:40px; margin-bottom:10px; border:1px solid #777;}
.three-blocks-in h3{font-size:20px;
margin-bottom:7px;}
/*Temperory Classes
------------------------------------*/
/*Banner-info*/.banner-info{margin-bottom:10px;}
.banner-info i{float:left; color:#fff; padding:11px; /*min-width works with line-icon*/
min-width:40px; font-size:22px; text-align:center; margin:7px 20px 0 0;}
/*min-width works with FontAwesome*/.banner-info i.fa{min-width:46px;}
.banner-info.light i{border:1px solid #fff;}
.banner-info.dark i{background:#585f69;}
.banner-info h3{font-size:21px; margin-bottom:5px;}
.banner-info.light h3{color:#fff;}
.banner-info.light p{color:#eee;}
/*Breadcrumb-V2*/.breadcrumbs-v2{text-align:center; position:relative; background:url(../img/bg/11.jpg) no-repeat center;}
.breadcrumbs-v2-in{padding:60px 0; position:relative;}
.breadcrumbs-v2 h1{color:#fff; text-transform:uppercase;}
.breadcrumb-v2 li a,.breadcrumb-v2 li.active{color:#fff;}
.breadcrumb-v2 li i{color:#fff; min-width:19px; padding:3px 7px; margin-right:5px; text-align:center; border:1px solid #fff;}
/*Breadcrumbs-v3*/.breadcrumbs-v3{padding:10px 0; background:#585f69; border-bottom:1px solid #eee;}
.breadcrumbs-v3 h1{color:#fff; margin:3px 0; font-size:22px; font-weight:200;}
.breadcrumbs-v3 .breadcrumb{padding:0; margin-top:2px; margin-bottom:0;}
.breadcrumbs-v3 .breadcrumb li a{color:#fff;}
/*Title-Box-V2*/.title-box-v2{text-align:center; margin-bottom:20px;}
.title-box-v2 h2{ font-size:25px; text-transform:uppercase;}
.title-box-v2 p{font-size:13px;}
/*remove padding from "Col-"*/.no-space{padding:0;}
.no-space-left{padding-left:0; padding-right:15px !important;}
.no-space-right{padding-right:0; padding-left:15px !important;}
/*List Style v1*/.list-style-v1 li{margin-bottom:7px;}
.list-style-v1 i{margin-right:5px;}
/*Header v2
------------------------------------*/.header-v2{position:relative;}
.header-v2 .header{top:0; left:0; right:0; position:absolute; border-bottom:none;}
/*Topbar*/.header-v2 .topbar ul.loginbar li i.fa{color:#555;}
.header-v2 .topbar ul.loginbar > li > a{color:#444;}
.header-v2 .topbar ul.loginbar > li > a:hover{color:#fff;}
.header-v2 .topbar ul.lenguages{background:#333;}
.header-v2 .topbar ul.lenguages li a{color:#fff;}
.header-v2 .topbar ul.lenguages li.active a,.header-v2 .topbar ul.lenguages li a:hover{color:#000; background:#eee;}
.header-v2 .topbar ul.lenguages li.active a i{color:#000;}
.header-v2 .topbar ul.lenguages:after{border-bottom-color:#333;}
.header-v2 .topbar ul.loginbar li.topbar-devider{border-right-color:#555;}
@media (min-width:999px){/*Dropdown Submenu3*/
.header-v2 .dropdown-submenu > .dropdown-menu{ top:2px;
}
/*Dropdown-Menu*/
.header-v2 .header .dropdown-menu{border-top:none; background:#333;}
.header-v2 .header .dropdown-menu li a{border-bottom-color:#444;}
.header-v2 .header .dropdown-menu .active > a,
.header-v2 .header .dropdown-menu li > a:hover{color:#333; background:#eee !important;}
.header-v2 .header .navbar-default .dropdown a{color:#333;}
.header-v2 .topbar ul.loginbar li.topbar-devider{border-right-color:#333;}
.header-v2 .header .navbar-default .dropdown-menu a{color:#bbb;}
.header-v2 .header .navbar-default .dropdown-menu .active a{color:#333;}
.header-v2 .header .navbar-default .navbar-nav > .open > a,
.header-v2 .header .navbar-default .navbar-nav > .open > a:hover,
.header-v2 .header .navbar-default .navbar-nav > .open > a:focus{color:#333;}
.header-v2 .header .navbar-default .navbar-nav > li > a,
.header-v2 .header .navbar-default .navbar-nav > li > a:focus{border-bottom:solid 0 transparent;}
.header-v2 .header .navbar-default .navbar-nav > li > a:hover,
.header-v2 .header .navbar-default .navbar-nav > .active > a{border-bottom:solid 0 transparent;}
/*Bootstrap 'border' and 'box-shadow'*/
.header-v2 .navbar-default .navbar-collapse,
.header-v2 .navbar-default .navbar-form{border:solid 0 transparent;}
.header-v2 .navbar-collapse{box-shadow:none;}
}
@media (max-width:998px){.header-v2 .header .navbar-default .navbar-nav{background:#333;}
.header-v2 .header .navbar-default .navbar-right.sb-toggle-right{margin-left:10px; float:inherit !important;}
.header-v2 .header .navbar-default .navbar-collapse,
.header-v2 .header .navbar-default .navbar-form{border:none; border-top:none; box-shadow:none;}
.header-v2 .header .navbar-default .navbar-nav > li a{border-bottom:solid 1px #444;}
.header-v2 .header .navbar-default .dropdown a{color:#687074;}
.header-v2 .header .navbar-default .navbar-nav > .open > a,
.header-v2 .header .navbar-default .navbar-nav > .open > a:hover,
.header-v2 .header .navbar-default .navbar-nav > .open > a:focus{color:#72c02c;}
.header-v2 .header .navbar-default .navbar-nav > .active > a,
.header-v2 .header .navbar-default .navbar-nav > .active > a:hover,
.header-v2 .header .navbar-default .navbar-nav > .active > a:focus{color:#687074 !important;}
.header-v2 .header .navbar-default .navbar-nav > .active > a,
.header-v2 .header .navbar-default .navbar-nav > .active > a:hover,
.header-v2 .header .navbar-default .navbar-nav > .active > a:focus{background:inherit !important;}
.header-v2 .header .sb-toggle-right:hover{ color:#72c02c;}
}
/*Header v3
------------------------------------*/
@media (min-width:999px){.header-v3.header .navbar-brand{padding:28px 10px 42px;}
.header-v3.header .navbar-nav{margin-top:15px;}
.header-v3.header .navbar-default .navbar-nav > li > a{font-size:15px; padding:13px 15px 26px 15px;}
.header-v3.header .navbar-default .navbar-nav > li > a,
.header-v3.header .navbar-default .navbar-nav > li > a:focus{border-bottom:solid 2px transparent;}
.header-v3.header .navbar-default .navbar-nav > li > a:hover,
.header-v3.header .navbar-default .navbar-nav > .active > a{border-bottom:solid 2px transparent;}
.header-v3.header .dropdown-submenu > .dropdown-menu{margin-top:-4px !important;}
.header-v3.header .dropdown > a:after{top:13px;}
/*Search Box*/
.header-v3.header .navbar .nav > li > .search{color:#aaa; background:inherit; border-bottom:none; padding:15px 0 12px;}
.header-v3.header .navbar .nav > li > .search:hover{color:#72c02c; background:inherit;}
.header-v3.header .navbar .search-open{top:59px;}
/*Header Fixed Shrink*/
.header-v3.header.header-fixed-shrink .container > .navbar-header,
.header-v3.header.header-fixed-shrink .container-fluid > .navbar-header,
.header-v3.header.header-fixed-shrink .container > .navbar-collapse,
.header-v3.header.header-fixed-shrink .container-fluid > .navbar-collapse{top:35px; position:relative;}
.header-v3.header.header-fixed-shrink .navbar-nav{margin-top:0;}
.header-v3.header.header-fixed-shrink .navbar-default .navbar-nav > li > a{padding:18px 30px 20px 20px;}
.header-v3.header.header-fixed-shrink .dropdown > a:after{top:18px;}
/*Search Box*/
.header-v3.header.header-fixed-shrink .navbar .nav > li > .search{padding:14px 0 12px;}
.header-v3.header.header-fixed-shrink .navbar .search-open{top:58px;}
}
@media (max-width:998px){/*Navbar Toggle*/
.header-v3.header .navbar-toggle{margin-bottom:43px;}
/*Navbar Header*/
.header-v3.header .navbar-header{top:19px; position:relative;}
.header-v3.header.header-fixed-shrink .navbar-header{top:35px;}
}
.header-v3.header .navbar-collapse{max-height:auto !important; position:relative !important;}
/*Responsive Navbar Brand*/
@media (min-width:990px) and (max-width:998px){.header-v3.header .navbar-brand{top:6px;}
}
/*Header v4
------------------------------------*/
@media (min-width:999px){.header-v4.header{border-bottom:none;}
.header-v4.header .navbar-header{margin:20px 0;}
.header-v4.header .navbar-brand{padding:18px 10px 35px;}
.header-v4.header .navbar-nav{top:1px; float:left; margin-top:-2px;}
/*Dropdown-Menu*/
.header-v4.header .dropdown-menu{margin-top:-1px !important; border-top:1px solid transparent;}
.header-v4.header .dropdown-submenu > .dropdown-menu{top:0;}
.header-v4.header .navbar-collapse{border-top:1px solid #eee; border-bottom:1px solid #eee;}
.header-v4.header .navbar-default .navbar-nav > li{margin-left:-1px; border-left:1px solid #eee; border-right:1px solid #eee;}
.header-v4.header .navbar-default .navbar-nav > li.no-border,
.header-v4.header .navbar-default .navbar-nav > li.no-border:first-child{border-left:none; border-right:none;}
.header-v4.header .navbar-default .navbar-nav > li > a{font-size:13px; padding:10px 30px 11px 20px;}
.header-v4.header .dropdown > a:after{top:11px;}
.header-v4.header .navbar-default .navbar-nav > li > a,
.header-v4.header .navbar-default .navbar-nav > li > a:focus{border-top:solid 2px transparent; border-bottom:solid 2px transparent;}
.header-v4.header .navbar-default .navbar-nav > li > a:hover,
.header-v4.header .navbar-default .navbar-nav > .active > a{border-top:solid 2px #72c02c; border-bottom:solid 2px transparent;}
/*Search*/
.header-v4.header .navbar .nav > li > .search{background:inherit; border-bottom:none; margin:5px 9px 0 20px;}
.header-v4.header .navbar .search-open{top:44px;}
}
@media (max-width:998px){ /*Design for max-width:1000px*/ .header-v4.header{ border-bottom:solid 2px #eee; }
.header-v4.header .navbar-collapse{ overflow:hidden !important; }
.header-v4.header .navbar-default .navbar-collapse, .header-v4.header .navbar-default .navbar-form{border-top:1px solid #e7e7e7;}
.header-v4.header .navbar-collapse,
.header-v4.header .navbar-default .navbar-nav > li,
.header-v4.header .navbar-default .navbar-nav > li:first-child{border:none;}
.header-v4.header .navbar-default .navbar-nav > li > a{font-size:14px; padding:9px 10px; border-bottom:solid 1px #eee !important;}
.header-v4.header .navbar-default .navbar-nav > li > a:focus{background:none;}
.header-v4.header .navbar-default .navbar-nav > li > a:hover{color:#72c02c;}
.header-v4.header .navbar-default .navbar-nav > li > a,
.header-v4.header .navbar-default .navbar-nav > li > a:focus{border-top:solid 0 transparent; border-bottom:solid 0 transparent;}
.header-v4.header .navbar-default .navbar-nav > li > a:hover,
.header-v4.header .navbar-default .navbar-nav > .active > a{border-top:solid 0 transparent; border-bottom:solid 0 transparent;}
.header-v4.header .navbar-default .navbar-nav > .active > a,
.header-v4.header .navbar-default .navbar-nav > .active > a:hover,
.header-v4.header .navbar-default .navbar-nav > .active > a:focus{ color:#fff; background:#72c02c;}
}
@media (min-width:768px) and (max-width:998px){/*Navbar Brand*/
.header .navbar-brand{top:4px;}
/*Search*/
.header-v4.header .navbar .search-open{width:92%;}
}
/*Responsive Search*/
@media (min-width:992px) and (max-width:998px){.header-v4.header .navbar .search-open{width:93%;}
}
/*Header v5
------------------------------------*/.header-v5.header{border-bottom:none;}
.header-v5.header .navbar-default{background:#252525;}
.header-v5.header .navbar-nav{border:none; background:#252525;}
@media (min-width:999px){.header-v5.header .navbar-default{padding:0 0 2px;}
.header-v5.header .navbar-brand{top:24px;}
/*Dropdown Menu*/
.header-v5.header .navbar-nav{top:0; margin-bottom:-2px;}
.header-v5.header .dropdown-submenu > .dropdown-menu{top:0;}
.header-v5.header .navbar-default .navbar-nav > li > a{color:#eee; padding:30px 30px 26px 20px;}
/*Search a:after*/
.header-v5.header .dropdown > a:after{top:30px; right:15px;}
/*Dropdown Menu*/
.header-v5.header .dropdown-menu{background:#333; margin-top:-1px !important; border-top:1px solid #444;}
.header-v5.header .dropdown-menu li a{color:#eee; border-bottom-color:#555;}
.header-v5.header .dropdown-menu .active > a,
.header-v5.header .dropdown-menu li > a:hover{color:#eee; background:#444 !important;}
.header-v5.header .navbar-default .navbar-nav > li > a,
.header-v5.header .navbar-default .navbar-nav > li > a:focus{border-bottom:solid 2px transparent;}
.header-v5.header .navbar-default .navbar-nav > li > a:hover,
.header-v5.header .navbar-default .navbar-nav > .active > a{border-bottom:solid 2px transparent;}
.header-v5.header .navbar-default .navbar-nav > .active > a{background:#444;}
.header-v5.header .navbar-default .navbar-nav > .active:hover > a{background:#444;}
.header-v5.header .navbar-default .navbar-nav > li > a:hover{background:#444;}
/*Slidebar Menu 'Button'*/
.header-v5.header .sb-toggle-right{ color:#bbb; padding:0 10px; margin-top:26px;}
.header-v5.header .sb-toggle-right:hover{color:#fff;}
}
@media (max-width:998px){.header-v5.header .navbar-right.sb-toggle-right{margin-left:10px; float:inherit !important;}
/*Navbar Brand*/
.header-v5.header .navbar-brand{top:6px; margin-top:10px; margin-bottom:10px;}
.header-v5.header .navbar-header{padding:14px 0;}
.header-v5.header .navbar-default .navbar-collapse,
.header-v5.headar .navbar-default .navbar-form{border-color:#555;}
/*Navbar Nav*/
.header-v5.header .navbar-default .navbar-nav > .active > a{color:#fff;}
.header-v5.header .navbar-default .navbar-nav > li a{color:#bbb; border-bottom-color:#555;}
/*Dropdown Menu*/
.header-v5.header .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.header-v5.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
.header-v5.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header-v5.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.header-v5.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:#fff;}
/*Navbar Toggle*/
.header-v5.header .navbar-toggle{margin-top:14px;}
.header-v5.header.header-fixed-shrink .navbar-toggle{margin-top:18px;}
}
/*Footer Common classes
------------------------------------*/
/*Thumb Headline*/.thumb-headline h2{color:#eee; font-size:16px;}
/*Footer Logo*/.footer-logo{margin:17px 0 20px;}
/*Latest List*/.latest-list li{padding:8px 0; border-top:1px solid #353535;}
.latest-list li:first-child{padding-top:0; border-top:none;}
.latest-list li a{color:#eee;}
.latest-list small{color:#999; display:block;}
/*Link List*/.link-list li{border-top:solid 1px #353535;}
.link-list li:first-child{border-top:none !important;}
.link-list a{color:#eee; font-size:11px; padding:6px 0px; display:inline-block; text-transform:uppercase;}
.link-list li i{color:#bbb; float:right; margin-top:10px;}
/*Latest Tweets*/.latest-tweets .latest-tweets-inner p{color:#555; font-size:13px;}
.latest-tweets .latest-tweets-inner a{/*color:#3498db;*/
text-decoration:none;}
.latest-tweets .latest-tweets-inner a:hover{text-decoration:underline;}
.latest-tweets .latest-tweets-inner i.fa{top:2px; float:left; color:#bbb; color:#55acee; font-size:18px; margin-right:5px; position:relative;}
.latest-tweets .latest-tweets-inner small{color:#777; display:block;}
/*Social Icons*/.social-icons{margin-top:5px;}
.social-icons li{margin:0;
}
.social-icons li a{margin:0 3px;}
/*Footer-v1
------------------------------------*/.footer-v1 .footer h2{font-weight:200;}
.footer-v1 .footer{background:#272727;}
/*Link List*/.footer-v1 .link-list li{border-top:solid 1px #353535;}
.footer-v1 .link-list a{color:#eee;}
.footer-v1 .link-list i{color:#eee;}
.footer-v1 address{line-height:23px;}
/*Copyright*/.footer-v1 .copyright{background:#222; border-top:none;}
.footer-v1 .copyright a{margin:0 2px;}
/*Footer-v2
------------------------------------*/.footer-v2 .footer{background:#514f4f;}
.footer-v2 .footer p{color:#cccccc;}
.footer-v2 .headline h2{color:#585f69;}
/*Footer Subsribe*/.footer-v2 .footer-subsribe{width:100%;}
/*Link List*/.footer-v2 .link-list li{border-top:solid 1px #eee;}
.footer-v2 .link-list a{color:#555;}
.footer-v2 address{color:#cccccc; line-height:33px;}
.footer-v2 address i{min-width:20px; margin-right:10px; text-align:center; width:30px; border-right:3px solid #ffc736; font-size:20px; padding:0px 10px 0px 0px;}
/*Copyright*/.footer-v2 .copyright{border-top:none; background:#1c1c1c;}
.footer-v2 .copyright p{color:#cccccc;}
/*Footer-v3
------------------------------------*/
.footer-v3 .footer{background:#252525; border-top:5px solid #555;}
.footer .title{text-align:left; font-size:18px; letter-spacing:0px; color:#b3b3b3; text-transform:capitalize;}
.footer-v3 .thumb-headline h2{color:#fff; margin-bottom:3px;}
.footer-v3 .footer p{color:#bbb;}
.footer-v3 .simple-list a{color:#bbb;}
/*Map Image*/.footer .map-img{background:url(../img/main/map-img.png) 5px 60px no-repeat;}
/*Copyright*/.footer-v3 .copyright{background:#222; border-top-color:#292929;}
/*Slidebar Menu
------------------------------------*/.sb-slidebar{padding:20px !important; background:#333; box-shadow:inset 4px 0 10px -4px rgba(0,0,0,0.7); -moz-box-shadow:inset 4px 0 10px -4px rgba(0,0,0,0.7); -webkit-box-shadow:inset 4px 0 10px -4px rgba(0,0,0,0.7);}
.sb-slidebar .form-control{border-color:#444; background:#353535;}
.sb-slidebar .form-control:focus{box-shadow:none;}
/*Custom List*/.sb-slidebar .custom-list li{padding:8px 0; border-top:1px solid #444;}
.sb-slidebar .custom-list li:first-child{border-top:none;}
.sb-slidebar .custom-list li a{color:#bbb;}
.sb-slidebar .custom-list li a:hover{color:#72c02c; text-decoration:none;}
.sb-slidebar .custom-list li i{color:#bbb; min-width:20px; margin-right:5px; text-align:center; display:inline-block;}
.sb-slidebar address{color:#bbb; line-height:22px;}
/*Button*/.sb-toggle-right{ margin-top:4px; font-size:19px; cursor:pointer;}
.sb-toggle-right:hover{ color:#eee;}
/*Social Contacts
------------------------------------*/.social-contacts li{padding:5px 0; border-top:1px solid #ddd;}
.social-contacts li:first-child{border-top:none;}
.social-contacts li i{color:#777; font-size:13px; min-width:13px; margin-right:12px; text-align:center;}
/*Service Block v3
------------------------------------*/.service-block-v3{padding:20px;}
.service-block-v3 i{color:#fff; float:left; font-size:50px; margin:0 20px 20px 0;}
.service-block-v3 .service-heading,.service-block-v3 .service-in small{color:#fff; opacity:0.8; line-height:1;}
.service-block-v3 .service-in h4,.service-block-v3 .counter{color:#fff;}
.service-block-v3 .service-heading{font-size:16px; text-transform:uppercase;}
.service-block-v3 .counter{display:block; line-height:1; font-size:30px;}
.service-block-v3 .progress{margin-bottom:7px;}
/*Service Innner*/.service-block-v3 .service-in small{font-size:16px; text-transform:uppercase;}
.service-block-v3 .service-in h4{font-size:16px; line-height:0.8; margin-bottom:0;}
/*Statistics*/.service-block-v3 .statistics .heading-xs{color:#fff; opacity:0.8;}
.service-block-v3 .statistics small{color:#fff;}
.service-block-v3 .statistics .progress{background:#bbb;}
.service-block-v3 .statistics .progress-bar-light{background:#fff;}
/*Status Bar
------------------------------------*/.status-bar li{padding-left:9px; border-left:1px solid #eee;}
.status-bar li:first-child{border-left:none;}
.status-bar li i{color:#72c02c; margin-right:5px;}
.status-bar li a:hover{text-decoration:none;}
.status-bar-in{padding:10px; position:relative; background:#f0f0f0;}
.status-bar-in:after{width:0;
height:0; top:-10px; left:50px; content:" ";
display:block;
position:absolute; border-bottom:11px solid #f0f0f0;
border-left:11px solid transparent; border-right:11px solid transparent; border-left-style:inset; /*FF fixes*/
border-right-style:inset; /*FF fixes*/
}
/*Share List*/.share-list{margin-bottom:0;}
.share-list li{padding-left:20px;}
.share-list li:first-child{padding-left:0;}
.share-list li i{color:#72c02c; margin-right:5px;}
/*Table_Search-V1
------------------------------------*/.table-search-v1 .btn-u.dropdown-toggle{border-left:none;}
.table-search-v1 .btn-group .btn-u{top:4px; padding:0 6px; position:relative;}
.table-search-v1 thead{border-bottom:solid 1px #ddd;}
.table-search-v1 td{vertical-align:middle !important;}
.table-search-v1 td a{color:#555;}
.table-search-v1 td span{display:block;}
.table-search-v1 .star-vote{margin:5px 0 0px;}
.table-search-v1 .star-vote li{padding:0;}
.table-search-v1 .progress{margin-bottom:0;}
.table-search-v1 .m-marker a{font-size:11px;}
.table-search-v1 .m-marker i{float:left; min-width:20px; font-size:26px;}
.table-search-v1 .m-marker .display-b{top:3px; display:block; line-height:10px; position:relative;}
.table-search-v1 .td-width{width:40%;}
/*Table_Search-V2
------------------------------------*/.table-search-v2 .btn-u.dropdown-toggle{border-left:none;}
.table-search-v2 .btn-group .btn-u{top:4px; padding:0 6px; position:relative;}
.table-search-v2 thead{border-bottom:solid 1px #ddd;}
.table-search-v2 td{vertical-align:middle !important;}
.table-search-v2 td img{width:60px; height:60px; margin:0 auto; display:block;}
.table-search-v2 .user-names span,.table-search-v2 .user-names small{display:block; text-align:center;}
.table-search-v2 .user-names span{color:#555; font-size:16px; position:relative;}
.table-search-v2 .user-names small{color:#999; font-size:13px;}
.table-search-v2 td h3{font-size:16px; margin:0 0 2px;}
.table-search-v2 td a{color:#555;}
.table-search-v2 td p{margin-bottom:0;}
.table-search-v2 td span{display:block;}
.table-search-v2 td small{font-style:italic;}
.table-search-v2 .s-icons{margin-bottom:0;}
.table-search-v2 .s-icons li{padding:2px;}
.table-search-v2 .table-buttons{margin:0;}
.table-search-v2 .table-buttons li{padding:0;}
.table-search-v2 .table-buttons .btn-u-sm{padding:3px 6px;}
.table-search-v2 .td-width{width:55%;}
/*People Say*/.people-say img{float:left; width:40px; height:auto; margin:6px 10px 0 0;}
.people-say .overflow-h span{font-weight:700;}
.people-say .overflow-h p{font-style:italic; line-height:1.3;}
.people-say .overflow-h small{text-align:right; font-style:italic;}
/* Recent Work */.owl-work-v1 .owl-navigation{top:3px; position:relative;}
.owl-work-v1 .owl-navigation{margin-bottom:10px;}
.owl-work-v1 .item a{text-align:left;}
.owl-work-v1 .item a:hover{text-decoration:none;}
.owl-work-v1 .item em.overflow-hidden{display:block;}
.owl-work-v1 .item a span{display:block; position:absolute; left:0%; padding:3%; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5);}
.owl-work-v1 .item a strong{color:#ffffff; display:block;}
.owl-work-v1 .item a i{color:#fefefe; font-style:normal; text-transform:uppercase;}
.owl-work-v1 .item a img{ -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.owl-work-v1 .item a:hover img{opacity:0.8; -webkit-transform:scale(1.2) rotate(3deg); -moz-transform:scale(1.2) rotate(3deg); -o-transform:scale(1.0) rotate(3deg); -ms-transform:scale(1.2) rotate(3deg); transform:scale(1.2) rotate(3deg);}
.owl-work-v1 .item a:hover span{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.3s ease-in-out;}
/*Revolution Slider*/
body.dark .tp-banner-container .btn-u.btn-brd.btn-u-light{color:#fff;}
.tp-banner-container .btn-u.btn-brd{font-weight:400;}
.tp-banner-container{position:relative;}
.revolution-mch-1:after{top:0; left:0; right:0; width:100%; height:100%; content:' '; position:absolute;/* background:rgba(0,0,0,0.3);*/}
.revolution-ch1{color:#fff; font-size:40px; font-weight:400; line-height:60px; text-transform:uppercase; font-family:"Open Sans", sans-serif;}
.revolution-ch2{color:#fff; font-size:20px; max-width:470px; line-height:32px; position:relative; text-align:left; font-weight:normal; font-family:"Open Sans", sans-serif;}
.revolution-ch2:after{left:50%; width:70px; height:2px; content:' '; bottom:-20px; margin-left:-35px; position:absolute;}
/* ------ Lightbox css start below ------ */.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}
.example-image{/*padding:5px; float:left; background:#ffffff; margin:0px 0px 0px !important; width:100%; max-height:220px; min-height:30px;*/}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.lightbox a img{border:none;}
.lb-outerContainer{position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.lb-outerContainer:after{content:"";display:table;clear:both;}
.lb-container{padding:4px;}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/icons-bg/loading.gif) no-repeat;}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav{left:0;}
.lb-prev, .lb-next{height:100%;cursor:pointer;display:block;}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/icons-bg/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/icons-bg/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.lb-dataContainer:after{content:"";display:table;clear:both;}
.lb-data{padding:0 4px;color:#ccc;}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/icons-bg/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}
.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
/* ------ Lightbox css ends above ------ */
/* ------ Testimonials css start below ------ */.rating-star{vertical-align:middle;line-height:17px;}
.sb-rateholder{position:relative; display:inline-block;}
.sb-rateholder-single{position:relative; float:left;}
.sb-icon-star-empty{position:absolute;left:0px;top:0px; z-index:1; color:#ddd;}
.sb-icon-star{position:relative; z-index:2; color:#ffc321;}
.showbiz{position:relative;}
.showbiz .divide5{width:100%;height:5px;}
.showbiz .divide10{width:100%;height:10px;}
.showbiz .divide15{width:100%;height:15px;}
.showbiz .divide20{width:100%;height:20px;}
.showbiz .divide30{width:100%;height:30px;}
.showbiz .p20{padding-top:20px;}
.showbiz .p30{padding-top:30px;}
.showbiz .p40{padding-top:30px;}
.showbiz .p60{padding-top:60px;}
.showbiz .rm5{margin-right:5px;}
.showbiz .rm10{margin-right:10px;}
.showbiz .rm15{margin-right:15px;}
.showbiz .rm20{margin-right:20px;}
.showbiz .leftfloat{float:left;}
.showbiz .rightfloat{float:right;}
.sbclear{clear:both;}
.showbiz .txt-center{text-align:center;}
.showbiz .txt-left{text-align:left;}
.showbiz .txt-right{text-align:right;}
.showbiz .vert-center{vertical-align:middle;height:100%;}
.showbiz-title .greenbg{background-color:#366300; padding:2px 10px;}
.showbiz-title .redbg{background-color:#b2170a; padding:2px 10px;}
.showbiz-title .bluebg{background-color:#1d628a; padding:2px 10px;}
.showbiz-title .blackbg{background-color:#000; padding:2px 10px;}
.showbiz p{font-size:13px; line-height:22px; color:#777; font-family:'Open Sans', sans-serif; position:relative;}
.showbiz p.orange{color:#ff6c00;}
.showbiz p.bigger{font-size:17px; line-height:20px;}
.showbiz p.bolder{font-weight:700;}
.showbiz-title,.showbiz-title a,.showbiz-title a:visited,.showbiz-title a:hover{color:#555; font-family:'Open Sans', sans-serif; font-size:14px; text-transform:uppercase;text-decoration:none; font-weight:700;}
.showbiz-title.large,.showbiz-title.large a,.showbiz-title.large a:visited,.showbiz-title.large a:hover{font-size:20px; line-height:25px; font-weight:800;}
.showbiz-price .number{color:#555; font-family:'Open Sans', sans-serif; font-size:50px; font-weight:800;}
.showbiz-price .currency{color:#555; font-family:'Open Sans', sans-serif; font-size:35px; font-weight:400;}
.showbiz-button{background:url(../assets/pre.png) repeat-x; height:40px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);width:auto; margin:auto;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-size:14px; color:#555; font-family:'Open Sans', sans-serif; line-height:42px;font-weight:700;text-shadow:0px 1px #fff;position:relative;cursor:pointer;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;padding:10px 20px;overflow:hidden;position:relative;border:1px solid #ccc;}
.showbiz-button:hover{background:url(../assets/prehover.png) repeat-x;box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.2);border:1px solid #999;}
.sb_one_half {width:49%; position:relative;}
.sb_one_third {width:32%;position:relative;}
.sb_two_third {width:66%; position:relative;}
.sb_three_fourth{width:74%;position:relative;}
.sb_four_fifth{width:78%;position:relative;}
.sb_one_fourth {width:23.5%; position:relative;}
.sb_one_fifth {width:18.2%; position:relative;}
.sb_two_fifth {width:39%; position:relative;}
.sb_three_fifth {width:58.3%; position:relative;}
.sb_one_sixth {width:13.33%; position:relative;}
.sb_one_half,.sb_one_third,.sb_two_third,.sb_one_fourth,.sb_one_fifth,.sb_three_fourth,.sb_one_sixth,.sb_four_fifth,.sb_two_fifth,.sb_three_fifth{margin-right:2%; margin-bottom:0px; float:left;}
.sb_lastcolumn {margin-right:0!important; clear:right;}
@media only screen and (min-width:768px) and (max-width:979px) {}
@media only screen and (max-width:767px) {.sb_one_half,.sb_one_third,.sb_two_third,.sb_one_fourth,.sb_one_fifth,.sb_one_sixth,.sb_two_fifth,.sb_three_fifth{width:100%; margin-bottom:30px;}
.sb_lastcolumn{margin-bottom:0px;}
.sb_mobilecentered{text-align:center;}
}
.sb-clear{clear:both}
.showbiz-navigation{visibility:visible;}
.showbiz-navigation.center{text-align:center;}
.sb-navigation-left,.sb-navigation-right,/**/.sb-navigation-play{cursor:pointer;border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;display:inline-block; padding:1px 3px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
/**/.sb-navigation-play{margin-right:5px;}
.sb-navigation-left{margin-right:5px;}
.sb-navigation-left i,.sb-navigation-right i,/**/.sb-navigation-play i{font-size:22px;color:#fff;}
.sb-navigation-left.notclickable{cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;}
.sb-navigation-right.notclickable{cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;}
.sb-hidden{display:none;}
.sb-nav-light .sb-navigation-left,.sb-nav-light .sb-navigation-right,/**/.sb-nav-light .sb-navigation-play{background:#fff; border:1px solid #d5d5d5;}
.sb-nav-light.showbiz-navigation i{color:#777;}
.sb-nav-light .sb-navigation-left:hover,.sb-nav-light .sb-navigation-right:hover{border:1px solid #b5b5b5;}
.sb-nav-light .sb-navigation-left.notclickable:hover,.sb-nav-light .sb-navigation-right.notclickable:hover{border:1px solid #d5d5d5;}
/*** GREY BUTTONS ***/.sb-nav-grey .sb-navigation-left.notclickable:hover,.sb-nav-grey .sb-navigation-right.notclickable:hover,.sb-nav-grey .sb-navigation-left,.sb-nav-grey .sb-navigation-right,/**/.sb-nav-grey .sb-navigation-play{background:#919191; background:-moz-linear-gradient(top,#919191 0%, #6b6b6b 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#6b6b6b)); background:-webkit-linear-gradient(top,  #919191 0%,#6b6b6b 100%); background:-o-linear-gradient(top,  #919191 0%,#6b6b6b 100%); background:-ms-linear-gradient(top,  #919191 0%,#6b6b6b 100%); background:linear-gradient(to bottom,  #919191 0%,#6b6b6b 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#6b6b6b',GradientType=0 ); border-top:1px solid #919191; border-left:1px solid #969696;border-right:1px solid #969696; border-bottom:1px solid #6c6c6;}
.sb-nav-grey .sb-navigation-left:hover,.sb-nav-grey .sb-navigation-right:hover,/**/.sb-nav-grey .sb-navigation-play:hover{background:#919191; background:-moz-linear-gradient(top,#6b6b6b 0%, #919191 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#919191)); background:-webkit-linear-gradient(top, #6b6b6b 0% ,#919191 100%); background:-o-linear-gradient(top,  #6b6b6b 0% ,#919191 100%); background:-ms-linear-gradient(top,  #6b6b6b 0% ,#919191 100%); background:linear-gradient(to bottom,  #6b6b6b 0% ,#919191 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#919191',GradientType=0 );}
/*** DARK GREY BUTTON ***/.sb-nav-dark .sb-navigation-left.notclickable:hover,.sb-nav-dark .sb-navigation-right.notclickable:hover,.sb-nav-dark .sb-navigation-left,.sb-nav-dark .sb-navigation-right,/**/.sb-nav-dark .sb-navigation-play{background:#555; border:1px solid #919191; border:1px solid #333; border-radius:0px; -moz-border-radius:0px;-webkit-border-radius:0px;}
.sb-nav-dark .sb-navigation-left:hover,.sb-nav-dark .sb-navigation-right:hover,.sb-nav-dark .sb-navigation-play:hover{background:#333}
/*** RETRONAV BUTTON ***/.sb-nav-retro .sb-navigation-left.notclickable:hover,.sb-nav-retro .sb-navigation-right.notclickable:hover,.sb-nav-retro .sb-navigation-left,.sb-nav-retro .sb-navigation-right,.sb-nav-retro .sb-navigation-play{background:#fff; color:#777;}
.sb-nav-retro .sb-navigation-play{margin-top:10px;}
.sb-nav-retro .sb-navigation-left:hover,.sb-nav-retro .sb-navigation-right:hover{background:#f1f1f1}
.sb-nav-retro .sb-navigation-left{position:absolute;top:50%;left:-26px;margin-top:-15px; border-radius:500px 0px 0px 500px; -moz-border-radius:500px 0px 0px 500px;-webkit-border-radius:500px 0px 0px 500px; -webkit-box-shadow:-4px 0px 5px 1px rgba(100,100,100,0.1); -moz-box-shadow:-4px 0px 5px 1px rgba(100,100,100,0.1); box-shadow:-4px 0px 5px 1px rgba(100,100,100,0.1); padding:10px 0px 10px 7px;}
.sb-nav-retro .sb-navigation-right{position:absolute;top:50%;right:-26px;margin-top:-15px; border-radius:0px 500px 500px 0px; -moz-border-radius:0px 500px 500px 0px;-webkit-border-radius:0px 500px 500px 0px; -webkit-box-shadow:4px 0px 5px 1px rgba(100,100,100,0.1); -moz-box-shadow:4px 0px 5px 1px rgba(100,100,100,0.1); box-shadow:4px 0px 5px 1px rgba(100,100,100,0.1); padding:10px 7px 10px 0px;}
.sb-retro-skin .showbiz-navigation i {color:#333}
/*** RETRONAV BUTTON ***/.sb-nav-dark-retro .sb-navigation-left.notclickable:hover,.sb-nav-dark-retro .sb-navigation-right.notclickable:hover,.sb-nav-dark-retro .sb-navigation-left,.sb-nav-dark-retro .sb-navigation-right,.sb-nav-dark-retro .sb-navigation-play{background:#222; color:#777;}
.sb-nav-dark-retro .sb-navigation-play{margin-top:10px;}
.sb-nav-dark-retro .sb-navigation-left:hover,.sb-nav-dark-retro .sb-navigation-right:hover,.sb-nav-dark-retro .sb-navigation-play:hover{background:#252525}
.sb-nav-dark-retro .sb-navigation-left{position:absolute;top:50%;left:-26px;margin-top:-15px; border-radius:500px 0px 0px 500px; -moz-border-radius:500px 0px 0px 500px;-webkit-border-radius:500px 0px 0px 500px;padding:10px 0px 10px 7px;}
.sb-nav-dark-retro .sb-navigation-right{position:absolute;top:50%;right:-26px;margin-top:-15px; border-radius:0px 500px 500px 0px; -moz-border-radius:0px 500px 500px 0px;-webkit-border-radius:0px 500px 500px 0px;padding:10px 7px 10px 0px;;}
.sb-retro-dark-skin .showbiz-navigation i {color:#fff}
/***************************************** - HOVER ICONS AND ANIMATIONS -******************************************/.linkicon, .lupeicon{position:absolute; left:50%;top:50%; -webkit-transform:translateZ(10); -webkit-backface-visibility:hidden; -webkit-perspective:1000; color:#fff; font-size:28px; font-weight:bold; margin-top:-16px; margin-left:-15px;}
.linkicon.notalone{margin-left:8px;}
.lupeicon.notalone{margin-left:-38px;}
.showbiz .mediaholder .linkicon,.showbiz .mediaholder .lupeicon{top:65%;-webkit-transition:all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-opacity:0; filter:alpha(opacity=0); opacity:0;}
.showbiz li:hover .mediaholder .linkicon,.showbiz li:hover .mediaholder .lupeicon{top:50%; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.showbiz li:hover .mediaholder .lupeicon{transition-delay:0.1s;-moz-transition-delay:0.1s; /* Firefox 4 */-webkit-transition-delay:0.1s; /* Safari and Chrome */-o-transition-delay:0.1s; /* Opera */}
/************************************************** - THE BASIC CONTAINER SETTINGS - NO NEED TO MODIFICATE ANYTHIN HERE ALL DETAIL SETTINGS CAN BE SET VIA THE SKINS**************************************************/.showbiz ul, .showbiz li{list-style:none; margin:0; padding:0;}
.showbiz ul li{position:relative; -webkit-transform:translateZ(10);-webkit-backface-visibility:hidden;-webkit-perspective:1000;margin-right:15px;}
.showbiz .overflowholder {overflow:hidden;position:relative;width:100%; z-index:2; height:205px !important;}
.showbiz .overflowholder ul {width:100000px; position:absolute; top:0px; left:0px; height:205px !important;}
.showbiz .overflowholder ul li {float:left !important;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;position:relative;}
.showbiz .mediaholder{position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:transparent;padding:0px; border:none;}
.showbiz .mediaholder_innerwrap{position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.showbiz .mediaholder img {width:100%; position:relative; margin-bottom:-5px;}
.showbiz .hovercover{width:100%;height:100%; position:absolute; top:0px; left:0px; background-color:#52bde9;background-color:rgba(82,189,233,0.85);-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-moz-opacity:0; filter:alpha(opacity=0); opacity:0;-webkit-transform:translateZ(10);-webkit-backface-visibility:hidden;-webkit-perspective:1000;}
.showbiz li:hover .hovercover{-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.85;}
/************************************************* - THE GREY SKIN EXTRAS -**************************************************/.sb-grey-skin.showbiz-navigation i{text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;}
.sb-grey-skin .mediaholder {background-color:#d5d5d5;border:1px solid #cecece; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; padding:7px;}
.sb-grey-skin .hovercover{background:rgba(0,0,0,0.5);}
li.sb-grey-skin:hover .mediaholder img{filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%);}
li.sb-woo-skin{margin-right:20px;}
.sb-woo-skin.showbiz-navigation i{text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;}
.sb-woo-skin .mediaholder {background-color:#d5d5d5;border:1px solid #b9b9b9;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:7px;}
.sb-woo-skin .hovercover{background:rgba(0,0,0,0.5);}
li.sb-grey-skin:hover .mediaholder img{filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter:gray; /* IE6-9 */-webkit-filter:grayscale(100%);}
.sb-woo-skin .rating-text{font-family:'Open Sans', sans-serif; font-size:11px; color:#999; line-height:25px;}
.sb-woo-skin .rating-stars{width:69px;height:13px;margin-right:10px; vertical-align:middle; margin-top:-2px;}
.sb-woo-skin hr{border:none; border-top:1px solid #d5d5d5;margin-top:4px;margin-bottom:8px;}
.sb-woo-skin .sb-price{line-height:20px;vertical-align:middle;padding-top:0;font-size:22px; font-weight:700; margin-right:15px; color:#b1749d; font-family:'Open Sans', sans-serif;}
.sb-woo-skin .showbiz-button {padding:4px 15px !important; color:#777 !important; text-shadow:1px 1px 0px #fff; font-size:12px; line-height:27px; margin-top:10px; white-space:nowrap; text-decoration:none !important; vertical-align:middle;}
/************************************************* - THE LIGHT SKIN EXTRAS -**************************************************/li.sb-light-skin {margin-right:20px; box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);}
.sb-light-skin .detailholder{background-color:#fff; padding:10px 20px 10px; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;}
.sb-light-skin .mediaholder_innerwrap{border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;}
.sb-light-skin .hovercover{background:rgba(0,168,255,0.75); border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px;}
.sb-light-skin .reveal_wrapper{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
/************************************************* - THE MEDIA SKIN EXTRAS -**************************************************//* TITLE AND CONTENT */.sb-media-skin .showbiz-title,.sb-media-skin .showbiz-title a,.sb-media-skin .showbiz-title a:visited,.sb-media-skin .showbiz-title a:hover{color:#fff}
.sb-media-skin .mediaholder {background-color:#f7f7f7;border:none;padding:10px 15px 5px 20px; font-size:14px; font-style:italic; font-weight:normal; line-height:30px; background-color:#f1f1f1;font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;}
.sb-media-skin .mediaholder span.arrow-corner{background:url(../img/icons-bg/clientele_say_png.jpg) no-repeat; position:absolute; width:21px; height:21px; content:" "; top:100%; left:0%;}
/************************************************* - THE SHOWCASE FULLWIDTH SKIN EXTRAS -**************************************************/.showbiz ul li.sb-showcase-skin{margin-right:20px; position:relative; background:#fff; padding-top:10px;}
.sb-showcase-skin .detailholder{padding:30px 20px;}
.sb-showcase-skin .mediaholder img{height:135px;width:auto;}
.sb-showcase-skin .mediaholder_innerwrap{text-align:center;}
/************************************************* - THE MODERN FULLWIDTH SKIN EXTRAS -**************************************************/.showbiz.sb-modern-skin ul{background:#000;}
.showbiz ul li.sb-modern-skin{margin-right:0px; border-right:1px solid #000;}
.sb-modern-skin .darkhover{position:absolute; top:0px; left:0px; width:100%;height:100%; background:rgba(0,0,0,0); -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}
.sb-modern-skin .detailholder{position:absolute; bottom:0px; background:#000; background:rgba(0,0,0,0.65); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; width:100%; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}
.sb-modern-skin .showbiz-title{font-size:20px; line-height:25px; color:#fff;font-weight:400;}
.sb-modern-skin .excerpt{font-size:13px; line-height:22px; color:#999; font-weight:400; overflow:hidden; position:relative; display:none;}
.sb-post-details, .sb-post-details span,.sb-post-details a, .sb-post-details a:visited{font-size:12px; line-height:22px; color:#999; font-weight:400; font-family:'Open Sans', sans-serif;}
.sb-readmore, .sb-readmore span,.sb-readmore a, .sb-readmore a:visited{font-size:12px; line-height:22px; color:#fff; font-family:'Open Sans', sans-serif; font-weight:500; text-decoration:none;}
.sb-modern-skin .sb-readmore{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}
.showbiz ul li.sb-modern-skin:hover .detailholder{background:#000; background:rgba(0,0,0,1);}
.showbiz ul li.sb-modern-skin:hover .darkhover{background:rgba(0,0,0,0.65);}
.showbiz ul li.sb-modern-skin:hover .sb-readmore{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
/************************************************** - THE RETRO SKIN EXTRAS -***************************************************/.sb-retro-skin.showbiz-container{max-width:1210px; min-width:300px;}
.sb-retro-skin .showbiz-title,.sb-retro-skin .showbiz-title a,.sb-retro-skin .showbiz-title a:visited,.sb-retro-skin .showbiz-title a:hover{text-decoration:none; font-weight:400 !important; font-size:16px; font-weight:normal; color:#999; text-shadow:#fff 1px 1px 1px; margin:0px; width:100%;text-decoration:none !important; text-transform:none !important;}
.sb-retro-skin .showbiz-description{font-family:Arial, sans-serif; font-size:12px; line-height:20px; color:#777; text-shadow:#fff 1px 1px 1px;}
.sb-retro-skin .showbiz-button {padding:4px 15px !important; color:#777 !important; text-shadow:1px 1px 0px #fff; font-size:12px; line-height:30px; margin-top:10px; white-space:nowrap; text-decoration:none !important;}
.sb-retro-skin.showbiz-navigation i{text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;}
.sb-retro-skin.mediaholder {background-color:#fff;border:1px solid #cecece;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:4px;}
.sb-retro-skin .hovercover{background:rgba(0,0,0,0.5);}
.sb-retro-skin li:hover .mediaholder img{filter:url("data:image/svg+xml;utf8,#grayscale"); filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%);}
.sb-retro-skin.linkicon{position:absolute; left:50%;top:50%; -webkit-transform:translateZ(10); -webkit-backface-visibility:hidden; -webkit-perspective:1000; color:#fff; font-size:42px; font-weight:400 !important; margin-top:-23px; margin-left:-23px; background:#000; background:rgba(0,0,0,0.6); border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; width:46px;height:46px; vertical-align:middle !important; text-align:center;}
/************************************************** - THE RETRO DARK SKIN EXTRAS -***************************************************/.sb-retro-dark-skin.showbiz-container{max-width:1210px; min-width:300px;}
.sb-retro-dark-skin .showbiz-title,.sb-retro-dark-skin .showbiz-title a,.sb-retro-dark-skin .showbiz-title a:visited,.sb-retro-dark-skin .showbiz-title a:hover{text-decoration:none;font-weight:400 !important;font-size:16px;font-weight:normal;color:#ddd !important;text-shadow:#000 1px 1px 1px;margin:0px;width:100%;text-transform:none !important;text-decoration:none !important;}
.sb-retro-dark-skin .showbiz-description{font-family:Arial, sans-serif; font-size:12px; line-height:20px; color:#999; text-shadow:#000 1px 1px 1px;}
.sb-retro-dark-skin .showbiz-button{padding:4px 15px !important;color:#999;text-shadow:1px 1px 0px #000;background:#333;border:1px solid #151515;text-decoration:none;font-weight:400;white-space:nowrap;font-size:12px; text-decoration:none !important;}
}
.sb-retro-dark-skin.showbiz-navigation i{text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;}
.sb-retro-dark-skin.mediaholder {background-color:#fff; border:1px solid #111; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; padding:0px;}
.sb-retro-dark-skin .hovercover{background:rgba(0,0,0,0.5);}
.sb-retro-dark-skin li:hover .mediaholder img{filter:url("data:image/svg+xml;utf8,#grayscale"); filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%);}
.sb-retro-dark-skin.linkicon{position:absolute; left:50%;top:50%; -webkit-transform:translateZ(10); -webkit-backface-visibility:hidden; -webkit-perspective:1000; color:#fff; font-size:42px; font-weight:400 !important; margin-top:-23px; margin-left:-23px; background:#000; background:rgba(0,0,0,0.6); border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; width:46px;height:46px; vertical-align:middle !important; text-align:center;}
/******************************************************- THE REVEAL FUNCTIONS -*********************************************************/.reveal_container{position:absolute; width:100%;height:100%; top:0px; left:0px; -webkit-transform:translateZ(10);-webkit-backface-visibility:hidden;-webkit-perspective:1000;visibility:hidden;}
.reveal_container.tofullwidth{visibility:visible; z-index:20;}
.reveal_container.tofullwidth.sb-removemesoon{visibility:visible; z-index:5; background:#ff0000;}
.showbiz-title.go-to-top{position:absolute;top:100%; margin-top:-40px;z-index:5; left:20px;-webkit-transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateZ(10);-webkit-backface-visibility:hidden;-webkit-perspective:1000;}
.reveal_container .reveal_wrapper{position:absolute; background:#fff; background:rgba(255,255,255,0.9);width:100%; height:100%; top:0px; left:0px; visibility:hidden;padding:20px 20px 20px;height:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;-moz-opacity:0; filter:alpha(opacity=0); opacity:0;-webkit-transform:translateZ(10); -webkit-backface-visibility:hidden; -webkit-perspective:1000;}
/*** BIG WHITE OPENER- DEFAULT ***/ .reveal_opener{width:45px; height:50px; line-height:50px;text-align:center; font-size:22px;color:#888; font-family:Arial; font-weight:700; position:absolute;right:0px;bottom:0px;background-color:#fff;border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px;cursor:pointer;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;-ms-transition:opacity 0.2s ease-out;z-index:1;}
.reveal_opener.sb-centered{left:50%;top:50%;}
/*** SMALL WHITE OPENER ***/.reveal_opener.opener_small_white{background:#fff; width:25px;height:27px;line-height:25px; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;}
/*** SMALL GRAY OPENER ***/.reveal_opener.opener_small_grey{background:#d5d5d5; width:25px;height:27px;line-height:25px;border-radius:0px; -moz-border-radius:0px;-webkit-border-radius:0px; bottom:0px;right:0px;}
/*** GREY COLORED OPENER ***/.reveal_opener.opener_big_grey{width:29px; height:29px; line-height:29px;color:#888;background-color:#d5d5d5;font-weight:700;border-radius:5px 0px 0px 0px; -moz-border-radius:5px 0px 0px 0px;-webkit-border-radius:5px 0px 0px 0px;}
.reveal_opener.revactive.opener_big_grey {font-size:30px;width:40px;height:35px;line-height:35px;}
/** REVEAL OPENER PLAY BUTTON **/.reveal_opener.sb-controll-button{color:#fff; width:40px;height:40px; line-height:40px; background-color:#000; background-color:rgba(0,0,0,0.8); border-radius:5px !important; -moz-border-radius:5px !important;-webkit-border-radius:5px !important; margin-top:-20px;margin-left:-20px;}
/*** HIDE / SHOW OPENER ONLY ON HOVER **/.reveal_opener.show_on_hover{-moz-opacity:0; filter:alpha(opacity=0); opacity:0;}
li:hover .reveal_opener.show_on_hover{-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.tofullwidth .reveal_wrapper{background:#fff;}
.tofullwidth.reveal_wrapper .table{display:table;}
.tofullwidth.reveal_wrapper .table-cell{display:table-cell; vertical-align:top;}
.tofullwidth.reveal_wrapper .table-cell.onethird{width:33%;}
.tofullwidth.reveal_wrapper .table-cell.pl20{padding-left:20px;}
@media only screen and (max-width:480px) {.tofullwidth.reveal_wrapper .table-cell{display:table-row;}
}
/******************* REVEAL ACTIONS ***/.reveal_opener .openme{display:block;}
.reveal_opener .closeme{display:none;}
.reveal_container.revactive .reveal_wrapper{}
.revactive .showbiz-title.go-to-top{position:absolute;top:20px; margin-top:0px; z-index:5; left:20px;}
.revactive.reveal_opener .openme{display:none;}
.revactive.reveal_opener .closeme{display:block;}
.revactive.reveal_opener.sb-controll-button.sb-centered{left:auto; top:10px; right:10px !important; margin:0;}
.home_client_say{position:relative;}
.carousel{overflow:hidden; margin:0px 0px 0px 0px !important; width:100% !important; height:203px !important;}
.carousel ul{margin:0px; padding:0px; height:203px !important; width:100% !important;}
.carousel li{float:left; width:32% !important; background:#f1f1f1; margin:0px 20px 0px 0px !important;}
.carousel li span{background:url(../images/icons/clientele_say_png.jpg) repeat; position:absolute; width:21px; height:21px; display:block; top:100%; left:0%;}
.carousel li .client_content{display:block; color:#555555; font-size:14px; font-style:italic; font-weight:normal; line-height:30px; padding:10px 15px 5px 20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; position:relative;}
.home_client_person_say{position:absolute; top:100%; left:0px; margin:32px 0px 0px 21px; line-height:15px;}
.home_client_person{color:#f1483c; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.home_client_desig{clear:both; color:#777777; font-size:12px; font-style:italic; margin-top:5px; font-family:Arial, Helvetica, sans-serif;}
.car_btn{display:block; width:50px; height:25px; background:url(../images/icons/car_btn.png) left top no-repeat; overflow:hidden; position:absolute; top:-47px;}
.prev{right:38px; background-position:-5px center; border:2px solid #cccccc; width:36px; height:36px;}
.next{right:0px; background-position:-43px center; border:2px solid #cccccc; width:36px; height:36px;}
/* ------ Testimonials css ends above ------ */
/* -------------------- Oceanweb css start below -------------------- */
/* ----- layout css ----- */
.title{font-family:'rockwellbold'; font-size:20px; color:#606060; margin:0px 0px 15px 0px; width:100%; text-align:center; font-weight:100; text-transform:uppercase; letter-spacing:1px;}
.o-divider{float:left; width:100%; height:1px; background-color:#d8d8d8; margin:20px 0px;}
/* ----- layout css ----- */
/* ---- Main Banner css start below ---- */
.banner-text-one{background-color:rgba(0,0,0,0.5); padding:10px; font-family:'rockwellbold'; font-size:30px; line-height:50px;}
.banner-text-two{background-color:rgba(255,199,54,0.7); padding:15px; font-family:'rockwellbold'; font-size:40px; line-height:84px;}
/* ---- Main Banner start below ---- */
/* ---- News css start below ---- */
.news-main{width:100%; background:#333333; color:#ffffff; margin:0px 0px 30px; padding:0px 0px 15px 0px;}
.news-title{padding:10px 12px; background-color:#f0b827; font-size:16px; text-shadow:0px 1px 2px #85630a; float:left; font-family:'rockwellbold'; position:absolute; left:0px; top:0px; z-index:2;}
.news-content{display:inline-block; color:#ffffff; font-size:13px; float:left; margin:13px 0px 0px 0px; max-width:100%;}
.news-more{background-color:#ffffff; padding:13px 15px 12px; color:#5c5c5c; font-size:13px; float:left; font-family:'Open Sans', sans-serif; position:absolute; right:0px; top:0px; z-index:2; text-decoration:none;}
.news-more:hover, .news-more:focus, .news-more:visited{background-color:#222222; color:#ffffff; text-decoration:none;}
.tickercontainer{float:left; width:100%;}
.tickercontainer .mask {position:relative; padding-left:10px; padding-right:10px; top:2px; height:18px; overflow:hidden;}
ul.newsticker{-webkit-transition:all 0s linear; -moz-transition:all 0s linear; -o-transition:all 0s linear; transition:all 0s linear; position:relative; margin-left:20px;
list-style-type:none; margin:0; padding:0; float:left;}
ul.newsticker li{float:left; margin:0; padding-right:15px; font-family:'Open Sans', sans-serif; color:#ffffff;}
ul.newsticker a {white-space:nowrap; padding:0; color:#ff0000; font:bold 10px Verdana; margin:0 50px 0 0;}
.ticker-spacer{visibility:hidden !important;}
ul.newsticker span {
margin:0 10px 0 0;}
#webticker2{float:right;}
#webticker2 li{float:right; margin:0; padding-left:15px;}
/* ---- News css ends above ---- */
/* ---- Services css start below ---- */
.ser-title, .pro-title{font-family:'rockwellbold'; background-color:rgba(152,152,152,0.8); text-shadow:0 2px 1px #737373; padding:5px 8px; font-size:30px; color:#ffc837; position:absolute; top:20px; left:-83px; text-transform:uppercase; letter-spacing:1px;}
.hm-services-main{float:left; width:100%; margin:0px 0px 30px 0px;}
.pro-name-main{position:absolute; left:20px; bottom:20px;}
.pro-name{font-family:'rockwellbold'; font-size:23px;color:#ffffff; font-weight:600; text-transform:uppercase; letter-spacing:1px; max-width:100%; line-height:25px; text-shadow:0px 1px 2px #5c5c5c;}
.pro-more{font-family:'Open Sans', sans-serif; font-size:14px;color:#ffffff; font-weight:600; max-width:100%; line-height:20px; float:left; margin:10px 0px 0px 0px;}
.pro-more span, .pro-more i {float:left;}
.pro-more i{font-size:20px; margin:0px 0px 0px 5px;}
.pro-more a{color:#ffffff; text-shadow:0px 1px 2px #333333;}
/* ---- Services css ends above ---- */
/* -------About css start below -----*/
.inner-pro-title{font-family:'rockwellbold'; background-color:none; padding:0; font-size:20px; color:#ffc837; top:20px; left:-83px; text-transform:capitalize; letter-spacing:1px;}
.inner-title{font-family:'rockwellbold'; background-color:none; padding:0; font-size:24px; color:#ffc837; text-transform:capitalize; white-space:100%; position:relative;}
.sub-title{font-family:'rockwellbold'; background-color:none; padding:0; font-size:18px; color:#ffc837; text-transform:capitalize; white-space:100%; position:relative;}
.ser-sub-title{font-family:'rockwellbold'; background-color:none; padding:0; font-size:18px; color:#676767; text-transform:capitalize; white-space:100%; position:relative;}
.hm-services-main{float:left; width:100%; margin:0px 0px 30px 0px;}
.inner-pro-name-main{position:absolute; left:20px; bottom:20px;}
.inner-pro-name{font-family:'rockwellbold'; font-size:23px;color:#a0a09f; font-weight:600; text-transform:uppercase; letter-spacing:1px; max-width:100%; line-height:25px; text-shadow:0px 1px 2px #5c5c5c;}
.inner-pro-more{font-family:'Open Sans', sans-serif; font-size:14px;color:#ffffff; font-weight:600; max-width:100%; line-height:20px; float:left; margin:10px 0px 0px 0px;}
.inner-pro-more span, .pro-more i {float:left;}
.inner-pro-more i{font-size:20px; margin:0px 0px 0px 5px;}
.inner-pro-more a{color:#a0a09f; text-shadow:0px 1px 2px #333333;}
.center-title, .inner-pro-title{font-family:'rockwellbold'; background-color:none; padding:0; font-size:20px; color:#ffc837; top:20px; left:-83px; text-transform:capitalize; letter-spacing:1px; text-align:center;}
.right-float{ position:relative; top:-75px; z-index:999;}
.arrow-title{position:absolute; top:-85px; left:48%;}
#features-section{position:relative; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; margin:0px 0px 50px 0px; padding:0px 0; text-align:center;}
#features-section:after{position:absolute; content:''; width:100%; height:100%; top:0; left:0;}
#features-section .container{position:relative; z-index:2;}
.feature-post{overflow:hidden; position:relative; margin-bottom:-27px;}
.feature-post:after{content:''; position:absolute; top:60px; bottom:40px; background:#c5c5c5; width:1px; left:50%; margin-left:-1px;}
.feature-post:last-child:after{display:none;}
.feature-post > div{width:50%; position:relative;}
.feature-post > div:after{content:''; position:absolute; height:1px; bottom:20px; left:0; right:228px; background:none;}
.right-feature > div:after{right:0; left:228px;}
.left-feature > div{float:left; text-align:right; padding-right:40px;}
.right-feature > div{float:right; text-align:left; padding-left:40px;}
.feature-post > div i{position:absolute; top:0; color:#c9c9c9; font-size:50px; display:inline-block;}
.feature-post:first-child > div i{margin-right:-22px;}
.left-feature > div i{right:0px; margin-right:-25px;}
.right-feature > div i{left:0px; margin-left:-25px;}
.feature-post > div h2{font-size:18px;text-transform:uppercase; letter-spacing:2px; padding:0 20px 6px; margin:0;}
.feature-post > div p{color:#2c2c2c; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:13px 20px 30px; line-height:24px; margin:0 0 -22px;}
.feature-post > div a{display:inline-block; color:#000; font-size:14px; sans-serif; padding:10px 24px; text-decoration:none; border:1px solid #000; text-transform:uppercase; margin:0 20px 0; letter-spacing:2px; position:relative; z-index:2; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out;}
.feature-post > div a:hover{background:#d35400; border:1px solid #d35400;}
.left-feature > div p{}
.right-feature > div p{}
/* ----- Team css start below ----- */
.team-content-box{background:#cacaca; position:relative; padding:50px 20px 20px 20px; margin:0px 0px 20px 0px;}
.team-content-box .corner{position:absolute; right:0px; top:0px; background:url(../images/icons-bg/corner.jpg) no-repeat; width:71px; height:33px;}
.team-content-box .head{font-style:italic; font-weight:100; color:#ffffff; font-size:20px; text-align:right; max-width:100%; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; font-family:'rockwellbold';}
.team-content-box .content{padding:10px !important; border:1px solid #ffffff; background:none; text-align:left; color:#404040; line-height:30px; font-family:'rockwellbold'; font-size:16px;}
.team-person-name{font-family:'Open Sans', sans-serif; font-size:22px; line-height:20px; color:#2c2c2c; margin:30px 0px 20px 0px; font-weight:100;}
.team-person-name span{display:block; width:100%; font-family:'rockwellbold'; font-size:14px; color:#c5c5c5; margin:5px 0px 0px 0px; letter-spacing:0.5px;}
.team-divider{}
.team-divider:after{position:absolute; right:0px; bottom:0px; width:1px; height:50px; background:#c5c5c5; content:"";}
.team-divider:before{position:absolute; right:0px; bottom:0px; width:50px; height:1px; background:#c5c5c5; content:"";}
/* ----- Team css ends above ----- */
/* ------About us css end above -------*/
/* -----inner page css start below ------*/
.about-devider{width:70%; margin:10px auto; border-bottom:1px dotted;}
.our-strategy{text-align:center;}
.fullwidth-container{background-color:#f9f9f9; float:left; width:100%;}
/* ----inner page css end above --------*/
/* ----- Services css start below ------*/
.service-left-fade{background: rgba(255,255,255,1); float:left;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 71%, rgba(251,251,251,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(55%, rgba(251,251,251,1)), color-stop(55%, rgba(251,251,251,1)), color-stop(71%, rgba(251,251,251,1)), color-stop(100%, rgba(251,251,251,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 71%, rgba(251,251,251,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 71%, rgba(251,251,251,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 71%, rgba(251,251,251,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 71%, rgba(251,251,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=1 );}
.service-right-fade{background: rgba(251,251,251,1); float:left;
background: -moz-linear-gradient(left, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 55%, rgba(251,251,251,1) 55%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(251,251,251,1)), color-stop(55%, rgba(255,255,255,1)), color-stop(55%, rgba(251,251,251,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 55%, rgba(251,251,251,1) 55%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 55%, rgba(251,251,251,1) 55%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 55%, rgba(251,251,251,1) 55%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 55%, rgba(251,251,251,1) 55%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=1 );}
.ser-back-fade{background-color:#fbfbfb; padding:20px 15px; float:left;}
.ser-head{font-family:'Open Sans', sans-serif; font-size:26px; line-height:20px; color:#000000; margin:30px 0px 20px 0px; font-weight:100; line-height:30px; margin:0px 0px 20px 0px; max-width:100%; display:block; text-align:left;}
.ser-tagline{display:block; width:100%; font-family:'rockwellbold'; font-size:16px; color:#828282; text-align:center; margin:5px 0px 25px 0px; letter-spacing:0.5px;}
.ser-proj-bt{float:right; font-size:16px; font-family:'Open Sans', sans-serif; color:#000000; line-height:45px; float:left;}
a.ser-proj-bt:hover{color:#000000;}
.ser-proj-bt i{line-height:50px; font-size:50px; display:inline; color:#ffc636; float:left; margin:0px 0px 0px 20px;}
.mCustomScrollbar{-ms-touch-action:none; touch-action:none; /* MSPointer events - direct all pointer events to js */ }.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto; touch-action:auto;}
.mCustomScrollBox{/* contains plugin's markup */position:relative; overflow:hidden; height:100%; max-width:100%; outline:none; direction:ltr;}.mCSB_container{/* contains the original content */overflow:hidden; width:auto; height:auto;}
.mCSB_inside > .mCSB_container{margin-right:30px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}
/* non-visible scrollbar */.mCS-dir-rtl > .mCSB_inside > .mCSB_container{/* RTL direction/left-side scrollbar */margin-right:0; margin-left:30px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}
/* RTL direction/left-side scrollbar */.mCSB_scrollTools{/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */position:absolute; width:10px; height:auto; left:auto; top:0; right:0; bottom:0;}.mCSB_outside + .mCSB_scrollTools{right:-26px;}
/* scrollbar position:outside */.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{/* RTL direction/left-side scrollbar */right:auto; left:0;}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;}
/* RTL direction/left-side scrollbar (scrollbar position:outside) */.mCSB_scrollTools .mCSB_draggerContainer{/* contains the draggable element and dragger rail markup */position:absolute; top:0; left:0; bottom:0; right:0; height:auto;}.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}
.mCSB_dragger_bar {
background: none repeat scroll 0 0 #ffc636 !important;
}
.mCSB_scrollTools .mCSB_draggerRail{width:2px; height:100%; background:#c5c5c5 !important; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}.mCSB_scrollTools .mCSB_dragger{/* the draggable element */cursor:pointer; width:100%; height:30px; background:#ffc636; /* minimum dragger height */z-index:1;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/* the dragger element */position:relative; width:4px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; text-align:center;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px; /* auto-expanded scrollbar */ }.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px; /* auto-expanded scrollbar */ }.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block; position:absolute; height:20px; width:100%; overflow:hidden; margin:0 auto; cursor:pointer;}.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0; margin-bottom:30px;}.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
/* non-visible scrollbar */.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto; height:16px; top:auto; right:0; bottom:0; left:0;}.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;}
/* scrollbar position:outside */.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%; height:2px; margin:7px 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px; /* minimum dragger width */height:100%; left:0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%; height:4px; margin:6px auto;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px; /* auto-expanded scrollbar */margin:2px auto;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px; /* auto-expanded scrollbar */margin:4px 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block; position:absolute; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;}
/* ------------------------------------------------------------------------------------------------------------------------4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------*/.mCSB_container_wrapper{position:absolute; height:auto; width:auto; overflow:hidden; top:0; left:0; right:0; bottom:0; margin-right:30px; margin-bottom:30px;}.mCSB_container_wrapper > .mCSB_container{padding-right:30px; padding-bottom:30px;}.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;}
/* non-visible horizontal scrollbar */.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;}
/* RTL direction/left-side scrollbar */.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;}
/* non-visible scrollbar/RTL direction/left-side scrollbar */.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{/* RTL direction/left-side scrollbar */margin-right:0; margin-left:30px;}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0; /* non-visible scrollbar */margin-left:0;}/* non-visible horizontal scrollbar */.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
/* ------------------------------------------------------------------------------------------------------------------------5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------*/.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out; transition:opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; }/* ------------------------------------------------------------------------------------------------------------------------6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------*//* ----------------------------------------6.1 THEMES ----------------------------------------*//* default theme ("light") */.mCSB_scrollTools{opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; }.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png); /* css sprites */background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0; /* sprites locations light:0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72pxdark:-80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px*/}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px; /* sprites locationslight:0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92pxdark:-80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px*/}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px; /* sprites locations light:0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112pxdark:-80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px*/}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px; /* sprites locations light:0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128pxdark:-80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px*/}.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";}
/* theme:"dark" */.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.15);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9);}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
/* ---------------------------------------- *//* theme:"light-2", "dark-2" */.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px; background-color:#ede6d5 !important; background-color:#ededed; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px; background-color:#fff; background-color:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%; height:4px; margin:6px auto;}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.85);}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.9);}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px;}
/* theme:"dark-2" */.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px; background-color:#fff; background-color:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; background-color:#fff; background-color:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%; height:4px; margin:6px 0;}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%; height:6px; margin:5px auto;}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.85);}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.9);}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px;}
/* theme:"dark-thick" */.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px;}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff; background-color:rgba(255,255,255,0.1);}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%; height:2px; margin:7px auto;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.15);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
/* ---------------------------------------- *//* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff; background-color:rgba(255,255,255,0.15);}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px;}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px; margin:0 1px;}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px; margin:1px 0;}.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px; /* auto-expanded scrollbar */height:16px; margin:-1px 0;}.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px; /* auto-expanded scrollbar */ }.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px; /* auto-expanded scrollbar */width:16px; margin:0 -1px;}.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px; /* auto-expanded scrollbar */margin:6px 0;}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px;}
/* theme "rounded-dark", "rounded-dots-dark" */.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.15);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px;}
/* theme "rounded-dots", "rounded-dots-dark" */.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent; background-position:center;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat:repeat-y; opacity:0.3; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; }.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px; margin:6px 0; background-repeat:repeat-x;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px;}
/* theme "rounded-dots-dark" */.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px;}
/* ---------------------------------------- *//* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y; background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x; background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}/* theme "3d", "3d-dark" */.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px;}
.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{opacity:1; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; }.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width:8px; background-color:#000; background-color:rgba(0,0,0,0.2); box-shadow:inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%; height:8px; margin:4px 0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%; height:8px; margin:4px auto;}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme "3d-dark" */.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.1); box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* ---------------------------------------- *//* theme:"3d-thick", "3d-thick-dark" */.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{opacity:1; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; }.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px;}
.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}
.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px; box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4); width:12px; margin:2px; position:absolute; height:auto; top:0; bottom:0; left:0; right:0;}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px; width:auto;}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000; background-color:rgba(0,0,0,0.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme:"3d-thick-dark" */.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff; background-color:rgba(0,0,0,0.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* ---------------------------------------- *//* theme:"minimal", "minimal-dark" */.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0; margin:12px 0; }.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0; margin:0 12px; }/* RTL direction/left-side scrollbar */.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0; right:auto;}.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; }.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; }/* theme:"minimal-dark" */.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; }.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; }/* ---------------------------------------- *//* theme "light-3", "dark-3" */.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px; background-color:#000; background-color:rgba(0,0,0,0.2);}.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%; height:6px; margin:5px 0;}.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px;}.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px; margin:2px 0;}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme "dark-3" */.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.1);}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* ---------------------------------------- *//* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px; background-color:#000; background-color:rgba(0,0,0,0.2);}.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; margin:3px 5px; position:absolute; height:auto; top:0; bottom:0; left:0; right:0;}.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px; margin:5px 3px; position:absolute; width:auto; top:0; bottom:0; left:0; right:0;}.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%; height:12px; margin:2px 0;}.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.1);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* theme "inset-2", "inset-2-dark" */.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent; border-width:1px; border-style:solid; border-color:#fff; border-color:rgba(255,255,255,0.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000; border-color:rgba(0,0,0,0.2);}
/* theme "inset-3", "inset-3-dark" */.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff; background-color:rgba(255,255,255,0.6);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000; background-color:rgba(0,0,0,0.6);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.75);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.85);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff; background-color:rgba(255,255,255,0.9);}
#examples{background-color:#191919; background-color:rgba(0,0,0,0.3); padding:5px; margin:10px 0; overflow:hidden;}
#examples > hr{margin:20px 10px;}
.content{/*overflow:auto; position:relative; padding:20px; background:#333; margin:10px; width:740px; max-width:97%; height:400px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;*/ height:300px;}
.content.hidden{display:none;}
.content.light{background-color:#ddd; color:#333;}
.content hr{margin-bottom:-10px; border-top:1px solid rgba(0,0,0,0.7);}
.content.light hr{border-bottom:1px solid rgba(255,255,255,0.6); border-top:1px solid rgba(0,0,0,0.1);}
#demo.showcase{min-width:740px;}
.showcase .content{float:left; width:340px; height:300px;}
.showcase .horizontal-images.content{height:140px; width:700px; max-width:97%; padding:5px 5px 0 5px;}
.showcase .horizontal-images.content h2, .showcase .horizontal-images.content li img{height:119px;}
.showcase .horizontal-images.content h2{color:#fff; background-color:#eb3755; padding:10px 20px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:165%;}
.horizontal-images.content ul, .vertical-images.content ul{margin:0; padding:0; list-style:none; overflow:hidden;}
.horizontal-images.content li{margin:0 3px; float:left;}
.vertical-images.content li{margin:3px 0;}
.showcase #content-1.content{height:620px;}
.showcase #content-2.content{height:620px;}
.showcase #content-2.content h2{color:#333;}
.showcase #content-3.content h2{color:#eb3755;}
.showcase #content-4.content{background-color:#1C383F;}
.showcase #content-4.content h2{color:#ddd;}
.showcase #content-6.horizontal-images.content .mCSB_scrollTools{margin-left:10px; margin-right:10px;}
.showcase #content-6.horizontal-images.content ul{margin-left:10px; margin-right:10px;}
.showcase #content-6.horizontal-images.content h2{color:#222; background-color:#c2beb2;}
.showcase #content-6.horizontal-images.content h2, .showcase #content-6.horizontal-images.content li img{height:105px;}
.showcase #content-7.content{height:620px;}
.showcase #content-8.content h2{margin-top:20px; margin-left:20px; margin-right:20px;}
.showcase #content-8.content p{width:710px; float:left; margin:15px 20px;}
.showcase #content-8.content hr + p{margin-top:30px;}
.showcase #content-8.content p:nth-child(3n+1){width:1460px; clear:both;}
.showcase #content-9.content{height:620px; background-color:#c2beb2; padding:5px;}
.showcase #content-9.content .mCSB_container{margin-right:21px;}
.showcase #content-9.content h2{height:85px; padding:10px; margin-bottom:0; margin-top:15px; font-size:180%; color:#333;}
.showcase #content-9.content img{padding:0; vertical-align:bottom;}
#iframe-container{width:90%; max-width:1110px; background:#000; overflow:hidden;}
#iframe-container iframe{vertical-align:bottom;}
#infinite-scroll .offset{display:block; width:100%; height:auto; color:#ffed0d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#infinite-scroll .offset p{margin-bottom:60px;}
#infinite-scroll .offset .indicator{display:block; width:100%; height:100px; background:#ffed0d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#examples.resizable{
background:#444;
padding-bottom:30px;
}
#resizable.content{overflow:hidden; width:640px; max-width:80%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; /* jquery ui resizable bug:http://bugs.jqueryui.com/ticket/8932 */
}
#resizable.content h2{color:#444;}
#resizable.content p{width:1000px }
.content.fluid{width:90%; max-width:1680px;}
.content.fluid h2{color:#eb3755; font-family:"Lobster Two", "Georgia", serif; font-weight:700; font-style:italic;}
.content.nested{height:600px;}
.content.nested .nested{margin:0 auto; background-color:rgba(0,0,0,0.1); height:400px;}
#content-1.content.nested{margin-bottom:40px;}
#content-1.content.nested p{width:1000px;}
#content-1.content.nested .nested{margin:20px; width:600px; height:300px;}
.content.zero-height{height:0;}
.content.zero-width{width:0;}
.init-hidden #examples{min-height:420px;}
.full-page .content{height:800px;}
.full-page-alt #mCSB_1_container{width:97% !important; /* override plugin property */
min-width:480px;}
.full-page-alt #mCSB_1_scrollbar_vertical{position:fixed; margin-right:30px; margin-top:16px; margin-bottom:16px;}
.full-page-alt #mCSB_1_scrollbar_horizontal{position:fixed; margin-bottom:30px; margin-left:16px; margin-right:16px;}
.full-page-alt .outer.content{width:960px;}
.full-page-alt .horizontal-images.content{height:275px; width:100%; margin:20px auto 10px auto;}
.full-page-alt .horizontal-images.content img{height:200px;}
.content table{width:100%; border-collapse:collapse; border-top:1px dashed #666; border-left:1px dashed #666; border-right:1px dashed #666; background:rgba(0,0,0,0.1);}
.content table tr{border-bottom:1px dashed #666;}
.content table td{padding:10px 20px 9px 20px;}
.sortable{min-width:800px;}
#sortable ul{margin-top:20px; margin-bottom:10px;}
#sortable li{margin:10px 40px; background:#444; padding:5px 10px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#sortable li:active, #sortable .ui-sortable-helper{background:#eb3755;}
#examples.tabs, #examples.accordion, #examples.autocomplete{
padding:5px 20px 20px 20px; background-color:#333;}
#examples.tabs h3, #examples.accordion h3{color:#222; font-family:inherit; font-style:inherit;}
#tabs{margin-bottom:20px;}
#tabs, #tabs-2, #accordion{
width:600px;
max-width:95%;
}
#examples.tabs .ui-widget-content{background-image:none;}
#autocomplete{border:none; background:#fff; min-height:20px; padding:5px 8px; font-size:inherit; font-family:inherit; color:#222; margin-top:15px;}
#autocomplete:focus{outline:none;}
.ui-menu a{-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;}
.ui-menu .mCSB_container{padding:2px;}
.ui-menu .mCSB_scrollTools{
right:5px; margin-top:5px; margin-bottom:5px;}
.bootstrap #examples{background:transparent;}
.bootstrap #myModal-2 .modal-body{max-height:340px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; margin-bottom:-15px;}
.bootstrap #myTab{max-width:600px;}
.bootstrap #myTab .tab-pane{padding:15px 5px 15px 15px;}
body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbox-demo #cboxContent a:hover{color:#333;}
.all-themes #examples{padding:15px 0 0 15px;}
.all-themes .content{width:310px; height:500px; margin:0 20px 20px 0; float:left;}
.all-themes .content h2, .all-themes .content p, .all-themes .content hr{
width:240px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr,
.all-themes #content-md h2, .all-themes #content-md p, .all-themes #content-md hr{width:270px;}
.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr,
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr,
.all-themes #content-md.expanded-content h2, .all-themes #content-md.expanded-content p, .all-themes #content-md.expanded-content hr{width:540px;}
.max-height-example .content{height:auto; max-height:400px;}
.max-width-example{min-width:620px;}
.max-width-example .content{
height:auto; width:auto; max-width:50%; min-width:600px; display:inline-block; vertical-align:bottom;}
.max-width-example .content ul{max-height:135px; overflow-y:hidden;}
.max-width-example .content img, .max-width-example .content ul li > a{height:130px; border:3px solid #444;}
.max-width-example .content ul li > a{display:block; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
background:rgba(0,0,0,0.3);}
.snap-scrolling-example .content{
height:auto;
width:853px;}
.snap-scrolling-example .content img{height:160px;}
.textarea-example .content{width:360px;}
.textarea-example .content form{margin:25px 0 15px 0;}
.textarea-example .content textarea, .textarea-example .textarea-clone{width:300px; padding:0 10px; line-height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.textarea-example .content textarea{height:160px;
resize:none;
overflow:hidden;
outline:none; margin:0; border:none; background:transparent; box-shadow:none;}
.textarea-example .content .textarea-wrapper{height:182px;
overflow:hidden; background-color:#bbb; background-color:rgba(255,255,255,0.6); -moz-box-shadow:inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5); -webkit-box-shadow:inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5); box-shadow:inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.textarea-example .textarea-clone{position:absolute;
top:-9999px;
left:-9999px;
visibility:hidden;
min-height:160px;
word-wrap:break-word; white-space:pre-wrap;}
.textarea-example .content .textarea-wrapper .mCSB_scrollTools{margin:10px 5px;}
.scrollTo-demo .content{height:290px;}
.scrollTo-demo .demo-y{height:600px;}
.scrollTo-demo .demo-x{width:660px; background-color:#252525;}
.scrollTo-demo .demo-x p{float:left; width:300px; margin-left:30px; height:auto; padding:5px 10px; background-color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.scrollTo-demo .demo-x hr + p{margin-left:0;}
.scrollTo-demo .demo-yx{background-color:#424242;}
.scrollTo-demo .demo-yx p{width:1000px;}
.scrollTo{font-size:12px;}
.scrollTo + .scrollTo{margin-top:20px;}
.scrollTo ul li:first-child span{display:block; padding:3px 15px;}
#test-id{background-color:#eb3755; color:#fff;}
.rtl-demo #content-1{width:500px;}
.rtl-demo #content-1 p{width:1000px;}
.transitions #examples{-webkit-perspective:1000; -moz-perspective:1000;}
.transitions .content{-webkit-transition:all .6s ease-out;
-moz-transition:all .6s ease-out;
-o-transition:all .6s ease-out;
transition:all .6s ease-out;
}
.service-img-responsive {
display: block;
float: left;
height: auto;
max-width: 100%;
width: 100%;
}
.list-unstyled{float:left; width:100%; margin:0px 0px 20px 0px;}
.list-unstyled li{float:left; width:100%; font-family:"Open Sans",sans-serif;}
.list-unstyled li i{font-size:20px;}
.list-unstyled li {
float: left;
font-family: open sans;
margin-bottom: 10px;
width: 100%;
}
/* ---- Services page css end above --------*/
/* ---- Project css start below ---- */
.pro-title{z-index:2; left:-80px;}
.hm-projects-main{float:left; width:100%; position:relative;}
.customNavigation{text-align:center;}
/* ---- Project css start below ---- */
/* ---- Testimonials css start below ---- */
.hm-testimonial-main{float:left; width:100%; position:relative; margin:0px 0px 40px;}
/* ---- Testimonials css start below ---- */
/* ---- Clientele css start below ---- */
.hm-client-main{float:left; width:100%; position:relative; margin:0px 0px 20px;}
/* ---- Clientele css start below ---- */
/* ---- About Team css start below ---- *//*
.team-block {padding-top:91px;padding-bottom:113px;}
.team-wrap {}
.team-circle-wrap {text-align:center;}
.team-circle-wrap p {color:#fff;}
.team-circle-img {
width:250px;
height:300px;
border-radius:400px;
border:3px solid #c5c5c5;
overflow:hidden;
position:relative;
display:inline-block;}
.team-circle-share {
width:100%;
text-align:center;}
.team-circle-share a {
display:inline-block;
width:40px;
height:40px;
border-radius:400px;
border:1px solid #ea114f;}
.team-circle-share a:before {
content:'';
width:20px;
height:20px;
position:absolute;
background:url('img/sohial-icon-sprite-blue.png') no-repeat;
margin-top:8px;
margin-left:-6px;}
.team-circle-share a {
display:inline-block;
width:40px;
height:40px;
border-radius:400px;
border:1px solid #ea114f;}
.team-circle-share a:before {
content:'';
width:22px;
height:22px;
position:absolute;
background:url('img/sohial-icon-sprite-blue.png') no-repeat;
margin-top:8px;
margin-left:-10px;}
a.in-icon-blue:before {background-position:4px 0;}
a.tw-icon-blue:before {background-position:-21px 2px;}
a.gplus-icon-blue:before {background-position:-48px 2px;}
a.fb-icon-blue:before {background-position:-69px 2px;}
.team-circle-share a:hover {opacity:0.5;}
.team-circle-img .team-circle-img-hover {
position:absolute;
width:100%;
height:100%;
background:rgba(229, 229, 229, 0.50);
z-index:500000;
top:0;
left:0;
text-align:center;
border-radius:400px;
-webkit-transition:All 300ms ease-out; -moz-transition:All 300ms ease-out; -o-transition:All 300ms ease-out; -ms-transition:All 300ms ease-out; transition:All 300ms ease-out;
overflow:hidden;
-moz-transform:scale(0);
-ms-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);}
.team-circle-img:hover .team-circle-img-hover {
-webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in; text-decoration:none;
-moz-transform:scale(1);
-ms-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);}
.team-circle-img-hover-in {
display:table;
width:100%;
height:100%;
vertical-align:middle;}
.team-circle-img-hover-wrap {
display:table-cell;
vertical-align:middle;}
.team-circle-img-hover-wrap span {
display:block;
font-size:36px;
color:#ffffff;}
.team-circle-person {
font-size:16px;
margin-top:10px;
margin-bottom:20px;
font-family:'Open Sans', sans-serif;
font-weight:100;}
.team-circle-person span {
display:block;
font-size:14px;
border-bottom:10px solid #f0f0f0
font-weight:700;
color:#c6c6c6
;}
.team-circle p{
padding:0 11px;
height:80px;}
.team-circle-share a {margin:0 6px;}
.team-circle-share {margin-top:44px;}
.hb3.tel-block{margin-top:0;}
.tel-red-icon {color:#24a0ac;}
.tel-red-icon:before {content:url('img/tel-icon-magenta-big.png');}
.price-col {
float:none;
max-width:300px;
display:inline-block;
margin-left:11px;
margin-right:11px;
margin-bottom:30px;
-webkit-transition:All 1000ms ease-out; -moz-transition:All 1000ms ease-out; -o-transition:All 1000ms ease-out; -ms-transition:All 1000ms ease-out; transition:All 1000ms ease-out;
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);}
.price-col.act{
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);}
.animate-top{
-webkit-transition:All 1000ms ease-out; -moz-transition:All 1000ms ease-out; -o-transition:All 1000ms ease-out; -ms-transition:All 1000ms ease-out; transition:All 1000ms ease-out;
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);}
.animate-top.act{
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);}
.animate-left{
-webkit-transition:All 1000ms ease-out; -moz-transition:All 1000ms ease-out; -o-transition:All 1000ms ease-out; -ms-transition:All 1000ms ease-out; transition:All 1000ms ease-out;
opacity:0;
-webkit-transform:translate3d(-1000px, 0, 0);
transform:translate3d(-1000px, 0, 0);}
.animate-left.act{
opacity:1;
-webkit-transform:translate3d(0px, 0, 0);
transform:translate3d(0px, 0, 0);}
.animate-right{
-webkit-transition:All 1000ms ease-out; -moz-transition:All 1000ms ease-out; -o-transition:All 1000ms ease-out; -ms-transition:All 1000ms ease-out; transition:All 1000ms ease-out;
opacity:0;
-webkit-transform:translate3d(1000px, 0, 0);
transform:translate3d(1000px, 0, 0);}
.animate-right.act{
opacity:1;
-webkit-transform:translate3d(0px, 0, 0);
transform:translate3d(0px, 0, 0);}
.wrap-icon-animation{
opacity:0;
-webkit-transform:translate3d(-1000px, 0, 0);
transform:translate3d(-1000px, 0, 0);
}
.wrap-icon-animation.act{
opacity:1;
-webkit-transform:translate3d(0px, 0, 0);
transform:translate3d(0px, 0, 0);
-webkit-transition:All 1200ms ease-out; -moz-transition:All 1200ms ease-out; -o-transition:All 1200ms ease-out; -ms-transition:All 1200ms ease-out; transition:All 1200ms ease-out;}
.wrap-icon-animation:nth-child(1){-webkit-transition:All 1000ms ease-out; -moz-transition:All 1000ms ease-out; -o-transition:All 1000ms ease-out; -ms-transition:All 1000ms ease-out; transition:All 1000ms ease-out;}
.wrap-icon-animation:nth-child(2){-webkit-transition:All 800ms ease-out; -moz-transition:All 800ms ease-out; -o-transition:All 800ms ease-out; -ms-transition:All 800ms ease-out; transition:All 800ms ease-out;}*/
/* ---- About Team css start below ---- */
/* ---- Project Css css start below ---- */
.pro-border{background:none repeat scroll 0 0 #f1f1f1; border-bottom:1px solid #eaeaea; height:5px; width:100%;}
/* ---- Project Css css start below ---- */
/* ---- Social Sidebar css start below ---- */
#social-sidebar{right:0; position:fixed; top:50%; z-index:9998; }
#social-sidebar li{list-style:none; display:block;}
#social-sidebar li a{float:left; text-decoration:none;}
#social-sidebar li:first-child a{border-radius:0 5px 0 0;}
#social-sidebar li:last-child a{border-radius:0 0 5px 0;}
#social-sidebar a{background:#ffc736; color:#ffffff; display:block; height:50px; font-size:18px; line-height:50px; position:relative; text-align:center; width:50px;}
#social-sidebar a:hover span{right:130%; opacity:1;}
#social-sidebar a span{border-radius:3px;font-family:'Open Sans', sans-serif; font-weight:100; line-height:20px; right:-100%; margin-top:-16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; padding:4px 8px; position:absolute; -webkit-transition:opacity .3s, right .4s; -moz-transition:opacity .3s, right .4s; -ms-transition:opacity .3s, right .4s; -o-transition:opacity .3s, right .4s; transition:opacity 0.3s, right .4s; top:50%; white-space:nowrap; z-index:-1;}
#social-sidebar a span:before{content:""; display:block; height:8px; right:-4px; margin-top:-4px; position:absolute; top:50%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); width:8px; z-index:-2;}
#social-sidebar a[class*="fa-facebook"]:hover, #social-sidebar a[class*="facebook"] span, #social-sidebar a[class*="facebook"] span:before{background:#333333;}
#social-sidebar a[class*="twitter"]:hover, #social-sidebar a[class*="twitter"] span, #social-sidebar a[class*="twitter"] span:before{background:#333333;}
#social-sidebar a[class*="envelope"]:hover, #social-sidebar a[class*="envelope"] span, #social-sidebar a[class*="envelope"] span:before{background:#333333;}
/* ---- Social Sidebar css ends above ---- */
/* ---- Project css start below ---- */
.litebox-overlay{display:none; width:100%; min-width:280px; text-align:center; position:fixed; top:0; left:0; z-index:9999;}
@-webkit-keyframes liteboxLoader{0% { -webkit-transform:rotate(0deg);}
100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes liteboxLoader{0% { -moz-transform:rotate(0deg);}
100% { -moz-transform:rotate(360deg);}
}
@-ms-keyframes liteboxLoader{0% { -ms-transform:rotate(0deg);}
100% { -ms-transform:rotate(360deg);}
}
@-o-keyframes liteboxLoader{0% { -o-transform:rotate(0deg);}
100% { -o-transform:rotate(360deg);}
}
@keyframes liteboxLoader{0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
.litebox-overlay .litebox-loader{position:absolute; width:40px; z-index:1; height:40px; left:20px; top:20px; border:3px solid #111; border-right-color:#fff; border-radius:50% !important; -webkit-animation:liteboxLoader 1s linear infinite; -moz-animation:liteboxLoader 1s linear infinite; -ms-animation:liteboxLoader 1s linear infinite; -o-animation:liteboxLoader 1s linear infinite; animation:liteboxLoader 1s linear infinite;}.litebox-overlay .litebox-close{width:40px; height:40px; background:url(../images/icons-bg/litebox-close.png) no-repeat center; opacity:.7; position:absolute; top:20px; right:20px;}
.litebox-overlay .litebox-close:hover{opacity:1; cursor:pointer;}
.litebox-overlay .litebox-nav{display:none; width:60px; height:60px; margin-top:-30px; opacity:.2; position:absolute; top:50%; z-index:9999 !important;}
.litebox-overlay .litebox-nav:hover{opacity:.5; cursor:pointer;}
.litebox-overlay .litebox-prev{background:url(../images/icons-bg/litebox-prev.png) no-repeat center; left:20px; z-index:2;}
.litebox-overlay .litebox-next{background:url(../images/icons-bg/litebox-next.png) no-repeat center; right:20px; z-index:2;}
.litebox-overlay .litebox-container{position:absolute; top:10%; right:10%; bottom:10%; left:10%; overflow:hidden; z-index:2;}
.litebox-overlay .litebox-container.litebox-scroll{overflow-y:auto;}
.litebox-overlay img,.litebox-overlay iframe{display:inline-block; max-width:100%; max-height:100%; margin:0 auto; vertical-align:middle; overflow-x:hidden; background:#ffffff; padding:10px;}
.litebox-overlay iframe{width:100%; height:100%; position:relative; z-index:999999;}
.litebox-overlay .litebox-inline-html{width:100%; padding:20px; background:#FFF; line-height:normal; overflow-x:hidden; line-height:normal !important; position:absolute;}
.litebox-overlay .litebox-error{width:100%; height:100%; color:#FFF; text-align:center; line-height:inherit;}
.litebox-overlay .litebox-error span{background:rgba(0, 0, 0, .9); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:20px; color:#FFF; text-shadow:1px 1px 0 #000; line-height:normal;}
.inline-block.litebox{display:block; position:relative !important; width:100%;}
.inline-block.litebox > span {background:rgba(0,0,0,0.5); font-family:'Open Sans', sans-serif; font-size:15px; color:#ffffff;text-transform:uppercase; bottom:0; display:block; left:0; line-height:10px; padding:20px; position:absolute; white-space:nowrap; width:100%; z-index:2;}
.hover-details{width:100%; height:100%; overflow: hidden; position: relative; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.hover-details:hover{}
.hover-details > img{width: 100%; height: auto;}
.hover-details:hover > img{}
.hover-details .details{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/icons-bg/zoom.png) no-repeat center rgba(24, 24, 24, 0.3); transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer; content:"";}
.hover-details:hover .details{opacity: 1;}
/* ---- Project css ends above ---- */
/* ---- Clientele css start below ---- */
.clientele{padding-top:30px;}
.clientele .row .col-sm-2{text-align:center; border-color:#dbdbdb #dbdbdb; border-style:solid solid none none; border-width:1px;}
.clientele .row .col-sm-2:last-child{border-right:0}
.service{margin:20px 0; overflow:hidden; position:relative; float:left; border:1px solid #e5e5e5;width:100%;padding:5px; background:#fff;-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;/*-webkit-box-shadow:0 8px 6px -6px #ccc;-moz-box-shadow:0 8px 6px -6px #ccc; box-shadow:0 8px 6px -6px #ccc; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cccccc')";*/}
.service [class^="icon-"]:before, .service [class*=" icon-"]:before{ padding:0;}
.service a{ width:100%; height:100%; display:block; position:relative;}
.service p{margin:0; padding:20px; font-weight:300; color:inherit; border-top:5px solid #fff;}
.service-icon{ font-size:60px; text-shadow:1px 0px 1px rgba(255,255,255,0.7);padding:15px 0px 15px; width:100%; height:50%; text-align:center;}
service-content{width:100%;}
.service-main{font-size:18px;font-weight:600; text-align:center;}
.service-sub{ text-align:center; font-size:14px; color:#666; opacity:0.8;}
.service:hover{ background-color:#fff;}
.client-name{font-family:'Open Sans', sans-serif; font-size:22px; color:#000000; font-weight:100; text-align:center;}
/* ---- Clientele css ends above ---- */
/* ---- Careers css start below ---- */
.current-o-main{max-width:100%; line-height:30px; color:#5c5c5c;}
.accrodian-shade{background:#f5f5f5 !important;}
.current-o-head{font-family:'Open Sans', sans-serif; font-size:15px; color:#3c3c3c;}
.inner-slogan{font-family:'Open Sans', sans-serif; font-size:16px; margin-bottom:30px; text-align:center; width:100%; border-top:1px dotted #c5c5c5; padding-top:20px;}
/* ---- Careers css ends above ---- */
/* ---- Contact Us css start below ---- */
.contact-detail-main{border-radius:3px !important;}
.contact-detail-main .col-md-4{margin:0px 0px 20px 0px;}
.contact-detail-main i{font-size:50px; color:#ffc736; float:left; margin:0px 20px 0px 0px; height:70px;}
.contact-detail-main i.email{margin-top:-5px;}
.contact-detail-main a{color:#5c5c5c;}
.contact-detail-main strong{color:#333333;}
.contact-detail-main .head{font-size:20px; color:#333333; line-height:22px; display:block; font-family:'Open Sans', sans-serif; margin:0px 0px 10px 0px;}
.c-divider{background:url(../images/icons-bg/divider.jpg) repeat-x; width:100%; float:left; height:25px; margin:10px 0 30px;}
.contact-block{padding:20px; background-color:#fcfcfc; border:1px solid #e7e7e7;}
.contact-block .head{font-size:20px; color:#333333; line-height:22px; display:block; font-family:'Open Sans', sans-serif; padding:0px 0px 20px 0px;}
/* ---- Contact Us css ends above ---- */
/* ---- Footer css start below ---- */
.footer-fixed{bottom:0; height:289px; position:fixed; width:100%;}
/* ---- Footer css ends above ---- */
/* -------------------- Oceanweb css ends anove -------------------- */
/*----------------- Common css start below ---------------------*/
.margin-b-0{margin-bottom:0px !important;}
.padding-top-0{padding-top:0px !important;}
.padding-bottom-0{padding-bottom:0px !important;}
.right-0{right:0px !important;}
.left-min-100-pcnt{left:-100% !important;}
.margin-b-10{margin-bottom:10px !important;}
.margin-b-20{margin-bottom:20px !important;}
.margin-b-30{margin-bottom:30px !important;}
.width-360{width:360px !important;}
.company-name{color:#f1483c; font-weight:bold;}
.dropdown > a:hover{}
.pad-0{padding:0px !important;}
.color-white{color:#ffffff !important;}
.color-grey{color:#a0a09f !important;}
.no-transform{transform:none !important;}
.border-top-0{border-top:0px !important;}
.margin-0{margin:0px !important;}
.height-auto{height:auto !important;}
.z-index-0{z-index:0 !important;}
.z-index-1{z-index:1 !important;}
/*----------------- Common css ends above ---------------------*/