/* ################################################################
File Name: style.css
Template Name: One
Created By: woorockets.com
http://themeforest.net/user/woorockets

1. IMPORT FILES
2. MAIN
3. HEADER
4. FOOTER
5. SIDEBARS AND WIDGETS
6. SLIDESHOW STYLES
7. SHOP STYLES
8. PORTFOLIO STYLES
9. BLOG / PAGE STYLES
10. SERVICES STYLES
11. BUTTONS STYLES
12. ELEMENTS
13. PAGE STYLE
14. GALLERY STYLE
################################################################# */ 
/*==========================================================
1. IMPORT FILES
==========================================================*/
/* Css */
@import url(/bizdemo28592/inc/css/reset.css) screen;
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css) screen;
@import url(/bizdemo28592/inc/css/prettyPhoto.css); 
@import url(/bizdemo28592/inc/css/mainmenu.css);
@import url(/bizdemo28592/inc/css/animations.css);
@import url(/bizdemo28592/inc/css/fancySelect.css);
@import url(/bizdemo28592/inc/css/jqueryui.css);
@import url(/bizdemo28592/inc/css/mediaelementplayer.css);
@import url(/bizdemo28592/inc/css/owltheme.css);
@import url(/bizdemo28592/inc/css/owlcarousel.css);
@import url(/bizdemo28592/inc/css/owltransitions.css);
@import url(/bizdemo28592/inc/css/flexslider.css);
/*==========================================================
2. MAIN
==========================================================*/
* { 
margin: 0;
padding: 0;
outline:none;
} 
body {
font-family: 'Roboto', sans-serif;
font-size:13px;
color:#6d6d6d;
background:#FFF;
font-weight:300;
line-height:18px;
}
html, body {
height: 100%;
width: 100%;
}
img {
height: auto;
max-width: 100%;
}
.hidden { display: none; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
strong {
font-weight:500;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width:100%;
}
::-moz-selection {
color: #fff;
text-shadow:none;
background:#148ac7;
}
::selection {
color: #fff;
text-shadow:none;
background:#148ac7;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
a { 
padding: 0;
margin: 0;
color:#3d3d3d;
text-decoration: none;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
color:#148ac7;
}
a img { 
border: none; 
vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Lato', sans-serif;
font-weight: 300;
color:#3d3d3d;
margin-bottom: 5px;
text-transform:uppercase;
}
h1 {font-size: 30px; margin-top:0; line-height:35px;}
h2 {font-size: 22px; margin-top:0;}
h3 {font-size: 20px; margin-top:0;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

a img {
border: none; 
}
section::before,
section::after {
position: absolute;
content: '';
pointer-post-wraps: none;
} 
.first {clear:both}
.last{margin-right:0}

embed,
object {
max-width: 100%;
}
p {
line-height:22px;
margin-bottom:10px;
}
input,
textarea {
border:1px solid #e4e4e4;
background-color:#fbfbfb;
border-radius: 3px;
}

input:focus,
textarea:focus {
border-color:#d7d7d7;
}

/*Background colors*/
.bg-blue {
background-color:#428BCA !important;
}
.bg-green {
background-color:#5CB85C !important;
}
.bg-cyan {
background-color:#5BC0DE !important;
}
.bg-yellow {
background-color:#F0AD4E !important;
}
.bg-red {
background-color:#D9534F !important;
}
.bg-gray {
background-color:#F1F1F1 !important;
}
.bg-violet {
background-color:#148ac7 !important;
}
.bg-black {
background-color:#3D3D3D !important;
}
.bg-orange {
background-color:#FF8400 !important;
}
.bg-pink {
background-color:#FF6BB1 !important;
}
.wrapper {
margin:0 auto;
padding:0;
background-color:#ffffff;
}
body.boxed {
}
body.boxed .wrapper {
width:100%;
max-width:1170px;
} 
.wrapper.boxed .nav-container {
background:none;
border-bottom:0;
box-shadow:none;
}
.wrapper.boxed .nav-container .inner {
border-bottom: 1px solid #ececec;
box-shadow:0 3px 2px 0 rgba(0,0,0,.03);
background:#fff;
}
.wrapper.boxed header.dark .nav-container .inner {
background-color: #202124;
border-bottom: 1px solid #202124;
} 
.back-to-top {
position: fixed;
bottom: 2em;
right: 10px;
background-color: #3d3d3d;
font-size: 12px;
display: none;
width:40px;
height:40px;
border-radius:3px;
text-align:center;
line-height:35px;
font-size:20px;
color:#FFF;
z-index:9999;
}
.back-to-top:hover { 
background-color: #148ac7;
color:#FFF;
} 
.fl {
float:left;
}
.fr {
float:right;
} 
#main {
margin:0;
padding:20px 0 40px 0;
}
.alert {
font-size:14px;
}
.alert.b-line {
border-width:3px;
background:none;
box-sizing:border-box;
border-radius:0;
} 
.alert i {
font-size: 16px;
margin-right: 10px;
} 
.padding50 {
padding:50px auto;
} 
.one-section {
overflow:hidden;
position: relative;
width:100%;
height:auto;
}
.full-screen {
position:relative;
}
.middle-content {
left: 50%;
position:absolute;
text-align: center;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 9;
} 
.mask-color {
opacity:.5;
z-index:0;
} 
.background-stretch {
background-size: cover !important;
} 
.full-bg-position {
position:absolute;
margin:0;
top:0;
left:0;
width:100%;
} 
/* Background */
.animate-bg {
animation: animate-bg 20s linear infinite; 
}
@keyframes animate-bg
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 3000px 0, 0 0;}
}
/*==========================================================
3. HEADER
==========================================================*/
header {
width: 100%;
height: auto;
margin: 0;
}
.nav-container {
z-index: 42;
position: relative; 
margin: 0 auto;
padding: 40px 0;
width: 100%;
background:#fff;
padding: 0;
min-height:67px;
}
.sticky {
position: fixed;
top: 0;
left:0;
margin-top:-1px;
animation:thedrop 1s 1;
-moz-animation:thedrop 1s 1;
-webkit-animation:thedrop 1s 1;
}
.inner {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 2;
}
.nav-container > .inner {
height:66px;
}
header .logo {
height: auto;
float: left;
margin: 10px 0 0 15px;
}
header .logo img {
width: 100%;
height: auto;
}
.topbar {
padding: 0;
line-height:38px;
/**background-color:#4f4f4d;**/
font-family:Lato;
color:#4e4e4e;
font-size:12px;
}
.topbar .t-left {
float:left;
}
.topbar .t-left span {
margin-right:15px;
}
.topbar i {
margin-right:5px;
font-size:14px;
}
.topbar .t-right {
float:right;
text-align:right;
} 
.topbar ul.nav {
float:right;
}
.topbar ul.nav li {
float:left;
position:relative;
}
.topbar ul.nav > li > a {
padding:0 10px;
line-height:38px;
color:##4e4e4e;
background:none;
}
.topbar ul.nav > li > a:hover {
color:#ffffff !important;
} 
.topbar ul.nav li .dropdown-menu {
min-width:130px;
box-shadow:none;
border-radius:0 0 4px 4px;
border-top:none;
margin:0;
border-color:#f1f1f1;
}
.topbar ul.nav li .dropdown-menu > li {
width:100%;
text-align:left;
border-bottom:1px solid #f1f1f1;
}
.topbar ul.nav li .dropdown-menu > li:last-child {
border-bottom:none;
}
.topbar ul.nav li .dropdown-menu a {
font-size:12px;
font-weight:300;
font-size:12px;
color:#7d7d7d;
display:block;
padding:6px 10px;
width:100%;
} 
.topbar ul.nav li .dropdown-menu a:before {
font-family: FontAwesome;
content: "\f105";
margin-right:5px;
}
.topbar ul.nav li .dropdown-menu a:hover {
color:#148ac7;
padding-left:15px;
}

/* Cart menu */
.itwm-header-cart {
position:relative;
}
.itwm-header-cart .itwm-cart-content {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #ECECEC;
padding: 0 15px 15px 15px;
position: absolute;
right: -30px;
top: 38px;
width: 250px;
z-index: 999;
border-radius:0 0 3px 3px;
border-top:0;
opacity:0;
visibility:hidden;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.itwm-header-cart:hover .itwm-cart-content {
opacity:1;
right: 0;
visibility:visible;
}
.itwm-header-cart .itwm-cart-content h4 {
display:block;
font-size:14px;
margin-top:0;
}
.itwm-header-cart .itwm-cart-content ul li {
overflow: hidden;
padding-bottom: 15px;
}
.itwm-header-cart .itwm-cart-content > h4,
.itwm-header-cart .itwm-cart-content ul li {
border-bottom: 1px solid #e4e4e4;
margin-bottom: 15px;
display:block;
width:100%;
text-align:left;
}
.itwm-header-cart .itwm-cart-content ul li img {
border: 1px solid #ECECEC;
float: left;
margin-right: 15px;
padding: 5px;
width:60px;
height:60px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.itwm-header-cart .itwm-cart-content ul li img:hover {
opacity:.8;
} 
.itwm-header-cart .itwm-cart-content ul li a {
font-weight:400;
margin:0;
font-size:14px;
display: block;
line-height:20px;
}
.itwm-header-cart .itwm-cart-content ul li .quantity {
color: #A8A8A8;
font-size: 12px;
font-weight: 400;
margin:0;
}

.itwm-header-cart .itwm-cart-content .total {
font-size: 14px;
margin-bottom: 15px;
text-align: center;
}
.itwm-header-cart .itwm-cart-content .buttons {
text-align: center;
} 
.itwm-header-cart .itwm-cart-content .buttons > a {
background: none repeat scroll 0 0 #3D3D3D;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: 400;
padding: 10px 15px;
border-radius:3px;
}
.itwm-header-cart .itwm-cart-content .buttons > a.checkout {
background: none repeat scroll 0 0 #D9534F;
}
.itwm-header-cart .itwm-cart-content .buttons > a:hover {
background:#148ac7;
}

/*Page title*/
.page-header {
width:100%;
min-height:200px;
margin-top:0;
/*if ie9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673c8e', endColorstr='#9869ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ 
}
.page-header h1 {
line-height:45px;
font-family:'Lato';
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
font-style:normal;
font-size:30px;
color:#FFF;
margin-top:40px;

}
.page-header.one-section h1 {
font-size:80px;
margin-bottom:50px;
text-transform:uppercase;
font-weight:bold;
} 
.breadcrumb {
display:inline;
background:rgba(0, 0,0,.1);
border-radius:3px;
color:#FFF;
padding:10px 15px;
}
.breadcrumb a {
color:#FFF;
font-weight:400;
font-size:13px;
}
.breadcrumb a:hover {
color:#148ac7;
}
.breadcrumb > li + li:before {
color: #CCCCCC;
content: "\f101";
padding: 0 5px;
font-family:FontAwesome;
}
/*center title */ 
.page-header.title-center .col-lg-12 {
padding-top:30px;
text-align:center;
}
.page-header.title-right .col-lg-12 {
text-align:right;
}
.page-header.title-left .col-lg-12 {
text-align:left;
}
.sidebar {
width:100%;
background:#fff;
font-family:Lato;
border-radius:3px;
box-sizing:border-box;
padding:20px;
}

/*===== HEADER FEATURES =====*/
/*== Full width ==*/
.head-full-width header .inner,
.head-full-width header .container,
.head-full-width header .main-menu li.mega-menu .inner {
max-width:100%;
width:100%;
}
/*== Glass style ==*/
header.glass .topbar {
position:absolute;
width:100%;
top:0;
left:0;
clear:both;
}
header.glass .nav-container {
background:rgba(255,255,255,0);
border-color:rgba(255,255,255,0);
position:fixed;
margin-top:38px;
box-shadow:none;
left:0;
}
header.glass .nav-container.sticky {
margin:0 auto;
} 
header.glass .main-menu > li > a {
color:#FFF;
}
header.glass .main-menu > li > a {
border-color:rgba(255,255,255,0);
}
header.glass .main-menu > li #search-form input {
background:none;
color:#fff;
padding-left:35px;
box-sizing:border-box;
}
header.glass .main-menu > li #search-form {
border-color:rgba(255,255,255,0);
} 
header.glass .main-menu > li #search-form:after {
color:#fff;
}
header.glass .sticky {
background:#FFFFFF;
}
header.glass .sticky .main-menu > li > a,
header.glass .sticky .main-menu > li #search-form input,
header.glass .sticky .main-menu > li #search-form:after {
color:#7D7D7D;
}
header.glass .sticky .main-menu > li #search-form input {
background:#FBFBFB;
}
header.glass .sticky .main-menu > li > a,
header.glass .sticky .main-menu > li #search-form,
header.glass .nav-container.sticky {
border-color:rgba(47, 48, 51, 0);
}
header.header-2.glass .main-menu > li > a {
border:1px solid rgba(255,255,255,0);
margin-top:11px;
}
header.header-2.glass .main-menu > li:hover > a,
header.header-2.glass .main-menu > li.active > a,
header.header-2.glass .main-menu > li.active:hover > a {
background:rgba(255, 255, 255, 0.1);
border:1px solid rgba(255,255,255,.2);
box-shadow:none;
}
header.header-2.glass .sticky .main-menu > li:hover > a {
background:rgba(238, 238, 238, 0.5);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) inset;
border:none;
}
header.header-2.glass .main-menu > li #search-form:after {
top:8px;
}
header.header-2.glass .sticky .main-menu > li:hover a,
header.header-2.glass .sticky .main-menu > li a {
border:none;
}
header.header-2.glass .sticky .main-menu > li.active > a,
header.header-2.glass .sticky .main-menu > li.active:hover > a {
background:#148ac7;
color:#fff;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}
header.header-2.glass .sticky .main-menu > li:hover > a {
background:rgba(238,238,238,.5);
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}
header.glass #search-form input:focus {
box-shadow:none;
} 
header.header-2 #search-form:after {
top:9px;
} 

/*== Dark style ==*/ 

header.dark .nav-container {
background-color:#202124;
border-color:#202124 ;
}
header.header-2 .main-menu li.multi-level-menu .sub-menu {
top: 53px\9;
} 
header.dark .main-menu > li > a,
header.dark .main-menu li.multi-level-menu .sub-menu li,
header.dark .main-menu li.mega-menu .inner > div,
header.dark .main-menu li.mega-menu .inner > div ul.menu li,
header.dark #search-form {
border-color:rgba(47,48,51,1); 
}
header.dark .main-menu li.mega-menu .inner > div h3:before {
background-color:rgba(47,48,51,1); 
}
header.dark .main-menu li.mega-menu .inner div ul.menu li:hover,
header.dark #search-form input[type="search"]:hover {
background-color:rgba(47,48,51,.4); 
}
header.dark #search-form input[type="search"]:focus {
background-color:rgba(255,255,255,.1); 
} 
header.dark .main-menu li.mega-menu .inner, 
header.dark .main-menu li.multi-level-menu .sub-menu,
header.dark .main-menu li.multi-level-menu .sub-menu li ul,
header.dark #search-form input {
background-color:#202124;
border:none;
}
header.dark .main-menu li.mega-menu .inner > div h3 {
color:#f1f1f1;
}
header.dark.header-2 .main-menu > li:hover > a {
background-color:rgba(238, 238, 238, .1)
}
header.dark .topbar {
background-color:#333439;
border-bottom-color:#383a3f;
} 
header.dark .topbar a {
color:#148ac7
}
header.dark .topbar a:hover {
color:#e4e4e4
}
header.dark #search-form:after {
top:8px; 
}





/*===== HEADER STYLE 2 =====*/
header.header-2 .main-menu > li > a {
border:none;
text-transform:capitalize;
font-size:12px;
font-weight:400;
padding:5px 20px;
line-height:30px;
min-height:30px;
margin-top:13px;
border-radius:20px;
}
header.header-2 .main-menu > li {
padding:0 5px;

}
header.header-2 .main-menu > li > a:before {
background:none;
}
header.header-2 .main-menu > li.active > a,
header.header-2 .main-menu > li.active:hover > a {
background:#148ac7;
color:#fff;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}
header.header-2 .main-menu > li:hover > a {
background:rgba(238,238,238,.5);
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}
header.header-2 .main-menu > li #search-form {
border:none;
border-radius:20px;
margin-top:16px;
}
header.header-2 .main-menu > li #search-form input {
height:35px;
border-radius:20px;
}



/*===== LOGIN MODAL =====*/

#loginBox .modal-body label {
padding-bottom:10px;
font-weight:400;
}
#loginBox .modal-body a {
color:#148ac7;
}
#loginBox .modal-body a:hover,
#loginBox .modal-body a:focus {
color:#3d3d3d;
}
#loginBox .modal-body p {
display:block;
}
#loginBox .modal-footer {
margin-top:0;
}
#loginBox .modal-footer button {
margin:0;
}
/*==========================================================
4. FOOTER
==========================================================*/ 
footer {
background:;
background-size:cover;
padding:40px 0;
color:#666;
margin-top:20px;
border-top:1px solid #919191;
}
footer a {
color: #111;
font-weight:bold;
} 
.copyright {
padding:15px 0;
background:#f1f1f1;
line-height:30px;
}
.copyright a {
font-weight:400;
} 
/* Socials*/
.socials {
text-align:left;
}
.socials.al-center {
text-align:center;
}
.socials.al-right {
text-align:right;
} 
.socials a {
color:#7d7d7d;
border:1px solid #d9d9d9;
background:#f9f9f9;
display:inline-block;
width:30px;
height:30px;
line-height:25px;
text-align:center;
border-radius:3px;
position:relative;
font-size:14px;
transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-webkit-transition:all .3s;
}
.socials a:hover {
color:#fff;
}
.socials a.facebook:hover {
background:#6078aa;
border-color:#6078aa;
}
.socials a.twitter:hover {
background:#00abf0;
border-color:#00abf0;
}
.socials a.gplus:hover {
background:#d95232;
border-color:#d95232;
} 
.socials a.linkedin:hover {
background:#0073b2;
border-color:#0073b2;
} 
.socials a.instagram:hover {
background:#474135;
border-color:#474135;
}
.socials a.skype:hover {
background:#03a8e9;
border-color:#03a8e9;
}
.socials a.pinterest:hover {
background:#db2828;
border-color:#db2828;
}
.socials a.github:hover {
background:#3d3d3d;
border-color:#3d3d3d;
} 
.socials a.foursquare:hover {
background:#35c6ff;
border-color:#35c6ff;
} 
.socials a.dribbble:hover {
background:#fa77b4;
border-color:#fa77b4;
} 
.socials a.youtube:hover {
background:#db2828;
border-color:#db2828;
}
.socials a.rss:hover {
background:#ff9000;
border-color:#ff9000;
} 


.socials a:hover span {
opacity: 1;
bottom: 40px;
}
.socials a span{
width: 70px;
height: auto;
line-height: 20px;
padding: 3px 6px;
left: 50%;
margin-left: -35px;
font-size: 11px;
text-align: center;
background: rgba(0,0,0,0.7);
text-indent: 0px;
border-radius: 3px;
position: absolute;
pointer-events: none;
bottom: 10px;
opacity: 0;
z-index:999;
transition: all 0.3s ease-in-out;
}
.socials a span:after{
content: '';
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -4px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(0,0,0,0.1);
}
.socials a span:after{
bottom: -5px;
margin-left: -5px;
border-top: 5px solid rgba(0,0,0,0.7);
} 
/*Large icon*/
.socials.large-icon a {
width:50px;
height:50px;
font-size:20px;
line-height:45px;
}
.socials.large-icon a:hover span {
bottom:60px;
}

/*Dark icon*/
.socials.dark-icon a {
background-color:#3d3d3d;
border-color:#1d1d1d;
color:#FFF;
}

/*Circle icon*/
.socials.circle-icon a {
border-radius:50%;
}

/*Border group*/
.socials.border-group {
border:2px solid #f1f1f1;
border-radius:5px;
display:inline-block;
padding:10px;
box-sizing:border-box;
} 

/*Colors icon*/
.socials.colors-icon a {
color:#FFF;
}
.socials.colors-icon a.facebook {
background:#6078aa;
border-color:#6078aa;
}
.socials.colors-icon a.twitter {
background:#00abf0;
border-color:#00abf0;
}
.socials.colors-icon a.gplus {
background:#d95232;
border-color:#d95232;
} 
.socials.colors-icon a.linkedin {
background:#0073b2;
border-color:#0073b2;
} 
.socials.colors-icon a.instagram {
background:#474135;
border-color:#474135;
}
.socials.colors-icon a.skype {
background:#03a8e9;
border-color:#03a8e9;
}
.socials.colors-icon a.pinterest {
background:#db2828;
border-color:#db2828;
}
.socials.colors-icon a.github {
background:#3d3d3d;
border-color:#3d3d3d;
} 
.socials.colors-icon a.foursquare {
background:#35c6ff;
border-color:#35c6ff;
} 
.socials.colors-icon a.dribbble {
background:#fa77b4;
border-color:#fa77b4;
} 
.socials.colors-icon a.youtube {
background:#db2828;
border-color:#db2828;
} 
.socials.colors-icon a.rss {
background:#ff9000;
border-color:#ff9000;
} 
.socials.colors-icon a:hover {
color:#fff;
background:#3d3d3d;
border:1px solid #1d1d1d;
} 

/* Line style*/
.socials.line-icon a {
background:none !important;
}
.socials.line-icon a span {
color:#fff;
} 
.socials.line-icon a.facebook {
color:#6078aa;
}
.socials.line-icon a.twitter {
color:#00abf0;
}
.socials.line-icon a.gplus {
color:#d95232;
} 
.socials.line-icon a.linkedin {
color:#0073b2;
} 
.socials.line-icon a.instagram {
color:#474135;
}
.socials.line-icon a.skype {
color:#03a8e9;
}
.socials.line-icon a.pinterest {
color:#db2828;
}
.socials.line-icon a.github {
color:#3d3d3d;
} 
.socials.line-icon a.foursquare {
color:#35c6ff;
} 
.socials.line-icon a.dribbble {
color:#fa77b4;
} 
.socials.line-icon a.youtube {
color:#db2828;
} 
.socials.line-icon a.rss {
color:#ff9000;
} 
.socials.line-icon a:hover {

border-color:#7d7d7d;
}


footer .logo-foot {
float:left;
margin:0 10px 0 0;
} 
footer hr {
border-color:#36393D;
}
/* Tag clouds*/
.widget_tagcloud {
}
.widget_tagcloud .tag-cloud-wrapper {
width:100%;
display:block;
padding-top:20px;
}
.widget_tagcloud .tag-cloud-wrapper a {
border-radius: 4px;
margin:0 3px 3px 0;
padding:10px;
float:left;
background:rgba(255, 255, 255, 0.7);
border:1px solid #e4e4e4;
} 
.widget_tagcloud .tag-cloud-wrapper a:hover {
color:#FFF;
background-color:#148ac7;
border-color:#148ac7;
}

footer .widget {
} 
footer .widget_tagcloud .tag-cloud-wrapper {
padding:
}
footer .widget_tagcloud .tag-cloud-wrapper a {
background:rgba(255, 255, 255, 0.02);
border:none;
}

footer .widget_tagcloud .tag-cloud-wrapper a:hover {
background:rgba(255, 255, 255, 0.1)
} 

footer .widget .widget-title {
color: #000;
margin-bottom:40px;
}
footer .widget .widget-title:before {
background:rgba(255, 255, 255, .2);
} 
/* Recent post*/

footer .widget_recent_post li {
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #36393d;
float: left;
}
footer .widget_recent_post li i {
color: #f5f5f5;
font-size: 15px;
display: inline-block;
background:rgba(255, 255, 255, 0.02);
text-align: center;
line-height: 30px;
width: 30px;
height: 30px;
margin-right: 10px;
border-radius: 4px;
float: left;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
footer .widget_recent_post li a {
float: left;
margin: 2px 0 0 0;
color:#919191;
}
footer .widget_recent_post li a:hover {
color:#148ac7;
}
footer .widget_recent_post li:hover i {
color:#148ac7;
background:rgba(255, 255, 255, 0.08);
} 
footer .widget_recent_post li a span {
display: block;
color: #707479;
font-size: 10px;
margin-top: 5px;
text-transform: uppercase;
} 
.widget_galery_work {}
.widget_galery_work ul {
width:100%;
}
.widget_galery_work ul li {
float:left;
margin: 0 5px 5px 0;
}
.widget_galery_work ul li img {
border-radius:3px;
max-width:80px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.widget_galery_work ul li a {
position:relative;
display:inline-block; 
width:80px;
height:80px;
overflow:hidden;
}
.widget_galery_work ul li a:before,
.widget_galery_work ul li a:after {
position:absolute;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.widget_galery_work ul li a:before {
background: rgba(0,0,0,.7);
width:80px;
height:80px;
top:0;
left:0;
content:'';
border-radius:3px;
opacity:0;
} 
.widget_galery_work ul li a:after {
content:"\f002";
font-family:FontAwesome;
color:#FFF;
width:32px;
height:32px;
top:-30%;
left:50%;
text-align:center;
line-height:32px;
background:#148ac7;
border-radius:50%;
margin:-16px 0 0 -16px;
font-size:14px;
} 
.widget_galery_work ul li:hover img {
margin-top:80px;
}
.widget_galery_work ul li:hover a:before {
opacity:0;
}
.widget_galery_work ul li:hover a:after {
top:50%;
}

/*==========================================================
5. SIDEBARS AND WIDGETS
==========================================================*/
.widget {
margin-bottom: 20px;
}
.widget .widget-title {
position:relative;
font-weight:400;
font-size: 16px;
letter-spacing: 2px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
margin-bottom:20px;
}
.widget .widget-title:after {
position:absolute;
content:'';
background:#148ac7;
width:40px;
height:1px;
left:0;
bottom:-15px;
}
.widget .widget-title:before {
position:absolute;
content:'';
background:rgba(0, 0, 0, .2);
width:100%;
height:1px;
left:0;
bottom:-15px;
} 
.f-price {
margin:40px 0;
}
.f-price input#amount {
background:none;
box-shadow:none;
border:none;
margin:27px 0 0 0;
padding:0;
float:left;
max-width:50%
} 
.f-price .btn {
float:right;
margin:20px 0 0 0;
padding:0 22px;
}
.f-price .ui-widget-content {
border:none;
background:#e4e4e4;
border-radius:3px;
}
.f-price .ui-slider-horizontal {
height:6px;
}
.f-price .ui-slider .ui-slider-range {
background-color:#727272;
}
.f-price .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border-radius:3px;
background:#ffffff url(/bizdemo28592/img/images/backgrounds/bg-filter-price.png) center center no-repeat;
width:15px;
height:15px;
cursor:move;
} 
.widget_search {
position:relative;
}
.widget_search input#s {
border:2px solid #e4e4e4;
border-radius:0;
width:100%;
background: url(/bizdemo28592/img/placeholders/search-icon.png) top right no-repeat;
top:0;
left:0;
background-position:95% 10px;
}
.widget_search input#s:focus {
border-color:#e0e0e0;
}
.widget_meta {} 
.widget_nav_menu {}
.widget_archive {}
.widget_posts_lists {}
.widget_list_products .list, 
.widget_nav_menu .menu,
.widget_meta ul,
.widget_archive ul,
.widget_posts_lists ul {
width:100%;
display:block;
}
.widget_list_products li, 
.widget_nav_menu .menu li,
.widget_meta ul li,
.widget_archive ul li,
.widget_posts_lists li {
width:100%;
display:block;
position:relative;
border-bottom:1px solid #d9d9d9;
}
.widget_list_products .list li:before, 
.widget_list_products .list li:after, 
.widget_nav_menu .menu li:before,
.widget_nav_menu .menu li:after,
.widget_meta ul li:before,
.widget_meta ul li:after,
.widget_archive ul li:after,
.widget_archive ul li:before {
content:'';
position:absolute;
border:1px solid #d9d9d9;
width:7px;
height:7px;
border-radius:50%;
background:#FFF;
bottom:-4px;
left:0;
}
.widget_list_products .list li:after, 
.widget_nav_menu .menu li:after,
.widget_meta ul li:after,
.widget_archive ul li:after {
right:0;
left:auto;
}
.widget_nav_menu .menu li a,
.widget_meta ul li a,
.widget_archive ul li a ,
.widget_posts_lists ul li a {
display:block;
padding:15px 0;
color:#7d7d7d;
}
.widget_nav_menu .menu li a span,
.widget_archive ul li a span {
float:right;
font-weight:400;
color:#CCC;
} 
.widget_nav_menu .menu li a:hover,
.widget_nav_menu .menu li.active a,
.widget_meta ul li a:hover,
.widget_archive ul li a:hover,
.widget_posts_lists ul li a:hover {
color:#148ac7;
} 
.widget_nav_menu .menu li a i {
min-width:20px;
} 
.widget_list_products {
}
.widget_list_products .list li ,
.widget_posts_lists ul li {
width:100%;
float:left;
padding:10px 0;
} 
.widget_list_products .list li img,
.widget_posts_lists ul li img {
float:left;
margin-right:10px;
width:60px;
height:60px;
padding:5px;
border:1px solid #e4e4e4;
background:#FFF;
border-radius:3px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
.widget_list_products .list li a,
.widget_posts_lists ul li a {
font-weight:400;
font-size:14px;
}
.widget_list_products .list li a:hover img,
.widget_posts_lists ul li a:hover img {
border-color:#148ac7;
} 
.widget_list_products .list li .price {
display:block;
font-weight:100;
font-size:12px;
margin-top:5px;
}
.widget_list_products .list li .rate {
color:#CCC;
font-size:12px;
}
.widget_list_products .list li .rate i.active {
color:#3d3d3d;
} 

.widget_posts_lists ul li a.thumb {
float:left;
padding:0;
}
.widget_posts_lists ul li .post-list-info {
margin-bottom:0;
} 
.widget_posts_lists ul li .post-list-info a {
padding:0;
}

.widget_posts_lists ul li .post-list-info span.liked {
position:relative;
padding-left:16px;
}
.widget_posts_lists ul li .post-list-info span.liked:after {
position:absolute;
content:'\f004';
font-family:fontAwesome;
left:0;
top:-1px;
color:#F0487B;
font-size:11px;
} 

/* Action box */
.action-box {
display:inline-block;
width:100%;
padding:30px 20px;
box-sizing:border-box;
border:2px solid #f2f2f2;
}


/* Right button*/
.action-box.ab-r-button {
position:relative;
}
.action-box.ab-r-button .text-block {
margin-right:200px;
} 
.action-box.ab-r-button .btn {
top:30%;
right:10px;
position:absolute;
}

/*flat color*/
.action-box.ab-flat {
border:none;
background-color:#0f0f0f;
color: rgba(255, 255, 255,.6);
padding:40px 20px;
}
.action-box.ab-flat h1,
.action-box.ab-flat h2,
.action-box.ab-flat h3,
.action-box.ab-flat h4,
.action-box.ab-flat h5,
.action-box.ab-flat p {
color: rgba(255, 255, 255,.8);
} 
.action-box.ab-flat .btn-line {
color:#FFF;
margin:0 auto;
}
.action-box.ab-flat .btn-icon:after {
border-color: rgba(255,255,255,.2) !important;
} 
.action-box.ab-flat .btn-line:hover {
color:#FFF;
border-color:#FFF;
background-color:rgba(0,0,0,.1) !important;
} 
/* bottom border*/
.action-box.ab-b-border {
border-bottom:3px solid #148ac7;
}
/* left-icon*/
.action-box.ab-icon {
border-left:3px solid #148ac7;
}
.action-box.ab-icon i {
font-size:40px;
float:left;
margin:20px;
} 
.action-box.ab-icon .text-block {
margin-left:100px;
}
/* ab-bg-pattern*/
.action-box.ab-bg-pattern {
background:url(/bizdemo28592/img/images/backgrounds/bg-pattern.png);
} 

.action-box.foot-act-box {
background:#0f0f0f;
text-align:center;
color:#999;
}
.action-box.foot-act-box .btn {
margin-bottom:0;
text-transform:uppercase;
}
/*==========================================================
6. SLIDESHOW STYLES
==========================================================*/ 

/* Hero */
#hero{
width:100%;
height:auto;
position:relative;
background:black;
}
#s-image {
position:relative;
height:auto;
}
/* Super Slides */
#slides {
position: relative;
}
#slides .slides-container {
display: none;
}
#slides .slides-container div,
#slides .slides-container img{
width:100%;
height:100%;
}
#slides .slides-container .pattern {
background: black;

}
#slides .slides-container .pattern:after{
background: url(/bizdemo28592/img/images/pattern.png);
width:100%;
height:100%;
bottom:0;
left:0;
position:absolute;
z-index: 1;
content: "";
}
#slides .slides-container .image1{
background:url(/bizdemo28592/img/main/01.jpg) center fixed;
background-size:cover;
}
#slides .slides-container .image2{
background:url(/bizdemo28592/img/main/02.jpg) center fixed;
background-size:cover;
}
#slides .slides-container .image3{
background:url(/bizdemo28592/img/main/03.jpg) center fixed;
background-size:cover;
}
#slides .slides-container .image4{
background:url(/bizdemo28592/img/main/04.jpg) center fixed;
background-size:cover;
}
#slides .scrollable {
*zoom: 1;
position: relative;
top: 0;
left: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#slides .scrollable:after {
content: "";
display: table;
clear: both;
}


/* Home Texts */
.h1-main {
position:absolute;
width:100%;
top:50%;
margin:0 auto;
z-index:2;
background: transparent;
height:auto;
min-height:300px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
text-align:center;
}
.h1-main ul {
height:auto;
min-height:160px;
padding:0;
margin:0 auto;
position:relative;
}
.h1-main ul li{
list-style:none;
font-size:80px;
line-height:80px;
color:white;
text-transform:uppercase;
text-shadow:2px 2px 2px rgba(0,0,0,0.1);
font-family: Open Sans ;
}
.home-slider {
width:100%;
}
.home-slider img {
margin:0 0 30px 0;
}
.btn-start {
position:absolute;
bottom:50px;
left:50%;
width:180px;
margin-left:-90px;
color:#fff;
text-transform:uppercase;
z-index:10;
text-align:center;
}
.btn-start span {
display:block;
} 
.btn-start:hover .mouse {
margin-bottom:20px;
background-color:rgba(255, 255, 255, .6)
} 
.btn-start .mouse {
display:inline-block;
width:50px;
height:80px;
margin-bottom:10px;
border:2px solid #fff;
background:url(/bizdemo28592/img/images/center.png) center 10px no-repeat rgba(255, 255, 255, .2);
border-radius:20px;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}

/* Super Slides Navigation */
.slides-navigation {
margin: 0 auto;
position: absolute;
z-index: 3;
bottom: 160px;
width: 260px;
left:50%;
margin-left:-130px;
z-index:88;
}
.slides-navigation a {
position: absolute;
display: block;
width:74px;
height:74px;
background:url(/bizdemo28592/img/images/arrows.png);
opacity:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slides-navigation a.prev {
left: 1%;
background-position:bottom center;
}
.slides-navigation a.next {
right: 1%;
background-position:top center;
}
#hero:hover .slides-navigation a{
opacity:0.3;
}
.slides-navigation a:hover{
opacity:1 !important;
}
/* Super Slides Pager */
.slides-pagination {
position: absolute;
z-index: 3;
bottom: 0;
text-align: center;
width: 100%;
}
.slides-pagination a {
border: 2px solid #222;
border-radius: 15px;
width: 10px;
height: 10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
margin: 2px;
overflow: hidden;
text-indent: -100%;
}
.slides-pagination a.current {
background: #222;
}



/*==========================================================
7. SHOP STYLES
==========================================================*/ 
/* transition*/
.item-s1 .product-thumb:after,
.item-s1 .product-thumb img,
.item-s1 .i-details .liked span,
.item-s1 .i-details .add-cart {
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.ca-list-items .owl-pagination {
float:right;
top:0;
}
.s1-item {
background: #fff;
border:1px solid #d9d9d9;
padding: 0px;
margin: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height:320px;
overflow:hidden;
position:relative;
}
.owl-theme .owl-controls .owl-page span {
background:#CCC;
border-radius:50%;
height:8px;
width:8px;
margin:5px 4px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span {
background:#148ac7;
} 
.s1-item .product-thumb {
width:100%;
position:relative;
height:250px;
overflow:hidden;
padding-bottom:10px;
top:0;
text-align:center;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.s1-item .p-info {
display:inline-block;
box-sizing:content-box;
padding:10px;
width:100%;
position:absolute;
text-align:center;
top:250px;
border-top:1px solid #d9d9d9;
background:#FFF;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.s1-item:hover .p-info {
top:200px;
}
.s1-item:hover .product-thumb {
top:-10px;
} 
.s1-item .product-thumb:hover {
opacity:.5;
} 
.s1-item .p-info nav {
display:block;
margin:15px 0 0 0;
}
.s1-item .p-info nav a {
width:35px;
height:35px;
border:1px solid #d9d9d9;
display:inline-block;
text-align:center;
line-height:33px;
border-radius:3px;
} 
.s1-item .p-info nav a:hover {
border-color:#148ac7;
background:#148ac7;
color:#FFF;
} 
.s1-item .p-info h4 {
font-size:16px;
font-family:'Roboto Condensed';
text-transform:uppercase;
margin:0 0 5px 0;
font-weight:400;
}
.s1-item .p-info span {
color:#148ac7;
font-size:16px;
}
.s1-item .p-info .p-desc {
margin:10px 0 ;
display:none;
}
.s1-item .p-info .p-desc h5 {
font-size:14px;
font-family:'Roboto Condensed';
color:#7d7d7d;
text-transform:uppercase;
font-weight:400;
margin:5px 0;
} 
/*Features products */
.our-collection {
padding:30px 0;
}
.our-collection .text-heading {
margin-bottom:30px;
} 
.features-pro .s1-item {
margin:0 0 0 -1px;
border-radius:0;
}
/* Top Products */
.top-products {
margin:-10px 0 0 0;
}
.top-products .owl-pagination {
display:none;
}
/* Other Products */
.other-products {
margin-top:40px;
}
.other-products .owl-theme .owl-controls {
margin:-20px 0 20px;
}
/* Light footer */
.light-foot footer {
background:#f9f9f9;
border-top:5px solid #f2f2f2;
}
.light-foot footer .widget-title {
color:#3d3d3d;
}
.light-foot footer hr,
.light-foot footer .widget_recent_post li {
border-color:#d9d9d9;
} 
.light-foot footer .widget_recent_post li i {
background-color:rgba(0,0,0,.8)
}
.light-foot footer .widget_recent_post li:hover i {
background-color:#148ac7;
color:#FFF;
} 
.light-foot footer .widget .widget-title:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); 
}
.light-foot footer .widget_tagcloud .tag-cloud-wrapper a {
background:#7d7d7d;
color:#fff;
}
.light-foot footer .widget_tagcloud .tag-cloud-wrapper a:hover {
background-color:#148ac7;
} 
.light-foot .copyright {
background:#3d3d3d;
color:#f2f2f2;
}
.light-foot .copyright > div a {
font-weight:400;
color:#148ac7;
}
.light-foot .copyright a:hover {
color:#FFF;
} 


/* Footer 2 */
.foot-3 {
background:#222222;
padding:30px 0 40px;
}
.foot-3 h3 {
color:#fff;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
}
.foot-3 .container .row > div {
border-right:1px dotted rgba(255,255,255,.1)
} 

/* Our Collection*/
.cat-filter div.fancy-select div.trigger {
background:#FFF;
box-shadow:none;
border:1px solid #e4e4e4;
}


.all-products {
display:block;
width:100%;
background:#999;
clear:both;
padding:0
}
.all-products li {
width:33%;
float:left;
box-sizing:content-box;
}

.all-products.list-style li {
width:100%;
}
.all-products.list-style li .s1-item {
max-height:280px;
}
.all-products.list-style li .s1-item:hover {
box-shadow:3px 10px 10px rbga(0,0,0,.05)
} 
.all-products.list-style li .product-thumb {
width:40%;
}
.all-products.list-style li .p-info {
width:60%;
right:0;
top:0;
border-top:0;
border-left:1px solid #D9D9D9;
height:100%;
text-align:left;
box-sizing:content-box;
padding:0 10px;
}
.all-products.list-style li .p-info .p-desc {
display:block;
} 
.all-products.list-style li .p-info h4 {
font-size:20px;
margin-bottom:10px;
margin-top:10px;
}
.all-products.list-style li .p-info nav {
position:absolute;
bottom:10px;
right:10px;
margin:0;
} 
.all-products.list-style li .p-info > span {
display:block;
border-bottom:1px solid #d9d9d9;
padding-bottom:10px;
} 
.all-products.list-style li .s1-item:hover .product-thumb {
top:0;
}
/*Switch style*/
.style-switch {
position:relative;
top:20px;
right:10px;
float:right;
border:1px solid #e4e4e4;
border-radius:3px;
}
.style-switch a {
width:37px;
height:37px;
text-align:center;
line-height:37px;
float:left;
display:inline-block;
color:#7d7d7d;
}
.style-switch a.active {
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1); 
color:#148ac7;
}
.style-switch a:hover {
color:#148ac7;
} 
.style-switch a:first-child {
border-right:1px solid #e4e4e4;
} 
/* Colors */
.s-colors,
.s-size {
margin:30px 0;
}
.s-colors a,
.s-size a {
float:left;
margin-right:10px;
width:35px;
height:35px;
border:2px solid #e4e4e4;
background:#e4e4e4;
display:inline-block;
text-indent:-99999px;
position:relative;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
font-weight:400;
line-height:30px;
}
.s-size a {
text-indent:inherit;
text-align:center;
font-family:'Roboto Condensed';
font-size:14px;
} 
.s-size a.active {
color:#FFF;
} 
.s-colors a.active,
.s-colors a:hover,
.s-size a:hover,
.s-size a.active {
border-color:#148ac7
}
.s-size a:hover {
background:none;
} 
.s-size a.active {
background:#148ac7;
} 
.s-colors a:last-child,
.s-size a:last-child {
margin-right:0;
} 
.s-colors a:after,
.s-size a:after {
width:31px;
height:31px;
content:'';
display:inline-block;
background:none;
border:2px solid #FFF;
top:0;
left:0;
position:absolute;
}
.s-colors a.carrot {
background-color:#fc523a;
}
.s-colors a.black {
background-color:#000;
}
.s-colors a.brown {
background-color:#d87f07;
}
.s-colors a.red {
background-color:#ac0005;
} 
/* Details */
.summary {
width:100%;
margin-bottom:60px;
}
.summary .socials {
margin-bottom:30px;
} 
.summary table > tr td:first-child {
font-weight:700;
} 
.summary h2 {
display:block;
border-bottom:2px solid #e4e4e4;
width:100%;
padding-bottom:20px;
position:relative;
}
.summary h2:after {
border-bottom:2px solid #148ac7;
position:absolute;
width:80px;
content:'';
bottom:-2px;
left:0;
}
.summary .price {
width:100%;
display:block;
border-bottom:1px solid #e4e4e4;
padding:10px 0;
}
.summary .price h1 {
color:#148ac7;
float:left;
font-weight:100;
}
.summary .price .rate {
float:right;
font-size:16px;
color:#CCC;
}
.summary .price .rate i.active {
color:#3d3d3d;
} 
.summary .desc {
padding:10px 0;
background:none;
margin-bottom:30px;
}
.summary .cart {
display:block;
}


#s-quality {
border: 1px solid #e4e4e4;
width:120px;
float:left;
border-radius:3px;
}
#s-quality input {
border:none;
margin:0 !important;
border-radius:0;
height: 42px;
}
#s-quality input:hover {
background:#f4f4f4;
color:#3d3d3d;
} 
.qty {
width: 50px;
text-align: center;
background:none !important;
font-size:14px;
font-weight:300;
height:35px !important;
}
.qty:focus {
box-shadow:none;
} 
input.qtyplus { border-left: 1px solid #e4e4e4 !important; width:25px;}
input.qtyminus { border-right: 1px solid #e4e4e4 !important; width:25px;}

.comment-form-author input,
.comment-form-email input,
.comment-form-website input,
.comment-form-comment textarea {
width:100%;
margin-top:10px;
}
.comments-area p span.required {
color:red;
}
/*Product slide */
.pro-images {
margin-bottom:40px;
}
#pro-preview .item {
padding: 10px 0px;
margin: 5px;
color: #FFF;
text-align: center;
margin-right:1px;
width:100%;
position:relative;
overflow:hidden;
}
#pro-preview .item .mask {
position:absolute;
top:0;
left:0;
background:rgba(255,255,255,0);
width:100%;
height:100%;
z-index:9;
}
#pro-preview .item img {
transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
#pro-preview .item .mask i {
font-size:20px;
position:absolute;
top:-20%;
left:50%;
margin:-25px 0 0 -25px;
width:50px;
height:50px;
background:#148ac7;
color:#FFF;
border-radius:50%;
line-height:50px;
text-align:center;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
#pro-preview .item:hover .mask {
background:rgba(255,255,255,.8);
}
#pro-preview .item:hover img {
transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-webkit-transform:scale(120,120);
} 
#pro-preview .item:hover .mask i {
top:50%;
} 
#pro-thumb .item {
padding: 5px 0px;
margin: 5px;
color: #FFF;
margin-right:1px;
text-align: center;
cursor: pointer;
max-width:90px;
height:90px;
border:2px solid #e4e4e4;
border-radius:3px;
background:#FFF;
}
#pro-thumb .item:hover {
opacity:.8;
}
#pro-thumb .synced .item {
border-color:#148ac7;
}
.product_meta {
width:100%;
display:block;
border-top:1px dotted #e4e4e4;
margin:30px 0 20px 0;
float:left;
}
.product_meta span {
border-bottom:1px dotted #e4e4e4;
display:block;
padding:10px 0;
}
.product_meta span i {
margin-right:10px;
}

/*customer reviews*/
.commentlist {
display:blockl;
width:100%;
}
.commentlist li {
margin-bottom:20px;
}
.commentlist li ul {
margin:20px 0 0 80px;
} 
.commentlist li button {
margin:0 0 0 -50px;
left:50%;
position:relative;
} 
.commentlist li,
.comment_container {
width:100%;
} 
.comment_container .avatar {
width:51px;
height:51px;
border-radius:50%;
float:left;
padding: 8px;
border:1px solid #e4e4e4;
background:#FFF;
position:relative;
text-align:center;
}
.comment_container .avatar img {
border-radius:50%;
width:34px;
height:34px;
} 
.comment_container .avatar:after,
.comment-text:after {
position:absolute;
content:'';
width:10px;
height:10px;
border:1px solid #e4e4e4;
border-radius:50%;
right:0;
top:50%;
margin:-5px -5px 0 0;
background:#FFF;
z-index:9;
}
.comment_container .avatar:before {
position:absolute;
content:'';
width:30px;
background:#e4e4e4;
height:1px;
right:-30px;
top:50%;
} 
.comment-text {
border:1px solid #e4e4e4;
border-radius:3px;
padding:10px 10px 10px 15px;
margin-left:80px;
position:relative;
}
.comment-text:after {
right:auto;
left:0;
top:20px;
margin:0 0 0 -5px;
} 
.comment-text .star-rating {
position:absolute;
top:10px;
right:10px;
color:#CCC;
}
.comment-text .star-rating i.active {
color:#3d3d3d;
} 
.comment-text .description {
display:block;
}

.comment-text .action-link {
position:absolute;
top:5px;
right:10px;
font-size:12px;
}
.comment-text .action-link a,
.post-content .tags a.share {
display:inline-block;
color:#7d7d7d;
font-size:12px;
padding:5px;
text-align:center;
line-height:12px;
display:inline-block;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-webkit-transition:all .3s;
position:relative;
}
.post-content .img-post {
width:100%;
max-width:30%;
padding:10px;
border:1px solid #e4e4e4;
text-align:center;
}
.post-content .img-post img {
margin-bottom:5px;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
.post-content .img-post img:hover {
opacity:.9;
} 
.post-content .img-post.left {
float:left;
margin:20px 20px 20px 0;
}
.post-content .img-post.right {
float:right;
margin:20px 0 20px 20px;
} 
.comment-text .action-link a:hover span,
.post-content .tags a.share:hover span {
opacity: 0.9;
bottom: 30px;
}
.comment-text .action-link a span,
.post-content .tags a.share span {
width: 50px;
height: auto;
line-height: 15px;
padding: 3px 5px;
left: 50%;
margin-left: -25px;
font-size: 11px;
text-align: center;
background: rgba(0,0,0,0.7);
text-indent: 0px;
border-radius: 3px;
position: absolute;
pointer-events: none;
bottom: 10px;
opacity: 0;
z-index:999;
transition: all 0.3s ease-in-out;
color:#FFF;
}
.comment-text .action-link a span:after,
.post-content .tags a.share span:after {
content: '';
position: absolute;
left: 50%;
width: 0;
height: 0;
bottom: -5px;
margin-left: -5px;
border-top: 5px solid rgba(0,0,0,0.7);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.comment-text .action-link a:last-child {
margin-right: 0;
}
.comment-text .action-link a:hover,
.post-content .tags a.share:hover {
color: #3d3d3d;
background: #e5e5e5;
} 
/*##### ISOTOPE PRODUCTS #####*/
.iso-pro-list .item {
box-sizing:border-box;
margin:0;
padding:10px;
}
.iso-pro-list.fivecol .item {
width:19.9%;
}
.iso-pro-list.fourcol .item {
width:24.9%;
}
.iso-pro-list.threecol .item {
width:32.9%;
} 

/*##### ITEM STYLE 3 #####*/ 
.s3-item {
box-sizing:border-box;
width:100%;
}
.s3-item .product-thumb {
margin-bottom:20px;
position:relative;
} 
.s3-item .product-thumb .mask {
background:rgba(255,255,255,0);
width:100%;
height:0;
top:50%;
display:block;
position:absolute;
text-align:center;
z-index:1;
float:left;
transition:all ease-in-out .5s;
-moz-transition:all ease-in-out .5s;
-ms-transition:all ease-in-out .5s;
-webkit-transition:all ease-in-out .5s;
}
.s3-item .product-thumb:hover .mask {
background:rgba(255,255,255,.7);
width:100%;
height:100%;
top:0
}
.s3-item .product-thumb .mask .action-group {
opacity:1;
position:absolute;
height:146px;
width:100%;
top:50%;
left:0;
margin-top:-73px;
}
.s3-item .product-thumb .mask .action-group a {
width:50%;
opacity:0;
transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-webkit-transform:scale(0,0);
transition:all ease-in-out .5s;
-moz-transition:all ease-in-out .5s;
-ms-transition:all ease-in-out .5s;
-webkit-transition:all ease-in-out .5s;
margin-top:10px;
}
.s3-item .product-thumb:hover .mask .action-group a {
opacity:1;
transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-webkit-transform:scale(1,1);
width:70%;
margin-top:0px;
}
.s3-item .product-thumb .mask .action-group a:first-child {
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.s3-item .product-thumb .mask .action-group a:last-child {
transition:all ease-in-out .7s;
-moz-transition:all ease-in-out .7s;
-ms-transition:all ease-in-out .7s;
-webkit-transition:all ease-in-out .7s;
} 

.s3-item .p-info {
text-align:center;
}
.s3-item .p-info a.title {
font-weight:bold;
text-transform:uppercase;
display:block;
margin-bottom:5px;
} 
.s3-item .p-info .price {
display:block;
font-size:20px;
color:#5cb85c;
} 

/*==========================================================
8. PORTFOLIO STYLES
==========================================================*/
/*FILTER*/
#filters {
margin:0 auto;
margin-bottom:30px;
display:block;
line-height: inherit;
font-family:Inconsolata;
}
#filters a {
border-right:none;
border-radius:0;
margin:0;
color: #7D7D7D;
font-size: 14px;
font-weight: 300;
padding: 7px 20px;
transition: all 0.3s ease-in-out 0s;
display:inline-block;
margin-left:-3px;
text-transform:capitalize;
cursor:pointer;
}
#filters a:first-child {
}
#filters a:last-child {
} 
#filters a.checked {
color:#fff;
background:#000;
}

/* Portfolio wrap*/ 
.port-wrap {
padding:0;
margin:0;
max-width:1170px;
margin:0 auto;
transition:all ease-in-out .6s;
-moz-transition:all ease-in-out .6s;
-ms-transition:all ease-in-out .6s;
-o-transition:all ease-in-out .6s;
-webkit-transition:all ease-in-out .6s; 
}
/* clear fix */
.port-wrap:after {
content: '';
display: block;
clear: both;
}
/* ---- .port-item ---- */
.port-item {
position: relative;
float: left;
margin: 0;
padding: 0;
padding:10px;
overflow:hidden;
text-align:center;
width:25%;
}
.port-item > * {
margin: 0;
padding: 0;
}
/* Full width */
.port-wrap.port-full-width {
max-width:100%;
}
.port-wrap.no-space .port-item {
padding:0;
}
.port-wrap.no-space .port-item:nth-child(2n) .port-meta .triangle{
border-bottom-color:#f0f0f0;
}
.port-wrap.no-space .port-item:nth-child(2n) .port-meta {
background:#f0f0f0;
} 
.port-wrap.no-desc .port-item .port-meta {
display:none;
} 
.port-wrap.no-space .port-item .p-item .port-meta,
.port-wrap.no-space .port-item .p-item .pthumb,
.port-wrap.no-desc .port-item .p-item .port-meta,
.port-wrap.no-desc .port-item .p-item .pthumb {
border:none;
border-radius:0;
} 
/* col number */
.port-5col .port-item {
width:19.9%;
}
.port-4col .port-item {
width:24.99%;
}
.port-3col .port-item {
width:33%;
}
.port-2col .port-item {
width:50%;
}

/* portfolio item style */ 
.p-item {
width:100%;
height:100%;
}
.p-item .pthumb {
width:100%;
height:100%;
position:relative;
overflow:hidden;
padding:0;
margin:0;
border-radius:3px 3px 0 0;
}
.p-item .pthumb h3 {
position:absolute;
top:50%;
height:30px;
line-height:30px;
margin:-15px 0 0 0;
text-transform:uppercase;
font-family:Roboto Condensed;
right:0;
display:block;
width:100%;
text-align:center;
color:#FFF;
transition:all ease-in-out .4s;
-moz-transition:all ease-in-out .4s;
-ms-transition:all ease-in-out .4s;
-o-transition:all ease-in-out .4s;
-webkit-transition:all ease-in-out .4s;
transform:scale(3,3);
-moz-transform:scale(3,3);
-ms-transform:scale(3,3);
-o-transform:scale(3,3);
-webkit-transform:scale(3,3);
opacity:0;
text-shadow: 3px 3px 3px #000;
}
.p-item .pthumb h3 a {
color:#fff;
} 
.p-item .pthumb:hover h3 {
transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
-webkit-transform:scale(1,1);
opacity:1;
} 
.p-item .pthumb img {
width:100%;
} 
.p-item .pthumb .mask {
width:100%;
height:100%;
position:absolute;
background: rgba(0,0,0,0);
z-index:9;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.p-item .pthumb:hover .mask {
background: rgba(0,0,0,.3);
}
.p-item .pthumb .mask .glass {
background:rgba(255, 255, 255,.1);
width:80%;
height:220%;
left:-120%;
top:-90%;
display:inline-block;
position:absolute;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.p-item .pthumb:hover .mask .glass {
left:-50%;
} 
.p-item .pthumb .mask i {
width:50px;
height:50px;
display:inline-block;
color:#FFF;
font-size:16px;
background-color:rgba(255, 255, 255,.1);
border:1px solid rgba(255, 255, 255,.2);
border-radius:3px;
line-height:50px;
text-align:center;
position:absolute;
bottom:-60px;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
z-index:10;
}
.p-item .pthumb .mask i:hover {
background:#148ac7;
color:#fff;
} 
.p-item .pthumb .mask .zoom {
right:10px;
}
.p-item .pthumb .mask .info {
right:65px;
}
.p-item .pthumb:hover .mask .zoom {
bottom:10px;
}
.p-item .pthumb:hover .mask .info {
bottom:10px;
transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.p-item .pthumb img {
transition:all ease-in-out 1s;
-moz-transition:all ease-in-out 1s;
-ms-transition:all ease-in-out 1s;
-o-transition:all ease-in-out 1s;
-webkit-transition:all ease-in-out 1s;
position:relative;
z-index:8;
float:left;
}
.p-item .pthumb:hover img {
transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
}

.p-item .pthumb:hover .single-gallery img {
transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
-webkit-transform:none;
}

.p-item .port-meta {
width:100%;
height:100%;
padding:10px;
border-top:none;
text-align:center;
border-radius:0 0 3px 3px;
display:block;
position:relative;
background:#FFF;
}
.p-item .port-meta .triangle {
position:absolute;
top:-10px;
left:50%;
margin-left:-5px;
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid white;
z-index:99;
} 
.p-item .port-meta h3 {
margin:0;
display:block;
padding:5px 0;
line-height:20px;
font-size:18px;
} 
.p-item .port-meta .cat {
padding:5px 0;
display:inline-block;
}
.p-item .port-meta p {
display:block;
} 
/*mansory portfolio*/
.man-portfolio {
width:100%;
margin:0 auto;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.man-portfolio.boxed {
max-width:1170px;
} 
.man-portfolio .item {
float: left;
width: 20%;
height: 159px;
margin: 0 2px 4px 0;
overflow:hidden;
position:relative;
}
.man-portfolio .pthumb {
border-radius:0;
}
.man-portfolio .item-w2 {
width: 40%;
}
.man-portfolio .item-h2 {
height: 322px;
}
.man-portfolio .item-h3 {
height: 485px;
}
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
/* Details */
.portfolio-single-content {}
.port-images {
} 

.pro-title-bar {
border-bottom:1px solid #e4e4e4;
padding:0 0 20px 0;
margin-bottom:40px;
}
.pro-title-bar h3 {
float:left;
line-height:40px;
margin-bottom:0;
}
.pro-title-bar h3 img {
border-radius:3px;
width:40px;
height:40px;
margin-right:15px;
float:left;
} 
.pro-title-bar ul,
.pro-title-bar ul li {
float:right;
}
.pro-title-bar ul li a {
display:inline-block;
text-align:center;
line-height:42px;
width:45px;
height:45px;
border-radius:3px;
border:1px solid #f5f5f5;
background:#f9f9f9;
margin-left:5px;
font-size:20px;
} 


.portfolio-single .action-group {
margin-top:20px;
text-align:left;
}
.portfolio-single-content .share {
padding:20px;
border:1px solid #f5f5f5;
background:#f9f9f9;
margin:0 0 20px 0;
border-radius:3px;
}
.portfolio-single-content .share .socials {
float:left;
}
.portfolio-single-content .share .like-button {
float:right;
margin:5px 0;
}
.portfolio-single-content .share .like-button a:hover,
.portfolio-single-content .share .like-button a:focus {
color:#f0487b
} 
.portfolio-single-content .desc {
margin-bottom:40px;
}
.related-projects {
margin:20px 0;
} 
.related-projects .text-heading.large-head {
margin-bottom:0;
} 
.related-projects .s1-item {
height:auto;
border:none;
}
/* Grid Style */
.port-grid {
border-top:1px solid #e4e4e4;
}
.port-grid .port-item {
border-left:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
padding:20px;
}
.port-grid .port-item:last-child,
.port-4col .port-grid .port-item:nth-child(4n),
.port-5col .port-grid .port-item:nth-child(5n),
.port-3col .port-grid .port-item:nth-child(3n) {
border-right:1px solid #e4e4e4;
} 
.port-grid .port-item .p-item .port-meta {
border:none;
padding:10px 10px 0 0 ;
}
.port-grid .port-item .pthumb {
border-radius:0;
}

/*==========================================================
9. BLOG / PAGE STYLE
==========================================================*/ 
.post {
margin-bottom:100px;
width:100%;
display:block;
}
.post .it-entry-thumbnail,
.post .it-entry-content,
.post .it-entry-meta {
width:100%;
display:block;
margin-bottom:20px;
}
.it-entry-title a {
line-height:25px;
} 
.it-entry-thumbnail {
position:relative;
}
.it-entry-thumbnail img {
float:left;
width:100%;
} 
.it-entry-thumbnail .mask {
background:rgba(0, 0, 0,0);
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
overflow:hidden;
}
.it-entry-thumbnail .mask i {
width:50px;
height:50px;
display:inline-block;
color:#FFF;
font-size:16px;
background-color:rgba(255, 255, 255,.1);
border:1px solid rgba(255, 255, 255,.2);
border-radius:3px;
line-height:50px;
text-align:center;
position:absolute;
margin:-25px 0 0 -25px;
left:50%;
top:-60px;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
z-index:10;
}
.it-entry-thumbnail .mask i:hover {
background:#148ac7;
color:#fff;
}
.it-entry-thumbnail .mask:hover {
background:rgba(0, 0, 0, .7);
}
.it-entry-thumbnail .mask:hover i {
top:50%;
} 

.post .it-entry-meta {
border-top:1px solid #e4e4e4;
padding-top:10px;
margin-top:20px;
position:relative;
}
.post .it-entry-meta ul {
width:70%;
float:left;
}
.post .it-entry-meta ul li {
float:left;
margin-right:20px;
padding:5px 0;
}
.post .it-entry-meta ul li a {
color:#7d7d7d;
margin-left:5px;
}
.post .it-entry-meta ul li a:hover {
color:#148ac7;
}
.post .it-entry-meta ul li.tags {
display:block;
width:100%;
}
.post .it-entry-meta .button-group {
width:30%;
float:right;
margin-top:5px;
}
.post .it-entry-meta .button-group a {
padding:12px 0;
display:inline-block;
border-radius:3px;
border:1px solid #e4e4e4;
text-align:center;
box-sizing:content-box;
width:100%;
max-width:100px;
float:right;
}
.post .it-entry-meta .button-group a.liked {
max-width:50px;
margin-right:10px;
}
/* Format */
.gallery-format {}
.gallery-format .owl-theme .owl-controls .owl-pagination {
display:none;
}
.format-link a.link {
display:block;
background:#f8f8f8;
border:1px solid #f2f2f2;
border-radius:3px;
margin:10px 0;
padding:10px 0 10px 30px;
position:relative;
font-weight:normal;
color:#7d7d7d;
}
.format-link a.link:hover {
color:#3d3d3d;
} 
.format-link a.link:after {
position:absolute;
content:'\f0c1';
top:10px;
left:10px;
color:#CCC;
font-family:fontAwesome;
} 
.quote-format {}
.quote-format .it-entry-meta {
border:none;
}
.quote-format .it-entry-text {
padding-left:60px;
position:relative;
}
.quote-format .it-entry-text:after {
position:absolute;
top:0;
left:0;
content:'\f10d';
font-family:fontAwesome;
font-size:50px;
color:#e0e0e0;
} 
.quote-format .it-entry-text p {
font-family:"Noto Serif",Georgia,Cambria,"Times New Roman",Times,serif;
font-size:20px;
font-style:italic;
line-height:30px;
color:#3d3d3d;
}
.quote-format .quote-author {
position:relative;
padding:0 15px;
font-weight:normal;
color:#7d7d7d;
font-size:16px;
}
.quote-format .quote-author:hover {
color:#148ac7;
} 
.quote-format .quote-author:after,
.quote-format .quote-author:before {
content:'';
background:#e4e4e4;
height:2px;
width:10px;
top:11px;
left:0;
position:absolute;
}
.quote-format .quote-author:before {
left:auto;
right:0;
}


/* Blog post */
.post-content {
padding-bottom:30px;
}
.post-content .text-heading {
margin:20px 0;
}
.post-content > ul {
margin:20px 0 20px 20px;
}
.post-content .code {
background-color: #f1f1f1;
clear: both;
display: block;
font: 12px "Andale Mono",Courier,"Courier New",monospace;
overflow: auto;
white-space: pre;
padding: 10px;
margin:20px 0;
border-radius:4px;
}
.post-content p {
line-height:20px;
}
.post-content .entry-title {
margin:0;
padding:0;
}
.post-featured-img img {
width:100%;
margin-bottom:20px;
} 
ul.post-meta-infos {
display:block;
font-size:12px;
padding:10px 0;
margin:20px 0 20px 0;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
}
.post-meta-infos li {
float:left;
margin-right:10px;
}
.post-meta-infos a {
color:#7d7d7d;
font-weight:400;
margin-right:10px;
}
.post-meta-infos i {
margin:0 5px 0 0;
font-size:14px;
}
.post-meta-infos a:hover {
color:#148ac7; 
}
.post-content .tags {
width:100%;
display:block;
padding:12px 0;
margin:20px 0;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
}
.post-content .tags > div {
float:left;
display:inline-block;
} 
.post-content .tags > div a {
color:#7d7d7d;
padding-left:18px;
position:relative;
margin-right:10px;
}
.post-content .tags > div a:after {
position:absolute;
top:0;
left:0;
font-family:fontAwesome;
content:'\f02b';
color:#9d9d9d;
} 
.post-content .tags > div a:hover {
color:#148ac7;
}
.post-content .tags a.share {
float:right;
display:inline-block;
}
.post-content .tags a.share span {
width:86px;
margin-left:-43px;
} 
.comments-area {
width:100%;
} 
.author-bio {
padding:20px;
display:block;
margin:0;
}
.author-bio .avatar {
float:left;
margin:0 20px 0 0;
width:10%;
border-radius:50%;
overflow:hidden;
width:80px;
height:80px;
} 
.author-info {
width:100%;
display:block;
padding-left:80px;
} 
.author-info h3 {
padding:0;
margin:0 0 10px 0;
}
.author-info p {
margin:10px 0;
} 
.related-post {
width:100%;
display:block;
}
.related-post li {
margin: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.related-post li .post {
margin-bottom:0;
}
.related-post li .post .it-entry-thumbnail {
margin-bottom:0;
}
.related-post li .post .it-entry-title {
font-size:16px;
margin-bottom:5px;
}

.related-post .c-nav {
text-align: center;
}
.related-post .c-nav a {
width:30px;
height:30px;
border-radius:3px;
line-height:30px;
text-align:center;
display:inline-block;
cursor:pointer;
font-size:16px;
}
.related-post .c-nav a:hover {
color:#fff;
background-color:#148ac7;
} 
.related-post .it-entry-content {
border:1px solid #e4e4e4;
border-top:none;
border-radius:0 0 3px 3px;
padding:10px 0;
}
.related-post .it-entry-content .cat {
font-weight:normal;
color:#d8d8d8;
}
.related-post .it-entry-content .cat:hover {
color:#148ac7;
}

/* Masonry Blog */
.masonry-blog {
width:100%;
margin:0 auto;
}
/* clear fix */
.masonry-blog:after {
content: '';
display: block;
clear: both;
}
.masonry-blog .loadmore {
display:block;
width:100%;
margin:50px auto;
text-align:center;
border-top:1px solid #e4e4e4;
padding-top:30px;
}
.s-post {
width:100%;
margin-bottom: 20px;
background-color:#fff;
position:relative;
float: left;
}
.masonry-blog .s-post {
width: 260px;
}
.s-post:after {
position:absolute;
bottom:-2px;
left:1%;
width:98%;
height:3px;
border:1px solid #e4e4e4;
border-radius:0 0 3px 3px;
border-top:0;
content:'';
}
.s-post.large-post { width: 540px; }
.s-post .it-entry-title {
text-align:center;
text-transform:uppercase;
font-weight:bold;
position:relative;
margin-bottom:35px;
}
.s-post .it-entry-thumbnail {
border-radius:3px 3px 0 0 ;
overflow:hidden;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.s-post .it-entry-thumbnail ul {
margin:0;
} 
.s-post .it-entry-title a {
font-size:20px;
} 
.s-post .it-entry-title:after {
position:absolute;
content:'';
background:#148ac7;
height:2px;
width:50px;
left:50%;
bottom:-15px;
margin-left:-25px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.s-post .post:hover .it-entry-title:after {
width:100px;
margin-left:-50px;
} 
.s-post .it-entry-content {
padding:20px 20px 10px 20px ;
border:1px solid #e4e4e4;
border-top:0;
border-radius:0 0 3px 3px;
margin:0;
}
.s-post .it-entry-thumbnail,
.s-post.post .it-entry-meta {
margin-bottom:0;
}
.s-post.post .it-entry-meta ul {
width: 60%;
}
.s-post.post .it-entry-meta .button-group {
width:40%;
} 
.s-post.post .it-entry-text {
text-align:center;
}
.s-post.post .post-format {
width:50px;
height:50px;
border-radius:50%;
background:#FEBE36;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
text-align:center;
line-height:50px;
margin:-44px auto 20px;
position:relative;
}
.s-post.large-post .post-format {
width:60px;
height:60px;
line-height:60px;
margin:-51px auto 30px auto;
}
.s-post.post:hover .post-format {
background:#3d3d3d;
} 
.s-post.post .post-format i {
color:#FFF;
font-size:20px;
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
margin:-15px 0 0 -15px;
top:50%;
left:50%;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
.s-post.large-post .it-entry-meta ul li {
line-height:42px;
}
.s-post.large-post h2.it-entry-title a {
font-size:28px;
}
.s-post .owl-theme .owl-controls {
margin:0;
}
/*====== Blog Background =====*/
.blog-mansory-bg {
background:url(/bizdemo28592/img/images/backgrounds/noise.png);
}

/*====== Standar-format ======*/

.standar-format .it-entry-content .post-format {
background-color:#148ac7;
}

/*====== Gallery-format ======*/ 

.gallery-format .it-entry-content .post-format {
background-color:#5BC0DE;
}
/*====== Audio-format ======*/ 

.audio-format .it-entry-content .post-format {
background-color:#ff3d00;
}
.audio-format .it-entry-thumbnail {
border:1px solid #e4e4e4;
padding:20px 20px 40px;
}

/*====== Video-format ======*/ 

.video-format .it-entry-content .post-format {
background-color:#ff699a;
margin-top:0;
}

/*====== Protected-format ======*/ 

.protected-format .it-entry-content .post-format {
background-color:#d9d9d9;
} 
.protected-format .it-entry-thumbnail input {
width:100%;
margin-bottom:15px;
text-align:center;
}
.protected-format .it-entry-thumbnail,
.masonry-blog .post.protected-format:hover .it-entry-thumbnail {
border:1px solid #e4e4e4;
}
.protected-format .it-entry-thumbnail,
.link-format .it-entry-thumbnail {
padding:30px;
}
/*====== Link-format ======*/ 

.link-format .it-entry-thumbnail,
.masonry-blog .post.link-format:hover .it-entry-thumbnail {
border:1px solid #e4e4e4;
}
.link-format .it-entry-content .post-format {
background-color:#54a4ff;
}
.link-format .it-entry-thumbnail a.link {
width:100%;
text-align:center;
background:#f9f9f9;
border:1px solid #e4e4e4;
padding:10px 20px;
border-radius:4px;
padding-left:32px;
display:block;
margin-bottom:10px;
color:#999;
position:relative;
overflow:hidden;
}
.link-format .it-entry-thumbnail a.link:after {
content:'\f0ac';
font-family:fontAwesome;
position:absolute;
top:10px;
left:10px;
font-size:20px;
color:#e2e2e2;
}
.link-format .it-entry-thumbnail a.link:hover {
color:#148ac7;
}


/*====== Quote-format ======*/ 
.s-post.quote-format .it-entry-text {
padding-left: 0;
position: relative;
} 
.s-post.quote-format .it-entry-text p {
font-size:15px;
line-height:25px;
}
.s-post.large-post.quote-format .it-entry-text p {
font-size:22px;
line-height:35px;
} 
.s-post.quote-format .it-entry-content {
border-radius:3px;
border-top:1px solid #e4e4e4;
}
.s-post.quote-format .it-entry-text:after {
display:none;
}
.s-post.quote-format .post-format {
background-color:#5CB85C;
margin:20px auto;
}
.s-post.quote-format .it-entry-content .it-entry-meta {
border-top:1px solid #e4e4e4;
}
.s-post.quote-format .it-entry-content .it-entry-meta .button-group {
width:100%;
display:block;
text-align:center;
}
.s-post.quote-format .it-entry-content .it-entry-meta .button-group a {
float:none;
} 

/* boxed */ 
.masonry-blog.boxed {
max-width:1170px;
}

/* MAX 640px */
@media only screen and (max-width: 640px) {

.masonry-blog .s-post,
.masonry-blog.large-post .s-post {
width:100%;
}
.masonry-blog .s-post:after {
width:98%;
left:1%;
}
} 

/* Post list */
.post-carousel.post-list .item {
margin:10px;
}
/* Post grid */

.post-grid {
margin:40px auto;
}
.post-grid .item {
background: #3fbf79;
margin:0;
text-align: center;
}
.post-grid .item .s-post:after {
display:none;
}
.post-grid .item .s-post .it-entry-title a {
line-height:20px;
}
.post-grid .item .s-post .it-entry-title:after {
background:none;
} 
.post-grid .item .s-post:nth-child(2) .it-entry-thumbnail {
float:right;
} 
.post-grid .item .s-post:nth-child(2) .it-entry-content {
float:left;
} 
.post-grid .item .s-post {
margin-bottom:0;
border-radius:0;
border:none;
}
.post-grid .item .s-post .it-entry-thumbnail,
.post-grid .item .s-post .it-entry-content {
border-radius:0;
width:50%;
float:left;
}
.post-grid .item .s-post .it-entry-content {
text-align:left;
padding-bottom:0;
float:right;
border:none;
padding:10px;
}
.post-grid .item .s-post .it-entry-content .readmore {
color:#148ac7;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
.post-grid .item .s-post .it-entry-content .readmore:hover {
color:#3d3d3d;
padding-left:10px;
} 
.post-grid .item .s-post .it-entry-content .it-entry-title,
.post-grid .item .s-post .it-entry-content .it-entry-title a,
.post-grid .item .s-post .it-entry-content .it-entry-text {
font-size:12px;
text-align:left;
margin-bottom:10px;
}
.post-grid .item .s-post .it-entry-content .it-entry-title:after {
left:0;
margin-left:0;
bottom:-5px;
} 

/*==========================================================
10. SERVICES STYLES
==========================================================*/ 
.services-box {
display:block;
position:relative;
text-align:center;
margin-bottom:20px;
}
.services-box h3 {
font-weight:400;
text-transform:uppercase;
font-size:14px;
font-family:'Roboto Condensed';
} 
.services-box .icon-box {
width:90px;
height:90px;
display:inline-block;
margin:10px auto;
border:1px solid #148ac7;
text-align:center;
line-height:85px;
color:#148ac7;
border-radius:50%;
font-size:45px;
position:relative;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
overflow:hidden;
z-index:2;
}
.services-box .icon-box:before {
position:absolute;
width:0px;
height:0px;
top: 50%;
left: 50%;
display:inline-block;
content:'';
border-radius:50%;
background:#148ac7;
z-index:-1;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.services-box .icon-box:after {
position:absolute;
content:'';
width:55px;
height:110px;
top:-100px;
left:-50px;
background: rgba(255,255,255,.1);
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);

transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.services-box:hover .icon-box:after {
top:-30px;
left:0;
} 
.services-box:hover .icon-box {
color:#FFF;
}
.services-box:hover .icon-box:before {
width:80px;
height:80px;
margin:-40px auto auto -40px;
}

.services-box .sb-content-wrap {
display:block;
width:100%;
padding:10px 0;

}
.services-box .sb-content-wrap p:after,
.services-box .sb-content-wrap p:before {
content:'';
background:#CCC;
height:1px;
width:140px;
left:50%;
margin-left:-70px;
top:-10px;
position:absolute;
}
.services-box .sb-content-wrap p:after {
background:#148ac7;
width:70px;
margin-left:-35px;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.services-box:hover .sb-content-wrap p:after {
width:140px;
margin-left:-70px;
} 
.services-box .sb-content-wrap p {
margin-top:30px;
position:relative;
font-size:13px;
} 


/*horizontal*/

.services-box.sb-horizontal {
padding:10px 0;
text-align:left;
}
.services-box.sb-horizontal .icon-box {
float:left;
}
.services-box.sb-horizontal .sb-content-wrap {
padding-left:100px;
}
.services-box.sb-horizontal .sb-content-wrap p:after,
.services-box.sb-horizontal .sb-content-wrap p:before {
left:0;
margin-left:0;
}

/*boxed-icon*/
.services-box.boxed-icon,
.services-box.boxed-icon-2 {
border:1px solid #d9d9d9;
border-radius:5px;
box-sizing:border-box;
padding:20px;
}
.services-box.boxed-icon-2 {
margin-top:50px;
} 
.services-box.boxed-icon-2 .icon-box {
top:-80px;
z-index:2;
} 
.services-box.boxed-icon-2 .sb-content-wrap {
margin-top:-80px;
}
.services-box.boxed-icon-2:after {
content:'';
position:absolute;
height:2px;
width:90px;
margin-left:-45px;
left:50%;
top:-2px;
background:#FFF;
} 

/*single-icon*/

.services-box.single-icon .icon-box:after,
.services-box.single-icon .icon-box:before {
display:none;
}
.services-box.single-icon .icon-box {
border:none;
line-height:none;
overflow:inherit;
border-radius:0;
margin:0;
}
.services-box.single-icon:hover .icon-box {
color:#3d3d3d;
}
.sb-horizontal.single-icon .icon-box {
font-size:70px;
}

/*square style*/

.services-box.square-icon .icon-box {
border-radius:5px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
margin-bottom:30px;
}
.services-box.square-icon .icon-box:before {
border-radius:5px;
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
.services-box.square-icon .icon-box:after {
transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
width:120px;
height:75px;
} 
.services-box.square-icon .icon-box i {
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}


/* Standard box */

.services-box.standard-box {
text-align:left;
}
.services-box.standard-box .icon-box {
width:25px;
height:25px;
float:left;
margin:0 10px 0 0;
padding:0;
line-height:14px;
}
.services-box.standard-box .icon-box i {
font-size:30px;
color:#3d3d3d;
max-height:35px;
max-width:35px;
}
.services-box.standard-box .sb-content-wrap p {
padding:0;
margin-top:10px;
}
.services-box.standard-box h3 {
} 
.services-box.standard-box .sb-content-wrap p:before,
.services-box.standard-box .sb-content-wrap p:after {
display:none;
}

/*==========================================================
11. BUTTONS STYLES
==========================================================*/ 

.btn, .btn-small, .btn-large, .btn-large-icon{
font-family: 'Roboto', sans-serif;
color:#fff;
-webkit-font-smoothing: subpixel-antialiased;
font-size:14px;
height:42px;
border:0px;
padding:0px 35px;
line-height:40px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
-o-border-radius: 3px; 
border-radius: 3px; 
margin-bottom:10px;
margin-right:10px;
text-shadow:none;
-webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0;
box-shadow:rgba(0, 0, 0, 0) 0 0 0;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
.btn i, .btn-small i, .btn-large i, .btn-large-icon i{
font-size:18px;
line-height:18px;
padding-right:8px;
}
.btn:hover, .btn-small:hover, .btn-large:hover, .btn-large-icon:hover{
color:#fff;
background-color: #148ac7;
}
.btn-small {
font-size:12px;
height:30px;
line-height:30px;
}
.btn-large {
font-size:14px;
height:60px;
line-height:55px;
padding:0px 50px;
}


/* Button color */
.btn-default {
background:#f1f1f1;
color:#7d7d7d;
}
.btn-default:hover {
background:#f0f0f0;
color:#3d3d3d;
} 

.btn-violet {
background:#000;
}
.btn-violet:hover {
background:#3d3d3d;
} 

.btn-dark {
background:#3d3d3d;
}
.btn-orange {
background:#ff8400;
}
.btn-pink {
background:#ff6bb1;
}

/* Line button */
.btn-line {
background:none !important;
border-width:2px;
border-style:solid;
}
.btn-default.btn-line {
background:#f1f1f1;
border-color:#f1f1f1;
color:#3d3d3d;
}

.btn-success.btn-line {
background:#5CB85C;
border-color:#5CB85C;
color:#5CB85C;
}
.btn-info.btn-line {
background:#5BC0DE;
border-color:#5BC0DE;
color:#5BC0DE;
}
.btn-warning.btn-line {
background:#F0AD4E;
border-color:#F0AD4E;
color:#F0AD4E;
} 
.btn-danger.btn-line {
background:#D9534F;
border-color:#D9534F;
color:#D9534F;
}
.btn-violet.btn-line {
background:#148ac7;
border-color:#148ac7;
color:#148ac7;
}
.btn-dark.btn-line {
background:#3d3d3d;
border-color:#3d3d3d;
color:#3d3d3d;
}
.btn-orange.btn-line {
background:#FF8400;
border-color:#FF8400;
color:#FF8400;
} 
.btn-pink.btn-line {
background:#FF6BB1;
border-color:#FF6BB1;
color:#FF6BB1;
}
.btn-primary.btn-line {
background:#428BCA;
border-color:#428BCA;
color:#428BCA;
} 


.btn-default.btn-line:hover,
.btn-success.btn-line:hover,
.btn-warning.btn-line:hover,
.btn-dark.btn-line:hover,
.btn-orange.btn-line:hover,
.btn-pink.btn-line:hover,
.btn-primary.btn-line:hover,
.btn-info.btn-line:hover,
.btn-danger.btn-line:hover {
background:#148ac7;
border-color:#148ac7;
color:#148ac7;
}
.btn-violet.btn-line:hover {
background:#3d3d3d;
border-color:#3d3d3d;
color:#3d3d3d;
}
/* Radius button */ 
.btn-radius {
border-radius:30px;
}
/* Button icon*/
.btn-icon {
padding: 0 25px 0 20px;
position:relative;
}
.btn-icon i {
margin-right:25px;
}
.btn-icon:after {
position:absolute;
top:0;
left:50px;
height:100%;
border-left:1px solid rgba(255,255,255,.1);
content:'';
}
.btn-default.btn-icon:after {
border-left:1px solid rgba(0,0,0,.05);
}
.btn-small.btn-icon i {
font-size:14px;
}
/* Button 3D*/
.btn-3d {
box-shadow:0 3px 0 0 #3170A6
} 
.btn-primary.btn-3d {
box-shadow:0 3px 0 0 #3170A6
}
.btn-default.btn-3d {
box-shadow:0 3px 0 0 #d9d9d9;
}
.btn-success.btn-3d {
box-shadow:0 3px 0 0 #459345;
}
.btn-info.btn-3d {
box-shadow:0 3px 0 0 #469db7;
}
.btn-warning.btn-3d {
box-shadow:0 3px 0 0 #cb903c;
} 
.btn-danger.btn-3d {
box-shadow:0 3px 0 0 #ac3a37;
}
.btn-violet.btn-3d {
box-shadow:0 3px 0 0 #6e65c1;
}
.btn-dark.btn-3d {
box-shadow:0 3px 0 0 #242424;
}
.btn-orange.btn-3d {
box-shadow:0 3px 0 0 #e56600;
} 
.btn-pink.btn-3d {
box-shadow:0 3px 0 0 #d64e8e;
}

.btn-default.btn-3d:hover,
.btn-success.btn-3d:hover,
.btn-warning.btn-3d:hover,
.btn-dark.btn-3d:hover,
.btn-orange.btn-3d:hover,
.btn-pink.btn-3d:hover,
.btn-primary.btn-3d:hover,
.btn-info.btn-3d:hover,
.btn-danger.btn-3d:hover {
box-shadow:0 3px 0 0 #756dc1;
}
.btn-violet.btn-3d:hover {
box-shadow:0 3px 0 0 #1d1d1d;
}
.btn-3d:active {
position:relative;
border-bottom:0px;
top:2px;
transition:none;
box-shadow:none;
} 
/*Glass button */
.btn-glass {
color:#fff !important;
background-color:rgba(255, 255, 255, .1) !important;
border-color:rgba(255, 255, 255, .4) !important;
}
.btn-glass.btn-icon:after {
border-left:1px solid rgba(255, 255, 255, .4);
}
.btn-glass:hover {
background-color:rgba(255, 255, 255, .2) !important;
border-color:rgba(255, 255, 255, .2) !important;
} 

/*==========================================================
12. ELEMENTS
==========================================================*/ 
/* Testimonials */
.grid-layout {
width:100%;
}
/* clear fix */
.grid-layout:after {
content: '';
display: block;
clear: both;
}

.grid-layout li {
float:left;
width:50%;
padding:30px 40px;
box-sizing:border-box;
text-align:center;
position:relative;
min-height:250px;
}
.grid-layout li:after {
position:absolute;
content:'';
width:1px;
height:80%;
top:10%;
right:0;
background:#e7e7e7;
}
.grid-layout li:before {
position:absolute;
content:'';
width:80%;
height:1px;
bottom:0;
right:10%;
background:#e7e7e7;
}
.grid-layout.two-col li:nth-child(2n+2):after,
.grid-layout li:last-child:before,
.grid-layout li:nth-last-child(2):before {
background:none;
}

/* 3 col */
.grid-layout.three-col li {
width:33.33%
}
.grid-layout.three-col li:nth-child(3n+3):after,
.grid-layout.three-col li:nth-last-child(3):before {
background:none;
}
/* 4 col */
.grid-layout.four-col li {
width:25%
}
.grid-layout.four-col li:nth-child(4n+4):after,
.grid-layout.four-col li:nth-last-child(3):before,
.grid-layout.four-col li:nth-last-child(4):before {
background:none;
} 

/*Customer logo */
.grid-layout.grid-logos li {
min-height:50px;
}

.list-logos {
width:100%;
display:block;
border-top:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
margin:40px 0;
border-radius:3px;
}
.list-logos li {
float:left;
border-bottom:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
width:auto;
position:relative;
}
.list-logos.five-col li {
width:20%; 
}
.list-logos.four-col li {
width:25%; 
}
.list-logos.three-col li {
width:33.33%; 
} 
.list-logos img,
.grid-logos img {
opacity:.7;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
float:left;
}
.list-logos img:hover,
.grid-logos img:hover {
opacity:1;
}


/* Testimonials */
.s-testimonial {
text-align:center;
max-width:700px;
margin:0 auto;
}
.s-testimonial .avatar {
padding:5px;
border:2px solid #e7e7e7;
border-radius:50%;
display:inline-block;
width:80px;
height:80px;
}
.s-testimonial .avatar img {
border-radius:50%;
margin-bottom:10px;
width:100%;
} 
.s-testimonial span {
font-weight:bold;
color:#e26060;
} 
.s-testimonial .wrap p.test {
margin-bottom:20px;
}
.s-testimonial .wrap p.client {
position:relative;
display:inline-block;
}
.s-testimonial .wrap p.client:after,
.s-testimonial .wrap p.client:before {
position:absolute;
content:'';
width:5px;
height:1px;
top:11px;
left:-10px;
background:#e4e4e4;
} 
.s-testimonial .wrap p.client:before {
left:auto;
right:-10px;
}

/* Slider Testimonials */ 

#testimonials-slide {
padding:0 80px;
box-sizing:border-box;
}

/* Slider Testimonials */ 
.testimonials-group {
width:100%;
display:block;
}
.testimonials-group #testimonial li {
padding: 20px 0px;
margin: 5px;
text-align: center;
}
.testimonials-group #testimonial li .test {
max-width:700px;
margin:auto
}
.testimonials-group #testimonial li .client {
margin:10px auto;
}
.testimonials-group #testimonial li .client span {
font-weight:bold;
color:#e26060; 
}
.testimonials-group #client {
text-align:center;
position:relative;
/*border-top:2px solid #e7e7e7;*/
}
.testimonials-group #client:after {
content:'';
position:absolute;
height:1px;
width:100%;
top:0;
left:0;
background: -moz-linear-gradient(left, rgba(201,201,201,0) 0%, rgba(201,201,201,0.5) 15%, rgba(201,201,201,0.5) 85%, rgba(201,201,201,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(201,201,201,0)), color-stop(15%,rgba(201,201,201,0.5)), color-stop(85%,rgba(201,201,201,0.5)), color-stop(100%,rgba(201,201,201,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(201,201,201,0) 0%,rgba(201,201,201,0.5) 15%,rgba(201,201,201,0.5) 85%,rgba(201,201,201,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(201,201,201,0) 0%,rgba(201,201,201,0.5) 15%,rgba(201,201,201,0.5) 85%,rgba(201,201,201,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(201,201,201,0) 0%,rgba(201,201,201,0.5) 15%,rgba(201,201,201,0.5) 85%,rgba(201,201,201,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(201,201,201,0) 0%,rgba(201,201,201,0.5) 15%,rgba(201,201,201,0.5) 85%,rgba(201,201,201,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c9c9c9', endColorstr='#00c9c9c9',GradientType=1 ); /* IE6-9 */
} 
.testimonials-group #client li {
margin: 0 5px;
text-align: center;
cursor: pointer;
padding-top:20px;
position:relative;
}

.testimonials-group #client .avatar {
width:80px;
height:80px;
border:2px solid #e7e7e7;
border-radius:50%;
margin:0 auto;
padding:5px;
transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.testimonials-group #client li .avatar img {
width:100%;
border-radius:50%;
transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
.testimonials-group #client li:after {
content:'';
display:inline-block;
background:rgba(201,201,201,0.5);
width:16px;
height:16px;
position:absolute;
left:50%;
top:-20px;
margin-left:-8px;
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.testimonials-group #client .synced li:after {
top: -8px;
}
.testimonials-group #client .synced li img {
transform:rotate(-25deg);
-moz-transform:rotate(-25deg);
-ms-transform:rotate(-25deg);
-webkit-transform:rotate(-25deg);
}
.testimonials-group #client .synced li .avatar {
border-color:#148ac7;
}


/* Circle countdown */
.time_circles {
position: relative;
width: 100%;
height: 100%;
}
.time_circles > div {
position: absolute;
text-align: center;
}
.time_circles > div > h4 {
margin: 0px;
padding: 0px;
text-align: center;
text-transform: uppercase;
color:#adadad;
}
.time_circles > div > span {
display: block;
width: 100%;
text-align: center;
font-size: 200%;
margin-top: 0.4em;
}

/* Audio player */
.mejs-container {
background:#000;
}
.mejs-container .mejs-controls {
background:#f9f9f9;
border:1px solid #e4e4e4;
height:40px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background:#2d2d2d;
box-shadow:1px 1px 0 #FFF;
} 
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height:6px;
border-radius:3px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
top:16px;
} 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #148ac7;
border-radius: 3px;
height: 6px;
top: 16px;
} 
.mejs-controls .mejs-time-rail .mejs-time-current {
background:#148ac7;
}
.mejs-controls div.mejs-time-rail {
padding-top: 11px;
}
.mejs-container .mejs-controls .mejs-time span {
color: #7d7d7d;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
margin: 6px 2px 0 0;
}
.mejs-controls .mejs-button button {
margin:11px 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background:#3d3d3d;
border:none;
color:#FFFFFF;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #3d3d3d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.mejs-overlay-loading {
background: none repeat scroll 0 0 #3D3D3D;
border-radius: 3px;
height: 60px;
left: 50%;
margin: -30px 0 0 -30px;
position: absolute;
top: 50%;
width: 60px;
}
.mejs-overlay-loading span {
height: 60px;
width: 60px;
} 
/* Page Animated item Styles */
.animated{
visibility:hidden;
}
.visible{
visibility:visible;
}
/* Page Loading */
#pageloader {
width: 100%;
height: 100%;
position: fixed;
background-color: #131313;
z-index: 999999;
}
.loader-item {
position: absolute;
width: auto;
height:height;
margin: -109px 0 0 -153px;
top:50%;
left:50%;
text-align:center;
}
.loader-item h2{
color:#ccc;
margin:0 auto;
font-size:20px;
}

/*pagination*/
.pagination {
width:100%;
border-radius:0;
text-align:center;
position:relative;
margin:30px 0;
}
.pagination a {
padding:13px 18px;
text-align:center;
display:inline-block;
border-right:1px solid #e4e4e4;
float:left;
position:relative;
color:#7d7d7d;
font-size:14px;
} 
.pagination a:hover {
color:#148ac7;
} 
.pagination a:after {
position:absolute;
content:'';
background:#148ac7;
height:1px;
width:0px;
top:44px;
left:50%;
margin-left:0;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.pagination a:hover:after {
width:40px;
margin-left:-20px;
} 
.pagination .pages a.active {
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.pagination .prev-btn,
.pagination .next-btn {
position:absolute;
top:0;
left:0;
border:1px solid #e4e4e4;
border-radius: 3px;
padding:12px 18px
}
.pagination .next-btn {
left:auto;
right:0;
} 
.pagination .pages {
border:1px solid #e4e4e4;
display:inline-block;
border-radius: 3px;
}
.pagination .pages a:last-child {
border-right: none;
}
.pagination i {
font-size:19px;
}




/* Heading title*/

.text-heading {
width:100%;
position:relative;
margin:30px 0;
font-family:'Lato' !important;
font-weight:400;
display:block;
font-size:40px;

}
.text-heading.white h1,
.text-heading.white p,
.text-heading.white span,
.text-heading.white.large-head span {
color:#fff;
}
.text-heading.bold h1 {
text-transform:uppercase;
font-weight:700;
font-size:40px;
letter-spacing: 2px;
} 
.text-heading:before {
content:'';
height:1.5px;
width:100%;
background-color:rgba(145,145,145,.5);
position:absolute;
top:12px;
}
.text-heading:after,
.text-heading h3:after {
content:'';
width:7px;
height:7px;
border-radius:50%;
background:#FFF;
border:1.5px solid #d9d9d9;
top:9px;
right:0;
left:auto;
position:absolute;
} 
.text-heading h3 {
background:#FFF;
position:relative;
display:inline-block;
padding:0 20px 0 0;
}
.text-heading span {
max-width:100%;
margin:20px auto;
} 

/* Line */
.text-heading.line {
margin-bottom:20px;
}
.text-heading.line h3,
.text-heading.line h3:after {
background:none;
border:none;
}
.text-heading.line:before {
top:130%;
bottom:0;
}
.text-heading.line:after {
border:none;
border-radius:0;
background:#148ac7;
width:50px;
height:1.5px;
left:0;
right:auto;
top:130%;
bottom:0;
}

/* Double */
.text-heading.double {}
.text-heading.double h3:after,
.text-heading.double:after {
background:none;
border:none;
}
.text-heading.double:before {
border:1px solid #d9d9d9;
height:8px;
border-right:none;
background:none;
top:8px;
} 

/* Pattern */
.text-heading.pattern {
margin-bottom:20px;
}
.text-heading.pattern h3:after,
.text-heading.pattern:after {
background:none;
border:none;
}
/* Bold */
.text-heading.bold h1 {
text-transform:uppercase;
font-weight:700;
line-height:40px;
}
.text-heading.bold.large-head:before {
top:60px;
} 
.text-heading.bold.large-head2:before {
top:75px;
}
.text-heading.bold.large-head:after {
top:59px;
} 
/* Large */
.text-heading.large-head,
.text-heading.large-head2 {
text-align:center;
margin-bottom:50px;
}
.text-heading.large-head span {
padding-top:10px;
display:block;
color:#7d7d7d;
font-size:14px;
line-height:24px;
} 
.text-heading.large-head:before,
.text-heading.large-head2:before {
width:160px;
left:50%;
margin-left:-80px;
top:44px;
} 
.text-heading.large-head:after {
width:60px;
left:50%;
margin-left:-30px;
top:43px;
background-color:#148ac7;
height:3px;
border:none;
border-radius:0;
}

.text-heading.large-head2 {
margin-bottom:40px;
}
.text-heading.large-head2:before {
top:75px;
}
.text-heading.large-head2:after {
border:none;
background:none;
} 
.text-heading.large-head2 h1 {
position:relative;
}
.text-heading.large-head2 h1:after,
.text-heading.large-head2 h1:before {
content:'';
width:7px;
height:7px;
border-radius:50%;
background:#FFF;
border:1px solid #d9d9d9;
top:72px;
left:50%;
margin-left:-80px;
position:absolute;
} 
.text-heading.large-head2 h1:before {
left:auto;
right:50%;
margin-right:-80px;
} 


/* Large Left */ 
.text-heading.large-head.left {
text-align:left;
}
.text-heading.large-head.left span {
margin-left:0;
} 
.text-heading.large-head.left:before,
.text-heading.large-head.left:after {
left:0;
margin-left:0;
} 
/* Large right */ 
.text-heading.large-head.right {
text-align:right;
}
.text-heading.large-head.right span {
margin-right:0;
} 
.text-heading.large-head.right:before,
.text-heading.large-head.right:after {
right:0;
left:auto;
margin:0;
}


/*DIVIDER*/
.in-divider {
display:block;
text-align:center;
margin:0px auto;
}

/*Shadow*/
.in-divider.line-shadow {
position:relative;
height:1px;
}
.in-divider.line-shadow:after,
.in-divider.line-shadow:before {
width:50%;
height:7px;
background:url(/bizdemo28592/img/images/backgrounds/shadow-divider.png) top left no-repeat;
top:0;
left:0;
content:'';
position:absolute;
}
.in-divider.line-shadow:before {
left:auto;
right:0;
top:0;
background-position: top right;
}


/*circle 2*/
.in-divider.circle-2 {
background:#d9d9d9;
height:1px;
width:50%;
position:relative;
}
.in-divider.circle-2:after,
.in-divider.circle-2:before {
width:7px;
height:7px;
border-radius:50%;
background:#FFF;
position:absolute;
left:0;
top:-3px;
content:'';
border:1px solid #d9d9d9;
} 
.in-divider.circle-2:before {
right:0;
left:auto;
}

/*circle 1*/
.in-divider.circle-1 {
background:#d9d9d9;
height:1px;
width:50%;
position:relative;
}
.in-divider.circle-1:after,
.in-divider.circle-1:before {
width:16px;
height:16px;
border-radius:50%;
background:#FFF;
position:absolute;
left:50%;
top:-8px;
margin-left:-8px;
content:'';
border:1px solid #d9d9d9;
}
.in-divider.circle-1:after {
width:10px;
height:10px;
top:-5px;
margin-left:-5px;
background-color:#148ac7;
border:none;
}

/* Line */
.in-divider.line {
background:#d9d9d9;
height:1px;
width:100%;
}

/* pattern */
.in-divider.pattern {
height:1px;
width:100%;
}

/* double line */
.in-divider.double-line {
height:1px;
width:100%;
background:#f2f2f2;
position:relative;
}
.in-divider.double-line:after {
content:'';
position:absolute;
top:5px;
background:#f2f2f2;
height:1px;
width:100%;
left:0;
}

/* Dotted */
.in-divider.dotted {
border-bottom:1px dotted #d9d9d9;
}

/* Fat line */
.in-divider.fat {
border-bottom:3px solid #f2f2f2;
} 

/* Two color*/
.in-divider.two-colors {
background:#d9d9d9;
height:1px;
width:100%;
position:relative;
}
.in-divider.two-colors:after {
width:200px;
height:1px;
border-radius:50%;
background:#148ac7;
position:absolute;
left:50%;
margin-left:-100px;
content:'';
}

/*with top button*/
.in-divider.go-to-top a {
display:inline-block;
background:#FFF;
text-align:center;
position:relative;
}
.in-divider.go-to-top a.icon {
border:1px solid #d9d9d9;
width:30px;
height:30px;
border-radius:50%;
line-height:29px;
bottom:-15px;
position:absolute;
color:#9d9d9d;
left:0;
}
.in-divider.go-to-top a.icon i {
font-size:18px;
} 
/* DROPCAP*/
span.dropcap1,
span.dropcap2,
span.dropcap3,
span.dropcap4 {
float: left;
font-size: 46px;
margin-right: 8px;
padding: 10px 0 10px;
font-weight:400;
text-align:center;
}
span.dropcap2 {
color:#148ac7;
}
span.dropcap3,
span.dropcap4 {
font-size:25px;
background:#666;
padding:10px;
color:#FFF;
border-radius:3px;
width:40px;
height:40px;
}
span.dropcap4 {
background:#148ac7;
border-radius:50%;
}

/*HIGHTLIGHTED*/

span.highlighted {
box-sizing:border-box;
color:#FFF;
background:#3d3d3d;
padding:2px 4px;
border-radius:3px;
}
span.highlighted.h-violet {
background:#000;
}
span.highlighted.h-blue {
background:#428BCA;
}
span.highlighted.h-pink {
background:#FF6BB1;
} 
span.highlighted.h-green {
background:#5CB85C;
}
span.highlighted.h-cyan {
background:#5BC0DE;
} 
span.highlighted.h-orange {
background:#FF8400;
}
span.highlighted.h-red {
background:#D9534F;
}
span.highlighted.h-yellow {
background:#F0AD4E;
}

span.highlight-text-color {
font-weight:400;
}
span.highlight-text-color.h-violet {
color:#148ac7;
}
span.highlight-text-color.h-blue {
color:#428BCA;
}
span.highlight-text-color.h-pink {
color:#FF6BB1;
} 
span.highlight-text-color.h-green {
color:#5CB85C;
}
span.highlight-text-color.h-cyan {
color:#5BC0DE;
} 
span.highlight-text-color.h-orange {
color:#FF8400;
}
span.highlight-text-color.h-red {
color:#D9534F;
}
span.highlight-text-color.h-yellow {
color:#F0AD4E;
} 
/*blockquote*/
blockquote {
padding-left:15px;
margin:10px 0;
border-left:2px solid #d9d9d9;
margin-left:20px;
font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
blockquote.style2 {
background:#f6f6f6;
padding:10px ;
box-sizing:border-box;
}
blockquote.style3 {
border-left-color:#148ac7;
background:#f6f6f6;
position:relative;
padding:15px 15px 15px 35px;
box-sizing:border-box;
}
blockquote.style3:after {
position:absolute;
content: "\f10d";
font-family:FontAwesome;
top:10px;
left:10px;
font-size:20px;
color:#CCC;
} 
blockquote.style4 {
background:#f9f9f9;
border:1px solid #f2f2f2;
border-radius:5px;
padding:10px ;
box-sizing:border-box;
}

blockquote.style5 {
border-top:2px solid #d9d9d9;
border-bottom:2px solid #d9d9d9;
border-left:none;
padding:10px ;
box-sizing:border-box;
}
/* LIST STYLE */
.li-standard li {
padding:6px 0 6px 0;
}
/* List icons */ 
.li-standard.list-icons li {
padding-left:20px;
}
.li-standard.list-icons li i {
font-size:16px;
margin-left:-20px;
margin-right:20px;
}

.li-standard.list-icons li i.i-violet {
color:#148ac7;
}
.li-standard.list-icons li i.i-blue {
color:#428BCA;
}
.li-standard.list-icons li i.i-pink {
color:#FF6BB1;
} 
.li-standard.list-icons li i.i-green {
color:#5CB85C;
}
.li-standard.list-icons li i.i-cyan {
color:#5BC0DE;
} 
.li-standard.list-icons li i.i-orange {
color:#FF8400;
}
.li-standard.list-icons li i.i-red {
color:#D9534F;
}
.li-standard.list-icons li i.i-yellow {
color:#F0AD4E;
}


.li-standard.list-icons.boxed-icon li i {
width:30px;
height:30px;
display:inline-block;
color:#FFF;
background:#148ac7;
text-align:center;
line-height:30px;
border-radius:2px;
} 

.li-standard.list-icons.boxed-icon.i-circle li i {
border-radius:50%;
}
/* arrow list*/
.li-standard.l-arrow li {
position:relative;
padding-left:20px;
}
.li-standard.l-arrow li:after {
position:absolute;
content:'\f0da';
font-family:FontAwesome;
top:5px;
left:0;
color:#148ac7;
} 

/* Dot list*/
.li-standard.l-dot li {
position:relative;
padding-left:20px;
}
.li-standard.l-dot li:after {
position:absolute;
content:'\f111';
font-family:FontAwesome;
top:10px;
left:0;
font-size:8px;
color:#148ac7;
}

/* Custom list: You can change content icon in the li:after to customize list icon */
.li-standard.l-star li {
position:relative;
padding-left:30px;
}
.li-standard.l-star li:after {
position:absolute;
content:'\f005';
font-family:FontAwesome;
top:10px;
left:0;
font-size:18px;
color:#148ac7;
}



/*Divider*/ 
.li-standard.l-divider li {
border-bottom:1px solid #e2e2e2;
}
/*Number*/
.li-standard.l-number {
counter-reset: my-badass-counter;
}
.li-standard.l-number li {
border-bottom:1px solid #e2e2e2;
position:relative;
padding-left:30px
}

.li-standard.l-number li:before {
background-color: #148ac7;
color: #FFFFFF;
border-radius: 10px;
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
font-size: 11px;
height: 20px;
left: 0;
line-height: 20px;
margin-top: -10px;
position: absolute;
text-align: center;
top: 50%;
width: 20px;
}
.li-standard.l-number.square li:before {
border-radius: 2px;
}

.li-standard.l-number.only-number li:before {
border-radius: 0;
background:none;
color:#148ac7;
font-size:16px;
font-weight:bold;
}


/*=== TAB ===*/
.tab-content {
line-height:20px;
padding:20px;
}
.hor-tab .tab-content,
.tabs-left > .tab-content {
border:1px solid #e2e2e2;
border-top:none;
padding:20px;
line-height:20px;
border-radius:0 0 3px 3px;
}
.nav-tabs > li > a {
color:#7d7d7d;
font-weight:300;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
border-bottom:1px solid tranparent;
font-size:12px;
padding:15px 20px;
}
.nav-tabs > li > a i {
margin-right:5px;
}
.nav-tabs > li > a:hover {
border-color:transparent;
} 
.hor-tab .nav-tabs > li.active > a, 
.hor-tab .nav-tabs > li > a:hover, 
.hor-tab .nav-tabs > li > a:focus {
color:#148ac7;
} 
.hor-tab .nav > li > a:hover {
background:none;
}
.hor-tab .nav > li.active > a:hover {
background:#FFF;
}
.hor-tab .nav-tabs {
border-bottom:1px solid #e2e2e2;
}

/* Bottom style*/
.hor-tab.t-bottom .nav-tabs {
border-bottom:none;
border-top:1px solid #e2e2e2;
}
.hor-tab.t-bottom .tab-content {
border:1px solid #e2e2e2;
border-bottom:none;
border-radius: 3px 3px 0 0;
}
.hor-tab.t-bottom .nav-tabs > li.active > a, 
.hor-tab.t-bottom .nav-tabs > li.active > a:hover, 
.hor-tab.t-bottom .nav-tabs > li.active > a:focus {
color:#148ac7;
border:1px solid #e2e2e2;
border-top:none;
border-radius: 0 0 3px 3px;
}
.hor-tab.t-bottom .nav-tabs > li {
margin:-1px 0 0 0;
}


/*Border style */
.hor-tab.border-style {
border:1px solid #e2e2e2;
border-radius:5px;
}
.hor-tab.border-style .tab-content {
border:none;
}
.hor-tab.border-style .nav-tabs > li > a {
border:none;
border-right:1px solid #e2e2e2;
border-radius:0;
background:none;
padding:15px 20px;
margin:0;
}
.hor-tab.border-style .nav-tabs > li {
margin:0;
} 
.hor-tab.border-style .nav-tabs > li.active > a {
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}

/*border style bottom*/

.hor-tab.border-style.t-bottom .nav-tabs {
border:none;
border-top:1px solid #e2e2e2;
}
.hor-tab.border-style.t-bottom .nav-tabs > li.active > a, 
.hor-tab.border-style.t-bottom .nav-tabs > li.active > a:hover, 
.hor-tab.border-style.t-bottom .nav-tabs > li.active > a:focus {
border-radius: 0;
border-left:none;
border-bottom:none;
} 




/* Border solid */
.hor-tab.border-solid {
border:none;
}
.hor-tab.border-solid .tab-content {
border:none;
padding:20px 0 0 0;
}
.hor-tab.border-solid .nav-tabs {
border:1px solid #e2e2e2;
display:inline-block;
border-radius:5px;
}
.hor-tab.border-solid .nav-tabs li:last-child a {
border:none;
} 
.hor-tab.border-solid .nav-tabs > li > a {
border:none;
border-right:1px solid #e2e2e2;
border-radius:0;
background:none;
margin:0;
}
.hor-tab.border-solid .nav-tabs > li {
margin:0;
} 
.hor-tab.border-solid .nav-tabs > li.active > a {
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}

/*border solid bottom*/ 

.hor-tab.border-solid.t-bottom .tab-content {
padding:0 0 25px 0
}
.hor-tab.border-solid.t-bottom .nav-tabs > li.active > a {
border-radius:0;
border-bottom:none;
border-left:none;

}




/*Line style */
.hor-tab.line-style .tab-content,
.hor-tab.boxed-style .tab-content {
border:none;
padding:20px 0 0 0;
}
.hor-tab.line-style .nav-tabs {
border-bottom:3px solid #e2e2e2;
}
.hor-tab.line-style .nav-tabs > li {
margin-bottom:-3px;
}
.hor-tab.line-style .nav-tabs > li > a {
border:none;
margin-bottom:0;
border-bottom:3px solid #e2e2e2;
}
.hor-tab.line-style .nav-tabs > li.active > a, 
.hor-tab.line-style .nav-tabs > li.active > a:hover, 
.hor-tab.line-style .nav-tabs > li.active > a:focus {
border:none;
border-bottom:3px solid #148ac7;
}
.hor-tab.line-style .nav-tabs > li > a:hover {
border-bottom-color:#b8b8b8;
}

/*border line bottom*/

.hor-tab.line-style.t-bottom .nav-tabs {
border-bottom:none;
border-top:3px solid #E2E2E2;
}
.hor-tab.line-style.t-bottom .tab-content {
padding:0 0 25px 0;
border-bottom:none;
}
.hor-tab.line-style.t-bottom .nav-tabs > li {
margin:-3px 0 0 0;
}
.hor-tab.line-style.t-bottom .nav-tabs > li > a,
.hor-tab.line-style.t-bottom .nav-tabs > li > a:hover,
.hor-tab.line-style.t-bottom .nav-tabs > li > a:focus {
border-radius:0;
border-bottom:none;
border-top:3px solid #e2e2e2;
}
.hor-tab.line-style.t-bottom .nav-tabs > li > a:hover,
.hor-tab.line-style.t-bottom .nav-tabs > li > a:focus {
border-top-color:#b8b8b8;
} 
.hor-tab.line-style.t-bottom .nav-tabs > li.active > a, 
.hor-tab.line-style.t-bottom .nav-tabs > li.active > a:hover, 
.hor-tab.line-style.t-bottom .nav-tabs > li.active > a:focus {
border:none;
border-top:3px solid #148ac7;
border-bottom:none;
border-radius:0;
} 




/*Boxed style */
.hor-tab.boxed-style .nav-tabs {
border-bottom:none;
}
.hor-tab.boxed-style .nav-tabs > li {
margin-bottom:0;
}
.hor-tab.boxed-style .nav-tabs > li > a {
border:none;
margin-bottom:0;
}
.hor-tab.boxed-style .nav-tabs > li.active > a, 
.hor-tab.boxed-style .nav-tabs > li.active > a:hover, 
.hor-tab.boxed-style .nav-tabs > li.active > a:focus {
border:none;
background:#148ac7;
border-radius:3px;
color:#FFF;
}

/*border style bottom*/

.hor-tab.boxed-style.t-bottom .tab-content {
padding:0 0 25px 0;
}
.hor-tab.boxed-style.t-bottom .nav-tabs {
border:none;
}



/*tab left and right */
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
border-bottom: none;
max-width:140px;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .tab-content {
border:none;
margin-left:120px;
padding-top:0;
padding-right:0;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: transparent;
background:transparent;
color:#148ac7;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;
color:#148ac7;
}


/*TABS RIGHT */
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
border-bottom: none;
max-width:140px;
}
.tabs-right > .tab-content {
border:none;
margin-right:120px;
padding-top:0;
padding-left:0;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: transparent;
background:transparent;
color:#148ac7;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: transparent;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #ffffff;
color:#148ac7;
}


/*border-style*/
.tabs-left.border-style,
.tabs-right.border-style {
border:1px solid #DDDDDD;
position:relative;
border-radius:5px;
overflow:hidden;
}
.tabs-left.border-style > .nav-tabs,
.tabs-right.border-style > .nav-tabs {
position:absolute;
height:100%;
}
.tabs-right.border-style > .nav-tabs {
right:0;
} 
.tabs-left.border-style > .tab-content,
.tabs-right.border-style > .tab-content {
padding:20px;
}
.tabs-left.border-style > .nav-tabs > li > a,
.tabs-right.border-style > .nav-tabs > li > a {
border:1px solid #DDDDDD;
border-left:none;
border-right:none;
border-radius:0;
background:none;
margin:0;
}
.tabs-left.border-style > .nav-tabs > li:first-child > a,
.tabs-right.border-style > .nav-tabs > li:first-child > a {
border-top:none;
}

.tabs-left.border-style > .nav-tabs > li.active > a,
.tabs-right.border-style > .nav-tabs > li.active > a {
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1); 
}

/* Line style */
.tabs-left.line-style,
.tabs-right.line-style {
position:relative;
}
.tabs-left.line-style > .nav-tabs,
.tabs-right.line-style > .nav-tabs {
position:absolute;
height:100%;
border-right:3px solid #E2E2E2;
}
.tabs-right.line-style > .nav-tabs {
right:0;
border-right:0;
border-left:3px solid #E2E2E2;
position:absolute;
}
.tabs-left.line-style > .nav-tabs > li > a,
.tabs-right.line-style > .nav-tabs > li > a {
border:none;
border-radius:0;
background:none;
margin-left:-3px;
border-right:3px solid transparent;
}
.tabs-right.line-style > .nav-tabs > li > a {
border-left:3px solid transparent;
border-right:none;
} 
.tabs-left.line-style > .nav-tabs > li > a {
margin-left:0;
margin-right:-3px;
} 
.tabs-left.line-style > .nav-tabs > li.active > a,
.tabs-right.line-style > .nav-tabs > li.active > a {
border-color:#148ac7;
}
.tabs-left.line-style > .nav-tabs > li > a:hover,
.tabs-right.line-style > .nav-tabs > li > a:hover {
border-color:#B8B8B8;
}


/* Boxed style */
.tabs-left.boxed-style > .nav-tabs,
.tabs-right.boxed-style > .nav-tabs {
border:none;
margin:0;
}
.tabs-left.boxed-style > .nav-tabs > li.active > a,
.tabs-right.boxed-style > .nav-tabs > li.active > a {
border-radius:5px;
border-color:transparent;
color:#FFF;
background-color:#148ac7;
margin:0 0 1px 0;
}


/* Border solid*/ 
.tabs-left.border-solid > .nav-tabs,
.tabs-right.border-solid > .nav-tabs {
border:1px solid #E2E2E2;
border-radius:5px;
padding:0;
}
.tabs-left.border-solid > .nav-tabs > li > a,
.tabs-right.border-solid > .nav-tabs > li > a {
background:none;
border:1px solid #E2E2E2;
border-left:none;
border-right:none;
border-radius:0;
margin:0;
} 
.tabs-left.border-solid > .nav-tabs > li:first-child > a,
.tabs-right.border-solid > .nav-tabs > li:first-child > a {
border-top:none;
}
.tabs-left.border-solid > .nav-tabs > li:last-child > a,
.tabs-right.border-solid > .nav-tabs > li:last-child > a {
border-bottom:none;
}
.tabs-left.border-solid > .nav-tabs > li.active > a,
.tabs-right.border-solid > .nav-tabs > li.active > a {
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1); 
} 


/*==== PRICING TABLE ====*/ 
#plans,#plans ul,#plans ul li {
margin: 0;
list-style: none;
}
#pricePlans:after {
content: '';
display: table;
clear: both;
}
#pricePlans {
max-width: 1170px;
margin: 0 auto;
}
#pricePlans #plans .plan {
background: #fff;
float: left;
width: 100%;
text-align: center;
margin: 0 0 20px 0;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.1);
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
}
.planContainer .title h2 {
font-size: 2.125em;
font-weight: 300;
color: #148ac7;
margin: 0;
padding: 40px 0;
}
.planContainer .title h2.bestPlanTitle {
background: #3d3d3d;
color: #fff;
}
.planContainer .price {
position:relative;
overflow:hidden;
}

.planContainer .price:after {
position:absolute;
content:'';
width:100px;
height:200px;
background:rgba(255, 255, 255, .1);
top:-100px;
left:-50px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;

}
.planContainer:hover .price:after {
left:-10px;
} 
.planContainer .price p {
background: #3d3d3d;
color: #fff;
padding:20px 0;
font-size: 18px;
font-weight: 300;
line-height: 2.6em;
margin: 0 0 1em;
}
.planContainer .price p.bestPlanPrice {
background: #148ac7;
}
.planContainer .price p span {
color: #148ac7;
}
.planContainer .options {
margin-top: 10em;
}
.planContainer .options li {
font-weight: 300;
color: #7d7d7d;
font-size:14px;
line-height: 3.5;
border-bottom:1px solid #f0f0f0;
}
.planContainer .options li span {
font-weight: 400;
color: #3d3d3d;
}
.planContainer > li:last-child {
padding:20px 0;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
#pricePlans #plans .plan {
width: 49%;
margin: 0 2% 20px 0;
}
#pricePlans #plans > li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
#pricePlans #plans .plan {
width: 49%;
margin: 0 2% 20px 0;
}
#pricePlans #plans > li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 1025px) {
#pricePlans {
margin: 2em auto;
}
#pricePlans #plans .plan {
width: 24%;
margin: 0 1.33% 20px 0;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.three-col #plans > li {
width: 32.4% !important;
}
.five-col #plans > li {
width: 18.9% !important;
}


#pricePlans #plans > li:last-child {
margin-right:0;
}

#pricePlans #plans > li:last-child {
margin-right: 0;
}
}
/* Progress Steps */
.ig-list-icons.four-steps li {
width: 25%;
}
.ig-list-icons.three-steps li {
width: 33%;
} 
.ig-list-icons {
margin: 60px 0 0 0;
width: 100%;
} 
.ig-list-icons > li {
display: block;
padding-bottom: 20px;

text-align:center;
float:left;
overflow:hidden;
}
.ig-list-icons li .icon-base {
border: 2px solid #148ac7;
border-radius: 50%;
display: inline-block;
padding:10px;
margin:0 auto;
position:relative;
text-align:center;
}
.ig-list-icons li .icon-base:after,
.ig-list-icons li .icon-base:before {
position:absolute;
content:'';
width:7px;
height:7px;
background:#FFF;
border-radius:50%;
left:-25px;
top:39px;
border:1px solid #d9d9d9;
}
.ig-list-icons li .icon-base:before {
left:98px;
} 
.ig-list-icons li i {
border-radius: 50%;
color: #148ac7;
font-size: 30px;
line-height: 60px;
text-align: center;
width: 60px;
height: 60px;
position:relative;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
z-index:1;
}
.ig-list-icons li i:after {
position:absolute;
content:'';
width:0;
height:0;
border-radius:50%;
background:#148ac7;
left:35px;
top:35px;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
z-index:-1;
}
.ig-list-icons li:hover i {
color:#FFF;
}
.ig-list-icons li:hover i:after {
width:70px;
height:70px;
left:-5px;
top:-5px;
} 
.ig-list-icons li .ig-list-content-wrap {
margin-top: 20px;
width: 100%;
position:relative;
padding:0 20px;
}
.ig-list-icons li .ig-list-content-wrap:after,
.ig-list-icons li .ig-list-content-wrap:before {
width:100%;
height:1px;
content:'';
position:absolute;
background:#d9d9d9;
top:-60px;
left:50%;
margin-left:60px;
z-index:-1;
}
.ig-list-icons li .ig-list-content-wrap:after {
left:auto;
right:50%;
margin-right:60px;
} 

.ig-list-icons li .ig-list-content-wrap h4 {
color: #3d3d3d;
font-size: 20px;
padding: 0;
display:block;
text-align:center;
} 

.ig-list-icons li:first-child .ig-list-content-wrap:after,
.ig-list-icons li:last-child .ig-list-content-wrap:before,
.ig-list-icons li:first-child .icon-base:after,
.ig-list-icons li:last-child .icon-base:before {
display:none;
}
/*Vertical list icon*/
.ig-list-icons.vert-list > li {
width:100%;
padding:40px 0;
}
.ig-list-icons.vert-list > li .icon-base {
float:left;
}
.ig-list-icons.vert-list li .ig-list-content-wrap {
padding-left:110px;
text-align:left;
} 
.ig-list-icons.vert-list li .ig-list-content-wrap h4 {
text-align:left;
} 
.ig-list-icons.vert-list > li .ig-list-content-wrap:after,
.ig-list-icons.vert-list > li .ig-list-content-wrap:before{
width:1px;
height:30px;
content:'';
position:absolute;
background:#d9d9d9;
top:-70px;
left:40px;
margin:0;
}
.ig-list-icons.vert-list > li .ig-list-content-wrap:before {
top:80px;
height:100%;
} 
.ig-list-icons.vert-list > li .icon-base:before {
left:35px;
top:-25px;
}
.ig-list-icons.vert-list > li .icon-base:after {
left:35px;
top:98px;
}
.ig-list-icons.vert-list li:last-child .icon-base:before,
.ig-list-icons.vert-list li:first-child .icon-base:after {
display:block;
}
.ig-list-icons.vert-list li:last-child .icon-base:after,
.ig-list-icons.vert-list li:first-child .icon-base:before {
display:none;
} 
/*Align Right*/

.ig-list-icons.vert-list.icon-right .icon-base {
float:right;
}
.ig-list-icons.vert-list.icon-right > li .ig-list-content-wrap:after,
.ig-list-icons.vert-list.icon-right > li .ig-list-content-wrap:before {
right:43px;
left:auto;
}
.ig-list-icons.vert-list.icon-right li .ig-list-content-wrap {
padding-right:110px;
padding-left:0;
text-align:right;
} 
.ig-list-icons.vert-list.icon-right li .ig-list-content-wrap h4 {
text-align:right;
} 
/* Step disable */ 
.ig-list-icons li.step-disable .icon-base {
border-color:#d9d9d9;
}
.ig-list-icons li.step-disable .icon-base i {
color:#d9d9d9;
} 
.ig-list-icons li.step-disable .icon-base i:after {
background:none;
}
/* Accordions & Toggles */

.panel-group .panel {
box-shadow: none;
border-radius: 0;
}
.panel-group .panel:fist-child {
border-radius: 3px 3px 0 0;
}
.panel-group .panel:last-child {
border-radius: 0 0 2px 2px;
}
.panel-group .panel:last-child {
border-radius: 2px 2px 0 0;
box-shadow: none;
}
.panel-group .panel + .panel {
margin-top:-1px;
}
.panel-group .panel-default .panel-heading {
padding: 0;
background: none;
}
.panel-group .panel-default .panel-heading .panel-title {
font-size: 14px;
font-weight: 400;
position:relative;
}
.panel-group .panel-default .panel-heading .panel-title a {
padding: 15px 20px;
display: block;
position: relative;
}
.panel-group .panel-default .panel-heading .panel-title a:hover,
.panel-group .panel-default .panel-heading .panel-title:hover i {
color: #148ac7;
}
.panel-group .panel-default .panel-heading .panel-title i {
font-size:14px;
top:18px;
right:13px;
position:absolute;
}

.panel-group.s-line .panel-default {
border-left:none;
border-right:none;
position:relative;
overflow:inherit;
} 
.panel-group.s-line .panel-default:after,
.panel-group.s-line .panel-default:before,
.panel-group:after,
.panel-group:before {
position:absolute;
content:'';
width:8px;
height:8px;
background:#FFF;
border:1px solid #d9d9d9;
border-radius:50%;
left:0;
bottom:-4px;
z-index:9;
}
.panel-group {
position:relative;
} 
.panel-group:after {
bottom:auto;
top:-4px;
}
.panel-group:before {
bottom:auto;
top:-4px;
right:0;
left:auto;
} 

.panel-group.s-line .panel-default:before {
right:0;
left:auto;
} 
.panel-group.s-line .panel-default .panel-body {
border-top:none;
}


/* Progress bar */
.mini-progress p.name {
margin-bottom:5px;
}
.mini-progress .progress {
background-color:#e6e6e6;
box-shadow:none;
height:6px;
overflow:inherit;
margin-bottom:10px;
}
.mini-progress .progress .progress-bar {
box-shadow:none;
border-radius: 3px;
position:relative;
}
.mini-progress .progress .progress-bar span.value {
position:absolute;
top:-25px;
color:#7d7d7d;
right:0;
-webkit-animation: pValue 3s ease-in-out;
-moz-animation: pValue 3s ease-in-out;
animation: pValue 3s ease-in-out;
font-weight:400;
} 
.progress .progress-bar.animated-ease-in-out,
.progress .progress-bar span.value {
-webkit-transition: width 3s ease-in-out;
-moz-transition: width 3s ease-in-out;
-ms-transition: width 3s ease-in-out;
-o-transition: width 3s ease-in-out;
transition: width 3s ease-in-out;
} 
@keyframes pValue
{
0% {opacity:0}
80% {opacity:0} 
100% {opacity:1}
}

@-webkit-keyframes pValue
{
0% {opacity:0}
80% {opacity:0} 
100% {opacity:1}
}

.mini-progress.left-info {
position:relative;
}
.mini-progress.left-info .progress,
.mini-progress.left-info p.name {
margin-left:70px;
}
.mini-progress.left-info .progress {
position:inherit;
margin-bottom:30px;
} 
.mini-progress.left-info p.name {
font-weight:400;
} 
.mini-progress.left-info .progress-bar span.value {
font-size:30px;
position:absolute;
right:auto;
top:-15px;
left:-70px !important;
opacity:1 !important;
font-weight:100;
} 
/* Style 2 */
.s2-progress {}
.s2-progress .progress {
margin-bottom:0;
position:relative;
box-shadow:none;
}
.s2-progress .progress .progress-bar {
box-shadow:none;
}
.s2-progress .progress .progress-bar span.value {
position:absolute;
top:0;
font-weight:400;
right:10px;
color:#7d7d7d;
}
.s2-progress p.name {
position:relative;
bottom:-30px;
left:10px;
color:#FFF;
z-index:1;
}
/*color*/
.progress-violet {
background-color:#aa88fc;
}
.progress-violet-2 {
background-color:#9b91fc;
}
.progress-violet-3 {
background-color:#839bfd;
}
.progress-blue {
background-color:#4796fe;
} 



/*===== COUNT =====*/
.circliful {
position: relative;
text-align:center;
}
.circle-text,
.circle-info, 
.circle-text-half, 
.circle-info-half {
width: 100%;
position: absolute;
display: inline-block;
font-size:14px;
text-align:center;
}
.circle-info, 
.circle-info-half {
color: #8e8e8e;
}
.circliful .fa {
margin: 5px 3px 0 3px;
position: relative;
font-size:28px;
} 
/*===== COUNTER NUMBER =====*/
.counter-wrap {
width:100%;
display:block;
text-align:center;
padding:20px;
}
.counter-wrap i {
font-size:40px;
color:#148ac7;
margin:0 auto 20px;
display:inline-block;
position:relative;
}
.counter-wrap .info {
display:block;
width:100%;
text-align:center;
} 
.counter-wrap .counter {
font-size:30px;
color:#3d3d3d;
display:block;
}
.counter-wrap .value {
font-size:16px;
text-transform:uppercase;
margin:15px auto;
display:block;
}
.counter-wrap.square i,
.counter-wrap.circle i {
border:2px solid #e7e7e7;
width:100px;
height:100px;
line-height:100px;
}
.counter-wrap.circle i:after,
.counter-wrap.square i:after {
content:'';
position:absolute;
border:2px solid #e7e7e7;
width:100px;
height:100px;
top:50%;
left:50%;
margin:-50px 0 0 -50px;
transition:all 500ms cubic-bezier(0,.67,.47,1) 0s;
-moz-transition:all 500ms cubic-bezier(0,.67,.47,1) .0s;
-ms-transition:all 500ms cubic-bezier(0,.67,.47,1) .0s;
-webkit-transition:all 500ms cubic-bezier(0,.67,.47,1) .0s;
opacity:1;
}
.counter-wrap.circle i,
.counter-wrap.circle i:after {
border-radius:50%;
}
.counter-wrap.circle:hover i:after,
.counter-wrap.square:hover i:after {
opacity:.1;
border-width:10px;
transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-webkit-transform:scale(1.5);
} 

.counter-wrap.horizontal i {
float:left;
margin-right:10px;
}
.counter-wrap.horizontal .info {
text-align:left;
}
.counter-wrap.circle.horizontal .info,
.counter-wrap.square.horizontal .info {
margin-top:25px;
} 
/*===== Team member =====*/
.team-member {
width:100%;
display:block;
margin:20px 0;
}
.team-member .avatar {
position:relative;
width:30%;
height:auto;
border-radius:5%;
overflow:hidden;
text-align:center;
float:left;
}
.team-member .avatar.ciclre {
border-radius:50%;
} 
.team-member .avatar .mask {
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0);
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
.team-member .avatar img {
float:left;
}
.team-member .avatar .socials {
bottom:-100%;
display:block;
text-align:center;
position:absolute;
width:100%;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.team-member .avatar .zoom {
width:40px;
height:40px;
display:inline-block;
color:#FFF;
font-size:16px;
background-color:rgba(255, 255, 255,.1);
border:1px solid rgba(255, 255, 255,.2);
border-radius:3px;
line-height:40px;
text-align:center;
position:absolute;
top:-20%;
left:50%;
margin:-20px 0 0 -20px;
transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 
-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.team-member .avatar .zoom:hover {
background:#148ac7;
color:#fff;
}
.team-member .avatar:hover .zoom {
top:50%;
} 
.team-member .avatar:hover .mask {
background:rgba(0,0,0,.7);
}
.team-member .avatar:hover .socials {
bottom:10%;
}
.team-member .info {
width:70%;
float:left;
padding-left:20px;
}
.team-member .info h3 {
margin-bottom:5px;
display:block;
}
.team-member .info span.job-desc {
display:block;
width:100%;
border-bottom:1px dotted #e4e4e4;
margin-bottom:10px;
padding:5px 0 10px 0;
font-weight:500;
text-transform: uppercase;
}
.team-member .info p.desc {
width:100%;
display:block;
margin-bottom:20px;
}
.team-member.vertical .avatar,
.team-member.vertical .info {
width:100%;
padding:0;
margin-bottom:20px;
}
.team-member .mini-progress {
margin-top:20px;
}
.team-grid {
display:block;
width:100%;
margin:30px 0;
display:table-cell;
} 
.team-grid li {
width:49%;
float:left;
padding:20px 0;
border-left:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
display:table-column
} 
.team-grid li:nth-child(2n+1),
.team-grid li:first-child {
border-left:0;
text-align:right;
}
.team-grid li:last-child ,
.team-grid li:nth-last-child(2) {
border-bottom:0;
}
/* image banner */
.image-banner {
width:100%;
position:relative;
overflow:hidden;
background:#000;
}
.image-banner.rounded {
border-radius:5px;
}
.image-banner img {
float:left;
width:100%;
display:block;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
.image-banner .mask {
width:100%;
height:100%;
top:0;
left:0;
padding:20px;
position:absolute;
z-index:2;
}
.image-banner .mask .mask-inner {
width:100%;
height:100%;
background:rgba(0,0,0,.5);
border:1px solid rgba(255,255,255,0);
text-align:center;
color:#FFF;
padding:20px;
position:relative;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.image-banner:hover img {
transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
opacity:.3;
} 
.image-banner:hover .mask .mask-inner {
background:none;
border:1px solid rgba(255,255,255,.3);
} 
.image-banner .mask .mask-inner .content {
width:100%;
height:90px;
top:50%;
position:relative;
margin-top:-45px;
}
.image-banner .mask .mask-inner h2 {
color:#FFF;
text-transform:uppercase;
font-weight:bold;
font-size:22px;
line-height:22px;
border:1px solid rgba(255,255,255,.3);
background:rgba(255,255,255,.1);
padding:20px;
margin:0;
margin-bottom:10px;
}
.image-banner .mask .mask-inner span {
display:inline-block;
text-transform:uppercase;
letter-spacing:3px;
height:20px;
position:relative;
font-weight:bold;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.image-banner .mask .mask-inner span:after,
.image-banner .mask .mask-inner span:before {
position:absolute;
top:9px;
left:-15px;
width:6px;
content:'';
height:1px;
background-color:#fff;
}
.image-banner .mask .mask-inner span:before {
left:auto;
right:-15px;
}

/* banner style 2 */
.image-banner.style2 .mask .mask-inner h2 {
background:none;
border:none;
margin-bottom:0;
position:relative;
padding-bottom:15px;
}
.image-banner.style2 .mask .mask-inner .content {
top:0;
}
.image-banner.style2 .mask .mask-inner h2:after {
content:'';
height:3px;
width:20px;
left:50%;
top:90px;
position:absolute;
background:#FFF;
margin-left:-10px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.image-banner.style2:hover .mask .mask-inner h2:after {
width:120px;
margin-left:-60px;
background:#148ac7;
} 
.image-banner.style2 .mask .mask-inner h2:before {
content:'read more';
left:50%;
text-transform:uppercase;
top:120px;
font-size:12px;
text-align:center;
margin-left:-30px;
position:absolute;
opacity:0;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 

.image-banner.style2:hover .mask .mask-inner h2:before {
opacity:1;
top:95px;
}
.image-banner.style2 .mask .mask-inner {
padding:13% 0;
border:none;
border-top:15px solid rgba(255,255,255,.2);
border-bottom:15px solid rgba(255,255,255,.2);
}
.image-banner.style2 .mask {
padding:20% 0;
}
.image-banner.style2:hover .mask {
padding:18% 0;
}
.image-banner.style2:hover .mask .mask-inner {
background:rgba(0,0,0,.5);
} 
.image-banner.style2:hover img {
opacity:1;
transform:none;
}

/* banner style 3 */
.image-banner.style3 .mask {
padding:0;
}
.image-banner.style3 .mask .mask-inner {
background:#ff7171;
height:40%;
border:none;
bottom:0;
top:auto;
position:absolute;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.image-banner.style3:hover .mask .mask-inner {
height:50%;
} 
.image-banner.style3 .mask .mask-inner .content {
padding:0;
top:0;
margin:0;
}
.image-banner.style3:hover img {
transform:none;
-moz-transform:none;
-ms-transform:none;
-webkit-transform:none;
opacity:1;
margin-top:-20px;
padding-bottom:20px;
} 
/* banner style 4 */

.image-banner.style4 {
background:#ff7171;
}
.image-banner.style4 img {
opacity:.1;
}
.image-banner.style4:hover img {
opacity:0;
} 
.image-banner.style4 .mask {
padding:0;
}
.image-banner.style4 .mask .mask-inner {
background:none;
border:none;
} 

/*==========================================================
13. PAGE STYLE
==========================================================*/
.under-wrap {
position:relative;
width:100%;
height:100%;
} 
.under-wrap .pattern {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:88;
opacity:.5;
background:url(/bizdemo28592/img/images/pattern.png);
} 
.under-content {
position:absolute;
max-width:800px;
z-index:99;
color:#FFF;
} 
.under-content .btn {
margin:20px auto;
display:block;
} 
.under-content h1,
.under-content h5 {
width:100%;
text-align:center;
color:#FFF;
font-weight:100;
}
.under-content h1 {
text-transform:uppercase;
}
.under-content h5 {
opacity:.7;
} 
.under-content .logo {
margin:0 auto 20px auto;
display:block;
width:100%;
text-align:center;
}
.under-content .logo img {
position:relative;
}
.under-content .logo:after {
content:'';
width:100px;
height:2px;
left:50%;
top:77px;
margin-left:-160px;
position:absolute;
background: -moz-linear-gradient(left, rgba(126,143,253,0) 0%, rgba(126,143,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(126,143,253,0)), color-stop(100%,rgba(126,143,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e8ffd', endColorstr='#7e8ffd',GradientType=1 ); /* IE6-9 */
}
.under-content .logo:before {
content:'';
width:100px;
height:2px;
right:50%;
top:77px;
margin-right:-160px;
position:absolute;
background: -moz-linear-gradient(right, rgba(126,143,253,0) 0%, rgba(126,143,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(126,143,253,0)), color-stop(100%,rgba(126,143,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(right, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* IE10+ */
background: linear-gradient(to left, rgba(126,143,253,0) 0%,rgba(126,143,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e8ffd', endColorstr='#7e8ffd',GradientType=1 ); /* IE6-9 */
}

.bottom-info {
width:300px;
position:absolute;
left:50%;
bottom:30px;
margin:0 0 0 -150px;
z-index:90;
text-align:center;
color:#FFF;
text-align:center;
}
.bottom-info p {
margin:20px auto;
opacity:.7;
} 
div.newsletter {
display: table;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(255,255,255,.2);
background: rgba(255,255,255,.05);
padding: 3px;
margin:20px auto 0;
}

div.email-wrapper {
float: left;
}

div.email-wrapper input[type=text] {
background:none;
padding: 10px 15px;
border:none;
color: #9f9e9e;

}

div.submit-wrapper {
float: right;
margin-left: 10px;
}

div.submit-wrapper input[type=submit] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 24px;
color: white;
background: #5CB85C; 
cursor: pointer;
border:none;
}

div.submit-wrapper input[type=submit]:hover,
div.submit-wrapper input[type=submit]:active {
background: #66c975; 
}

/* Single image */
.under-wrap.single-image {
background:url(/bizdemo28592/img/placeholders/backgrounds/bg-6.jpg) top center no-repeat;
background-size:cover;
}
.under-wrap.single-image .pattern {
background-color:rgba(0,0,0,.4);
opacity:1;
}
/* Slide image */
.under-wrap.slide-images,
.under-wrap.video-background {
overflow:hidden;
position:relative;
}
.under-wrap.slide-images #under-slides {
background:#000000;
}
.under-wrap.slide-images #under-slides img {
opacity:.4
} 
/* Video background */ 
.under-wrap.video-background .pattern {
background-color:rgba(86,61,130,.8);
}
/* Parallax background */
.under-wrap.parallax-bg {
overflow:hidden;
height:100%;
width:100%;
}

@keyframes lighthouse {
0% {
transform: rotateZ(0deg) translate3d(0px, 20%, 0px) rotateZ(0deg);
}
100% {
transform: rotateZ(360deg) translate3d(0px, 20%, 0px) rotateZ(-360deg);
}
}
@-moz-keyframes lighthouse {
0% {
transform: rotateZ(0deg) translate3d(0px, 20%, 0px) rotateZ(0deg);
}
100% {
transform: rotateZ(360deg) translate3d(0px, 20%, 0px) rotateZ(-360deg);
}
}

@-webkit-keyframes lighthouse {
0% {
transform: rotateZ(0deg) translate3d(0px, 20%, 0px) rotateZ(0deg);
}
100% {
transform: rotateZ(360deg) translate3d(0px, 20%, 0px) rotateZ(-360deg);
}
}

#parallax-content {
width: 100%;
height:100%;
position:absolute;
margin: 0 auto;
padding: 0;
z-index:-1;
}
.under-wrap.parallax-bg .main-bg {
background:url(/bizdemo28592/img/placeholders/backgrounds/5.jpg);
background-size:cover;
opacity:1;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:-2;
}
.lighthouse {
background:url(http://noisacco.fr/future-tf/assets/img/midground.png) repeat ;
animation: 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s none infinite lighthouse;
position: absolute;
transform-origin: 50% 90% 0;
width:100%;
height:100%
}

.layer:nth-child(1) {
opacity:.3;
background:url(/bizdemo28592/img/placeholders/backgrounds/5.jpg);
background-size:cover;
position:absolute
}

.layer:nth-child(2) {
opacity: 0.30;
}

.layer:nth-child(3) {
opacity: 0.45;
background:url(http://noisacco.fr/future-tf/assets/img/foreground.png) repeat 90% 110%;
}


#goole-map {
height:600px;
width:100%;
margin:0;
padding:0;
}
#map{
width:100%;
height:100%;
}
.contact-wrap {
display:block;
width:100%;
margin-top:30px;
} 
.contact-wrap .input-block {
width:32%;
float:left;
margin-right:2%;
}
.contact-wrap .input-block.end {
margin-right:0;
} 
.contact-wrap label {
font-weight:400;
color:#3d3d3d;
} 
.contact-wrap label,
.contact-wrap input,
.contact-wrap textarea {
width:100%;
margin-bottom:10px;
}
.contact-wrap textarea {
min-height:280px;
} 
.contact-wrap span {
font-weight:bold;
color:#F00;
} 
/*=====ERROR 404====*/ 
#error404 {
text-align:center;
width:100%;
height:650px;
position:relative;
}
#error404 h1 {
font-size:60px;
font-weight:bold;
color:#3d3d3d;
margin:30px 0 ;
text-transform:uppercase;
}
#error404 h2 {
font-weight:100;
font-size:40px;
font-family: 'Roboto', sans-serif;
} 
#error404 p {
margin:30px 0;
}
/* ================ The Timeline ================ */
.timeline {
position: relative;
width: 900px;
margin: 0 auto;
margin-top: 20px;
padding: 1em 0;
list-style-type: none;
}
.timeline:before {
position: absolute;
left: 50%;
top: 0;
content: ' ';
display: block;
width: 1px;
height: 100%;
opacity:.2;
margin-left: -3px;
background: rgb(80,80,80);
background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
z-index: 1;
}
.timeline li {
padding: 1em 0;
}
.timeline li:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.direction-l {
position: relative;
width: 414px;
float: left;
text-align: right;
}
.direction-r {
position: relative;
width: 418px;
float: right;
}
.flag-wrapper {
position: relative;
display: inline-block;

text-align: center;
}
.flag {
position: relative;
display: inline;
background: #f2f2f2;
padding: 6px 10px;
border-radius: 5px;
font-weight: 700;
text-align: left;
color:#7d7d7d;
display:block;
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: 50%;
right: -40px;
content: ' ';
display: block;
width: 12px;
height: 12px;
margin-top: -7px;
background: #fff;
border-radius: 10px;
border: 4px solid #148ac7;
z-index: 10;
}
.direction-r .flag:before {
left: -40px;
}
.direction-l .flag:after {
content: "";
position: absolute;
left: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -5px;
border: solid transparent;
border-left-color: #f2f2f2;
border-width: 5px;
pointer-events: none;
}
.direction-r .flag:after {
content: "";
position: absolute;
right: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -5px;
border: solid transparent;
border-right-color: #f2f2f2;
border-width: 5px;
pointer-events: none;
}
.time-wrapper {
display: inline;
line-height: 1em;
vertical-align: middle;
}
.direction-l .time-wrapper {
float: right;
}
.direction-r .time-wrapper {
float: left;
}
.time {
display: inline-block;
padding: 6px 3px;
color:#c0c0c0;
}
.desc {
margin: 1em 0 0 0;
line-height: 1.5em;
}
.direction-r .desc {
margin: 1em 0 0 0;
}
/* ================ Timeline Media Queries ================ */
@media screen and (max-width: 660px) {
.timeline {
width: 100%;
padding: 4em 0 1em 0;
}
.timeline li {
padding: 2em 0;
}
.direction-l,
.direction-r {
float: none;
width: 100%;
text-align: center;
}
.flag-wrapper {
text-align: center;
}
.flag {
background: rgb(255,255,255);
z-index: 15;
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: -30px;
left: 50%;
content: ' ';
display: block;
width: 12px;
height: 12px;
margin-left: -9px;
background: #fff;
border-radius: 10px;
z-index: 10;
}
.direction-l .flag:after,
.direction-r .flag:after {
content: "";
position: absolute;
left: 50%;
top: -8px;
height: 0;
width: 0;
margin-left: -8px;
border: solid transparent;
border-bottom-color: rgb(255,255,255);
border-width: 8px;
pointer-events: none;
}
.time-wrapper {
display: block;
position: relative;
margin: 4px 0 0 0;
z-index: 14;
background:#fff;
}
.direction-l .time-wrapper {
float: none;
}
.direction-r .time-wrapper {
float: none;
}
.desc {
position: relative;
margin: 1em 0 0 0;
padding: 1em;
background: rgb(245,245,245);
z-index: 15;
}
.direction-l .desc,
.direction-r .desc {
position: relative;
margin: 1em 1em 0 1em;
padding: 1em;

z-index: 15;
}
}
@media screen and (min-width: 400px ?? max-width: 660px) {
.direction-l .desc,
.direction-r .desc {
margin: 1em 4em 0 4em;
}
} 
/*==========================================================
14. GALLERY STYLE
==========================================================*/ 
/* Galery Carousel */
.g-carousel .item {
margin:0 2px;
}
.g-carousel.two-row .item .p-item {
margin-bottom:4px;
}
.g-carousel.two-row .item .p-item:last-child {
margin-bottom:0;
}
.g-carousel.no-space .item,
.g-carousel.no-space .item .p-item:first-child {
margin:0;
}
.g-carousel .pthumb {
border-radius:0;
}
.g-carousel .pthumb .mask h3 {
font-size:14px;
}
.g-carousel .pthumb .mask i.view {
top:-20%;
left:50%;
margin:-25px 0 0 -25px;
}
.g-carousel .pthumb .mask:hover i.view {
top:50%;
} 
.g-carousel.owl-theme {
overflow:hidden;
}
.g-carousel.owl-theme .owl-controls .owl-buttons div {
position: absolute;
z-index:999;
height:100%;
top:5px;
border-radius:0;
background:rgba(0,0,0,.8);
color:#fff;
opacity:0;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.g-carousel.owl-theme .owl-controls .owl-buttons div:hover {
background-color:#148ac7;
}
.g-carousel.owl-theme .owl-controls .owl-buttons div i {
font-size:30px;
position:relative;
top:48%;
margin-top:-50px;
display:inline-block;
width:30px;
height:30px;
} 
.g-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{
left: -50px;
}
.g-carousel.owl-theme .owl-controls .owl-buttons .owl-next{
right: -50px;
}
.g-carousel.owl-theme:hover .owl-controls .owl-buttons .owl-prev{
left: -5px;
opacity:1;
}
.g-carousel.owl-theme:hover .owl-controls .owl-buttons .owl-next{
right: -5px;
opacity:1;
}
/* Grid gallery */
.grid-gallery {
width:100%;
}
/* clear fix */
.grid-gallery:after {
content: '';
display: block;
clear: both;
}

/* ---- .grid-gallery > li ---- */

.grid-gallery li {
float: left;
width:125px;
padding:0 5px 5px 0;
transition:all ease-in-out .8s;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
.grid-gallery li .pthumb {
border-radius:3px;
}
.grid-gallery li .pthumb .mask i {
top:-20%;
left:50%;
margin:-20px 0 0 -20px;
width:40px;
height:40px;
line-height:40px;
}
.grid-gallery li .pthumb .mask:hover i {
top:50%;
}
.grid-gallery li img {
float:left;
}
.grid-gallery li > * {
margin: 0;
padding: 0;
}
.grid-gallery li.large {
width:250px;
}

/* 5 column */

.grid-gallery.five-col li {
width:20%;
}
.grid-gallery.five-col li.large {
width:40%;
}
/* 4 column */
.grid-gallery.four-col li {
width:25%;
}
.grid-gallery.four-col li.large {
width:50%;
}
/* Slide wwith content */
.single-gallery.content-slide li {
position:relative;
}
.single-gallery.content-slide .slide-desc {
position:absolute;
bottom:20px;
left:20px;
max-width:50%;
background:rgba(0,0,0,.2);
padding:20px;
color:#fff;
}
.single-gallery.content-slide .slide-desc h3 {
font-weight:700;
color:#fff;
text-transform:uppercase;
} 
.single-gallery img,
#preview li img,
#thumb li img {
width:100%;
display:block;
} 
#preview li,
#thumb li {
margin: 5px;
overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#thumb li {
background: #148ac7;
cursor: pointer;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
opacity:.7;
}
#thumb li:hover,
#thumb .active li {
opacity:1;
}

/* custom owl carousel */ 
.nav-inside.owl-theme .owl-controls .owl-buttons div {
margin:-25px 0 0 0;
opacity:1;
width:100%;
position: absolute;
padding:9px 10px;
width:100px;
border-radius:3px;
width:50px;
height:50px;
background: rgba(0,0,0,.2);
top: 50%;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
}
.nav-inside.owl-theme .owl-controls .owl-buttons div:hover {
background: #148ac7;
} 
.nav-inside.owl-theme .owl-controls .owl-buttons div i {
color:#fff;
line-height: 30px;
font-size: 20px;
} 
.nav-inside.owl-theme .owl-controls .owl-buttons .owl-prev {
left: -15px;
opacity:0;
}
.nav-inside.owl-theme .owl-controls .owl-buttons .owl-next {
right:-15px;
opacity:0;
}
.nav-inside.owl-theme:hover .owl-controls .owl-buttons .owl-prev {
left: 15px;
opacity:1;
}
.nav-inside.owl-theme:hover .owl-controls .owl-buttons .owl-next {
right:15px;
opacity:1;
}
.text-heading .spans {max-width:100%;}


@media all and (max-width:640px){

.company {width:100%;height:auto;}

.trading {width:250px;height:200px;}
.float {width:100%;}
.float_clear{width:250px; margin:0 auto;}


}
.row {padding:0px 3px;}

</style>

{{$topmenu}}


<div class="page-header title-center subbg_02">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="hhh">COOPERATIVE FIRM</h1>
<ul class="breadcrumb">
<li><a href="../main/main.php">Home</a></li>
<li><a href="#">Cooperative firm</a></li>
<!-- <li><a href="#">UJ : Trading</a></li>-->
</ul> 
</div>
</div>
</div>
</div>



<div id="main">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div class="row">
<!--º»¹®-->

<div class="col-lg-12 col-md-9 col-sm-9 col-xs-12">
<div class="row">

<div class="text-heading large-head">
<h1>Cooperative Firm</h1>
<span class="spans">
The Korean film industry has been achieved dynamic growth, highly appreciated to recent Korean waves in the international cultural media markets.
For the past 10 years, the size of the Korean movie market has grown to rank at 7th place in the world. It is well-known that exporting a single successful movie can generate an economic effect equivalent to exporting 100,000 cars. 
Today the Korean cultural contents industry has reached KRW 100 trillion. 
In response to such trend, UJ established its subsidiary, Pictures Zakdang co., ltd in 2007. 
Zakdang has participated and invested in the production of numerous movies and musicals. It has provided cultural contents of high quality through different channels and has contributed to the development of the Korean cultural media industry. 
</span>
</div>

<div class="col-lg-12 col-md-9 col-sm-9 col-xs-12">
<div class="row">
<div class="text-heading pattern"><h3 class="vision"><span class="vision2"></span></h3></div>

<div class="float_clear">

<div class="float">
<img src="../img/uj_img/glogo.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>
<div class="float">
<img src="../img/uj_img/glogo2.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>
<div class="float">
<img src="../img/uj_img/glogo3.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>

</div>

<div class="float_clear">

<div class="float">
<img src="../img/uj_img/glogo4.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>
<div class="float">
<img src="../img/uj_img/glogo5.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>
<div class="float">
<img src="../img/uj_img/glogo6.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>

</div>

<div class="float_clear">

<div class="float">
<img src="../img/uj_img/glogo7.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>
<div class="float">
<img src="../img/uj_img/glogo8.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>
<div class="float">
<img src="../img/uj_img/glogo9.png" alt="trading" class="trading">
<p style="margin-top:15px;font-size:14px;text-align:center;">Pleas complete your text box</p>
</div>

</div>

</div>
</div>


</div>
<br>
<div class="row">
</div>
</div>




<br><br><br>


<!--º»¹® ³¡-->

</div>
</div>

{{$rightmenu}}

</div><!--end:row-->
</div><!--end:container--> 
</div><!--end:main-->




{{$footer}}