/*==============================================================================

    CONTENTS:

    

    1. CSS RESET.

    2. SITE PRELOADER.

    3. HEADER STYLE:

        3.1. Top bar.

        3.2. Main menu.

        3.3. Top Search.

        3.4. Top Cart.

        3.5. Header Styles.

    4. PAGE TITLES.

    5. FORM CONRTOLS.

    6. SHORTCODES.

    	6.1. Headings

    	6.2. Dividers

    	6.3. Icon Boxes

    	6.4. Tabs

    	6.5. Accordions

    	6.6. Progress Bars

    	6.7. Circliful Charts

    	6.8. CTA

    	6.9. Team Boxes

    	6.10. Pricing Tables

    	6.11. Testimonials

    	6.12. Pagination

    	6.13. Message Boxes

    7. PAGE SPECIFIC STYLES:

        widgets.

		login.

		coming soon.

		404 not found.

		portfolio.

		About.

		Site Map.

		Blog.

		Shop.

    8. FOOTER.

    	8.1. Footer 1.

    	8.2. Footer 2.

    	8.3. Footer 3.

    	8.4. Footer 4.

    	8.5. Footer Light.

    	8.6. Footer Minimal.

    	8.7. Fixed Footer.

    9. HOME ELEMENTS.

    10. TYPOGRAPHY.

    11. IMPORTANT CLASSES.

    12. SHAPES.

    13. BOXED MODE.

    14. RESPONSIVE DESIGN.



/* ==========================================================================

  1. CSS RESET

============================================================================= */



@font-face {

    font-family: 'brandon_textlight';

    src: url('..assets/font/hvd_fonts_-_brandontext-light-webfont.woff2') format('woff2'),

         url('..assets/fonthvd_fonts_-_brandontext-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



html{

	-webkit-font-smoothing: antialiased;

	-webkit-tap-highlight-color: transparent;

}

body {

	font-family:"Open Sans",sans-serif;

	line-height:1.5;

	-webkit-font-smoothing: antialiased;

	font-size: 15px;

   

}

p {

	margin: 0 0 20px 0;

	line-height: 1.5;

}

dd, dt, dl, ul, li {

	margin:0;

	padding:0;

	list-style:none;

}



 ol, li {

	 list-style:decimal;

	 margin: 0 10px 0 0;

	 padding-right:10px;

	 line-height:2em;	

 }



 

 

a {

	text-decoration:none;

	

}

.main-bg a,.main-bg a:hover,.btn.main-bg:focus{

	color:#fff

}

a:focus, a:hover {

	text-decoration:none;

}

a:focus{

	outline:none;

}

h1, h2, h3, h4, h5, h6 {

	/* font-weight:600; */

	line-height:1.5;

	/* margin:0 0 30px; */

}

h5, h6 {margin-bottom:20px;font-weight:700}



:active,:focus {

	outline:0 !important;

}

.hidden,.nl-note{

	display:none

}

table {

	width: 100%;

	border-spacing: 0;

	border-collapse: collapse;

	margin-bottom:15px

}

th, td, caption {padding: 10px;}

img {

	max-width:100%;

	vertical-align:middle;

	border:0;

	    margin-right: 15px;

}

iframe {

	border:none !important;

}

.relative, .tp-banner-container {

	position:relative;

	z-index:1

}

.fx{

	opacity:0

}

.animated{

	opacity:1;

}

.pos-static{

	position:static !important

}

.tp-caption.Newspaper-Title, .Newspaper-Title,.tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle,.erinyen .tp-tab-desc,.tp-caption.Newspaper-Button, .Newspaper-Button,.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered{

	font-family:inherit !important

}

.section {

	padding: 30px 0;

	position:relative;

	overflow:hidden;

	clear:both

}

.section a{

	color:#039;

	text-decoration:none;

}

.section:after{

	display:table;

	content:"";

	clear:both;

}

.lg-banner{

	position:relative

}

.lg-banner > .container{

	display:table

}

.banner-content{

	position:relative;

	z-index:9;

	display:table-cell;

	vertical-align:middle

}

.banner-slick h1{

	margin-bottom:20px

}

.banner-content hr.custom-hr{

	border-top:1px solid rgba(255,255,255,.3);

}

.pageWrapper {

	position:relative;

	z-index:1;

}

.login-page .pageWrapper, .login-page #contentWrapper,.soon-page .pageWrapper, .soon-page #contentWrapper{

	background:transparent

}

#contentWrapper,.fullscreen-container,.modal-content{

	overflow:hidden

}

.modal-header {

	padding: 10px 15px;

}

.modal-header h4{

	color:#fff

}

.modal-content {

	border: 7px solid rgba(255, 255, 255, 0.4);

	-webkit-box-shadow: none;

	box-shadow: none;

}

.modal-header .close {

	font-size: 32px;

	line-height: 23px;

}

.login-popup{

	width:300px;

	border-radius:0px;

	padding:20px !important;

	margin:0;

	border:0

}

.dropdown.open .login-popup{

	margin-top:10px !important

}

.login-popup.black-bg:after{

	position:absolute;

	left:30px;

	top:-6px;

	content:"";

	display:inline-block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 6px 6px 6px;

	border-color: transparent transparent #333 transparent;

}



/* =========================================================================

	2.SITE PRELOADER.

============================================================================ */

.page-loader {

	position: fixed;

	z-index: 999999;

	width: 100%;

	height: 100%;

	background: #fff;

	top:0;

	left:0

}

.page-loader .inner-l {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top:-30px;

	margin-left:-30px;

	width: 60px;

	height: 60px;

}

.page-loader span {

	position:absolute;

	width:50px;

	height:50px;

	border: 5px solid #ddd;

	border-radius:999px;

	animation: radar 2s infinite linear;

	opacity: 0;

}



.page-loader span:nth-child(1) {

	animation-delay: 0s;

}	

.page-loader span:nth-child(2) {

	animation-delay: 0.66s;

}

.page-loader span:nth-child(3) {

	animation-delay: 1.33s;

}



/* =========================================================================

	3.HEADER STYLE.

============================================================================ */

/*

-------------- 3.1. Top bar. ------------- */

.top-bar {

	min-height: 35px;

	padding:10px 0

}

.top-bar ul li {

	float: left;

	line-height: 30px;

	position:relative;

	padding: 0 15px;

	font-size:11px

}

.top-bar ul ul li{

	float:none;

	line-height:normal;

}

.dropdown-menu {

	min-width: 160px;

	padding: 0;

	margin: 0;

	border: 1px solid rgba(0,0,0,.09) !important;

	border-radius: 0px;

}

.top-bar ul ul li:first-child a{

	border-top:0

}

.top-bar ul li i {

	margin-right: 5px;

}

.top-bar ul > li > a {

	text-transform: uppercase;

	display:block;

	margin: 0 -15px;

	padding: 0 15px;

}

.top-bar ul:not(.social-list) > li li a{

	border-radius:0

}



.top-bar ul.social-list li:first-child a,.top-bar ul.social-list li:last-child a{

	width:35px

}

.bar-menu li a {

	font-size: 11px;

	text-transform: uppercase;

}

.top-bar .alter-bg.social-list li a:hover{

	background:rgba(0,0,0,.2) !important

}

.top-bar .alter-bg.social-list li a:after{

	color:#eee !important;

}

.middle-ul{

	margin:0 10px;

	overflow:hidden

}

.top-bar .center-tbl ul{

	float:left

}

.top-bar .social-list{

	overflow:hidden

}

.top-bar .social-list li{

	margin:0;

	padding:0

}

.top-bar .social-list li a{

	height:30px;

	width:30px;

	line-height:30px

}

.top-bar.main-bg li.dropdown ul li a{

	border-top-color :rgba(255,255,255,.3)

}

.top-bar .social-list li a{

	border-radius:0px;

	margin:0;

	padding:0

}

.top-bar ul ul li{

	line-height:normal;

}

.top-bar ul ul li a{

	line-height:normal;

	padding:10px 15px

}

.top-bar ul li a b{

	font-weight:normal;

	font-size: 10px;

	margin: 10px 0 0 5px;

}

.currency ul,.language ul{

	min-width:80px !important

}

.login-ul input[type=text], .login-ul input[type=email], .login-ul input[type=password], .login-ul select, .login-ul input[type=file]{

	height:40px

}



.top-border {

	height:3px;

}

.top-head:after{

	clear:both;

	display:table;

	content:" ";

}

.top-head .container {

	position:relative;

	/* display:table; */

	height:100%;

}

.tbl-row{

	display:table-row;

	height:100%

}

.responsive-nav{

	display:table-cell;

	vertical-align:middle;

	height:100%;

	/* padding-top: 18px; */

}

.full.responsive-nav{

	display:block

}

.no-lines:before,.no-lines:after{

	display:none !important

}

.top-head .logo {

	position:relative;

	display:table-cell;

	vertical-align:middle;

}

.top-head.boxed-transparent .logo {

	height:100%

}

.top-head.boxed-transparent .logo:before {

	position:absolute;

	right:0;

	bottom:-1px;

	display:inline-block;

	content:"";

	height:1px;

	width:100%;

	animation:move .5s normal forwards ease-in-out;

	animation-delay:1s;

	-webkit-animation-delay:1s;

	transform-origin:right top;

	transform:scale(0);

	-webkit-transform:scale(0);

	-moz-transform:scale(0);

	-ms-transform:scale(0);

}

.top-head .logo a {

	display:table-cell;

	vertical-align:middle

}

.top-head.transparent {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	border-bottom: 1px rgba(255,255,255,.2) solid;

	z-index: 99;

	background: transparent;

}

.top-head.fixed-head {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	z-index:99;

	border-bottom:0 ;

}

.top-head.fluid.transparent {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:auto;

	z-index:99;

	border-bottom:1px rgba(0,0,0, 0.2) solid;

}

.top-head.fluid.transparent .logo {

	border-right:1px rgba(0,0,0 ,0.2) solid;

}

.top-head.fluid .transparent.dark .logo {

	border-right:1px rgba(255,255,255,0.2 ) solid;

	padding-right:20px;

}

.top-head.fluid.transparent.dark {

	border-bottom:1px rgba(255 ,255,255,0.2) solid;

}

.top-head.boxed-transparent {

	position:fixed;

	top:20px;

	left:0;

	width:100%;

	height:auto;

	z-index:99;

	background-color:transparent;

	border-bottom:0;

}

.top-head.boxed-transparent > .container {

	border:1px rgba(0,0,0,0.2) solid;

	padding: 0 30px 0 0;

	border-bottom-right-radius: 7em;

	border-top-right-radius: 7em;

}

.top-head.boxed-transparent.dark > .container {

	border: 1px rgba(255,255,255,0.4) solid;

}

.top-head.boxed-transparent .logo {

	padding-left: 30px;

}

.top-head.boxed-transparent > .container .head-srch-cart{

	margin-right:-30px

}

.top-head.boxed-transparent .lft-line {

	position:absolute;

	left:0px;

	bottom:0;

	display:inline-block;

	content:"";

	height:100%;

	width:1px;

	animation:move 0.4s normal forwards ease-in-out;

	animation-delay:1.4s;

	transform-origin:bottom left;

	transform:scale(0);

	-webkit-transform:scale(0);

	-moz-transform:scale(0);

	-ms-transform:scale(0);

}

.top-head.boxed-transparent .bot-line {

	position:absolute;

	left:0;

	top:-1px;

	display:inline-block;

	content:"";

	height:1px;

	animation:move .7s normal forwards ease-in-out;

	animation-delay:1.7s;

	transform-origin:left bottom;

	transform:scale(0);

	-webkit-transform:scale(0);

	-moz-transform:scale(0);

	-ms-transform:scale(0);

}

.top-head.transparent .top-nav > ul > li{

	padding-left:0;

	padding-right:0;

	margin:0 15px

}

.top-head.transparent .top-nav > ul > li:hover{

	background:transparent

}

.top-head.boxed-transparent .top-nav > ul > li:hover{

	background:transparent

}

.top-head.semi-light{

	background-color:rgba(255,255,255,.3);

}

.top-head .container.semi-light{

	background-color:rgba(255,255,255,.3);

}

.top-head.semi-dark{

	background-color:rgba(0,0,0,.3);

}

.top-head .container.semi-dark{

	background-color:rgba(0,0,0,.3);

}



/*

------------- 2. header 2 -------------- */

.top-head.header-2 .top-nav > ul > li > a,.top-head.header-2 .top-nav > ul > li > span > a {

	font-size:12px

}

.top-head.transparent.header-2 .top-nav > ul > li, .top-head.transparent.header-2 .top-search, .top-head.transparent.header-2 .top-cart {

	border-left-color: rgba(255,255,255,.2);

}

.top-head.transparent.header-2 .top-cart {

	border-right-color: rgba(255,255,255,.2);

}

.top-head.header-2 .top-nav > ul > li{

	padding: 20px 10px 20px 0;

}

.top-head.header-2 .top-nav > ul > li > a,.top-head.header-2 .top-nav > ul > li > span > a{

	padding: 0 13px;

	line-height: 35px;

}

.top-head.header-2 .top-search,.top-head.header-2 .top-cart {

	padding: 0;

	margin: 20px 0 0 10px;

	position:relative;

}

.top-head.header-2 .top-search > a,.top-head.header-2 .top-cart > a{

	padding: 0 15px;

	display:block;

	position:relative;

	line-height: 35px;

}

.top-head.header-2 .top-search > a:before,.top-head.header-2 .top-cart > a:before{

	position:absolute;

	width:90%;

	height:90%;

	left:5%;

	top:5%;

	content:"";

	display:inline-block;

	-moz-transform: scale(1.8);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	-webkit-transform: scale(1.8);

	transform: scale(0);

	opacity:0;

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

	-ms-transition:all 0.3s ease 0s;

	-o-transition:all 0.3s ease 0s;

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

	transition:all 0.3s ease 0s ;

	z-index:1;

}

.top-head.header-2 .top-search > a:hover:before,.top-head.header-2 .top-cart > a:hover:before{

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

	opacity:1

}

.top-head.header-2 .top-search > a > span,.top-head.header-2 .top-cart > a > span{

	position:relative;

	z-index:2

}

.top-head.header-2 .top-cart > a > i{

	z-index:2

}

.top-head.header-2 .top-search > a:hover span,.top-head.header-2 .top-cart > a:hover span{

	color:#fff;

}

.top-head.header-2 .top-cart .cart-box{

	margin-top:20px

}

.top-head.header-2 .top-cart .cart-num{

	top: 3px;

	right:6px

}

.top-head.header-2 .top-cart > a,.top-head.header-2 .top-search > a {

	margin: 0;

}

.top-head.header-2 .top-nav > ul > li:hover{

	background:transparent

}

.top-head.header-2 .top-nav > ul > li:hover > a > span:after,.top-head.header-2 .top-nav > ul > li:hover > a:after,.top-head.header-2 .top-nav > ul > li:hover > span > a > span:after,.top-head.header-2 .top-nav > ul > li:hover > span > a:after{

	color:#fff

}



/*

------------- 3. header 3 -------------- */

.top-head.header-3, .top-head.header-4 {

	padding: 15px 0 0;

}

.top-head.header-3 .logo {

	display: table;

	margin: 0 auto;

	float: none;

	border: 0;

	padding:15px 0

}

.top-head.header-3 .logo:before, .top-head.header-4 .logo:before {

	display: none;

}

.top-head.header-3 .container {

	height: auto;

}

.top-head.header-3 .full, .top-head.header-4 .full {

	display: table;

	margin: 15px auto 0;

	clear: both;

}

.top-head.header-3 .container, .top-head.header-3 .top-search, .top-head.header-4 .container, .top-head.header-4 .top-search {

	height: auto;

}

.top-head.header-3 .top-search, .top-head.header-4 .top-search {

	border-left: 0;

}

.top-head.header-3 .top-nav > ul > li,.top-head.header-3 .top-search,.top-head.header-4 .top-nav > ul > li{

	padding:10px 15px 20px

}

.top-head.header-3 .top-cart{

	padding:10px 0 20px

}

.top-head.header-3 .top-nav > ul > li:hover,.top-head.header-4 .top-nav > ul > li:hover,.top-head.header-5 .top-nav > ul > li:hover,.top-head.header-6 .top-nav > ul > li:hover{

	background:transparent

}



/*

------------- 4. header 4 -------------- */

.top-head.header-4 .top-search {

	float: right;

	padding: 7px 7px 7px 12px;

	margin: 8px 0 0;

}

.top-head.header-4 .top-cart {

	padding:20px 0 0 10px

}

.top-head.header-4 .top-cart .cart-box{

	margin-top: 25px;

}

.top-head.header-4 .top-search button {

	margin:-7px -7px -7px 0;

	padding: 7px 15px;

}

.top-head.header-4 .top-search input[type=text] {

	border: 0;

	font-size: 11px;

	width: 400px;

	height:auto;

	padding:0

}

.top-head.header-4.shop-head{

	padding-top:0

}

.top-shop-links{

	font-size:11px;

	margin-top:9px;

	margin-right:25px

}

.top-shop-links a{

	display:inline-block;

	padding:10px;

}

.top-shop-links a i{

	margin-right:7px

}

.top-shop-section .container{

	padding-right:25px;

	padding-left:25px

}

.top-shop-section [class*="col-md-"]{

	padding-left:5px;

	padding-right:5px

}

.top-head.header-3.sticky-nav .full, .top-head.header-4.sticky-nav .full{

	margin:0 auto

}

/*

------------- 5. header 5 -------------- */

.top-head.header-5 .top-search, .top-head.header-6 .top-search {

	border-left: 0px;

	position: relative;

}

.top-head.header-5 .top-search > a, .top-head.header-5 .top-cart > a {

	line-height: 33px;

	width: 33px;

	height: 33px;

	text-align: center;

	display: block;

	position: relative;

}

.top-head.header-5 .top-cart .cart-num {

	position: absolute;

	top: -3px;

	right: 0;

	left: auto;

}

.top-head.header-5 .bx-search .search-box button {

	background-color: transparent;

}

.top-head.header-5 .top-nav > ul > li > a {

	position: relative;

}

.top-head.header-5 .top-nav > ul > li:before,.top-head.header-5 .top-nav > ul > li .inner-mega:before {

	width: 0;

	position: absolute;

	bottom: 1px;

	left: 50%;

	height: 1px;

	content: "";

	display: inline-block;

}

.top-head.header-5 .top-nav > ul > li:hover:before,.top-head.header-5 .top-nav > ul > li:hover .inner-mega:before,.top-head.header-5 .top-nav > ul > li.selected .inner-mega:before,.top-head.header-5 .top-nav > ul > li.selected:before {

	width: 100%;

	left: 0;

}

.top-head.header-5 .top-nav > ul > li.mega-menu:before{

	display:none

}

.top-head.header-5 .top-search{

	padding: 23px 0;

}

.top-head.header-5 .top-cart{

	padding: 23px 0 23px  10px;

}



/*

------------- 6. header 6 -------------- */

.top-head.header-6 .top-nav > ul > li > a,.top-head.header-6 .top-nav > ul > li > span > a {

	line-height: 1;

	position: relative;

	display: block;

	margin: -30px -15px;

	padding: 30px 15px;

}

.top-head.header-6 .top-nav > ul > li > a > i,.top-head.header-6 .top-nav > ul > li > span > a > i {

	display: block;

	text-align: center;

	padding: 0 0 10px;

	font-size: 14px;

}

.top-head.header-6 .top-nav > ul > li:hover > a,.top-head.header-6 .top-nav > ul > li:hover > span > a {

	text-shadow: 1px 1px 1px rgba(0,0,0,.2);

}

.top-head.header-6 .top-nav > ul > li:before,.top-head.header-6 .top-nav > ul > li .inner-mega:before {

	position: absolute;

	bottom: 0;

	left: 0;

	height: 0;

	content: "";

	display: inline-block;

	width: 100%;

	background-color: transparent;

	z-index: 0;

}

.top-head.header-6 .top-nav > ul > li:hover:before,.top-head.header-6 .top-nav > ul > li:hover .inner-mega:before {

	height: 95%;

}

.top-head.header-6 .top-nav > ul > li .inner-mega{

	margin-left:-15px;

	margin-right:-15px;

	padding-left:15px;

	padding-right:15px

}

.top-head.header-6 .top-nav > ul > li > a:before,.top-head.header-6 .top-nav > ul > li > span > a:before {

	position: absolute;

	top: -10px;

	left: 0;

	height: 2px;

	content: "";

	display: inline-block;

	width: 100%;

	background-color: transparent;

	opacity:0

}

.top-head.header-6 .top-nav > ul > li:hover > a:before,.top-head.header-6 .top-nav > ul > li:hover > span > a:before {

	top: 1px;

	opacity:1

}

.top-head.header-6 .top-nav > ul > li.mega-menu:before {

	display: none;

}

.top-head.header-6 .top-nav > ul > li.hasChildren:hover > a:after,.top-head.header-6 .top-nav > ul > li:hover .inner-mega a,.top-head.header-6 .top-nav > ul > li:hover .inner-mega a:after{

	color:#fff

}

.top-head.header-6 .top-search {

	padding: 32px 0 26px 15px;

}

.top-head.header-6 .top-search > a{

	padding: 12px;

}

.top-head.header-6 .top-cart {

	padding: 32px 0 26px 10px;

}

.top-head.header-6 .top-cart > a {

	padding: 12px;

	display: block;

	line-height: 1;

}

.top-head.header-6 .top-cart > a .cart-num{

	top: -4px;

	right: -4px;

}

/*

------------- 7. header 7 -------------- */

.up-head{

	padding: 20px 0;

	position:relative;

	display: table;

	width: 100%;

}

.up-head:after{

	display:table;

	clear:both;

	content:""

}

.top-head.header-7 .logo:before {

	display: none;

}

.top-head.header-7 .up-head {

	padding: 10px 0;

}

.top-head .full.main-bg {

	display: block;

}

.top-head .full.main-bg .top-nav {

	display: table;

	/* float: none; */

	float: left;

	/* margin: auto; */

}

.top-head .full.main-bg .top-nav > ul > li {

	padding:15px 10px;

	list-style: none;

}

.top-head .full.main-bg .top-nav > ul > li > a,.top-head .full.main-bg .top-nav > ul > li > span > a{

	font-weight:normal

}

.top-head .full.main-bg .top-nav > ul > li:hover > a span:after,.top-head .full.main-bg .top-nav > ul > li:hover > span > a span:after{

	color:#fff

}

.top-head.header-7 .top-search {

	float: right;

	border-radius: 3px;

	padding: 10px;

	margin: 0;

	height: auto;

	margin: 7px 0 0 0;

	/* background:#008854; */

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

}

.top-head.header-7 .top-search button {

	border: 0;

	background: transparent;

}

.top-head.header-7 .top-search input[type=text] {

	border: 0;

	font-size: 11px;

	width: 200px;

	height:auto;

	padding:0

}

.top-head.header-7 .top-cart{

	padding: 11px 0 0 10px;

}

.top-head.header-7 .top-cart .cart-box{

	margin-top: 25px;

}

.top-head .full.main-bg .top-nav > ul > li {

	border-left: 1px rgba(255,255,255,.3) solid;

}

.top-head .full.main-bg .top-nav ul ul li {

	text-shadow: none;

}



/*

------------- 8. header 8 -------------- */

.top-head.header-8{

	border-bottom:0

}

.top-head.header-8 .top-nav > ul > li > a,.top-head.header-8 .top-nav > ul > li .inner-mega > a {

	line-height: 1;

	margin: -30px -15px;

	display:block;

	padding: 30px 15px 22px 15px;

}

.top-head.header-8 .top-nav > ul > li > a span,.top-head.header-8 .top-nav > ul > li > span > a span {

	display: block;

	margin-top: 7px;

	line-height: 12px;

	font-size: 11px;

	font-weight: 400;

	text-transform: capitalize;

}

.top-head.header-8 .top-nav > ul > li.hasChildren > a:after,.top-head.header-8 .top-nav > ul > li.hasChildren > span > a:after {

	display: none;

}

.top-head.header-8 .top-nav > ul > li:hover > a,.top-head.header-8 .top-nav > ul > li.selected > a,.top-head.header-8 .top-nav > ul > li:hover > span > a,.top-head.header-8 .top-nav > ul > li.selected > span > a  {

	border-bottom-width: 4px;

	border-bottom-style: solid;

}

.top-head.header-8 .top-search {

	border-left: 0px;

	position: relative;

	margin-left:10px

}

.top-head.header-8 .top-search > a, .top-head.header-8 .top-cart > a {

	line-height: 33px;

	width: 33px;

	height: 33px;

	margin-top: 30px;

	text-align: center;

	display: block;

	position: relative;

}

.top-head.header-8 .top-cart{

	margin-left:10px;

	padding-bottom: 25px !important;

}

.top-head.header-8 .top-cart .cart-num {

	position: absolute;

	top: -7px;

	right: -5px;

	left: auto;

}

.top-head.header-8 .top-nav ul ul{

	border-top:0

}

.top-head.header-8 .top-nav > ul > li > a,.top-head.header-8 .top-nav > ul > li.inner-mega {

	position: relative;

	font-weight: bold;

}

.top-head.header-8 .top-nav > ul > li > a:before,.top-head.header-8 .top-nav > ul > li > span > a:before {

	width: 0;

	position: absolute;

	bottom: -1px;

	left: 50%;

	height: 1px;

	content: "";

	display: inline-block;

}

.top-head.header-8 .top-nav > ul > li:hover > a:before,.top-head.header-8 .top-nav > ul > li.selected > a:before,.top-head.header-8 .top-nav > ul > li.inner-mega:hover:before {

	width: 100%;

	left: 0;

}

.top-head.header-8 .top-cart,.top-head.header-8 .top-search{

	padding: 0;

}



/*

--------------------- header left -------------------- */

.left-side-wrap{

	margin:0 !important;

	margin-left: 280px !important;

	width:auto !important;

	position:relative

}

.right-side-wrap{

	margin:0 !important;

	margin-right: 280px !important;

	width:auto !important;

	position:relative

}

.header-left,.header-right{

	position:fixed;

	left:0;

	top:0 !important;

	width:280px;

	height:100%;

	-webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.4);

	-moz-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.4);

	box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.4);

	z-index:999;

	border-bottom:0;

	padding:70px 0;

}

.header-left .responsive-nav,.header-right .responsive-nav{

	display:block

}

.header-right{

	left:auto;

	right:0;

	-webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.4);

	-moz-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.4);

	box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.4);

}

.header-left .logo,.header-right .logo{

	display:table;

	margin:auto;

	float:none;

	padding:10px 20px

}

.side-nav{

	padding:40px 0;

}

.side-nav > ul > li {

	position: relative;

	margin: 0;

	padding:0 30px

}

.side-nav > ul > li > a:hover i, .side-nav > ul > li.selected > a i {

	margin-top: 5px;

}

.side-nav > ul > li > a {

	display: block;

	text-transform: uppercase;

	overflow: hidden;

	font-weight: bold;

	padding:15px 0;

	border-bottom:1px rgba(0,0,0,.1) solid

}

.black-bg .side-nav > ul > li > a {

	border-bottom:1px rgba(255,255,255,.1) solid

}

.header-left .top-search,.header-right .top-search {

  border: 1px rgba(0, 0, 0, 0.1) solid ;

}

.black-bg.header-left .top-search,.black-bg.header-right .top-search,.dark-bg.header-left .top-search,.dark-bg.header-right .top-search {

  border: 1px rgba(255, 255, 255, 0.1) solid;

}

.side-nav > ul > li.current > a{

	font-weight:bold

}

.side-nav > ul li a i{

	font-size:16px;

	margin-right:10px

}

.side-nav > ul ul {

	position: absolute;

	min-width: 220px;

	top:0;

	left:100%;

	z-index:99;

	-webkit-transform: translate3d(0,30px,0);

	transform: translate3d(0,30px,0);

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-ms-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out;

}

.side-nav ul ul li {

	position: relative;

	float: none;

	margin: 0;

	padding: 0;

	line-height: 35px;

}

.side-nav ul ul li a{

	padding-left:20px !important

}

.side-nav ul ul li i{

	font-size:12px

}

.side-nav li li a {

	display: block;

	overflow: hidden;

	padding: 0 25px !important;

	-ms-text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 13px;

	line-height: 40px !important;

}

.side-nav li.hasChildren:after {

	position: absolute;

	top: 15px;

	right: 30px;

	display: inline-block;

	content: "\f105";

	font-family: FontAwesome;

	-moz-transition: transform 0.3s linear;

	-o-transition: transform 0.3s linear;

	-webkit-transition: transform 0.3s linear;

	transition: transform 0.3s linear;

}

.side-nav li.hasChildren:hover:after {

	-webkit-transform: rotate(-180deg);

	-moz-transform: rotate(-180deg);

	-ms-transform: rotate(-180deg);

	-o-transform: rotate(-180deg);

	transform: rotate(-180deg);

}

.side-nav li li.hasChildren:after {

	top: 2px;

	right: 10px;

}

.header-left .top-search,.header-right .top-search{

	display:table;

	width: 76%;

	margin: 0 12% 30px !important;

	padding:0 0 0 10px !important

}

.header-left .top-search a,.header-right .top-search a{

	line-height:1

}

.header-left .search-box,.header-right .search-box{

	position:static

}

.header-left .top-search input[type=text], .header-right .top-search input[type=text]{

	border:0;

	height:39px;

	background:transparent;

	width:85%;

	padding:0

}

.side-nav li.mega-menu > ul > li{

	width:100%;

}

.side-nav li.mega-menu > ul > li h4{

	font-size:13px;

	line-height: 40px;

	margin: 0;

	padding-left: 15px;

	cursor:pointer;

	color:#fff;

	font-weight:normal

}

.header-right li.mega-menu > ul > li h4{

	padding-left: 30px;

}

.header-right .side-nav ul li a{

	text-align:right

}

.header-right .side-nav > ul ul {

	right:100%;

	left:auto

}

.header-right .side-nav li.hasChildren:after {

	left: 30px;

	content: "\f104";

	right:auto

}

.header-right .side-nav li li.hasChildren:after {

	left: 15px;

}

.header-right .side-nav li li i{

	float: right;

	margin:15px 0 0 10px

}

.side-header-bottom{

	text-align:center;

	font-size:12px;

	padding:30px

}

.side-header-bottom .social-list{

	display:table;

	margin:15px auto 5px

}

.top-head.transparent-3 {

	border-bottom: 1px rgba(255,255,255,.3) solid;

}

.top-head.transparent-3 .top-cart > a{

	margin-left: 5px

}

.top-head.transparent-3 .fluid-header{

	padding-right:30px

}

.top-head.dark .top-nav > ul > li > a, .top-head.dark .top-nav > ul > li > span > a {

	color:#fff;

}

.top-head.not-dark .top-nav > ul > li:not(.selected) > a,.top-head.not-dark .top-nav > ul > li:not(.selected) > span > a ,.top-head.not-dark .top-nav > ul > li:not(.selected) > a:after, .top-head.not-dark .top-cart > a {color:#444 !important;}

.top-head.not-dark .top-nav > ul > li > a, .top-head.not-dark .top-nav > ul > li > a:after {

	text-shadow:none !important;

}

.top-head.not-dark.transparent, .top-head.transparent.not-dark .logo, .top-head.transparent.not-dark .top-search {

	border-color:rgba(0,0,0,.2);

}

.top-head .full.main-bg .top-nav > ul > li > a,.top-head .full.main-bg .top-nav > ul > li > span > a, .top-head .full .main-bg .top-nav > ul > li > a:after {

	color:#fff ;

}

.top-head.transparent.sticky-nav, .top-head.transparent.sticky-nav .logo, .top-head.transparent.sticky-nav .top-search {

	border:0px !important;

}

.top-head{

	transition: top 700ms ease;

	-webkit-transition: top 700ms ease;

	top:-100px

}

.top-head.sticky-nav {

	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);

	box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);

	position:fixed;

	z-index:999;

	width:100%;

	top:0;

	left:0;

}

/* fluid headers */

.top-head .fluid-header{

	width:100% !important

}

.top-head .fluid-header .top-nav .mega-menu > ul{

	width:98.5% !important

}

.top-head .fluid-header .logo {

	float: left;

	padding: 25px 20px 15px 0px;

}

.top-head.sticky-nav .bot-line, .top-head.sticky-nav .lft-line,.top-head.sticky-nav.header-3 .logo,.top-head.sticky-nav .up-head,.top-head.sticky-nav.boxed-transparent .logo:before{

	display:none

}

.top-head.sticky-nav.boxed-transparent > .container{

	border:0

}

.navbtn {

	display:none;

	position:fixed;

	right: 0;

	top: 0;

	width: 58px;

	height: 58px;

	line-height: 58px;

	text-align:center;

	z-index:9999;

	font-size:22px;

	color:#fff;

}

.navbtn.active {

	right:40%;

}

.navbtn:focus{

	color:#fff

}

.new-nav {

	position:fixed;

	right:-40%;

	top:0;

	z-index:9999;

	width:40%;

	height:100%;

	overflow:scroll;

	display:none

}

.new-nav.active {

	right:0;

}

.new-nav ul ul {

	display:none;

	background:#111;

}

.new-nav li {

	position:relative;

}

.new-nav li:after{

	display:none

}

.new-nav > ul > li a, .new-nav > ul > li.mega-menu h4 {

	display:block;

	padding:12px 20px;

	color:#fff;

	font-size:13px;

	border-bottom:1px #353535 solid;

	margin:0;

	cursor:pointer

}

.new-nav > ul > li i {

	margin-right:10px;

}

.new-nav > ul > li.mega-menu [class*="col-md-"] {

	padding:0 ;

}

.new-nav li.hasChildren:after,.new-nav > ul > li.mega-menu h4:after {

	position:absolute;

	top:15px;

	right:15px;

	display:inline-block;

	content:"\f107";

	font-family:FontAwesome;

	font-size:15px;

	-moz-transition:transform 0.3s linear;

	-o-transition:transform 0.3s linear;

	-webkit-transition:transform 0.3s linear;

	transition:transform 0.3s linear;

	color:#ddd;

}

.new-nav li.hasChildren.active:after {

	-webkit-transform:rotate(-180deg);

	-moz-transform:rotate(-180deg);

	-ms-transform:rotate(-180deg);

	-o-transform:rotate(-180deg);

	transform:rotate(-180deg);

}

.new-nav ul ul li a, .new-nav > ul > li.mega-menu h4 {

	border-bottom:1px #1F1F1F solid;

	color:#868686;

}

.new-nav ul ul li.selected > a {

	background-color:#000;

}

.new-nav li li.selected > a {

	background-color:#0A0A0A;

}

.new-nav li.hasChildren.active > a, .new-nav li.hasChildren.active > h4 {

	background:#0B0B0B;

}

.top-nav {

	float:left;

	min-height:1px

}

.top-nav > ul > li {

	float:left;

	position:relative;

	padding: 28px 10px;

	cursor:pointer;

}

.top-nav > ul > li a{

	z-index:4 !important;

	font-size:14px

}

.header-9 .top-nav > ul > li.mega-menu > span{

	margin-left:-15px;

	margin-right:-15px;

	padding-right:15px;

	padding-left:15px

}

.header-9 .top-nav > ul > li:hover{

	background:transparent

}

.header-9 .top-nav > ul > li:not(.mega-menu):after,.header-9 .top-nav > ul > li.mega-menu > span:after{

	position:absolute;

	width:100%;

	height:100%;

	right:0;

	top:0;

	content:"";

	display:inline-block;

	border-right-width:1px;

	border-right-style:solid;

	border-top-right-radius:10em;

	border-bottom-right-radius:10em;

	z-index:2;

}

.header-9 .top-nav > ul > li:not(.mega-menu):before,.header-9 .top-nav > ul > li.mega-menu > span:before{

	position:absolute;

	width: 35px;

	height:100%;

	left: -35px;

	top:0;

	content:"";

	display:inline-block;

	z-index:1

}

.header-9 .top-nav > ul > li:not(.mega-menu):first-child:before{

	border-top-right-radius:10em;

	border-bottom-right-radius:10em;

	z-index:3 !important;

	left: -15px !important;

	width: 55px;

}

.header-9 .top-nav > ul > li.mega-menu:first-child > span:before{

	border-top-right-radius:10em;

	border-bottom-right-radius:10em;

	z-index:3 !important;

	left: -15px !important;

	width: 55px;

	background:#fff !important;

}



.header-9 .top-nav > ul > li:not(.mega-menu):first-child,.header-9 .top-nav > ul > li.mega-menu:first-child > span{

	padding-left: 45px;

}

.header-9 .top-nav > ul > li:not(.mega-menu):first-child > ul{

	left:0

}

.top-head.header-9 .top-search{

	margin-left:10px

}

/*.top-head.sticky-nav.header-9 .top-nav > ul > li:first-child{

	padding-left:15px

}*/

.top-nav > ul > li > a, .top-nav > ul > li > span > a {

	font-weight:bold!important;

	text-transform:uppercase;

	z-index:2;

	font-size:15px;

	letter-spacing:0.5px;

	position: relative;

}

li.mega-menu .inner-mega {

	position:relative;

	display:block;

	margin: -30px 0;

	padding: 30px 0;

}

.top-nav > ul > li ul, .top-head .top-cart .cart-box, .bx-search .search-box, .top-search .search-box {

	-webkit-box-shadow:0px 2px 2px 0px rgba(0,0, 0,0.3);

	-moz-box-shadow:0px 2px 2px 0px rgba( 0,0,0,0.3);

	box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3);

}

.top-nav ul li ul {

	position:absolute;

	top:100%;

	left:0;

	min-width:300px;

	border-top-style:solid;

	border-top-width:3px;

	z-index:999;

	-webkit-transform: translate3d(0,30px,0);

	transform: translate3d(0,30px,0);

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-ms-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out;

}

.top-nav ul li:hover > ul {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.top-nav ul li:hover > ul,.side-nav ul li:hover > ul {

	opacity: 1;

	visibility: visible;

}

.header-9 .top-nav > ul > li:not(.mega-menu) > ul {

	left: -35px;

}

.top-nav.colored-submenu ul li ul {

	border-top:0 !important;

}

.top-nav ul li ul ul,.side-nav ul li > ul {

	top:0;

	left:100%;

	border-top-width:0;

	border-left-style:solid;

	border-left-width:3px;

	-webkit-transform: translate3d(30px,0,0);

	transform: translate3d(30px,0,0);

}

.top-nav ul li ul li:hover > ul,.side-nav ul li:hover > ul {

	top:0;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.top-nav ul li ul li > ul.rit-menu {

	top:0;

	right:100%;

	left:auto;

	-webkit-transform: translate3d(-30px,0,0);

	transform: translate3d(-30px,0,0);

	border-right-width:3px;

	border-right-style:solid;

	border-left:0

}

.top-nav ul li ul li:hover > ul.rit-menu {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



.top-nav ul ul li {

	line-height:normal;

	float:none;

	position:relative;

	display:block;

}

.top-nav > ul > li.hasChildren > a:after, .top-nav > ul > li.hasChildren > span > a:after {

	display:inline-block;

	font:normal normal normal 8px/1 FontAwesome;

	content:"\f078";

	margin-left:5px;

	top:-1px;

	position:relative;

	-moz-transition-delay:0.3s !important;

	-ms-transition-delay:0.3s !important;

	-o-transition-delay:0.3s !important;

	-webkit-transition-delay:0.3s !important;

	transition-delay:0.3s !important;

}

.top-nav > ul > li.hasChildren:hover > a:after, .top-nav > ul > li.hasChildren:hover > span > a:after {

	-webkit-transform:rotate(-180deg);

	-moz-transform:rotate(-180deg);

	-o-transform:rotate(-180deg);

	-ms-transform:rotate(-180deg);

	transform:rotate(-180deg);

}

.top-nav ul li li.hasChildren > a:after, .top-nav ul li li.hasChildren > span > a:after {

	content:"\f105";

	float:right;

	display:inline-block;

	font:normal normal normal 12px/1 FontAwesome;

}

.top-nav .mega-menu > ul > li > a:after, .top-nav .mega-menu ul li:first-child:hover:before, .top-nav .mega-menu ul:before {

	display:none;

}

.top-nav li li a {

	display:block;

	padding:13px 15px;

	-moz-transition:all 0.2s ease 0s;

	-ms-transition:all 0.2s ease 0s;

	-o-transition:all 0.2s ease 0s;

	-webkit-transition:all 0.2s ease 0s;

	transition:all 0.2s ease 0s;

	font-size:15px;

	line-height:1.5;

	    font-weight: bold;

}

.top-nav li.mega-menu li a{

	padding: 15px 10px;

}

.top-nav li li a:hover {

	/*padding-left:20px;*/

}

.top-nav li li:first-child > a {

	border-top:0;

}

.top-nav li li i {

	margin-right:8px;

}

.top-nav > ul > .mega-menu {

	position:static;

}

.top-nav .mega-menu > ul {

	left:15px;

	/*top:100%;*/

	display:table;

}

.top-nav .mega-menu ul ul {

	border-left-width:0;

	border-top-width:0;

	position:static;

	margin:0 10px;

	display:block !important;

	opacity:1 !important;

	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);

	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);

	box-shadow:0 0 0 0 rgba(0,0,0,0);

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.top-nav .mega-menu:hover ul li ul{

	visibility:visible

}

.top-nav .mega-menu > ul > li {

	padding-bottom:15px;

	display:table-cell;

}

.top-nav .mega-menu > ul > li h4 {

	font-weight:900;

	text-transform:uppercase;

	font-size:13px;

	margin:20px 10px 15px;

}

.nav-border-bottom > ul > li:before, .nav-border-bottom li.mega-menu .inner-mega:before {

	position:absolute;

	bottom:2px;

	height:2px;

	left:0;

	width:100%;

	content:"";

	display:inline-block;

	z-index:1;

}

.nav-border-bottom > ul > li:after, .nav-border-bottom li.mega-menu .inner-mega:after {

	position:absolute;

	bottom:2px;

	height:2px;

	left:0;

	width:5px;

	content:"";

	display:inline-block;

	z-index:2;

}

.sticky-nav .nav-border-bottom > ul > li:after, .sticky-nav .nav-border-bottom li.mega-menu .inner-mega:after,.sticky-nav .nav-border-bottom > ul > li:before, .sticky-nav .nav-border-bottom li.mega-menu .inner-mega:before{

	display:none

}

.nav-border-bottom > ul > li:hover:after, .nav-border-bottom > ul > li.mega-menu:hover span:after,.nav-border-bottom > ul > li.selected:after, .nav-border-bottom > ul > li.mega-menu.selected span:after {

	width:100%;

}

.nav-border-bottom > ul > li.mega-menu:before, .nav-border-bottom > ul > li.mega-menu:after, .nav-border-left > ul > li.mega-menu:before, .nav-border-left > ul > li.mega-menu:after, .nav-border-top > ul > li.mega-menu:before, .nav-border-top > ul > li.mega-menu:after, .nav-border-right > ul > li .mega-menu:before, .nav-border-right > ul > li.mega-menu:after {

	display:none;

}

.nav-border-top > ul > li:before, .nav-border-top li.mega-menu .inner-mega:before {

	position:absolute;

	top:2px;

	height:2px;

	left:0;

	width:100%;

	content:"";

	display:inline-block;

	z-index:1;

}

.nav-border-top > ul > li:after, .nav-border-top li.mega-menu .inner-mega:after {

	position:absolute;

	top:2px;

	height:2px;

	left:0;

	width:5px;

	content:"";

	display:inline-block;

	z-index:2;

}

.nav-border-top > ul > li:hover:after, .nav-border-top > ul > li.mega-menu:hover span:after {

	width:100%;

}

.nav-border-left > ul > li:before, .nav-border-left li.mega-menu .inner-mega:before {

	position:absolute;

	top:20%;

	height:60%;

	left:-15px;

	width:2px;

	content:"";

	display:inline-block;

	z-index:1;

}

.nav-border-left > ul > li:after, .nav-border-left li.mega-menu .inner-mega:after {

	position:absolute;

	bottom:20%;

	height:5px;

	left:-15px;

	width:2px;

	content:"";

	display:inline-block;

	z-index:2;

}

.nav-border-left > ul > li:hover:after, .nav-border-left > ul > li.mega-menu:hover span:after {

	height:60% ;

}

.nav-border-right > ul > li:before, .nav-border-right li.mega-menu .inner-mega:before {

	position:absolute;

	top:20%;

	height:60%;

	right:-15px;

	width:2px;

	content:"";

	display:inline-block;

	z-index:1;

}

.nav-border-right > ul > li:after, .nav-border-right li.mega-menu .inner-mega:after {

	position:absolute;

	bottom:20%;

	height:5px;

	right:-15px;

	width:2px;

	content:"";

	display:inline-block;

	z-index:2;

}

.nav-border-right > ul > li:hover:after, .nav-border-right > ul > li.mega-menu:hover span:after {

	height:60%;

}

.nav-animate > ul > li > a span, .nav-animate > ul > li > span > a span {

	position:relative;

	display:inline-block;

	-webkit-transition:-webkit-transform 0.4s;

	-moz-transition:-moz-transform 0.4s;

	transition:transform 0.4s;

}

.nav-animate > ul > li > a span:after, .nav-animate > ul > li > span > a span:after {

	display:inline-block;

	position:absolute;

	-webkit-transform:translate3d(0,0,0);

	-moz-transform:translate3d(0,0,0);

	transform:translate3d(0,0,0);

	width:100%

}

.nav-animate > ul > li > a, .nav-animate > ul > li > span > a {

	position:relative;

	overflow:hidden;

	display:block;

}

.nav-animate.to-right > ul > li > a span:after, .nav-animate.to-right > ul > li > span > a span:after {

	right:150%;

}

.nav-animate.to-right > ul > li:hover > a > span, .nav-animate.to-right > ul > li:hover > span > a > span {

	-webkit-transform:translateX(150%);

	-moz-transform:translateX(150%);

	transform:translateX(150% );

}

.nav-animate.to-left > ul > li > a span:after, .nav-animate.to-left > ul > li > span > a span:after {

	left:150%;

}

.nav-animate.to-left > ul > li:hover > a > span, .nav-animate.to-left > ul > li:hover > span > a > span {

	-webkit-transform:translateX(-150%);

	-moz-transform:translateX(-150%);

	transform:translateX(-150%);

}

.nav-border-bottom.to-left > ul > li:after, .nav-border-bottom.to-left li.mega-menu .i nner-mega:after,.nav-border-top.to-left > ul > li:after, .nav-border-top.to-left li.mega-menu .i nner-mega:after {

	left:auto;

	right:0;

}



.nav-border-left.to-bottom > ul > li:after, .nav-border-left.to-bottom li.mega-menu .inner-mega:after {

	bottom:auto;

	top:20%;

}

.nav-animate.to-bottom > ul > li > a span:after, .nav-animate.to-bottom > ul > li > span > a span:after {

	left:0;

	top:-100%;

}

.nav-animate.to-bottom ul > li:hover > a > span, .nav-animate.to-bottom > ul > li:hover > span > a > span {

	-webkit-transform:translateY(100%);

	-moz-transform:translate Y(100%);

	transform:translateY(100%);

}

.nav-animate.to-top > ul > li > a span:after, .nav-animate.to-top > ul > li > span > a span:after {

	left:0;

	top:100%;

}

.nav-animate.to-top ul > li:hover > a > span, .nav-animate.to-top > ul > li:hover > span > a > span {

	-webkit-transform:translateY(-100%);

	-moz-transform:translateY(-100%);

	transform:translateY(-100%);

}



.top-nav[class*="nav-border-"] > ul > li{

	padding-left:0;

	padding-right:0;

	margin-right:15px;

	margin-left:15px

}

.top-nav[class*="nav-border-"] > ul > li:hover{

	background:transparent

}

.top-head .top-search {

	padding: 32px 10px;

}

.top-nav.scale > ul > li > a {

	overflow:visible

}

.top-nav.scale > ul > li > a span:after{

	opacity:0;

	transform:scaleY(5);

	left:0;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

}

.top-nav.scale > ul > li:hover > a span:after{

	opacity:1;

	transform:scaleY(1);

}

.top-head .top-search > a {

	font-weight:bold;

	display:block;

	line-height:1;

	/* margin-right:5px; */

}

.top-search {

	float:left;

	position:relative;

}

.head-srch-cart-fluid .top-search {

	border-left:1px rgba(255,255,255,.2) solid;

}

.head-srch-cart .top-search > a, .head-srch-cart .top-cart > a {

	float:none;

	display:block;

	text-align:center;

	margin:15px 0;

	border-radius:2em;

	height: 49px;

	line-height: 49px;

	width:30px;

	text-align:center

}

.top-search .search-box {

	position:fixed;

	top:50%;

	width:50%;

	left:50%;

	border-bottom-style:solid;

	border-bottom-width:4px;

	padding:20px 0;

	line-height:1;

	z-index:999;

	margin-left:-25%;

	margin-top:-40px;

	display:none;

}

.top-search .search-box input[type=text] {

	width:95%;

	border:0;

	font-size:35px;

	text-transform:none;

	background:transparent;

	text-transform:uppercase;

	letter-spacing:1px;

	font-weight:200;

}

.top-search .search-box button {

	border:0;

	width:30px;

	height:30px;

	line-height:28px;

	text-align:center;

}

.srch-overlay {

	background:rgba(0, 0,0,0.9);

	position:fixed;

	width:100%;

	height:100%;

	z-index:99;

	left:0;

	top:0;

}

.close-srch {

	position:absolute;

	right:0;

	top:20px;

	display:block;

	font-size:0px;

}

.close-srch:before {

	font-size:25px;

}

.top-head .top-cart {

	float:right;

	padding: 29px 5px;

}

.top-head .top-cart > a {

	font-weight:bold;

	position:relative;

}

.top-cart .cart-num {

	display:inline-block;

	font-style:normal;

	line-height: 13px;

	position:absolute;

	border-radius:50%;

	top: -10px;

	right: -10px;

	font-size: 9px;

	font-weight:normal;

	width: 15px;

	text-align: center;

	height: 15px;

}

.top-cart {

	position:relative;

}

.top-cart .cart-box {

	position:absolute;

	top:100%;

	right:0;

	min-width:275px;

	padding:20px;

	min-height:200px;

	border-top-style:solid;

	border-top-width:3px;

	z-index:99;

	display:none

}

.head-srch-cart .top-cart .main-bg {

	color:#fff

}

.cart-box .empty {

	line-height:160px;

	text-align:center;

	color:#f00;

}

.mini-cart-list li {

	position:relative;

	overflow:hidden;

	padding-bottom:15px;

	margin-bottom:15px;

	font-size:11px;

}

.mini-cart .cart-body {

	padding-right:10px;

	line-height:1.7;

}

.cart-mini-lft {

	float:left;

	margin-right:8px;

}

.cart-mini-lft img {

	width:40px;

	padding:1px;

}

.mini-cart-list a.remove {

	position:absolute;

	right:0;

	top:0;

}

.mini-cart-total {

	padding:0 0 10px;

	font-weight:400;

	overflow:hidden;

	font-size:11px;

}

.mini-cart-total .clearfix {

	padding:5px 0;

	overflow:hidden;

}

.mini-cart-total .total {

	margin-top:10px;

	padding-top:15px;

}

.mini-cart .checkout {

	text-align:center;

	padding-top:15px;

}

.mini-cart .checkout a {

	margin:0 5px;

	height:35px;

	display:inline-block;

	line-height:33px;

	padding:0 20px;

	text-transform:none;

}

.head-srch-cart .top-search, .head-srch-cart .top-cart {

	margin:0 0 0 5px !important;

	padding:0 !important;

}

.head-srch-cart .top-cart .cart-num {

	top: 4px;

	right: 4px;

}



/*

----------- inner-menu -------------- */

.inner-menu{

	height:40px

}

.inner-menu ul > li {

	border-left: 1px rgba(255,255,255,.3) solid;

	float:left;

	position:relative

}

.inner-menu ul > li > a{

	height: 40px;

	line-height: 40px;

	padding:0 18px;

	display:block;

}

.inner-menu ul ul,.top-bar li ul{

	position:absolute;

	left:0;

	top:100%;

	min-width: 200px;

	border-bottom-style: solid;

	border-bottom-width: 3px;

	z-index: 999;

	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);

	overflow:hidden;

	z-index:-1;

	opacity:0

}

.top-bar li ul{

	margin-top:10px

}

.inner-menu ul li:hover > ul,.top-bar ul li:hover > ul{

	z-index:2;

	opacity:1

}

.top-bar ul li:hover > ul{

	z-index:999

}

.inner-menu ul ul li,.top-bar ul ul li{

	float:none

}

.inner-menu ul ul li a,.top-bar ul ul li a{

	display:block;

	text-shadow: none;

}

.inner-menu ul ul li:hover > a,.inner-menu ul ul li.selected > a,.top-bar ul ul li:hover > a{

	background: rgba(0,0,0,.05);

	color:#333

}



/* ==========================================================================

  4. PAGE TITLES.

============================================================================= */

.page-title.title-1,.page-title.title-2,.page-title.title-3,.page-title.title-5 {

	background: url('../images/page-titles/title-light.jpg') no-repeat 50% 0;

}

.page-title > .container{

	position:relative;

	display:table

}

.page-title > .container > .row{

	/* height: 220px; */

	height: 350px;

	padding-bottom: 30px;

	display:table-cell;

	vertical-align:middle;

  	width: 100%;

}

.page-title h1 {

	margin: 50px 0 5px;

	font-size: 40px;

	line-height: 1;

}

.page-title h3 {

	font-size: 20px;

	font-weight: 400;

}

.breadcrumbs {

	position: absolute;

	right: 15px;

	bottom: 10px;

	font-size: 12px;

}

.breadcrumbs.white-bg{

	bottom:0;

	padding: 10px;

}

.breadcrumbs i {

	display: inline-block;

	margin: 0 10px;

}

.page-title .title-icon{

	margin: 54px 15px 0 0;

	width:58px;

	height:58px;

	line-height:58px;

	text-align:center;

	font-size:30px;

	-webkit-text-shadow: none;

	-moz-text-shadow:none;

	text-shadow: none;

}

/*

------------ title minimal ------------ */

.page-title.title-minimal > .container {

	min-height: 130px;

}

.page-title.title-minimal > .container > .row{

	height: 150px;

}

.page-title.title-minimal h1{

	margin-top:30px;	text-transform: uppercase;

}



/*

------------ title 2 ------------ */

.page-title.title-2 {

	text-align:center

}

.page-title.title-2 .breadcrumbs{

	position:static;

	display:table;

	margin:35px auto -16px

}



/*

------------ title 4 ------------ */

.page-title.title-4 {

	text-align:center;

	background:#2d5d7d url('../images/page-titles/bg-parallax.jpg') no-repeat 0 0;

}

.page-title.title-4 .row{

	height:250px

}

.page-title.title-4 .breadcrumbs{

	position:static;

	display:table;

	margin:35px auto 0;

	padding: 10px 20px;

}



/*

------------ title 5 ------------ */

.page-title.title-5 {

	text-align:center

}

.page-title.title-5 h1{

	display:table;

	padding: 15px 35px;

	margin-bottom:15px;

	margin-left:auto;

	margin-right:auto;

	font-size: 36px;

	text-transform: uppercase;

	line-height: 1;

}

.page-title.title-5 h3{

	display:inline-block;

	border-bottom-style:solid;

	border-bottom-width:3px;

	clear:both;

	font-size:25px;

	border-radius: 2em;

	padding: 10px 25px;

}

.page-title.title-5 .breadcrumbs{

	border-top-left-radius: 2em;

	border-top-right-radius: 2em;

	padding: 10px 20px 0px;

}

.transparent-title > .container{

	height:400px

}

/*

------------------ title video ----------- */

.page-title-video,.section-video {

	background: none;

	position: relative;

	overflow: hidden;

	clear:both

}

.page-title-video .container,.section-video .container {

	z-index: 3;

}

.page-title-video > .container > .row{

	height:400px

}

.page-title-video .video-wrap,.section-video .video-wrap {

	position: absolute;

	width: 100%;

	height:100%;

	top: 0;

	left: 0;

	z-index:0

}

.page-title-video .video-wrap video,.section-video .video-wrap video {

	width: 100%;

	margin-top:-200px;

	display:block;

	height:auto

}

.video-overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 5;

	background: rgba(0,0,0,.6);

	-webkit-backface-visibility: hidden;

}

/* =========================================================================

	5.FORM CONTROLS.

============================================================================ */



.btn {

	text-shadow:1px 1px 1px rgba(0,0,0,.5);

	text-transform:uppercase;

	letter-spacing:1px;

	border-radius:0px;

	font-size:12px;

	white-space:normal

}

.btn span{

	line-height:1;

}

.btn-xs {

	padding:2px 5px;

	font-size:10px;

	line-height:1.5;

}

.btn-sm {

	line-height:1.5;

	font-size:11px;

	padding:6px 8px;

}

.btn-md {

	line-height:37px;

	font-size:12px;

	padding:0 12px;

}

.btn-lg {

	line-height:55px;

	font-size:14px;

	padding:0 17px;

}

.btn-xl {

	line-height:1;

	font-size:18px;

	padding:20px;

}

.btn-xxl {

	line-height:1;

	font-size:30px;

	padding:25px 30px;

	letter-spacing:0.5px;

	text-transform:none

}

.btn-xxl span.sub {

	display:block;

	font-size:11px;

	line-height:1;

	font-weight:400;

	letter-spacing:normal

}

.button-group .btn {

	margin:10px 5px;

}

.btn-block {

	display:table;

	width:50%;

	margin:auto !important;

}

.btn-block-full {

	display:block;

	width:100%;

}

.btn i {

	margin-right:8px;

}

.btn i.block {

	margin-bottom:15px;

}

[class*="btn-icon-"] {

	overflow:hidden;

	position:relative;

	padding-right:40px;

	padding-left:40px;

}

[class*="btn-icon-"] i {

	position:absolute;

	top:0;

	height:100%;

	background:rgba(0,0,0,.2);

	line-height:40px;

	width:40px;

	text-align:center;

}

.left-icon {

	overflow:hidden;

	padding:0 20px 0 0;

}

.right-icon {

	overflow:hidden;

	padding:0 0 0 20px;

}

.right-icon i, .left-icon i {

	background:rgba(0,0,0 ,.2);

	line-height:55px;

	text-align:center;

	padding:0 10px;

	margin-right:15px;

}

.right-icon i {

	margin-left:15px;

	margin-right:0;

}

.btn-xl.right-icon i, .btn-xl.left-icon i {

	line-height:68px;

}

.btn-md.right-icon i, .btn-md.left-icon i {

	line-height:40px;

}

.btn-sm.right-icon i, .btn-sm.left-icon i {

	line-height:16px;

}

[class*="btn-icon-"] span {

	display:inline-block;

	position:relative;

	left:0;

}

.btn-xs[class*="btn-icon-" ] i {

	padding:2px 5px;

	font-size:10px;

	line-height:1.2;

}

.btn-sm[class*="btn-icon-"] i {

	line-height:27px;

}

.btn-md[class*="btn-icon-"] i {

	line-height:40px;

}

.btn-lg[class*="btn-icon-"] i {

	line-height:55px;

}

.btn-xl [class*="btn-icon-"] i {

	line-height:70px;

}

.btn-xxl[class*= "btn-icon-"] i {

	line-height:1.5;

}

[class*="btn-icon-"].no-bg i {

	background:transparent;

}

.btn-icon-left i {

	left:-40px;

}

.btn-icon-left:hover i {

	left:0;

}

.btn-icon-left:hover span {

	left:15px;

}

.btn-icon-right i {

	right:-48px;

}

.btn-icon-right:hover i {

	right:-8px;

}

.btn-icon-right:hover span {

	left:-15px;

}

.btn.white {

	color:#fff !important;

}

.btn-blue {

	background-color:#5472d2;

	color:#fff;

}

.btn-blue:hover {

	background-color:#3c5ecc;

	color:#f7f7f7;

}

.btn-blue.btn-outlined, .btn-blue.btn-square_outlined {

	color:#5472d2;

	border-color:#5472d2;

}

.btn-blue.btn-3d {

	-webkit-box-shadow:0 4px 0 #3253bc;

	box-shadow:0 4px 0 #3253bc;

	margin-bottom:5px;

	color: #fff;

}

.btn-turquoise {

	background-color:#00c1cf;

	color:#fff;

}

.btn-turquoise:hover {

	background-color:#00a4b0;

	color:#f7f7f7;

}

.btn-turquoise.btn-outlined, .btn-turquoise.btn-square_outlined {

	color:#00c1cf;

	border-color:#00c1cf;

}

.btn-turquoise.btn-3d {

	-webkit-box-shadow:0 4px 0 #008d97;

	box-shadow:0 4px 0 #008d97;

	margin-bottom:5px;

}

.btn-pink {

	background-color:#fe6c61;

	color:#fff;

}

.btn-pink:hover {

	background-color:#fe5043;

	color:#f7f7f7;

}

.btn-pink.btn-outlined, .btn-pink.btn-square_outlined {

	color:#fe6c61 !important;

	border-color:#fe6c61;

}

.btn-pink.btn-3d {

	-webkit-box-shadow:0 4px 0 #fe3829;

	box-shadow:0 4px 0 #fe3829;

	margin-bottom:5px;

}

.btn-default.btn-3d {

	margin-bottom:5px;

}

.btn-default.btn-3d:hover {

	-webkit-box-shadow:0 4px 0 #2A2A2A;

	box-shadow:0 4px 0 #2A2A2A;

	color:#fff;

}

.btn-default.btn-outlined {

	background-color:transparent;

}

.btn-violet {

	background-color:#8d6dc4;

	color:#fff;

}

.btn-violet:hover {

	background-color:#7c57bb;

	color:#f7f7f7;

}

.btn-violet.btn-outlined, .btn-violet.btn-square_outlined {

	color:#8d6dc4;

	border-color:#8d6dc4;

}

.btn-violet.btn-3d {

	-webkit-box-shadow:0 4px 0 #6e48b1;

	box-shadow:0 4px 0 #6e48b1;

	margin-bottom:5px;

}

.btn-peacoc {

	background-color:#4cadc9;

	color:#fff;

}

.btn-peacoc:hover {

	background-color:#39a0bd;

	color:#f7f7f7;

}

.btn-peacoc.btn-outlined, .btn-peacoc.btn-square_outlined {

	color:#4cadc9;

	border-color:#1cadc9;

}

.btn-peacoc.btn-3d {

	-webkit-box-shadow:0 4px 0 #338faa;

	box-shadow:0 4px 0 #338faa;

	margin-bottom:5px;

}

.btn-chino {

	background-color:#cec2ab;

	color:#fff;

}

.btn-chino:hover {

	background-color:#c3b498;

	color:#f7f7f7;

}

.btn-chino.btn-outlined, .btn-chino.btn-square_outlined {

	color:#cec2ab;

	border-color:#cec2ab;

}

.btn-chino.btn-3d {

	-webkit-box-shadow:0 4px 0 #b9a888;

	box-shadow:0 4px 0 #b9a888;

	margin-bottom:5px;

}

.btn-mulled_wine {

	background-color:#50485b;

	color:#fff;

}

.btn-mulled_wine:hover {

	background-color:#413a4a;

	color:#f7f7f7;

}

.btn-mulled_wine.btn-outlined, .btn-mulled_wine.btn-square_outlined {

	color:#50485b;

	border-color:#50485b;

}

.btn-mulled_wine.btn-3d {

	-webkit-box-shadow:0 4px 0 #342f3c;

	box-shadow:0 4px 0 #342f3c;

	margin-bottom:5px;

}

.btn-vista_blue {

	background-color:#75d69c;

	color:#fff;

}

.btn-vista_blue:hover {

	background-color:#5dcf8b;

	color:#f7f7f7;

}

.btn-vista_blue.btn-outlined, .btn-vista_blue.btn-square_outlined {

	color:#75d69c !important;

	border-color:#75d69c;

}

.btn-vista_blue.btn-3d {

	-webkit-box-shadow:0 4px 0 #4ac97d;

	box-shadow:0 4px 0 #4ac97d;

	margin-bottom:5px;

}

.btn-black {

	background-color:#2a2a2a;

	color:#fff;

}

.btn-black:hover {

	background-color:#383838;

	color:#f7f7f7;

}

.btn-black.btn-outlined, .btn-black.btn-square_outlined {

	color:#2a2a2a;

	border-color:#2a2a2a;

}

.btn-black.btn-3d {

	-webkit-box-shadow:0 4px 0 #595959;

	box-shadow:0 4px 0 #151515;

	margin-bottom:5px;

}

.btn-grey {

	background-color:#ebebeb;

	text-shadow:none;

}

.btn-grey:hover {

	background-color:#dcdcdc;

	color:#5e5e5e;

}

.btn-grey.btn-outlined, .btn-grey.btn-square_outlined {

	color:#ebebeb;

	border-color:#ebebeb;

}

.btn-grey.btn-3d {

	-webkit-box-shadow:0 4px 0 #cfcfcf;

	box-shadow:0 4px 0 #cfcfcf;

	margin-bottom:5px;

}

.btn-orange {

	background-color:#f7be68;

	color:#fff;

}

.btn-orange:hover {

	background-color:#f5b14b;

	color:#f7f7f7;

}

.btn-orange.btn-outlined, .btn-orange.btn-square_outlined {

	color:#f7be68;

	border-color:#f7be68;

}

.btn-orange.btn-3d {

	-webkit-box-shadow:0 4px 0 #f4a733;

	box-shadow:0 4px 0 #f4a733;

	margin-bottom:5px;

}

.btn-sky {

	background-color:#5aa1e3;

	color:#fff;

}

.btn-sky:hover {

	background-color:#4092df;

	color:#f7f7f7;

}

.btn-sky.btn-outlined, .btn-sky.btn-square_outlined {

	color:#5aa1e3;

	border-color:#5aa1e3;

}

.btn-sky.btn-3d {

	-webkit-box-shadow:0 4px 0 #2a86db;

	box-shadow:0 4px 0 #2a86db;

	margin-bottom:5px;

}

.btn-green {

	background-color:#6dab3c;

	color:#fff;

}

.btn-green:hover {

	background-color:#5f9434;

	color:#f7f7f7;

}

.btn-green.btn-outlined, .btn-green.btn-square_outlined {

	color:#6dab3c;

	border-color:#6dab3c;

}

.btn-green.btn-3d {

	-webkit-box-shadow:0 4px 0 #53812d;

	box-shadow:0 4px 0 #53812d;

	margin-bottom:5px;

}

.btn-juicy_pink {

	background-color:#f4524d;

	color:#fff;

}

.btn-juicy_pink:hover {

	background-color:#f23630;

	color:#f7f7f7;

}

.btn-juicy_pink.btn-outlined, .btn-juicy_pink.btn-square_outlined {

	color:#f4524d;

	border-color:#f4524d;

}

.btn-juicy_pink.btn-3d {

	-webkit-box-shadow:0 4px 0 #f11f18;

	box-shadow:0 4px 0 #f11f18;

	margin-bottom:5px;

}

.btn-sandy_brown {

	background-color:#f79468;

	color:#fff;

}

.btn-sandy_brown:hover {

	background-color:#f57f4b;

	color:#f7f7f7;

}

.btn-sandy_brown.btn-outlined, .btn-sandy_brown.btn-square_outlined {

	color:#f79468;

	border-color:#f79468;

}

.btn-sandy_brown.btn-3d {

	-webkit-box-shadow:0 4px 0 #f46e33;

	box-shadow:0 4px 0 #f46e33;

	margin-bottom:5px;

}

.btn-purple {

	background-color:#b97ebb;

	color:#fff;

}

.btn-purple:hover {

	background-color:#ae6ab0;

	color:#f7f7f7;

}

.btn-purple.btn-outlined, .btn-purple.btn-square_outlined {

	color:#b97ebb;

	border-color:#b97ebb;

}

.btn-purple.btn-3d {

	-webkit-box-shadow:0 4px 0 #a559a8;

	box-shadow:0 4px 0 #a559a8;

	margin-bottom:5px;

}

.btn-white {

	background-color:#fff;

	text-shadow:none;

}

.btn-white:hover {

	background-color:#f0f0f0;

	color:#5e5e5e;

}

.btn-white.btn-outlined, .btn-white.btn-square_outlined {

	color:#fff;

	border-color:#fff;

}

.btn-white.btn-3d {

	-webkit-box-shadow:0 4px 0 #e3e3e3;

	box-shadow:0 4px 0 #e3e3e3;

	margin-bottom:5px;

}

.btn-grace {

	background-color:#aed13b;

	color:#fff;

}

.btn-grace:hover {

	background-color:#9ec02d;

	color:#f7f7f7;

}

.btn-grace.btn-outlined, .btn-grace.btn-square_outlined {

	color:#aed13b;

	border-color:#aed13b;

}

.btn-grace.btn-3d {

	-webkit-box-shadow:0 4px 0 #8dac28;

	box-shadow:0 4px 0 #8dac28;

	margin-bottom:5px;

}

.btn-square,.modal-content {

	border-radius:0px;

}

.btn-shadow {

	border-radius:0px;

}

.btn-round {

	border-radius:5px;

}

.btn-outlined {

	background-color:transparent;

	border:1px solid;

	text-shadow:none !important;

}

label{

	font-weight:bold;

	margin-bottom:5px;

	display:block

}

label.checkbox-lbl,.radio-lbl{

	font-weight:normal;

	overflow:hidden;

	line-height:25px

}

label.radio-lbl{

	font-weight:normal;

	overflow:hidden;

	line-height:20px

}

label.radio-lbl .radio{

	margin:5px 5px 0 0

}

.floated-radios {

	overflow:hidden

}

.floated-item{

	float:left;

	margin: 0 20px 10px 0;

	line-height:26px

}

.checkbox-table{

	display:table;

	width:100%;

	border-collapse:collapse

}

.checkbox-table .clearfix{

	display:table-row

}

.checkbox-table .floated-item{

	float:none;

	display:table-cell;

	padding: 10px;

	font-size: 12px;

}

.checkbox-block{

	line-height:27px

}

.radio {

	width : 20px;

	margin : 0;

	padding : 0;

	font-size : 1em;

	opacity : 0;

	height: 20px;

	float:left

}

.radio + label {

	display : inline-block;

	margin-left: -20px;

	line-height : 1.5em;

	font-weight:normal

}

.radio + label > span {

	display : inline-block;

	width: 15px;

	height: 15px;

	margin : 0 10px 0 0;

	background: #ECECEC;

	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

	vertical-align : middle;

	cursor:pointer

}

.radio:checked + label > span {

	background: #555;

	cursor:pointer

}

.radio:checked + label > span > span {

	display : block;

	width: 100%;

	height: 100%;

	cursor:pointer;

	margin: 3px;

}

.form-input{

	padding:8px 0

}

select{

	width:100%;

	padding:8px 0 8px 10px

}

.form-control {

	height: auto;

	padding: 10px 15px;

	font-size: 13px;

	border-radius: 0;

}

.small-select{

	width:32%;

	margin:0 5px 0 0

}

input.small-txt{

	width:auto;

	margin-right:3px;

	display:inline-block

}

input[type=file]{

	height:auto;

	padding:12px 15px

}

.captcha-div .sm-txtbox{

	width: 56% !important;

	height: 76px !important;

	font-size: 20px;

	font-weight: 200;

	padding: 0 15px;

	vertical-align: middle;

}

.captcha-div-lft .sm-txtbox{

	width:50%;

	height: 75px !important;

	font-size:20px;

	font-weight:200;

	padding:0 15px;

	vertical-align:middle

}

textarea{

	width:100%;

	height:220px;

	padding:15px

}

.center_contact{

	width:70%;

	margin:auto

}

.center_contact .button-group{

	text-align:center

}

.left-lbl{

	display:inline-block

}

#message{

	display:none

}

#captchaimg{

	margin-right:5px

}

.sub-heading.block{

	width:100% !important

}

.captcha-div{

	display:table;

	margin:10px auto;

	width:50%;

	text-align:center

}

.errCap{

	font-weight:normal;

	color:#f00;

	margin:25px 0 0;

	display:block

}

.cont-success{

	padding: 50px;

}

.cont-success i.success-icon{

	font-size:45px;

	margin-bottom:20px;

}

.cont-success p.congrats{

	font-size:30px;

	text-transform:uppercase;

	font-weight:900

}

.cont-success p.congratsTxt{

	font-size:15px

}

.map-overlay{

	position:absolute;

	width:100%;

	height:100%;

	z-index:0;

	top:0;

	overflow:hidden

}

.conact_center_form{

	position:relative;

	z-index:2;

	max-width:800px;

	margin:auto;

	box-shadow: 0 1px 10px rgba(0,0,0,.15);

	padding:40px 0

}

.conact_center_form .captcha-div{

	width:75%;

}

.side-socials{

	display:table;

	margin:auto

}

.custom-checkbox{

	position: relative;

	display: block;

	height: inherit;

	font-size: 9px;

	text-transform: uppercase;

	-webkit-transition: 0.15s ease-out;

	-moz-transition: 0.15s ease-out;

	-o-transition: 0.15s ease-out;

	transition: 0.15s ease-out;

	width: 50px;

	height: 26px;

	float:left;

	background-color: #ECECEC;

	border-radius: 0px;

	cursor: pointer;

	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

	margin:0 8px 0 0

}

.custom-checkbox:before, .custom-checkbox:after {

	position: absolute;

	top: 50%;

	margin-top: -.5em;

	line-height: 1;

	-webkit-transition: inherit;

	-moz-transition: inherit;

	-o-transition: inherit;

	transition: inherit;

}

.custom-checkbox.selected:after {

	content: "on";

	left: 7px;

	color: white;

	text-shadow: 0 1px rgba(0, 0, 0, 0.2);

}

.custom-checkbox.selected:before {

	display:none

}

.custom-checkbox .switcher{

	position: absolute;

	top: 6px;

	left: 5px;

	width: 14px;

	height: 14px;

	background: white;

	border-radius: 0px;

	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);

	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);

	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);

	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);

	background-image: linear-gradient(to bottom, #ffffff 40%, #f0f0f0);

	-webkit-transition: left 0.15s ease-out;

	-moz-transition: left 0.15s ease-out;

	-o-transition: left 0.15s ease-out;

	transition: left 0.15s ease-out;

}

.custom-checkbox.selected .switcher{

	left: 30px;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

}

.custom-checkbox:before {

	content: "off";

	right: 7px;

	color: #aaa;

	text-shadow: 0 1px rgba(255, 255, 255, 0.5);

}

.custom-checkbox .on,.custom-checkbox .off{

	margin: 0 !important;

	position: absolute;

	z-index: 2;

	cursor: pointer;

	outline: none;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	width: 32px !important;

	height: 31px !important;

	background-color:transparent !important

}

.custom-checkbox .on{

	right:0

}

.custom-checkbox .checkbox{

	margin: 0 !important;

	position: absolute;

	z-index: 2;

	cursor: pointer;

	outline: none;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	width: 50px !important;

	height: 30px !important;

	background-color:transparent !important

}

.error{

	border:1px #FFC5C5 solid !important

}



/* =========================================================================

	6.SHORTCODES.

============================================================================ */

/*

------------ Headings ---------- */

.head-icon{

	margin-right:15px

}

.label-icon{

	margin-right:8px

}

.section .full-heading{

	margin-top: -100px;

	margin-bottom: 75px;

}

.full-heading{

	padding:30px 0;

	text-align:center;

	margin-bottom:50px;

	position:relative;

}

.full-heading:before {

	position: absolute;

	bottom: -30px;

	left: 50%;

	margin-left: -22px;

	width: 40px;

	height: 30px;

	display: inline-block;

	border-bottom-left-radius: 2em;

	border-bottom-right-radius: 2em;

	background-color: #EAEAEA;

	content: "\f078";

	font: normal normal normal 14px/24px FontAwesome;

	color:#999

}

.inner-head{

	margin:0;

	padding:0;

	font-size:35px;

	font-weight:700;

	text-transform:uppercase;

}

.small-heading{

	font-size:13px;

	text-transform:uppercase;

	letter-spacing:8px;

	margin:0;

	padding:0;

}



.main-heading.centered {

	text-align:center;

	display:table;

	margin:auto;

}

.main-heading h3 {

	font-size: 30px;

	font-weight:300;

	margin:0 0 5px;

	padding:0;

	line-height:1;

	letter-spacing: -1px;

}

.main-heading .sub-title {

	font-size:35px;

	font-weight:800;

	margin:0 0 5px;

	padding:0;

	line-height:1;

	letter-spacing: -1px;

}

.heading-desc,.sub-heading {

	font-size:15px;

	line-height: 26px;

}

.heading-desc.centered {

	display:table;

	margin: 0 auto 50px;

	width: 90%;

	text-align:center;

}

.heading-desc:after {

	display:table;

	content:" ";

	clear:both;

}

.main-heading .heading-separator {

	margin: 15px 0 30px;

	position:relative;

	height:10px;

}

.main-heading .heading-separator .main-bg {

	position:absolute;

	left:50%;

	width:14px;

	height:5px;

	top:5px;

	margin-left: -13px;

}

.main-heading .heading-separator .dark-bg {

	position:absolute;

	right:50%;

	width:14px;

	height:5px;

	bottom:5px;

	margin-right: -13px;

}

.main-heading .heading-separator:before, .main-heading .heading-separator:after {

	content:"";

	display:inline-block;

	position:absolute;

	right:0;

	width:50%;

	height:1px;

	bottom:2px;

	margin-right: -2px;

}

.main-heading .heading-separator:before {

	right:auto;

	left:0;

	top:auto;

	top:2px;

	background:#777;

	width:50%;

	margin-left: -2px;

}

.main-heading.no-desc {

	margin-bottom:30px !important;

}

.heading, .heading [class*="head-"] {

	position:relative;

	line-height:1

}

.head-angle{

	display:table;

	position:relative;

	height:60px;

	line-height:60px !important;

	padding: 0 20px;

	white-space:nowrap;

}

.heading i.tbl {

	display:table;

	margin:0 auto 10px;

	font-size:16px;

	float:none

}

.heading i {

	margin:-3px 15px 0 0;

	vertical-align:middle;

	font-size:70%

}

.heading .top-bord {

	position:relative;

	top:-5px;

	height:3px;

	width:40px;

}

.heading.centered {

	display:table;

	margin:auto;

	text-align:center;

}

.heading.centered [class*="head-"] {

	display:table;

	margin:auto;

	position:relative;

	margin-bottom:30px;

	padding-bottom:20px

	

}

.heading [class*= "head-"] h3 {

	font-size: 35px;

	font-weight: 300;

	padding: 0;

	line-height: 1;

	letter-spacing: -1.5px;

	margin:0

}

.heading [class*= "head-"] h4 {

	/* font-size:35px; */

	font-size:25px;

	font-weight:800;

	letter-spacing:-1px;

	line-height:1;

	margin:0

}

.side-head [class*="head-"] h3,.side-head [class*="head-"] h4{

	font-size:30px

}

.heading-full {

	text-align:center;

}

.heading-full:before {

	position:absolute;

	height:30px;

	background:#f5f5f5;

	display:inline-block;

	content:"";

	width:100%;

	left:0;

	top:5px;

	z-index:5;

}

.heading-full [class*="head-"] {

	padding:0 50px;

	background:#fff;

	z-index:6;

	display:table;

	margin:auto;

}

.heading-full [class*= "head-"]:before, .heading-full [class*="head-"]:after {

	position:absolute;

	top:5px;

	height:30px;

	width:10px;

	display:inline-block;

	content:"";

	left:0;

}

.heading-full [class*="head-"]:after {

	left:auto;

	right:0;

}

.sub-heading-auto {

	width:70%;

	display:table;

	margin:0 auto 30px;

	font-size:16px;

}

.heading.centered p.sub-heading {

	display:table;

	margin-right:auto;

	margin-left:auto;

	width:60%;

	font-size:16px;

	line-height:23px;

}

.heading-full-color {

	text-align:center;

	margin:0;

	padding:30px 0;

	position:relative;

}

.heading-full-color p.sub-heading {

	display:table;

	margin-top:20px;

	margin-right:auto;

	margin-left:auto;

	width:45%;

	font-size:15px;

	line-height:23px;

}

.heading-full-color [class*="head-"] {

	margin-bottom:0;

	padding-bottom:0;

}

.heading-full-color .tri-angle-down {

	position:absolute;

	left:50%;

	margin-left:-20px;

	bottom:-20px;

	width:0;

	height:0;

	border-style:solid;

	border-width:20px 20px 0 20px;

	z-index:9;

}

.head-1:after, .head-1:before {

	position:absolute;

	bottom:7px;

	left:0;

	width:42%;

	height:1px;

	content:"";

}

.head-1:before {

	right:0;

	left:auto;

}

.head-1 b {

	position:absolute;

	bottom:-10px;

	left:50%;

	width:25px;

	height:25px;

	margin-left:-12.5px;

	font-size:14px;

}

.head-2:after, .head-2:before {

	position:absolute;

	bottom:0;

	left:-15px;

	width:52%;

	height:1px;

	content:"";

}

.head-2:before {

	right:-15px;

	left:auto;

}

.head-2 b {

	position:absolute;

	bottom:-15px;

	left:50%;

	width:25px;

	height:25px;

	margin-left:-7px;

	font-size:11px;

}

.head-2 b.rit {

	position:absolute;

	bottom:-24px;

	right:50%;

	left:auto;

	width:25px;

	height:25px;

	margin-right:-5px;

	margin-left:0;

	font-size:11px;

}

.head-3:after, .head-3:before {

	position:absolute;

	bottom:0;

	left:0;

	width:48%;

	height:3px;

	content:"";

	margin-left:-15px;

}

.head-3:before {

	right:0;

	left:auto;

	margin-right:-15px;

	margin-left:0;

}

.head-3 b {

	position:absolute;

	bottom:-2px;

	left:50%;

	width:16px;

	height:8px;

	margin-left:-8px;

}

.head-3 b:before {

	content:"";

	position:absolute;

	top:-4px;

	left:0;

	width:0;

	height:0;

	border-left:8px solid transparent;

	border-right:8px solid transparent;

	border-bottom-width:4px;

	border-bottom-style:solid;

}

.head-3 b:after {

	content:"";

	position:absolute;

	bottom:-4px;

	left:0;

	width:0;

	height:0;

	border-left:8px solid transparent;

	border-right:8px solid transparent;

	border-top-width:4px;

	border-top-style:solid;

}

.head-4:after {

	position:absolute;

	bottom: 0;

	left:0;

	width:30px;

	height:3px;

	content:"";

}

.heading.centered .head-4:after {

	left:50%;

	margin-left:-15px;

}

.head-5{

	margin-bottom:30px

}

.head-5 p.sub-heading, .head-6 p.sub-heading, .head-7 p.sub-heading, .head-8 p.sub-heading {

	margin:15px 0 0;

	width:85%;

	font-size:15px;

	line-height:23px;

}

.heading.lf-heading p.sub-heading {

	margin:15px 0 0;

	width:auto;

	font-size:15px;

	line-height:23px;

	text-align:left;

}

.heading.lf-heading [class*="head-"] {

	line-height:1.2;

	margin:0 0 30px;

	position:relative;

}

.heading.lf-heading [class*="head-"]:after {

	left:0;

	bottom:0;

}

.head-5 p.sub-heading {

	margin:15px 40px 0;

}

.head-5:after,.head-5:before {

	position:absolute;

	bottom:0;

	left: 0;

	width: 16.3%;

	height:1px;

	content:"";

	bottom:-10px;

}

.head-5:before{

	left: 16.5%;

	width: 83.5%;

}

.head-6 {

	padding-bottom:20px;

	margin-bottom:30px

}

.head-6 *,.head-7 *{

	margin-bottom:0

}

.head-6:after {

	position:absolute;

	bottom:0;

	left:0;

	width:60px;

	height:1px;

	content:"";

	bottom:-1px;

}

.head-7 {

	border-width:0 !important;

	border-bottom-width:1px !important;

	margin-bottom:30px

}

.head-7 span {

	padding:7px 15px;

	display: inline-block;

	margin-bottom: 1px;

}

.head-7 span i{

	float:none

}

.head-8 {

	padding-left:20px;

	margin-bottom:30px;

}

.head-8:before {

	width:8px;

	height:80%;

	left:0;

	top:10%;

	content:"";

	display:inline-block;

	position:absolute;

}



.sub-head [class*="head-"]{

	padding-bottom: 20px;

	margin-bottom: 40px;

}



/*

---------- 6.2. Dividers --------------- */

.divider {

	position:relative;

	width:100%;

}

.divider i {

	font-size:15px;

}

.divider.centered {

	text-align:center;

}

.divider.centered.short {

	display:table;

	width:50%;

}

.divider.centered:before, .divider.centered:after {

	position:absolute;

	top:50%;

	left:0;

	width:48%;

	height:1px;

	margin-top:-0.5px;

	content:"";

}

.divider.centered.short:before, .divider.centered.short:after {

	width:45%;

}

.divider.centered:after {

	left:auto;

	right:0;

}

.divider.bg i {

	border-radius:50%;

	width:45px;

	height:45px;

	line-height:45px;

	text-align:center;

}

.divider.bordered i {

	border-radius:50%;

	width:45px;

	height:45px;

	line-height:45px;

	text-align:center ;

}

.divider.lft:before {

	position:absolute;

	top:50%;

	left:0;

	width:96%;

	height:1px;

	margin-top:-0.5px;

	content:"";

	margin-left:20px;

}

.divider.lft.short:before {

	width:45%;

}

.divider.lft.bg:before, .divider.lft.bordered:before {

	margin-left:45px;

}

.divider.rit {

	text-align:right;

}

.divider.rit:before {

	position:absolute;

	top:50%;

	right:0;

	width:96%;

	height:1px;

	margin-top:-0.5px;

	content:"";

	margin-right:20px;

}

.divider.lft.short:before {

	width:45%;

}

.divider.rit.bg:before, .divider.rit.bordered:before {

	margin-right:45px;

}

.divider .two i {

	position:relative;

	left:13px;

}

.divider i.flipped {

	transform:rotate(180deg);

	position:relative;

	top:1px;

	left:-5px !important;

}

.divider i.to-top {

	font-size:18px;

	cursor:pointer;

}



/*

---------- 6.3. Icon Boxes ------------ */

/* icons style 1 */

.icons-style-1 i{

	position: absolute;

	right: 0;

	bottom: 0;

	font-size: 84px;

	line-height: .7;

	opacity: .08;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.icons-style-1 .heading{

	font-size:17px;

	margin:0 0 20px;

	padding:0

}

.icons-style-1:hover i.animat-icon{

	right: 15px;

	font-size: 60px;

	line-height: 1;

	opacity: .3;

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg);

}

.icons-style-1,.icons-style-2 {

	margin-bottom:20px;

	position:relative;

	z-index:99999

}

.icons-style-2 i {

	font-size:35px;

	margin-bottom:10px;

	border-bottom-style:solid;

	border-bottom-width:3px;

	padding-bottom:10px;

	display:inline-block;

}

.icons-style-2 .heading {

	padding-bottom:10px;

	margin-bottom:10px;

}

.tri-line{

	position: absolute;

	width:50px;

	height:30px;

	border-width:1px 1px 0 0;

	border-style:solid solid none none;

	display:block;

	top: 63px;

	right: -52px;

}

.tri-line:before{

	position: absolute;

	width:70px;

	height:1px;

	display:inline-block;

	bottom: 0;

	right: -70px;

	content:"";

	z-index:9999

}

.tri-line.left{

	border-width:1px 0 0 1px;

	border-style:solid none none solid;

	left: -53px;

	right:auto

}

.tri-line.left:before{

	left: -70px;

	right:auto

}

.tri-line.bottom-tri{

	-moz-transform: scaleY(-1);

	-o-transform: scaleY(-1);

	-webkit-transform: scaleY(-1);

	transform: scaleY(-1);

	top:34px

}



.block-icon {

	display:table;

	margin:0 auto 40px ;

}

.icon-box i, .icon-box h3 {

	position:relative;

	z-index:1;

}

.lg-icon i {

	width:90px;

	height: 90px;

	text-align:center;

	line-height: 90px;

	font-size:23px;

}

a.sm-icon{

	width: 25px !important;

	height: 25px !important;

	line-height: 25px !important;

}

a.sm-icon:before,a.sm-icon:after{

	font-size:12px !important;

}

a.lg-icon{

	width: 60px !important;

	height: 60px !important;

	line-height: 60px !important;

}

a.xl-icon{

	width: 80px !important;

	height: 80px !important;

	line-height: 80px !important;

}

a.lg-icon:before,a.lg-icon:after{

	font-size:23px !important;

}

a.xl-icon:before,a.xl-icon:after{

	font-size:33px !important;

}



.img-icon {

	margin:0 auto 20px;

	border-radius:50%;

	width:170px;

	height:170px;

	border-style:solid;

	border-width:3px;

	overflow:hidden;

	-webkit-transform:translateZ(0);

	-webkit-mask-image:-webkit-radial-gradient(circle, white 100% , black 100%);

}

.img-icon img {

	transform:scale(1);

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	border-radius:50%;

}

.icon-box:hover .img-icon img {

	transform:scale( 1.5);

	-webkit-transform:scale( 1.5);

	-moz-transform:scale(1.5);

	-ms-transform:scale(1.5);

}

.md-icon i {

	width: 60px;

	height: 60px;

	text-align:center;

	line-height: 60px;

	font-size: 20px;

}

.lg-icon.re ct-shadow i {

	-webkit-transition:box-shadow 0.3s ease-in-out 0s;

	-moz-transition:box-shadow 0.3s ease-in-out 0s;

	-o-transition:box-shadow 0.3s ease-in-out 0s;

	-ms-transition:box-shadow 0.3s ease-in-out 0s;

	transition:box-shadow 0.3s ease-in-out 0s;

}

.icon-box h3 {

	font-size:16px;

	line-height: 1;

	margin-bottom: 20px;

}

.lg-icon.diamon d i {

	width:80px;

	height:80px;

	line-height:80px;

}

.outlined.circle i, .filled.circle i {

	border-radius:50%;

}

.box-1 .outlined i {

	background:transparent;

	position:relative

}

.box-1 .outlined i:after {

	content:"";

	width:96%;

	height:96%;

	display:inline-block;

	position:absolute;

	top:2%;

	left:2%;

	z-index:-1;

	-webkit-transform:scale(1.6);

	-moz-transform:scale(1.6);

	-ms-transform:scale(1.6);

	transform:scale(1.6);

	opacity:0;

	-webkit-transition:all 0.4s, opacity 0.7s;

	-moz-transition:transform 0.4s, opacity 0.7s;

	transition:transform 0.4s, opacity 0.7s;

}

.box-1 .filled i:after {

	position:absolute;

	width:100%;

	height:100%;

	content:'';

	-webkit-box-sizing:content-box;

	-moz-box-sizing:content-box;

	box-sizing:content-box;

}

.box-1 .filled.circle i:after, .box-1 .outlined.circle i:after {

	border-radius:50%;

}

.box-1 .filled i:after {

	top:-2px;

	left:-2px;

	padding:2px;

	opacity:0;

	-webkit-transition:-webkit-transform 0.4s, opacity 0.5s;

	-moz-transition:-moz-transform 0.4s, opacity 0.5s;

	transition:transform 0.4s, opacity 0.5s;

	-webkit-transform:scale(.8);

	-moz-transform:scale(.8);

	-ms-transform:scale(.8);

	transform:scale(.8);

}

.box-1:hover .filled i:after {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1;

}

.box-1 .filled.eff-2 i:after {

	-webkit-transform:scale(1.8);

	-moz-transform:scale(1.8);

	-ms-transform:scale(1.8);

	transform:scale(1.8);

}

.box-1:hover .filled.eff-2 i:after {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1;

}

.box-1:hover .outlined i:after {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale( 1);

	opacity:1;

}

.box-1 .transparent i {

	background:transparent;

	font-size:60px;

	height:60px;

	line-height:60px;

	margin-top: 40px;

}

.box-1.bordered {

	border:1px transparent solid;

	display:table;

	overflow:hidden;

	position:relative;

	padding:0 15px;

	width:100%

}

.box-1.bordered:before, .box-1.bordered:after {

	right:0;

	bottom:0;

	content:"";

	position:absolute;

	display:inline-block;

}

.box-1.bordered:before {

	width:100%;

	height:1px;

	left:1px;

	transform:translateX(-100%);

	-webkit-transform:translateX(-100%);

}

.box-1.bordered:after {

	width:1px;

	height:100%;

	transform:translateY(100%);

	-webkit-transform:translateY(100%);

}

.box-1 .bordered .inner {

	display:block;

	padding:20px;

	position:relative;

}

.box-1.bordered .i nner p {

	margin-bottom:0;

}

.box-1.bordered .inner:before, .box-1.bordered .inner:after {

	left:0;

	top:0;

	content:"";

	display:inline-block;

	position:absolute;

}

.box-1.bordered .inner:before {

	width:100%;

	height:1px;

	transform:translateX(100%);

	-webkit-transform:translateX(100%);

	left:1px

}

.box-1.bordered .inner:after {

	width:1px;

	height:100%;

	left:1px;

	transform:translateY(-100%);

	-webkit-transform:translateY(-100%);

}

.box-1.bordered:hover:before, .box-1.bordered:hover:after, .box-1.bordered:hover .inner:before, .box-1.bordered:hover .inner:after {

	transform:translate(0 , 0);

	-webkit-transform:translate(0 , 0);

}

.icon-box.gry-border-1 {

	padding:15px 10px;

}

.icon-box.gry-border-1 .block-icon {

	margin: 30px auto 40px;

}

.icon-box h3.bottom_half_border {

	position:relative;

	padding-bottom:20px;

}

.icon-box h3.bottom_half_border:after {

	position:absolute;

	display:inline-block;

	content:"";

	height:1px;

	width:25%;

	margin-left:-12%;

	bottom:0px;

	left:50%;

	text-decoration:none;

}

.icon-box.gry-border-1:hover i {

	text-shadow:none;

}

.icon-box:hover h3.bottom_half_border:after {

	width:80%;

	margin-left:-40%;

	left:50%;

}

.icon-box.gry-border-2 {

	padding:1px;

}

.icon-box.gry-border-2 .head-bg {

	padding:25px 0;

}

.icon-box.gry-border-2 .block-icon {

	font-size:35px;

	margin:30px auto;

}

.icon-box.gry-border-2 .icon-desc {

	padding:0 20px;

}

.icons-style-2 i {

	font-size:35px;

	margin-bottom:10px;

	border-bottom-style:solid;

	border-bottom-width:3px;

	padding-bottom:10px;

	display:inline-block;

}

.icons-style-2 .heading {

	font-size:17px;

	font-weight:bold;

	text-transform:uppercase;

	margin-bottom:10px;

	padding-bottom:10px;

}

.icon-box-small i {

	float:left;

	margin-right:18px;

	font-size:16px;

	line-height:1.6;

	font-style:normal;

}

.icon-box-small i.md-icon {

	width: 40px;

	height: 40px;

	line-height: 40px !important;

	margin-right:0;

	font-size:12px;

}

.left-icons .icon-box-small i {

	float:right;

	margin-right:0;

	margin-left:18px;

}

.left-icons .icon-box-small .icon-sm-desc {

	margin-left:0;

	margin-right:70px;

	text-align:right;

}

.icon-box-small h3,.icon-box-small h4 {

	font-size: 16px;

	margin-bottom:15px;

	line-height:1.6;

}

.icon-box-small .icon-sm-desc.md-desc {

	margin-left: 55px;

	margin-bottom: 50px;

}

.icon-box-small:last-child .icon-sm-desc.md-desc{

	margin-bottom:0

}

.icon-box-small .icon-sm-desc.md-desc h3,.icon-box-small .icon-sm-desc.md-desc h4{

	margin-bottom: 10px;

	line-height:1

}

.icon-box-small i{

	position:relative;

	text-align:center;

}

.icon-box-small:hover i.filled:before{

	color:#fff

}

.icon-box-small i:before,.icon-box-small i span{

	z-index:1;

	position:relative

}

.icon-box-small i:after{

	background:#222;

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	content:"";

	display:inline-block;

	-webkit-transform: scale(1.7);

	-moz-transform: scale(1.7);

	-ms-transform: scale(1.7);

	transform: scale(1.7);

	opacity: 0;

	z-index:0;

}

.no-after:after{

	display:none !important

}

.icon-box-small i.circle:after{

	border-radius:50%

}

.icon-box-small i.border3px:after{

	border-radius:3px;

}

.icon-box-small:hover i:after{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.icon-box-small .icon-sm-desc h3 {

	margin-bottom:5px;

}

.icon-box-small p {

	margin-bottom:0;

}

.icon-box-small .filled, .icon-box-small .outlined {

	width:50px;

	height:50px;

	line-height: 50px;

	text-align:center;

}

.lg-box {

	padding:40px;

	text-align:center;

	border:1px transparent solid;

}

.lg-box i {

	font-size:25px;

	margin-bottom:30px;

}

.lg-box h4 {

	font-size:17px;

	margin-bottom:15px;

	font-weight:bold;

}



/*

------------ 6.4. Tabs ------------ */

.tab-content .tab-pane{

	padding:20px 0;

	overflow:hidden;

}

.tabs-style-default .tab-content .tab-pane{

	padding:20px;

	background:#fff

}

.tab-content.main-bg .tab-pane{

	padding:20px;

}

.nav-tabs>li>a i{

	margin-right:10px

}

.nav-tabs>li>a i.tab-icon{

	display:table;

	margin:0 auto 5px;

	font-size:15px

}

.nav-tabs>li>a {

	transition: background-color 0.2s, color 0.2s;

	font-weight:600;

	border-radius:0

}

.nav-tabs>li>a:hover{

	background:transparent;

	border-color:transparent;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs {

	border: 0;

}

.nav-tabs>li>a span {

	vertical-align: middle;

	position:relative;

	z-index:1

}

.tabs nav li.active a {

	padding:15px 20px 14px;	

}

.tabs-style-default .nav-tabs>li.active>a,.tabs-style-default .nav-tabs>li.active>a:focus,.tabs-style-default .nav-tabs>li.active>a:hover{

	border-top-width:3px !important

}

.tabs nav li.active a:before{

	height:1px;

	position:absolute;

	bottom:-1px;

	width:100%;

	display:inline-block;

	content:"";

	left:0

}

.tabs-style-ballon .nav-tabs>li.active>a:after,.filter-by.style-2 ul li.active:after,.filter-by.style-3 ul li.active:after{

	content: "";

	position: absolute;

	top: 0;

	left: 50%;

	display: block;

	margin-left: -6px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 5px 5px 0 5px

}

.nav-tabs>li>a:focus {

	outline: none;

}

.tabs nav li a i{

	margin-right:10px

}

.tabs nav li a i.block-icon{

	margin:0 auto 10px;

	display:table;

	font-size:15px

}



/* bottom line */

.tabs-style-bottomline .nav-tabs>li {

	margin-bottom: 1px;

}

.tabs-style-bottomline .nav-tabs li a,.tabs-style-bottomline .nav-tabs li.active a{

	background:transparent !important

}

.tabs-style-bottomline .nav-tabs li:after{

	display:inline-block;

	position:absolute;

	bottom:-5px;

	left:50%;

	width:0;

	content:"";

	height:3px;

}

.tabs-style-bottomline .nav-tabs li.active:before{

	display:inline-block;

	position:absolute;

	bottom:-2px;

	left:50%;

	width:0;

	content:"";

	height:0;

	border-style: solid;

	border-width: 0 4px 4px 4px;

	margin-left:-4px

}

.tabs-style-bottomline .nav-tabs li.active:after{

	left:0;

	width:100%;

}

.tabs-style-bottomline .content-wrap section{

	padding:30px 0

}

.tabs-style-bottomline .tab-icon{

	margin-top:-15px

}



/* bg */

.tabs-style-bg .nav-tabs{

	border-bottom:0

}

.tabs-style-bg .nav-tabs>li{

	margin-bottom:0;

}

.tabs-style-bg .nav-tabs>li a{

	border:0;

	position:relative;

	overflow:hidden

}

.tabs-style-bg .nav-tabs>li a:after {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	width: 100%;

	height: 100%;

	background-color: #f0f0f0;

	content: '';

	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;

	transition: transform 0.3s, background-color 0.3s;

	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);

	transform: perspective(900px) rotate3d(1,0,0,90deg);

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	-webkit-perspective-origin: 50% 100%;

	perspective-origin: 50% 100%;

}

.tabs-style-bg .nav-tabs>li.active a:after{

	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);

	transform: perspective(900px) rotate3d(1,0,0,0deg);

}

.tabs-style-bg .nav-tabs>li.active a i,.tabs-style-bg .nav-tabs>li.active a{

	color:#fff

}

.tabs-style-bg .tab-content .tab-pane{

	padding:20px

}



/* ballon */

.tabs-style-ballon .nav-tabs>li>a{

	padding: 12px 20px;

}

.tabs-style-ballon nav li.active a{

	padding:12px 20px

}

.tabs-style-ballon .nav-tabs>li.active>a:after{

	top:auto;

	bottom:-4px

}

.tabs-style-ballon .tab-content .tab-pane{

	padding:20px;

	border-bottom:3px #ddd solid

}



/* tabs-style-lg 1 */

.tabs-style-lg .nav-tabs{

	margin:auto;

	display:table;

	width:auto;

	position:relative;

	z-index:9;

	margin-bottom:0

}

.tabs-style-lg.style-1 .nav-tabs>li{

	margin:0

}

.tabs-style-lg .nav-tabs>li>a{

	font-size:15px;

	padding: 25px 30px;

	border:0;

	margin:0

}

.tabs-style-lg .nav-tabs>li>a .tab-icon{

	font-size:20px;

	text-align:center;

	background:rgba(0,0,0,0.03);

	padding: 15px 35px;

	margin:0 auto 15px;

	border-radius: 2em;

}

.tabs-style-lg.style-1 .nav-tabs>li.active>a i{

	color:#fff

}

.tabs-style-lg.style-1 .nav-tabs>li.active>a:before {

	content: "";

	position: absolute;

	bottom: -10px;

	left: 50%;

	display: block;

	margin-left: -10px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10px 10px 0 10px;

}

.lg-tab-txt{

	font-size:16px

}

.tabs-style-lg.gry-bg .nav-tabs>li{

	border-top:0

}

/* verticals */

[class*="tabs-style-"].vertical .nav-tabs {

	float:left;

	width:30%;

	border-bottom:0

}

[class*="tabs-style-"].vertical .nav-tabs>li{

	float:none;

	display:block;

	text-align:left;

	margin-bottom: 0;

	margin-right: -1px;

}

[class*="tabs-style-"].vertical >.nav-tabs>li>a{

	margin:0 1px 1px 0;

	border:0 !important

}

.tabs-style-default.vertical >.nav-tabs>li>a{

	margin:0 0 1px -1px;

}

.tabs-style-bottomline .nav-tabs li.active a:before,.tabs.vertical nav li.active a:before{

	display:none

}

[class*="tabs-style-"].vertical .tab-content{

	margin-left:30%;

	clear:none;

}

.tabs-style-ballon.vertical .nav-tabs>li.active> a:after{

	transform:rotate(-90deg);

	right:-7px;

	top:50%;

	margin-top:-3px;

	left:auto

}

.tabs-style-bottomline.vertical .nav-tabs {

	border-bottom:0

}

.tabs.vertical nav li:last-child.active a {

	border-right:0

}

.tabs-style-bottomline.vertical .nav-tabs>li:after{

	width:2px;

	height:100%;

	left:auto;

	top:0;

	right:-1px

}

.tabs-style-bottomline.vertical .nav-tabs>li:before{

	transform:rotate(-90deg);

	right:-1px;

	top:50%;

	margin-top:-3px;

	left:auto

}

.tabs-style-bottomline.vertical .nav-tabs>li>a{

	border-top:0 !important;

	border-left:0 !important;

	border-bottom:0 !important;

}

.tabs-style-bottomline.vertical .tab-content .tab-pane,.tabs-style-ballon.vertical .tab-content .tab-pane{

	padding:10px 30px

}

.tabs-style-bg.vertical .nav-tabs>li.active a:after {

	-webkit-transform: perspective(900px) rotate3d(0,1,0,0deg);

	transform: perspective(900px) rotate3d(0,1,0,0deg);

}

.tabs-style-bg.vertical .nav-tabs>li a:after {

	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;

	transition: transform 0.3s, background-color 0.3s;

	-webkit-transform: perspective(900px) rotate3d(0,1,0,-90deg);

	transform: perspective(900px) rotate3d(0,1,0,-90deg);

	-webkit-transform-origin: 100% 50%;

	transform-origin: 100% 50%;

	-webkit-perspective-origin: 100% 50%;

	perspective-origin: 100% 50%;

	right:0 !important;

	left:auto !important

}

.tabs-style-ballon.vertical .nav-tabs>li{

	border-bottom:1px transparent solid

}

.tabs-style-ballon.vertical .tab-content .tab-pane{

	border-bottom:0;

	border-right:3px transparent solid

}

/*

------------- 6.5. Accordions ------------ */

.accordion .panel:not(.main-bg){

	background:transparent;

}

.accordion .panel{

	-webkit-box-shadow: none;

	box-shadow: none;

	border:0px transparent none;

}

.panel-body p{

	margin:0

}

.accordion .panel-default,.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {

	border:0px transparent none;

}

.accordion .panel>.panel-heading{

	cursor:pointer;

	border:0;

	padding:0;

	margin:0;

	font-weight:600;

	background-color:transparent;

}

.accordion .panel >.panel-heading h4{

	font-size:14px;

}

.accordion .panel >.panel-heading h4 a{

	display:block;

	padding:12px 18px;

	position:relative;

}

.accordion.style-5 .panel >.panel-heading h4 a{

	overflow:hidden

}

.accordion .panel.main-bg >.panel-heading h4 a,.accordion .panel.main-bg >.panel-heading h4 a i,.accordion .panel >.panel-heading h4 a.main-bg,.accordion .panel >.panel-heading h4 a.main-bg i{

	color:#fff

}

.accordion .panel>.panel-heading h4 a:after {

	position:absolute;

	top:50%;

	right:15px;

	display:inline-block;

	font:normal normal normal 14px/1 FontAwesome;

	content:"\f106";

	margin-top:-8px

}

.accordion .panel>.panel-heading h4 a.collapsed:after {

	content:"\f107";

}

.panel-title i {

	margin-right:10px;

	padding-bottom: 10px;

    display: block;

    float: left;

    vertical-align: middle;

    line-height: 1.5em;

}

.accordion.style-3 .panel-title a:not(.collapsed) i{

	color:#fff

}

/* style 1 */

.accordion.style-1 .panel >.panel-heading h4 a{

	border:1px transparent solid

}

.accordion.style-1 .panel >.panel-heading h4 a:not(.collapsed):before{

	position:absolute;

	height:1px;

	width:99%;

	left:0.5%;

	bottom:-3px;

	content:"";

	display:inline-block

}



/* style 3 */

.accordion.style-3{

	-webkit-box-shadow: 0 0px 4px rgba(0,0,0,.3);

	box-shadow: 0 0px 4px rgba(0,0,0,.3);

}

.accordion.style-3 .panel:first-child >.panel-heading h4 a{

	border-top:0px;

}

.accordion.style-3.border5px .panel:first-child >.panel-heading h4 a{

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}



/* style 4 */

.accordion.style-4 .panel>.panel-heading h4 a:after {

	content:"\f068";

	font-size:12px

}

.accordion.style-4 .panel>.panel-heading h4 a.collapsed:after {

	content:" \f067";

}

.accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed):before{

	display: inline-block;

	position: absolute;

	bottom: -6px;

	left: 5%;

	width: 0;

	content: "";

	height: 0;

	border-style: solid;

	border-width: 6px 6px 0 6px;

}



/* style 5 */

.accordion.style-5 .panel>.panel-heading h4 a:after{

	background-color:rgba(255,255,255,.15);

	top:0;

	right:0;

	padding:15px 17px 16px;

	margin:0

}

.accordion.style-5 .panel>.panel-heading h4 a i{

	background-color:rgba(255,255,255,.15);

	padding:15px 12px 16px;

	margin:-12px 12px -12px -18px

}

.accordion.style-5 .panel-collapse{

	margin-left:39px;

	margin-right: 42px;

}

/*

---------------- 6.6. Progress bars --------------- */

.progress-bars .progress{

	position:relative;

	overflow:visible;

}

.progress-bars .bar {

	position:relative

}

.progress-bars.tiny-line .progress{

	height:2px;

}

.progress-bars.small-line .progress{

	height:10px;

}

.progress-bars.lg-line .progress{

	height: 25px;

}

.progress-bars.xl-line .progress{

	height: 35px;

}

.progress-bars .progress-bar,.progress-bars .progress{

	-webkit-transition: width 1s ease-in-out;

	-moz-transition: width 1s ease-in-out;

	-o-transition: width 1s ease-in-out;

	transition: width 1s ease-in-out;

}

.progress-bars .bar-title{

	display:inline-block;

	margin-bottom:5px;

}

.progress-bars .progress-bar{

	position:relative;

	opacity:0

}

/* small lines */

.progress-bars.tool-tip .progress-bar span{

	position:absolute;

	right:0;

	top: -25px !important;

}

.progress-bars.tiny-line .progress{

	margin-bottom:30px

}

/* style 2 */

.progress-bars.style-2 .bar{

	margin-right:0

}

.progress-bars.tool-tip .progress-bar span{

	padding:1px 4px;

	width:auto;

	display:block;

	font-size:11px;

	color: #fff !important;

	top: -25px;

	border-radius: 0 !important;

}

.progress-bars.tool-tip .progress-bar span:after{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 4px 4px 0 4px;

	position:absolute;

	left:50%;

	margin-left:-4px;

	bottom:-3px;

	content:"";

	display:inline-block

}



/* lg line */

.progress-bars.lg-line:not(.tool-tip) .progress-bar span{

	top: 1px;

	right: 1px;

	height: 23px;

	line-height: 23px;

	width: 23px;

	background:rgba(255,255,255,.7);

	color:#333;

	font-weight:600;

	font-size: 8px;

	position: absolute;

}

.progress-bars:not(.tool-tip) .progress-bar{

	overflow:hidden

}

/* xl line */

.progress-bars.xl-line:not(.tool-tip) .progress-bar span{

	top: 1px;

	right: 1px;

	height: 33px;

	line-height: 33px;

	width: 33px;

	background:rgba(255,255,255,.7);

	color:#333;

	position: absolute;

	font-weight:600



}

.progress-bars.xl-line:not(.tool-tip) .progress-bar span:after,.progress-bars.lg-line:not(.tool-tip) .progress-bar span:after{

	display:none

}

.progress-bars.xl-line:not(.tool-tip) .progress-bar span,.progress-bars.lg-line:not(.tool-tip) .progress-bar span{

	border-radius:50%

}

.progress-bars.xl-line .bar span.bar-title.in-bar{

	position:absolute;

	left:10px;

	top:11px;

	z-index:6;

	color:#fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,.5);

}

.progress-bars.lg-line .bar span.bar-title.in-bar{

	position:absolute;

	left:10px;

	top:5px;

	z-index:6;

	color:#fff;

	font-size:12px;

	text-shadow: 1px 1px 1px rgba(0,0,0,.5);

}



.sm-progress{

	text-shadow: none !important;

	margin-left:10px

}



/* style 5 */

.progress-bars.style-5,.progress-bars.style-6{

	overflow:hidden;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

	border-style:solid;

	border-width:1px

}

.progress-bars.style-5 .progress,.progress-bars.style-6 .progress{

	background:transparent;

	-webkit-box-shadow: none;

	box-shadow: none;

	padding: 2px 65px 25px 20px;

	margin-bottom: 0;

	border-radius:0

}



.progress-bars.style-5 .progress .progress-bar,.progress-bars.style-6 .progress .progress-bar{

	position:static;

	height:10px;

	float:none

}

.progress-bars.style-5 .progress-bar span,.progress-bars.style-6 .progress-bar span{

	position: absolute;

	right: 0;

	height: 61px;

	line-height: 61px;

	width: 60px !important;

	top: -34px !important;

	text-align: center;

	font-weight: bold;

	border-radius:0 !important

}

.progress-bars.style-5 span.bar-title,.progress-bars.style-6 span.bar-title{

	margin-left:20px;

	margin-top: 10px;

}



/*

-------------------- 6.7. Circliful charts ----------------- */

.circliful {

	position: relative;

	font-weight:900;

}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {

	width: 100%;

	position: absolute;

	text-align: center;

	display: inline-block;

}

.circle-info, .circle-info-half {

	font-size:14px;

	font-weight:normal;

	margin-top:10px

}

.c-chart[data-type=half] .circle-info-half {

	margin-top:7px

}

.circliful .fa {

	position: absolute;

	top: 25%;

	left:50%;

}

.circliful .fa:before{

	position:relative;

	left:-50%;

}

.c-chart.bottom-txt{

	display:table;

	margin:auto

}

.c-chart.bottom-txt .fa{

	top:50%;

}



/*

------------- 6.8. CTA ---------------- */

.cta_btn{

	

}

.cta-left{

	width:70%;

	line-height: 1;

}

.cta-icon{

	margin: 0 25px 0 0;

}

h2.cta_heading{

	font-size:27px;

	margin-bottom: 0;

	line-height: 1;

}

h4.cta_heading{

	font-size:15px;

	margin-top: 8px;

	font-weight:normal;

	margin-bottom: 0;

}

.cta_btn p{

	margin: 10px 0 0;

	width:90%;

	line-height: 1.7;

}

.cta_btn .btn{

	margin:0

}

/*

------------- 6.9. Team Boxes ---------------- */

.team-box{

	overflow:hidden;

	position:relative;

}

.team-box .team-img,.team-box .team-details{

	text-align:center;

}

.team-box .team-details .team-name{

	padding:20px 0 5px;

	font-size:16px;

	font-weight:bold;

	margin:0

}

.team-box .team-details .team-pos{

	padding:8px 0 20px;

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	margin:0

}

.team-box .social-list{

	display:table;

	margin:auto

}

.team-box.box-2 .social-list li a{

	border:1px #919191 solid;

}

.team-box.box-1 .team-details{

	padding-bottom:30px

}

.team-box.box-1 .team-img{

	background:#2c333b

}

.team-box.box-1:hover .team-details .team-name,.box-1:hover .team-details .team-pos,.box-3:hover .team-name,.team-box.box-2:hover .social-list li a{

	color:#fff

}



/* box 2 */

.team-box.box-2 .team-img{

	position:relative;

	overflow:hidden

}



.team-box.box-2 .team-name{

	padding: 15px 0;

}

.team-box.box-2 .team-details .team-pos{

	padding:12px 0;

}

.team-box.box-2 .social-list li{

	transform:scale(0);

	-webkit-transform: scale(0);

}

.team-box.box-2 .social-list li:nth-child(2) {

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}

.team-box.box-2 .social-list li:nth-child(3) {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}

.team-box.box-2 .social-list li:nth-child(4) {

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}

.team-box.box-2 .social-list li:nth-child(5) {

  -webkit-transition-delay: 0.25s;

  transition-delay: 0.25s;

}

.team-box.box-2 .social-list li:nth-child(6) {

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}

.team-box.box-2 .social-list li:nth-child(7) {

  -webkit-transition-delay: 0.35s;

  transition-delay: 0.35s;

}



.team-box.box-2 .box-socials{

	position:absolute;

	top: 80%;

	z-index:5;

	width: 100%;

}

.team-box.box-2:hover .social-list li{

	transform:scale(1);

	-webkit-transform: scale(1);

}

.team-box.box-2 .team-img span,.team-box.box-3 .team-img span{

	position:absolute;

	width:100%;

	height:100%;

	background:rgba(0,0,0,.7);

	z-index:3;

	opacity:0;

	left:0

}

.team-box.box-2:hover .team-img span,.team-box.box-3:hover .team-img span{

	opacity:1

}



/* box 3 */

.team-box.box-3,.team-box.box-4{

	position:relative;	

}

.team-box.box-3 .team-details,.team-box.box-4 .team-details{

	position:absolute;

	bottom:-100%;

	width:100%;

	padding-bottom:20px;

	z-index:5

}

.team-box.box-3:hover .team-details{

	bottom:0

}



/* box 4 */

.team-box.box-4 .team-img{

	position:relative

}

.team-box.box-4 .team-details .team-name{

	background:rgba(0,0,0,.07);

	color:#fff;

	padding:10px 0 8px;

	line-height:1.5;

	font-size:15px

}

.team-box.box-4 .team-details .team-pos{

	color:#444 !important;

	padding:8px 0 10px;

	position:relative;

	margin:5px 0 15px

}

.team-box.box-4 .team-details .team-pos:after{

	position:absolute;

	background:#fff;

	height:3px;

	width:20px;

	left:50%;

	margin-left:-10px;

	bottom:0;

	content:"";

	display:inline-block

}

.team-box.box-4 .team-details p{

	padding:5px 25px

}

.team-box.box-4 .team-details{

	-webkit-transform: translateX(-100%);

	-moz-transform: translateX(-100%);

	-o-transform: translateX(-100%);

	-ms-transform: translateX(-100%);

	transform: translateX(-100%);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	opacity: 1;

	height:100%;

	padding:20px 0;

	top:0;

}

.team-box.box-4:hover .team-details {

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	-o-transform: translateX(0px);

	-ms-transform: translateX(0px);

	transform: translateX(0px);

}

.team-box.box-4:hover .team-img {

	-webkit-transform: translateX(100%);

	-moz-transform: translateX(100%);

	-o-transform: translateX(100%);

	-ms-transform: translateX(100%);

	transform: translateX(100%);

}

/* box 5 */

.box-5{

	padding-bottom:20px

}

.rounded-img{

	border-radius:50%;

	overflow:hidden;

	max-height:275px

}

.box-5:hover .team-pos,.box-5:hover .team-name{

	color:#fff

}



/*

----------------- 6.10. Pricing Tables --------------- */

.pricing-tbl{

	text-align:center;

}

.pricing-tbl ul{

	margin:auto;

	width:85%

}

.pricing-tbl ul li{

	padding:12px 0;

}

.pricing-tbl ul li:first-child{

	border-top-width:0

}

.pricing-tbl.style-1 ul li:first-child{

	border-top-width:1px

}

.pricing-tbl h3{

	padding:30px 0;

	font-size:17px;

	font-weight:bold;

	margin:0

}

.pricing-tbl .pricing-footer{

	padding:25px 0

}

.pricing-tbl .price-lg{

	font-size:28px;

}

.pricing-tbl .price_txt{

	padding:5px 0

}

.pricing-tbl .pricing-footer .btn{

	padding-right:30px;

	padding-left:30px;

	text-transform:none

}



/* style 2 */

.pricing-tbl.style-2 ul,.pricing-tbl.style-4 ul{

	margin-top:10px

}

.pricing-tbl.style-2 h3{

	position:relative;

	text-transform:uppercase

}

.pricing-tbl.style-2 h3:before, .pricing-tbl.style-2 h3:after {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-color: transparent;

	border-bottom: 0;

}

.pricing-tbl.style-2 h3:before {

	bottom: -7px;

	left: 50%;

	border-width: 6px;

	margin-left:-6px

}

.pricing-tbl.style-2 h3:after {

	bottom: -6px;

	left: 50%;

	border-width: 6px;

	margin-left:-6px

}



/* style 3 */

.pricing-tbl.style-3 .price_txt{

	display:table;

	width:140px;

	height:140px;

	border-radius:50%;

	padding-top: 40px;

	margin:auto;

	text-align:center

}

.pricing-tbl.style-3 .price_txt span{

	display:block

}

.pricing-tbl.style-3 ul li:nth-child(2){

	border-top:0

}

.pricing-tbl.style-3:hover ul li,.pricing-tbl.style-3.selected ul li{

	color:#fff;

	border-color:rgba(255,255,255,0.2)

}

.pricing-tbl.style-3:hover h3,.pricing-tbl.style-3.selected h3{

	color:#fff

}



/* style 4 */

.pricing-tbl.style-4.no-margin{

	margin: 0 -16px;

	position:relative;

	padding:0;

	z-index:1

}

.pricing-tbl.style-4 .plan-head{

	position:relative;

	text-transform:uppercase;

	padding-bottom: 30px;

	margin-bottom: 57px;

}

.pricing-tbl.style-4 .plan-head h3{

	position:relative;

	z-index:5

}

.pricing-tbl.style-4 .plan-head:before{

	width: 104px;

	height: 104px;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -52px;

	bottom: -52px;

	border-radius: 50%;

	z-index: 0;

	content: "";

	display: inline-block;

}

.pricing-tbl.style-4 .plan-head:after{

	width: 104px;

	height: 52px;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -52px;

	bottom: 0;

	z-index: 1;

	content: "";

	display: inline-block;

}

.pricing-tbl.style-4 .plan-head i{

	width:94px;

	height:94px;

	text-align:center;

	line-height:94px;

	position:absolute;

	left:50%;

	margin-left:-47px;

	bottom:-47px;

	border-radius:50%;

	font-size:25px;

	z-index:5

}

.pricing-tbl.style-4 ul{

	width:100%;

}

.pricing-tbl.style-4 ul li{

	border:0

}

.pricing-tbl.style-4.no-margin:hover{

	margin-top: -20px;

	z-index:3;

	padding:0 0 40px !important;

	-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,.25);

	box-shadow: 0 0 20px -2px rgba(0,0,0,.25);

}

.pricing-tbl.style-4.no-margin.selected{

	margin-top: -20px;

  	z-index:2;

	padding:0 0 40px !important;

	-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,.25);

	box-shadow: 0 0 20px -2px rgba(0,0,0,.25);

}

.pricing-tbl.style-4.selected .plan-head h3{

	color:#fff

}



/* 

------------- 6.11. Testimonials -------------- */

.testimonials-1 .testimonials-bg {

	position:relative;

	z-index:4;

	margin:10px 15px 5px 20px;

	padding:20px;

	border-radius: 15px;

	border-bottom-right-radius: 0;

}

.testimonials-1 .testimonials-bg:before,.testimonials-1 .testimonials-bg:after{

	position:absolute;

	content:"";

	display:inline-block;

	bottom:-3px;

	right:-3px;

	width:3px;

	height:50px;

}

.testimonials-1 .testimonials-bg:after{

	width:50px;

	height:3px

}

.testimonials-1 .testimonials-img {

	position:relative;

	z-index:2;

	left:-30px;

	top:-30px;

	width:70px;

	float:left

}

.testimonials-1 .testimonials-img img{

	max-width:70px

}

.testimonials-1 .testimonials-img:before,.testimonials-1 .testimonials-img:after{

	display:inline-block;

	content:"";

	position:absolute;

	top:0;

	right:-10px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10px 0 0 10px;

	border-color: transparent transparent transparent #007bff;

}

.testimonials-1 .testimonials-img:after{

	bottom:-10px;

	left:0;

	right:auto;

	top:auto;

	border-width: 0 10px 10px 0;

	border-color: transparent #007bff transparent transparent;

}



.testo-pos{

	display:inline-block;

	padding:3px 5px;

	font-size:12px;

	clear:both;

	line-height:1

}

.testimonials-1 .testimonials-name {

	position: relative;

	left: -10px;

	top:-8px;

	line-height:1.8

}

.testimonials-1 p{

	margin:0 0 -10px;

	clear:both;

	position:relative;

	top:-10px

}

.testimonials-2 .testimonials-img {

	position:relative;

	z-index:2;

	margin:0 auto 20px;

	width:100px;

	overflow:hidden;

	padding:0;

}

.testimonials-2 .testimonials-img img{

	border-radius:50%;

	width:100px;

}

.testimonials-2 .testimonials-name {

	display:table;

	margin:20px auto 0;

	padding:7px;

	font-size:12px;

	line-height:1;

}

.testimonials-2 p {

	font-size:15px;

	width:65%;

	display:table;

	margin:15px auto 10px;

	text-align:center;

	position:relative;

}

.testimonials-2 p:before {

	position:absolute;

	content:"\f10d";

	font:normal normal normal 16px/1 fontAwesome;

	top:-7px;

	left:-14px;

}

.testimonials-2 p:after {

	position:absolute;

	content:"\f10e";

	font:normal normal normal 16px/1 fontAwesome;

	bottom:-7px;

	right:-14px;

}

.testimonials-3 {

	position:relative;

}

.testimonials-3 .testimonials-bg{

	padding:15px 20px;

	margin:0 15px 15px;

	border-bottom:3px #ddd solid;

	position:relative;

	overflow: hidden;

}

.testimonials-3 .testimonials-bg:after,.testimonials-3 .testimonials-bg:before,.testimonials-4 .testimonials-bg:before{

	display:inline-block;

	content:"";

	position:absolute;

	bottom: -15px;

	left:100px;

	width: 10px;

	height: 10px;

}

.testimonials-3 .testimonials-bg:before,.testimonials-4 .testimonials-bg:before{

	width: 0;

	height: 5px;

	bottom: -5px;

	left: 0;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

}

.testimonials-3 .testimonials-name{

	padding:15px;

	margin:0 -20px -15px;

}

.testimonials-3 .testimonials-name{

	padding:15px;

	margin:0 -20px -15px;

}

.testimonials-3 .testimonials-name span.block{

	margin-bottom:-5px;

	font-size:12px

}

.testimonials-3 .testimonials-img{

	display:table;

	margin:auto !important;

	float:none !important

}

.testimonials-3 .tbl-cell {

	display:table-cell;

}

.testo-cell {

	display:table-cell;

}

.testimonials-bg p{

	margin-bottom:0

}

.testimonials-4 .testimonials-bg {

	position:relative;

	padding: 20px 20px 30px;

	margin: 0 15px 10px;

}

.testimonials-4 .testimonials-img, .testimonials-3 .testimonials-img {

	width:70px;

	float:left;

	margin:0 15px 0 0;

}

.testimonials-4 .testimonials-img{

	margin-left: 30px;

	margin-top: -30px;

	position:relative

}

.testimonials-4 .testimonials-img, .testimonials-3 .testimonials-img{

	border-width:0;

	border-bottom-width:3px;

	padding-bottom:4px;

	border-radius:50%

}

.testimonials-4 .testimonials-img img, .testimonials-3 .testimonials-img img{

	border-radius:50%

}



.testimonials-4 .testimonials-name {

	padding:10px;

	float:left;

	margin-top: -5px;

}

.testimonials-4 .testimonials-bg:after{

	left: 76px;

}

/* Style 5 */

.testimonials-5{position:relative;}

.testimonials-5 [class*="col-md-"], .clients-grid1 [class*="col-md-"], .clients-grid2 [class*="col-md-"], .clients-grid3 [class*="col-md-"] {

	padding-top:25px;

	padding-bottom:10px;

	/* border-style:dashed; */

	border-width:0;

	border-bottom-width:1px;

	border-right-width:1px;

}

.testimonials-5 [class*="col-md-"]:first-child, .clients-grid1 [class*="col-md-"]:first-child, .clients-grid2 [class*="col-md-"]:first-child, .clients-grid3 [class*="col-md-"]:first-child {

	border-left-width:1px;

}

.testimonials-5 .row:first-child [class*="col-md-"], .clients-grid1 .row:first-child [class*="col-md-"], .clients-grid2 .row:first-child [class*="col-md-"], .clients-grid3 .row:first-child [class*="col-md-"]{

	border-top-width:1px;

}

.normal-testimonials .testimonials-img img{

	width:70px;

	float:left;

	border-radius:50%

}

.normal-testimonials .testimonials-name,.normal-testimonials p{

	margin-left:85px;

}



.testimonials-5 .testimonials-name {

	margin:0;

	text-align:center;

	padding:15px 0 ;

}

.testimonials-5 .testimonials-name:before {

	display:none;

}

.testimonials-5 .testimonials-img {

	margin-right:20px;

	margin-bottom:0;

	width:70px;

	float:left;

}

.testimonials-5 .testimonials-img img {

	overflow:hidden;

	padding:2px;

	border-width:1px;

	border-style:solid;

	width:70px;

}

.testimonials-5 .testimonials-name:after {

	display:none;

}

.testimonials-5 .testo-name {

	padding:8px 0 0;

	text-transform:uppercase;

	letter-spacing:1px;

}

.testimonials blockquote p{

	font-size: 13px;

	line-height: 1.7;

	padding-top:15px

}

.testimonials blockquote span{

	font-size: 13px;

	padding:20px 0 0

}

.testimonials blockquote .testimonials-img{

	display:table;

	margin:15px auto 0;

}

.testimonials blockquote .testimonials-img img{

	width:70px;

	border-radius:50%

}



/*

----------- Fun Staff ----------- */

.fun{

	padding:20px

}

.fun-number{

	margin:5px 0;

	font-size:35px;

	white-space: nowrap;

}

.fun-info{

	font-size:17px;

	white-space: nowrap;

}

.fun-icon{

	display:table;

	margin: 0 auto 20px;

	position:relative;

	font-size:35px;

	text-align:center;

}

.fun-icon.round{

	border-radius: 2em;

}

.fun-icon.lg-icon i:before{

	top: -2px;

	position:relative

}

.fun-icon.lg-icon i{

	font-size:35px;

}

.c-chart[data-type=half] .circle-text-half{

	margin-top:-10px

}

.c-chart[data-type=half] .circle-info-half{

	margin-top:2px

}



/*

---------- features ------------- */

.feature-img{

	overflow:hidden

}

.feature-img figure {

	position:relative;

	overflow:hidden;

	text-align:center;

}

.feature-img figure a {

	font-weight:700;

	font-size: 35px;

	text-align:center;

	line-height: 43px;

	z-index:5;

	background:#fff;

	position:absolute;

	content:"";

	display:inline-block;

	right: 10px;

	bottom:0;

	width: 35px;

	height: 35px;

}

.feature-img figure a span {

	position:relative;

	z-index:3;

}

.feature-details-hidden{

	position:absolute;

	bottom:0;

	width:80%;

	left:10%;

	z-index:999;

	color:#fff;

	opacity:0

}

.feature-details2 h4{

	margin-bottom:15px

}

.feature-img:hover .feature-details-hidden{

	bottom:50px;

	opacity:1

}

.feature-img .feature-details-hidden .feature-head{

	padding-bottom:0;

	margin-bottom:10px

}

.feature-img figure:before {

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	content:"";

	display:inline-block;

}

.feature-img figure img{

	-moz-transition: all 0.9s ease;

	-ms-transition: all 0.9s ease;

	-o-transition: all 0.9s ease;

	-webkit-transition: all 0.9s ease;

	transition: all 2s ease;

}

.feature-img:hover figure img{

	transform:scale(1.5);

	-webkit-transform:scale(2);

}

.feature-img:hover figure:before {

	border-style:solid;

	border-width:5px;

	background:rgba(0,0,0,.5);

	z-index:3;

}

.feature-details {

	padding:20px 0 15px;

}

.feature-details .feature-head {

	margin-bottom:10px;

	text-transform:uppercase

}

.feature-img:hover .feature-details {

	background:#444;

	color:#fff;

	padding:20px 15px 15px;

}

.feature-img .no-hover{

	background:transparent !important;

	color:inherit !important;

	padding:20px 0 15px !important

}

.feature-img:hover .no-hover h5{

	color:inherit !important;

}

.feature-img .feature-details p{

	margin-bottom:0

}

.feature-img:hover .feature-head, .feature-img:hover figure a {

	color:#fff;

}

.feature-img:hover figure a{

	height:50px;

	line-height:52px

}

/* feature 2 */

.feature-img2 figure{

	position:relative;

	margin-bottom:20px;

	overflow:hidden

}

.feature-img2 figure:after{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background:rgba(0,0,0,.5);

	content:"";

	display:inline-block;

	z-index:1;

	opacity:0

}

.feature-img2:hover figure:after{

	opacity:1

}

.feature-img2 figure a{

	position:absolute;

	right:50%;

	bottom:50%;

	margin-right: -25px;

	margin-bottom: -25px;

	width: 50px;

	height: 50px;

	text-align:center;

	line-height: 50px;

	z-index:2;

	-webkit-transform:scale(7);

	transform:scale(7);

	opacity:0

}

.feature-img2 figure a span{

	font-size:35px

}

.feature-img2:hover figure a{

	-webkit-transform:scale(1);

	transform:scale(1);

	opacity:1;

}

/*

------------- 6.12. Pagination ---------------- */

.pagination{

	clear:both;

	padding-top:20px;

	display:table;

	margin:auto;

	position:relative

}

.pagination ul li{

	float:left;

	margin:0 0 0 3px;

	padding-left: 10px;

	    padding-right: 0px!important;

}

.pagination ul li:first-child{

	margin-left: 2px

}

.pagination ul li a{

	display:block;

	width:40px;

	text-align:center;

	height:40px;

	line-height:40px

}



/* diamond */

.pagination.diamond-pager li{

	transform:rotate(-45deg);

	margin: 0 8px

}

.pagination.diamond-pager li a{

	transform:rotate(45deg);

	width:35px;

	height:35px;

	line-height:35px

}



/* circle */

.pagination.circle-pager ul li{

	border-radius:50%

}



/* bottom border */

.pagination.bottom-border ul li{

	margin:0 0 0 1px;

	border-radius:0px;

	border:0;

}

.pagination.bottom-border ul li a{

	width:50px;

	height:50px;

	line-height:50px

}

.pagination.bottom-border ul li:hover a{

	color:#fff

}



/* bar-1 */

.pagination.bar-1 ul,.pagination.bar-2 ul{

	border-radius:20em;

	overflow:hidden;

}

.pagination.bar-1 ul li{

	border-radius:0px;

	border:0;

	background:transparent;

	margin:0

}

.pagination.bar-1 ul li:first-child{

	border:0

}

.pagination.bar-1 ul li a{

	font-size:15px;

	font-weight:bold;

	width:50px;

	height:50px;

	line-height:50px;

}

.pagination.bar-2 ul{

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);

	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);

	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);

}

.pagination.bar-2 ul li{

	border:0;

	background:transparent;

}

.pagination.bar-2 ul li a{

	font-size:15px;

	font-weight:bold;

	width:auto;

	height:40px;

	line-height:40px;

	min-width:40px

}

.pagination.bar-2 ul li a.main-bg {

	color:#fff;

	font-size:12px;

	padding-left:10px;

	padding-right:10px;

	font-weight:normal

}

.pagination.bar-2 ul li a.main-bg i.fa-chevron-left{

	margin:0 5px 0 0

}

.pagination.bar-2 ul li a.main-bg i.fa-chevron-right{

	margin:0 0 0 5px

}

.pagination.bar-2 ul li:hover a,.pagination.bar-2 ul li.selected a{

	color:#fff

}



/* bar 3 */

.pagination.bar-3 ul li:not(.next_page):not(.prev_page):not(.selected) {

	background:transparent;

	border:0;

	position:relative;

	margin:0

}

.pagination.bar-3 ul li a{

	font-size:15px;

	font-weight:bold;

	line-height:35px

}

.pagination.bar-3 ul li.selected a{

	color:#fff;

}

.pagination.bar-3 ul li.next_page a,.pagination.bar-3 ul li.prev_page a{

	height: 33px;

	line-height: 37px;

}

.pagination.bar-3 ul{

	overflow:hidden

}

.pagination.bar-3 ul:after{

	position: absolute;

	left: 0;

	bottom: -8px;

	width: 130%;

	height: 11px;

	border-radius: 20em;

	content: "";

	display: inline-block;

	margin-left: -55px;

	z-index:1

}

.pager-slider{

	position: absolute;

	left: 0;

	bottom: -5px;

	height: 5px;

	border-radius: 20em;

	content: "";

	display: inline-block;

	margin-left: -50px;

	z-index: 2;

	width:0

}





/* ---- 6.13. Message boxes -------------- */

.msg-box {

	position: relative;

	margin: 0 auto 15px;

	padding: 15px;

	border-width: 1px;

	border-style: solid;

}

.msg-box i,.msg-box .ico {

	color: #111;

	position:absolute;

	left:25px;

	top:50%;

	margin-top:-10px;

	font-size:16px

}

.msg-box h4 {

	margin-bottom: 0px;

	font-weight: bold;

	font-size: 15px;

}

.msg-box p {

	margin: 5px 0 0;

	padding-bottom: 0;

}

.warning-box {

	border-color: #e0d594;

	background: #fff6bf;

}

.info-box {

	border-color: #9fc6d7;

	background: #c2e1ee;

}

.success-box {

	border-color: #a0c272;

	background: #bbdd8c;

}

.error-box {

	border-color: #f2b1b4;

	background: #f1d5d6;

}

.rounded{

	border-radius:15px

}

.round{

 border-radius:50em



}

.msg-box.round{

	padding:20px 40px

}

.msg-box.outlined{

	background-color:transparent;

	border-width:2px

}

.msg-box.with-icon{

	padding-left:60px

}



/* ==========================================================================

  7. PAGE SPECIFIC STYLES.

============================================================================= */

/*

---------------- Widgets -------------------- */

.sidebar_widgets .widget-head{

	font-size: 16px;

	margin-bottom: 15px;

	padding-bottom: 10px;

	text-transform:uppercase;

	position:relative

}

.sidebar_widgets .widget-content{

	overflow:hidden;

}

.sidebar_widgets li.widget{

	margin-bottom: 40px;

	border-bottom: 1px #ddd solid;

	padding: 15px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

	position:relative;

}

.sidebar_widgets li.widget:before,.sidebar_widgets li.widget:after,.sidebar_widgets .widget-head:after{

	position:absolute;

	bottom:-3px;

	left: 5%;

	width: 90%;

	height:1px;

	content:"";

	display:inline-block;

}

.sidebar_widgets li.widget:after{

	bottom:-5px;

	left: 10%;

	width: 80%;

}

.sidebar_widgets .widget-head:after{

	bottom:-1px;

	left:0;

	width:20%;

}

.sidebar_widgets h5{

	font-size:13px;

	margin-bottom:10px;

	font-weight:normal

}

.sidebar_widgets .meta{

	font-size:11px;

	margin-bottom: 5px;

}

.sidebar_widgets .tab-content .tab-pane{

	padding:15px

}

/* search */

.search-widget .txt-box{

	height:40px;

	padding:0 35px 0 10px;

	width:100%;

	border:0;

	background:transparent

}

.search-widget .widget-content{

	position:relative;

}

.search-widget button{

	background:transparent;

	border:0;

	position:absolute;

	right:5px;

	top:10px

}



.sidebar_widgets ul.flickr-widget li img, .sidebar_widgets ul.flickr-widget .img-overlay {

	width: 56px;

	height: 56px;

}

.sidebar_widgets ul.flickr-widget .img-overlay:before {

	line-height: 56px;

	height: 56px

}

.sidebar_widgets ul.flickr-widget .flickr{

	height:56px;

}



/* recent posts */

.w-recent-posts > ul > li, .w-recent-comments ul li {

	padding: 8px 0;

}

.widget-categories ul li {

	padding: 10px 0;

}

.w-recent-posts > ul > li:first-child, .widget-categories ul li:first-child, .w-recent-comments ul li:first-child {

	border-top: 0px;

}

.w-recent-posts .post-img {

	float: left;

	margin-right: 10px;

	max-height: 55px;

	overflow:hidden

}

.w-recent-posts .post-img img {

	padding: 1px;

	width: 55px;

}

.w-recent-posts .meta span {

	display: inline-block;

	margin-right: 10px;

}

.w-recent-posts .meta i {

	margin: 0 5px 0 0;

}

.w-recent-posts li{

	padding:10px 0

}

.w-recent-posts li:first-child{

	border-top:0px

}

.sale-widget .meta span{

	margin-right:2px !important

}

.widget-content .accordion{

	margin:10px auto

}

.widget-categories li span{

	float:right

}

/* recent comments widget */

.w-recent-comments i {

	margin-right: 10px;

	font-size: 40px;

}

.w-recent-comments i.fa.fa-clock-o {

	font-size: 16px;

	vertical-align:middle

}

.w-recent-comments h5 {

	margin: 10px 0 5px;

	font-size:12px;

	width:70%;

	overflow:hidden;

	white-space:nowrap;

	text-overflow: ellipsis;

}



/* Tag cloud */

.tags-widget {

	overflow: hidden;

}

.tags-widget .tags a {

	display: block;

	float: left;

	margin: 0 2px 4px;

	padding: 0 10px;

	font-size: 12px;

	line-height:30px;

	text-transform:uppercase



}

.main-bg .tags-widget .tags a {

	background-color:rgba(0,0,0,.1);

	color:#fff

}

.widget-content .tags {

	overflow: hidden;

}



/* tabs widget */

.sidebar_widgets .nav-tabs>li>a{

	padding:12px 15px;

}

.sidebar_widgets .tabs nav li.active a:before {

	bottom: -2px;

}

.sidebar_widgets .tab-content{

	margin-bottom:50px;

	border-bottom-left-radius: 1em;

	border-bottom-right-radius: 1em;

	border-top-right-radius: 1em;

}

.tab-content.main-bg h5,.tab-content.main-bg .w-recent-comments i,.tab-content.main-bg a:hover{

	color:#fff

}

.tab-content.main-bg .w-recent-posts > ul > li, .tab-content.main-bg .w-recent-comments ul li{

	border-color:rgba(0,0,0,.1)

}

/* custom menu */

.widget.custom-menu-widget ul li{

	padding: 10px 10px 10px 30px;

	position: relative;

}

.widget.custom-menu-widget ul li:first-child{

	border-top:0px

}

.widget.custom-menu-widget ul li:before{

	position:absolute;

	content: "\f192";

	display: inline-block;

	font: normal normal normal 11px/1 FontAwesome;

	position: absolute;

	left: 7px;

	top: 15px;

}

.widget.custom-menu-widget ul li.selected{

	font-weight:bold

}

.widget.custom-menu-widget ul li.selected:before{

	content:"\f061"

}



/*

------------- login-1 ---------------- */

.login-1{

	background:#14191e url('../images/login-bg.jpg') no-repeat 0 0;

	background-size:cover;

}

.login-box-lg{

	max-width:500px;

	margin:auto;

}

.logo.light a{

	color:#fff

}

.login-head{

	color:#fff;

	font-size:25px;

	font-weight:bold;

	text-transform:uppercase;

}

.login-box-lg .login-inner{

	margin-top:5px;

	padding:40px 50px;

	text-align:center;

	position:relative

}

.login-box-lg .login-inner:after{

	position:absolute;

	right: 0;

	bottom:-5px;

	width: 98%;

	height:3px;

	content:"";

	display:inline-block;

}

.login-2 .login-box-lg .login-inner:after{

	display:none

}

.login-2 .login-box-lg .login-inner{/* border-radius:5px

 */

}

.login-inner h4.intro{

	margin-bottom:20px;

	font-size:17px

}

.login-inner .form-input{

	padding: 10px 0;

	position:relative

}

.login-inner label{

	display:block;

	float:left;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	padding-bottom:3px

}

.login-inner .button-group{

	padding-top:0;

	float:left

}

.login-inner .form-input span{

	position:absolute;

	left:15px;

	top: 56px;

} 

.login-inner .form-input .form-control{

	padding: 15px 15px 15px 35px;

}

.login-inner .login-links{

	line-height:1.8;

	padding-top: 17px;

}

.login-form{

	overflow:hidden;

}

.social-login .btn{

	font-size:13px;

	padding:0 30px;

	margin:0 6px

}

.login-box-lg .copyrights{

	text-align:center;

	padding-top:15px;

	font-size:14px

}



/*

-------------- coming soon --------------- */

.soon-page{

	background:#14191e url('../images/soon-bg.jpg') no-repeat 0 0;

	background-size:cover;

}

.soon-page .pageWrapper {

	padding-top:80px

}

.soon-logo{

	display:table;

	padding:15px 30px;

	border:2px #fff solid;

	margin:auto;

}

.soon-logo a{

	color:#fff

}

.soon-lg-head{

	font-size:65px;

	padding:0;

	padding-top:40px;

	margin:0

}

.soon-heading h2{

	font-size:29px;

	margin:0;

	padding:0;

	letter-spacing:1px

}

.soon-heading h3{

	font-size:24px;

	font-weight:300;

	margin:0;

	padding:0;

	letter-spacing:1px

}

.soon-form{

	width:60%;

	margin:50px auto 25px;

	position:relative

}

.soon-form:before{

	position: absolute;

	content: "\f0e0";

	display: inline-block;

	font: normal normal normal 19px/1 FontAwesome;

	position: absolute;

	left: 8.4%;

	top: 20px;

}

.soon-form input[type=text]{

	width: 70%;

	height: 60px;

	margin: 0px -7px 0 0;

	padding-left:50px;

	font-size: 17px;

	padding-right: 26px;

	vertical-align: middle;

}

.btn-soon{

	margin-left: -20px;

}

#holder {

	margin: auto;

	display:table

}

.digits {

	margin:60px auto 0;

	display:table

}

.digits span{

	display: block;

	text-align: center;

	position: relative;

	height: 130px;

	width:130px;

	line-height:120px;

	border: 1px #fff solid;

	border-bottom:0;

	font-size:55px;

	font-weight:800;

	color:#fff;

}

.digits li{

	float:left;

	margin:0 15px;

	text-align:center;

	position:relative

}

.digits li:before,.digits li:after{

	content: "";

	position: absolute;

	top: 130px;

	left: 0px;

	display: block;

	width: 57px;

	background: #fff;

	height:1px

}

.digits li:after{

	right: 0;

	left:auto

}

.digits span:after {

	content: "";

	position: absolute;

	bottom: -5px;

	left: 50%;

	margin-left:-10px;

	display: block;

	background: #fff;

	height:1px;

	width:12px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.digits span:before {

	content: "";

	position: absolute;

	bottom: -5px;

	right: 50%;

	margin-right:-10px;

	display: block;

	background: #fff;

	height:1px;

	width:12px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.digits li p{

	color:#fff;

	font-size:20px;

	padding-top:30px

}



/*

-------------- 404 not found -------------- */

.not-found{

	max-width:730px;

	margin:auto

}

.lg-not-found{

	font-size:190px;

	font-weight:bold;

	line-height: 110px;

	margin-right:20px;

	position:relative

}

.lg-not-found i{

	position: absolute;

	width: 93px;

	height: 11px;

	overflow: hidden;

	bottom: -35px;

	left: 50%;

	margin-left: -47px;

}

.lg-not-found i:after{

	position: absolute;

	width: 93px;

	height: 93px;

	border-radius: 50%;

	content: "";

	display: inline-block;

}

.pg-nt-fnd{

	font-size:26px;

	line-height:32px;

}

.ops{

	padding-bottom:90px

}

.not-found-form{

	width: 80%;

	margin:20px auto 60px;

	position:relative;

}

.not-found-form:before{

	position: absolute;

	content: "\f002";

	display: inline-block;

	font: normal normal normal 20px/1 FontAwesome;

	position: absolute;

	left: 15px;

	top: 19px;

}

.not-found-form input[type=text]{

	width: 80%;

	height: 60px;

	margin: 0px -7px 0 0;

	padding-left: 50px;

	font-size: 17px;

	padding-right: 26px;

	vertical-align: middle;

}

.not-found p{

	font-size:17px

}



/*

--------------- portfolio -------------- */

.filter-by{

	margin: 0 5px 50px;

	clear:both;

	position:relative

}

.portfolio-filter-bg{

	margin-bottom: 0;

}

.portfolio-filter-bg .filter-by{

	margin:0;

	border-bottom:0

}

.portfolio-filter-bg .filter-by ul li{

	margin:0;

	border-bottom:0

}

.portfolio-filter-bg .filter-by ul li:before{

	display:none

}

.portfolio-filter-bg .filter-by ul li a{

	padding:30px;

	border-radius: 0;

	border:0

}

.portfolio-filter-bg .filter-by ul li:after {

	border-radius: 0;

}

.filter-by:after{

	clear:both;

	display:table;

	content:"";

}

.filter-by > span{

	padding: 10px 20px;

	font-weight:bold;

	margin-right:20px;

	text-transform:uppercase;

	display:table;

	position:relative;

}

.filter-by ul{

	display:table;

	margin:auto;

}

.filter-by.style-2 ul,.filter-by.style-3 ul{

	margin:0 15px;

	float: left

}

.filter-by ul li{

	float: left;

	position:relative;

	margin: 0 10px;

	border-bottom: 2px #e6e6e6 solid;

}

.filter-by ul li a{

	display:block;

	padding: 7px 20px;

	position:relative;

	font-weight:bold;

	text-transform:uppercase;

	z-index:3;

}

.filter-by ul li:before{

	position:absolute;

	width: 20px;

	height: 1px;

	content:"";

	left: -20px;

	top: 20px;

	display:inline-block;

	z-index:0;

	background-color: #E0E0E0;

	border-radius: 50%;

}

.filter-by ul li:after{

	position:absolute;

	width:100%;

	height:100%;

	content:"";

	left:0;

	bottom:0;

	display:inline-block;

	opacity:0;

	-webkit-transition: transform 0.3s, background-color 0.3s, opacity  0.3s;

	transition: transform 0.3s, background-color 0.3s, opacity  0.3s;

	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);

	transform: perspective(900px) rotate3d(1,0,0,90deg);

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	-webkit-perspective-origin: 50% 100%;

	perspective-origin: 50% 100%;

	z-index:1;

}

.filter-by ul li:first-child:before{

	display:none

}

.filter-by ul li.active:after{

	display:none

}

.filter-by ul li:hover:after,.filter-by ul li.active:after{

	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);

	transform: perspective(900px) rotate3d(1,0,0,0deg);

	opacity:1;

}

.filter-by ul li a:hover,.filter-by:not(.style-2):not(.style-3) ul li.active a{

	color:#fff

}

.filter-by.style-2 ul li.active:after,.filter-by.style-3 ul li.active:after{

	top:auto;

	bottom:-4px

}

.filter-by ul li.active a:after{

	display: inline-block;

	position: absolute;

	bottom: -6px;

	left: 50%;

	width: 0;

	height: 0;

	/* content: ""; */

	border-style: solid;

	border-width: 6px 6px 0 6px;

	border-color: #ddd transparent transparent transparent;

	margin-left:-6px

}



/* style 3 */

.filter-by.style-3{

	display:table;

	margin:0 auto 30px;

	padding:0;

	overflow:visible;

	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);

	border-bottom:0

}

.filter-by.style-3 > span{

	padding:12px 15px;

	font-weight:bold;

	text-transform:uppercase;

	margin:0

}

.filter-by.style-3 ul{

	margin:0

}

.filter-by.style-3 ul li{

	margin:0;

	padding:0

}

.filter-by.style-3 ul li a{

	padding:12px 20px;

	border-bottom:0 !important;

	border-top:0 !important;

	border-right:0 !important;

}

.filter-by.style-2 ul li a:after,.filter-by.style-3 ul li a:before,.filter-by.style-2 ul li a:before,.filter-by.style-3 ul li a:after{

	display:none

}

.img-holder {

	position: relative;

	overflow: hidden;

	margin: 0;

	cursor: pointer;

}

.img-holder:hover img {

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

}

.img-over {

	position: absolute;

	left: 0;

	top:0;

	z-index: 9;

	opacity:0;

	overflow: hidden;

	width: 100%;

	height: 100%;

	background:rgba(0,0,0,.75);

}

.img-holder:hover .img-over{

	opacity:1;

}

.img-over .link,.img-over .zoom{

	position:absolute;

	bottom:40%;

	opacity:0;

	font-size:13px;

	color:#fff;

	display:block;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

	margin-bottom:-20px

}

.img-over .link i,.img-over .zoom i{

	display:block;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center

}



.img-holder:hover .link,.img-holder:hover .zoom{

	opacity:1;

	bottom:50%

}

.name-holder {

	padding:15px 10px

}

.name-holder h4 {

	font-size:15px;

	font-weight:bold;

	margin:0;

	padding:0;

	    min-height: 50px;

}



.name-holder h5{

	margin:0;

	padding:0;

}

.name-holder h5 a{

	font-size:13px;

}

.img-over .link{

	left:50%;

	margin-left:-45px;

	transition-delay: .2s;

}

.img-over .zoom{

	right:50%;

	/* margin-right:-45px; */

	margin-right:-25px;

	transition-delay: .3s;

}



/* columns */

.p-1-col .portfolio-item{

	width:100%;

	margin:0 0 25px 0;

	padding-bottom:25px;

}

.p-1-col .img-holder{

	float:left;

	margin-right:20px;

}

.p-1-col .name-holder{

	padding:0

}

.p-1-col .name-holder h4{

	font-size:18px;

	margin-bottom:10px

}

.p-1-col .name-holder .list li{

	line-height:30px

}



.p-2-cols .portfolio-item{

	width:49%;

	margin:0 0.5% 1%;

}

.p-2-cols .img-holder img{

	width:100%;

}

.masonry.p-2-cols .img-holder img{

	height:auto;

	max-width: none;

}

.p-2-cols.no-margin .portfolio-item{

	width:50%;

	margin-right:0

}

.p-3-cols .portfolio-item{

	width:32.33333333%;

	margin: 0 0.5% 4%;

}

.p-3-cols .img-holder{

	width: 100%;

}

.p-3-cols .img-holder img{

	width:100%;

}

.p-3-cols.no-margin .portfolio-item{

	width:33.33333333%;

	margin:0 !important

}

.p-3-cols.no-margin .img-holder{

	width: 100%;

}

.p-3-cols.no-margin .img-holder img{

	width:100%;

}

.p-3-cols.full.no-margin .portfolio-item{

	width:33.333333%;

	margin:0 0 15px;

}



.p-4-cols .portfolio-item{

	width:24%;

	margin:0 0.5% 30px;

}

.p-4-cols.no-margin .portfolio-item{

	width:25%;

	margin:0 !important

}

.p-4-cols .img-holder img{

	width:100%;

}

.portfolio.no-margin .img-holder{

	width: 100%;

}

.portfolio.no-margin .img-holder img{

	width:100%;

	height:auto

}



/* simple */

.simple .img-over .link, .simple .img-over .zoom{

	width: 50px;

	height: 50px;

	margin-left:-55px;

	border:1px #999 solid;

}

.simple .img-over .zoom{

	/* margin-right:-55px; */

	margin-left:0

}

.simple .img-over .link i,.simple .img-over .zoom i{

	

	width: 50px;

	height: 50px;

	line-height: 50px;

}





/* style 2 */

.p-style2 figure{

	width:100%;

	position:relative;

	overflow:hidden;

}

.no-margin.portfolio .portfolio-item{

	margin:0

}

.p-style2 figure img{

	position: relative;

	width:100%;

	z-index:1;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	top:0

}

.p-style2 figure:hover img{

	top:-50px

}

.p-style2 figure figcaption {

	position:absolute;

	bottom: -40%;

	width:100%;

	padding: 10px;

	z-index:5;

	opacity:0

}

.p-style2 figure h4 {

	margin:0 0 5px;

	font-size: 14px;

	font-weight:normal;

	color:#fff;

	padding:0;

	text-align:center

}

.p-style2 figure h4 a{

	color:#fff

}

.p-style2 figure:after,.p-style3 figure:after{

	background:rgba(0,0,0,.75);

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	opacity:0;

	z-index:2;

	display:inline-block;

	content:"";

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

	-webkit-backface-visibility: hidden;

}

.p-style2 figure .icon-links {

	margin:0;

	position: absolute;

	top: -60px;

	left:0;

	width:100%;

	text-align:center

}

.p-style2 figure .icon-links p{

	display:table;

	margin:auto

}

.p-style2 figure .icon-links a {

	color:#fff;

	float:left;

	margin:0 3px;

	border:1px #999 solid;

	padding:10px 15px;

	-webkit-transition: -webkit-transform 0.45s;

	transition: transform 0.45s;

	-webkit-transform: scale(0);

	transform: scale(0);

	opacity:0

}

.p-style2 figure .description {

	text-transform: none;

	font-size: 90%;

	margin:0;

	text-align:center;

	text-shadow:none;

	display:block

}

.p-style2 figure .description a{

	text-shadow:none

}

.p-style2 figure:hover:after,.p-style3 figure:hover:after{

	opacity: 1;

}

.p-style2 figure:hover h4,.p-style2 figure .description {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity:1

}

.p-style2 figure:hover .icon-links a{

	-webkit-transform: scale(1);

	transform: scale(1);

	opacity:1

}

.p-style2 figure:hover figcaption{

	opacity:1;

	bottom:0;

}

.p-style2 figure .icon-links a:nth-child(3) {

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

}

.p-style2 figure .icon-links a:nth-child(2) {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}

.p-style2 figure .icon-links a:first-child {

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

}



/* style 3 */

.p-style3 figure figcaption, .p-style3 figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.p-style3 figure{

	overflow:hidden;

	position:relative

}

.p-style3 img {

	-webkit-transition: opacity 0.45s;

	transition: opacity 0.45s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index:1;

	width:100%

}

.p-style3 figcaption::before {

	position: absolute;

	bottom: -20%;

	left: 0;

	width: 100%;

	height: 44px;

	/* background: rgba(255,255,255,.7); */

	content: '';

	z-index:3;

	opacity:0

}

.p-style3 h4,.p-style3 .description{

	position:relative;

	z-index:3;

	opacity:0;

	margin:8px 0 0;

	left:-100%;

	clear:both;

	float: left;

	border-top-right-radius: 2em;

	border-bottom-right-radius: 2em;

}

.p-style3 h4 {

	font-size:14px;

	font-weight:500;

	padding: 8px 15px;

	color: #fff;

	background:rgba(237,50,55,.7);

	display:inline-block;

	-webkit-transition-delay: 0.1s !important;

	transition-delay: 0.1s !important;

}

.p-style3 .description {

	font-size:12px;

	padding: 5px 15px;

	color: #000;

	background:rgba(255,255,255,.5);

	display:table;

	-webkit-transition-delay: 0.2s !important;

	transition-delay: 0.2s !important;

}

.p-style3 .description a,.p-style3 h4 a{

	font-size:14px;

	color: #fff;

}

.p-style3 .icon-links {

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 3;

}

.p-style3 .icon-links a{

	font-size: 15px;

	color:#333;

	display:inline-block;

	margin: 0;

	padding: 10px 15px;

}

.p-style3 .icon-links a:hover{

	background:#222;

	color:#fff

}

.p-style3 .icon-links p{

	margin:0

}

.p-style3 .icon-links a i {

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,50px,0);

	transform: translate3d(0,50px,0);

}

.p-style3 figure:hover h4,.p-style3 figure:hover .description {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity:1;

	left:0

}

.p-style3 figure:hover figcaption::before {

	opacity: 1;

	bottom:0

}

.p-style3 figure:hover .icon-links i {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.p-style3 figure:hover .icon-links a:nth-child(3) i {

	-webkit-transition-delay: 0.05s;

	transition-delay: 0.05s;

}

.p-style3 figure:hover .icon-links a:nth-child(2) i {

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

}

.p-style3 figure:hover .icon-links a:first-child i {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}



/* style 4 */

.p-style4 .name-holder{

	padding:15px;

	border-bottom-width:3px;

	border-bottom-style:solid

}

.p-style4 .img-over .zoom{

	bottom:-100%;

	right:0;

	margin:0;

	width:60px;

	height:60px;

}

.p-style4 .img-over .link{

	top:-100%;

	left:0;

	margin:0;

	width:60px;

	height:60px;

}

.p-style4 .img-over .zoom i,.p-style4 .img-over .link i{

	width:60px;

	height:60px;

	line-height:60px;

	font-size:17px

}

.p-style4 .img-over:hover .zoom{

	bottom:0;

}

.p-style4 .img-over:hover .link{

	top:0;

}



/* style 5 */

.p-style5 figure{

	position:relative;

	overflow:hidden;

}

.p-style5 figure:before{

	background:rgba(0,0,0,.5);

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	opacity:0;

	z-index:0;

	display:inline-block;

	content:"";

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

	-webkit-backface-visibility: hidden;

	z-index: 2;

}

.p-style5 figure img{

	width:100%;

	-webkit-transform: scale(1);

	transform: scale(1);

	position: relative;

	z-index: 1;

}

.p-style5 figcaption {

	padding: 10px 30px;

	z-index:2

}

.p-style5 figure figcaption, .p-style5 figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.p-style5 figcaption::before,.p-style5 figcaption::after {

	position: absolute;

	content: '';

	opacity: 0;

}

.p-style5 figcaption::before {

	top: 10px;

	right: 10px;

	bottom: 10px;

	left: 10px;

	border-top: 1px solid rgba(255,255,255,.5);

	border-bottom: 1px solid rgba(255,255,255,.5);

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

}

.p-style5 figcaption::after {

	top: 10px;

	right: 10px;

	bottom: 10px;

	left: 10px;

	border-right: 1px solid rgba(255,255,255,.5);

	border-left: 1px solid rgba(255,255,255,.5);

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0;

}

.p-style5 h4 {

	padding-top: 4%;

	-webkit-transition: -webkit-transform 0.5s;

	transition: transform 0.5s;

	font-size: 14px;

	color:#fff;

	text-align: center;

	opacity: 0;

	margin-bottom: 10px;

	position: relative;

	z-index: 3;

}

.p-style5 h4 a{

	color:#fff;

	text-transform: uppercase;

}

.p-style5 .icon-links {

	padding: 0.5em 2em;

	text-transform: none;

	opacity: 0;

	-webkit-transform: translate3d(0,30px,0);

	transform: translate3d(0,30px,0);

	position:relative;

	z-index:999

}

.p-style5 h4,.p-style5 figure .description {

	-webkit-transform: translate3d(0,-50px,0);

	transform: translate3d(0,-50px,0);

}

.p-style5 figure .icon-links {

	margin:0;

	position: absolute;

	width:100%;

	text-align:center;

	z-index:5;

	bottom: 20px;

	left:0

}

.p-style5.p-3-cols figure .icon-links{

	bottom: 15px;

}

.p-style5 figure .icon-links p{

	display:table;

	margin:auto;

}

.p-style5 figure .icon-links a {

	float: left;

	color:#fff;

	margin:0 5px;

	border: 1px #999 solid;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align:center;

	position:relative;

}

.p-style5 figure .description {

	text-transform: none;

	font-size: 12px;

	margin:0;

	text-align:center;

	color: #fff;

	text-shadow:none;

	padding: 10px;

	display:table;

	margin:auto;

	opacity:0;

	line-height: 1;

	position: relative;

	z-index: 3;

}

.p-style5 figure .description a{

	color: #FFF;

	text-shadow:none

}

.p-style5 figcaption::before,.p-style5 figcaption::after,.p-style5 .icon-links,.p-style5 figure .description,.p-style5 figure img {

	-webkit-transition: opacity 0.7s,-webkit-transform 0.7s;

	transition: opacity 0.7s, transform 0.7s;

}

.p-style5 figure:hover figcaption::before,.p-style5 figure:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.p-style5 figure:hover img {

	opacity: 1;

	-webkit-transform: scale(1.5);

	transform: scale(1.5);

	-moz-transform:scale(1.5);

	-ms-transform:scale(1.5);

}

.p-style5 figure:hover:before{

	opacity: 1;

}

.p-style5 figure:hover h4,.p-style5 figure:hover .icon-links,.p-style5 figure:hover .description {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.p-style5 figure:hover figcaption::after, .p-style5 figure:hover .icon-links,.p-style5 figure:hover .description {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}

.p-style3 figure img{

	width:100%;

	transform:scale(1);

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	display:block

}

.p-style3 figure:hover img{

	transform:scale(1.5);

	-webkit-transform:scale(1.5);

	-moz-transform:scale(1.5);

	-ms-transform:scale(1.5);

}

.p-4-cols.p-style3 .icon-links p{

	margin: 0;

}

.p-4-cols.p-style5 h4{

	font-size:13px;

	display: table;

	margin: 2px auto;

	line-height: 1;

	padding: 10px;

	text-transform: uppercase;

}



/* masonry */

.masonry .img-holder img{

	width:100%;

	height:auto

}

.masonry.p-style5.p-4-cols figcaption::before{

	top: 15px;

	right: 10px;

	bottom: 15px;

	left: 10px;

}

.masonry.p-style5.p-4-cols figcaption::after{

	top: 10px;

	right: 15px;

	bottom: 10px;

	left: 15px;

}

.masonry.p-style5.p-4-cols figure .icon-links{

	bottom:20px

}



/*

------------- Parallax --------------- */

.parallax{

	position:relative;

	background-attachment: fixed;

	background-position: 0 0;

	background-repeat: no-repeat;

	overflow: hidden;

	background-size:cover;

	transform: translate(0,0);

	    padding: 50px 0;

}

.parallax-overlay{

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	z-index:1

}

.fixed-bg{

	background-attachment: fixed !important;

	background-size: cover;

}

.parallax > .container,.fixed-bg > .container,.section > .container{

	z-index:2;

	position:relative

}

.portfolio.parallax p{

	width:70%;

	margin:20px auto;

	display:table;

}



/* single */

.single-pro-img{

	height:500px

}

.pro-info-cell > div{

	padding:15px

}

.pro-gallery {

	margin-bottom:-50px;

	padding-bottom:15px;

	-webkit-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);

	-moz-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);

	box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);

}

.pro-info-cell label{

	display:inline-block

}



/*

------------ About ---------------- */

.about-title > .container{

	height:300px

}

.about-me-title > .container{

	height:600px

}

.my-info{

	position: absolute;

	right: 15px;

	top: 30%;

	padding: 20px;

	background-color: rgba(255,255,255,.2);

}

.my-info li{

	color:#bbb;

	font-size:14px;

	border-top: 1px rgba(255, 255, 255, 0.18) solid;

	padding:5px

}

.my-info li a{

	color:#bbb

}

.my-info li:first-child{

	border-top:0

}

.my-exp h5{

	font-size:13px;

	margin-bottom:5px

}

.my-exp h5 i{

	margin-right:10px

}

.my-exp p{

	margin:0 0 15px 25px

}



/*

----------- sitemap ---------------- */

.sitemap > ul > li > a{

	padding:15px 25px;

	text-transform:uppercase;

	display:block;

	clear:both;

	overflow:hidden;

	font-weight:bold

}

.sitemap > ul > li > a i{

	margin-right:10px

}

.sitemap > ul > li > ul{

	padding:10px 20px 20px;

	overflow:hidden

}

.sitemap > ul > li > ul > li{

	float:left;

	margin:20px 16px 0 0;

	width:23%

}

.sitemap > ul > li > ul > li:nth-child(4n+1){

	clear:left

}

.sitemap > ul > li > ul > li > a,.sitemap > ul > li > ul > li > h4{

	font-weight:bold;

	text-transform:uppercase;

	margin-bottom:8px;

	display:block;

	font-size:13px

}

.sitemap > ul > li > ul > li li{

	padding:5px 10px 5px 17px;

	position:relative

}

.sitemap > ul > li > ul > li li:before{

	position:absolute;

	left:0;

	top:10px;

	font: normal normal normal 9px/1 FontAwesome;

	content:"\f068";

	display:inline-block;

}



/*

-------------- blog --------------- */

.post-item{

	margin-bottom:40px;

}

.horizontal-slider .post-item,.posts-mini .post-item{

	margin-bottom:30px

}

.post-item .post-image,.post-item .slick-slide{

	overflow:hidden

}

.post-item .post-image{

	position:relative;

}

.posts-mini .post-item .post-content{

	background:transparent;

}

.posts-mini .post-item .post-info-container{

	padding-right:0;

	padding-left:0

}

.posts-mini .post-item .post-content p{

	padding:20px 0 0;

	margin:0

}

.post-item img{

	transform:scale(1);

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

}

.post-item:hover .post-image img,.post-img:hover img{

	transform:scale(1.3);

	-webkit-transform:scale(1.3);

	-moz-transform:scale(1.3);

	-ms-transform:scale(1.3);

}

.post-item .post-content{

	text-align:left;

	border-bottom-left-radius: 1em;

	border-bottom-right-radius: 1em;

	border-width:0;

	border-top-width:4px

}

.post-item .post-content p{

	padding:20px 0;

	margin-bottom:0

}

.blog-posts .post-item:hover .post-content .post-info-container a,.blog-posts .post-item:hover .post-meta li{

	color:#fff

}

.blog-posts .post-item:hover .post-content.main-border{

	border-top-color:#fff !important

}

.blog-posts .post-item:hover .post-content .post-icon,.blog-posts .post-item:hover .post-image .post-icon {

	background-color:#fff;

	color:#777 !important

}

.blog-posts .post-item:hover .post-image .post-icon{

	color:#fff

}

.post-info-container{

	margin-bottom:20px;

}

.post-item .post-info-container{

	padding:20px 20px 0;

	margin:0;

	overflow:hidden

}

.post-item .post-info h2{

	font-size:17px;

	margin-bottom:5px;

	min-height: 55px;

}

.post-meta{

	overflow:hidden

}

.post-item .post-meta li{

	float:left;

	font-size:11px;

	padding-right:15px;

}

.post-item .post-meta li i{

	margin-right:8px;

}

.post-icon{

	float: left;

	margin-right: 20px;

	width: 50px;

	height: 80px;

	font-size: 22px;

	line-height: 100px;

	text-align: center;

	border-bottom-left-radius: 2em;

	border-bottom-right-radius: 2em;

	margin-top: -20px;

}

.post-image .post-icon{

	position:absolute;

	left: 15px;

	bottom:0;

	z-index:99;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

	border-top-left-radius: 2em;

	border-top-right-radius: 2em;

	height: 55px;

	line-height: 62px;

}

.bottom_tools{

	padding:15px;

	overflow:hidden;

	border-bottom-left-radius: 1em;

	border-bottom-right-radius: 1em;

}

.bottom_tools a{

	padding:7px 12px;

	margin:0 7px 0 0;

	font-size:11px;

	text-transform:uppercase;

}

.bottom_tools .f-right{

	margin-right:0

}

.bottom_tools a i{

	margin-right:5px;

}

.post-item:hover .bottom_tools a i{

	color:#fff

}

.post-image video,.post-image audio{

	width:100%;

}

.post-gallery{

	display:table;

	margin:auto;

	overflow:hidden;

}

.gallery-columns-5 .gallery-item {

	width: 19.855%;

}

.gallery-item {

	float: left;

	margin: 0 1px 1px 0;

	position: relative;

	overflow:hidden

}

.gallery-caption {

	background-color: rgba(0,0,0,.7);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: #fff;

	font-size: 12px;

	line-height: 1.5;

	margin: 0;

	max-height: 50%;

	opacity: 0;

	padding: 6px 8px;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: left;

	width: 100%;

}

.gallery-item:hover .gallery-caption{

	opacity:1

}



/* small-image */

.blog-posts.small-image .post-image,.blog-posts.small-image .post-gallery{

	float:left;

	width:260px;

	height:245px

}

.col-md-8 .blog-posts.small-image .post-image,.col-md-8 .blog-posts.small-image .post-gallery{

	float:left;

	width: 190px;

	max-width:190px;

	height:185px;

	display:block

}

.col-md-8 .blog-posts.small-image .post-image video{

	float:left;

	width:193px;

	height:185px

}

.col-md-8 .blog-posts.small-image .gallery-columns-5 .gallery-item {

	width: 32.8%;

}

.blog-posts.small-image .post-content{

	margin-left:30%

}

.col-md-8.inner-magazine .recent-posts .post-content{

	margin-left: 25% !important;

	padding-top: 10px;

}

.col-md-8.inner-magazine .recent-posts .post-content p{

	padding: 21px 29px !important;

}

.inner-magazine .blog-posts .post-item:hover .post-content a{

	color:#fff

}

.col-md-4 .sidebar_widgets ul.flickr-widget li img, .col-md-4 .sidebar_widgets ul.flickr-widget .img-overlay {

	width: 54px;

	height: 54px;

}

.col-md-8.inner-magazine .recent-posts .post-info-container{

	padding-left:20px

}

.col-md-8.inner-magazine .recent-posts .post-item {

	overflow:hidden;

	margin-bottom:20px

}

.blog-posts.small-image  .post-item .post-content p{

	padding:17px 25px

}

.blog-posts.small-image .post-image video,.blog-posts.small-image .post-image iframe,.blog-posts.small-image .post-image img{

	width:260px;

	background:#000

}

.blog-posts.small-image .post-image iframe,.blog-posts.small-image .post-image img{

	background:#000

}

.blog-posts.small-image .gallery-columns-5 .gallery-item {

	width: 32.855%;

}

.blog-posts.small-image.full .post-content{

	margin-left: 22.8%;

}

.blog-posts.small-image.full .post-content p{

	padding:28px 35px

}

.blog-posts.small-image .gallery-caption {

	max-height:none;

	font-size:10px

}



/* timeline */

.timeline{

	position:relative

}

.timeline:before{

	position:absolute;

	width:1px;

	height:100%;

	content:"";

	display:inline-block;

	margin-top:2px

}

.lft-tl:before{

	left:35px;

}

.rit-tl:before{

	right:35px;

}

.timeline .post-item{

	position:relative;

}

.timeline .post-item iframe{

	position:relative;

	overflow:hidden

}

.lft-tl .post-item{

	margin-left:80px;

}

.rit-tl .post-item{

	margin-right:80px;

}

.timeline .post-item .timeline_date{

	position:absolute;

	top:0;

	width:80px

}

.lft-tl .post-item .timeline_date{

	left:-80px;

}

.rit-tl .post-item .timeline_date{

	right:-80px;

}

.timeline .post-item .timeline_date span{

	display:block;

	text-align:center

}

.timeline .post-item .timeline_date:before{

	position:absolute;

	height:1px;

	width:20px;

	content:"";

	display:inline-block;

	top:35px

}

.lft-tl .post-item .timeline_date:before{

	right:0;

}

.rit-tl .post-item .timeline_date:before{

	left:0;

}

.timeline .post-item .timeline_date .inner_date{

	height: 70px;

	text-align: center;

}

.timeline .post-item .timeline_date .inner_date:before{

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	position: absolute;

	z-index: 0;

	content: "";

	display: inline-block;

	width: 50px;

	height: 50px;

	top: 10px;

}

.lft-tl .post-item .timeline_date .inner_date:before{

	right: 20px;

}

.rit-tl .post-item .timeline_date .inner_date:before{

	left: 20px;

}

.timeline .post-item .timeline_date .inner_date span{

	position:relative;

	z-index:1;

}

.lft-tl .post-item .timeline_date .inner_date span{

	padding-right:10px

}

.rit-tl .post-item .timeline_date .inner_date span{

	padding-left:10px

}

.lft-tl .post-item .timeline_date .year{

	padding-right:10px;

}

.rit-tl .post-item .timeline_date .year{

	padding-left:10px;

}



.timeline .post-item .timeline_date .day{

	color:#fff;

	font-size:24px;

	font-weight:900;

	margin-top:5px

}

.timeline .post-item .timeline_date .month{

	margin-top:-5px;

	color:#fff;

}

.timeline.full{

	overflow:hidden;

	height:100%

}

.timeline.full .post-item{

	width:46%;

	float:left;

}

.timeline.full .post-item:nth-child(even){

	float:right

}

.timeline.full .post-item .gallery-columns-5 .gallery-item {

	width: 19.8%;

}

.timeline.full:before{

	left:50%;

	margin-left:-0.5px

}

.timeline.full .post-item .timeline_date{

	right:-80px;

	width:60px

}

.timeline.full .post-item .timeline_date:before{

	left:-20px

}

.timeline.full .post-item:nth-child(even) .timeline_date:before{

	right:-20px;

	left:auto

}

.timeline.full .post-item .timeline_date span{

	text-align:inherit

}

.timeline.full .post-item .timeline_date .inner_date span{

	text-align:center;

	padding-right:10px

}

.timeline.full .post-item .timeline_date .year{

	text-align:center;

	padding-right:10px

}

.timeline.full .post-item:nth-child(even) .timeline_date{

	left:-71px;

	top:120px

}



/* masonry */

.masonry .post-item{

	width:48%;

	margin:0 15px 15px 0;

}

.right-cell .masonry .post-item{

	margin:0 0 15px 15px;

}

.masonry .post-item .gallery-columns-5 .gallery-item {

	width: 19.744444%;

}

.masonry.full .post-item{

	width:32%;

}

.masonry.full .post-item .gallery-columns-5 .gallery-item {

	width: 24.6777%;

}



/* grid */

.grid .post-item{

	width:48%;

	margin:0 15px 15px 0;

}

.right-cell .grid .post-item{

	margin:0 0 15px 15px;

}

.grid .post-item iframe,.grid .post-item video{

	width:100%;

	height:210px;

	background:#000

}

.grid .post-item .post-gallery{

	height:210px;

}

.grid .post-item .gallery-columns-5 .gallery-item {

	width: 19.744444%;

}

.grid.full .post-item{

	width:32%;

}

.grid.full .post-item .gallery-columns-5 .gallery-item {

	width: 24.6777%;

}

.grid .post-item .post-info h2{

	height:25px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow: ellipsis;

}

.grid.full .post-item iframe,.grid.full .post-item video{

	height:182px;

}

.grid.full .post-item .post-gallery{

	height:187px;

}



/* single */

.blog-single .post-item,.blog-single .post-item .post-content{

	background:transparent;

}

.details-img{

	margin-bottom:20px

}

.blog-single .post-item .post-info-container, .blog-single .post-item .post-content p{

	padding:0

}

.blog-single .post-item .post-info-container{

	margin-bottom:20px;

	overflow:hidden

}

.post-tags .tags{

	margin-top:10px

}

.post-tags{

	margin-top:30px;

	overflow:hidden

}

.post-tags i{

	margin-right:8px

}

.post-tags > span{

	display:inline-block;

	margin-right:15px;

}

.share-post{

	overflow:hidden;

	margin-top:10px

}

.share-post #shareme{

	float:left;

	height:38px

}

.share-post li{

	margin:0

}

.social-list li.no-icon a{

	font-size:16px

}



.share-post .facebook{

	background:#1b57a1;

	color:#fff

}

.share-post .twitter{

	background:#0cbce2;

	color:#fff

}

.share-post .googleplus{

	background:#dd4b39;

	color:#fff

}

.share-post .linkedin{

	background:#1583ba;

	color:#fff

}

.comments{

	padding-top:30px

}

.comment-list li{

	position:relative

}

.comment-list > li{

	overflow:hidden;

	margin-bottom:15px;

}

.comment-list .comment-avatar{

	position:absolute;

	left:0;

	height:100%;

	width:80px;

	padding:30px 10px

}

.comment-list > li .comment-content{

	padding:20px;

	margin-left:80px

}

.comment-list .comment-content h6{

	font-weight:bold;

	margin-bottom:5px;

	display:inline-block;

	padding:5px 10px

}

.comment-list .comment-content h6 a{

	color:#fff

}

.comment-list .comment-content .meta{

	font-size:10px;

	margin-bottom:15px

}

.comment-list .comment-content .meta span{

	display:inline-block;

	margin-right:10px

}

ul.child-comment{

	margin-left:100px;

	position:relative;

}

ul.child-comment:before{

	content:"";

	height:1px;

	width:95%;

	left:0;

	display:inline-block

}

ul.child-comment li{

	border:0;

	margin-bottom:0

}

.comment-list ul.child-comment .comment-avatar{

	background:transparent

}





/* ---- Shop -------------- */

.grid-list{

	margin:0 -15px

}

.shop-item{

	margin-bottom:40px;

}

.item-box {

	cursor: pointer;

	overflow:hidden;

}

.item-img {

	position:relative;

	overflow:hidden;

	width:100%;

	text-align:center

}

.item-img img{

	position:relative;

	z-index:1;

}

.item-img .hidden-img{

	position:absolute;

	top:0;

	left:0;

	z-index:2;

	opacity:0;

	width:100%

}

.item-img .hidden-img img{

	display:table;

	margin:auto;

	width:auto

}

.item-img .product-buttons{

	position:absolute;

	width:156px;

	bottom:45%;

	z-index:3;

	left:50%;

	margin-left:-78px

}

.item-img .product-buttons a{

	display:inline-block;

	color:#fff;

	font-size:15px;

	background:rgba(0,0,0,.9);

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,-50px,0);

	transform: translate3d(0,-50px,0);

	opacity:0;

	margin:0 -1px

}

.item-box:hover .item-img img {

	opacity: 0.8;

}

.item-box:hover .product-buttons a{

	opacity:1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.item-img .product-buttons a:nth-child(3) {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}

.item-img .product-buttons a:nth-child(2) {

	-webkit-transition-delay: 0.25s;

	transition-delay: 0.25s;

}

.item-img .product-buttons a:first-child {

	-webkit-transition-delay: 0.35s;

	transition-delay: 0.35s;

}

.item-box:hover .item-img .hidden-img{

	opacity:0;

}

.item-box:hover .item-img .hidden-img,.item-box:hover .item-img .hidden-img img {

	opacity:1;

}

.item-title {

	margin: 0;

	padding: 10px 0 0;

	text-align: center;

	font-size: 15px;

	font-weight:bold;

	position:relative;

	width: 98%;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space:nowrap

}

.item-details {

	overflow: hidden;

	padding: 10px 0;

	position:relative;

}

.item-details p{

	display:none

}

.grid-list.list p{

	display:block

}

.grid-list.list .item-img .product-buttons{

	width:94px;

	margin-left:-47px

}

.item-price {

	font-size: 20px;

	text-align:center;

	font-weight:bold;

	padding:5px 0

}

.item-price ins{

	font-size:14px;

	text-decoration:line-through;

	display:inline-block;

	margin-right:10px;

	font-weight:normal

}

.item-rating {

	padding-bottom: 3px;

}

.item-details .item-rating {

	text-align: center;

}

.item-rating .fa {

	margin-right: 4px;

	color: #ffc000;

	font-size: 15px;

}

.item-rating .fa-star-o {

	color: #c0c0c0;

}

.right-rating {

	float: right;

	clear: both;

	font-size: 14px;

	font-weight: bold;

}

.right-rating .item-rating {

	float: right;

}

.item-details .left {

	padding-left: 10px;

}

.item-cart {

	padding: 0 0 6px 0;

}

.item-cart a {

	text-transform: uppercase;

	font-size: 11px;

}

.remove-item i {

	font-size: 23px;

}

.item-details .left i{

	margin-right: 8px;

}

.item-tools {

	padding-top: 8px;

}

.cart_totals{

	margin-top:20px

}

.on-sale{

	position: absolute;

	left: -40px;

	top: -40px;

	font-size: 11px;

	z-index: 9;

	width: 80px;

	height: 80px;

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);	

	line-height: 132px;

	text-align:center

}

.toolsBar {

	display: table;

	margin: 0 0 30px 0;

	padding: 0 0 15px;

	width: 100%;

	border-bottom-style:solid;

	border-bottom-width:1px

}

.toolsBar span {

	display: inline-block;

	margin: 0 5px 0 0;

}

.toolsBar select {

	margin-right: 10px;

	display: inline-block;

	width: inherit;

}

.order-asc i{

	margin-top: 7px;

	font-size: 20px;

}

.products-filter-top {

	float: left !important;

	clear: none !important;

	width: auto !important;

	padding-left: 0;

}

.list-grid {

	float: right !important;

	clear: none !important;

	width: auto !important;

	padding-right: 0;

}

.list-grid a {

	position: relative;

	float: right;

	margin: 0 0 0 4px;

	font-size: 15px;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center

}

.shop-item p {

	overflow: hidden;

	padding: 5px 10px;

	max-height: 50px;

}

.grid-list.list .shop-item {

	float: none;

	clear: both;

	width: 100%;

	margin-bottom:20px

}

.grid-list.list .item-box {

	overflow: hidden;

	background: transparent;

}

.grid-list.list .item-details{

	padding:5px 0

}

.grid-list.list .item-details p,.grid-list.list .item-details .item-rating,.grid-list.list .item-details .item-price {

	text-align:left;

	padding-left:10px

}

.grid-list.list .item-img {

	float: left;

	margin-right: 20px;

	max-height: 200px;

	width:auto

}

.grid-list.list .item-img .product-buttons a{

	width:30px;

	height:30px;

	line-height:30px;

	font-size:14px

}

.grid-list.list .item-img img {

	max-height: 200px;

}

.control-group .box i {

	margin-right: 7px;

}

.similar-products .item-img img {

	max-height: 200px;

}

.grid-list.list .item-title {

	padding:20px 0 0 10px;

	border: 0;

	text-align: left;

	width:auto;

	margin:0

}

.widget-content .control-group select {

	width: 100%;

}

.widget-content .control-group{

	overflow:hidden;

	padding:0 0 10px

}

.widget-content .control-group .col-md-6{

	padding:0

}

.widget-content .control-group label.checkbox{

	font-weight:normal

}

.widget-content .control-group .col-md-6:first-child{

	padding-right:10px

}

.widget-content .control-group label.checkbox input[type=checkbox], .widget-content .control-group label.checkbox input[type=radio] {

	display: inline;

	margin-right: 8px;

	margin-left:5px;

	vertical-align: middle;

}

.search-filter .accordion-content{

	padding-right:0;

	padding-left:0

}

.control-label{

	padding-bottom:5px

}

.control-labeli{

	margin-right:10px

}

.product-img {

	position: relative;

	text-align: center;

	padding:5px

}

.product-specs a.btn, .item-avl > div {

	margin-right: 6px;

	margin-bottom: 0;

}

.product-specs a.btn {

	padding-right: 20px;

	padding-left: 20px;

}

.product-price {

	font-size: 29px;

	font-weight:bold;

	line-height: 1;

}

.old-price{

	text-decoration:line-through;

	font-size: 20px;

	margin: 0 0 0 10px;

}

.price-block {

	display: table;

	clear: both;

	margin: 0;

	padding: 0 0 20px;

	width: 100%;

}

.price-box{

	padding-bottom: 10px;

}

.pro-btns{

	margin: 5px 0 0 15px;

	line-height: 1.9;

}

.item-avl > div {

	padding: 10px;

	font-weight: bold;

}

.item-avl .success-box,.item-avl .warning-box,.item-avl .error-box{

	border-radius: 50%;

	padding: 0;

	width: 25px;

	height: 25px;

	text-align: center;

	line-height: 25px;

}

.item-avl span{

	line-height:25px

}

.item-avl i{

	color:#fff !important;

	margin:0 !important

}

.product-block{

	padding: 15px 0;

}

.last-list{

	padding-top: 15px !important

}

.last-list p{

	margin-bottom:0px

}

.reviews .comments {

	padding: 30px 0;

}

.item-add {

	clear: both;

	overflow: hidden;

}

#items-num {

	width: 55px;

	text-align: center;

	line-height: 57px;

	height: 57px;

	font-size:17px;

	background-color: transparent;

}

.add-items{

	margin:0 3px;

	line-height:55px;

	height:55px

}

.add-items i {

	padding: 0 8px;

	height: 57px;

	border: 1px transparent solid;

	font-size: 10px;

	line-height: 57px;

}

.qty-txt-box {

	width: 70px;

	text-align: center;

}

.qty-txt-box i {

	font-size: 14px;

	margin-left: 5px;

	cursor: pointer;

}

.qty-txt-box input[type=text] {

	width: 30px;

	text-align: center;

	padding: 5px 10px;

	height:auto

}

.shop-bottom-btns{

	overflow:hidden

}

tr.shipping{

	background:transparent !important

}

.list-item{

	padding:10px 0

}

.mfp-preloader {

	color: #ccc;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 24px;

	height: 24px;

	background: url(../images/ajax-loader-dark.gif) center center no-repeat;

	text-align: center;

	margin-top: -12px;

	margin-left: -12px;

	z-index: 1044;

	text-indent: -9999px;

}

.shop-ajax {

	position: relative;

	width: 800px;

	margin: 0 auto;

	overflow:hidden;

	padding:20px;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,50px,0);

	transform: translate3d(0,50px,0);

}

.newEff{

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

.shop-ajax h1{

	font-size:23px;

	font-weight:bold;

	margin:0;

	padding:15px 0 0

}

.shop-ajax .list li{

	line-height:23px

}

.sidebar_widgets li.widget.widget-ads {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	padding:0;

	border:0;

	text-align:center;

	background:transparent

}

.sidebar_widgets li.widget.widget-ads:after,.sidebar_widgets li.widget.widget-ads:before{

	display:none

}

/*

------------------ shop-main-menu ------------ */

.shop-main-menu {

	-webkit-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);

}

.shop-main-menu > ul > li{

	padding:0 15px;

	position:relative

}

.shop-main-menu > ul > li a{

	line-height:46px;

	display:block

}

.shop-main-menu ul li i{

	position:absolute;

	right:15px;

	top:15px;

	font-size: 10px;

	color: #ccc;

}

.shop-ads-top{

	padding:3px;

}

.shop-main-menu > ul > li > ul{

	display:none;

	position:absolute;

	left:100%;

	top:-1px;

	width:250px;

	z-index:99;

	-webkit-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);

}

.shop-main-menu > ul > li:hover > ul{

	display:block;

}

.shop-main-menu li li a{

	line-height:40px;

	padding:0 15px

}

.shop-main-menu li h4{

	padding:0 0 5px;

	margin:0;

	font-size:15px;

	font-weight:bold

}

.shop-main-menu > ul > li > ul.mega{

	width:200%;

	padding:20px

}

.shop-main-menu > ul > li > ul.mega li a{

	line-height:35px;

	border-bottom:0;

	padding:0

}

.shop-main-menu .brands li{

	float:left;

	margin:5px

}



/* clients */

.clients img{

	opacity:0.4

}

.clients img:hover{

	opacity:1

}



/* ==========================================================================

  8. FOOTER.

============================================================================= */

/*

------------- 8.1. Footer 1 -------------- */

.footer-top {

	overflow: hidden;

	padding: 10px 0;

}

.footer-top p {

	margin: 0;

	padding: 0;

	font-size: 14px;

}

.footer-top .block-link{

	display:inline-block;

	margin:-10px 0;

	padding:13px;

	font-size:16px;

	padding-right:30px;

	padding-left:30px

}

.footer-top .twitter-text p{

	margin: 0;

	padding: 0;

	font-size: 14px;

	line-height:30px !important

}

.footer-top .twitter-text p{

	margin: 0;

	padding: 0;

	font-size: 14px;

	line-height:30px !important

}

.footer-top .social-list li a{

	border:0px !important

}

.footer-top .twitter-pic{

	display:none

}

.twitter-pic{

	text-align:center;

	margin:0 0 15px

}

.twitter-pic img{

	border-radius:50%;

	display:table;

	margin:auto

}

.footer-middle .twitter-pic img{

	border-radius:0px;

}

.twitter-text p{

	margin-bottom:0

}

#loading-container{

	display:table;

	margin:auto

}

.footer-middle {

	padding: 30px 0;

	height: 100%;

	position: relative;

	overflow: hidden;

	color: #aaa;

	background:#222

}

.foot-text-widget p {

	margin-bottom: 0;

	color:#fff;

}

.footer-middle .container {

	position: relative;

	z-index: -0;

}

.bottom-md-footer{

	background: #161616;

	padding:20px 5px;

	overflow:hidden

}

.bottom-md-footer .form-control{

	display:inline-block;

	float:left;

	width:75%;

	background:#000;

	border-color:#333;

}

.bottom-md-footer .btn{

	padding:10px 12px;

}

.bottom-md-footer label{

	margin-bottom:10px

}

.footer-middle a {

	color: #bbb;

}

.nl{

	position:relative;

}

.nl .btn{

	margin-left:-30px

}

.nl-note{

	position:absolute;

	left:0;

	bottom:-15px;

	z-index:9;

	padding:8px 15px;

	color:#333;

	width:75%;

}

.revtp-form .nl-note{

	bottom:auto;

	top:-125%;

	padding:20px

}

.footer-middle h3 {

	font-size: 16px;

	position:relative;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	color: #fff;

	font-weight: 700;

	margin-bottom: 0px;

}

.footer-middle h3:after {

	content: "";

	width: 9%;

	height: 2px;

	display: block;

	margin: 15px 0;

}

.footer-middle h3:after {

	content: "";

	width: 9%;

	height: 2px;

	display: block;

	margin: 15px 0;

}

.footer-middle h3:before {

	content: "";

	width: 25%;

	height: 2px;

	display: block;

	position: absolute;

	left: 10%;

	bottom: 0px;

	background: #404040;

}

.footer-middle .menu-widget li {

	padding: 12px 0;

	border-top: 1px #2f2f2f solid;

	margin-right: 10px;

}

.footer-middle .menu-widget li:first-child {

	border-top: 0;

	padding-top:0

}

.footer-middle .menu-widget li a {

	position: relative;

}

.footer-middle .menu-widget li a:before {

	content: "\f105";

	display: inline-block;

	margin-right: 8px;

	font: normal normal normal 12px/1 FontAwesome;

}

.contact-widget {

	background: transparent url('../images/world.png') no-repeat 50% 50%;

}

.contact-widget p {

	margin-bottom: 10px;

}

.contact-widget .details li {

	margin: 13px 0;

	line-height: 1.5;

	letter-spacing: 0.6px;

}

.contact-widget .details li i{

	display:table-cell;

	position: relative;

	vertical-align: middle;

}

.contact-widget .details li i:before {

	margin-right: 15px;

	color: #fff;

	width: 30px;

	height:30px;

	line-height:30px;

	background: #333;

	font-size:14px;

	display:block;

	text-align:center;

}

.contact-widget .details li span{

	display:table-cell;

	vertical-align:middle

}

.footer-bottom {

	padding: 15px 0;

	overflow: hidden;

	font-size: 13px;

	color: #fff;

	background-color: #111;

}

.footer-bottom a{

	color: #fff;

}

.footer-bottom .footer-menu li {

	float: left;

	padding: 0 0 0 15px;

}

.footer-bottom .footer-menu li:first-child{

	padding:0

}

.footer-bottom .footer-menu li a {

	color: #969595;

	text-transform: uppercase;

}

.footer-bottom .social-list li{

	margin-bottom:0

}

.footer-bottom .social-list li a{

	/* border:1px solid #005c52!important; */

	/* border-radius:0px; */

	border-top-right-radius: 10px;

    border-bottom-left-radius: 10px;

	height:45px;

	width:45px;

	line-height:45px

}

#footWrapper .social-list li a {

	border: 1px #515151 solid;

	/* color: #bbb; */

}



/*

----------- 8.2. Footer 2 --------------- */

.footer-2 .footer-middle {

	background-image: url('../images/footer-bg.jpg');

	background-position: 0 0;

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.footer-2 .footer-middle:after {

	display: none;

}

.footer-2 .footer-bottom {

	padding: 0;

}

.footer-2 .footer-bottom .copyrights {

	padding: 15px 0 13px;

}



/*

----------- 8.3. Footer 3 --------------- */

.footer-3 .footer-top {

	background-color: #282828;

}

.footer-3 .footer-top p {

	color: #959595;

	height:30px;

	line-height:30px

}

.footer-3 .footer-top .social-list {

	margin: -5px 0;

}

.footer-3 .footer-top .social-list li {

	margin: 0 1px;

}

.footer-3 .footer-middle{

	background-color:#111

}

.footer-3 .footer-middle:after {

	display: none;

}

.footer-3 .footer-bottom {

	background-color: #282828;

}



/*

----------- 8.4. Footer 4 --------------- */

.footer-4 .footer-middle:after{

	display:none

}

.footer-4 .footer-middle {

	padding:0

}

.footer-4 .footer-middle .container{

	position:relative;

	padding-top:50px;

	padding-bottom:50px;

	overflow:hidden

}

.footer-4 .footer-middle .container:before{

	position: absolute;

	height: 100%;

	width: 50%;

	left: 25%;

	content: "";

	display: inline-block;

	top: 0;

	z-index: -1;

	margin-left: -15px;

}

.footer-4 .footer-bottom{

	padding:30px 0;

	text-align:center

}

.footer-4 .footer-menu-center{

	display:table;

	margin:10px auto 0

}



/*

----------- 8.5. Footer light --------------- */

.footer-light .footer-middle:after{

	display:none

}

.footer-light .footer-middle {

	padding:0;

}

.footer-light .footer-middle .container{

	position:relative;

	padding-top:50px;

	padding-bottom:50px;

	overflow:hidden

}

.footer-light .footer-middle .container:before{

	position: absolute;

	height: 100%;

	width: 50%;

	left: 25%;

	background: #e2e2e2;

	content: "";

	display: inline-block;

	top: 0;

	z-index: -1;

	margin-left: -15px;

}

.footer-light .footer-bottom{

	padding:30px 0;

	text-align:center

}

.footer-light .footer-menu-center{

	display:table;

	margin:10px auto 0

}

.footer-light .social-list li a{

	border:1px #ccc solid !important

}

.footer-light .contact-widget .details li i:before{

	background:#E0E0E0

}



/*

----------- 8.6. Footer Minimal --------------- */

.footer-minimal .footer-middle:after {

	display: none;

}

.footer-minimal .footer-bottom {

	padding: 0;

}

.footer-minimal .footer-bottom .copyrights {

	padding: 15px 0 13px;

}

.footer-logo-txt{

	margin: 0 20px;

	width: 40%;

	line-height: 1.7;

}

.minimal-info{

	line-height:25px;

}

.minimal-info i{

	margin-right:10px

}

.centered{

	display:table;

	margin:auto

}

.minimal-socials li{

	margin:0 4px;

}

.footer-menu li{

	float:left;

	padding:0 0 0 15px;

	text-transform:uppercase;

	font-size: 12px;

}

.footer-menu li:first-child{

	padding:0 0 0 0

}



/*

------------------- 8.7. Fixed Footer -------------- */

.fixed-footer{

	position:fixed;

	bottom:0;

	z-index:99;

	width:100%;

	left:0

}

.fixed-foot{

	position:fixed;

	z-index:999;

	bottom:20px;

	left:20px;

	padding:10px 15px;

	background-color: rgba(0, 0, 0, 0.52);

	color:#fff;

	font-size:13px;

	letter-spacing:0.6px

}

.fixed-footer .footer-bottom{

	background-color: rgba(0, 0, 0, 0.52);

}

.fixed-footer.no-bg .footer-bottom{

	background-color:transparent

}

.fixed-footer.no-bg .container{

	background-color: rgba(0, 0, 0, 0.52);

	padding:5px 0 5px 15px;

	margin-bottom:20px

}

.fixed-footer .social-list li {

	margin-bottom:0 !important

}

.fixed-footer .social-list li a{

	border:0 !important;

	width:45px;

	height:45px;

	line-height:45px;

	border-radius:0

}

.copy2{

	line-height:45px

}

.fullscreen{

	overflow:hidden;

	position:relative;

	height:100%

}

.fullscreen video{

	z-index:1;

	position:absolute;

	left:-10%;

	top:-10%;

	width:130%;

	height:130%;

}

.fullscreen .video-overlay{

	z-index:2

}

.fullscreen .main-txt{

	position:absolute;

	z-index:3;

	left:0;

	width:100%

}

.fixed-lft-foot{

	position:fixed;

	left:0;

	bottom:0;

	width: 280px;

}

.fixed-lft-foot .copyrights{

	line-height:normal;

	margin-bottom:10px

}

.foot-lft-socials ul{

	display:table;

	margin:auto

}



/* footer contact widget */

.contact-widget .social-list {

	margin: 20px 0 0;

}



/* footer tags widget */

.tags li {

	float: left;

	margin: 0 2px 7px;

	height: 30px;

	overflow: hidden;

	line-height: 30px;

	border: 1px #4c4c4c solid;

	display: inline-block;

}

.tags li a {

	display: table;

	width: 100%;

	height: 200%;

	position: relative;

	top: 0;

	text-align: center;

	font-size: 11px;

	text-transform: uppercase;

	padding: 0 10px;

	z-index:1;

}

.tags.hover-effect li:hover{

	border-color:#4c4c4c

}

.tags.hover-effect li:hover{

	border-color:#4c4c4c

}

.tags.hover-effect li:hover a {

	top: 28px;

	right: 0;

}

.tags.hover-effect li a:after {

	text-align: center;

	position: absolute;

	width: inherit;

	height: 50%;

	left: 0;

	top: -28px;

	line-height: 30px;

	z-index: 0;

	display:block

}

footer .tags li {

	border: 1px #4c4c4c solid;

	color: #6b6b6b;

}

footer .tags li a {

	color: #bbb;

}



/* footer recent posts widget */

.recent-posts-footer li {

	margin-bottom: 10px;

	padding: 10px 0 0;

	border-top: 1px rgba(255,255,255,0.05) solid;

	overflow: hidden;

}

.recent-posts-footer li:first-child{

	border-top:0

}

.recent-posts-footer li:first-child{

	border-top:0

}

.recent-posts-footer li .post-img {

	float: left;

	margin-right: 10px;

	max-height: 40px;

	overflow: hidden;

}

.recent-posts-footer li .post-img  img {

	padding: 1px;

	width: 40px;

	border:1px #2d2d2d solid

}

.recent-posts-footer li h4 {

	overflow: hidden;

	margin-bottom: 3px;

	height: 18px;

	-ms-text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 12px;

	font-weight:normal

}

.recent-posts-footer li .meta {

	display: inline-block;

	margin-right: 10px;

	font-size:11px;

	color:#999

}

.recent-posts-footer li .meta i{

	margin: 0 5px 0 0;

}



/***** tweets widget *****/

.tweets-widget .tweet_avatar{

	float:left;

	width:50px;

	height:50px

}

.tweets-widget .tweets_txt{

	margin-left:65px

}

.tweets-widget .tweets_txt span,.tweets-widget .tweets_txt a{

	display:block;

}

.tweets-widget .widget-content,.tweets-widget .slick-slider{

	overflow:visible

}

.footer-top p,.footer-top .tweets_txt {

	margin: 0;

	padding: 0;

	font-size: 14px;

}

.footer-top div.tweets > div{

	padding:0 66px 0 30px;

	line-height:30px

}

.footer-top div.tweets > div:before{

	font: normal normal normal 19px/1 FontAwesome;

	position: absolute;

	left: 0;

	top: 6px;

	content: "\f099";

	display: inline-block;

}

.footer-top div.tweets > div a{

	text-decoration:underline

}

.footer-top div.tweets .slick-prev,.footer-top div.tweets .slick-next{

	border:0;

	background:rgba(0,0,0,.11);

	position:absolute;

	right:0px;

	font-size:0px;

	top:-2px;

	width:30px;

	height:30px;

}

.footer-top div.tweets .slick-prev:before,.footer-top div.tweets .slick-next:before{

	font: normal normal normal 15px/0.8 FontAwesome;

	content: "\f106";

	display: inline-block;

	line-height:31px

}

.footer-top div.tweets .slick-prev{

	right:33px;

	background:rgba(0,0,0,.22);

}

.footer-top div.tweets .slick-prev:before{

	content: "\f107";

}

.footer-top div.tweets .slick-dots{

	display:none !important

}

/******* Footer Flickr **********/

ul.flickr-widget li{

	float:left;

	margin:0 1px 1px 0;

	position:relative;

	overflow:hidden

}

ul.flickr-widget li img, ul.flickr-widget .img-overlay {

	width: 64px;

	height: 64px;

}

ul.flickr-widget .img-overlay:before {

	font-size: 22px;

	line-height: 59px;

	height: 59px;

	font-weight: 100;

}

ul.flickr-widget .flickr{

	height:59px;

	display:block;

	overflow:hidden

}

ul.flickr-widget .img-overlay,.zoom .img-overlay {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	background:rgba(0,0,0,.8);

	left:0;

	transform:scale(2);

	-webkit-transform:scale(2);

	-moz-transform:scale(2);

	-ms-transform:scale(2);

}

ul.flickr-widget .img-overlay:before,.zoom .img-overlay:before {

	display: block;

	content: "\f00e";

	text-align: center;

	font-size: 15px;

	font-family: FontAwesome;

	line-height: 60px;

}

ul.flickr-widget li:hover .img-overlay,.zoom:hover .img-overlay {

	opacity: 1;

	transform:scale(1);

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

}

.zoom{

	position:relative;

	display:inline-block;

}

#footWrapper .footer-middle .tweets-widget .twitter-pic{

	float:left

}

#footWrapper .footer-middle .tweets-widget{

	position:relative;

	overflow:visible

}

#footWrapper .footer-middle .tweets-widget .twitter-text{

	margin:-5px 0 0 57px

}



/* ==========================================================================

  9. HOME ELEMENTS

============================================================================= */

.sm-mob{

	position:absolute;

	right: 73px;

	bottom: 20px;

}

.vertical-icons .icon-box-small{

	border-top:1px rgba(255,255,255,0.2) solid

}

.vertical-icons .icon-box-small:first-child{

	border-top:0

}

.vertical-icons .icon-box-small .icon-sm-desc{

	margin-left:90px

}

.icon-sm-desc{

	margin-left:70px

}

.portfolio-slider.no-margin .portfolio-item{

	margin:0 1px !important;

}

.three-imgs{

	text-align:center;

	position:relative;

	clear:both

}

.three-imgs .img-2{

	position:absolute;

	left:10%;

	bottom:-20px

}

.three-imgs .img-3{

	position:absolute;

	right:10%;

	bottom:-20px

}

.gallery_thumbs li{

	float:left;

	width:120px;

	height:80px;

	margin:0 1px 1px 0;

	overflow:hidden

}

.gallery_thumbs a{

	display:block;

	overflow:hidden

}

.gallery_thumbs li .img-overlay:before{

	line-height:80px

}

.gallery_thumbs li .img-overlay:before{

	line-height:80px

}

.chef_rit{

	background:transparent url('../images/demos/restaurant/chef.jpg') no-repeat;

	min-height:430px !important

}

.left-video-box{

	padding:50px 80px !important

}

.small-video{

	width:400px;

	margin-right:20px;

	overflow:hidden

}

.portfolio-bg{

	background:#000

}

.entry-image{

	margin:0 0 15px

}

.entry-content h5{

	margin-bottom:8px;

}

.entry-content .post-meta{

	margin-bottom:10px;

	overflow:hidden

}

.break-news{

	padding:0 30px 0 0;

	margin:15px 0;

	position:relative;

	padding-left:160px;

	overflow:hidden;

	height:50px;

	line-height:50px

}

span.lbl{

	position:absolute;

	left:0;

	top:0;

	padding:0 15px;

	font-size:12px;

	font-weight:bold;

	height:50px;

	line-height:50px;

	text-transform:uppercase

}

.break-news-slider{

	overflow:visible

}

.lft-pad-cell{

	padding-right:30px !important

}

.inner-magazine .post-content{

	background:transparent !important;

	margin-left:0 !important

}

.inner-magazine .post-item{

	margin-bottom:0

}

.p-1-col .portfolio-item, .lg-item{

	border-bottom-style:dashed !important

}

.inner-magazine .post-content .post-info-container{

	padding:0

}

.inner-magazine .post-item .post-content p{

	padding:5px 0 !important

}

.small_items{

	padding: 20px 0 0;

}

.small_items .post-item{

	margin-bottom:0

}

.small_items .entry-image{

	width:50px;

	height:50px;

	float:left;

	margin:0 15px 0 0;

}

.small_items .entry-content{

	position:relative;

	overflow:hidden;

}

.small_items .entry-content h5{

	margin-bottom:7px;

	font-size:14px;

}

.lg-item{

	padding-bottom: 20px;

	margin-bottom: 0;

}

.lg-item{

	padding-bottom: 20px;

	margin-bottom: 0;

}

.inner-magazine .heading{

	padding-bottom: 1px !important;

}

.inner-magazine .gallery_thumbs li{

	float:left;

	width:100px;

	height:80px;

	margin:0 1px 1px 0;

	overflow:hidden

}

.inner-magazine.col-md-8 .gallery_thumbs li,.inner-magazine.col-md-8 .gallery_thumbs li img{

	width: 103px;

	height:82px;

}

.inner-magazine .gallery_thumbs li img{

	width:100px;

	height:80px;

}

.gallery_thumbs li .img-overlay:before{

	line-height:80px

}

.widget-tweets{

	padding: 15px 0 10px;

}

.socials-widget .social-list span,.socials-widget .social-list a{

	float:left;

	overflow:hidden

}

.socials-widget.style-2 .widget-content{

	margin:-15px

}

.socials-widget.style-2 .social-list span,.socials-widget.style-2 .social-list a{

	float:none;

	display:block;

	text-align:center

}

.socials-widget .social-list li{

	margin:0 0 12px 0;

	width:47%

}

.socials-widget.style-2 .social-list{

	margin-right:-15px;

	overflow:hidden

}

.socials-widget.style-2 .social-list li{

	width:24%;

	padding:15px 3px;

	margin:0;

}

.socials-widget.style-2 .widget-content{

	border-left:0

}

.socials-widget .social-list a{

	margin:0 8px 0 0

}

.socials-widget.style-2 .social-list a{

	margin: 0 auto 10px;

}

.socials-widget .social-list span{

	font-size:70%;

}

.socials-widget .social-list span strong{

	font-size:140% !important

}

.abs-logo{

	position:absolute;

	left:50%;

	top:100px;

	z-index:222;

	margin-left:-100px;

}

.diamond-grid {

	width: 700px;

	margin: 0 auto;

	padding-right: 10px;

	position: absolute;

	left:50%;

	margin-left:-350px;

	top:270px;

	z-index:333;

	height:900px

}

.diamonds {

	background: transparent;

	color: #fff;

	position: relative;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	width: 23.3333333333333%;

	padding-bottom: 23.3333333333333%;

	display:block;

	margin: 5%;

	margin-top: -10%;

	float:left;

	border:1px #fff solid;

	background: rgba(255,255,255,.15);

}

.diamonds a{

	display:block;

	color:#fff;

	font-weight:bold

}

.diamonds:hover a{

	color:#fff !important

}

.diamonds i{

	display:block;

	font-size:30px;

	margin-bottom:5px;

	position:absolute;

	left:30%;

	top:30%;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.diamond-grid li.diamonds span {

	text-transform: uppercase;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	text-align: center;

	box-sizing: border-box;

	position: absolute;

	top:0;

	left: 0;

	width: 100%;

	height: 100%;

	text-align: center;

	padding-top: 50%;

	font-size: 19px;

}

.diamond-grid > li.diamonds:nth-child(1),.diamond-grid > li.diamonds:nth-child(2),.diamond-grid > li.diamonds:nth-child(3) {

	margin-top: 5%;

}

.diamond-grid > li.diamonds:nth-child(5n+4) {

	margin-left: 21.555555555%;

}

.diamond-grid > li.diamonds:nth-child(5n+6) {

	clear:left;

}

.diamond-grid > li.diamonds:nth-child(5n+6):last-of-type {

	margin-left: 38%;

}

.logo.xxlarge-text a{

	font-size:60px

}

.logo.xxlarge-text a span{

	line-height:48px

}

.side-one{

	position:fixed;

	left:0;

	top:200px;

	z-index: 99;

}

.side-one li{

	position:relative;

	height:50px;

	margin-bottom:2px;

	left:-85px

}

.side-one li a{

	display:block;

	line-height:50px;

	height:50px;

	padding-left:15px;

}

.side-one li a i{

	font-size:17px;

	position:static;

	float:right;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

}

.side-one li a span{

	position:relative;

	float:left

}

.side-one li:hover{

	left:0

}



.odometer-value{

	background:transparent !important

}



/* social icons */

.social-list li {

	float: left;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

	margin: 0 5px 5px 0;

        list-style: none;

}

.sharrre .social-list li{

	margin:0

}

.social-list li a {

	position: relative;

	display:block;

	overflow: hidden;

	position:relative;

	text-align: center;

	width: 35px;

	height: 35px;

	line-height: 35px;

}

.social-list li a:before,.social-list li a:after{

	font-size: 16px;

	text-align: center;

	display:block

}

.social-list li a:before,.social-list li a:after {

	-webkit-transition: -webkit-top 0.4s;

	-moz-transition: top 0.4s;

	-o-transition: top 0.4s;

	transition: top 0.4s;

}

.social-list li a:hover:before {

	top: -100%;

}

.social-list li a:hover:after {

	top: 0;

}

.social-list li a:before{

	position:relative;

	top:0;

	left: 0;

}

.social-list li.sm-icon a{

	width:30px;

	height:30px;

	line-height:30px

}

.social-list li.sm-icon a:before,.social-list li.sm-icon a:after{

	font-size:13px

}

.social-list li.sm-icon a:hover:before {

	top: -30px;

}

.social-list li.sm-icon a:hover:after {

	top: -2px;

}

.social-list li.md-icon a{

	width:38px;

	height:38px;

	line-height:38px

}

.social-list li.lg-icon a{

	width:60px;

	height:60px;

	line-height:60px;

}

.social-list li.lg-icon a:before,.social-list li.lg-icon a:after{

	font-size:20px !important

}

.social-list li.xl-icon a{

	width:80px;

	height:80px;

	line-height:80px;

	font-size:30px !important

}

.social-list li.xl-icon a:before,.social-list li.xl-icon a:after{

	font-size:30px !important

}

.social-list li a:after {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	text-shadow: 1px 1px 1px rgba(0,0,0,.5);

	z-index: 9999;

	top: 100%;

	display: block;

}



/* ==========================================================================

  10. TYPOGRAPHY.

============================================================================= */



/* css transitions */ 

a,.btn,.btn i,.social-list li a, .top-head .logo, .top-nav > ul > li.hasChildren > a:after, .top-nav > ul > li.hasChildren > span > a:after,.top-head.header-5 .top-nav > ul > li:before,.top-head.header-6 .top-nav > ul > li > a:before,.top-head.header-8 .top-nav > ul > li > a:before,

.clients img,.tags.hover-effect li,.tags.hover-effect li a,ul.flickr-widget .img-overlay,[class*= "btn-icon-"] span,[class*="btn-icon-"] i,.icon-box i,.icon-box h3,.box-1 .outlined i,.box-1.bordered:before, .box-1.bordered:after,.top-nav > ul > li,.icon-box-small i b:before,

.box-1.bordered .inner:before, .box-1.bordered .inner:after,.icon-box h3.bottom_half_border:after,.tabs-style-bottomline .nav-tabs>li:after,.slick-prev,.slick-next,.team-details,.team-box .box-2 .box-socials,.icons-style-1 i,.icons-style-1 .heading,

.team-box.box-2 .team-img span,.team-box.box-3 .team-img span,.team-box.box-2:hover .team-pos,.team-box.box-2:hover .team-name,.box-5,.box-5 .rounded-img, .pricing-tbl,.pagination ul li,.lg-box,.pricing-tbl.style-2 h3,.new-nav,.fun-separator,.msg-box,

.pricing-tbl.style-2 h3:before,.pricing-tbl.style-2 h3:after,.icon-box.gry-border-1,.item-img img ,.item-img .hidden-img,.gallery-caption,.team-box.box-4 .team-img,.team-box.box-4 .team-details, .inner-menu ul ul,.img-over,.diamond:before,.icon-box-small i:after,

.img-over .link,.img-over .zoom,.img-holder img,.shop-item,.p-style2 figure figcaption,.p-style3 figcaption::before,.p-style3 h4,.p-style3 .description,.zoom .img-overlay,.img-icon img,.top-bar li ul,.side-one li,.feature-details-hidden,.item-box,.side-nav ul li,

.diamonds,.post-image img,.post-img img,input,.pageWrapper:not(.left-side-wrap):not(.right-side-wrap) ,textarea,select ,.top-head.dark-transparent .top-nav > ul > li,.p-style3 figure img,.top-head.boxed-transparent .bot-line,.post-item .post-content,

.bottom_tools,.top-nav > ul > li:after,li.mega-menu .inner-mega:after,.feature-details,.feature-img figure a,.feature-img figure:before,.head-srch-cart,.icons-style-2 i,.icons-style-2 .heading,.top-head.header-5 .top-nav > ul > li .inner-mega:before,

.top-head.header-6 .top-nav > ul > li:before,.top-head.header-6 .top-nav > ul > li .inner-mega:before,.top-head.header-6 .top-nav > ul > li > span > a:before,.feature-img2 figure:after,.top-nav > ul > li:not(.mega-menu):before,.top-nav > ul > li.mega-menu > span:before,

.p-style5 figure .icon-links a:before{

	-moz-transition:all 0.4s ease;

	-ms-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	-webkit-transition:all 0.4s ease;

	transition:all 0.4s ease;

}

.border10px{border-radius:10px}

.border3px{border-radius:3px}

.circle{border-radius:50%}

.main-border {border-style:solid;border-width:1px;}

.block {display:block;}

.over-hidden {overflow:hidden;}

.t-right {text-align:right;}

.t-left {text-align:left;}

.t-center {text-align:center;}

.f-right {float:right;}

.f-left {float:left;}

.f-none {float:none;}

.zindx-0{z-index:0}

.zindx-1{z-index:1}

.zindx-9{z-index:9}

.lg-font {font-size:50px;}

.xl-font {font-size:80px;}

.light-font {font-weight:300 !important;}

.heavy-font {font-weight:900 !important;}

.slider-txt {font-size:21px;}

.uppercase {text-transform:uppercase;}

.bold{font-weight:bold !important}

.bolder{font-weight:bolder !important}

.lft-img{

	margin-right:15px;

	float:left

}

.rit-img{

	margin-left:15px;

	float:right

}

.ollist,.ullist{

	margin-left:25px

}

.ollist li{

	list-style-type:decimal

}

.ullist li{

	list-style-type:disc

}

.bordered-img{

	padding:2px;

	border:1px #ddd solid

}

#to-top {

	position:fixed;

	right: 0px;

	bottom: 0;

	z-index:99;

	cursor:pointer;

}

#to-top span {

	width: 40px;

	height: 40px;

	text-align:center;

	line-height: 40px;

	display:block;

}



/* slider styles */

.lft-tp-caption{

	left:0 !important

}

.slider-square-txt {

	padding:5px;

	text-transform:uppercase;

	font-size:80px;

	font-weight:800;

	line-height:1;

	border-width:2px;

	letter-spacing:-2px

}

.md-slide-head{

	font-size:28px;

}

.slider-md-txt{

	font-size:19px

}

.slider-lg-txt{

	font-size:23px;

	line-height:1.3

}

.lg-slide-head{

	font-size:53px;

	font-weight:900

}

.lg-slide-head2{

	font-size:40px;

	font-weight:900;

	border-bottom:1px #dedede solid;

	padding-bottom:10px;

	line-height:1

}

.banner_separator {

	height: 1px;

	background: rgba(0,0,0,0.2);

	width: 40%;

}

.banner_separator_wit {

	height: 1px;

	background: rgba(255,255,255,0.2);

	width: 40%;

}

.light-lg-txt{

	font-weight:200;

	font-size:28px;

	text-transform:uppercase

}

.bolder-lg-txt{

	font-weight:900;

	font-size:85px;

	text-transform:uppercase

}

.lg-list-item{

	font-weight:200;

	font-size:30px;

	text-transform:capitalize

}

.md-list-item{

	font-weight:700;

	font-size:18px;

	text-transform:uppercase

}

.md-list-item i{

	padding:10px 20px 10px 15px;

	border-right:1px #ccc solid;

	margin-right:20px;

	font-size:20px

}

.gry-sep{

	height:1px;

	background:#4c4c4c;

	width:460px

}

.light-gry-sep{

	height:1px;

	background:#ccc;

	width:350px

}

.lg-list-item i{

	padding:10px 20px 10px 15px;

	border-right:1px #4c4c4c solid;

	margin-right:20px;

	font-size:25px

}

.tp-caption a.btn.main-bg{

	color:#fff

}

.btn.main-bg.btn-3d{

	margin-bottom:4px

}

.pink-bg{

	background-color:#f358db;

	color:#fff

}

.pink-bg{

	background-color:#f358db;

	color:#fff

}

.light-pink-bg{

	background-color:#f888e7;

}

.dark-pink-bg{

	background-color:#C52B70;

}

.pink-bg.hexagon:before{

	border-right: 25px solid #f358db;

}

.pink-bg.hexagon:after{

	border-left: 25px solid #f358db;

}

.green-bg{

	background-color:#47d103;

	color:#fff

}

.light-green-bg{

	background-color:#7ceb45;

}

.green-bg.hexagon:before{

	border-right: 25px solid #47d103;

}

.green-bg.hexagon:after{

	border-left: 25px solid #47d103;

}

.blue-bg{

	background-color:#0090ff;

	color:#fff

}

.light-blue-bg{

	background-color:#5db2f3;

}

.blue-bg.hexagon:before{

	border-right: 25px solid #0090ff;

}

.blue-bg.hexagon:after{

	border-left: 25px solid #0090ff;

}

.orange-bg{

	background-color:#ec8a32;

	color:#fff

}

.light-orange-bg{

	background-color:#f2aa6a;

}

.orange-bg.hexagon:before{

	border-right: 25px solid #ec8a32;

}

.orange-bg.hexagon:after{

	border-left: 25px solid #ec8a32;

}

.fb-bg{

	background-color:#3b5998;

	color:#fff

}

.tw-bg{

	background-color:#00acee;

	color:#fff

}

.ln-bg{

	background:#0177b5;

	color:#fff

}

.rss-bg{

	background:#EE802F;

	color:#fff

}

.gplus-bg{

	background:#dd4b39;

	color:#fff

}

.yt-bg{

	background:#de2c28;

	color:#fff

}

.dr-bg{

	background:#c32361;

	color:#fff

}

.sound-bg{

	background:#ff4900;

	color:#fff

}



.bg-full-rit,.bg-full-lft{

	position:absolute;

	width:500%;

	height:100%;

	z-index:-1

}

.bg-full-lft{

	left:-100%

}

.white-border{

	border:1px #fff solid;

}

.fa-hover > span {

	display: block;

	line-height: 40px;

	height: 40px;

	padding-left: 35px;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	cursor: pointer;

	position:relative

}

.fa-hover:hover > span{

	padding-left:45px

}

.fa-hover > span i{

	margin-right:9px;

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

	-o-transition: all 0.3s ease-in-out;

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

	transition: all 0.1s ease-in-out;

	position:absolute;

	left:12px;

	top:13px

}

.fa-hover:hover > span i{

	font-size: 28px;

	top:5px;

	left:8px;

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

}

.no-border{

	border:0 !important

}

.saf-tags.hover-effect li:hover a:after{

	background:transparent !important

}



/*

--------- highlight, Dropcaps & Blockquote --------- */

.highlight-1 {

	background: #fcff00;

}

.dropcap {

	display: block;

	float: left;

	margin: 2px 8px 0 0;

	font-weight: bold;

	font-size: 36px;

	line-height: 36px;

}

.dropcap.main-color{

	font-weight:normal

}

.dropcap.main-bg{

	display:inline-block;

	padding:0 4px

}

blockquote {

	margin: 0;

	position:relative

}

blockquote:before,blockquote:after{

	content: "\f10d";

	display: inline-block;

	font: normal normal normal 25px/1 FontAwesome;

	position:absolute;

	left:18px;

	top:18px;

}

blockquote:after{

	content: "\f10e";

	right:18px;

	bottom:18px;

	left:auto;

	top:auto

}

blockquote p {

	margin: 0;

	margin-bottom: 0;

	font-size: 15px;

	line-height:27px;

	padding: 30px 20px 0 20px;

}

blockquote h3 {

	margin: 0;

	margin-bottom: 0;

	/* font-size: 15px; */

	line-height:47px;

	padding: 30px 20px 0 20px;

	text-align:center;

}

blockquote span {

	font-weight: bold;

	font-size: 16px;

	display:block;

	padding: 30px 40px 30px 60px;

}

.bquote-2{

	border:0

}

.bquote-2 p{

	color:#fff

}

.bquote-2:before,.bquote-2:after{

	color:rgba(0,0,0,.15)

}

.bquote-3{

	border-bottom-width:4px !important;

	border-bottom-style:solid;

	padding-bottom:0

}

.bquote-3 .bottom{

	padding-bottom:25px;

	position:relative

}

.bquote-3 .bottom:after{

	position:absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 8px 8px 8px;

	content: "";

	left: 50%;

	bottom: -2px;

}

.bquotes_slider .bquote-3,.bquotes_slider .bquote-4 {

	margin-right:10px

}

.bquote-4 span.main-bg{

	padding: 15px !important;

	margin: 25px -20px -10px;

	position:relative

}

.bquote-4 span.main-bg:after{

	position:absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 8px 8px 8px;

	content: "";

	left: 50%;

	top: -8px;

}

.bquote-4 span.main-bg:after{

	position:absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 8px 8px 8px;

	content: "";

	left: 50%;

	top: -8px;

}

.bquote-4:after{

	bottom:70px

}



/*

------------ list styles -------------- */

.list li{

	line-height:30px;

	overflow: hidden;

}

.list li i{

	font-size:11px;

	margin-right:8px;

	width:25px;

	height:25px;

	text-align:center;

	line-height:25px;

}

.list li.list-bg{

	margin-bottom:2px

}

.list li.list-bg i{

	width:35px;

	height:35px;

	line-height: 35px;

	font-size:15px;

	float:left

}

.date-time-list li{

	line-height:25px;

	padding:8px 0;

	overflow:hidden

}

.date-time-list i{

	float:left;

}

.lg-list li{

	line-height:40px

}



/* sections bg */

.diamonds-pattern{

	background-image:url('../images/patterns/diamonds.png');

}

.diamonds-pattern-2{

	background-image:url('../images/patterns/diamonds-2.png');

}

.pattern-bg-1{

	background-image:url('../images/patterns/pattern-1.png');

}

video{

	width:100%;

	height:100%

}

.video-overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 5;

	background: rgba(0,0,0,.6);

	-webkit-backface-visibility: hidden;

}



/* ==========================================================================

  11. IMPORTANT CLASSES

============================================================================= */

.txt-shadow{text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

.font-10{font-size:10px !important}

.font-15{font-size:15px !important}

.font-20{font-size:20px !important}

.font-30{font-size:30px !important}

.font-40{font-size:40px !important;letter-spacing: 1px;}

.font-50{font-size:50px !important;letter-spacing: 1px;}

.font-60{font-size:60px !important;letter-spacing: 1px;}

.font-70{font-size:70px !important;letter-spacing: 1px;}

.font-80{font-size:80px !important;letter-spacing: 1px;}

.font-90{font-size:90px !important;letter-spacing: 1px;}

.font-100{font-size:100px !important;letter-spacing: 1px;}

.padding-horizontal-0 {padding-left: 0;padding-right: 0;}

.padding-horizontal-5 {padding-left: 5px;padding-right: 5px;}

.padding-horizontal-10 {padding-left: 10px;padding-right: 10px;}

.padding-horizontal-15 {padding-left: 15px;padding-right: 15px;}

.padding-horizontal-20 {padding-left: 20px;padding-right: 20px;}

.padding-horizontal-25 {padding-left: 25px;padding-right: 25px;}

.padding-horizontal-30 {padding-left: 30px;padding-right: 30px;}

.padding-horizontal-35 {padding-left: 35px;padding-right: 35px;}

.padding-horizontal-40 {padding-left: 40px;padding-right: 40px;}

.padding-horizontal-45 {padding-left: 45px;padding-right: 45px;}

.padding-horizontal-50 {padding-left: 50px;padding-right: 50px;}

.padding-horizontal-60 {padding-left: 60px;padding-right: 60px;}

.padding-horizontal-70 {padding-left: 70px;padding-right: 70px;}

.padding-horizontal-80 {padding-left: 80px;padding-right: 80px;}

.padding-horizontal-90 {padding-left: 90px;padding-right: 90px;}

.padding-horizontal-100 {padding-left: 100px;padding-right: 100px;}

.padding-vertical-0 {padding-top: 0;padding-bottom: 0;}

.padding-vertical-5 {padding-top: 5px;padding-bottom: 5px;}

.padding-vertical-10 {padding-top: 10px;padding-bottom: 10px;}

.padding-vertical-15 {padding-top: 15px;padding-bottom: 15px;}

.padding-vertical-20 {padding-top: 20px;padding-bottom: 20px;}

.padding-vertical-25 {padding-top: 25px;padding-bottom: 25px;}

.padding-vertical-30 {padding-top: 30px;padding-bottom: 30px;}

.padding-vertical-35 {padding-top: 35px;padding-bottom: 35px;}

.padding-vertical-40 {padding-top: 40px;padding-bottom: 40px;}

.padding-vertical-45 {padding-top: 45px;padding-bottom: 45px;}

.padding-vertical-50 {padding-top: 50px;padding-bottom: 50px;}

.padding-vertical-60 {padding-top: 60px;padding-bottom: 60px;}

.padding-vertical-70 {padding-top: 70px;padding-bottom: 70px;}

.padding-vertical-80 {padding-top: 80px;padding-bottom: 80px;}

.padding-vertical-90 {padding-top: 90px;padding-bottom: 90px;}

.padding-vertical-100 {padding-top: 100px;padding-bottom: 100px;}

.lg-padding{padding:120px 0}

.padding-bottom-0{padding-bottom:0}

.padding-top-0{padding-top:0}

.margin-0{margin:0}

.margin-vertical-0 {margin-top: 0;margin-bottom: 0;}

.margin-vertical-5 {margin-top: 5px;margin-bottom: 5px;}

.margin-vertical-10 {margin-top: 10px;margin-bottom: 10px;}

.margin-vertical-15 {margin-top: 15px;margin-bottom: 15px;}

.margin-vertical-20 {margin-top: 20px;margin-bottom: 20px;}

.margin-vertical-25 {margin-top: 25px;margin-bottom: 25px;}

.margin-vertical-30 {margin-top: 30px;margin-bottom: 30px;}

.margin-vertical-35 {margin-top: 35px;margin-bottom: 35px;}

.margin-vertical-40 {margin-top: 40px;margin-bottom: 40px;}

.margin-vertical-45 {margin-top: 45px;margin-bottom: 45px;}

.margin-vertical-50 {margin-top: 50px;margin-bottom: 50px;}

.margin-vertical-60 {margin-top: 60px;margin-bottom: 60px;}

.margin-vertical-70 {margin-top: 70px;margin-bottom: 70px;}

.margin-vertical-80 {margin-top: 80px;margin-bottom: 80px;}

.margin-vertical-90 {margin-top: 90px;margin-bottom: 90px;}

.margin-vertical-100 {margin-top: 100px;margin-bottom: 100px;}

.margin-top-0 {margin-top: 0;}

.margin-top-5 {margin-top: 5px;}

.margin-top-10 {margin-top: 10px;}

.margin-top-15 {margin-top: 15px;}

.margin-top-20 {margin-top: 20px;}

.margin-top-25 {margin-top: 25px;}

.margin-top-30 {margin-top: 30px;}

.margin-top-35 {margin-top: 35px;}

.margin-top-40 {margin-top: 40px;}

.margin-top-45 {margin-top: 45px;}

.margin-top-50 {margin-top: 50px;}

.margin-top-60 {margin-top: 60px;}

.margin-top-70 {margin-top: 70px;}

.margin-top-80 {margin-top: 80px;}

.margin-top-90 {margin-top: 90px;}

.margin-top-100 {margin-top: 100px;}

.margin-bottom-0 {margin-bottom: 0 !important;}

.margin-bottom-5 {margin-bottom: 5px;}

.margin-bottom-10 {margin-bottom: 10px;}

.margin-bottom-15 {margin-bottom: 15px;}

.margin-bottom-20 {margin-bottom: 20px;}

.margin-bottom-25 {margin-bottom: 25px;}

.margin-bottom-30 {margin-bottom: 30px;}

.margin-bottom-35 {margin-bottom: 35px;}

.margin-bottom-40 {margin-bottom: 40px;}

.margin-bottom-45 {margin-bottom: 45px;}

.margin-bottom-50 {margin-bottom: 50px;}

.margin-bottom-60 {margin-bottom: 60px;}

.margin-bottom-70 {margin-bottom: 70px;}

.margin-bottom-80 {margin-bottom: 80px;}

.margin-bottom-90 {margin-bottom: 90px;}

.margin-bottom-100 {margin-bottom: 100px;}

.margin-left-100{margin-left:100px}

.margin-auto{margin:auto;}

.width-10{width:10px}

.width-20{width:20px}

.width-30{width:30px}

.width-40{width:40px}

.width-50{width:50px}

.width-60{width:60px}

.width-70{width:70px}

.width-80{width:80px}

.width-90{width:90px}

.width-100{width:100px}

.width-percent-10{width:10%}

.width-percent-20{width:20%}

.width-percent-30{width:30%}

.width-percent-40{width:40%}

.width-percent-50{width:50%}

.width-percent-60{width:60%}

.width-percent-70{width:70%}

.width-percent-80{width:80%}

.width-percent-90{width:90%}



.no-bg-btn{background:transparent none;border:0}

.right-cell {float: right !important;}

.left-text{text-align:left}

.center-tbl{

	display:table;

	margin:auto;

	float:none

}

.ads-box{

	padding:50px;

}

.ads-box p{

	line-height:1.4;

	margin:0;

	text-shadow:none;

	font-size:19px;

}

.section-full-bg{

	position:absolute;

	top: 0;

	width:300%;

	height: 100%;

	display:inline-block;

	z-index:0;

}

.section-full-bg.left.circle{

	border-radius:50em;

	border-top-left-radius:0;

	border-bottom-left-radius:0

}

.section-full-bg.right.circle{

	border-radius:50em;

	border-top-right-radius:0;

	border-bottom-right-radius:0

}



.bg-block{

	position:relative;

	z-index:9;

	padding:50px 30px;

	border-width:5px;

	border-left-width:0;

	-webkit-box-shadow:-25px 0px 15px -15px rgba(50, 50, 50, 0.45);

	-moz-box-shadow:-25px 0px 15px -15px rgba(50, 50, 50, 0.45);

	box-shadow:-25px 0px 15px -15px rgba(50, 50, 50, 0.45);

}

.bg-block p{

	margin-bottom:0

}

.sec-bg.left.circle{

	border-radius:50em;

	border-top-left-radius:0;

	border-bottom-left-radius:0

}

.sec-bg.right.circle{

	border-radius:50em;

	border-top-right-radius:0;

	border-bottom-right-radius:0

}

.section-side{

	padding:0 40px

}

.section-full-bg.left{

	right: 0;

}

.section-full-bg.right{

	left:0;

}

.section-full-bg.left.circle{

	right: -25px;

}

.section-full-bg.right.circle{

	left:-25px;

}

.section-full-bg.left.rect{

	right: 30%;

}

.section-full-bg.right.rect{

	left:30%;

}

/* slick slider */

.testimonials-3 .slick-dots li button:before {

	font-size:30px !important;

	width:10px !important;

	height:10px !important ;

}

.testimonials-3 .slick-dots li button, .testimonials-3 .slick-dots li {

	width:12px !important;

	height:12px !important;

}

.testimonials-2 .slick-next, .testimonials-2 .slick-prev {

	position:absolute;

	left:0;

	top:50%;

	margin-top:-20px;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	border:1px rgba(156, 156, 156 , 0.68) solid;

}

.testimonials-2 .slick-next:before, .testimonials-2 .slick-prev:before {

	font-size:20px;

	line-height:38px;

}

.testimonials-2 .slick-next {

	right:0;

	left:auto;

}

.img-holder .slick-dots{

	position:absolute;

	bottom:8px;

	right:10px

}

.pro-gallery .slick-dots{

	margin-top:-35px

}

.posts-gal .slick-dots{

	position:absolute;

	bottom:15px;

	right:15px

}

.shop-horizontal-slick .shop-item{

	margin-bottom:1px;

}

.product-img .slick-dots {

	display: table;

	margin: 5px auto 0;

	width:100%

}

.product-img .slick-dots li {

	display: table-cell;

	padding: 0 2px 0 0;

}

.product-img .slick-dots li img {

	width: 75px;

	cursor:pointer;

	opacity:0.6

}

.product-img .slick-dots li img:hover , .product-img .slick-dots li.slick-active img{

	opacity:1;

}

.shop-ajax .slick-prev, .shop-ajax .slick-next{

	position:absolute;

	top:50%;

	left:0;

	background:rgba(0,0,0,.5);

	color:#fff;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	margin-top:-15px;

	display:inline-block

}

.shop-ajax .slick-prev:before, .shop-ajax .slick-next:before{

	line-height:40px;

	display:inline-block;

	width:40px;

	text-align:center

}

.shop-ajax .slick-next{

	left:auto;

	right:0

}

.shop-ads-top .slick-slide img{

	width:100%

}

.shop-ads-top .slick-dots{

	margin-top:-35px;

	margin-bottom:15px

}

.footer-top div.slick-s{

	height: 35px !important;

	overflow:hidden;

}

.footer-top div.slick-s .slick-slide{

	padding:0 66px 0 30px;

	line-height:60px;

	position:relative;

	overflow:hidden;

	height: 30px !important;

}

.footer-top div.slick-s .slick-slide:before{

	font: normal normal normal 19px/1 FontAwesome;

	position: absolute;

	left: 0;

	top: 6px;

	content: "\f099";

	display: inline-block;

}

.footer-top div.slick-s a{

	color:#fff

}

.footer-top div.slick-s .slick-prev,.footer-top div.slick-s .slick-next{

	border:0;

	background:rgba(0,0,0,.11);

	position:absolute;

	right:0px;

	font-size:0px;

	top: 0px;

	width: 35px;

	height: 30px;

	color:#fff;

}

.footer-top div.slick-s .slick-prev:before,.footer-top div.slick-s .slick-next:before{

	font: normal normal normal 15px/0.8 FontAwesome;

	content: "\f106";

	display: inline-block;

	margin-right: 3px;

}

.footer-top div.slick-s .slick-prev{

	right:33px;

	background:rgba(0,0,0,.22);

}

.footer-top div.slick-s .slick-prev{

	right: 35px;

	background:rgba(0,0,0,.22);

}

.footer-top div.slick-s .slick-prev:before{

	content: "\f107";

	margin-left: 3px;

	margin-right: 0;

}

.footer-top div.slick-s .slick-dots{

	display:none !important

}

.widget-tweets .slick-dots, .widget-tweets .slider_controls {

	margin: 10px auto;

}

.footer-light .footer-top div.slick-s a{

	color:#666;

	font-weight:normal !important

}

#footWrapper .footer-middle .tweets-widget .slick-prev,#footWrapper .footer-middle .tweets-widget .slick-next{

	display:block !important;

	position:absolute;

	right:0;

	top: -72px;

}

#footWrapper .footer-middle .tweets-widget .slick-prev{

	right:20px

}

#footWrapper .footer-middle .tweets-widget .slick-next:before {

	content: "\f106";

}

#footWrapper .footer-middle .tweets-widget .slick-prev:before {

	content: "\f107";

}

.break-news-slider .slick-prev,.break-news-slider .slick-next{

	position:absolute;

	top:10px;

	right:-25px

}

.break-news-slider .slick-prev{

	right:-5px

}

.tweets-widget .slick-prev,.tweets-widget .slick-next{

	position:absolute;

	top:-50px;

	right:-10px

}

.tweets-widget .slick-prev{

	right:10px

}

.horizontal-slider .slick-prev,.horizontal-slider .slick-next{

	position:absolute;

	left: 1px;

	background: #555;

	color: #FFF;

	width: 40px;

	height:40px;

	text-align:center;

	top:50%;

	margin-top:-20px;

	-webkit-transition: transform 0.45s;

	transition: transform 0.45s;

	-webkit-transform: translate3d(-60px,0,0);

	transform: translate3d(-60px,0,0);

	opacity:0;

	z-index:99;

	border-top-right-radius: 30px;

	border-bottom-right-radius: 30px;

}

.horizontal-slider .slick-prev:before,.horizontal-slider .slick-next:before{

	font-size:20px;

	display:inline-block;

	line-height:40px;

	position:relative

}

.horizontal-slider .slick-prev:before{

	left:auto;

}

.horizontal-slider .slick-next{

	left:auto;

	right: 1px;

	-webkit-transform: translate3d(60px,0,0);

	transform: translate3d(60px,0,0);

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;

	border-top-left-radius: 30px;

	border-bottom-left-radius: 30px;

}

.horizontal-slider.slick-slider:hover .slick-prev,.horizontal-slider.slick-slider:hover .slick-next{

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity:1

}

.horizontal-slider.slick-slider:hover .slick-prev,.horizontal-slider.slick-slider:hover .slick-next{

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity:1

}

.show-arrows{

	overflow:visible

}

.show-arrows .slick-prev,.show-arrows .slick-next{

	opacity:1;

	top: -63px;

	right: 15px;

	left:auto;

	transform: translate3d(0,0,0);

	-webkit-transform: translate3d(0,0,0);

	width: 30px;

	height: 30px;

	border-top-right-radius: 30px;

	border-bottom-right-radius: 30px;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

}

.show-arrows .slick-prev:before, .show-arrows .slick-next:before {

	font-size: 13px;

	line-height: 30px;

}

.show-arrows .slick-prev{

	right: 46px;

	border-top-right-radius: 0 !important;

	border-bottom-right-radius: 0 !important;

	border-top-left-radius: 30px;

	border-bottom-left-radius: 30px;

}



/* ==========================================================================

  12. SHAPES

============================================================================= */

.new-angle,.panel.new-angle,.contact-widget .details li i.new-angle:before,.filter-by ul li.new-angle:after,.filter-by ul li.new-angle.active a,.top-head.header-2 .top-search.new-angle > a:before, .top-head.header-2 .top-cart.new-angle > a:before{

	/* border-top-right-radius: 1.2em;

	border-bottom-left-radius: 1.2em; */

}

.new-angle.lg,.contact-widget .details li i.new-angle.lg:before{

	border-top-right-radius: 3em;

	border-bottom-left-radius: 3em;

}

.new-angle.sm,.contact-widget .details li i.new-angle.sm:before,.icon-box-small i.new-angle.sm:after{

	border-top-right-radius: 10px;

	border-bottom-left-radius: 10px;

}

.top-bar ul.new-angle{

	border-top-right-radius: 15px;

	border-bottom-left-radius: 15px;

}

.accordion.style-1 .panel >.panel-heading h4 a.new-angle:not(.collapsed):before{

	width: 97.7%;

	left: 2.5%;

}

.accordion.style-1 .panel >.panel-heading h4 a.round:not(.collapsed):before{

	width: 92%;

	left: 4%;

}

.accordion.style-3.new-angle .panel:first-child>.panel-heading h4 a:not(.collapsed){

	border-top-right-radius:1.2em

}

.nav-tabs.new-angle li:first-child a{

	border-bottom-left-radius:1.2em

}

.box-5.new-angle:hover .rounded-img{

	border-top-left-radius: 0;

	border-top-right-radius:2em;

	border-bottom-left-radius:0;

	border-bottom-right-radius:0

}

.box-5.new-angle:hover{

	border-top-right-radius: 2em;

	border-bottom-left-radius: 2em;

}

.new-angle.lg .slick-slide img{

	border-top-right-radius: 3em;

}

.feature-img .new-angle:before{

	border-top-right-radius: 1.2em;

	border-bottom-left-radius: 1.2em;

}

.feature-img .new-angle.lg:before{

	border-top-right-radius: 3em;

	border-bottom-left-radius: 3em;

}

.new-angle .slick-dots li:first-child img{

	border-bottom-left-radius: 1.2em;

}

.new-angle.icon-box.gry-border-2 .head-bg{

	border-top-right-radius: 0.9em;

}

.icon-box-small i.new-angle:after{

	border-top-right-radius: 1.2em;

	border-bottom-left-radius: 1.2em;

}

.progress-bar.new-angle span{

	border-radius:0 !important;

	top:0;

	right:0;

	border-top-right-radius: 1.5em !important;

	width: 30px !important;

	text-align: center;

}

.progress-bars.new-angle.xl-line.tool-tip .progress-bar span{

	height:35px;

	line-height:35px;

	top:0;

	right:0

}

.progress-bar.new-angle.lg span{

	border-radius:0 !important;

	top: 1px;

	right: 1px;

	border-top-right-radius: 3em !important;

	width: 40px !important;

	text-align: center;

}

.pricing-tbl.style-2.new-angle h3{

	border-top-right-radius: 0.8em;

}

.pricing-tbl.style-4.new-angle .plan-head{

	border-top-right-radius: 1em;

}

.new-angle.bquote-4 span.main-bg{

	border-bottom-left-radius: 1.6em;

}

.portfolio.horizontal-slider.new-angle .slick-list{

	border-top-right-radius: 8em;

	border-bottom-left-radius: 8em;

}

.footer-top div.slick-s.new-angle .slick-prev{

	border-top-left-radius: 20px;

	border-bottom-left-radius: 20px;

}

.footer-top div.slick-s.new-angle .slick-next{

	border-top-right-radius: 20px;

	border-bottom-right-radius: 20px;

}

.comment-list li.new-angle,.feature-img .new-angle{

	position:relative;

	overflow:hidden

}



/*

---------------- round ---------------------- */

.shape.round,.feature-img:hover figure.round:before,.filter-by ul li.round:after,.filter-by ul li.round.active a,.top-head.header-2 .top-search.round > a:before, .top-head.header-2 .top-cart.round > a:before,.icon-box-small i.round:after,.feature-img figure.round:before{

	border-radius:20em

}

.panel.round,.testimonials-4 .testimonials-bg.round,.contact-widget .details li i.round:before,.team-box.round,[class*="tabs-style-"] .tab-content .tab-pane.round,.ads-box.round,.horizontal-slider.round,.accordion.style-3.round,.pricing-tbl.round,

[class*="bquote-"].round,.msg-box.round,.progress-bars.round,.sm-round.round,.post-item img.round,.my-info.round,.comment-list li.round,.icon-box.round,.testimonials-bg.round,.modal-content.round{

	border-radius:2.2em

}

.lg-slider.round{

	border-radius:20em

}

.lg-slider.round{

	border-radius:20em

}

.widget.round,textarea.round,.product-img.round{

	border-radius:1em

}

.pricing-tbl.round{

	overflow:hidden

}

.accordion.style-3.round .panel:first-child>.panel-heading h4 a:not(.collapsed){

	border-top-left-radius:2.2em;

	border-top-right-radius:2.2em

}

.icon-box.gry-border-2.round .head-bg{

	border-top-left-radius:1.7em;

	border-top-right-radius:1.7em

}

.nav-tabs.round li:first-child a{

	border-top-left-radius:10em;

	border-bottom-left-radius:10em

}

[class*="tabs-style-"] .tab-content .tab-pane:first-child.active.round{

	border-top-left-radius:0

}

.tabs-style-bg .tab-content .tab-pane.round{

	border-top-left-radius:0

}



#footWrapper .social-list li a.round,.progress-bars.xl-line.tool-tip .progress-bar.round span{

	border-radius:50%

}

.round.bquote-4 span.main-bg {

    border-bottom-left-radius: 1.2em;

    border-bottom-right-radius: 1.2em;

}

.round.sm{

	border-radius:40px

}

.footer-top div.slick-s.round .slick-prev,.footer-top div.slick-s.round .slick-next{

	border-radius: 50%;

	width:30px

}

.footer-top div.slick-s.round .slick-prev:before, .footer-top div.slick-s.round .slick-next:before{

	margin:0

}

.feature-img figure.round a{

	right:50%;

	margin-right:-17.5px

}

.item-box.round .on-sale{

	left: 7%;

	top: 7%;

	width: 50px;

	height: 50px;

	line-height: 66px;

	border-radius: 50%;

}



/*

---------------- square ---------------------- */

.shape.square{

	border-radius:0

}

html.square .pageWrapper *,html.square .circle:after,html.square .circle:before,html.square .full-heading:before,.box-5:hover .team-img{

	border-radius:0 !important

}



/*

---------------- border5px ------------------- */

.border5px{border-radius:5px}

.accordion.style-3.border5px .panel:first-child >.panel-heading h4 a{

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}

.icon-box-small i.border5px:after{

	border-radius: 5px;

}

html.border5px .bottom_tools,html.border5px .post-icon,html.border5px .post-item .post-content{

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}

html.border5px .post-image .post-icon{

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}

html.border5px .footer-top div.slick-s .slick-prev,html.border5px .footer-top div.slick-s .slick-next{

	border-radius:5px;

	width:30px;

}

html.border5px .footer-top div.slick-s .slick-prev:before,html.border5px .footer-top div.slick-s .slick-next:before{

	margin:0

}

html.border5px .top-head.boxed-transparent > .container,html.border5px .sidebar_widgets .tab-content{

	border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;

}

html.border5px .full-heading:before,html.border5px .sidebar_widgets .tab-content{

	border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

html.border5px .top-head.boxed-transparent > .container{

	border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;

}

html.border5px .full-heading:before{

	border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.border5px.icon-box.gry-border-2 .head-bg{

	border-top-right-radius:5px;

	border-top-left-radius:5px

}



/*

---------------- right-angle ------------------- */

.right-angle,.icon-box-small i.right-angle:after,.feature-img figure.right-angle:before,.filter-by ul li.right-angle.active a,.filter-by ul li.right-angle:after{

	border-top-right-radius: 30em;

	border-bottom-right-radius: 30em;

}

.widget.right-angle,textarea.right-angle,.product-img.right-angle,.modal-content.right-angle{

	border-top-right-radius:1em;

	border-bottom-right-radius:1em

}

.panel.right-angle,.testimonials-4 .testimonials-bg.right-angle,.contact-widget .details li i.right-angle:before,.team-box.right-angle,[class*="tabs-style-"] .tab-content .tab-pane.right-angle,.ads-box.right-angle,.horizontal-slider.right-angle,.accordion.style-3.right-angle,.pricing-tbl.right-angle,

[class*="bquote-"].right-angle,.msg-box.right-angle,.progress-bars.right-angle,.post-item img.right-angle,.my-info.right-angle,.comment-list li.right-angle,.icon-box.right-angle,.testimonials-bg.right-angle,.right-angle.bg-block{

	border-top-right-radius:2.2em;

	border-bottom-right-radius:2.2em

}

.right-angle.icon-box.gry-border-2 .head-bg,.right-angle.accordion.style-3 .panel:first-child >.panel-heading h4 a, .pricing-tbl.right-angle.style-4 .plan-head, .pricing-tbl.right-angle.style-2 h3{

	border-top-right-radius:1.7em

}

/*

---------------- left-angle ------------------- */

.left-angle,.icon-box-small i.left-angle:after,.feature-img figure.left-angle:before,.filter-by ul li.left-angle.active a,.filter-by ul li.left-angle:after{

	border-top-left-radius: 30em;

	border-bottom-left-radius: 30em;

}

.widget.left-angle,textarea.left-angle,.product-img.left-angle,.modal-content.left-angle{

	border-top-left-radius:1em;

	border-bottom-left-radius:1em

}

.panel.left-angle,.testimonials-4 .testimonials-bg.left-angle,.contact-widget .details li i.left-angle:before,.team-box.left-angle,[class*="tabs-style-"] .tab-content .tab-pane.left-angle,.ads-box.left-angle,.horizontal-slider.left-angle,.accordion.style-3.left-angle,.pricing-tbl.left-angle,

[class*="bquote-"].left-angle,.msg-box.left-angle,.progress-bars.left-angle,.post-item img.left-angle,.my-info.left-angle,.comment-list li.left-angle,.icon-box.left-angle,.testimonials-bg.left-angle,.left-angle.bg-block{

	border-top-left-radius:2.2em;

	border-bottom-left-radius:2.2em

}

.left-angle.icon-box.gry-border-2 .head-bg,.left-angle.accordion.style-3 .panel:first-child >.panel-heading h4 a, .pricing-tbl.left-angle.style-4 .plan-head, .pricing-tbl.left-angle.style-2 h3{

	border-top-left-radius:1.7em

}

.tabs-style-default .tab-content .tab-pane.active.left-angle{

	border-top-left-radius:0

}

/*

---------------- top-angle ------------------- */

.top-angle,.icon-box-small i.top-angle:after{

	border-top-right-radius: 30em;

	border-top-left-radius: 30em;

}

.top-angle.btn,.accordion .top-angle,.top-head.header-4 .top-search.top-angle{

	border-top-right-radius: 1.5em;

	border-top-left-radius: 1.5em;

}

.widget.top-angle,textarea.top-angle,.product-img.top-angle,.tags .top-angle{

	border-top-right-radius:1em;

	border-top-left-radius:1em

}

.panel.top-angle,.testimonials-4 .testimonials-bg.top-angle,.contact-widget .details li i.top-angle:before,.team-box.top-angle,[class*="tabs-style-"] .tab-content .tab-pane.top-angle,.ads-box.top-angle,.horizontal-slider.top-angle,.accordion.style-3.top-angle,.pricing-tbl.top-angle,

[class*="bquote-"].top-angle,.msg-box.top-angle,.progress-bars.top-angle,.post-item img.top-angle,.my-info.top-angle,.comment-list li.top-angle,.icon-box.top-angle,.testimonials-bg.top-angle,.feature-img figure.top-angle:before,.feature-img figure.top-angle,.modal-content.top-angle,

.break-news.top-angle, .pricing-tbl.top-angle.style-4 .plan-head,.not-found-form input[type=text].top-angle{

	border-top-left-radius:2.2em;

	border-top-right-radius:2.2em

}

.top-angle.icon-box.gry-border-2 .head-bg,.top-angle.accordion.style-3 .panel:first-child >.panel-heading h4 a,.p-style5 figure .description.top-angle,.item-box.top-angle,.pricing-tbl.top-angle.style-2 h3,.top-angle.form-control{

	border-top-right-radius:1.7em;

	border-top-left-radius:1.7em

}



/*

---------------- bottom-angle ------------------- */

.bottom-angle,.icon-box-small i.bottom-angle:after,.filter-by ul li.bottom-angle.active a,.filter-by ul li.bottom-angle:after{

	border-bottom-right-radius: 30em;

	border-bottom-left-radius: 30em;

}

.bottom-angle.btn,.accordion .bottom-angle,.p-style5 figure .description.bottom-angle,.top-head.header-4 .top-search.bottom-angle{

	border-bottom-right-radius: 1.5em;

	border-bottom-left-radius: 1.5em;

}

.widget.bottom-angle,textarea.bottom-angle,.product-img.bottom-angle,.tags .bottom-angle{

	border-bottom-right-radius:1em;

	border-bottom-left-radius:1em

}

.panel.bottom-angle,.testimonials-4 .testimonials-bg.bottom-angle,.contact-widget .details li i.bottom-angle:before,.team-box.bottom-angle,[class*="tabs-style-"] .tab-content .tab-pane.bottom-angle,.ads-box.bottom-angle,.horizontal-slider.bottom-angle,.accordion.style-3.bottom-angle,.pricing-tbl.bottom-angle,

[class*="bquote-"].bottom-angle,.msg-box.bottom-angle,.progress-bars.bottom-angle,.post-item img.bottom-angle,.my-info.bottom-angle,.comment-list li.bottom-angle,.icon-box.bottom-angle,.testimonials-bg.bottom-angle,.feature-img figure.bottom-angle,.feature-img figure.bottom-angle:before,.modal-content.bottom-angle,

.break-news.bottom-angle,.item-box.bottom-angle, .pricing-tbl.bottom-angle.style-4 .plan-head{

	border-bottom-left-radius:2.2em;

	border-bottom-right-radius:2.2em

}

.pricing-tbl.bottom-angle.style-2 h3,.bottom-angle.form-control,.not-found-form input[type=text].bottom-angle{

	border-bottom-right-radius: 1.7em;

	border-bottom-left-radius: 1.7em;

}



/* ==========================================================================

  13. BOXED MODE

============================================================================= */



.pageWrapper.boxed{

	margin: 0 auto;

}

.pageWrapper.boxed .full-cell{

	width:100%

}

.pageWrapper.boxed .fullwidthbanner-container,.pageWrapper.boxed .forcefullwidth_wrapper_tp_banner,.pageWrapper.boxed .fullscreen-container{

	width:100% !important;

	left:0 !important

}

.pageWrapper.boxed .top-head.transparent,.pageWrapper.boxed .top-head.sticky-nav{

	width:auto;

	left:auto;

	top:30px

}

.pageWrapper.boxed .fixed-footer{

	width:auto;

	left:auto;

}

.full-2-foot{

	margin-left:-15px

}

.fullscreen-body .pageWrapper.boxed{

	margin:0 auto

}

.fullscreen-body .pageWrapper.boxed .top-head.transparent, .fullscreen-body .pageWrapper.boxed .top-head.sticky-nav{

	top:0

}

.fullscreen-body video {

	z-index: 1;

	position: absolute;

	left: -30%;

	top: -35%;

	width: 160%;

	height: 170%;

}

.pageWrapper.boxed .top-head .logo:before,.pageWrapper.boxed .top-head .logo:after,.pageWrapper.boxed .top-head .bot-line,.pageWrapper.boxed .top-head .lft-line{

	display:none

}

.pageWrapper.boxed .top-head.boxed-transparent > .container{

	border-radius:0

}

.pageWrapper.boxed .top-head.boxed-transparent{

	top: 0;

}

.pageWrapper.boxed .fixed-footer .footer-bottom{

	padding-left:0;

	padding-right:0

}

.pageWrapper.boxed .sticky-nav.transparent,.pageWrapper.boxed .sticky-nav.sticky-nav{

	top:0

}

.pageWrapper.boxed .footer-bottom ul.right{

	margin-right:15px

}

.bg1{

	background-image:url('../images/patterns/bg1.jpg')

}

.bg2{

	background-image:url('../images/patterns/bg2.jpg')

}

.bg3{

	background-image:url('../images/patterns/bg3.jpg')

}

.bg4{

	background-image:url('../images/patterns/bg4.jpg')

}

.bg5{

	background-image:url('../images/patterns/bg5.jpg')

}

.bg6{

	background-image:url('../images/patterns/bg6.jpg')

}

.bg7{

	background-image:url('../images/patterns/bg7.jpg')

}

.bg8{

	background-image:url('../images/patterns/bg8.jpg')

}

.bg9{

	background-image:url('../images/patterns/bg9.jpg')

}

.bg10{

	background-image:url('../images/patterns/bg10.jpg')

}

.bg11{

	background-image:url('../images/patterns/bg11.jpg');

	background-repeat:no-repeat;

	background-size:cover;

	background-attachment:fixed

}

.bg12{

	background-image:url('../images/patterns/bg12.jpg');

	background-repeat:no-repeat;

	background-size:cover;

	background-attachment:fixed

}

.bg13{

	background-image:url('../images/patterns/bg13.jpg');

	background-repeat:no-repeat;

	background-size:cover;

	background-attachment:fixed

}



/* ==========================================================================

  14. RESPONSIVE DESIGN.

============================================================================= */

@media (min-width: 768px){

	.top-nav .mega-menu > ul {

		width: 720px;

	}

	

	

	

}



@media (min-width: 992px){

	

	.top-nav .mega-menu > ul {

		width: 940px;

	}

	

}

@media (min-width: 1200px){

	.top-nav .mega-menu > ul {

		width: 1140px;

	}

	.pageWrapper.boxed {

		width: 1170px;

	}

	.pageWrapper.boxed .top-head.transparent, .pageWrapper.boxed .top-head.sticky-nav{

		width:1170px

	}

}

@media (max-width: 1200px) {

	.pageWrapper.boxed {

		width: auto;

		margin:auto

	}

	.pageWrapper.boxed .top-head.transparent,.pageWrapper.boxed .top-head.sticky-nav,.pageWrapper.boxed .fixed-footer{

		width:100%;

		left:0

	}

	.pageWrapper.boxed .top-head.transparent, .pageWrapper.boxed .top-head.sticky-nav{

		top:0

	}

	.bottom-md-footer .form-control{

		width:70%;

	}

}



@media (max-width: 1024px){

	.top-head.transparent.full{

		padding:0 10px;

	}

	.header-left, .header-right{

		width:250px

	}

	.left-side-wrap{

		margin-left: 250px;

	}

	.right-side-wrap{

		margin-right: 250px;

	}

	.header-left .top-search input[type=text], .header-right .top-search input[type=text] {

		width: 79%;

	}

	.p-4-cols .portfolio-item{

		width:33.33333% !important;

		margin:0 !important

	}

}



@media (max-width: 992px) {

	.new-nav{

		display:block

	}

	

	.title-topb {

		color:#077b48;

		font-size:20px!important;

		margin-bottom:0px !important;

		text-align:left!important;

	}

	.title-topc {

		color:#ee1c24;

		font-size:20px!important;

		margin-bottom:0px !important;

		text-align:left!important;

	}

	

	.title-topa{

		color:#0082c8;

		font-size:20px!important;

		margin-bottom:0px !important;

		text-align:left!important;

	}

	

	.top-head {

		background:#fff!important;

	}

	

	.martop-30 {

		margin-top: 0px!important;

	}

	

	.top-head .top-cart {

		/* float: right; */

		padding: 29px 5px;

		display: table;

		margin: auto;

		float: none !important;

	}

	

	.tri-line,.half-section:before,.footer-middle:after{

		display:none

	}

	.top-bar .center-tbl ul,.top-ad{

		display: table;

		margin: 0 auto 5px;

		float: none !important;

		clear: both;

	}

	.circliful{

		margin:auto

	}

	.top-head.header-4 .top-search input[type=text] {

		width: 140px;

	}

	.top-bar ul{

		float:none;

		clear:both;

		margin:5px auto;

		display:table

	}

	.p-1-col .name-holder .meta{

		clear:both

	}

	.fullscreen video {

		width: 260%;

	}

	.fixed-footer .footer-bottom{

		padding:0

	}

	.masonry .post-item,.grid .post-item{

		width:47.5% !important;

		margin:0 12px 15px 0 !important

	}

	[class*="col-md-"]:after{

		clear:both;

		display:table;

		content:" ";

		height:15px

	}

	.left-white-border{

		border-left-width:0 !important

	}

	.cta_btn .f-left{

		width: 100%;

		float:none;

		clear:both;

		display:block !important;

		padding:15px 29px;

	}

	[class*="col-md-"]:not(.slick-slide){

		/*width: 100%;*/

		/*float:none;*/

		/*clear:both;

		display:block;*/

		/*padding:15px 29px;*/

	}

	

	

	

	.slider-txt{

		font-size:15px !important

	}

	.section{

		padding:40px 0

	}

	.section .full-heading {

	    margin-top: -40px;

	}

	.sec-bg.left.circle,.sec-bg.right.circle{

		border-radius:0

	}

	.responsive-nav,.footer-middle:after,.responsive-nav .top-search, .responsive-nav .top-cart,.footer-4 .footer-middle .container:before,.footer-light .footer-middle .container:before,.bg-full-rit, .bg-full-lft,.top-head.boxed-transparent .bot-line,

	.top-head.boxed-transparent .logo:before,.top-head.boxed-transparent .logo:after,.header-left, .header-right{

		display:none

	}

	.pageWrapper{

		margin:0 !important

	}

	.responsive-nav{

		position:fixed;

		right:-100%;

		top:0;

		width:40%;

	}

	.responsive-nav li{

		display:block;

		float:none !important

	}

	.slick-slide img{

		display:inline-block

	}

	.cta_btn .btn{

		margin:15px auto 0;

		display:table;

		float:none

	}

	.cta-icon,.cta_btn .left,.slick-slide img,.footer-bottom{

		text-align:center;'

		width:100%;

	}

	.navbtn{

		display:block;

	}

	.footer-bottom ul{

		float:none;

		display:table;

		margin:auto !important

	}

	.footer-bottom [class*="col-md-"]{

		padding:5px 0;

	}

	.footer-bottom .footer-menu li{

		padding-left:12px

	}

	.filter-by{

		padding-left:20px;

		padding-right:20px;

		overflow:hidden

	}

	.captcha-div *{

		float:none;

		margin:0 0 10px

	}

	.pricing-tbl.style-4.no-margin.selected{

		margin-top:0

	}

	.digits span{

		height: 120px;

		width:120px;

		line-height:120px;

		font-size:50px;

	}

	.digits li:before,.digits li:after{

		top: 120px;

		width: 50px;

	}

	.soon-form input[type=text] {

		width: 68%;

	}

	.shop-main-menu > ul > li > ul.mega,.shop-main-menu > ul > li > ul{

		position:static;

		width: auto;

		z-index: 99;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		box-shadow: none;

		border:0 !important;

		padding:0

	}

	.shop-main-menu > ul > li > ul a{

		border:0 !important;

	}

	.shop-main-menu > ul > li{

		overflow:hidden

	}

	.blog-posts.small-image .post-image, .blog-posts.small-image .post-gallery {

		width: 30%;

		height: auto;

	}

	.post-item{

		margin-bottom:20px

	}

	.blog-posts.small-image .post-image video,.blog-posts.small-image .post-image iframe {

		width: 100% !important;

		height: 100% !important;

	}

	.blog-posts.small-image .post-item .post-content p{

		padding:8px

	}

	.blog-posts.small-image .post-info{

		overflow:hidden

	}

	.blog-posts.small-image .post-meta{

		display:none

	}

	.masonry .post-item,.grid .post-item{

		width:47.5% !important;

		margin:0 12px 15px 0 !important

	}

	.heading.centered *{

		text-align:center

	}

	.left-side-wrap,.right-side-wrap{

		margin:0

	}

	.top-head .logo{

		/* display:table; */

		margin:auto;

		float:none !important;

		border:0 !important;

		padding:10px 0

	}

	.parallax{

		background-position:0 0 !important;

		background-attachment:scroll !important;

		    min-height: 600px!important;

	}

	.feature-img figure img{

		width:100%

	}

	.NL,.slick-slide{

		text-align:center

	}

	.bottom-md-footer .NL .form-control{

		float:none;

		margin-bottom:5px

	}

	.footer-middle .flickr-widget{

		display:table;

		margin:auto

	}

	.captcha-div{

		width:100%

	}

	.top-head.boxed-transparent > .container{

		border:0 !important

	}

	.row-eq-height{

		display:block

	}

	li.mega-menu .inner-mega{

		margin:0;

		padding:0

	}

	.testimonials-5 .row:first-child [class*="col-md-"], .clients-grid1 .row:first-child [class*="col-md-"], .clients-grid2 .row:first-child [class*="col-md-"], .clients-grid3 .row:first-child [class*="col-md-"]{

		border-width:1px !important

	}

	.team-box .rounded-img{

		border-radius:0;

		max-height:none

	}

	.page-title-video .video-wrap video,.section-video .video-wrap video {

		margin-top:0;

	}

}

@media (max-width: 768px) {

	.navbtn{

		width: 45px;

		height: 45px;

		line-height: 45px;

		text-align: center;

		z-index: 9999;

		font-size: 18px;

	}

	.timeline_date,.timeline:before{

		display:none

	}

	.post-item{

		margin:0 0 20px !important;

		overflow: hidden;

	}

	#container,#masonry {

		max-width: 800px;

	}

	.p-4-cols .portfolio-item,.p-3-cols .portfolio-item{

		width:48.33333% !important

	}

	.p-4-cols .portfolio-item,.p-3-cols .portfolio-item{

		width:50% !important;

		margin:0

	}

	.page-title-video > .container > .row{

		height:300px

	}

}

@media (max-width: 480px) {

	.new-nav > ul > li a, .new-nav > ul > li.mega-menu h4{

		font-size:13px;

		padding:10px 15px

	}

	

	

	.title-topb {

		color:#077b48;

		font-size:16px!important;

		margin-bottom:0px !important;

		text-align:left!important;

	}

	.title-topc {

		color:#ee1c24;

		font-size:16px!important;

		margin-bottom:0px !important;

		text-align:left!important;

	}

	

	.title-topa{

		color:#0082c8;

		font-size:16px!important;

		margin-bottom:0px !important;

		text-align:left!important;

	}

	

	.top-head {

		background:#fff!important;

	}

	

	.martop-30 {

		margin-top: 0px!important;

	}

	.martop-40 {

		margin-top: 0px!important;

	}

	

	.top-head .top-cart {

		/* float: right; */

		padding: 29px 5px;

		display: table;

		margin: auto;

		float: none !important;

	}

	

	.new-nav{

		width:60%;

		right:-60%

	}

	.navbtn.active{

		right:60%

	}

	.responsive-body{

		margin:0

	}

	.three-imgs img{

		position:static !important;

	}

	.filter-by ul{

		margin:0

	}

	.filter-by ul li{

		margin: 0 2px 10px;

	}

	.filter-by ul li:before{

		display:none

	}

	.filter-by ul li a{

		padding: 7px 10px;

	}

	.conact_center_form{

		margin:0 15px

	}

	.portfolio-slider.p-4-cols.no-margin .portfolio-item {

		width: 318px !important;

	}

	.tp-caption[class*="font-"]{

		font-size:inherit !important;

		line-height:normal !important

	}

	.blog-posts .post-image, .blog-posts .post-gallery{

		float:none !important;

		width:100% !important;

		clear:both;

		margin-bottom:10px;

		text-align:center

	}

	.blog-posts .post-content{

		margin:0 !important;

	}

	.inner-menu ul > li > a {

		padding: 0 9px;

	}

	.gry-sep{

		width:45%

	}

	.p-4-cols .portfolio-item,.p-3-cols .portfolio-item,.p-2-cols .portfolio-item{

		width:100% !important;

		margin:0 !important;

	}

	.main-heading h3,.main-heading .sub-title{

		font-size:25px;

		letter-spacing:0.5px;

	}

	.heading-desc,.post-item .post-info h2{

		font-size:14px

	}

	.heading-desc.centered{

		width:100%

	}

	.nav-tabs>li>a{

		padding:5px

	}

	.rit-img,.lft-img{

		float:none;

		clear:both;

		margin:0 auto 15px;

		display:table;

	}

	.testimonials-2 p{

		font-size:13px

	}

	.page-title-video > .container > .row{

		height:180px

	}

	.page-title h1{

		font-size:20px !important;

		margin-top:20px

	}

	.page-title h3{

		font-size:15px !important

	}

	.page-title > .container > .row{

		padding-bottom:0

	}

}



/* v 1.1 styles */

.section .video-wrap{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 0;

}

.section .video-wrap video {

	width: 100%;

	margin-top: -200px;

	display: block;

	height: auto;

}

.rev_slider_wrapper{

	overflow:hidden !important

}

.revtp-searchform input[type='text'], .revtp-searchform input[type='email'], .revtp-form input[type='text'], .revtp-form input[type='email']{

	height:46px

}

html.square .pricing-tbl.style-4 .plan-head:before{

	border-radius:0 !important

}



.copyrights {padding-top:10px;}



/* tgl News */



.tr-blogfw {

    position: relative;

    float: left;

}



.td-blogfw {

    position: relative;

    float: left;

    display: inline-block;

    width: 50px;

    height: 100%;

	margin-right: 20px;

}



.recentPosts .cutcorner_top, .post-info .cutcorner_top {

    position: absolute;

    left: 0;

    top: 0;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 8px 8px 0 0;

    border-color: #ffffff transparent transparent transparent;

}

.post-info .data_type .data {

    background: #333;

    color: #f2f2f2;

    text-align: center;

    line-height: 12px;

    padding-bottom: 8px;

    font-size: 10px;

    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;

}

.post-info .data_type .data .day {

    position: relative;

    font-size: 23px;

    line-height: 29px;

    top: 6px;

    font-family: 'Open Sans Bold' sans-serif;

    color: #fff;

}

.recentPosts .cutcorner_bottom, .post-info .cutcorner_bottom {

    position: absolute;

    right: 0px;

    bottom: 0;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 0 0 8px 8px;

    border-color: transparent transparent #ffffff transparent;

}



.martop-10 {margin-top:10px;}

.martop-20 {margin-top:20px;}

.martop-30 {margin-top:30px;}

.martop-40 {margin-top:40px;}

.martop-50 {margin-top:50px;}

.martop-60 {margin-top:60px;}

.martop-70 {margin-top:70px;}

.martop-80 {margin-top:80px;}

.martop-90 {margin-top:90px;}



.marbot-10 {margin-bottom:10px;}

.marbot-20 {margin-bottom:20px;}

.marbot-30 {margin-bottom:30px;}

.marbot-40 {margin-bottom:40px;}

.marbot-50 {margin-bottom:50px;}

.marbot-60 {margin-bottom:60px;}

.marbot-70 {margin-bottom:70px;}

.marbot-80 {margin-bottom:80px;}

.marbot-90 {margin-bottom:90px;}



.maright-10 {margin-right:10px;}

.maright-20 {margin-right:20px;}

.maright-30 {margin-right:30px;}

.maright-40 {margin-right:40px;}

.maright-50 {margin-right:50px;}

.maright-60 {margin-right:60px;}

.maright-70 {margin-right:70px;}

.maright-80 {margin-right:80px;}

.maright-90 {margin-right:90px;}



.marleft-10 {margin-left:10px;}

.marleft-20 {margin-left:20px;}

.marleft-30 {margin-left:30px;}

.marleft-40 {margin-left:40px;}

.marleft-50 {margin-left:50px;}

.marleft-60 {margin-left:60px;}

.marleft-70 {margin-left:70px;}

.marleft-80 {margin-left:80px;}

.marleft-90 {margin-left:90px;}



.brand-content {

    background-color: rgba(6,71,128,0.64);

    padding: 25px 25px;

    font-size: 14px;

    margin-right: -25px;

	webkit-border-radius:10px;

	mos-border-radius:10px;

	o-border-radius:10px;

	border-radius:10px;

	text-align:center

}



.brand-content img{

    

	text-align:center

}

.media, .media-body {

    overflow: hidden;

    zoom: 1;

}

.brand-content h2 {

    text-transform: capitalize;

	color:#fff;

	margin-bottom:0px;

}



.boreight {border-right: solid 1px #c9c9c9;}



.bg-softblue {

	background:#0082c6!important;

		color: #333!important;

}



.heigh-line-15 {line-height:1.5em!important;}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    outline: 0;

	background:rgba(53,53,53, 0.9);

}



.index-0 {    z-index: -0;}



.list-bullets ul li {

	list-style:square!important;

	line-height:1.5em;

	padding-bottom:15px;

}



.centered-text {

	text-align:center;

	

}

.right-arrow-red ul li{

	padding: 0px 20px;

    margin: 0px 0px 8px 0px;

    line-height: 1.7em;

    /* font-size: 14px; */

    background: url(../images/icon-arrow-list.png) no-repeat 2px 5px;

    list-style-type: none;

}

.abjad-list ul li{

	/* padding: 0px 20px; */

    margin: 0px 0px 8px 20px;

    line-height: 1.7em;

    /* font-size: 14px; */

    

    list-style-type:decimal;

}



.abjad-list ul li ul li{

	/* padding: 0px 20px; */

    margin: 0px 0px 8px 20px;

    line-height: 1.7em;

    /* font-size: 14px; */

    

    list-style-type:lower-alpha;

}

.abjad-list ul{

	padding-bottom:15px;

}

.disk-list ul li{

	/* padding: 0px 20px; */

    margin: 0px 0px 8px 20px;

    line-height: 1.7em;

    /* font-size: 14px; */

    list-style-type:disc;

}

.disk-list ul {

	padding-bottom:30px;

}



.list-unstyled li{

    padding-left: 0px !important;

    list-style: none;

}

.list-unstyled-menu ul li {

    padding-left: 10px !important;

    list-style: none;

}



.font-16 {font-size:15px}

.font-18 {font-size:18px}

.font-20 {font-size:20px}

.font-22 {font-size:22px}

.font-26 {font-size:26px}

.black-bold {font-weight:bold}



.sidebar_widgets div.widget {

    background: #f5f5f5;

}

.sidebar_widgets div.widget {

    margin-bottom: 40px;

    border-bottom: 1px #ddd solid;

    padding: 15px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

    position: relative;

}



.sidebar_widgets div.widget:before, .sidebar_widgets div.widget:after, .sidebar_widgets .widget-head:after {

    position: absolute;

    bottom: -3px;

    left: 5%;

    width: 90%;

    height: 1px;

    content: "";

    display: inline-block;

}



.sidebar_widgets div.widget:before {

	background-color: #f00;

    color: #fff;

    text-shadow: 1px 1px 1px rgba(0,0,0,.15);

}



.sidebar_widgets li.widget:after {

    bottom: -5px;

    left: 10%;

    width: 80%;

}

.red-color {color:#ed3237;}

.blue-color {color:#0082c6;}

.weight-normal {font-weight:normal!important}

.min-height-300 {min-height: 300px;}