/*! * Startuprr - Unique multipurpose HTML Template * Author:http://www.themeforest.net/user/take-themes */ /******************-- General Styling -- Some Useful Classes-- Main Wrapper -- Buttons Styling -- Top Bar Styling -- Header Styling -- Menu Section-- Search Bar Stying-- Revolution Slider arrow Style -- Page Header Stying -- List Style -- Welcome message styling-- Services Block Wrapper-- Service with icon-- Call to action-- Owl carousel navigation-- Testimonial block-- Pricing Table-- Portfolio Filter-- Portfolio container-- Blog Post Type 	-Quotation style	-Twitter Style 	-Link Style	-Social Icon Divider In Post-- Single Post Pagination -- Post Author Info Styling-- Social Profile Buttons ( Using In Single Post and Single Portfolio )-- Post Comment -- Comment Form -- Portfolio Grid Styling-- Full Row Portfolio Styling -- Single Portfolio Style -- Social Icons (used in single portflio)-- Diamond style portfolio styling -- Carousel Items Styling Inclue Blog, Portfolio Carousel -- Page Navigation (number)-- Divider Heading Style-- Clients Carousel-- Quotation Carousel Style-- Center Icon -- Left Icon -- Circular Icon with  Steps -- Center Box icon-- Left Box icon-- Dark Background Class-- Call to action (Before Footer)-- sidebar product gallery-- Footer Social Icons-- Progress Bar (Skills)-- Pie Charts-- Counter styling-- Banners (used In Shop) -- Shop products styling-- Orbutton Divider-- Google map-- Drop cap styling-- Center social icons in border-- Owl slider (Fullwidth) button styling-- Timeline styling-- TimeLine Carousel styling-- Services Ribbons-- Services Block (Contact Page) -- Verticle Price Table-- Sidebar widget-- Product Range Slider-- Product Owl Carousel-- Social icons style 2 ( App Home Page )-- Products dropdown-- Single Product Slider -- Number Button style-- Footer Styling ************** General Styling **************/body {
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 background: #f9f9f9;
}
body#dark_home {
 background: #383838;
}
p {
 font-size: 14px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
 outline: 0;
}
iframe,
audio {
 width: 100%;
 height: auto;
 border: none;
}
.video-container {
 background: #383838;
}
img {
 max-width: 100%;
}
a {
 color: #000000;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
a:hover {
 color: #00a99d;
 text-decoration: none;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
 cursor: pointer;
}
.clr {
 clear:both;
}
a:active ,
a:focus {
 outline: 0;
 text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-weight: 700;
 color: #000000;
}
p {
 color: #000000;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
}
uppercase {
 text-transform: uppercase;
}
ul {
 padding: 0px;
 margin: 0px;
}
li {
 list-style: none;
 margin: 0px;
}
ul.megamenu {
 width: 1200px !important;
 left: -900px !important;
 background: #f9f9f9;
 top: 240px;
}
ul.megamenu li {
 background: #f9f9f9;
 padding: 30px;
}
/*************** Some Useful Classes ********************/.alignleft {
 float: left;
}
.aligncenter {
 text-align: center;
}
.alignright {
 float: right;
}
/** Padding Top Classes **/.padding_top {
 padding-top: 50px;
}
.padding {
 padding: 50px 0;
}
.padding_top_twenty {
 padding-top: 20px;
}
.padding_top_thirty {
 padding-top: 30px;
}
.padding_top_forty {
 padding-top: 40px;
}
.padding_top_fifty {
 padding-top: 50px;
}
.padding_top_sixty {
 padding-top: 60px;
}
/** Padding Bottom Classes **/.padding_bottom {
 padding-bottom: 50px;
}
.padding_bottom_twenty {
 padding-bottom: 20px;
}
.padding_bottom_thirty {
 padding-bottom: 30px;
}
.padding_bottom_fourty {
 padding-bottom: 40px;
}
.padding_bottom_fifty {
 padding-bottom: 50px;
}
/** border Classes **/.border_bottom {
 border-bottom: 1px solid #e4e4e4 !important;
}
.border_top {
 border-top: 1px solid #e4e4e4;
}
/** Margin Classes **/.margin_right {
 margin-right: 15px;
}
.margin_left {
 margin-right: 15px;
}
.margin_top {
 margin-top: 10px;
}
.margin_bottom {
 margin-bottom: 10px;
}
.margin_top_ten {
 margin-top: 10px;
}
.margin_top_twenty {
 margin-top: 20px;
}
.margin_top_fifty {
 margin-top: 50px;
}
.margin_bottom_twenty {
 margin-bottom: 20px;
}
.margin_bottom_thirty {
 margin-bottom: 30px;
}
.margin_bottom_fifty {
 margin-bottom: 50px;
}
.margin_right_twenty {
 margin-right: 20px;
}
.margin_left_twenty {
 margin-left: 20px;
}
.seprator_top_five {
 margin-top: 5px;
}
.seprator_top_ten {
 margin-top: 10px;
}
.seprator_bottom_ten {
 margin-bottom: 10px;
}
.seprator_bottom_twenty {
 margin-bottom: 20px;
}
.seprator_bottom_fifteen {
 margin-bottom: 15px;
}
.seprator_top_fifteen {
 margin-top: 15px;
}
.seprator_top_twenty {
 margin-top: 20px;
}
.seprator_top_thirty {
 margin-top: 30px;
}
.seprator_bottom_twenty {
 margin-bottom: 20px;
}
.seprator_bottom_fifteen {
 margin-bottom: 15px;
}
.seprator_bottom_thirty {
 margin-bottom: 30px;
}
.green_bg {
 background-color: #00a99d;
}
.green_color {
 color: #00a99d;
}
.white {
 color: #fff;
}
.little_white {
 color: #e4e4e4;
}
.mtop0 {
 margin-top: 0;
} /************ End of Seprator ********** */
/*********** Main Wrapper ***********/.u-all {
 position: relative;
 width: 100%;
 overflow: hidden;
}
/*********** Buttons Styling *************/.btn-small {
 border: 1px solid #dedede;
 display: table;
 border-radius: 4px;
 padding: 12px 15px;
 font-size: 11px;
 color: #8a8a8a;
 text-transform: uppercase;
 font-weight: 800;
}
.btn-regular {
 border: 1px solid #dedede;
 display: table;
 border-radius: 4px;
 padding: 10px 15px;
 font-size: 12px;
 color: #8a8a8a;
 text-transform: uppercase;
 font-weight: 800;
}
.btn-medium {
 border: 1px solid #dedede;
 display: table;
 border-radius: 4px;
 padding: 12px 15px;
 font-size: 13px;
 color: #8a8a8a;
 text-transform: uppercase;
 font-weight: 800;
}
.btn-regular:hover ,
.btn-small:hover ,
.btn-medium:hover {
 color: #00a99d;
 border-color: #00a99d;
 background: transparent;
}
.btn-regular.active ,
.btn-small.active ,
.btn-medium.active {
 color: #00a99d;
 border-color: #00a99d;
 background: transparent;
}
.btn-fullwidth {
 border: 1px solid #dedede;
 display: block;
 border-radius: 4px;
 padding: 10px 15px;
 font-size: 12px;
 color: #8a8a8a;
 text-transform: uppercase;
 font-weight: 800;
 text-align: center;
 width: 100%;
}
.btn-fullwidth.dark {
 background: #383838;
 color: #e4e4e4;
 border: 0;
}
.btn-fullwidth.dark:hover {
 background: #00a99d;
 border-color: #00a99d;
 color: #e4e4e4;
 border: 0;
}
.btn_mini_simple {
 font-size: 13px;
 font-weight: 700;
}
.btn-icon {
 padding-right: 25px;
}
.btn-icon span {
 font-size: 18px;
 position: relative;
 right: -10px;
}
.btn-full-green {
 color: #ffffff;
 border-color: #383838;
 background: #383838;
 border: 0;
}
.btn-full-green:hover,
.btn-full-green:focus,
.btn-full-green:active,
.btn-full-green.active {
 color: #e4e4e4 !important;
 border-color: #00A99D;
 background: #00A99D;
 border: 0;
}
.btn-full-black {
 color: #dedede;
 border-color: #383838;
 background: #383838;
 border: 0;
}
.btn-full-black:hover,
.btn-full-black:focus,
.btn-full-black:active,
.btn-full-black.active {
 color: #e4e4e4 !important;
 border-color: #00a99d;
 background: #00a99d;
 border: 0;
}
/*************** Parallex **************/.parallax-viewport {
 position: relative; /* relative, absolute, fixed */
 overflow: hidden;
}
.parallax-layer {
 position: absolute;
}
/************ Top Bar Styling ***************/.header3 .u-topbar .container,
.header5 .u-topbar .container {
 position: relative;
 top: -5.5px;
}
#dark_home .u-topbar {
 background: #383838;
}
.u-topbar {
 background: #efefef;
 border-bottom: 1px solid #e4e4e4;
 height: 41px;
}
#dark_home .u-topbar {
 border-bottom: 1px solid #444;
}
.ut-cart.mobile {
 display: none;
}
.u-topbar-dark {
 background: #383838;
 border-bottom: 1px solid #444444;
 height: 40px;
}
.header6 .u-topbar-dark {
 background: #383838;
 border-bottom: 1px solid #444444;
 height: 41px;
}
.header3 .ut-contact,
.header5 .ut-contact {
 position: relative;
 top: 2px;
}
.u-topbar-dark #uh-cart-trigger {
 border-color: #484848;
}
.ut-contact li {
 float: left;
 margin-right: 20px;
 font-size: 13px;
 padding: 3px 0;
 line-height: 30px;
}
.ut-contact li:hover,
.ut-contact li a:hover {
 color:#00a99d;
}
.header3 .ut-contact li {
 margin-right: 0px;
 margin-left: 20px;
}
.ut-contact li a:hover {
 color: #8a8a8a;
}
.ut-contact li span {
 font-size: 16px;
 margin-right: 7px;
 position: relative;
 top: 2px;
}
.ut-contact li:nth-child(1) span {
 position: relative;
 top: 4px;
}
.ut-social {
 margin: 11px 10px 11px 0;
 position: relative;
}
.header3 .ut-social ,
.header5 .ut-social {
 position: relative;
 top: 2px;
}
.header3 .ut-social {
 margin: 11px 0px 11px 0;
 position: relative;
}
.ut-social a {
 float: left;
 font-size: 20px;
 margin: 0 10px;
}
.ut-social a i {
 line-height: 16px;
}
.header3 .ut-social a {
 margin-right: 20px;
 margin-left: 0px;
}
.ut-social:after {
 content: "";
 position: absolute;
 right: -10px;
 top: 3px;
 width: 1px;
 background: #a5a5a5;
 height: 14px;
}
.header3 .ut-social:after {
 content: "";
 right: 0px;
 top: -1px;
}
.header5 .ut-social:after {
 content: "";
 top: 0px;
}
.ut-social a:nth-child(1):hover {
 color:#3b5999;
}
.ut-social a:nth-child(2):hover {
 color:#00acee;
}
.ut-social a:nth-child(3):hover {
 color:#da4c38;
}
.ut-social a:nth-child(4):hover {
 color:#26b6e4;
}
.ut-social a:nth-child(5):hover {
 color:#ea4c89;
}
.header7 .ut-social a:nth-child(1) i:hover {
 background:#3b5999;
 border-color:#3b5999;
}
.header7 .ut-social a:nth-child(2) i:hover {
 background:#00acee;
 border-color:#00acee;
}
.header7 .ut-social a:nth-child(3) i:hover {
 background:#da4c38;
 border-color:#da4c38;
}
.header7 .ut-social a:nth-child(4) i:hover {
 background:#26b6e4;
 border-color:#26b6e4;
}
.header7 .ut-social a:nth-child(5) i:hover {
 background:#ea4c89;
 border-color:#ea4c89;
}
/************** Cart stying **************/#uh-cart-trigger {
 width: 54px;
 height: 30px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 border: 1px solid #dedede;
 display: inline-block;
 text-align: center;
 line-height: 28px;
 margin: 4px 0 0 20px;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
}
#dark_home #uh-cart-trigger {
 border: 1px solid #484848;
}
#uh-cart-trigger span {
 margin-right: 10px;
 font-size: 16px;
 position: relative;
 top: 3px;
}
#uh-cart-trigger:hover {
 background-color: #00a99d;
 color: #fff;
 border-color: #00a99d;
}
.u-topbar-dark .uh-cart-trigger {
 border-color: #484848;
}
.u-topbar-dark .ut-social:after {
 content: "";
 background: #787878;
}
/************ Header Styling ************/header {
 z-index:99999;
 position:relative;
}
.u-header {
 position:relative;
 left:0;
 right:0;
 top:0;
 background:#f9f9f9;
 transition:.4s;
}
.u-header:before {
 content:"";
 position:absolute;
 bottom:0px;
 height:2px;
 left:0;
 right:0;
 width:100%;
 background:#dedede;
}
#dark_home .u-header:before ,
.head4 .u-header:before,
.head5 .u-header:before {
 display:none;
}
#dark_home .navbar-nav > li .sub-menu ul li a:hover {
 background:transparent !important;
}
.is-sticky .u-header .uh-logo h1 {
 margin: 2px 0px;
 transition:.4s;
 transform:scale(0.7);
 margin-left:-18px;
}
.is-sticky .u-header {
 -webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.15);
 -moz-box-shadow:    0px 2px 3px rgba(100, 100, 100, 0.15);
 box-shadow:         0px 2px 3px rgba(100, 100, 100, 0.15);
 transition:.4s;
 z-index:9999;
}
.shadow {
 -webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.18);
 -moz-box-shadow:    0px 2px 3px rgba(100, 100, 100, 0.18);
 box-shadow:         0px 2px 3px rgba(100, 100, 100, 0.18);
}
.is-sticky .u-header:before {
 content:"";
 height:1px;
}
.is-sticky .u-header .navbar-nav > li {
 padding: 10px 5px 10px;
 transition:.4s;
 transition:.4s;
}
.is-sticky .u-header .navbar-nav > li .sub-menu {
 top: 50px !important;
 transition:.4s;
}
#dark_home .is-sticky .u-header .navbar-nav > li .sub-menu {
 top: 55px !important;
}
#dark_home .navbar-nav > li .sub-menu > li .sub-menu {
 margin-top: -101px !important;
}
#dark_home .is-sticky .navbar-nav > li .sub-menu > li .sub-menu {
 margin-top: -55px !important;
}
.dark-home .sub-menu {
 border:none;
}
.is-sticky .u-header .navbar-nav > li .sub-menu ul {
 top: -2px !important;
 transition:.4s;
}
.is-sticky .u-header ul.navbar-nav > li > a {
 padding: 6px 15px;
 transition:.4s;
}
.is-sticky .u-header .uh-search {
 top: -26px;
 transition:.4s;
}
.is-sticky .u-header .uh-search form {
 top: 32px;
 transition:.4s;
}
.u-header-dark {
 background-color: #383838;
 border-bottom: 2px solid #383838;
}
.uh-logo {
 position: relative;
 z-index: 8;
}
.uh-logo h1 {
 margin: 25px 0px;
 max-width: 170px;
}
.navbar-brand img {
 max-width: 170px;
}
.one-header-fixed .img-responsive,
.logo-footer img,
.maximg {
 max-width:170px;
}
.header_sidemenu .aligncenter img {
 max-width:200px;
}
/************ Menu Section ****************************/.main-menu-continer {
 min-height: 80px;
}
#main-menu h1 {
 margin: 0;
}
.navbar {
 min-height: 80px;
 border: none;
 margin-bottom: 0;
}
.navbar-default {
 background: #f9f9f9;
 box-shadow: 0 0px 10px rgba(0,0,0,.2);
 border-color: #ffffff;
 border-radius: 0;
 clear: both;
}
.navbar-brand {
 height: 80px;
 font-size: 2rem;
 font-weight: 900;
 padding: 0 15px;
 line-height: 80px;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke: 0.2px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
 color: #000000;
 text-transform: uppercase;
}
.navbar-default .navbar-brand span {
 color: #1fb5ac;
}
.navbar-nav > li {
 position: relative;
 float: left;
 display: inline-block;
 padding: 30px 5px;
}
ul.navbar-nav > li > a {
 padding: 10px 15px;
 border-radius: 4px;
 text-decoration: none;
 font-size: 13px;
 font-weight: 700;
 color: #000000;
 background: transparent;
 text-transform: uppercase;
}
.navbar-nav.dark > li .dropdown-menu {
 border: 1px solid #404040;
}
.navbar-nav.dark > li .dropdown-menu > li > a {
 background-color: #383838;
 border-bottom: 1px solid #404040;
 color: #e4e4e4;
}
.u-topbar.u-topbar-dark ul.navbar-nav > li > a {
 color: #fff;
 padding-top: 10px;
 padding-bottom: 10px;
}
.u-topbar.u-topbar-dark .navbar {
 min-height: 40px;
}
.u-topbar.u-topbar-dark ul.navbar-nav > li {
 padding-top: 0;
 padding-bottom: 0;
}
.u-topbar.u-topbar-dark ul.navbar-nav > li.open > a {
 border-radius: 0;
 color: #444;
}
.u-topbar.u-topbar-dark ul.navbar-nav > li > a:hover {
 border-radius: 0;
 background: #00a99d;
 color: #e4e4e4;
}
ul.navbar-nav > li > a:hover {
 background: #00a99d;
 color: #ffffff;
}
#dark_home ul.navbar-nav > li > a {
 color: #ffffff;
}
#dark_home ul.navbar-nav > li > a:hover {
 color: #00a99d;
 background: #ffffff;
}
.header4 .navbar-nav > li > a,
.header5 .navbar-nav > li > a,
.header6 .navbar-nav  > li > a {
 color: #e4e4e4;
}
.header4 .navbar-nav li.open > a {
 color: #606060;
}
.u-header-dark span.icon_search {
 color: #00a99d;
}
.navbar-collapse {
 float: right;
}
.u-header .ut-contact,
.u-header .ut-social {
 padding: 33px 0;
}
.u-header .ut-social {
 padding: 30px 0;
}
.u-header .ut-social:after {
 top: 32px;
}
.u-header .ut-cart {
 padding: 30px 0;
}
.header10 {
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 999;
 background: rgba(255,255,255,0.3);
}
.header10 .navbar-nav > li {
 padding-top: 28px;
 padding-bottom: 20px;
}
.header10 .uh-search span {
 line-height: 99px;
 color: #00a99d;
}
.u-topbar.u-topbar-dark .navbar.fhmm {
 float: left;
}
.u-topbar.u-topbar-dark .uh-search span {
 float: right;
 line-height: 40px;
 right: 10px;
 z-index: 999;
}
.u-topbar.u-topbar-dark .uh-search .s-close {
 display: none;
}
.u-topbar.u-topbar-dark .uh-search form {
 top: 0;
 height: 32px !important;
 margin-top: 2px;
 margin-bottom: 2px;
 width: 198px !important;
 opacity: 1 !important;
 visibility: visible !important;
}
.u-topbar.u-topbar-dark .uh-search input {
 padding-top: 7px;
 padding-bottom: 7px;
}
.header7 .u-header .ut-social:after {
 background: none repeat scroll 0 0 #a5a5a5;
 content: "";
 height: 15px;
 left: -6px;
 position: absolute;
 right: -15px;
 top: 35px;
 width: 2px;
}
.u-topbar .ut-social.pull-left {
 margin-bottom: 5px;
}
.header7 .u-header .ut-social a:last-child i:after {
 position: absolute;
 right: 0;
 width: 10px;
 height: 10px;
 background: #000;
}
.header7 .u-header .ut-social a i {
 border: 1px solid #dedede;
 padding: 7px;
 font-size: 12px;
 border-radius: 4px;
}
.header7 .u-header .ut-social a:hover i {
 color: #e4e4e4;
}
.header7 .u-header .ut-social a {
 margin-right: 0px;
}
.header8 .u-all {
 overflow: visible;
}
.center_menu {
 display: table;
 margin: 0 auto;
}
.center_menu .navbar.fhmm.aligncenter {
 float: none;
 display: inline-block;
}
.navbar-nav>li.menu-item-has-children>a:after {
 height: 0!important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
 color: #e4e4e4;
 background: #00a99d;
}
.navbar-default .navbar-nav > a {
 background: #ff0000 !important;
}
.header-onepage .navbar-nav a {
 color: #606060 !important;
}
.header-onepage .navbar-nav .active a,
.header-onepage .navbar-nav a:hover {
 color: #e4e4e4 !important;
 background: #00a99d;
}
.navbar-one {
 margin-right: 10px;
}
.navbar-default .navbar-nav>li>a {
 color: #262626;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-nav>li.menu-item-has-children:hover:before {
 color: #e4e4e4;
 background: #00a99d;
}
.navbar-nav>li .dropdown-menu,
.navbar-nav>li .dropdown-menu > li > a,
.navbar-nav>li .dropdown-menu > li .sub-menu,
.navbar-nav>li>a:after {
 -webkit-transition: all .25s ease;
 -moz-transition: all .25s ease;
 -ms-transition: all .25s ease;
 -o-transition: all .25s ease;
 transition: all .25s ease;
}
.navbar-nav>li.menu-item-has-children:before,
.dropdown-menu>li.menu-item-has-children:before {
 position: absolute;
 top: 50%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.navbar-nav>li.menu-item-has-children:before {
 color: #262626;
}
.dropdown-menu>li.menu-item-has-children:before {
 color: #ffffff;
}
.dropdown-menu>li.menu-item-has-children:hover:before {
 color: #262626;
}
.navbar-nav>li .dropdown-menu {
 /* 	position: absolute;	list-style: none;	padding: 0;	top: 130%;	left: 0;	min-width: 160px;	height:0;	overflow: hidden;	opacity: 0;	z-index: 999; */	-webkit-border-radius: 0 0 4px 4px;
 -moz-border-radius: 0 0 4px 4px;
 border-radius: 0 0 4px 4px;
 -webkit-box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
 -moz-box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
 box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
}
.navbar-header .uh-search {
 display: none;
}
.navbar-header .search_icon {
 display: none;
}
.navbar-collapse {
 position: relative;
 z-index: 999;
}
.navbar-toggle {
 margin-top: 0;
 margin-bottom: 0;
}
.navbar-toggle i {
 border: 1px solid #dedede;
 font-size: 21px;
 line-height: 103px;
 padding: 4px;
 border-radius: 4px;
}
.navbar-nav>li:hover .dropdown_menu {
 height: auto;
 opacity: 1;
 overflow: visible;
}
.navbar-nav>li .dropdown_menu>li>a {
 background-color: #f9f9f9;
 font-size: 11px;
 font-weight: bold;
 color: #606060;
 border-bottom: 1px solid #ebebeb;
 display: inline-block;
 min-width: 100%;
 line-height: 25px;
 padding: 10px 15px;
}
.navbar-nav>li .dropdown-menu>li:last-child a {
 border-bottom: 0;
}
.navbar-nav>li .dropdown-menu>li>a:hover {
 background: #00a99d;
 color: #fff;
}
.navbar-nav>li .dropdown-menu>li {
 position: relative;
}
.navbar-nav>li .dropdown-menu>li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 0;
 left: 130%;
 width: 0;
 height: auto;
 opacity: 0;
}
.sub-menu li:last-child a {
 border-radius: 0 0 5px 5px;
}
.navbar-nav>li .dropdown-menu>li:hover .sub-menu {
 opacity: 1;
 overflow: visible;
 width: 160px;
 left: 100%;
}
.toggle_nav_button {
 display: none;
}
.navbar-nav>li .sub-menu,
.navbar-nav>li .sub-menu>li>a,
.navbar-nav>li .sub-menu>li .sub-menu,
.navbar-nav>li>a:after {
 -webkit-transition: all .25s ease;
 -moz-transition: all .25s ease;
 -ms-transition: all .25s ease;
 -o-transition: all .25s ease;
 transition: all .25s ease;
}
.navbar-nav>li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 130%;
 left: 0;
 min-width: 160px;
 height: 0;
 overflow: hidden;
 opacity: 0;
 z-index: 999;
 -webkit-border-radius: 0 0 4px 4px;
 -moz-border-radius: 0 0 4px 4px;
 border-radius: 0 0 4px 4px;
 -webkit-box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
 -moz-box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
 box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
}
.navbar-nav>li .sub-menu li a:hover {
 background: #ebebeb !important;
 color: #606060 !important;
}
.navbar-nav>li .sub-menu ul li a:hover {
 background: #00a99d !important;
 color: #e4e4e4 !important;
}
/* 4 - Menu Section End---------------------------------------------------------------------- */ /********** Search Bar Styling ***********/ .uh-search {
 position: relative;
 z-index: 9;
 min-width: 20px;
 position: relative;
 top: -2px;
}
.uh-search span {
 line-height: 108px;
 color: #6E6E6E;
 font-size: 16px;
 float: right;
 position: absolute;
}
#dark_home .uh-search span {
 color: #00a99d;
}
.uh-search-dark span {
 color: #4fafa7;
}
.uh-search span:hover {
 color: #00a99d;
 cursor: pointer;
}
.uh-search-dark:hover span {
 color: #119087;
}
.uh-search form {
 width: 0;
 height: 38px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background-color: #f9f9f9;
 border: 1px solid #dedede;
 position: relative;
 top: 37px;
 right: 0px;
 opacity: 0;
 float: right;
 visibility: hidden;
 z-index: 999;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.uh-search input {
 font-size: 13px;
 color: #8a8a8a;
 background: transparent;
 border: none;
 padding: 9px 10px;
 font-style: italic;
}
.s-close {
 color: #8A8A8A;
 opacity: 1;
 margin: 8px 2px;
 font-size: 20px;
 float: right;
 cursor: pointer;
 position: absolute;
 right: 0;
 top: 0;
}
.s-close:hover {
 color: #000;
}
/************ Revolution Slider arrow Style ************/.fullscreen-container ul { /* fix for chrome gap in slider */
 overflow: visible !important;
}
.tparrows.default.round {
 border-radius: 0;
 background: rgba(51,51,51,0.7);
 width: 40px;
 height: 60px;
}
.tp-leftarrow.tparrows.default.round {
 left: 0 !important;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
}
.tp-leftarrow.tparrows.default.round:before {
 content: "4";
 font-family: "ElegantIcons";
 color: #e4e4e4;
 font-size: 30px;
 height: 100%;
 line-height: 60px;
 position: absolute;
 left: -2px;
 text-align: center;
 top: 0;
 width: 100%;
}
.tp-rightarrow.tparrows.default.round {
 right: 0 !important;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
}
.tp-rightarrow.tparrows.default.round:before {
 content: "5";
 font-family: "ElegantIcons";
 color: #e4e4e4;
 font-size: 30px;
 height: 100%;
 line-height: 60px;
 position: absolute;
 right: 0;
 text-align: center;
 top: 0;
 width: 100%;
}
.tp-bullets.simplebullets.round .bullet {
 background: rgba(51,51,51,0.7) !important;
 width: 30px !important;
 height: 6px !important;
 border-radius: 2px;
 margin-right: 7px;
}
.tp-bullets.simplebullets.round .bullet.selected {
 background: #00a99d !important;
 width: 30px !important;
 height: 6px !important;
 border-radius: 2px;
}
/************** Inner pages page header *************/.page-header {
 background: url('../demo/home/bg3.jpg') no-repeat top fixed;
 margin: 0px;
 border: medium none;
 position: relative;
 overflow: hidden;
 padding: 55px 0px 32px;
 z-index: 99;
 background-size: 100% auto;
 width:100%;
}
.page-header figure {
 position: absolute;
 right: 100px;
 bottom: 0;
}
.page-header figure img {
}
.page-header.maps {
 padding: 0;
}
.page-header.maps .google-map-container {
 height: 150px;
}
.input-group {
 position: relative;
 display: table;
 border-collapse: separate;
 max-width: 50px;
}
.page-header.bg1 {
 background: url(../demo/home/bg.jpg) no-repeat top fixed;
}
.page-header h4 {
 font-size: 28px;
 margin: 0px 0px 8px;
 text-align: center;
 color: #383838;
 text-transform: capitalize;
}
.page-header p {
 font-size: 16px;
 color: #000;
 text-align: center;
 margin: 0px 0px 50px;
 text-transform: capitalize;
}
.brdcrumb_wrapper {
 border-radius: 6px 6px 0 0;
 left: 0;
 position: absolute;
 z-index: 88;
 text-align: center;
 width: 100%;
 z-index: 999;
 bottom: -5px;
}
#google-map + .brdcrumb_wrapper {
 bottom: -5px;
}
.bcrumbs {
 background: #f9f9f9;
 border-radius: 6px 6px 0 0;
 bottom: 0;
 padding: 7px 15px;
 position: relative;
 z-index: 88;
 display: inline-block;
}
.bcrumbs li {
 float: left;
 font-size: 13px;
 position: relative;
 margin-right: 15px;
 color: #00a99d;
 text-transform: capitalize;
}
.bcrumbs a {
 color: #606060;
 text-transform: capitalize;
}
.bcrumbs a:hover {
 color: #00a99d;
}
.bcrumbs li:last-child {
 margin-right: 0px;
}
.bcrumbs li:before {
 content: "/";
 position: absolute;
 right: -12px;
 color: #6e6e6e;
}
.bcrumbs li:last-child:before {
 display: none;
}
/******************* List Style *****************/ul.list li {
 font-size: 13px;
 font-weight: 700;
 padding: 5px 0;
 margin-left: 5px;
}
ul.list.ok_icon_list li {
 position: relative;
}
ul.list.ok_icon_list {
 padding-left: 0;
}
ul.list.ok_icon_list li:before {
 position: relative;
 content: "\52";
 font-family: 'ElegantIcons';
 left: -10px;
 color: #00a99d;
 font-size: 14px;
 font-weight: 300;
}
/*********** Welcome Message Styling ***********/.u-welcome {
 text-align: center;
 padding: 60px 0 105px;
}
.u-welcome h3 {
 font-size: 24px;
 font-weight: bold;
 text-transform: uppercase;
 color: #383838;
 margin: 0 0 13px;
}
.u-welcome p {
 margin-bottom: 4px;
 font-size: 16px;
 color: #8a8a8a;
}
.highlight-color {
 color: #00a99d;
}
.italic {
 font-weight: 500;
 font-style: italic;
}
#dark_home .u-welcome h3 {
 color: #e4e4e4;
}
/** Owl pagination style **/div.owl-theme .owl-controls .owl-page span {
 background: rgba(51, 51, 51, 0.7);
 border-radius: 2px;
 display: block;
 margin: 5px 2.5px;
 opacity: 0.7;
 height: 4px;
 width: 20px;
}
div.owl-theme .owl-controls .owl-page.active span {
 background: #00a99d;
 opacity: 1;
}
.owl-pagination {
 position: relative;
 top: -30px;
 z-index: 999;
}
#about2 .owl-pagination {
 position: relative;
 top: -20px;
 z-index: 999;
}
/********* Services Block Wrapper ***********/.u-services {
 padding: 58px 0 29px;
 border-bottom: 1px solid #e4e4e4;
}
/* In Carousel Styling */#owl-work.u-services span {
 display: inline-block;
 float: none;
 margin-bottom: 10px;
}
#owl-work.u-services .owl-wrapper-outer {
 margin-top: -45px;
 margin-bottom: -45px;
}
#owl-work.u-services .owl-item:hover span {
 background-position: -0px top;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
#owl-work.u-services {
 border-bottom: 0;
}
/************* Service with icon ***********/.service_with_icon:hover i {
 color: #00a99d;
 transition: .3s;
}
.service_with_icon:hover .btn-small {
 color: #e4e4e4;
 background: #00a99d;
 transition: .3s;
}
.service_with_icon:hover h4 {
 color: #00a99d;
 transition: .3s;
}
.service_with_icon:hover .btn_mini_simple {
 color: #00a99d;
 transition: .3s;
}
.service_with_icon:hover .center_divider_icon:before ,
.service_with_icon:hover .center_divider_icon:after {
 background: #00a99d;
 transition: .3s;
}
/**************** Call to action ****************/.calltoaction .btn-regular {
 margin-right: 10px;
 background: #e4e4e4;
 font-size: 13px;
 color: #606060;
 border: 0;
}
.calltoaction .btn-regular:hover {
 background: #383838;
 color: #e4e4e4;
}
.calltoaction .btn-regular.btn-full-green:hover {
 background: #00a99d;
 color: #e4e4e4;
}
.calltoaction .btn-regular.green {
 margin-right: 10px;
 background: #00a99d;
 font-size: 13px;
 color: #e4e4e4;
 border: 0;
}
.calltoaction h4 {
 color: #e4e4e4;
}
.calltoaction.black_bg {
 background: #383838;
 display: block;
 float: left;
 width: 100%;
 border-radius: 5px;
}
.calltoaction.no_radius {
 border-radius: 0 !important;
}
.calltoaction.no_radius_top {
 border-radius: 0 0 5px 5px !important;
}
.calltoaction.black_bg.fullwidth {
 border-radius: 0;
}
.calltoaction.black_bg h4 {
 font-size: 17px;
 text-transform: uppercase;
 font-weight: 500;
 padding-left: 5px;
}
.calltoaction.black_bg .col-md-4 {
 padding-right: 5px;
}
/******* Simple dark call to action *********/.black_bg {
 background: #383838;
}
.cta.black_bg {
 background: #383838;
 padding: 30px 0;
}
.cta.black_bg h4 {
 color: #e4e4e4;
 text-transform: uppercase;
}
/************** End of Call to action *********//******** Owl carousel navigation styling  ***********************/.content-head .owl-buttons .owl-prev {
 left: 0;
 position: absolute;
 top: -1px;
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 cursor: pointer;
 opacity: 1 !important;
}
.content-head .owl-buttons .owl-next {
 right: 0;
 cursor: pointer;
 position: absolute;
 top: -1px;
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 opacity: 1 !important;
}
.content-head .owl-buttons .owl-next:hover {
 background: #00a99d !important;
}
.content-head .owl-buttons .owl-prev:hover {
 background: #00a99d !important;
}
.content-head .owl-buttons .owl-prev:before ,
.content-head .owl-buttons .owl-next:before {
 content: "\44";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #E4E4E4;
 line-height: 30px;
 text-align: center;
 font-size: 25px;
 width: auto;
 position: absolute;
 right: 2px;
}
.content-head .owl-buttons .owl-next:before {
 content: "\45";
}
/****************** Next Two Owl ****************/.content-head .owl-buttons .prev2 {
 right: 35px;
 position: absolute;
 top: 3px;
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 cursor: pointer;
 opacity: 1 !important;
}
.content-head .owl-buttons .next2 {
 right: 0;
 cursor: pointer;
 position: absolute;
 top: 3px;
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 opacity: 1 !important;
}
.content-head .owl-buttons .prev2:hover {
 background: #00a99d !important;
}
.content-head .owl-buttons .next2:hover {
 background: #00a99d !important;
}
.content-head .owl-buttons .prev2:before ,
.content-head .owl-buttons .next2:before {
 content: "\44";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #E4E4E4;
 line-height: 30px;
 text-align: center;
 font-size: 25px;
 width: auto;
 position: absolute;
 right: 2px;
}
.content-head .owl-buttons .next2:before {
 content: "\45";
}
/*** Align right direction navigation */.content-head .right_arrow {
 float: right;
 background: #f9f9f9;
 width: 70px;
 height: 70px;
}
.content-head  .right_arrow .owl-prev {
 right: 32px;
 position: absolute;
 top: 3px;
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 cursor: pointer;
 opacity: 1 !important;
}
#dark_home .content-head  .right_arrow .owl-prev {
 right: 32px;
 position: absolute;
 top: 3px;
 left: auto;
 width: 30px !important;
 height: 30px !important;
 background: #f9f9f9 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 cursor: pointer;
 opacity: 1 !important;
}
.content-head .right_arrow .owl-next {
 right: 0;
 cursor: pointer;
 position: absolute;
 top: 3px;
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 opacity: 1 !important;
}
#dark_home .content-head .right_arrow .owl-next {
 right: 0;
 cursor: pointer;
 position: absolute;
 top: 3px;
 width: 30px !important;
 height: 30px !important;
 background: #f9f9f9 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 opacity: 1 !important;
}
#dark_home .content-head .right_arrow .owl-next:hover,
#dark_home .content-head .right_arrow .owl-prev:hover {
 background: #00a99d !important;
}
#dark_home .content-head .right_arrow .owl-next:hover:before,
#dark_home .content-head .right_arrow .owl-prev:hover:before {
 color: #e4e4e4;
}
.content-head .right_arrow .owl-prev:before ,
.content-head .right_arrow .owl-next:before {
 content: "\44";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #E4E4E4;
 line-height: 30px;
 text-align: center;
 font-size: 25px;
 width: auto;
 position: absolute;
 right: 2px;
}
#dark_home .content-head .right_arrow .owl-prev:before ,
#dark_home .content-head .right_arrow .owl-next:before {
 content: "\44";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #383838;
 line-height: 30px;
 text-align: center;
 font-size: 25px;
 width: auto;
 position: absolute;
 right: 2px;
}
#dark_home .right_arrow {
 background: none repeat scroll 0% 0% #383838;
 width: 70px;
 height: 40px;
 float: right;
 position: relative;
 right: -10px;
 top: -8px;
}
.content-head .right_arrow .owl-next:before {
 content: "\45";
}
#dark_home .content-head .right_arrow .owl-next:before {
 content: "\45";
}
/********* Services Carousel In Dark *************/.owl-carousel {
 z-index: 9;
}
.services_owl {
 border-bottom: 0 !important;
}
.u-works.services_owl.background_bg_black:after {
 content: "";
 height: 1px;
 background: url(../images/dots-sep.png) repeat-x left top;
 left: 0px;
 margin-top: -41px;
 position: absolute;
 top: 268px;
 width: 100%;
}
.u-services .col-md-4:hover span {
 background-position: -0px top;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.us-content {
 margin-left: 60px;
 margin-bottom: 30px;
}
.us-content h4 {
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
 color: #000000;
 margin: 0px;
}
.us-content h5 {
 font-size: 12px;
 color: #AAA;
 font-weight: 400;
 margin: 6px 0 17px;
}
.us-content p {
 font-size: 14px;
 color: #000000;
 line-height: 23px;
 margin-bottom: 17px;
}
/* In Carousel Slider styling **********/#owl-work.u-services .icon_box {
 position: relative;
 width: 100%;
 height: 100%;
}
#owl-work.u-services .icon_box:after {
 content: "99";
 font-family: 'ElegantIcons';
 height: 1px;
 right: 0;
 margin-top: -31px;
 position: absolute;
 top: 50%;
 width: 30px;
 letter-spacing: -11px;
 font-size: 21px;
 z-index: 999;
 color: #606060;
}
#owl-work .us-content {
 margin-left: 0;
}
#owl-work .us-content h5 {
 display: inline-block;
 color: #e4e4e4;
 float: none;
 font-weight: 800;
 font-size: 14px;
 text-transform: uppercase;
 margin-bottom: 10px;
 margin-top: 25px;
}
#owl-work .us-content p {
 padding: 5px 10px;
 color: #8a8a8a;
}
/************** Testimonial block **************/.owl-testimonial .owl-item {
 padding-bottom: 30px;
 margin-top: 40px;
}
.owl-testimonial .owl-wrapper .owl-item:first-child {
 margin-left: 0;
}
.testimonial_block {
 border: 1px solid #dedede;
 padding: 10px 0;
 position: relative;
 text-align: center;
 margin-right: 28px;
 padding: 10px 0;
 border-radius: 5px 5px 5px 0;
}
.testimonial_block img {
 display: inline-block;
 border-radius: 4px;
 border: 5px solid #Dedede;
 width: 64px;
}
.testimonial_block .author_img {
 position: absolute;
 top: -35px;
 width: 100%;
 text-align: center;
}
.testimonial_block:before {
 content: "";
 position: absolute;
 left: -27px;
 bottom: -25px;
 border-right: 25px solid #E5E5E5;
 border-bottom: 25px solid transparent;
 border-left: 25px solid transparent;
}
.testimonial_block p {
 margin-top: 40px;
 font-size: 13px;
 padding: 0 15px;
 margin-bottom: 0px;
}
.testimonial_name {
 float: left;
 position: absolute;
 left: 40px;
 bottom: -30px;
 font-weight: 700;
 font-style: italic;
 color: #606060;
 font-size: 13px;
}
.testimonial_star {
 float: right;
 position: absolute;
 right: 0;
 bottom: -30px;
 color: #00a99d;
}
.testimonial_star i {
 font-size: 13px;
 margin-left: 3px;
}
/**************** Pricing Table ***********/.price_table {
 display: inline-block;
 border: 1px solid #d4d4d4;
 text-align: center;
 width: 100%;
 border-radius:5px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.price_table.style2 {
 background: #ebebeb;
 border: none;
 border-radius: 5px;
}
.price_table.style2 a.cart_icon:before {
 background: none repeat scroll 0 0 #383838;
 border-radius: 4px;
 content: "";
 display: table;
 height: 32px;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 transform: rotate(45deg);
 width: 32px;
}
.price_table.style2 .cart_icon {
 display: inline-block;
 font-size: 16px;
 height: 32px;
 line-height: 32px;
 position: relative;
 text-align: center;
 top: 15px;
 width: 32px;
}
.price_table.style2 .cart_icon i {
 color: #e4e4e4;
 position: relative;
}
.price_table .hostingtable {
 position: relative;
}
.price_table .hostingtitle {
 display: block;
 left: 0;
 margin: 0;
 position: absolute;
 top: -50px;
 width: 100%;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.price_table:hover .hostingtitle h4 {
 background: #00a99d;
}
.price_table .hostingtitle h4 {
 font-size: 13px;
 background: none repeat scroll 0% 0% #444;
 display: inline-block;
 color: #E4E4E4;
 padding: 12px 15px;
 border-radius: 4px;
 text-transform: uppercase;
 font-weight: 800;
}
.price_table:hover .hostingtitle h4 i {
 color: #E4E4E4 !important;
}
.price_table .hostingtitle h4 i:nth-child(1) {
 margin-right: 5px;
 color: #00a99d;
}
.price_table .hostingtitle h4 i:nth-child(2) {
 margin-left: 3px;
 color: #00a99d;
}
.price_table .hostingprice {
 margin-top: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #E4E4E4;
 padding: 3px 0 12px;
}
.hostingfeature {
 font-size: 13px;
 color: #606060;
 margin-top: 20px;
 position: relative;
 top: 20px;
}
.priceinfo {
 font-size: 13px !important;
 color: #606060 !important;
}
.price_table.style2 .hostingprice {
 border-bottom: 0;
}
.hostingcontent ul {
 padding-bottom: 10px;
 border-bottom: 1px solid #e4e4e4;
 float: left;
 width: 100%;
}
.hostingbutton {
 float: left;
 width: 100%;
 margin: 15px 0px;
 padding: 10px 0;
}
.hostingbutton a {
 padding: 10px 15px;
 font-size: 12px;
 color: #e4e4e4;
 font-weight: 700;
 text-transform: uppercase;
 border-radius: 4px;
 display: inline-block;
 background: #00a99d;
}
.hostingbutton a:hover {
 background: #383838;
}
.hostingcontent ul li {
 margin: 10px 0;
 float: left;
 width: 100%;
 text-align: center;
 font-weight: 600;
 color: #aaa;
}
.price_table .hostingprice sup {
 font-size: 16px;
 font-weight: 600;
 top: -30px;
}
.price_table  .hostingprice span.sign {
 font-size: 13px;
 color: #383838;
 margin-right: 6px;
}
.price_table  .hostingprice span {
 font-weight: 500;
 font-size: 14px;
 color: #aaa;
}
.price_table  .hostingprice span.price {
 position: relative;
 font-size: 60px;
 color: #383838;
 font-weight: 800;
}
.price_table .hostingprice span.price:after {
 background: #606060;
 content: "";
 height: 10px;
 line-height: 60px;
 margin-top: -25px;
 position: absolute;
 right: -15px;
 top: 100%;
 transform: rotate(45deg);
 width: 10px;
 border-radius: 2px;
}
.price_table.style2:hover {
 background: #383838;
 transition: .3s;
 cursor: pointer;
}
.price_table.style2:hover span.sign ,
.price_table.style2:hover .hostingprice span ,
.price_table.style2:hover .hostingprice span.price,
.price_table.style2:hover .hostingprice sup  {
 color: #e4e4e4;
}
.price_table.style2:hover .hostingprice span.price:after {
 background: #e4e4e4;
}
.price_table.style2:hover .hostingfeature ,
.price_table.style2:hover .priceinfo {
 color: #8a8a8a !important;
}
.price_table.style2:hover a.cart_icon:before {
 background: #00a99d;
}
/********* Portfolio Filter *************/.portfolioFilter {
 display: table;
 margin: 0 auto 50px;
 padding: 0 12px;
 border-radius: 4px;
 background: #f9f9f9;
}
.portfolioFilter .port_wrapper {
 border: 1px solid #dedede;
 display: table;
 margin: 0 auto 0;
 padding: 10px 20px;
 border-radius: 4px;
 background: #f9f9f9;
}
.portfolioFilter .port_wrapper a {
 font-size: 13px;
 font-weight: bold;
 text-transform: uppercase;
 color: #606060;
 padding: 0 14px;
 position: relative;
}
.portfolioFilter .port_wrapper a:before {
 content: "";
 width: 9px;
 height: 9px;
 transform: rotate(45deg);
 position: absolute;
 left: -5px;
 top: 4px;
 background: #aaaaaa;
 border: 2px solid #fff;
}
.portfolioFilter .port_wrapper a:after {
 content: "";
 width: 9px;
 height: 9px;
 transform: rotate(45deg);
 position: absolute;
 right: -5px;
 top: 4px;
 background: #aaaaaa;
 border: 2px solid #fff;
}
a.btn-regular.portfolio_button {
 display: inline-block;
 float: none;
 margin-top: 30px;
}
.current,
.portfolioFilter .port_wrapper a:hover {
 color: #1ca399 !important;
}
.current:before,
.portfolioFilter .port_wrapper a:hover:before {
 content: "";
 background: #1ca399 !important;
 z-index: 999;
}
.current:after,
.portfolioFilter .port_wrapper a:hover:after {
 content: "";
 background: #1ca399 !important;
 z-index: 999;
}
.isotope-item {
 z-index: 2;
}
.isotope-hidden.isotope-item {
 pointer-events: none;
 z-index: 1;
}
.isotope,
.isotope .isotope-item { /* change duration value to whatever you like */
 -webkit-transition-duration: 0.8s;
 -moz-transition-duration: 0.8s;
 -ms-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 transition-duration: 0.8s;
}
.isotope {
 -webkit-transition-property: height, width;
 -moz-transition-property: height, width;
 -ms-transition-property: height, width;
 -o-transition-property: height, width;
 transition-property: height, width;
}
.isotope .isotope-item {
 -webkit-transition-property: -webkit-transform, opacity;
 -moz-transition-property: -moz-transform, opacity;
 -ms-transition-property: -ms-transform, opacity;
 -o-transition-property: -o-transform, opacity;
 transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -ms-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
}
/********** Portfolio container *******/.u-portfolio {
 padding: 80px 0 60px;
}
.portfolioContainer .up-item {
 margin: 0px 0px 30px;
 padding: 0 7.5px;
}
.no_padding .portfolioContainer .up-item {
 padding: 0;
 margin: 0;
}
.portfolioContainer.no_space .up-item {
 margin-right: 1px;
 margin-bottom: 2px;
 padding: 0;
}
.portfolio_carousel .up-item {
 margin-top: 0px;
 padding: 0 15px;
}
/***** Blog style item ********/.owl_blog .up-item {
 margin-top: 40px;
 padding: 0 15px;
 margin-bottom: 10px;
}
.owl-blog2 .up-item {
 padding: 0 15px;
 margin-bottom: 10px;
 border-radius: 4px;
}
#owl-blog2 .video-container iframe {
 height: 195px;
}
#owl-blog2.blog2 .up-item {
 margin-top: 10px;
}
/************ quotation style ***************/.upi-thumb.quotation {
 text-align: center;
 border: 1px solid #dedede;
 padding: 20px 0;
 font-weight: 700;
}
blockquote.post-blockquote {
 position: relative;
}
/* blockquote.post-blockquote:before {content: "\7b";  color: #00a99d;  font-family: ElegantIcons;  font-size: 30px;  left: 6px;  position: absolute;  top: -1px;  transform: rotate(180deg);} */.upi-thumb.quotation h5 {
 display: inline-block;
}
.upi-thumb.quotation sup {
 font-size: 40px;
}
.upi-thumb.quotation p {
 font-weight: 700;
}
/******* Twitter style ******/.upi-thumb.tweet {
 background: #2ca8d2;
 text-align: center;
 border: 1px solid #dedede;
 padding: 20px;
 font-weight: 700;
 color: #e4e4e4;
 display: table;
 width: 100%;
}
.upi-thumb.tweet i {
 margin-right: 6px;
}
.upi-thumb.tweet p {
 color: #e4e4e4;
}
.upi-thumb.tweet div {
 font-size: 13px;
 font-weight: 500;
 margin-top: 18px;
 display: table;
 width: 100%;
}
.upi-thumb.tweet div .tweet-link {
 float: left;
}
.upi-thumb.tweet div .tweet-time {
 float: right;
}
/******* Link style ******/.upi-thumb.link {
 background: #383838;
 text-align: center;
 border: 1px solid #dedede;
 padding: 40px 0;
 font-weight: 700;
 color: #e4e4e4;
}
.upi-thumb.tweet i {
 margin-right: 6px;
}
.upi-thumb.link a {
 color: #fff;
}
.upi-thumb.link a:hover {
 color: #00a99d;
}
/********* Social Icons divider ********/.center_social_border.in_post .icon_wrap a {
 display: table;
 float: left;
 font-size: 16px;
 height: 42px;
 line-height: 42px;
 position: relative;
 text-align: center;
 top: -14px;
 width: 42px;
}
.center_social_border.in_post .icon_wrap a:before {
 background: none repeat scroll 0 0 #383838;
 border-radius: 4px;
 content: "";
 display: table;
 height: 42px;
 left: 0;
 position: absolute;
 right: 0;
 top: -2px;
 transform: rotate(45deg);
 width: 42px;
}
.icon_divider {
 display: inline-block;
 padding: 0 20px;
 width: 100%;
}
/************ Single post ************/.fullwidth .upi-inner {
 display: inline-block;
 height: 100%;
 padding-bottom: 35px;
}
.fullwidth .upi-inner .widget.tags {
 margin-top: 20px;
 margin-bottom: 0;
 margin-left: 20px;
}
.fullwidth .single_divider {
 display: block;
 margin: 15px 0;
 height: 1px;
 background: #dedede;
}
/************** Single Slider ***********/.laptop_slider {
 background: url(../demo/home/mockup.png) no-repeat;
}
/******** Single Post pagination ***********/.pagnav {
 float: left;
 width: 100%;
}
.pagnav a:hover {
 background: #00a99d;
 color: #e4e4e4;
}
.pagnav a.prev {
 float: left;
}
.pagnav a.next {
 float: right;
}
/******* Post author info styling *********/.fullwidth .author_info {
 padding: 0 20px;
 position: relative;
 margin: 50px 0;
}
.fullwidth .author_info .content-head {
 margin-bottom: 20px;
}
.fullwidth .author_info img {
 width: 80px;
 border: 5px solid #dedede;
 border-radius: 5px;
 float: left;
}
.fullwidth .author_info small {
 color: #AAA;
 font-style: italic;
 font-size: 12px;
 margin-bottom: 11px;
 display: table;
 font-weight: 500;
}
.fullwidth .author_info .detail {
 position: relative;
 margin-left: 100px;
}
.fullwidth .author_info .detail h5 {
 margin-top: 0;
 margin-bottom: 0;
}
#owl-blog .fullwidth .author_info .detail p {
 margin-top: 5px;
 margin-left: 0;
 padding-left: 0;
}
.author_info .detail h5 {
 font-size: 16px;
 font-weight: 500;
}
.author_info .icon_wrap {
 background: #f9f9f9;
 display: inline-block;
 float: right;
 position: absolute;
 right: 16px;
 top: 7px;
 padding-left: 15px;
}
.author_info .icon_wrap a {
 display: table;
 float: left;
 font-size: 14px;
 height: 30px;
 line-height: 30px;
 position: relative;
 text-align: center;
 top: -11px;
 width: 30px;
}
.author_info .icon_wrap a:hover {
 z-index: 999;
}
.author_info .icon_wrap a:before {
 background: none repeat scroll 0 0 #383838;
 border-radius: 4px;
 content: "";
 display: table;
 height: 28px;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 transform: rotate(45deg);
 width: 28px;
}
.author_info .icon_wrap a:hover:before {
 background: #00a99d;
}
.author_info .icon_wrap i {
 color: #e4e4e4;
 position: relative;
}
/********** Social Profile Buttons ( Using In Single Post) ************/#owl-blog .up-item {
 margin-bottom: 30px;
}
#owl-blog .upi-thumb {    /*	border-top: 1px solid #dedede;	border-left: 1px solid #dedede;	border-right: 1px solid #dedede;	border-bottom: 1px solid #dedede;	border-radius: 5px 5px 0 0;    */
 overflow: hidden;
}
#owl-blog .upi-inner .content-sub {
 text-align: center;
}
.post_share {
 padding: 55px 0;
 border-top: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
}
.post-share_single {
 padding: 55px 0;
 border-top: none !important;
 border-bottom: 1px solid #dedede;
}
.owl-controls.clickable {
 margin-top: 0 !important;
}
/***************** Post comments ******************/.fullwidth .post_comments.author_info {
 padding: 0 15px;
}
.fullwidth .post_comments.author_info .detail {
 margin-left: 100px;
 left: 0px;
}
.fullwidth div.comment {
 display: block;
 width: 100%;
 margin-bottom: 40px;
 position: relative;
}
.fullwidth div.comment h5 {
 cursor: pointer;
 text-transform: capitalize;
}
.fullwidth div.comment h5:hover {
 color: #00a99d;
}
.fullwidth div.comment figure img {
 width: 60px;
}
.fullwidth div.comment .btn-small {
 position: absolute;
 top: 0;
 right: 0;
}
/********************* Comment Form **********************/.form_elements input {
 border-radius: 4px;
 border: 1px solid #dedede;
 display: block;
 padding: 6px 10px;
 width: 100%;
 color: #aaa;
 font-size: 13px;
 text-transform: capitalize;
}
.form_elements textarea {
 border: 1px solid #dedede;
 width: 100%;
 margin-top: 20px;
 margin-bottom: 20px;
 padding-left: 10px;
 padding-top: 10px;
 display: block;
 font-size: 13px;
}
.form_elements  input.btn-regular {
 float: left;
 width: auto;
 background: #00a99d;
 color: #e4e4e4;
}
.center_social_border.in_post a.green:before {
 background: #00a99d;
}
#owl-blog .in_post i.date {
 font-size: 11px;
 left: 4px;
 line-height: 15px;
 position: absolute;
 top: 3px;
 width: 34px;
}
/********* Our Team section (Carousel) *************/.upi_team_name {
 display: inline-block;
}
.owl_team .owl-item {
 padding: 0 15px;
}
.owl_team .upio-inner {
 width: 161px;
}
.upi_team_name {
 width: 100%;
 display: block;
 text-align: center;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
 margin-top: -20px;
 position: relative;
 z-index: 9;
 border-radius: 4px;
}
.upi_team_name span {
 padding: 10px 14px 9px;
 background: #00a99d;
 color: #fff;
 display: inline-block;
 font-size: 12px;
 border-radius: 4px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
 text-transform: uppercase;
 font-weight: 800;
 font-size: 13px;
}
.upi_team_name span:hover {
}
.owl-item:hover .upi_team_name span {
 background: #383838;
}
.team_icon a:hover {
 color: #00a99d;
}
.upi_team_position {
 width: 100%;
 float: left;
 text-align: center;
 border: 1px solid #dedede;
 border-width: 0 1px;
}
.upi_team_position h5 {
 font-weight: 500;
 font-size: 12px;
 border-bottom: 1px solid #DEDEDE;
 display: inline-block;
 padding: 16px 0px;
 margin-top: 0px;
}
.team_icon a {
 margin-bottom: 7px;
 display: inline-block;
 color: #aaa;
 font-size: 13px;
}
.team_icon a i {
 margin-right: 13px;
 font-size: 15px;
 position: relative;
 top: 2px;
}
/*********** Portfolio Grid Styling **********/.up2 .portfolioContainer .up-item {
 width: 50%;
 float: left;
}
.up2 .upio-inner.with_headings {
 text-align: center;
 top: -55px;
 vertical-align: top;
 width: 100%;
 height: 40px;
}
.up3 .upio-inner.with_headings {
 text-align: center;
 top: -55px;
 vertical-align: top;
 width: 100%;
 height: 40px;
}
.up4.diamond .upio-inner.with_headings {
 text-align: center;
 top: -55px;
 vertical-align: top;
 width: 100%;
 height: 40px;
}
.diamondswrap {
 text-align: center;
}
.up3 .portfolioContainer .up-item {
 width: 33.3343%;
 float: left;
}
.up4 .portfolioContainer .up-item {
 width: 25%;
 float: left;
}
/********** Full Row portfolio styling **********/.upfullwidth .upi-thumb {
 float: left;
 width: 270px;
 z-index: 1;
}
.upfullwidth .up-item {
 float: left;
 width: 100%;
 clear: both;
 margin-bottom: 20px;
}
.share_icon {
 float: left;
}
.share_icon span {
 float: left;
 font-weight: 600;
 margin-right: 15px;
 line-height: 27px;
}
.share_icon ul {
 float: left;
}
.share_icon ul li {
 float: left;
}
.share_icon ul li i {
 float: left;
 font-size: 25px;
 margin-right: 6px;
}
.share_icon ul li i.social_facebook_circle {
 color: #517dbe;
}
.share_icon ul li i.social_twitter_circle {
 color: #2ca8d2;
}
.share_icon ul li i.social_googleplus_circle {
 color: #383838;
}
.share_icon ul li i.social_pinterest_circle {
 color: #ff4e4e;
}
.up-detail {
 left: 25px;
 position: relative;
}
/******** Single Portfolio Style ************/.single_portfolio {
 float: left;
 width: 100%;
 padding: 40px 0;
}
.portfolio_top {
 float: left;
}
.portfolio_navigation {
 float: right;
 line-height: 36px;
}
.portfolio_title {
 float: left;
}
.portfolio_title  h3 {
 margin-top: 0;
 text-transform: uppercase;
}
.single_portfolio .portfolio_title  h3 {
 font-size: 26px;
 margin-top: 8px;
}
.portfolio_navigation span {
 width: 40px;
 height: 40px;
 line-height: 38px;
 padding: 0;
 text-align: center;
 border: 1px solid #dedede;
 border-radius: 5px;
 display: inline-block;
 font-size: 19px;
 margin-left: 6px;
}
.portfolio_navigation span:hover {
 background: #00a99d;
 border: 1px solid #00a99d;
 color: #e4e4e4;
}
.portfolio_content .owl_single {
 margin-bottom: 30px;
}
.portfolio_content .ui-accordion .ui-accordion-content {
 padding-top: 0;
 padding-bottom: 0;
}
#dark_home .ui-accordion-header.ui-state-default {
 background: #383838 !important;
 color: #e4e4e4;
}
section.like_button {
 text-align: center;
 float: left;
 width: 100%;
 position: relative;
}
section.like_button span.icon_heart {
 font-size: 25px;
 color: #00a99d;
 position: relative;
 z-index: 8;
}
section.like_button.with_text {
 padding: 40px 0;
}
section.like_button.with_text span {
 color: #fff;
 font-size: 17px;
 position: relative;
 text-transform: uppercase;
 z-index: 8;
 font-weight: 800;
}
section.like_button .border_bg {
 background: url("../images/dv2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
 height: 28px;
 margin-bottom: 40px;
}
section.like_button.with_text .border_bg {
 margin-bottom: 0;
}
section.like_button .button_wrapper {
 position: relative;
 display: inline-block;
 margin-bottom: 30px;
}
section.like_button .button_wrapper:before {
 content: "";
 position: absolute;
 left: -10px;
 width: 45px;
 height: 45px;
 border: 1px solid #dedede;
 top: -10px;
 transform: rotate(45deg);
 border-radius: 4px;
 background: #f9f9f9;
 z-index: 1;
}
section.like_button.with_text .button_wrapper:before {
 background: #00a99d;
}
section.like_button .button_wrapper:after {
 content: "";
 position: absolute;
 left: -22px;
 top: -15px;
 width: 70px;
 height: 60px;
 background: #f9f9f9;
 z-index: 0;
}
/******** Social Icons (used in single portflio) ***********/.facebook_custom_icon {
 background: #527dbd;
 padding: 13px;
 font-size: 12px;
 color: #fff;
 border-radius: 4px;
 display: inline-block;
 margin-right: 7px;
}
.google_custom_icon {
 background: #2c2c2c;
 padding: 13px;
 font-size: 12px;
 color: #fff;
 border-radius: 4px;
 display: inline-block;
 margin-right: 7px;
}
.pinterest_custom_icon {
 background: #ff4e4e;
 padding: 13px;
 font-size: 12px;
 color: #fff;
 border-radius: 4px;
 display: inline-block;
}
.twitter_custom_icon {
 background: #2ca8d2;
 display: inline-block;
 padding: 11px;
 font-size: 12px;
 color: #fff;
 border-radius: 4px;
 margin-right: 7px;
}
/******** Diamond style portfolio styling *************/.diamondswrap .item {
 display: block;
 position: relative;
 width: 100%;
 height: 100%;
 background-color: #666;
 color: white;
 background-position: center center;
 background-size: cover;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
.diamond-box {
 border: 3px solid #dedede !important;
}
/************ Carousel Blog ,Portfolio Items Styling with Hover Effect **********/.upi-inner {
 border: 1px solid #dedede;
 border-top: none;
 border-radius: 0 0 4px 4px;
 padding: 20px 0 5px;
}
#dark_home .upi-inner {
 background: #383838;
 border-color: #484848;
}
.up-item img {
 overflow: hidden;
 max-width: 100%;
 width: 100%;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.upi-inner h4 {
 font-size: 20px;
 font-weight: bold;
 color: #000000 !important;
 text-align: center;
 margin: 0 0 5px;
}
.upi-inner h4 i {
 margin-right: 7px;
}
#dark_home .upi-inner h4 a {
 color: #e4e4e4;
}
.upi-inner h4 a {
 color: #000000;
}
.upi-inner p {
 font-size: 16px;
 color: #000000;
 margin: 0px;
 text-align: center;
 padding: 0 20px;
 letter-spacing: -0.2px;
}
.upi-thumb {
 position: relative;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.upi-overlay {
 position: absolute;
 background: rgba(0,169,157,0.8);
 width: 100%;
 height: 100%;
 top: 0px;
 right: 0px;
 left: 0px;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
.upi-overlay-dark {
 position: absolute;
 background: rgba(0,0,0,0.8);
}
.upi-overlay-dark1 {
 position: absolute;
 background: rgba(0,0,0,0.8);
}
#dark_home .upi-overlay {
 background: rgba(0,0,0,0.5);
}
.upi-overlay a {
 width: 32px;
 height: 32px;
 display: table;
 text-align: center;
 line-height: 36px;
 font-size: 16px;
 position: relative;
 float: left;
}
.upi-overlay a.heart {
 font-size: 18px;
 text-align: center;
 position: relative;
}
.upi-overlay span.word {
 color: #00a99d;
 position: relative;
 left: 10px;
 top: 5px;
 font-size: 14px;
 font-weight: 700;
}
.upi-overlay a.heart span.icon_heart {
 font-size: 40px;
 position: absolute;
 color: #e4e4e4;
}
.upi-overlay a.heart:before {
 display: none;
}
.upi-overlay .upio-inner.with_headings a {
 float: none;
 display: inline-block;
}
.upi-overlay a:before {
 content: "";
 position: absolute;
 top: 0px;
 right: 0px;
 left: 0px;
 width: 32px;
 height: 32px;
 border-radius: 4px;
 background: #e4e4e4;
 display: table;
 transform: rotate(45deg);
}
.upi-overlay a:hover:before {
 content: "";
 background: #383838;
}
.upi-overlay a:hover span {
 color: #e4e4e4;
}
.upi-overlay a:hover {
 z-index: 999;
 position: relative;
 transition: .3s;
}
.upi-overlay span {
 position: relative;
 color: #00a99d;
 font-weight: 400;
 font-size: 13px;
}
.upi-overlay span i {
 margin-right: 5px;
}
.upio-inner {
 display: table-cell;
 margin: auto;
 height: 40px;
 position: absolute;
 top: 0px;
 bottom: 0px;
 right: 0px;
 left: 0px;
 width: 65px;
}
.like_shop {
 display: tabel-cell;
 margin: auto;
 position: absolute;
 bottom: 0px;
 right: 0px;
 left: 0px;
 font-size: 12px;
 font-weight: 600;
 text-align: center;
}
.like_shop span {
 background: #f9f9f9;
 display: inline-block;
 padding: 4px 14px 3px 14px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
.upi-overlay-dark .like_shop span {
 background: #00a99d;
 color: #e4e4e4;
 display: inline-block;
 padding: 4px 14px 3px 14px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
#dark_home .like_shop span {
 background: #00a99d;
 color: #e4e4e4;
}
#dark_home .border_bottom {
 border-bottom: 1px solid #484848;
}
.product .wrapper .price {
 background: none repeat scroll 0 0 #fff;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 bottom: 22px;
 font-size: 12px;
 font-weight: 600;
 padding: 7px 14px;
 position: relative;
}
.upio-inner.with_headings {
 height: auto;
 top: 45px;
 vertical-align: top;
 width: 100%;
 text-align: center;
}
.without_grid .upio-inner.with_headings {
 top: 55px;
}
.upio-inner.with_headings h5 {
 font-size: 13px;
 clear: both;
 margin-top: 20px;
 color: #e4e4e4;
 margin-bottom: 5px;
}
.upio-inner.with_headings h5 + span {
 color: #e4e4e4;
 font-size: 12px;
}
.upio-inner.with_headings h5 + span + div + span {
 clear: both;
 color: #e4e4e4;
 margin-top: 8px;
 display: inline-block;
}
.upi-overlay a:nth-child(1) {
 left: -50px;
}
.upi-overlay a:nth-child(2) {
 right: -50px;
}
.up-item:hover .upi-overlay {
 opacity: 1;
 visibility: visible;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
 cursor: pointer;
}
.up-item:hover .upi-inner h4 a {
 color: #00a99d;
}
.up-item:hover .upi-overlay a:nth-child(1) {
 left: -0px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.up-item:hover .upi-overlay a:nth-child(2) {
 right: -0px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
/** Blog Carousel Item Styling **/#owl-blog .upi-overlay a:before {
 background: transparent;
}
#owl-blog2 .upi-overlay a:before {
 background: transparent;
}
#owl-blog .upi-overlay span {
 position: relative;
 color: #fff;
 font-size: 37px;
}
#owl-blog2 .upi-overlay span {
 position: relative;
 color: #fff;
 font-size: 37px;
}
#owl-blog .read_more {
 font-size: 14px;
 position: relative;
 bottom: 6px;
 color: #616161;
 margin: 6px 20px;
}
#owl-blog .read_more i {
 position: relative;
 top: 1px;
}
#owl-blog .upio-inner {
 width: 37px;
}
#owl-blog .upi_blog_date {
 width: 100%;
 display: block;
 text-align: center;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
 margin-top: -20px;
 position: relative;
 z-index: 9;
 border-radius: 4px;
}
#owl-blog .upi_blog_date span {
 padding: 10px 14px;
 background: #00a99d;
 color: #fff;
 display: inline-block;
 font-size: 12px;
 border-radius: 4px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
#owl-blog .upi-inner p {
 /* text-align: left; */
 margin-top: 20px;
}
#owl-blog2 .upi-inner ul {
 border-bottom: 0;
}
#owl-blog2 .upi-inner p {
 text-align: left;
 padding: 15px 20px 20px 20px;
}
#owl-blog2 .upi-inner {
 padding: 20px 0;
}
#owl-blog .upi-inner h4 {
 text-transform: uppercase;
}
#owl-blog ul.post_info {
 text-align: center;
 margin-top: 10px;
 border-bottom: 1px solid #e5e5e5;
 padding-bottom: 10px;
}
#owl-blog ul.post_info.style2 {
 border: 0;
 padding-bottom: 25px;
}
#owl-blog .in_post {
 margin-bottom: 20px;
}
#owl-blog .in_post i.date {
 font-size: 11px;
}
#owl-blog2 ul.post_info {
 text-align: center;
 margin-top: 10px;
 border-bottom: 1px solid #e5e5e5;
 padding-bottom: 10px;
 margin-left: 10px;
 margin-right: 10px;
}
#dark_home ul.post_info {
 border-bottom: 1px solid #484848;
}
#owl-blog2 a.read_more {
 margin-right: 20px;
 position: relative;
 bottom: 10px;
 font-size: 13px;
 display: table;
}
#owl-blog ul.post_info li ,
#owl-blog2 ul.post_info li {
 display: inline;
}
#owl-blog iframe {
 min-height: 195px;
}
#owl-blog ul.post_info li a {
 font-size: 12px;
 color: #aaa;
 padding-left: 17px;
 margin-left: 14px;
 position: relative;
}
#owl-blog ul.post_info li a:hover,
#owl-blog2 ul.post_info li a:hover {
 color: #00a99d;
}
#owl-blog ul.post_info li a:hover:before,
#owl-blog2 ul.post_info li a:hover:before {
 background: #00a99d;
}
#owl-blog2 ul.post_info li a {
 font-size: 12px;
 color: #aaa;
 padding-left: 14px;
 margin-left: 14px;
 position: relative;
}
#owl-blog ul.post_info li a:before ,
#owl-blog2 ul.post_info li a:before {
 content: "";
 width: 8px;
 height: 8px;
 background: #e4e4e4;
 position: absolute;
 left: 0;
 top: 4px;
 transform: rotate(45deg);
 border-radius: 2px;
}
#owl-blog .up-item:hover .upi_blog_date span {
 background: #292929;
}
/******** Page Navigation (number) ******/.page-nav ul {
 display: table;
 margin: 20px auto 0;
 position: relative;
 left: -5px;
}
.blog-content-right .page-nav ul {
 display: table;
 margin: 20px auto 0;
 float: right;
 position: relative;
 left: 5px;
}
.page-nav ul li {
 float: left;
 margin: 0 5px;
}
.page-nav ul li a {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 border: 1px solid #dedede;
 width: 40px;
 height: 40px;
 background: transparent;
 display: table;
 text-align: center;
 line-height: 40px;
 font-size: 13px;
 font-weight: bold;
 color: #606060;
}
.page-nav ul li a span {
 font-size: 18px;
 position: relative;
 top: 3px;
}
.page-nav ul li a:hover,
.page-nav ul li.active a {
 border: 1px solid #00a99d;
 background: #00a99d;
 color: #e4e4e4;
}
/********* End of Page Navigation ******/.u-clients {
 padding: 50px 0;
}
#dark_home .u-clients .content-head {
 background: transparent;
}
#dark_home .u-clients .content-head h3 {
 background: #383838;
 color: #e4e4e4;
}
#dark_home .u-clients .content-head .owl-prev,
#dark_home .u-clients .content-head .owl-next {
 background: #f9f9f9 !important;
}
#dark_home .u-clients .content-head .owl-prev:hover,
#dark_home .u-clients .content-head .owl-next:hover {
 background: #00a99d !important;
}
#dark_home .u-clients .content-head .owl-prev:before,
#dark_home .u-clients .content-head .owl-next:before {
 color: #383838 !important;
}
#dark_home .u-clients .content-head .owl-prev:hover:before,
#dark_home .u-clients .content-head .owl-next:hover:before {
 color: #e4e4e4 !important;
}
#dark_home .blog_carousel .content-head.left {
 position:relative;
}
#dark_home .blog_carousel .content-head.left:before {
 content: "";
 position: absolute;
 top: 11px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background: #484848;
 z-index: -1;
}
#dark_home .blog_carousel .content-head.left:after {
 content: "";
 position: absolute;
 top: 16px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background: #484848;
 z-index: -1;
}
.u-works {
 padding: 50px 0;
}
.shots-wrap {
 padding: 80px 0 60px !important;
}
#dark_home .u-works.background_bg_black {
 background: #f9f9f9;
}
#dark_home .u-works {
 background: #f9f9f9;
}
/********** Custom Grid *********/.one_sixth {
 width: 16.6%;
 float: left;
 margin-right: 1px;
 margin-bottom: 1px;
}
.one_fourth {
 width: 20%;
 float: left;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
}
.one_fourth .upi-thumb {
 border-radius: 0px;
}
.up-item.one_fourth img {
 border-radius: 0px !important;
}
.one_fourth .upi-overlay {
 border-radius: 0px;
}
.one_fifth {
 width: 20%;
 float: left;
}
/******** Divider Heading Style ********/.content-head,
.portfolio_sep {
 margin: 0 10px 10px 0;
 font-weight: bold;
 text-transform: uppercase;
 color: #383838;
 position: relative;
}
.content-head:before {
 content: "";
 position: absolute;
 top: 11px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background-color: #dedede;
 background-image: -webkit-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -moz-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -o-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: linear-gradient(to right, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 z-index: -1;
}
.content-head:after {
 content: "";
 position: absolute;
 top: 16px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background-color: #dedede;
 background-image: -webkit-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -moz-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -o-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: linear-gradient(to right, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 z-index: -1;
}
.shortcode-element h3 {
 position:relative;
 font-size: 18px;
 font-weight: bold;
 text-transform: uppercase;
 color: #383838;
 margin:0 0 5px;
}
.shortcode-element h3 span {
 background: #f9f9f9;
 padding: 7px 10px 7px 0 !important;
 position: relative;
 top: 4px;
}
.content-head.left:before,
.shortcode-element h3:before {
 content: "";
 position: absolute;
 top: 11px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background: #dedede;
 z-index: -1;
}
.content-head.left:after,
.shortcode-element h3:after {
 content: "";
 position: absolute;
 top: 16px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background: #dedede;
 z-index: -1;
}
.post_share .content-head {
 background: url(../images/dv3.png) no-repeat center center;
}
.single-blog-post .content-head h3 {
 font-size: 26px;
 color: #383838;
 font-weight: 800;
}
.content-head h3 {
 color: #383838;
 font-size: 26px;
 font-weight: 800;
}
.content-head em {
 font-style: normal;
 background: #f9f9f9;
 padding: 0 57px;
 position: relative;
 display: table;
}
.head-tngl-left1 {
 background: #00a99d;
 width: 12px;
 height: 13px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 left: 24px;
 top: 8px;
 z-index: 99;
}
.head-tngl-left2 {
 background: #00a99d;
 width: 10px;
 height: 11px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 left: 18px;
 top: 9px;
 z-index: 99;
 opacity: 0.9;
}
.head-tngl-left3 {
 background: #00a99d;
 width: 8px;
 height: 8px;
 border-radius: 3px;
 position: absolute;
 transform: rotate(45deg);
 left: 12px;
 top: 11px;
 z-index: 99;
 opacity: 0.8;
}
.head-tngl-right1 {
 background: #00a99d;
 width: 12px;
 height: 13px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 right: 24px;
 top: 8px;
 z-index: 99;
}
.head-tngl-right2 {
 background: #00a99d;
 width: 10px;
 height: 11px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 right: 17px;
 top: 9px;
 z-index: 99;
 opacity: 0.7;
}
.head-tngl-right3 {
 background: #00a99d;
 width: 8px;
 height: 8px;
 border-radius: 3px;
 position: absolute;
 transform: rotate(45deg);
 right: 11px;
 top: 11px;
 z-index: 99;
 opacity: 0.4;
}
.dark em {
 background: transparent !important;
}
.dark:before ,
.dark:after {
 display: none !important;
}
.content-head.left h4 {
 background: #F9F9F9;
 padding-right: 15px;
 display: inline-block;
 margin: 0px;
 position: relative;
 top: 4px;
}
#dark_home .content-head.left h4 {
 background: #383838;
 color: #e4e4e4;
}
.content_head_icon {
 margin: 0 10px 10px 10px;
 font-size: 26px;
 font-weight: bold;
 text-transform: uppercase;
 color: #383838;
 position: relative;
}
.content_head_icon:before {
 content: "";
 height: 1px;
 background: #dedede;
 position: absolute;
 top: 28px;
 left: 0px;
 right: 0px;
 width: 100%;
}
.content_head_icon:after {
 content: "";
 height: 1px;
 background: #dedede;
 position: absolute;
 top: 33px;
 left: 0px;
 right: 0px;
 width: 100%;
}
.content-head.center {
 text-align: center;
 display: block;
}
.center_divider {
 display: inline-block;
 margin-bottom: 0;
 padding: 0;
 background: #f9f9f9;
 margin-top: 0;
 position: relative;
}
.center_divider_icon {
 display: inline-block;
 margin-bottom: 0;
 padding: 0 20px;
 background: #f9f9f9;
 margin-top: 0;
 position: relative;
 z-index:99;
}
.center_divider_icon i {
 font-size: 57px;
 color: #333;
}
.center_divider:before {
 /*   background: url("../images/left_arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0); */	content: "";
 display: inline-block;
 height: 29px;
 left: 0;
 line-height: 28.8px;
 margin-left: -25px;
 position: absolute;
 width: 28px;
 top: -2px;
}
.center_divider_icon:before {
 background: #dfdfdf;
 content: "";
 display: inline-block;
 height: 9px;
 left: 31px;
 line-height: 28.8px;
 margin-left: -25px;
 position: absolute;
 width: 9px;
 margin-top: -3px;
 top: 50%;
 transform: rotate(45deg);
}
.center_divider:after {
 /*   background: url("../images/right_arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0); */	content: "";
 display: inline-block;
 height: 29px;
 right: 0;
 line-height: 28.8px;
 margin-right: -25px;
 position: absolute;
 width: 28px;
 top: -2px;
}
.center_divider_icon:after {
 background: #dfdfdf;
 content: "";
 display: inline-block;
 height: 9px;
 right: 31px;
 line-height: 28.8px;
 margin-right: -25px;
 position: absolute;
 width: 9px;
 top: 50%;
 margin-top: -3px;
 transform: rotate(45deg);
}
.left_ar {
 float: left;
 left: -12px;
 position: relative;
 top: -5px;
}
.right_ar {
 position: relative;
 right: -12px;
 float: right;
 top: -4px;
}
.triangle_one {
 background: none repeat scroll 0 0 #00a99d;
 display: inline-block;
 height: 5px;
 transform: rotate(45deg);
 width: 5px;
 position: relative;
 left: 14px;
 top: -1px;
 opacity: 0.2;
}
.triangle_two {
 background: none repeat scroll 0 0 #00a99d;
 display: inline-block;
 height: 7px;
 left: 8px;
 position: relative;
 transform: rotate(45deg);
 width: 7px;
 top: -1px;
 opacity: 0.4;
}
.triangle_three {
 width: 10px;
 height: 10px;
 background: #00a99d;
 transform: rotate(45deg);
 display: inline-block;
}
.triangle_four {
 width: 10px;
 height: 10px;
 background: #00a99d;
 transform: rotate(45deg);
 display: inline-block;
}
.triangle_five {
 background: none repeat scroll 0 0 #00a99d;
 display: inline-block;
 height: 7px;
 right: 8px;
 position: relative;
 transform: rotate(45deg);
 width: 7px;
 top: -1px;
 opacity: 0.4;
}
.triangle_six {
 background: none repeat scroll 0 0 #00a99d;
 display: inline-block;
 height: 5px;
 transform: rotate(45deg);
 width: 5px;
 position: relative;
 right: 14px;
 top: -1px;
 opacity: 0.2;
}
span.small {
 color: #000000;
 font-size: 20px;
 font-weight: 500;
}
.service_with_icon {
 margin-bottom: 40px;
}
.service_with_icon h4 {
 margin-top: 20px;
 text-transform: uppercase;
 font-weight: 800;
 color: #606060;
}
.service_with_icon p {
 /* margin-top:15px; */	
}
/** Sub heading **/.content-sub {
 font-size: 18px;
 color: #000000;
 text-align: center;
 margin: 0 0 47px;
}
.content-sub-dark {
 color: #606060;
}
.b-radius {
 border-radius: 5px;
 overflow: hidden;
}
.about-services {
 margin-top: 8px;
}
.about-services p {
 font-size: 14px;
 margin-bottom: 25px;
}
#about-services,
#about-team {
 border-bottom: 1px solid #e4e4e4;
 padding: 60px 0;
}
#about-skills {
 padding: 60px 0 70px;
}
.home-skills {
 padding: 60px 0 35px !important;
}
#about-skills-dark {
 padding: 60px 0 10px;
}
#about-facts {
 padding: 60px 0 90px;
}
/************ Clients Carousel ***********/#owl-clients {
 margin-top: 50px;
}
#owl-clients .item ,
#owl-gallery .item {
 cursor: pointer;
}
#owl-clients .item img {
 opacity: 0.20;
 display: table;
 margin: 0 auto;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
#owl-clients .item:hover img {
 opacity: 1;
 -webkit-opacity: 100;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
/** In Dark Background **/.background_bg_black #owl-clients .item img {
 opacity: 0.30;
 display: table;
 margin: 0 auto;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.background_bg_black #owl-clients .item:hover img {
 opacity: 1;
}
/* Owl navigation Top Style */.owl_navigation_top .owl-prev {
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 opacity: 1 !important;
 position: relative !important;
 float: left !important;
}
.owl_navigation_top.nav_right .owl-prev {
 float: right !important;
}
.owl_navigation_top .owl-next {
 width: 30px !important;
 height: 30px !important;
 background: #383838 !important;
 border-radius: 4px !important;
 font-size: 0px !important;
 opacity: 1 !important;
 position: relative !important;
 float: right !important;
}
.owl_navigation_top .owl-buttons {
 top: -72px;
 position: absolute;
 width: 100%;
}
.owl_navigation_top.nav_right .owl-buttons {
 top: -52px !important;
}
.owl_navigation_top.nav_right .owl-buttons div {
 background: #fff;
}
.owl_navigation_top.nav_right .owl-buttons div {
 margin: 5px 2px !important;
}
.owl_navigation_top.nav_right .owl-prev {
 position: relative;
}
.owl_navigation_top.nav_right .owl-prev:after {
 content: "";
 position: absolute;
 left: -4px;
 width: 3px;
 height: 100%;
 background: #fff;
}
.owl_navigation_top .owl-prev:before ,
.owl_navigation_top .owl-next:before {
 content: "\44";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #E4E4E4;
 line-height: 30px;
 text-align: center;
 font-size: 25px;
 width: auto;
 position: absolute;
 right: 2px;
}
.owl_navigation_top.nav_right .owl-prev:before {
 content: "\45" !important;
}
.owl_navigation_top.nav_right .owl-next:before {
 content: "\44" !important;
}
div.background_bg_black .owl-buttons {
 position: absolute;
 left: 0;
 width: 100%;
 top: 50%;
 margin-top: 40px !important;
}
div.background_bg_black .owl-buttons.without_headings {
 margin-top: -15px;
}
div.background_bg_black .owl-buttons .owl-prev:hover:before {
 color: #00a99d;
}
div.background_bg_black .owl-buttons .owl-next:hover:before {
 color: #00a99d;
}
div.background_bg_black .owl-buttons.service_dark {
 position: absolute;
 left: 0;
 width: 100%;
 top: 50%;
 margin-top: -56px;
 z-index: 999;
}
.background_bg_black .owl-prev:before ,
.background_bg_black .owl-next:before {
 content: "\34";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #E4E4E4;
 line-height: 30px;
 text-align: center;
 font-size: 40px;
 width: auto;
 position: absolute;
}
div.background_bg_black .owl-prev,
div.background_bg_black .owl-next {
 background: transparent !important;
}
div.background_bg_black.nav_2 .owl-prev,
div.background_bg_black .owl-next {
 background: #e4e4e4 !important;
}
div.background_bg_black .owl-prev {
 left: -25px;
 position: absolute;
 cursor: pointer;
}
div.background_bg_black .owl-next {
 right: 20px;
 position: absolute;
 cursor: pointer;
}
div.background_bg_black .owl-prev:hover ,
div.background_bg_black .owl-next:hover {
 background-color: transparent !important;
}
div.background_bg_black .owl-next:before {
 content: "\35";
}
.owl_navigation_top .owl-next:before {
 content: "\45";
}
.owl_navigation_top .owl-next:hover,
.owl_navigation_top .owl-prev:hover {
 background: #00a99d !important;
}
/* background bg *//************ Quotation Carousel Style *********/#owl-quotation {
 position: relative;
 margin-top: 60px;
}
#owl-quotation.light p {
 color: #fff;
 font-size: 20px;
 line-height: 34px;
}
.qutation_info {
 padding: 10px 15px;
 background: #e4e4e4;
 display: inline-block;
 margin-top: 30px;
 margin-bottom: 20px;
 border-radius: 4px;
}
.qutation_info .name {
 text-transform: uppercase;
 font-weight: 700;
 font-size: 12px;
 color: #00a99d;
}
.qutation_info .position {
 font-style: italic;
 color: #aaa;
 font-size: 13px;
}
.about-quote2 {
 background: #00a99d;
}
.bg_color {
 background-size: cover;
 position: relative;
 min-height: 330px;
}
.bg_overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 background: rgba(41,160,151,0.7);
}
/********** Quotation Carousel Navigation Styling *********/#owl-quotation .owl-prev {
 width: 30px;
 height: 30px;
 background: #383838;
 border-radius: 4px;
 font-size: 0px;
 opacity: 1;
 position: relative;
}
#owl-quotation .owl-next {
 width: 30px;
 height: 30px;
 background: #383838;
 border-radius: 4px;
 font-size: 0px;
 opacity: 1;
 position: relative;
}
#owl-quotation .owl-next:hover,
#owl-quotation .owl-prev:hover {
 background: #00a99d;
}
#owl-quotation .owl-prev:before ,
#owl-quotation .owl-next:before {
 content: "\44";
 font-family: "ElegantIcons";
 height: 100%;
 top: 0px;
 color: #E4E4E4;
 line-height: 30px;
 text-align: center;
 font-size: 25px;
 width: auto;
 position: absolute;
 right: 2px;
}
#owl-quotation .owl-next:before {
 content: "\45";
}
.about-quote2 .owl-next:hover,
.about-quote2 .owl-prev:hover {
 background: #e4e4e4 !important;
}
.about-quote2 .owl-prev:hover:before ,
.about-quote2 .owl-next:hover:before {
 color: #00a99d !important;
}
/* qutation icon on row top */.quotation_icon {
 position: absolute;
 width: 100%;
 height: 50px;
 text-align: center;
 top: -20px;
 Z-INDEX: 8;
}
.quotation_icon span {
 display: inline-block;
 width: 40px;
 height: 40px;
 background: #383838;
 -ms-transform: rotate(134deg);
 -webkit-transform: rotate(134deg);
 transform: rotate(134deg);
 border-radius: 4px;
 z-index: 8;
}
.quotation_icon.green span {
 background: #00a99d;
}
.quotation_icon i {
 color: #fff;
 -ms-transform: rotate(-134deg);
 -webkit-transform: rotate(-134deg);
 transform: rotate(-134deg);
 position: absolute;
 right: 11px;
 top: 11px;
 font-size: 17px;
}
.quotation_icon i.fa-caret-up {
 color: #FFF;
 transform: rotate(-134deg);
 position: absolute;
 right: 15px;
 top: 15px;
 font-size: 17px;
 width: 40px;
 height: 40px;
 line-height: 80px;
}
.quotation_icon.group i {
 bottom: 28px;
 color: #fff;
 font-size: 17px;
 position: absolute;
 right: 11px;
 top: 11px;
 transform: rotate(-134deg);
 bottom: 10px;
}
.triangle-icon {
 position: absolute;
 width: 100%;
 height: 50px;
 text-align: center;
 top: -20px;
 z-index: 8;
}
.triangle-icon span {
 display: inline-block;
 width: 40px;
 height: 40px;
 background: #000;
 -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 border-radius: 4px;
 z-index: 8;
}
.triangle-icon.green span {
 background: #00a99d;
}
.triangle-icon i {
 color: #fff;
 position: absolute;
 bottom: 28px;
 right: 6px;
 top: 15px;
 font-size: 19px;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
/******** End Owl Qutation styling ********/#tabs li a {
 line-height: 20px;
 font-size: 12px !important;
 font-weight: 700;
 font-family: Raleway;
 padding: 9px 12px;
 letter-spacing: -0.07px;
}
div.ui-tabs .ui-tabs-panel {
 display: inline-block;
 border-radius: 4px;
 border-top-left-radius: 0;
}
/********* Center Icon *************/.center_icon {
 display: inline-block;
 margin-bottom: 20px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.center_icon_wrapper {
 cursor: pointer;
}
.center_icon_wrapper:hover h3 {
 background: #00a99d;
}
.center_icon_wrapper:hover h4 {
 color: #00a99d;
}
.center_icon_wrapper:hover h5 {
 color: #00a99d;
}
#dark_home .center_icon_wrapper h3 {
 border: 1px solid #444;
}
#dark_home .center_icon_wrapper .btn-small {
 border: 1px solid #484848;
}
#dark_home .center_icon_wrapper i {
 color: #00a99d;
}
#dark_home .center_icon_wrapper:hover i {
 color: #e4e4e4;
}
#dark_home .center_icon_wrapper h5 {
 color: #e4e4e4;
}
#dark_home .center_icon_wrapper:hover h5 {
 color: #00a99d;
}
.center_icon_wrapper h5 {
 text-transform: uppercase;
}
.center_icon_wrapper:hover i {
 color: #f9f9f9;
}
.center_icon_wrapper:hover .center_box_icon.circle.dark {
 background: #00a99d;
 border-color: #00a99d;
}
.center_icon_wrapper:hover .btn-small {
 background: #00a99d;
 color: #e4e4e4;
}
.center_icon i {
 font-size: 45px;
}
.uppercase {
 text-transform: uppercase;
}
/**************** Left Icon *************/.left_icon {
 display: inline-block;
 margin-bottom: 20px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
 float: left;
 margin-top: 0;
}
.left_icon.big {
 margin-top: 10px;
}
.left_icon i {
 font-size: 45px;
}
.left_icon_text {
 padding-left: 90px;
}
.left_icon_wrapper {
 cursor: pointer;
}
#dark_home .left_icon_wrapper i {
 color: #e4e4e4;
}
#dark_home .left_icon_wrapper .btn-small {
 border: 1px solid #484848;
}
#dark_home .left_icon_wrapper:hover h4,
#dark_home .left_icon_wrapper:hover i {
 color: #00a99d;
}
#dark_home .left_icon_wrapper:hover .btn-small {
 background: #00a99d;
 color: #e4e4e4;
}
#dark_home .left_box_icon {
 border-right: 1px solid #484848;
}
/************* Circular Icon with  Steps *************/.step_circle {
 position: relative;
}
h3.center_box_icon.step_circle {
 border: 1px solid #00a99d;
}
h3.center_box_icon.step_circle i {
 color: #00a99d;
}
h3.center_box_icon.step_circle:hover {
 background: #383838;
 border: 1px solid #383838;
}
h3.center_box_icon.step_circle:hover i {
 color: #e4e4e4;
}
h3.center_box_icon.step_circle:hover .step_number {
 background: #00a99d;
 color: #e4e4e4;
}
.step_number {
 position: absolute;
 background: none repeat scroll 0% 0% #383838;
 color: #FFF;
 font-size: 12px;
 border-radius: 50%;
 padding: 0;
 height: 27px;
 width: 27px;
 line-height: 25px;
}
.step_number.left {
 left: 0;
 bottom: -5px;
}
.step_number.right {
 right: -6px;
 top: 0;
}
/************ Center Box icon *************/.center_box_icon {
 display: inline-block;
 padding: 21px 22px;
 border: 1px solid #dedede;
 border-radius: 5px;
 width: 70px;
 height: 70px;
 margin-bottom: 20px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.col-md-4 .center_box_icon {
 width: 90px !important;
 height: 90px !important;
 padding: 29px 17px !important;
}
.services-app5 .col-md-4:hover {
 cursor: pointer;
}
.services-app5 .col-md-4:hover .center_box_icon_small {
 width: 40px !important;
 height: 40px !important;
 text-align: center;
 line-height: 36px !important;
 padding: 0 !important;
 background: #383838;
 border-color: #383838;
}
.col-md-4 .center_box_icon_small {
 width: 40px !important;
 height: 40px !important;
 text-align: center;
 line-height: 36px !important;
 padding: 0 !important;
}
.center_box_icon.circle {
 display: inline-block;
 padding: 21px 22px;
 border: 1px solid #dedede;
 border-radius: 50%;
 width: 70px;
 height: 70px;
 margin-bottom: 20px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
#services-app .center_box_icon.circle {
 display: inline-block;
 padding: 0px;
 border: 1px solid #00a99d;
 border-radius: 50%;
 width: 80px;
 height: 80px;
 margin-bottom: 20px;
 transition: all 0.3s ease 0s;
 text-align: center;
 line-height: 78px;
}
.services_orbit .col-md-3 i {
 font-size: 24px;
 color: #00a99d;
 position: absolute;
 top: 48px;
 left: 0;
 right: 0;
 z-index: 9999;
}
#services-app .col-md-3:hover .center_box_icon {
 background: #383838;
 color: #fff;
 border-color: #383838;
}
#services-app .col-md-3:hover {
 cursor: pointer;
}
#services-app .col-md-3:hover h3.center_box_icon.step_circle .step_number {
 background: #00a99d;
 color: #e4e4e4;
}
#services-app .center_box_icon:hover.circle {
 border: 1px solid #383838;
}
#services-app .center_box_icon.circle i {
 font-size: 24px;
}
#services-app .col-md-3 h5 {
 margin-bottom: 0;
}
#services-app .col-md-3:hover h5 {
 color: #00a99d;
}
.center_box_icon.circle.dark {
 background: #383838;
 border-color: #383838;
 width: 80px !important;
 height: 80px !important;
}
.center_box_icon.circle.dark i {
 color: #e4e4e4;
}
.center_box_icon.small_circle {
 border: 1px solid #dedede;
 border-radius: 50%;
 display: inline-block;
 height: auto;
 padding: 15px 16px;
 text-align: center;
 transition: all 0.3s ease 0s;
 width: auto;
 border: 1px solid #00a99d;
 margin-right: 7px;
 line-height: 18px;
}
.center_box_icon.small_circle i {
 font-size: 17px;
 text-align: center;
}
.center_box_icon.small_circle + h5 {
 display: inline-block;
}
.center_box_icon.circle.left {
 margin-top: 0;
}
.alignleft + .left_icon_text h5 {
 margin-bottom: 0;
}
.alignleft + .left_icon_text span.small {
 margin-bottom: 10px;
}
.center_box_icon.dark_hover {
 background: #00a99d;
}
.center_box_icon.dark_hover i {
 color: #fff;
}
.center_box_icon:hover {
 background: #00a99d;
}
.center_box_icon.dark_hover:hover {
 background: #606060;
}
.center_box_icon:hover i {
 color: #fff;
}
.center_box_icon i {
 font-size: 25px;
}
.center_box_icon +h4 {
 display: inline-block;
}
/************ Left Box icon *********/.left_box_icon {
 float: left;
 padding-right: 20px;
 margin-right: 20px;
 border-right: 2px solid #dedede;
 margin-top: 0;
}
.left_box_icon i {
 font-size: 31px;
}
.left_icon + h4 {
 margin-bottom: 3px;
 margin-top: 0;
 font-size: 14px;
 text-transform: uppercase;
}
/*********** Dark Background Class *********/.background_bg_black {
 background: #383838;
 position: relative;
}
.background_bg_black h5 {
 color: #e4e4e4;
}
.background_bg_black h4 {
 color: #e4e4e4;
}
.background_bg_black .quotation_icon span {
 background: #00a99d;
}
.background_bg_black .center_divider {
 background: #383838;
 color: #fff;
}
#dark_home .u-works.background_bg_black .center_divider {
 background: #f9f9f9;
 color: #383838;
}
.background_bg_black .content-head {
 background: transparent;
}
#dark_home .u-works.background_bg_black .content-head {
 background: url("../images/dv2.png") no-repeat center center;
}
.background_bg_black .owl_navigation_top .owl-buttons {
 top: 50%;
 margin-top: -12px;
}
.background_bg_black  .owl-prev {
 position: relative;
 left: -30px;
}
.background_bg_black  .owl-next {
 position: relative;
 right: -45px;
}
.background_bg_black .upi-inner {
 background: #fff;
}
/********** Call to Action (Before Footer) ***********/.u-cta {
 /* background: url(../demo/home/bg.jpg) no-repeat top fixed; */
 position: relative;
 overflow: hidden;
}
.u-cta .col-md-9,
.u-cta .col-md-3 {
 padding: 65px 0;
}
.u-cta .bg_image {
 float: left;
 height: auto;
 position: absolute;
}
.u-cta .bg_image + h3 {
 margin-left: 20px;
 line-height: 90px;
}
.u-cta h3 {
 margin: 6px 0 0 0;
 font-size: 26px;
 float: left;
 margin-left: 120px;
 color: #fff;
}
/* Background overlay image in Call to action */.bg_overlay_image {
 width: 100%;
 height: 162px;
 position: absolute;
 left: 0;
 top: 12px;
}
.bg_overlay_image.app img {
 position: relative;
 top: 30px;
}
.u-cta .bg_overlay_image.app + h3 {
 float: left;
 font-size: 26px;
 margin: 6px 0 0 270px;
}
/********** sidebar product gallery **********/.prodcut_wrap {
 float: left;
 width: 49%;
 margin-right: 2px;
 position: relative;
}
.prodcut_wrap .overlay {
 position: absolute;
 width: 100%;
 left: 0;
 height: 100%;
 top: 0;
 background: rgba(0, 169, 157, 0.8);
 transition: all 0.4s ease 0s;
 visibility: hidden;
 opacity: 0;
}
.prodcut_wrap:hover .overlay {
 visibility: visible;
 opacity: 1;
}
.overlay .inner {
 bottom: 0;
 display: table-cell;
 height: 40px;
 left: 0;
 margin: auto;
 position: absolute;
 right: 0;
 top: 0;
 width: 100%;
 text-align: center;
}
.overlay .inner span {
 color: #e4e4e4;
 font-weight: bold;
}
.overlay .inner .star {
 width: 100%;
 float: left;
 margin-top: 10px;
}
.overlay .inner .star i {
 color: #e4e4e4;
}
.product_wrap img {
 border-radius: 4px;
}
/************ Footer Social Icons *********/.u-social {
 background: #333333;
 padding: 12px 0 60px;
}
.u-social ul {
 display: table;
 margin: 0 auto;
}
.u-social ul li {
 float: left;
 margin: 0 5px;
}
.u-social ul li a {
 width: 30px;
 height: 30px;
 border: 1px solid #fff;
 border-radius: 4px;
 display: table;
 padding: 4px 0 0;
 text-align: center;
 font-size: 16px;
}
.u-social ul li a:hover {
 color: #e3e3e3 !important;
}
.u-social ul li:nth-child(1) a {
 border: 1px solid #527dbd;
 color: #527dbd;
}
.u-social ul li:nth-child(2) a {
 border: 1px solid #2ca8d2;
 color: #2ca8d2;
}
.u-social ul li:nth-child(3) a {
 border: 1px solid #ff4e4e;
 color: #ff4e4e;
}
.u-social ul li:nth-child(4) a {
 border: 1px solid #ff9900;
 color: #ff9900;
}
.u-social ul li:nth-child(5) a {
 border: 1px solid #6fd4e4;
 color: #6fd4e4;
}
.u-social ul li:nth-child(6) a {
 border: 1px solid #f94d2d;
 color: #f94d2d;
}
.u-social ul li:nth-child(7) a {
 border: 1px solid #00a2ff;
 color: #00a2ff;
}
.u-social ul li:nth-child(8) a {
 border: 1px solid #eb6fa3;
 color: #eb6fa3;
}
.u-social ul li:nth-child(9) a {
 border: 1px solid #6b8850;
 color: #6b8850;
}
.u-social ul li:nth-child(10) a {
 border: 1px solid #b18abf;
 color: #b18abf;
}
.u-social ul li:nth-child(11) a {
 border: 1px solid #ff6e46;
 color: #ff6e46;
}
.u-social ul li:nth-child(1) a:hover {
 background-color: #527dbd;
}
.u-social ul li:nth-child(2) a:hover {
 background-color: #2ca8d2;
}
.u-social ul li:nth-child(3) a:hover {
 background-color: #ff4e4e;
}
.u-social ul li:nth-child(4) a:hover {
 background-color: #ff9900;
}
.u-social ul li:nth-child(5) a:hover {
 background-color: #6fd4e4;
}
.u-social ul li:nth-child(6) a:hover {
 background-color: #f94d2d;
}
.u-social ul li:nth-child(7) a:hover {
 background-color: #00a2ff;
}
.u-social ul li:nth-child(8) a:hover {
 background-color: #eb6fa3;
}
.u-social ul li:nth-child(9) a:hover {
 background-color: #6b8850;
}
.u-social ul li:nth-child(10) a:hover {
 background-color: #b18abf;
}
.u-social ul li:nth-child(11) a:hover {
 background-color: #ff6e46;
}
.u-social ul li:nth-child(1) .tooltip-inner {
 color: #527dbd;
}
.u-social ul li:nth-child(2) .tooltip-inner {
 color: #2ca8d2;
}
.u-social ul li:nth-child(3) .tooltip-inner {
 color: #ff4e4e;
}
.u-social ul li:nth-child(4) .tooltip-inner {
 color: #ff9900;
}
.u-social ul li:nth-child(5) .tooltip-inner {
 color: #6fd4e4;
}
.u-social ul li:nth-child(6) .tooltip-inner {
 color: #f94d2d;
}
.u-social ul li:nth-child(7) .tooltip-inner {
 color: #00a2ff;
}
.u-social ul li:nth-child(8) .tooltip-inner {
 color: #eb6fa3;
}
.u-social ul li:nth-child(9) .tooltip-inner {
 color: #6b8850;
}
.u-social ul li:nth-child(10) .tooltip-inner {
 color: #b18abf;
}
.u-social ul li:nth-child(11) .tooltip-inner {
 color: #ff6e46;
}
.tooltip.bottom .tooltip-arrow {
 bottom: 0;
 left: 50%;
 margin-top: 10px;
 margin-left: -5px;
 border-color: #d3d3d3 transparent;
 border-width: 0 5px 5px;
}
.tooltip-inner {
 color: #000;
 background: #e4e4e4;
 border: solid 1px #e4e4e4;
 margin-top: 10px;
}
.owl-carousel .owl-wrapper-outer {
 z-index: 9;
}
/*********** Progress Bar (Skills) ***********/.skill {
 margin: 0 0 10px 0;
}
.skill .name {
 color: #e4e4e4;
 font-size: 11px;
 font-weight: 500;
 padding: 6px 5px 6px 10px;
 position: absolute;
 width: 100%;
 z-index: 888;
}
.skill .bar {
 width: 100%;
 height: 30px;
 background: #e9e9e9;
 border-radius: 4px;
}
.skill .bar .value {
 position: relative;
 width: 0%;
 height: 30px;
 background-color: #00a99d;
 border-radius: 4px;
}
.skill .bar .value .count {
 display: none;
}
/****************** PiE Charts *********************/.easyPieChart {
 position: relative;
 text-align: center;
}
.easyPieChart .barcolor {
 background:#ff0000 !important;
}
.easyPieChart span {
 line-height: 120px;
 font-weight: 800;
 font-size: 30px;
}
.background_bg_black .easyPieChart span {
 font-weight: 800;
 font-size: 25px;
 line-height: 140px !important;
}
.background_bg_black .easyPieChart {
 font-weight: 800;
 font-size: 16px;
}
.easyPieChart canvas {
 position: absolute;
 top: 0;
 left: 0;
}
.chart-wrap {
 text-align: center;
}
.chart {
 display: inline-block;
 margin: 0;
 width: 120px;
}
div.chart:last-child {
 margin-right: 0;
}
.easyPieChart {
 position: relative;
 text-align: center;
 font-size: 16px;
}
.easyPieChart canvas {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0;
 display: table;
 margin: 0 auto;
}
.chart .chart-label {
 display: inline-block;
 padding: 10px 0;
 text-align: center;
 width: 100%;
 margin-top: 10px;
}
.chart {
 display: table;
 margin: 0px auto;
 width: 150px !important;
}
.chart.dark {
 color: #e4e4e4;
 display: table;
 margin: 0px auto;
 width: 150px !important;
}
.chart.light .chart-label {
 font-weight: 700;
 text-transform: uppercase;
 color: #606060;
 font-size: 14px;
}
.background_bg_black .chart-label {
 font-weight: 700;
 text-transform: uppercase;
 color: #8a8a8a;
 font-size: 14px;
}
.no-rotate {
 transform: rotate(-135deg) !important;
 bottom: auto !important;
 right: 10px !important;
 top: 10px !important;
}
.contact-form .col-sm-6,
.contact-form .col-sm-12 {
 padding-bottom: 0;
}
/************** Counter styling ************/span.counter {
 font-size: 70px;
 font-weight: 600;
 font-style: italic;
 position: relative;
 display: block;
}
span.counter:before {
 background: #e4e4e4;
 content: "";
 display: inline-block;
 height: 10px;
 left: 50px;
 position: absolute;
 top: 50%;
 transform: rotate(45deg);
 margin-top: -5px;
 width: 10px;
}
.background_bg_black span.counter {
 color: #e4e4e4;
}
.background_bg_black span.counter:before {
 background: #8a8a8a;
}
.background_bg_black span.counter:after {
 background: #8a8a8a;
}
span.counter:hover:before {
 background: #00a99d;
}
span.counter:hover:after {
 background: #00a99d;
}
span.counter:after {
 background: #e4e4e4;
 content: "";
 display: inline-block;
 height: 10px;
 right: 50px;
 position: absolute;
 top: 50%;
 transform: rotate(45deg);
 margin-top: -5px;
 width: 10px;
}
div.counter_desc {
 position: relative;
 border-top: 1px solid #dedede;
 margin-top: 10px;
 display: block;
 text-align: center;
}
.background_bg_black div.counter_desc {
 border-top: 1px solid #8a8a8a;
}
.counter_desc h5 {
 margin-top: 0;
 text-transform: uppercase;
}
.background_bg_black .counter_desc h5 {
 color: #8a8a8a;
}
span.center_icon_border {
 text-align: center;
 font-size: 16px;
 color: #00a99d;
 position: relative;
 top: -10px;
 background: #f9f9f9;
 padding: 0 10px;
}
.background_bg_black span.center_icon_border {
 background: #383838;
}
/*********************** Banners ************************/.banner {
 background: #e4e4e4;
 position: relative;
}
.banner .left_section {
 float: left;
}
.banner .left_section span {
 float: left;
 clear: both;
}
.banner .left_section a {
 float: left;
 clear: both;
 position: relative;
 bottom: 10px;
 position: absolute;
 left: 10px;
}
.banner .left_section a {
 font-size: 12px;
 font-weight: 500;
 color: #00A99D;
 text-transform: uppercase;
 bottom: 30px;
 left: 20px;
}
.banner .left_section a i {
 line-height: 19px;
}
.banner .left_section span.heading1 {
 font-weight: 800;
 font-size: 28px;
 text-transform: uppercase;
 margin-top: 40px;
 margin-left: 20px;
 margin-bottom: 3px;
 line-height: 11px;
}
.banner .left_section span.heading2 {
 font-weight: 500;
 font-size: 22px;
 text-transform: uppercase;
 margin-left: 20px;
 margin-top: 0;
}
.banner .right_section {
 float: right;
}
.banner .right_section img {
 margin-right: 10px;
}
.one_fourth.banner {
 width: 24.90%;
 margin-right: 0px;
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 margin-bottom: 0px;
}
.u-banner .row {
 margin: 0 -16px;
}
.u-banner .one_fourth.banner:nth-child(1) {
 border-radius: 5px 0 0 !important;
}
.u-banner .one_fourth.banner:nth-child(4) {
 border-radius: 0 5px 0 0 !important;
}
/********* Shop products styling ***********/.product.no_padding {
 padding: 0 8px;
 margin-bottom: 30px;
}
.product {
 position: relative;
}
.on_sale {
 position: absolute;
 right: 0;
 top: 0;
 float: right;
 width: 100%;
}
.on_sale:before {
 border-bottom: 74px solid transparent;
 border-left: 64px solid transparent;
 border-right: 74px solid #00a99d;
 content: "";
 height: 0;
 position: absolute;
 right: 1px;
 top: -6px;
 width: 0;
 z-index: 9;
}
.on_sale .left_corner {
 border-bottom: 6px solid #008b7f;
 border-right: 6px solid transparent;
 border-top: 6px solid transparent;
 height: 0;
 position: absolute;
 right: 69px;
 top: -12px;
 width: 0;
 z-index: 99;
}
.on_sale .right_corner {
 border-bottom: 8px solid #008B7F;
 border-right: 7px solid transparent;
 border-top: 0px solid transparent;
 bottom: -68px;
 height: 0;
 position: absolute;
 right: 1px;
 width: 0;
 z-index: 99;
}
.on_sale span.text {
 color: #fff;
 position: absolute;
 right: 4px;
 top: 7px;
 transform: rotate(45deg);
 z-index: 999;
 font-weight: 700;
}
.product .wrapper {
 padding: 16px;
 border: 1px solid #dedede;
 text-align: center;
 float: left;
 width: 100%;
 border-radius: 4px;
 margin-bottom: 20px;
}
.product .wrapper .image {
 position: relative;
 text-align: center;
 FLOAT: LEFT;
 WIDTH: 100%;
}
.product .wrapper .image img {
 float: left;
 width: 100%;
}
.product .wrapper .price {
 position: relative;
 bottom: 22px;
 padding: 7px 14px;
 background: #f9f9f9;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 font-size: 12px;
 font-weight: 600;
}
.product.overlay_content .wrapper .price {
 position: relative;
 bottom: 22px;
 padding: 7px 14px;
 background: transparent;
 border-radius: 0;
 font-size: 12px;
 font-weight: 600;
 font-size: 20px;
}
.product.overlay_content .upio-inner {
 width: 100%;
}
.product.overlay_content h5 {
 color: #f9f9f9;
}
.product.overlay_content .center_icon_border .icon_wrap,
.product.overlay_content span.center_icon_border {
 background: transparent !important;
 border: 0;
 margin-top: 30px;
}
.product.overlay_content .big_heart {
 font-size: 30px !important;
 display: block;
 color: #00a99d;
}
.product.overlay_content .add_to_cart {
 margin-top: 6px;
 padding: 10px 30px !important;
}
.product.overlay_content .compare_button {
 margin-top: 6px;
 border-bottom: 1px solid #dedede !important;
}
.product.overlay_content .upi-overlay {
 background: rgba(0,0,0,0.7);
}
.product .wrapper .image:hover .upi-overlay {
 opacity: 1;
 visibility: visible;
}
.product .wrapper .image .upi-overlay a:before {
 background: transparent;
}
.product .wrapper .image .upi-overlay a span {
 color: #e4e4e4;
 font-size: 37px;
 position: relative;
}
.product .wrapper .image:hover .upi-overlay a {
 left: 13px;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -ms-transition: 0.3s ease;
 -o-transition: 0.3s ease;
 transition: 0.3s ease;
}
.product .wrapper h5 {
 margin-top: 0;
 margin-bottom: 20px;
}
.product .wrapper p {
 text-align: left;
 margin-top: 10px;
 margin-bottom: 20px;
 float: left;
}
.product .wrapper .center_icon_border {
 border-bottom: 1px solid #ddd;
 border-top: 1px solid #ddd;
 display: block;
 height: 6px;
 position: relative;
 width: 100%;
 margin-top: 10px;
 float: left;
}
.product .wrapper .center_icon_border .icon_wrap {
 background: #f9f9f9;
 display: inline-block;
 height: 11px;
 margin-top: -22px;
 padding: 0 10px;
 position: relative;
 top: -4px;
}
.product .wrapper .center_icon_border i {
 font-size: 12px;
 position: relative;
 top: -8px;
}
.product .wrapper .center_icon_border i.grey {
 color: #e4e4e4;
}
.product .wrapper .add_to_cart {
 padding: 10px 14px;
 background: #383838;
 border-radius: 4px;
 color: #e4e4e4;
 float: left;
 text-transform: uppercase;
 font-size: 13px;
 font-weight: 800;
 line-height: 20px;
}
.product .wrapper .add_to_cart i {
 margin-left: 5px;
}
.product .wrapper .add_to_cart:hover {
 background: #00a99d;
}
.product .wrapper .like_button {
 float: left;
 border: 1px solid #dedede;
 border-radius: 4px;
 padding: 5px 11px;
 font-size: 20px;
 margin-left: 5px;
 line-height: 30px;
}
.product .wrapper .compare_button {
 float: left;
 border: 1px solid #dedede;
 border-radius: 4px;
 padding: 5px 11px;
 font-size: 20px;
 margin-left: 5px;
 line-height: 30px;
}
/********* Orbutton Divider *********/.orbutton_section {
 background: #00a99d;
 text-align: center;
 padding: 20px 0;
}
.orbutton_section .btn-regular {
 font-size: 13px;
 padding-top: 10px;
 padding-bottom: 10px;
}
.orbutton_section.in_dark {
 background: transparent;
}
.orbutton_section a {
 display: inline-block;
 background: #e4e4e4;
 margin-right: -20px;
 color: #606060;
 border: 1px solid #e4e4e4;
}
.orbutton_section a:hover {
 border-color: #e4e4e4 !important;
 color:#e4e4e4 !important;
}
.orbutton_section.in_dark a {
 display: inline-block;
 background: #00a99d;
 margin-right: -20px;
 color: #e4e4e4;
 border: 1px solid #00a99d;
}
.orbutton_section.in_dark a:hover {
 border-color: #00a99d !important;
 background: #383838;
 color: #00a99d;
}
.orbutton_section a.one {
 padding-right: 45px;
 padding-left: 35px;
 position: relative;
 overflow: visible;
}
.orbutton_section a.one:before {
 content: 0;
 width: 0;
 height: 0;
 border-right: 10px solid transparent;
 border-left: 10px solid transparent;
 border-bottom: 10px solid #00a99d;
 position: absolute;
 left: 65px;
 content: "";
 top: -32px;
}
.orbutton_section.in_dark a.one:before {
 display: none;
}
.orbutton_section.in_dark a.two:before {
 display: none;
}
.orbutton_section a.two:before {
 content: 0;
 width: 0;
 height: 0;
 border-right: 10px solid transparent;
 border-left: 10px solid transparent;
 border-top: 10px solid #00a99d;
 position: absolute;
 left: 65px;
 content: "";
 bottom: -31px;
}
.orbutton_section a.two {
 padding-left: 45px;
 padding-right: 35px;
 position: relative;
 overflow: visible;
 z-index: 999;
}
.orbutton_section a + span {
 background: #383838;
 padding: 9px 10px;
 color: #e4e4e4;
 transform: rotate(45deg);
 display: inline-block;
 z-index: 1111;
 position: relative;
 border-radius: 4px;
 width: 41px;
 height: 40px;
 text-transform: uppercase;
 font-weight: 800;
 font-size: 16px;
 top: 2px;
}
.orbutton_section.in_dark a + span {
 background: #e4e4e4;
 color: #606060;
 text-transform: uppercase;
 padding: 9px 10px;
 transform: rotate(45deg);
 display: inline-block;
 z-index: 1111;
 position: relative;
 border-radius: 4px;
 width: 41px;
 height: 40px;
 font-weight: 800;
 font-size: 16px;
 top: 2px;
}
.orbutton_section a + span span {
 transform: rotate(-45deg);
 display: inline-block;
}
.orbutton_section a + span + a {
 margin-left: -20px;
}
/************ Google map *****8*********/.google-map-container {
 width: 100%;
 height: 500px;
 background: #dddddd;
}
/* Diamond list icon */ul.diamond li {
 position: relative;
 font-size: 13px;
 font-weight: 700;
 color: #606060;
 margin-bottom: 12px;
 display: block;
}
ul.diamond li:before {
 background: none repeat scroll 0 0 #00a99d;
 content: "";
 display: inline-block;
 float: left;
 height: 7px;
 line-height: 20px;
 margin-right: 10px;
 margin-top: 6px;
 transform: rotate(45deg);
 width: 7px;
 border-radius: 2px;
}
ul.diamond1 li {
 position: relative;
 font-size: 13px;
 font-weight: 700;
 color: #606060;
 margin-bottom: 12px;
 display: block;
}
ul.diamond1 li:before {
 background: #fff;
 border:1px solid #00a99d;
 content: "";
 display: inline-block;
 float: left;
 height: 7px;
 line-height: 20px;
 margin-right: 10px;
 margin-top: 6px;
 transform: rotate(45deg);
 width: 7px;
 border-radius: 2px;
}
ul.list-custom li {
 position: relative;
 font-size: 13px;
 font-weight: 700;
 color: #606060;
 margin-bottom: 12px;
 display: block;
}
ul.list-custom li span {
 color: #00a99d;
 display: inline-block;
 float: left;
 margin-right: 3px;
}
/******* Drop cap styling ************/span.dropcap {
 font-size: 36px;
 font-weight: 800;
 color: #e4e4e4;
 background: #00a99d;
 border-radius: 4px;
 padding: 17px 13px;
 float: left;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 10px;
}
span.dropcap1 {
 font-size: 36px;
 font-weight: 800;
 color: #e4e4e4;
 background: #383838;
 border-radius: 4px;
 padding: 17px 13px;
 float: left;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 10px;
}
/********** Center social icons in border **********/.center_social_border {
 border-bottom: 1px solid #ddd;
 border-top: 1px solid #ddd;
 display: block;
 float: left;
 height: 6px;
 margin-top: 10px;
 position: relative;
 width: 100%;
 text-align: center;
}
.center_social_border.dark {
 border-bottom: 1px solid #404040;
 border-top: 1px solid #404040;
}
.center_social_border .icon_wrap {
 background: #f9f9f9;
 display: inline-block;
 height: 11px;
 margin-top: -22px;
 padding: 0 20px;
 position: relative;
 top: -8px;
}
.aside-content-right .center_social_border .icon_wrap {
 background: #f9f9f9;
 display: inline-block;
 height: 11px;
 margin-top: 6px;
 padding: 0 20px;
 position: relative;
 top: -8px;
}
.center_social_border.dark .icon_wrap {
 background: #444;
}
.center_social_border .icon_wrap a {
 display: table;
 float: left;
 font-size: 16px;
 height: 32px;
 line-height: 32px;
 position: relative;
 text-align: center;
 width: 32px;
 top: -11px;
}
.center_social_border .icon_wrap a:hover {
 z-index: 999;
}
.center_social_border.dark .icon_wrap a:before {
 background: #e4e4e4;
}
.center_social_border .icon_wrap a:hover:before {
 background: #00a99d;
 color: #e4e4e4;
}
.center_social_border.dark .icon_wrap a:hover i {
 color: #e4e4e4;
}
.btn-regular.dark {
 background: #383838;
 display: inline-block;
 float: none;
 margin-top: 20px;
}
.center_social_border .icon_wrap a:before {
 background: none repeat scroll 0 0 #383838;
 border-radius: 4px;
 content: "";
 display: table;
 height: 32px;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 transform: rotate(45deg);
 width: 32px;
}
.center_social_border i {
 color: #e4e4e4;
 position: relative;
}
.center_social_border.size i {
 font-style: normal;
 font-size: 13px;
 font-weight: bold;
}
.center_social_border.dark i {
 color: #383838;
}
/********** Owl slider (Fullwidth) button styling ***************/.owl_single .item img {
 width: 100%;
}
.owl_single .owl-buttons,
.owl_single1 .owl-buttons {
 float: left;
 width: 100%;
 position: absolute;
 z-index: 999;
 top: 50%;
 margin-top: -35px;
}
.owl_single img ,
.owl_single1 img {
 border-radius: 4px;
}
.owl_single .owl-buttons div.owl-prev:before ,
.owl_single1 .owl-buttons div.owl-prev:before {
 color: #e4e4e4;
 content: "4";
 font-family: "ElegantIcons";
 font-size: 30px;
 height: 100%;
 line-height: 60px;
 position: absolute;
 right: 0;
 text-align: center;
 top: 0;
 width: 100%;
}
.owl_single .owl-buttons div.owl-prev ,
.owl_single1 .owl-buttons div.owl-prev {
 border-radius: 0 4px 4px 0 !important;
}
.owl_single .owl-buttons div.owl-next ,
.owl_single1 .owl-buttons div.owl-next {
 border-radius: 4px 0 0 4px !important;
}
.owl_single .owl-buttons div.owl-next:before ,
.owl_single1 .owl-buttons div.owl-next:before {
 color: #e4e4e4;
 content: "5";
 font-family: "ElegantIcons";
 font-size: 30px;
 height: 100%;
 line-height: 60px;
 position: absolute;
 right: 0;
 text-align: center;
 top: 0;
 width: 100%;
}
.owl_single .owl-buttons div ,
.owl_single1 .owl-buttons div {
 background: rgba(0,0,0,0.5) !important;
 width: 40px !important;
 height: 60px !important;
 border-radius: 0 !important;
 left: 0 !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 padding: 0 !important;
 position: relative;
 top: 50%;
 z-index: 999;
}
.owl_single .owl-buttons div.owl-next ,
.owl_single1 .owl-buttons div.owl-next {
 float: right !important;
}
.owl_single .owl-buttons div.owl-prev ,
.owl_single1 .owl-buttons div.owl-prev {
 float: left !important;
}  /************* TimeLine styling *****************/
.cd-container {  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
 width: 90%;
 max-width: 1170px;
 margin: 0 auto;
}
.cd-container::after {  /* clearfix */
 content: '';
 display: table;
 clear: both;
}
#cd-timeline {
 position: relative;
 padding: 2em 0;
 margin-top: 2em;
 margin-bottom: 2em;
}
#cd-timeline::before {  /* this is the vertical line */
 content: '';
 position: absolute;
 top: 0;
 left: 18px;
 height: 100%;
 width: 2px;
 background: #dedede;
}
.services-app7 {
 padding:50px 0;
}
.services-app7 a,
.services-app6 a {
 display:table;
 margin:0 auto;
}
@media only screen and (min-width: 1170px) {
 #cd-timeline {
  margin-top: 3em;
  margin-bottom: 3em;
 }
 #cd-timeline::before {
  left: 50%;
  margin-left: -2px;
 }
}
.cd-timeline-block {
 position: relative;
}
.cd-timeline-block:after {
 content: "";
 display: table;
 clear: both;
}
.cd-timeline-block:first-child {
 margin-top: 0;
}
.cd-timeline-block:last-child {
 margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
 .cd-timeline-block {
  margin: 4em 0;
 }
 .cd-timeline-block:first-child {
  margin-top: 0;
 }
 .cd-timeline-block:last-child {
  margin-bottom: 0;
 }
}
.cd-timeline-img {
 position: absolute;
 top: 0;
 left: 0;
 width: 40px;
 text-transform: uppercase;
 transition: all 0.3s ease 0s;
 width: 100%;
}
.cd-timeline-img:after {
 width: 100px;
 height: 2px;
 background: #ddd;
 content: "";
 position: absolute;
 left: 100%;
 top: 19px;
}
.cd-timeline-img.right:after {
 left: -100%;
 margin-left: -38px;
}
.cd-timeline-img img {
 display: block;
 width: 24px;
 height: 24px;
 position: relative;
 left: 50%;
 top: 50%;
 margin-left: -12px;
 margin-top: -12px;
}
.cd-timeline-img.cd-movie {
 background: #c03b44;
}
.cd-timeline-img.cd-location {
 background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
 .cd-timeline-img {
  width: 76px;
  height: 60px;
  left: 50%;
  margin-left: -41px;    /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
 }
 .cssanimations .cd-timeline-img.is-hidden {
  visibility: hidden;
 }
 .cssanimations .cd-timeline-img.bounce-in {
  visibility: visible;
  -webkit-animation: cd-bounce-1 0.6s;
  -moz-animation: cd-bounce-1 0.6s;
  animation: cd-bounce-1 0.6s;
 }
}
@-webkit-keyframes cd-bounce-1 {
 0% {
  opacity: 0;
  -webkit-transform: scale(0.5);
 }
 60% {
  opacity: 1;
  -webkit-transform: scale(1.2);
 }
 100% {
  -webkit-transform: scale(1);
 }
}
@-moz-keyframes cd-bounce-1 {
 0% {
  opacity: 0;
  -moz-transform: scale(0.5);
 }
 60% {
  opacity: 1;
  -moz-transform: scale(1.2);
 }
 100% {
  -moz-transform: scale(1);
 }
}
@keyframes cd-bounce-1 {
 0% {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
 }
 60% {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
 }
 100% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
 }
}
.cd-timeline-content {
 position: relative;
 margin-left: 60px;
 border-radius: 0;
 padding: 0;
}
.cd-timeline-content.alignright {
 margin-right: -60px;
}
.cd-timeline-content .dcap {
 width:40px;
 height:40px;
 border-radius:2px;
 text-align:center;
 line-height:40px;
 background: #383838;
 color: #fff;
 font-size: 18px;
 display: inline-block;
 position: absolute;
 left: 0;
 font-weight: 800;
 z-index:9999;
}
.cd-timeline-content .dcap em {
 font-style:normal;
}
.cd-timeline-content:hover {
 cursor:pointer;
}
.cd-timeline-content:hover .dcap {
 background:#00a99d;
 transition:.4s;
 transform:rotate(45deg);
}
.cd-timeline-content:hover .dcap em {
 transition:.4s;
 transform:rotate(-45deg);
 display:table;
 margin: 2px 13px;
}
.cd-timeline-content.alignright:hover .dcap em {
 margin: 1px 10px !important;
}
.cd-timeline-content:hover h5 {
 color:#00a99d;
 transition:.4s;
}
.inner_content {
 float: left;
 position: relative;
 padding-left: 70px;
}
.inner_content h5 {
 margin-top: 0;
 margin-bottom: 0;
 text-transform: uppercase;
}
.inner_content p {
 font-size: 12px;
 margin: 10px 65px 10px 0;
}
.inner_content small {
 font-size: 12px;
 color: #aaa;
}
.cd-timeline-content:after {
 content: "";
 display: table;
 clear: both;
}
.cd-timeline-content h2 {
 color: #303e49;
}
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
 display: inline-block;
}
.cd-timeline-content.alignleft {
 text-align: right;
 margin-left: -90px;
}
.cd-timeline-content.alignleft .dcap {
 left: 100%;
}
.cd-timeline-content .cd-read-more {
 float: right;
 padding: .8em 1em;
 background: #acb7c0;
 color: white;
 border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
 background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
 float: left;
 padding: .8em 0;
 opacity: .7;
}
.cd-timeline-content::before {
 content: '';
 position: absolute;
 top: 16px;
 right: 100%;
 height: 0;
 width: 0;
 border: 7px solid transparent;
 border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
 .cd-timeline-content h2 {
  font-size: 20px;
  font-size: 1.25rem;
 }
 .cd-timeline-content .cd-read-more,
 .cd-timeline-content .cd-date {
  font-size: 14px;
  font-size: 0.875rem;
 }
}
@media only screen and (min-width: 1170px) {
 .cd-timeline-content {
  margin-left: 0;
  padding: 0;
  width: 45%;
 }
 .cd-timeline-content::before {
  top: 24px;
  left: 100%;
  border-color: transparent;
  border-left-color: white;
 }
 .cd-timeline-content .cd-read-more {
  float: left;
 }
 .cd-timeline-content .cd-date {
  position: absolute;
  width: 100%;
  left: 122%;
  top: 6px;
  font-size: 16px;
  font-size: 1rem;
 }
 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
  float: right;
 }
 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
  left: auto;
  right: 122%;
  text-align: right;
 }
 .cssanimations .cd-timeline-content.is-hidden {
  visibility: hidden;
 }
 .cssanimations .cd-timeline-content.bounce-in {
  visibility: visible;
  -webkit-animation: cd-bounce-2 0.6s;
  -moz-animation: cd-bounce-2 0.6s;
  animation: cd-bounce-2 0.6s;
 }
}
@media only screen and (min-width: 1170px) {  /* inverse bounce effect on even content blocks */
 .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
  -webkit-animation: cd-bounce-2-inverse 0.6s;
  -moz-animation: cd-bounce-2-inverse 0.6s;
  animation: cd-bounce-2-inverse 0.6s;
 }
}
@-webkit-keyframes cd-bounce-2 {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-100px);
 }
 60% {
  opacity: 1;
  -webkit-transform: translateX(20px);
 }
 100% {
  -webkit-transform: translateX(0);
 }
}
@-moz-keyframes cd-bounce-2 {
 0% {
  opacity: 0;
  -moz-transform: translateX(-100px);
 }
 60% {
  opacity: 1;
  -moz-transform: translateX(20px);
 }
 100% {
  -moz-transform: translateX(0);
 }
}
@keyframes cd-bounce-2 {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
 }
 60% {
  opacity: 1;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
 }
 100% {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
 }
}
@-webkit-keyframes cd-bounce-2-inverse {
 0% {
  opacity: 0;
  -webkit-transform: translateX(100px);
 }
 60% {
  opacity: 1;
  -webkit-transform: translateX(-20px);
 }
 100% {
  -webkit-transform: translateX(0);
 }
}
@-moz-keyframes cd-bounce-2-inverse {
 0% {
  opacity: 0;
  -moz-transform: translateX(100px);
 }
 60% {
  opacity: 1;
  -moz-transform: translateX(-20px);
 }
 100% {
  -moz-transform: translateX(0);
 }
}
@keyframes cd-bounce-2-inverse {
 0% {
  opacity: 0;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
 }
 60% {
  opacity: 1;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
 }
 100% {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
 }
}
/*********** Timeline Carousel styling *********/.timeline {
 white-space: nowrap;
 padding: 30px 0 0 0;
 position: relative;
 width: 100%;
}
.timeline:after {
 content: "";
 width: 100%;
 position: absolute;
 height: 2px;
 bottom: 37px;
 background: #e4e4e4;
}
.entry {
 display: inline-block;
 vertical-align: top;
 color: #00a99d;
 padding: 10px;
 font-size: 12px;
 text-align: center;
 position: relative;
 border: 1px solid #e4e4e4;
 border-radius: 3px;
 margin-bottom: 100px;
 cursor: pointer;
}
.entry img {
}
.entry:after {
 content: '';
 display: block;
 background: #e4e4e4;
 width: 10px;
 height: 10px;
 position: absolute;
 left: 50%;
 bottom: -68px;
 margin-left: -6px;
 transform: rotate(45deg);
}
.entry:before {
 background: none repeat scroll 0 0 #e4e4e4;
 bottom: -60px;
 content: "";
 display: block;
 height: 59px;
 left: 50%;
 margin-left: -2px;
 position: absolute;
 width: 2px;
}
.entry.highlight {
 border-color: #00a99d;
 color: #383838;
}
.entry.highlight:after {
 background: #00a99d;
}
.entry h1 {
 color: #00a99d;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
 margin-top: 10px;
}
.entry.highlight h1 {
 color: #383838;
}
.entry h2 {
 letter-spacing: .2em;
 margin-bottom: 10px;
 font-size: 14px;
}
.bar {
 height: 4px;
 background: #eee;
 width: 100%;
 position: relative;
 top: 10px;
 left: 0;
}
.myprojects {
 float: left;
 width: 100%;
 text-align: center;
 position: relative;
}
.myentry {
 display: none;
}
/************** Services Ribbons **************/.ct-ribbon {
 background: none repeat scroll 0 0 #00a99d;
 color: #ffffff;
 display: inline-block;
 float: left;
 height: 56px;
 position: relative;
 width: 40px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
.ct-ribbon .ct-triangle {
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-top: 20px solid #00a99d;
 height: 0;
 position: absolute;
 top: 100%;
 width: 0;
}
.ct-ribbon .ct-triangle.two {
 width: 40px;
 height: 36px;
 position: absolute;
 background: #383838;
 top: 0;
 border: 0;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
.ct-ribbon span.number {
 font-weight: 800;
 font-size: 17px;
 margin-top: 8px;
}
.ct-ribbon .ct-triangle.two:before {
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-top: 20px solid #383838;
 height: 0;
 position: absolute;
 top: 100%;
 width: 0;
 left: 0;
 content: "";
}
/* Hover Effect */.u-services .col-md-4:hover .ct-ribbon {
 background: #383838;
}
.u-services .col-md-4:hover .ct-triangle.two:before {
 border-top-color: #00a99d;
}
.u-services .col-md-4:hover .ct-triangle.two {
 background: #00a99d;
}
.u-services .col-md-4:hover .ct-triangle {
 border-top-color: #383838;
}
.owl-item:hover .ct-ribbon {
 background: #383838;
}
.owl-item:hover .ct-triangle.two:before {
 border-top-color: #00a99d;
}
.owl-item:hover .ct-triangle.two {
 background: #00a99d;
}
.owl-item:hover .ct-triangle {
 border-top-color: #383838;
}
.ct-ribbon span {
 position: relative;
 z-index: 1;
 display: inline-block;
 width: 100%;
 text-align: center;
}
.ct-ribbon span i {
 font-size: 20px;
 position: relative;
 top: 15px;
}
/******* Left ribbon Used in Timeline ********/.cd-timeline-img .left_ribbon {
 background: none repeat scroll 0 0 #00a99d;
 color: #ffffff;
 display: inline-block;
 float: left;
 height: 40px;
 position: relative;
 width: 60px;
 margin-top:10px;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
}
.cd-timeline-img .left_ribbon .ct-triangle {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20px 0 20px 20px;
 border-color: transparent transparent transparent #00a99d;
 top: 0;
 position: absolute;
 left: 100%;
}
.cd-timeline-img .left_ribbon .two {
 width: 40px;
 height: 40px;
 position: absolute;
 background: #383838;
 top: 0;
 border: 0;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
 left: 0;
}
.cd-timeline-img .left_ribbon .two:before {
 border-style: solid;
 border-width: 20px 0 20px 20px;
 border-color: transparent transparent transparent #383838;
 height: 0;
 position: absolute;
 top: 0;
 width: 0;
 left: 100%;
 content: "";
}
.cd-timeline-img .left_ribbon span {
 position: relative;
 z-index: 1;
 display: inline-block;
 width: 100%;
 text-align: center;
}
.cd-timeline-img .left_ribbon span i {
 font-size: 20px;
 position: relative;
 top: 11px;
 left:-5px;
}
/******* right ribbon ********/.cd-timeline-img .right_ribbon {
 background: none repeat scroll 0 0 #00a99d;
 color: #ffffff;
 display: inline-block;
 float: left;
 height: 40px;
 position: relative;
 width: 60px;
 margin-top:10px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
}
.cd-timeline-img .right_ribbon .ct-triangle {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20px 20px 20px 0;
 border-color: transparent #00a99d transparent transparent;
 top: 0;
 position: absolute;
 right: 100%;
}
.cd-timeline-img .right_ribbon .two {
 width: 40px;
 height: 40px;
 position: absolute;
 background: #383838;
 top: 0;
 border: 0;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
 right: 0;
}
.cd-timeline-content.alignleft .inner_content {
 padding-left: 0;
 padding-right: 40px;
}
.cd-timeline-content.alignleft .inner_content p {
 margin-right: 0;
 margin-left: 80px;
}
.cd-timeline-img .right_ribbon .two:before {
 border-style: solid;
 border-width: 20px 20px 20px 0;
 border-color: transparent #383838 transparent transparent;
 height: 0;
 position: absolute;
 top: 0;
 width: 0;
 right: 100%;
 content: "";
}
.cd-timeline-img .right_ribbon span {
 position: relative;
 z-index: 1;
 display: inline-block;
 width: 100%;
 text-align: center;
 top: 6px;
 font-size: 17px;
 font-weight: 800;
}
.cd-timeline-img .right_ribbon span.count {
 left:5px;
}
.cd-timeline-img.right {
 margin-left:-21px;
}
.cd-timeline-img .right_ribbon span i {
 font-size: 20px;
 position: relative;
 top: 11px;
}
.dcap.rotate  i {
 font-size: 20px;
 position: relative;
 top: 10px;
 color: #fff;
}
.cd-timeline-block:hover .cd-timeline-img .right_ribbon {
 background: #383838 ;
 transition:.4s;
}
.cd-timeline-block:hover .cd-timeline-img .right_ribbon .ct-triangle {
 border-color: transparent #383838 transparent transparent;
 transition:.4s;
}
.cd-timeline-block:hover .cd-timeline-img .right_ribbon .two {
 background: #00a99d ;
 transition:.4s;
}
.cd-timeline-block:hover .right_ribbon .two:before {
 border-color: transparent #00a99d transparent transparent;
 transition:.4s;
}
.cd-timeline-block:hover .cd-timeline-img .left_ribbon {
 background: #383838;
 transition:.4s;
}
.cd-timeline-block:hover .cd-timeline-img .left_ribbon .ct-triangle {
 border-color: transparent transparent transparent #383838;
 transition:.4s;
}
.cd-timeline-block:hover .cd-timeline-img .left_ribbon .two {
 background: #00a99d;
 transition:.4s;
}
.cd-timeline-block:hover .left_ribbon .two:before {
 border-color: transparent transparent transparent #00a99d;
 transition:.4s;
}
/*********** Services in dark ************/.services_dark h1,
.services_dark h2,
.services_dark h3,
.services_dark h4,
.services_dark h5 {
 color: #e4e4e4;
 text-transform: uppercase;
}
.services_dark h5 i {
 color: #00a99d;
 font-weight: 800;
 font-size: 15px;
}
/************** Services Block *************/.service_block {
 border: 1px solid #dedede;
 float: left;
 margin-top: 30px;
 padding-bottom: 15px;
 padding-top: 30px;
 position: relative;
 width: 100%;
}
.service_block:hover span.icon i {
 background: #00a99d;
}
.service_block span.icon {
 width: 90px;
 height: 90px;
 padding:10px;
 top: -45px;
 position: absolute;
 left: 0;
 margin: 0 auto;
 display: table;
 right: 0;
 background:#f9f9f9;
 transition:.4s;
}
.service_block span.icon i {
 font-size: 18px;
 background: none repeat scroll 0% 0% #383838;
 color: #ffffff;
 width: 70px;
 height: 70px;
 line-height: 65px;
 border-radius: 4px;
 font-size:35px;
 display: table;
}
.service_block:hover {
 cursor:pointer;
}
.service_block:hover span.icon {
 top: -55px;
 transition:.4s;
}
.service_block h5 {
 display: block;
 text-transform: capitalize;
 margin-top: 23px;
 font-size: 24px;
 margin-bottom: 15px;
 color: #000000;
}
.service_block span.small {
 display: inline-block;
 margin-bottom: 3px;
 width: 100%;
}
#contact-info a {
 color:#000000;
}
.ci-link {
 color:#00a99d !important;
}
/*************** Verticle Price Table ****************//* ==========================================================================   08. PRICES   ========================================================================== */   .prices-plan {
 position: relative;
}
.prices-monthly-plan,
.prices-monthly-details {
 padding: 19px 33px;
 text-align: center;
 vertical-align: middle;
}
.prices-monthly-details {
 padding: 19px 33px;
 text-align: center;
 vertical-align: middle;
 margin-left:30px;
 height:170px;
}
.extender {
 height: 100%;
 width: 200px;
 position: absolute;
 top: 0;
 left: -4px;
 z-index: 3;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.prices-monthly-details {
 padding: 52px 29px !important;
 float: left;
 border: 1px solid #dedede;
}
.plan_detail {
 margin: 0 10px;
}
div.plus {
 line-height: 65px;
 position: relative;
 width: 31px;
 text-align: center;
 margin: 0 18px;
}
div.plus:after {
 content: "";
 position: absolute;
 width: 31px;
 height: 31px;
 background: none repeat scroll 0% 0% #00A99D;
 left: 0px;
 top: 20px;
 z-index: 8;
 transform: rotate(45deg);
 border-radius: 4px;
}
div.plus span {
 position: relative;
 color: #E4E4E4;
 z-index: 9;
 font-size: 20px;
 top: 6px;
}
.prices-monthly-details div {
 float: left;
}
.prices-monthly-details h4 {
 font-size: 16px;
 color: #606060;
 text-transform: capitalize;
 font-weight: 500;
 line-height:24px;
}
div.prices-monthly-select {
 float: left;
 margin-right: 20px;
 border: 1px solid #dedede;
 border-left: none;
 height: 170px;
 width:170px;
 padding-top:39px;
 padding-left:32px;
 border-radius:0 5px 5px 0;
}
div.prices-monthly-select .btn-lite {
 border: 1px solid #00a99d;
 background:#00a99d;
 display: table;
 border-radius: 4px;
 padding: 0 15px;
 line-height:40px;
 text-align:center;
 font-size: 12px;
 color: #e4e4e4;
 text-transform: uppercase;
 font-weight: 800;
 margin-bottom: -40px;
 transition:0.3s;
 width:118px;
 height:40px;
 position:relative;
}
div.prices-monthly-select .btn-lite:hover {
 transition:0.3s;
 background:#383838;
 border: 1px solid #383838;
}
div.prices-monthly-select .btn-dark  {
 border: 1px solid #383838;
 background:#383838;
 display: table;
 border-radius: 4px;
 padding: 0 15px;
 line-height:40px;
 text-align:center;
 font-size: 12px;
 color: #e4e4e4;
 text-transform: uppercase;
 font-weight: 800;
 margin-bottom: -40px;
 transition:0.3s;
 width:118px;
 height:40px;
 position:relative;
 top: 50px;
}
div.prices-monthly-select .btn-dark:hover {
 transition:0.3s;
 background:#00a99d;
 border: 1px solid #00a99d;
}
a.btn-regular.green {
 background: #00a99d;
 color: #e4e4e4;
 border-radius: 5px;
}
/* a.btn-regular.dark{background:#383838;color:#e4e4e4;margin-top:5px;border-radius:5px;} */.prices-monthly-plan {
 background-color: #383838;
 z-index: 10;
 padding: 19px 0px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
 color: #E4E4E4;
 width: 170px;
 height: 170px;
 position: relative;
 border-radius: 5px;
 overflow: hidden;
 float:left;
}
.prices-monthly-plan .ribbon {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 40px;
 height:40px;
}
.prices-monthly-plan .ribbon:before {
 content:"";
}
.prices-monthly-plan .ribbon i {
 z-index: 9;
 font-size: 13px;
 color: #e4e4e4;
 position: absolute;
 bottom: 7px;
 left: 5px;
}
.prices-monthly-plan h4 {
 color: #e4e4e4;
 font-size: 60px;
}
.prices-monthly-plan h5 {
 color: #00A99D;
 text-transform: uppercase;
 margin-bottom: 0px;
 font-size: 13px;
}
.prices-monthly-plan h4 {
 margin-top: 3px;
 margin-bottom: 2px;
}
.prices-monthly-plan h4 span.sign {
 font-size: 16px;
 margin-right: 4px;
 font-weight: normal;
}
.prices-monthly-plan span.time {
 text-transform: capitalize;
 color: #8A8A8A;
 font-size: 12px;
 font-weight: 500;
}
.prices-monthly-plan h4 sup {
 font-size: 16px;
 top: -30px;
 left: 5px;
}
.prices-plan .arrow-right {
 position: absolute;
 right: 16px;
 top: 66px;
 width: 0px;
 height: 0px;
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;
 border-left: 20px solid #383838;
 z-index: 2;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.prices-monthly-select p {
 margin: 30px 0 0;
}
/************* Blog pages stylng *****************/.blog #owl-blog .item {
}
/**************** Sidebar widget *****************/.widget {
 float: left;
 margin-bottom: 20px;
 width: 100%;
}
.sidebar,
.aside-content-left {
 padding-left: 5px;
}
.blog-content-right .sidebar ,
.blog-grid-right .sidebar,
.aside-content-right {
 padding-left: 15px;
 padding-right: 5px;
}
.sidebar .widget {
 margin-bottom: 60px !important;
}
.widget ul li {
 margin-bottom: 10px;
}
.widget ul li a {
 position: relative;
}
.sidebar .widget p {
 margin-bottom: 22px;
}
.sidebar .widget .content-head {
 margin-bottom: 25px;
}
.p-last {
 margin-bottom: 0px !important;
}
/************* Product Price Range *****************/.widget .price_range {
 background: #383838;
 float: left;
 width: 100%;
 border-radius: 4px;
}
.widget .price_range span {
 float: left;
 color: #808080;
 padding: 0;
}
.widget .price_range span.amount_two {
 float: right;
 border-left: 1px solid #404040;
 font-size: 11px;
 width: 43px;
 font-family:Arial;
 font-weight:bold;
 margin: 6px 0px 6px 0;
 color: #8A8A8A;
 padding-left: 7px;
}
.widget .price_range span.amount_one {
 float: left;
 border-right: 1px solid #404040;
 font-size: 11px;
 width: 36px;
 font-family:Arial;
 font-weight:bold;
 margin: 6px 0px 6px 10px;
 color:#8a8a8a;
}
#slider-range {
 display: inline-block;
 margin-bottom: 0;
 margin-left: 10px;
 margin-right: auto;
 margin-top: 10px;
 width: 60%;
 text-align: center;
 background: #00a99d;
 height: 4px;
}
#slider-range .ui-slider-handle {
 background: #00a99d;
 border: 0 none;
 border-radius: 0;
 height: 11px;
 margin-top: 2px;
 transform: rotate(45deg);
 width: 10px;
}
#slider-range .ui-slider-range {
 background: #8a8a8a;
}
/******** Product Owl Carousel ********/.product_ad .caption {
 position: relative;
}
.widget.product_ad .owl-pagination {
 bottom: 70px;
 position: absolute;
 width: 100%;
 z-index: 99;
 top:auto;
}
.product_ad .caption .text {
 bottom: 0;
 width: 100%;
 background: #00a99d;
 text-align: center;
 padding: 15px 0;
 text-transform: uppercase;
}
.product_ad .caption .text h3 {
 color: #e4e4e4;
 margin: 0;
 font-size: 22px;
}
.product_ad .caption .text span {
 color: #e4e4e4;
}
.product_ad .caption img {
 width: 100%;
}
/**** categories ********/.widget.categories ul li a {
 padding-left: 20px;
 font-size: 13px;
 color: #000000;
 font-weight: 800;
}
.widget.categories ul li a:before {
 position: absolute;
 left: 0;
 width: 8px;
 height: 8px;
 top: 6px;
 content: "";
 background: #dedede;
 transform: rotate(45deg);
 border-radius: 2px;
}
.widget.categories ul li a:hover:before {
 background: #00a99d;
 transition: all 0.5s;
}
.widget.categories ul li span {
 font-weight: 500;
}
.widget.categories ul li a:hover {
 color: #00a99d;
}
/******** Widget search bar **********/.widget.search {
 float: left;
 width: 100%;
 position: relative;
}
.widget.search input {
 position: relative;
 border: 1px solid #dedede;
 border-radius: 4px;
 width: 100%;
 padding: 7px 6px;
 font-size: 12px;
 font-style: italic;
 color: #aaa;
 box-sizing: border-box;
 background: #f9f9f9;
}
.widget.search button {
 background: transparent;
 position: absolute;
 border: 0;
 right: 10px;
 line-height: 17px;
 top: 0;
}
.widget.search button i {
 line-height: 31px;
 color: #aaa;
}
/********* gallery *********/.widget.gallery a {
 width: 88px;
 float: left;
 overflow: hidden;
 position: relative;
 border-radius: 3px;
 margin-right: 2px;
 margin-bottom: 2px;
}
.widget.gallery a span {
 position: absolute;
 text-align: center;
 width: 100%;
 height: 100%;
 background: rgba(0, 169, 157, 0.8);
 z-index: 8;
 opacity: 0;
 -webkit-opacity: 0;
 left: 0;
 top: 0;
}
.widget.gallery a:hover span {
 opacity: 1;
 -webkit-opacity: 100;
 -moz-opacity: 100;
 width: 100%;
 height: 100%;
}
.widget.gallery a span i {
 position: relative;
 top: 40px;
 z-index: 9;
 color: #fff;
}
.widget.gallery a img {
 width: 100%;
}
/********** Recent Post *********/.widget.recent_post ul li {
 padding-bottom: 20px;
 padding-top: 10px;
 float: left;
 border-bottom: 1px solid #dedede;
}
.widget.recent_post ul li:last-child {
 padding-bottom: 0px;
 border-bottom: none;
}
.widget.recent_post ul li a {
 font-weight: 700;
 font-size: 13px;
 float: left;
 padding-left: 15px;
 display: block;
 position: relative;
}
.widget.recent_post ul li a:before {
 position: absolute;
 left: 0;
 width: 8px;
 height: 8px;
 top: 5px;
 content: "";
 background: #dedede;
 transform: rotate(45deg);
 border-radius: 2px;
}
.widget.recent_post ul li span.info {
 float: left;
 width: 100%;
 font-size: 12px;
 font-style: italic;
 color: #000000;
 display: block;
}
.widget.recent_post ul li a:hover:before {
 background: #00a99d;
}
/******** widget tags *******/.widget.tags a {
 border: 1px solid #dedede;
 border-radius: 4px;
 color: #000000;
 display: inline-block;
 font-size: 13px;
 font-weight: 700;
 margin-bottom: 10px;
 margin-right: 5px;
 padding: 10px;
}
.widget.tags a:hover {
 background: #00a99d;
 border-color: #00a99d;
 color: #fff;
}
/********* twitter feeds *********/.widget .twitter_feed li {
 border-bottom: 1px solid #e4e4e4;
}
.twitter_feed li:last-child {
 border: none;
}
.widget .twitter_feed li span {
 background: none repeat scroll 0 0 #404040;
 border-radius: 4px;
 color: #fff;
 left: -5px;
 margin: auto 0;
 padding: 16px;
 position: absolute;
 text-align: center;
 top: 20px;
 transform: rotate(45deg);
}
.widget .twitter_feed li  p {
 font-size: 14px;
 line-height: 24px;
 margin-bottom: 5px;
}
.twitter_feed li span i {
 transform: rotate(-45deg);
}
.widget .twitter_feed li a {
 color: #606060;
}
.widget .twitter_feed li a:hover {
 color: #00a99d;
}
.widget .twitter_feed li span i {
 transform: rotate(-45deg);
 display: table;
 padding: 0;
 position: relative;
 top: -7px;
 right: 7px;
}
/******** social Counter **************/.social_counter .ct {
 float: left;
 padding: 20px 0;
 position: relative;
 text-align: center;
 border-radius: 4px;
 border: 1px solid #dedede;
 margin-right: 10px;
 margin-bottom: 15px;
 width: 170px;
 cursor: pointer;
transition: 0.3s;
}
.social_counter .ct:hover {
 border-color: #2ca8d2;
 transition: .3s;
 cursor: pointer;
}
.social_counter .ct i {
 font-size: 30px;
 position: absolute;
 left: 20px;
 line-height: 40px;
 transition: .3s;
 color: #606060;
}
.social_counter .ct i:hover {
 transition: .3s;
}
.social_counter .ct:nth-child(1):hover {
 border-color: #385591;
}
.social_counter .ct:nth-child(3):hover {
 border-color: #e74b32;
}
.social_counter .ct:nth-child(4):hover {
 border-color: #f3721e;
}
.social_counter .ct:hover .social_twitter {
 color: #2ca8d2;
}
.social_counter .ct:hover .social_facebook {
 color: #385591;
}
.social_counter .ct:hover .social_googleplus {
 color: #e74b32;
}
.social_counter .ct:hover .social_rss {
 color: #f3721e;
}
.social_counter .ct span {
 width: 50%;
 float: right;
 margin-right: 15px;
}
.social_counter .ct .ctr {
 font-weight: 700;
 font-size: 12px;
 color: #8a8a8a;
}
.social_counter .ct .text {
 position: relative;
 color: #8a8a8a;
 font-size: 13px;
}
/******** Contact form 2 ( overlap on Map ) **************/.contact2 {
 position: relative;
}
.contact_form2 {
 position: absolute;
 top: 70px;
 left: 70px;
 background: #fff;
 padding: 30px 0;
 border-radius: 4px;
 display:table;
}
.contact_form2 input {
 margin-bottom: 10px;
 color:#000;
}
.contact_form2 .btn-regular {
 background: #00a99d;
 color: #e4e4e4;
 transition:.4s;
}
.contact_form2 .btn-regular:hover {
 background: #383838;
 border-color:#383838;
 color: #e4e4e4;
 transition:.4s;
}
/******** widget styling **********/.widget.categories.small_links li a {
 font-size: 12px;
 font-weight: 600;
}
/******** Subscribe form **************/.subscribe_form {
 margin-top: 30px;
}
.subscribe_form input {
 border: 1px solid #dedede;
 padding: 10px;
 border-radius: 4px;
 color: #000;
 font-style: italic;
 font-size: 12px;
 width: 250px;
 margin-right:7px;
}
.subscribe_form .submit {
 background: #383838;
 color: #e4e4e4;
 padding: 10px 15px;
 text-transform: uppercase;
 font-size: 13px;
 font-weight: 800;
 width: auto;
 font-style: normal;
 border:none;
 transition:.3s;
}
.subscribe_form .submit:hover {
 background: #00a99d;
 color: #e4e4e4;
 transition:.3s;
}
/*********** square icon small ************/.square-icon-box {
 font-size: 30px;
 height: 100px;
 line-height: 100px;
 margin: 40px auto 60px;
 position: relative;
 width: 100px;
}
.square-icon-small {
 height: 50px;
 line-height: 50px;
 margin-bottom: 40px;
 margin-top: 5px;
 width: 50px;
}
.square-icon-box:before {
 border: 1px solid #dedede;
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 transform: rotate(45deg);
 transition: all 0.3s ease 0s;
 width: 100%;
 border-radius: 6px;
}
.background_bg_black .square-icon-box:before {
 background: #e4e4e4;
 border: 0;
}
.background_bg_black .media h5 {
 color: #e4e4e4;
}
.media .square-icon-small {
 margin-bottom: 20px;
 margin-left: 20px;
 margin-right: 20px;
}
.square-icon-box i {
 position: relative;
 z-index: 1;
 font-size: 18px;
 color: #00a99d;
 top: -2px;
}
.square-icon-box:hover:before {
 background: #00a99d;
}
.square-icon-box:hover i {
 color: #fff;
}
.media:first-child {
 margin-top: 0;
}
ul.media-list li {
 overflow: visible;
}
.background_bg_black .media {
 margin-top: 45px;
}
.media,
.media .media {
 margin-top: 65px;
}
/************* Social icons style 2 ( App Home Page ) ***************/.social_icon_alt2 {
 margin-top: 50px;
 margin-bottom: 30px;
 float: left;
 width: 100%;
}
.social_icon_alt2 li {
 display: inline-block;
 margin:0 4px;
}
.social_icon_alt2 li a {
 padding-top:10px;
 text-align:center;
 width:40px;
 height:40px;
 color: #e4e4e4;
 font-size: 16px;
 border: 1px solid #606060;
 border-radius: 5px;
 display:table;
}
.social_icon_alt2 li:hover a {
 color: #e4e4e4;
 border: 1px solid #00a99d;
 background:#00a99d;
}
/********************* Products dropdown **************/.product_select {
 float: left;
 width: 100%;
}
.product_select span.product_label {
 margin-left: 10px;
 float: left;
 padding: 10px 0 10px 5px;
 position: absolute;
 z-index: 1;
}
.product_dropdown select {
 border: 0 none;
 box-shadow: none;
 color: #00a99d;
 font-style: italic;
 font-weight: 600;
 outline: 0 none;
 padding: 5px 0 5px 70px;
}
.product_dropdown select option {
 padding: 6px;
 background: #fff;
 border: 1px solid #ddd;
}
.btn-group {
 float: left;
 width: 100%;
}
.btn-group.bootstrap-select .btn {
 padding: 0;
 float: left;
 width: 100%;
}
.btn-group.bootstrap-select .btn:hover {
 background: transparent !important;
 border: 1px solid #dedede;
}
button.btn-default:hover,
button.btn-default:active,
button.btn-default.active,
.open > .dropdown-toggle.btn-default {
 background-color: #f9f9f9;
 border-color: #dedede;
 color: #333;
}
div.btn-group.open button.dropdown-toggle {
 box-shadow: none !important;
}
.btn-group.bootstrap-select .btn span {
 padding: 10px;
 float: none !important;
}
.dropdown-menu.selectpicker .glyphicon {
 display: none;
}
.btn-group.bootstrap-select .btn span.filter-option {
 color: #00a99d;
 display: inline-block;
 font-size: 13px;
 font-style: normal;
 font-weight: bold;
 padding: 10px 15px;
 float: left !important;
}
.product_variation .btn-group.bootstrap-select .btn span.filter-option {
 padding: 10px 10px 10px 90px;
 width: 100%;
}
.product_variation.simple .btn-group.bootstrap-select .btn span.filter-option {
 padding: 10px 30px;
 padding-left:15px;
 width: auto;
}
.btn-group.bootstrap-select .btn span.caret {
 padding-top: 30px;
 position: absolute;
 font-style: normal;
 border: 0;
 right: 0;
 border-left: 1px solid #dedede;
 padding-left: 20px;
 padding-right: 20px;
}
.btn-group.bootstrap-select .btn span.caret:after {
 content: "\33";
 font-size: 18px;
 color: #AAA;
 right: 5px;
 top: 6px;
 padding: 0px 0px 2px;
 width: 32px;
 position: absolute;
 pointer-events: none;
 font-family: ElegantIcons;
}
.select_wrapper {
 float: right;
 width: 100px;
 overflow: hidden;
}
/* The CSS */select {
 margin: 0;
 color: #888;
 border: none;
 outline: none;
 display: inline-block;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 cursor: pointer;
}
.product_dropdown label {
 position: relative;
 margin-bottom: 0;
 float: right;
}
.product_dropdown label:after {
 content: "\33";
 font-size: 25px;
 color: #aaa;
 right: 0;
 top: 0;
 padding: 0 0 2px;
 width: 32px;
 position: absolute;
 pointer-events: none;
 font-family: ElegantIcons;
}
.product_dropdown label:before {
 background: none repeat scroll 0 0 #fff;
 border-left: 1px solid #dedede;
 content: "";
 display: block;
 height: 100%;
 margin: 0;
 pointer-events: none;
 position: absolute;
 right: 0;
 top: 0;
 width: 41px;
}
/******** End of product Droopdown **********//******************* Single Product Slider ******************/div#carousel .flex-direction-nav a {
 color: rgba(0, 0, 0, 0.8);
 cursor: pointer;
 display: block;
 height: 40px;
 margin: -20px 0 0;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 text-decoration: none;
 text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
 top: 50%;
 transition: all 0.3s ease 0s;
 width: 40px;
 z-index: 10;
 opacity: 1 !important;
}
div#carousel.flexslider {
 background: transparent;
 padding: 0;
 border: 0;
 box-shadow: none;
 margin:0 auto;
 width: 448px;
 position:relative;
 right:0;
}
div#carousel.flexslider li {
 margin-right: 10px;
 width: 102px !important;
}
div#carousel.flexslider li img {
 width: 110px !important;
 margin-right: 15px;
}
div#carousel .flex-direction-nav .flex-next {
 right: 0;
 text-align: right;
}
div#carousel .flex-direction-nav a:before {
 content: "\34";
 display: inline-block;
 font-family: "ElegantIcons";
 font-size: 40px;
}
div#carousel .flex-direction-nav a.flex-next:before {
 content: "\35";
}
div#carousel .flex-direction-nav .flex-prev {
 left: 0;
 text-align: left;
}
div#carousel .flex-direction-nav a {
 top: 20px;
 height: 120px;
 background: #333;
 border-radius: 4px;
}
div#carousel .flex-direction-nav a:hover {
 background: #00a99d;
}
div#carousel .flex-direction-nav a:before {
 content: "4";
 display: inline-block;
 font-family: "ElegantIcons";
 font-size: 40px;
 margin-top: 33px;
 color: #e4e4e4;
 text-shadow: none;
 box-shadow: none;
}
#product_slider {
 border: 1px solid #dedede;
 margin-bottom: 20px;
}
/*********** Number Button style ************/.btn-default {
 background-color: #f9f9f9;
 border-color: #dedede;
 color: #333;
}
.btn-default[disabled] {
 background: #f9f9f9 !important;
}
.btn-number span {
 font-family: ElegantIcons;
}
button.btn-number {
 padding: 10px 11px 6px;
}
input.form-control {
 background: #f9f9f9;
 text-align: center;
 border: 1px solid #dedede;
 padding: 8px 15px;
 height: auto;
 color: #00a99d;
 min-width: 50px !important;
}
/************* Social icons heading ************/.product_description .social_icons_heading {
 top: 25px;
 padding: 0;
}
.social_icons_heading {
 float: left;
 width: 100%;
 position: relative;
 padding: 0 20px;
}
.social_icons_heading .icon_wrap {
 display: inline-block;
 float: right;
 position: absolute;
 right: 10px;
 top: -10px;
 padding: 18px 4px 0px 13px;
 background: #f9f9f9;
}
.social_icons_heading .icon_wrap a {
 display: table;
 float: left;
 font-size: 14px;
 height: 28px;
 line-height: 28px;
 position: relative;
 text-align: center;
 top: -11px;
 width: 28px;
}
.social_icons_heading .icon_wrap a:before {
 background: none repeat scroll 0 0 #383838;
 border-radius: 4px;
 content: "";
 display: table;
 height: 28px;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 transform: rotate(45deg);
 width: 28px;
}
.social_icons_heading .icon_wrap a:hover:before {
 background: none repeat scroll 0 0 #00a99d;
}
.social_icons_heading .icon_wrap a:hover {
 z-index:99999;
}
.social_icons_heading .icon_wrap i {
 color: #e4e4e4;
 position: relative;
}
/************* Single Product Styling ***********/.product_description .title {
 Font-size: 16px;
 text-transform: capitalise;
 padding-bottom: 20px;
 float: left;
 width: 100%;
 border-bottom: 1px solid #dedede;
}
.product_description .title h4 {
 margin-bottom: 0;
 float: left;
}
.product_description .title h4 i:first-child {
 margin-left: 6px;
}
.product_description .title i {
 font-size: 12px;
 color: #00a99d;
 margin-right:1px;
}
.product_description .title .price {
 float: right;
 font-size: 22px;
 color: #00a99d;
 font-weight: 700;
}
.product_description .title .small {
 float: left;
 width: 100%;
 margin-top: 5px;
}
/** Description **/.product_description .description {
 float: left;
 width: 100%;
 padding: 20px 0;
 border-bottom: 1px solid #dedede;
}
.product_description .product_detail {
 float: left;
 width: 100%;
 padding: 20px 0;
 border-bottom: 1px solid #dedede;
}
.product_description .product_detail ul {
 margin-top: 20px;
}
.product_description .product_detail li {
 margin-bottom: 15px;
}
.product_variation {
 float: left;
 width: 100%;
 padding: 20px 0;
 border-bottom: 1px solid #dedede;
}
.product_variation .product_select {
 top: 0;
}
.product_description .input_button {
 float: left;
 width: 100%;
 padding: 25px 0;
 border-bottom: 1px solid #dedede;
}
/*********** Single page Add to cart button ***/.btn_single_addtocart {
 border: 1px solid #dedede;
 float: left;
 border-radius: 5px;
 padding: 10px 30px 10px 30px;
 font-size: 12px;
 color: #dedede;
 text-transform: uppercase;
 font-weight: 800;
 background: #383838;
 margin-left: 7px;
}
.btn_single_addtocart.medium {
 padding: 10px 10px 10px 16px;
}
.btn_single_addtocart:hover {
 background: #00a99d;
 color: #dedede;
}
.btn_single_addtocart span,
.btn_single_addtowhishlist span {
 margin-left: 10px;
}
.btn_single_addtowhishlist {
 border: 1px solid #dedede;
 float: left;
 border-radius: 5px;
 padding: 10px 30px 10px 15px;
 font-size: 12px;
 color: #dedede;
 text-transform: uppercase;
 font-weight: 800;
 background: #00a99d;
 margin-left: 7px;
}
.btn_single_addtowhishlist.medium {
 padding: 10px 10px 10px 15px;
}
.btn_single_addtowhishlist:hover {
 background: #383838;
 color: #dedede;
}
/********** Single Product Slider 2 *********/.product_slider2 {
 width: 368px;
}
/************ Recent Product Slider ************/.recent_product_slider,
.product_slider_3col {
 margin-top: 0px;
 display: inline-block;
 float: left;
 width: 100%;
}
.fullwidth-heading {
 float: left;
 width: 100%;
}
/*********** CountDown **************/#bg-sans {
 padding: 25px 0 100px 0;
}
#bg-sans .block {
 display: inline-block;
 color: #e4e4e4;
 font-size: 50px;
 font-weight: bold;
}
#bg-sans .block .flip {
 padding: 30px 18px;
 background: #383838;
 border-radius: 5px;
 margin-right: 35px;
 position: relative;
 line-height: 50px;
 border-bottom:5px solid #282828;
}
#bg-sans .block .flip:before {
 width: 8px;
 height: 8px;
 background: #00a99d;
 content: "";
 position: absolute;
 right: -25px;
 top: 35px;
 transform: rotate(45deg);
 border-radius:2px;
}
#bg-sans .block .flip:after {
 width: 8px;
 height: 8px;
 background: #00a99d;
 content: "";
 position: absolute;
 right: -25px;
 top: 60px;
 transform: rotate(45deg);
 border-radius:2px;
}
#bg-sans .block .flip.last:before,
#bg-sans .block .flip.last:after {
 display: none;
}
/*********** Cart Shop Table ************/.shop_table thead {
 border-bottom: 1px solid #dedede;
}
.shop_table thead tr th {
 padding: 0 0 8px 0;
 font-weight: normal;
 text-transform: uppercase;
 font-size: 13px;
}
.shop_table thead tr th.product-quantity {
 text-align: center;
 width: 220px;
}
.shop_table thead tr th.product-subtotal {
 text-align: center;
}
.shop_table tbody tr td.product-quantity .col-md-7 {
 text-align: center;
 float: none;
 display: inline-block;
}
.shop_table tbody td.product-thumbnail {
 padding: 18px 0 20px 0;
 width: 118px;
}
.shop_table tbody td.product-thumbnail img {
 width: 100%;
 border: 1px solid #dedede;
 border-radius: 5px;
}
.shop_table tr.cart_table_item {
 border-bottom: 1px solid #dedede;
}
.shop_table tbody td.product-name {
 vertical-align: top;
 padding-top: 25px;
 padding-left: 20px;
}
.shop_table tbody td.product-price,
.shop_table tbody td.product-quantity ,
.shop_table tbody td.product-subtotal ,
.shop_table tbody td.product-remove {
 vertical-align: top;
 padding-top: 25px;
 padding-left: 0;
 text-align: center;
}
.shop_table tbody td.product-subtotal {
 width: 120px;
 color: #8a8a8a;
 padding-top: 35px;
}
.shop_table tbody td.product-name {
 width: 220px;
}
.shop_table tbody td.product-name a {
 float: left;
 width: 100%;
 font-weight: bold;
 margin-top:12px;
 margin-bottom: 22px;
 color:#383838;
}
.shop_table tbody td.product-name span {
 float: left;
 width: 100%;
 margin-bottom: 6px;
 color:#8a8a8a;
 font-weight:500;
 font-size:14px;
}
.shop_table tbody td.product-name span b {
 color:#606060;
 font-weight:800;
 margin-right:12px;
}
.shop_table .product-remove a {
 padding: 7px 10px;
 display: inline-block;
 color: #606060;
 font-size:16px;
 border-radius: 4px;
 border: 1px solid #dedede;
}
.shop_table .product-remove a:hover {
 background: #00a99d;
 color: #e4e4e4;
 border-color:#00a99d;
}
.shop_table tbody td.product-price {
 color: #8A8A8A;
 position: relative;
 top: 34px;
 display: table;
 margin: 0 auto;
}
.shop_table input.form-control {
 min-width: 42px !important;
 font-style:italic;
}
/******* coupon code Input *********/#newsletterform {
 width:320px;
 margin:0 auto;
}
#newsletterform input {
 width:220px;
 float:left;
 font-weight:500;
}
#newsletterform input:focus {
 font-style:normal;
 font-size:14px;
}
#newsletterform #newslettersubmit {
 color:#e4e4e4;
 font-style:normal;
 width:200px;
 float:left;
}
#newsletterform #newslettersubmit {
 color: #E4E4E4;
 font-style: normal;
 width: 85px;
 float: right;
 margin-top: -0px;
 border:1px solid #383838;
}
#newsletterform #newslettersubmit:hover {
 color: #E4E4E4;
 border:1px solid #00a99d;
 background:#00a99d;
}
.coupon_code input {
 border: 1px solid #dedede;
 border-radius: 4px;
 padding: 9px 10px;
 font-size: 12px;
 font-weight: bold;
 font-style: italic;
 color: #aaa;
 background: #f9f9f9;
}
/************* Shipping Calculator *************/.shipping_calculator .product_select {
 margin-bottom: 8px;
}
.shipping_calculator input {
 border-radius: 4px;
 padding: 10px 15px;
 display: block;
 width: 100%;
 background: #f9f9f9;
 border: 1px solid #dedede;
 font-size: 13px;
 font-style: italic;
 color: #444;
 margin-bottom: 15px;
}
.shipping_calculator .product_select .btn.dropdown-toggle span {
 font-weight: normal;
 font-style: italic;
 color: #aaa;
}
.shipping_calculator .product_select .btn.dropdown-toggle span.caret {
 font-style: normal;
}
/******* Cart total *********/.cart_total {
 margin:-12px 0;
}
.cart_total li {
 float: left;
 width: 100%;
 text-align: right;
 padding-bottom: 12px;
 padding-top: 12px;
 border-bottom: 1px solid #dedede;
 color: #8a8a8a;
 cursor: pointer;
}
.cart_total li:hover {
 color: #00a99d;
}
.cart_total li:hover b {
 color: #00a99d;
}
.cart_total li b {
 float: left;
 text-transform: capitalize;
 color: #606060;
}
.cart_total li:last-child {
 border-bottom:none;
 text-transform:uppercase;
 color:#00a99d !important;
}
.cart_total li:last-child b {
 text-transform:uppercase;
 color:#00a99d !important;
}
/********* Footer Social Icon Style 2 **************/.social_icon_alt2 li a:hover {
 background: #00a99d;
}
/***************** Footer Styling ************/footer {
 background: #383838;
 padding: 50px 0 0 0;
 margin-top: -48px;
}
footer h5 {
 font-weight: 800;
 color: #00a99d;
 text-transform: uppercase;
 margin-bottom: 20px;
 margin-top: 20px;
}
footer p {
 font-size: 16px;
 color: #ffffff;
 font-weight: 500;
}
footer .tags a,
.uh-hidden-bar .tags a {
 padding: 10px 7px;
 color: #8a8a8a;
 border-radius: 4px;
 border: 1px solid #484848;
 margin: 6px;
 display: inline-block;
 margin-right: 6px;
 margin-left: 0;
 font-size: 13px;
 font-weight: 700;
}
footer .tags a:hover,
.uh-hidden-bar .tags a:hover {
 background: #00a99d;
 border-color:#00a99d;
 color: #fff;
}
footer .col-md-3:nth-child(1) img,
.uh-hidden-bar .col-md-3:nth-child(1) img {
 margin-bottom: 10px;
}
.uf-contactinfo li {
 color: #ffffff;
 padding: 15px 0;
 border-bottom: 1px dashed #606060;
 font-size: 16px;
}
.uf-contactinfo li:last-child {
 border-bottom: none;
}
.uf-contactinfo.no_border li {
 border: 0;
}
.uf-contactinfo li span {
 margin-right: 10px;	/*color: #ffffff;*/
}
.uf-newsletter {
 margin-top: 20px;
}
.uf-newsletter input {
 border-radius: 4px;
 background: #333333;
 padding: 10px 12px;
 border: 0;
 color: #999;
 font-size: 13px;
 font-style: italic;
}
.uf-newsletter input + button {
 padding: 8px 12px;
 background: #00a99d;
 color: #fff;
 border: 0;
 border-radius: 4px;
 text-transform: uppercase;
 margin-left: 6px;
 font-size: 13px;
 font-weight: 600;
 transition:.4s;
}
.uf-newsletter input + button:hover {
 background: #e4e4e4;
 transition:.4s;
 color: #00a99d;
}
.uf-newsletter input:focus {
 color: #fff;
 font-style: normal;
}
/** Twiiter widget Footer **/.twitter_feed li span {
 position: absolute;
 left: -5px;
 top: 23px;
 margin: auto 0px;
 padding: 8px;
 background: none repeat scroll 0% 0% #404040;
 color: #FFF;
 text-align: center;
 transform: rotate(45deg);
 border-radius: 4px;
 width: 32px;
 height: 31px;
}
footer .twitter_feed li span i {
 display: table;
 transform: rotate(-45deg);
}
.twitter_feed li p {
 margin-bottom: 0;
}
.twitter_feed li {
 padding-left: 45px;
 padding-bottom: 15px;
 border-bottom: 1px dashed #606060;
 padding-top: 10px;
 position: relative;
}
.twitter_feed li:first-child {
 padding-top: 0;
}
/*************** mobile menu *********/.navbar.fhmm.desktop {
 display: block;
}
.navbar.fhmm.mobile {
 display: none;
}
/************** Footer Styling  ************** */.footer_post li a {
 font-size: 13px;
 font-weight: 500;
 color: #8a8a8a;
 position: relative;
 padding-left: 20px;
}
.footer_post li a:before {
 content: "";
 width: 8px;
 height: 8px;
 background: #606060;
 position: absolute;
 left: 0px;
 top: 4px;
 border-radius: 2px;
 transform: rotate(45deg);
}
.footer_post li a:hover {
 color: #00a99d;
}
.footer_post li a:hover:before {
 content: "";
 background: #00a99d;
}
.footer_post li {
 padding: 10px 0 5px 0;
 border-bottom: 1px dashed #606060;
}
.footer_post li:last-child {
 border-bottom: none;
}
.footer_post li:first-child {
 padding-top: 0;
}
.footer_post span.small {
 font-weight: 500;
 font-size: 12px;
 margin: 3px 0;
 color: #606060;
 font-style: italic;
 display: block;
}
.footer_bottom {
 width: 100%;
 background: #333;
 padding: 30px 0 20px 0;
 margin-top: 40px;
 position: relative;
}
.footer_bottom p {
 font-size: 14px;
 font-weight: 800;
 color: #ffffff;
}
.footer_bottom.no_margin {
 margin-top: 0;
}
.footer_menu {
 float: right;
}
.footer_menu li {
 float: left;
 position: relative;
 margin-left: 5px;
}
.footer_menu li a {
 float: left;
 font-size: 14px;
 font-weight: 700;
 text-transform: uppercase;
 color: #ffffff;
 margin-right: 10px;
 line-height: 24px;
 padding-right: 10px;
}
.footer_menu li a:hover {
 color: #00a99d;
}
.footer_menu li a:after {
 content: "/";
 position: absolute;
 right: 1px;
 color: #606060 !important;
}
.footer_menu li:last-child a:after {
 content: "";
}
.u-works {
 padding: 70px 0px 50px !important;
}
.u-works h4 {
 text-transform: none !important;
}
.u-works .upi-inner {
 padding: 20px 15px 15px !important;
}
.u-works .upi-inner p {
 font-size:12px;
}
.u-works .owl-prev:before,
.u-works .owl-next:before {
 font-size: 50px;
}
#about-quote {
 padding: 100px 0 80px;
 position: relative;
}
#about-quote3 {
 padding: 80px 0 80px;
 position: relative;
}
/* Map Styles */.gmap {
 padding: 0px;
 height: 500;
}
.gmap div {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
#map {
 display: block;
 width: 100%;
 height: 500px;
 margin: 0 auto;
}
#map.large {
 height: 500px;
}
#map img {
 max-width: none !important;
 height: auto;
}
#map-ajax .gmap {
 padding: 0px;
 height: 320;
 border-radius:5px;
}
#map-ajax .gmap div {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 border-radius:5px;
}
#map.map-ajax {
 display: block;
 width: 100%;
 height: 320px;
 margin: 0 auto;
 border-radius:5px;
}
#map.map-ajax.large {
 height: 320px;
}
#map.map-ajax img {
 max-width: none !important;
 height: auto;
}
.google-map-header .gmap {
 padding: 0px;
 height: 200px !important;
}
.google-map-header .gmap div {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
#map1 {
 display: block;
 width: 100%;
 height: 200px;
 margin: 0 auto;
}
#map1.large {
 height: 200px;
}
#map1 img {
 max-width: none;
 height: auto;
}
.ui-accordion-header.ui-state-default:before {
 font-weight: 200;
 font-size: 16px;
 top: 8px;
 right: 15px !important;
}
#accordion-wrap {
 padding-bottom: 62px;
}
.ui-accordion-header.ui-state-default {
 margin-bottom: 10px !important;
}
.ui-accordion .ui-accordion-icons {
 padding-left: 17px;
}
#accordion-wrap h3 {
 font-size: 13px !important;
}
.ui-accordion .ui-accordion-icons {
 padding-left: 17px !important;
}
.ui-accordion-header.ui-state-default i {
 font-size: 15px;
}
.inner-wrap {
 padding: 50px 0;
}
.inner-wrap h4 {
 text-transform: uppercase;
 font-size: 26px;
 color: #FFF;
 margin: 39px 0 0;
}
.about-info2 {
 padding: 50px 0;
}
.about-info2 h4 {
 font-size: 22px;
 margin: 0 0 20px;
}
.about-info2 h4 .small {
 font-size: 16px;
 color: #606060;
}
.about-info2 p {
 margin-bottom: 22px;
}
.about-info3 {
 padding: 50px 0 50px;
}
.about-info3 .content-head {
 margin-bottom: 16px;
}
#tabs h4 {
 margin-top: 0;
 text-transform: uppercase;
 font-size: 14px;
}
#tabs img {
 border-radius: 5px;
 margin-right: 20px;
}
#tabs p {
 font-size: 14px;
 color: #8a8a8a;
 letter-spacing: 0;
 line-height: 24px;
 font-family: Raleway;
 margin: 0;
}
.ui-tabs .ui-tabs-panel {
 display: block;
 padding: 30px 30px 20px !important;
}
#timeline {
 padding: 75px 0;
}
.myprojects h3 {
 font-size: 20px;
 margin-bottom: 15px;
}
.myprojects p {
 font-size: 16px;
 line-height: 28px;
 margin: 5px 0 0;
 padding: 0 12%;
}
.about-info4 {
 padding: 70px 0 30px;
 border-bottom: 1px solid #e4e4e4;
}
.about-info4 span {
 margin-right: 15px;
}
.about-info4 p {
 margin-bottom: 25px;
}
.about-projects {
 padding: 60px 0 80px;
}
.about-projects1 {
 padding: 60px 0 50px !important;
}
.about-projects .item {
 width: 25%;
 margin: 0 !important;
 border: 1px solid #f9f9f9;
}
.about-projects h5 {
 font-size: 16px !important;
 font-weight: 800;
 margin: 15px 0 5px !important;
}
.about-projects .item span {
 position: relative;
}
.about-projects .icon_heart {
 font-size: 50px;
 color: #fff;
 text-align: center;
}
.about-projects em {
 font-style:normal;
 cursor:pointer;
}
.about-projects .heart .word {
 color:#00a99d !important;
}
.about-projects .item span em {
 position: absolute;
 line-height: 0;
 text-align: center;
 top: -5px;
 left: -5px;
 right: 0px;
 color: #F00;
 font-style: normal;
 font-size: 14px;
 font-weight: bold;
 color: #00a99d;
}
.about-projects .upio-inner.with_headings {
 top: 60px;
}
.cta-wrap2 {
 padding: 45px 0 50px;
}
.cta-wrap2 .content-sub {
 font-size: 16px;
 color: #606060;
 margin: 0px 0px 47px;
}
.cta-wrap2 .btn-regular {
 background: #e4e4e4;
 font-size: 13px;
 color: #606060;
}
.cta-wrap2 .btn-regular:hover {
 background: #00a99d;
 border-color: #00a99d;
 color: #e4e4e4;
}
.video {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 border: 0;
}
.video iframe,
.video object,
.video embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: none;
}
.post-blockquote {
 padding:0 50px;
 padding-right:25px;
}
.post-blockquote p {
 color:#383838;
 text-align:left;
 position:relative;
}
.post-blockquote p:before {
 content: open-quote;
 font-size: 50px;
 color: #00A99D;
 position: absolute;
 left: -28px;
 top: 14px;
}
.post-blockquote p:after {
 content:Close-quote;
 font-size: 50px;
 color: #00A99D;
 position: absolute;
 right: 7px;
 bottom: -14px;
}
.post-blockquote .quot-author {
 font-size: 13px;
 color: #00a99d;
 font-weight:400;
 text-align: right;
 display: table;
 width: 100%;
}
.blog-content {
 padding: 80px 0;
}
.mini-tags {
 margin: 25px 20px !important;
}
.mini-tags a {
 padding: 7px 14px !important;
 font-size: 11px !important;
}
.single-blog-post .upi-inner {
 padding: 20px 0px 40px !important;
}
.post_share .content-sub {
 font-size: 16px !important;
 margin: 0 0 50px !important;
}
.enlarge-social {
 display: table;
 margin: 0px auto;
}
.enlarge-social a p {
 color: #E4E4E4 !important;
 font-size: 0px !important;
 text-transform: uppercase;
 font-weight: 800;
 position: relative;
 top: -25px;
 left: 9px;
 margin-bottom: -30px;
 visibility: hidden;
 transition: .4s;
 padding-right: 0;
}
.enlarge-social a {
 padding-right: 10px;
 overflow: hidden;
 height: 40px;
 transition: .4s;
}
.enlarge-social a:hover {
 transition: .4s;
}
.enlarge-social a i {
 font-size: 16px;
 float: left;
 color: #e3e3e3 !important;
}
.enlarge-social a:hover p {
 visibility: visible;
 transition: .4s;
 font-size: 12px !important;
 padding-right: 15px;
}
.fullwidth div.comment h5 {
 cursor: pointer;
 text-transform: capitalize;
 margin-bottom: 4px !important;
}
.reply-btn {
 width: 62px;
 height: 30px;
 border-radius: 4px;
 border: 1px solid #DEDEDE;
 background: none repeat scroll 0% 0% #F9F9F9;
 line-height: 30px;
 text-align: center;
 font-size: 11px;
 text-transform: none;
 display: inline-block;
 font-weight: 800;
 color: #8a8a8a;
 float: right;
 margin-right: 5px;
}
.reply-btn:hover {
 background: #00a99d;
 color: #e4e4e4;
 border-color: #00a99d;
}
.leave-comment input ,
#contact-form input {
 color: #000;
 font-size: 12px;
 font-style: italic;
 height: 40px;
 margin-bottom: -10px;
 padding: 10px 15px;
}
.leave-comment input:focus ,
#contact-form input:focus ,
.leave-comment textarea:focus,
#contact-form textarea:focus {
 font-style: normal;
 font-size: 13px;
}
#contact-form input {
 margin-bottom: -0px;
}
.leave-comment textarea,
#contact-form textarea {
 color: #000;
 font-size: 12px;
 font-style: italic;
 height: 120px;
 border-radius: 5px;
 padding: 10px 15px;
}
#contact-form textarea {
 height: 200px;
}
.leave-comment button,
#contact-form button {
 border: 1px solid #00a99d;
 background: #383838;
 display: table;
 border-radius: 4px;
 padding: 10px 15px;
 font-size: 12px;
 color: #fff;
 text-transform: uppercase;
 font-weight: 800;
 margin-bottom: -40px;
 transition: 0.3s;
}
.leave-comment button:hover,
#contact-form button:hover {
 border: 1px solid #DEDEDE;
 background: #00a99d;
 color: #8A8A8A;
 transition: 0.3s;
}
.pagenav-single .prev span {
 font-size: 20px;
 position: relative;
 left: -6px;
 display: inline-block;
 margin-top: -15px;
 top: 3px;
}
.pagenav-single .next span {
 font-size: 20px;
 position: relative;
 left: 6px;
 display: inline-block;
 margin-top: -15px;
 top: 3px;
}
.pagenav-single {
 margin-top: 20px;
}
.blog-fullwidth,
.blog-grid {
 padding: 80px 0;
}
.blog-fullwidth-left .upi-inner {
 border-top: none;
}
.blog-fullwidth-left ul.post_info {
 text-align: center;
 border-bottom: 1px solid #E5E5E5;
 padding-bottom: 10px;
 display: table;
 margin: 0 auto;
 margin-bottom: 25px !important;
}
.blog-fullwidth-left ul.post_info li:first-child a {
 margin-left: 0 !important;
}
.blog-grid .up-item {
 margin-bottom: 50px !important;
}
.blog-grid_2 .post-blockquote p {
 text-align: center;
}
.blog-grid_2 .post_info {
 border-bottom: 1px solid #e4e4e4 !important;
 display: table !important;
 margin: 0px auto !important;
 padding: 5px 0px 13px !important;
}
.blog-grid_2 .post_info li:first-child a {
 margin: 0px !important;
}
.blog-grid_2 h4 i {
 color: #aaaaaa;
}
.blog-grid_2 h4:hover i {
 color: #00a99d;
}
.blog-grid .blog-grid_3 .up-item,
.blog-grid1_2 .up-item {
 margin-bottom: 30px !important;
}
.load-more {
 border: 1px solid #00a99d;
 background: #00a99d;
 display: table;
 border-radius: 6px;
 padding: 10px 15px;
 font-size: 20px;
 color: #e4e4e4;
 text-transform: uppercase;
 font-weight: 800;
 transition: 0.3s;
 margin: 20px auto 10px;
}
.go-blog {
 border: 1px solid #383838;
 background: #383838;
 display: table;
 border-radius: 6px;
 padding: 10px 15px;
 font-size: 12px;
 color: #e4e4e4;
 text-transform: uppercase;
 font-weight: 800;
 transition: 0.3s;
 margin: 20px auto 10px;
}
.dual-buttons {
 display: table;
 margin: 0 auto;
}
.less-margin20 {
 margin-top: 0 !important;
}
.less-margin10 {
 margin-top: -7px !important;
 position: relative;
}
.load-more:hover {
 border: 1px solid #DEDEDE;
 background: #f9f9f9;
 color: #8A8A8A;
 transition: 0.3s;
}
.go-blog:hover {
 border: 1px solid #00a99d;
 background: #00a99d;
 color: #e4e4e4;
}
.dual-buttons .load-more {
 float: left;
 margin-right: 5px;
}
.dual-buttons .go-blog {
 float: right;
 margin-left: 5px;
}
.blog-grid-right .page-nav ul {
 left: -10px !important;
}
#contact-info {
 padding: 80px 0 60px;
 border-bottom: 1px solid #e4e4e4;
}
#contact-form {
 padding: 60px 0 120px;
}
.faq-info {
 padding: 80px 0 60px;
}
.faq-info img {
 border-radius: 5px;
}
.faq-info h4 {
 font-size: 22px;
 color: #383838;
 margin: 0 0 18px;
}
.faq-info p {
 margin: 0 0 22px;
}
.faq-info2 {
 padding: 0 0 50px;
 border-bottom: 1px solid #e4e4e4;
}
.faq-info2 .categories ul li a {
 font-size: 13px;
 font-weight: 800 !important;
}
.faq-info2 .categories ul li a:before {
 position: absolute;
 left: 0px;
 width: 8px;
 height: 8px;
 top: 4px;
 content: "";
 background: none repeat scroll 0% 0% #DEDEDE;
 transform: rotate(45deg);
 border-radius: 2px;
}
.faq-info2 .content-head {
 margin: 0 0 15px !important;
}
.faq-info2 .widget {
 margin-bottom: 60px;
}
#accordion h3 {
 position: relative;
 padding-left: 40px !important;
}
#accordion h3:after {
 content: "\e064";
 font-family: 'ElegantIcons';
 font-size: 15px;
 color: #606060;
 position: absolute;
 left: 16px;
 top: 7px;
 font-weight: 400;
}
#accordion h3.ui-state-active:after {
 content: "\e052";
 color: #00a99d;
}
#accordion p {
 font-family: Raleway;
}
.ui-accordion .ui-accordion-content {
 padding: 0!important;
 border-top: 0px none;
 overflow: auto;
}
.ui-accordion .ui-accordion-content p {
 padding: 5px 15px;
}
.faq-quote {
 padding: 60px 0 80px;
}
.testimonial_five .testimonial_name {
 float: none;
 position: absolute;
 left: 0;
 bottom: -30px;
 font-weight: 800;
 font-style: italic;
 color: #606060;
 font-size: 13px;
 right: 0;
}
.testimonial_five .testimonial_star {
 float: right;
 position: absolute;
 right: 0px;
 bottom: -55px;
 color: #00A99D;
 left: 0px;
 z-index: 999;
}
.testimonial_five .owl-item {
 padding-bottom: 50px;
}
#service-dark {
 padding: 60px 0 60px;
 border-bottom: 1px solid #484848;
}
#service-dark2 {
 padding: 60px 0 10px;
 border-bottom: 1px solid #484848;
}
#service-dark .small {
 color: #686868;
 font-size: 12px;
 display: table;
 margin: -5px auto 12px;
}
#service-dark2 .col-md-4 {
 margin: 0 0 70px;
}
.blog_carousel {
 padding: 50px 0;
 border-bottom: 1px solid #484848;
}
.blog_carousel-lite {
 padding: 20px 0;
 border-bottom: 1px solid #dedede;
}
.blog_carousel .content-head.left ,
.blog_carousel-lite .content-head.left {
 margin-bottom: 30px;
}
.blog_carousel-lite1 .content-head.left {
 margin-bottom: 20px;
}
.blog_carousel .item h4 i {
 color: #606060;
}
.blog_carousel-lite .item h4 a {
 color: #000000 !important;
}
.blog_carousel-lite .item h4 i {
 color: #aaaaaa;
}
.blog_carousel-lite ul.post_info li a:before {
 content: "";
 background: #aaa !important;
}
.blog_carousel-lite ul.post_info li a {
 color: #aaa !important;
}
.blog_carousel-lite ul.post_info li a:hover:before {
 content: "";
 background: #00a99d !important;
}
.blog_carousel-lite .item h4 a:hover i ,
.blog_carousel-lite .item h4 a:hover ,
.blog_carousel-lite ul.post_info li a:hover {
 color: #00a99d !important;
}
#owl-blog ul.post_info ,
#owl-blog2 ul.post_info ,
.owl-blog4 ul.post_info {
 display: table;
 margin: 8px auto;
}
#owl-blog ul.post_info li:first-child a ,
#owl-blog2 ul.post_info li:first-child a ,
.owl-blog4 ul.post_info li:first-child a {
 margin-left: 0;
}
#owl-blog2 ul.post_info li a:before {
 content: "";
 background: #606060;
}
#owl-blog2 ul.post_info li a {
 color: #606060;
}
.blog_carousel .item p {
 font-size: 14px;
}
.blog_carousel .read_more {
 font-size: 14px !important;
 color: #e4e4e4;
}
.blog_carousel .item h4 a:hover i ,
.blog_carousel .item h4 a:hover ,
.blog_carousel .read_more:hover {
 color: #00a99d !important;
}
.blog_carousel .ui-accordion-header {
 border-color: #484848 !important;
}
.blog_carousel .ui-accordion-header:after ,
.blog_carousel-lite .ui-accordion-header:after,
#accordion-wrap .ui-accordion-header:after ,
.project-info-accordion .ui-accordion-header:after ,
.accordion-cat .ui-accordion-header:after {
 display: none;
}
.ui-accordion-header.ui-state-active {
 border-radius: 5px !important;
}
.blog_carousel #accordion h3 {
 position: relative;
 padding-left: 18px !important;
 color: #8a8a8a !important;
}
.blog_carousel #accordion h3 i {
 color: #fff !important;
}
.blog_carousel #accordion h3.ui-state-active {
 color: #00a99d !important;
 border-color: #00a99d !important;
}
.blog_carousel #accordion h3.ui-state-active i {
 color: #00a99d !important;
}
.blog_carousel-lite #accordion h3 ,
.accordion-cat #accordion h3,
#accordion-wrap #accordion h3 {
 position: relative;
 padding-left: 18px !important;
 color: #606060 !important;
}
.blog_carousel-lite #accordion h3 i {
 color: #606060 !important;
}
.blog_carousel-lite #accordion h3.ui-state-active ,
#accordion-wrap #accordion h3.ui-state-active ,
#accordion-wrap #accordion h3:hover {
 color: #00a99d !important;
}
.blog_carousel-lite #accordion h3.ui-state-active i ,
#accordion-wrap #accordion h3.ui-state-active i {
 color: #00a99d !important;
}
.u-clients-dark {
 padding: 60px 0 70px;
}
#services-app {
 padding: 80px 0 70px;
}
#services-app a {
 display:table;
 margin:0 auto;
}
.services-app {
 padding: 60px 0 70px !important;
 border-bottom: 1px solid #e4e4e4;
}
.services-app h3 i {
 color: #00a99d;
}
.services-app .col-md-3:hover h3 {
 background: #00a99d !important;
 border-color: #00a99d !important;
}
.services-app h3:hover i {
 color: #e4e4e4;
}
#services-app3 {
 padding: 60px 0 70px;
}
#services-app4 {
 padding: 20px 0 90px;
}
#services-app4 a {
 color: #00a99d;
}
#services-app4 a:hover {
 color: #606060;
}
#services-app4 .col-md-3:hover {
 cursor: pointer;
}
#services-app4 .col-md-3:hover h3 {
 background: #383838;
}
#services-app3 .col-md-4:hover {
 cursor: pointer;
}
#services-app3 .col-md-4:hover h5 {
 color: #00a99d;
}
#services-app2 {
 padding: 60px 0 20px;
}
#app-features {
 padding: 80px 0 20px;
}
#app-feature-dark {
 padding: 80px 0 0px;
}
#app-features .media-list li ,
#app-feature-dark .media-list li {
 cursor: pointer;
}
#app-features .media-list li:hover .square-icon-box:before ,
#app-feature-dark .media-list li:hover .square-icon-box:before {
 background: #00a99d;
 border-color: #00a99d;
}
#app-features .media-list li:hover .square-icon-box i,
#app-feature-dark .media-list li:hover .square-icon-box i {
 color: #fff;
}
#app-features .media-heading {
 margin: 2px 0px 10px;
}
.background_bg_black .content-sub {
 color: #606060;
}
.shots-wrap .item {
 margin: 0 15px;
 border-radius: 5px;
 overflow: hidden;
}
.download-btns {
 padding: 80px 0 60px;
 border-bottom: 1px solid #e4e4e4;
}
#download-btns {
 margin: 0 auto;
 display: table;
}
.btn-android,
.btn-apple {
 border: 1px solid #00a99d;
 background: #00a99d;
 display: table;
 border-radius: 4px;
 padding: 10px 15px;
 font-size: 13px;
 color: #e4e4e4;
 text-transform: uppercase;
 font-weight: 800;
 margin: 0 5px;
 transition: 0.3s;
 float: left;
}
.btn-apple {
 border: 1px solid #383838;
 background: #383838;
}
.btn-android i,
.btn-apple i {
 font-size: 20px;
 margin-right: 8px;
 margin-top: -10px;
 position: relative;
 top: 2px;
}
.btn-android:hover {
 border: 1px solid #383838;
 background: #383838;
 color: #e4e4e4;
 transition: 0.3s;
}
.btn-apple:hover {
 border: 1px solid #00a99d;
 background: #00a99d;
 color: #e4e4e4;
 transition: 0.3s;
}
.app-newsletter {
 padding: 60px 0 80px;
}
.footer-bottom_2 {
 margin-top: 60px;
}
.footer-bottom_2 i {
 color: #FFF;
 transform: rotate(-311deg);
 position: absolute;
 right: 15px !important;
 top: 11px !important;
 font-size: 17px;
 bottom: auto;
}
.footer2 {
 padding: 50px 0 0px;
}
.app-pricing {
 padding: 60px 0 100px;
}
.quote-style2 {
 background: url(../demo/home/bg1.jpg) no-repeat top center fixed;
 background-size:130% auto;
 position: relative;
 padding-bottom: 50px;
}
.quote-style2 .owl-next:hover ,
.quote-style2 .owl-prev:hover {
 background: #e4e4e4 !important;
}
.quote-style2 .owl-prev:hover:before ,
.quote-style2 .owl-next:hover:before {
 color: #00a99d !important;
}
.loupe-wrapper {
 padding: 145px 0 60px;
 border-bottom: 1px solid #e4e4e4;
}
.loupe {
 width: 220px !important;
 height: 220px !important;
 overflow: visible;
 z-index: 999;
 border-radius: 50%;
 display: block !important;
 cursor: url(images/magnify.png), 	url(images/magnify.png), none;
 display: block !important;
}
.loupe:before {
 content: "";
 background: url('../images/magnify.png') no-repeat;
 position: absolute;
 width: 220px;
 height: 220px;
 top: 0;
 left: 0;
 right: 0px;
 z-index: 999;
}
.loupe img {
 max-width: 1500px;
}
.loupe-wrapper .aligncenter {
 max-width: 900px;
 width: 100%;
 margin: 0 auto;
 position: relative;
}
#mlens_target_0 {
 display: block !important;
 top: -60px;
 left: 90px;
}
#u-welcome {
 border-bottom: 1px solid #e4e4e4;
 padding: 80px 0 60px;
}
#u-welcome1 {
 padding: 60px 0 0px;
}
.service-content {
 margin-bottom: 70px;
 cursor: pointer;
}
.service-content .number {
 width: 60px;
 height: 69px;
 border-radius: 5px;
 background: #383838;
 line-height: 60px;
 text-align: center;
 font-size: 60px;
 color: #e4e4e4;
 float: left;
 transition: .3s;
}
.service-content:hover .number {
 background: #00a99d;
 transition: .3s;
}
.service-c1 .service-content:nth-child(1) .number {
 line-height: 60px;
}
.service-c1 .service-content:nth-child(2) .number {
 line-height: 60px;
}
.service-c1 .service-content:nth-child(3) .number {
 line-height: 50px;
}
.service-c2 .service-content:nth-child(1) .number {
 line-height: 55px;
}
.service-c2 .service-content:nth-child(2) .number {
 line-height: 53px;
}
.service-c2 .service-content:nth-child(3) .number {
 line-height: 70px;
}
.service-content-inner {
 margin-left: 70px;
}
.service-content-inner h5 {
 margin: 0 0 10px;
}
.service-style3 {
 padding: 60px 0 20px;
 border-bottom: 1px solid #e4e4e4;
}
.laptop_slider .owl-item {
 margin-top: 113px;
}
.laptop_slider .owl-pagination {
 position: relative;
 top: -0px;
 z-index: 999;
}
.laptop_slider .owl-item div {
 display: table;
 margin-top: -90px;
 margin-left: 76px;
 width: 419px;
 height: 316px;
}
.laptop_slider .owl-item img {
 width: 100%;
 max-width: 100%;
}
.about-projects .upi-thumb {
 position: relative;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-radius: 5px !important;
 overflow: hidden;
}
#pricing {
 border-bottom: 1px solid #e4e4e4;
 padding: 60px 0;
}
.navbar-nav>li.menu-item-has-children>a:after {
 height: 0!important;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
 color: #00a99d;
 background: #00a99d;
}
.navbar-default .navbar-nav>li>a {
 color: #262626;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover:before {
 color: #e4e4e4;
 background: #00a99d;
}
.navbar-nav>li .sub-menu,
.navbar-nav>li .sub-menu>li>a,
.navbar-nav>li .sub-menu>li .sub-menu,
.navbar-nav>li>a:after {
 -webkit-transition: all .25s ease;
 -moz-transition: all .25s ease;
 -ms-transition: all .25s ease;
 -o-transition: all .25s ease;
 transition: all .25s ease;
}
.navbar-nav>li.menu-item-has-children:before,
.sub-menu>li.menu-item-has-children:before {
 position: absolute;
 top: 50%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.navbar-nav>li.menu-item-has-children:before {
 color: #262626;
}
.sub-menu>li.menu-item-has-children:before {
 color: #ffffff;
}
.sub-menu>li.menu-item-has-children:hover:before {
 color: #262626;
}
.navbar-nav>li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 130%;
 left: 0;
 min-width: 189px;
 border: 1px solid #ebebeb;
 border-top: 2px solid #d9d9d9;
 height: 0;
 overflow: hidden;
 opacity: 0;
 visibility: hidden;
 z-index: 999;
 -webkit-border-radius: 0 0 7px 7px;
 -moz-border-radius: 0 0 7px 7px;
 border-radius: 0 0 7px 7px;
 -webkit-box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
 -moz-box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
 box-shadow: 3px 4px 19px 1px rgba(0,0,0,.1);
}
.navbar-nav>li:hover .sub-menu {
 height: auto;
 opacity: 1;
 overflow: visible;
 top: 98px;
 visibility: visible;
}
.navbar-nav>li .sub-menu>li>a {
 background-color: #f9f9f9;
 font-size: 13px;
 font-weight: bold;
 color: #000000;
 border-bottom: 1px solid #ebebeb;
 display: inline-block;
 min-width: 100%;
 line-height: 25px;
 padding: 10px 15px;
}
.navbar-nav>li .sub-menu>li:last-child a {
 border-bottom: 0;
}
.navbar-nav>li .sub-menu>li>a:hover {
 background: #00a99d;
 color: #fff;
}
.navbar-nav>li .sub-menu>li {
 position: relative;
}
.navbar-nav>li .sub-menu>li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 0;
 left: 130%;
 width: 0;
 height: auto;
 opacity: 0;
 visibility: hidden;
}
.navbar-nav>li .sub-menu>li .sub-menu:before {
 content: "";
 width: 15px;
 height: 100%;
 left: -15px;
 background: transparent;
 position: absolute;
}
.navbar-nav>li .sub-menu>li:hover .sub-menu {
 opacity: 1;
 overflow: visible;
 width: 160px;
 left: 100%;
 margin-left: 15px;
 visibility: visible;
 border-top: none !important;
}
.toggle_nav_button {
 display: none;
}
.skills-bar {
 position: relative;
 width: 141px;
 height: 141px;
 background: #ebebeb;
 border-radius: 5px;
 display: table;
 transition: 0.4s;
 overflow: hidden;
}
#about-skills-dark .skills-bar {
 background: #484848;
}
.tngl-skills {
}
.skills-bar:before {
 content: "";
 background: url(../images/skills-bg.png) no-repeat center center;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 transition: 1s;
 z-index: 200;
}
#about-skills-dark .skills-bar:before {
 content: "";
 background: url(../images/skills-bg-dark.png) no-repeat center center;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 transition: 1s;
 z-index: 200;
}
.skills-bar:after {
 content: "";
 background: #00a99d;
 width: 100%;
 height: 100%;
 top: 0;
 left: -0%;
 position: absolute;
 transition: 1s;
 transform: none;
 z-index: 100;
}
.skills-bar-main {
 position: relative;
 overflow: hidden;
 display: table;
 margin: 0 auto;
}
#skill1:after {
 margin-left: -101%;
}
#skill2:after {
 margin-left: -101%;
}
#skill3:after {
 margin-left: -101%;
}
#skill4:after {
 margin-left: -101%;
}
#skill5:after {
 margin-left: -101%;
}
#skill6:after {
 margin-left: -101%;
}
#skill1.active:after {
 left: 75%;
}
#skill2.active:after {
 left: 92%;
}
#skill3.active:after {
 left: 68%;
}
#skill4.active:after {
 left: 100%;
}
#skill5.active:after {
 left: 83%;
}
#skill6.active:after {
 left: 50%;
}
.skill-info {
 min-height: 100px;
 background: #f9f9f9;
 margin: -71px 0 0px;
 position: relative;
 z-index: 999;
}
.skill-info:before {
 content: "";
 height: 1px;
 width: 98px;
 background: #ebebeb;
 position: absolute;
 top: 0px;
 left: 0;
 right: 0;
 margin: 0 auto;
}
#about-skills-dark .skill-info:before {
 content: "";
 background: #484848;
}
#about-skills-dark .skill-info {
 background: #383838;
}
.skill-info span {
 font-size: 20px;
 font-weight: 800;
 text-transform: uppercase;
 color: #e4e4e4;
 background: #383838;
 width: 50px;
 height: 50px;
 border-radius: 5px;
 display: table;
 transform: rotate(45deg);
 margin: 0 auto;
 z-index: 999;
 position: relative;
 top: -24px;
 margin-bottom: -24px;
 padding: 11px 0 0 12px;
}
#about-skills-dark .skill-info span {
 background: #e4e4e4;
 color: #383838;
}
.skill-info span.movecenter {
 padding: 9px 0px 0px 8px;
}
.skill-info span em {
 display: table;
 transform: rotate(-45deg);
 font-style: normal;
}
.skill-info h4 {
 font-size: 14px;
 font-weight: 800;
 text-transform: uppercase;
 color: #606060;
 text-align: center;
 margin: 23px 0 0;
}
#about-skills-dark .skill-info h4 {
 color: #e4e4e4;
}
.blog2 .owl-controls {
}
.no-pagination .owl-pagination {
 display: none;
}
.center-circle-icon {
 width: 80px !important;
 height: 80px !important;
 padding: 0px !important;
 text-align: center;
 line-height: 80px;
 border: 1px solid #00a99d;
 margin: 0;
 border-radius: 50%;
}
.services-app4 .left_icon_text {
 padding-left: 100px;
}
.services-app4 .col-md-4:hover {
 cursor: pointer;
}
.services-app4 .col-md-4:hover .center-circle-icon {
 background: #00a99d;
 color: #e4e4e4;
 transition: .4s;
}
.services-app4 .col-md-4:hover .center-circle-icon i {
 color: #e4e4e4;
 transition: .4s;
}
.services-app4 .col-md-4:hover h5 {
 color: #00a99d;
 transition: .4s;
}
.white-2px {
 height: 1px;
 width: 100%;
 display:table;
}
.error-wrap {
 padding: 80px 0;
}
.tp-bullets {
 z-index: 88 !important;
}
.owl-services-slider .ct-ribbon {
 background: none repeat scroll 0 0 #00a99d;
 color: #ffffff;
 display: inline-block;
 float: left;
 height: 56px;
 position: relative;
 width: 40px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.owl-services-slider .ct-ribbon .ct-triangle {
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-top: 20px solid #00a99d;
 height: 0;
 position: absolute;
 top: 100%;
 width: 0;
}
.owl-services-slider .ct-ribbon .ct-triangle.two {
 width: 40px;
 height: 36px;
 position: absolute;
 background: #404040;
 top: 0;
 border: 0;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
.owl-services-slider .ct-ribbon span.number {
 font-weight: 800;
 font-size: 20px;
 margin-top: 8px;
 position: relative;
}
.owl-services-slider .ct-ribbon span.number em {
 font-style: normal;
 visibility: visible;
 opacity: 1;
 transition: 0.3s;
}
.owl-services-slider .ct-ribbon span.number i {
 position: absolute;
 top: 5px;
 left: 0;
 right: 0;
 visibility: hidden;
 opacity: 0;
 transition: 0.4s;
}
.owl-services-slider .owl-item:hover .ct-ribbon span.number em {
 font-style: normal;
 visibility: hidden;
 opacity: 0;
 transition: 0.3s;
}
.owl-services-slider .owl-item:hover .ct-ribbon span.number i {
 position: absolute;
 top: 5px;
 left: 0;
 right: 0;
 visibility: visible;
 opacity: 1;
 transition: 0.4s;
}
.owl-services-slider .ct-ribbon .ct-triangle.two:before {
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-top: 20px solid #404040;
 height: 0;
 position: absolute;
 top: 100%;
 width: 0;
 left: 0;
 content: "";
}
.owl-services-slider .owl-item:hover h5 {
 color: #00a99d !important;
}
/* Hover Effect */.owl-services-slider .u-services .col-md-4:hover .ct-ribbon {
 background: #404040;
}
.owl-services-slider .u-services .col-md-4:hover .ct-triangle.two:before {
 border-top-color: #00a99d;
}
.owl-services-slider .u-services .col-md-4:hover .ct-triangle.two {
 background: #00a99d;
}
.owl-services-slider .u-services .col-md-4:hover .ct-triangle {
 border-top-color: #404040;
}
.owl-services-slider .owl-item:hover .ct-ribbon {
 background: #404040;
}
.owl-services-slider .owl-item:hover .ct-triangle.two:before {
 border-top-color: #00a99d;
}
.owl-services-slider .owl-item:hover .ct-triangle.two {
 background: #00a99d;
}
.owl-services-slider .owl-item:hover .ct-triangle {
 border-top-color: #404040;
}
.owl-services-slider .owl-buttons.service_dark {
 position: absolute;
 left: 0px;
 width: 100%;
 top: 198px !important;
 margin-top: -56px;
 z-index: 999;
}
.owl-services-slider .owl-item:before {
 content: "\39";
 font-family: 'ElegantIcons';
 color: #fff;
 position: absolute;
 right: -9px;
 top: 16px;
 font-size: 20px;
 color: #606060;
}
.owl-services-slider .owl-item:after {
 content: "\39";
 font-family: 'ElegantIcons';
 color: #fff;
 position: absolute;
 right: 0px;
 top: 16px;
 font-size: 20px;
 color: #606060;
}
.owl-services-slider .owl-next:after {
 content: "";
 width: 40px;
 height: 50px;
 background: #383838 url(../images/dots-sep.png) repeat-x center center;
 position: absolute;
 right: -20px;
 top: -9px;
}
#coupon-code {
 width: 270px;
 margin: 0 auto;
}
#coupon-code input {
 width: 190px;
 float: left;
 margin-right: 10px;
 font-weight: 500;
 margin-top: 20px;
}
#coupon-code input:focus {
 font-style: normal;
 font-size: 14px;
}
#coupon-code button {
 color: #e4e4e4;
 font-style: normal;
 width: 70px;
 float: left;
 font-size: 13px !important;
}
#coupon-code button {
 color: #E4E4E4;
 font-style: normal;
 width: 70px;
 float: right;
 margin-top: 19px;
 border: 1px solid #383838;
 height: 38px;
}
#coupon-code button:hover {
 color: #E4E4E4;
 border: 1px solid #00a99d !important;
 background: #00a99d !important;
}
.ch-margin .content-head {
 margin-bottom: 25px;
}
#carousel li.flex-active-slide {
 position: relative;
}
#carousel li.flex-active-slide:before {
 content: "\54";
 font-family: 'ElegantIcons';
 background: rgba(0,169,157,0.8);
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 border-radius: 5px;
 z-index: 999;
 width: 100%;
 height: 100%;
 text-align: center;
 line-height: 5.5;
 font-size: 22px;
 color: #e4e4e4;
}
div#carousel .flex-direction-nav .flex-prev {
 left: -50px;
}
div#carousel .flex-direction-nav .flex-next {
 right: -50px;
}
.sort-product {
 position: relative;
}
.sort-product:before {
 content: "Sort By :";
 font-size: 12px;
 font-style: italic;
 color: #aaaaaa;
 position: absolute;
 left: 15px;
 top: 12px;
 z-index: 999;
}
.sort-product .btn-group.bootstrap-select .btn span.filter-option {
 color: #00A99D;
 display: inline-block;
 font-size: 12px;
 font-style: normal;
 font-weight: 500;
 padding: 12px 15px;
 float: left !important;
 font-style: italic;
 padding-left: 65px;
}
.post-share_single .enlarge-social a p {
 top: -5px;
}
.post-share_single .enlarge-social a {
 padding-right: 10px;
 overflow: hidden;
 height: 40px;
 transition: .4s;
 width: 40px;
}
.post-share_single .enlarge-social a:hover {
 width: 190px;
 transition: 0.3s;
}
/*HIDDEN CART*/.ut-cart {
 position: relative;
}
#uh-cart-wrapper {
 position: absolute;
 top: 41px;
 right: 0;
 display: none;
 width: 333px;
 z-index: 1111;
 background: #fff;
 box-shadow: 0 5px 12px #919191;
 padding: 5px 0;
 border-top: 1px solid #00a99d;
}
.uh-cart-wrapper {
 position: relative;
 width: 300px;
 z-index: 1111;
 background: #fff;
 box-shadow: 0 5px 12px #919191;
 padding: 5px 0;
 border-top: 1px solid #00a99d;
}
.uh-cart-wrapper-dark {
 background: #383838 !important;
 border: 1px solid #383838;
 box-shadow: none !important;
}
#uh-cart-wrapper img,
.uh-cart-wrapper img {
 max-width: 83px;
}
.uh-cart-item {
 padding: 15px 20px;
 border-top: 1px solid #ebebeb;
}
.uh-cart-wrapper-dark .uh-cart-item {
 padding: 15px 20px;
 border-top: 1px solid #484848;
}
.uh-cart-wrapper-dark .uh-cart-end {
 border-top: 1px solid #484848;
}
.uh-cart-wrapper-dark .uh-total-price {
 color: #e4e4e4;
}
.uh-cart-wrapper-dark .uh-view-cart {
 background: #e4e4e4;
 border: 1px solid #e4e4e4;
 color: #383838;
}
.uh-cart-wrapper-dark .uh-view-cart:hover {
 background: #484848;
 border: 1px solid #484848;
 color: #e4e4e4;
}
.uh-cart-wrapper-dark .uh-checkout:hover {
 background: transparent;
}
.uh-cart-wrapper-dark .uh-cart-remove {
 background: url('../demo/cart-remove-off-dark.png') no-repeat scroll 0px 0px transparent;
 height: 20px;
 width: 20px;
 position: absolute;
 top: 0px;
 right: 0px;
 cursor: pointer;
 z-index: 999;
 border-radius: 4px;
}
#uh-cart-wrapper .uh-cart-item:first-child,
.uh-cart-wrapper .uh-cart-item:first-child {
 border-top: none;
}
.uh-cart-image {
 margin: 0;
 padding: 0;
}
.uh-cart-content span {
 display: block;
}
.uh-cart-title {
 font-size: 13px;
 color: #383838;
 margin-top: 0;
 margin-bottom: 8px;
}
.uh-cart-price {
 color: #606060;
 font-weight: 800;
 font-size: 16px;
}
.uh-cart-quantity {
 font-size: 13px;
 color: #aaaaaa;
 font-style: italic;
 margin-top: 8px;
}
.uh-cart-item .uh-cart-title:hover {
 color: #00a99d;
}
.uh-cart-remove {
 background: url("../demo/cart-remove-off.png") no-repeat 0 0;
 height: 20px;
 width: 20px;
 position: absolute;
 top: 0;
 right: 0;
 cursor: pointer;
 z-index: 999;
}
.uh-cart-item .uh-cart-remove:hover {
 background:#00a99d url("../demo/cart-remove-on.png") no-repeat;
 border-radius:4px;
}
.uh-cart-end {
 text-align: center;
 padding: 0 20px 20px 20px;
 border-top: 1px solid #ebebeb;
}
.uh-cart-end span,
.uh-cart-end a {
 display: block;
 font-weight: bold;
 line-height: 35px;
}
.uh-cart-end a {
 text-transform: uppercase;
 border-radius: 5px;
 margin-top: 10px;
 font-size: 13px;
 color: #e4e4e4;
 padding: 1px 15px;
}
.uh-cart-end a:first-child {
 margin-top: 0;
}
.uh-view-cart {
 background: #383838;
 border: 1px solid #383838;
}
.uh-checkout {
 background: #00a99d;
 border: 1px solid #00a99d;
}
.uh-view-cart:hover {
 background: #f9f9f9;
 border-color: #383838;
 color: #383838;
}
.uh-checkout:hover {
 background: #f9f9f9;
 border-color: #00a99d;
 color: #00a99d;
}
.uh-cart-content {
 padding-left: 30px;
}
.uh-total-price {
 font-size: 16px;
 margin-top: 21px;
}
#ajax {
 height: 1px;
}
.slout-controls {
 display: table;
 padding: 0;
 margin: -50px auto 50px;
}
.s-controls-down {
 margin: 50px auto 0;
}
.slout-controls li {
 float: left;
 list-style: none;
 margin: 0 7px !important;
}
.slout-controls li a {
}
.close {
 width: 41px;
 height: 41px;
 opacity: 1 !important;
 margin-top: 0 !important;
}
.slout-controls li:hover,
.slout-controls li a:hover,
.close:hover {
 opacity: 1;
}
.project-single .owl_single1 {
 margin-bottom: -20px;
}
.project-single h4 {
 font-size: 17px;
 margin: 0 0 12px;
 color: #00a99d;
 font-weight: 800;
}
.project-single p {
 font-size: 14px;
 margin: 0 0 20px;
 color: #000000;
 font-weight: 500;
}
.project-single {
 background: #ebebeb;
 padding: 40px 25px 40px;
 border-radius: 5px;
 position: relative;
 display: inline-block;
 width: 100%;
 margin-bottom: 30px;
}
.full-width-home .project-single {
 margin-bottom: 20px;
 margin-top: 20px;
}
.project-single a {
 color: #00a99d;
}
.project-single a:hover {
 color: #383838;
}
.project-meta {
 padding: 0;
}
.project-meta li {
 border-top: 1px solid #dedede;
 padding: 15px 0;
 font-size: 14px;
 color: #000000;
}
.project-meta li span {
 font-weight: 800;
 color: #606060;
 margin-right: 10px;
}
.ps-fb,
.ps-tweet,
.ps-gplus,
.ps-pinst {
 width: 25px;
 height: 25px;
 background: #000;
 color: #e4e4e4 !important;
 display: inline-block;
 margin-right: 3px;
 border-radius: 50%;
 text-align: center;
 line-height: 25px;
 transition: 0.4s;
 opacity: 1;
}
.ps-fb:hover,
.ps-tweet:hover,
.ps-gplus:hover,
.ps-pinst:hover {
 transition: 0.4s;
 opacity: 0.6;
 color: #e4e4e4 !important;
}
.ps-fb {
 background: #517dbe;
}
.ps-tweet {
 background: #2ca8d2;
}
.ps-gplus {
 background: #383838;
}
.ps-pinst {
 background: #ff4e4e;
}
.close-it {
 width: 41px;
 height: 41px;
 opacity: 1 !important;
 margin-top: 0px !important;
 position: absolute;
 right: 11px;
 top: 37px;
 color: #606060 !important;
 z-index: 999;
}
.close-it:hover {
 color: #383838 !important;
}
.img-radius {
 border-radius: 5px;
}
.video-radius iframe {
 border-radius: 5px;
 overflow: hidden;
}
.fhmm-fw {
 position: static !important;
}
.sub-menu {
 border: none !important;
 margin-top: 2px;
}
.dropdown_menu {
 position: absolute;
 left: -429px !important;
 width: 1140px !important;
 border-top: 2px solid #00a99d !important;
 background: #f9f9f9;
 z-index: 999;
 box-shadow: 5px 5px 20px rgba(0,0,0,0.2) !important;
 z-index: 999;
 padding: 15px 25px 50px !important;
 overflow: hidden;
 border-radius: 0 0 5px 5px !important;
}
.dropdown_menu.fullwidth .col-sm-3:nth-child(1) {
 width: 27.5%;
}
.dropdown_menu.fullwidth .col-sm-3:nth-child(2) {
 width: 24%;
}
.dropdown_menu.fullwidth .col-sm-3:nth-child(3) {
 width: 24.5%;
}
.dropdown_menu.fullwidth .col-sm-3:nth-child(4) {
 width: 24%;
}
.dropdown_menu.fullwidth .add_to_cart {
 margin-top: 6px;
 padding: 10px 22px !important;
}
.dropdown_menu.fullwidth .upi-inner {
 display: inline-block;
 height: 100%;
 padding-bottom: 15px;
 width: 100%;
}
.dropdown_menu.fullwidth .upio-inner {
 display: table-cell;
 margin: auto;
 height: 40px;
 position: absolute;
 top: -27px !important;
}
.dropdown_menu.fullwidth .title {
 font-size: 14px;
 font-weight: 800;
 color: #00a99d;
 margin-top: 15px;
 text-transform: uppercase;
 border-bottom: none;
 padding-bottom: 10px;
}
.dropdown_menu .upi-overlay a:hover {
 background: transparent !important;
}
.dropdown_menu.fullwidth ul {
 list-style: none;
 padding-left: 0px;
}
.portfolio-style2 .up-item {
 border: 1px solid transparent;
 border-radius: 5px !important;
 overflow: hidden;
}
.portfolio-single-dark .project-single {
 background: #484848;
 padding: 40px 25px 40px;
 border-radius: 5px;
 position: relative;
 display: inline-block;
 width: 100%;
}
.portfolio-single-dark .project-meta li {
 border-top: 1px solid #383838;
 padding: 15px 0;
 font-size: 14px;
 color: #000000;
}
.portfolio-single-dark .project-meta li span {
 font-weight: 800;
 color: #000000;
 margin-right: 10px;
}
.portfolio-single-dark .project-single a:hover {
 color: #e4e4e4;
}
.portfolio-single-dark {
 margin-top: 40px;
}
.dropdown_menu.fullwidth .diamond li a {
 color: #606060;
 background: none !important;
}
.dropdown_menu.fullwidth .diamond li a:hover {
 color: #00a99d !important;
 background: none !important;
}
.services-app6 .col-md-3:hover .center_box_icon i {
 color: #e4e4e4 !important;
}
.flex-nav-carousel {
 width: 72% !important;
}
.u-header-dark .navbar-nav >li a {
 color: #e4e4e4 !important;
}
.u-header-dark .navbar-nav li li a {
 color:#000000 !important;
}
.index-head6 #uh-cart-wrapper ,
.index-head8 #uh-cart-wrapper {
 top: 40px;
 left: 20px;
 right: auto;
}
.u-header-dark2 {
 background: #383838;
 border-bottom: none;
}
.u-header-dark2 .navbar-nav >li a ,
.u-header-dark2 .navbar-nav li li a {
 color: #e4e4e4 !important;
}
.u-header-dark2 .navbar-nav >li a:hover {
 background: #e4e4e4;
 color: #00a99d !important;
}
.u-header-dark2 .sub-menu {
 background: #383838 !important;
 border: 1px solid #424242 !important;
 margin-top: -2px;
}
.u-header-dark2 .sub-menu li {
 background: #383838 !important;
 border-bottom: 1px solid #444444 !important;
}
.u-header-dark2 .sub-menu li a {
 background: #383838 !important;
 border: none !important;
}
.u-header-dark2 .sub-menu li:last-child {
 border-bottom: none !important;
}
.u-header-dark2 .dropdown_menu.fullwidth .product .wrapper {
 border: 1px solid #444;
}
.u-header-dark2 .dropdown_menu.fullwidth .upi-inner {
 border-color: #444;
}
.u-header-dark2 .navbar-nav li li a:hover {
 color: #000000 !important;
 background: #2a2a2a !important;
}
.u-header-dark2 .navbar-nav li li li a:hover {
 color: #e4e4e4 !important;
 background: #2a2a2a !important;
}
.index-head7 .navbar-nav > li .sub-menu {
 top: 130%;
}
.index-head7 .navbar-nav > li:hover .sub-menu {
 top: 38px;
 left: 5px;
}
#dark_home .navbar-nav > li:hover .sub-menu {
 top: 104px !important;
}
.index-head7 .navbar-nav > li .dropdown-menu > li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 0;
 left: 130%;
 width: 0;
 height: auto;
 opacity: 0;
}
.index-head7 .sub-menu ul {
 opacity: 1;
 overflow: visible;
 width: 160px;
 left: 100% !important;
 top: 0 !important;
}
.sub-menu li li a {
 border-radius: 0px !important;
}
.sub-menu li li:last-child a {
 border-radius: 0 0 5px 5px !important;
}
.index-head7 .dropdown-menu {
 position: absolute;
 left: 15px !important;
 width: 1140px !important;
 border-top: 2px solid #00a99d !important;
 background: #f9f9f9;
 z-index: 999;
 box-shadow: 5px 5px 20px rgba(0,0,0,0.2) !important;
 z-index: 999;
 padding: 15px 25px 50px !important;
 overflow: hidden;
 border-radius: 0 0 5px 5px !important;
 margin-top: 2px !important;
}
.index-head7 .ut-cart {
 margin-right: 10px;
 margin-top: 1px;
}
.index-head7 .uh-search {
 margin-top: 5px;
 margin-right: -15px;
}
.index-head7 .u-topbar.u-topbar-dark .uh-search form {
 top: 0px;
 height: 30px !important;
 margin-top: 2px;
 margin-bottom: 2px;
 width: 180px !important;
 opacity: 1 !important;
 visibility: visible !important;
 background: #f9f9f9 url(../images/search.png) no-repeat right center;
 background-position: 97% 50%;
}
.index-head7 .u-topbar.u-topbar-dark .uh-search form input {
 padding: 5px 12px;
 height: 30px;
}
.index-head7 .u-topbar.u-topbar-dark .uh-search form:focus {
 background: #f9f9f9 url(../images/search-hr.png) no-repeat right center;
 background-position: 97% 50%;
}
.index-head7 #uh-cart-wrapper {
 top: 39px;
}
.index-head8 .navbar-nav>li .sub-menu {
 top: 130%;
 left: 5px;
}
.index-head8 .navbar-nav>li:hover .sub-menu {
 top: 38px;
 left: 5px;
}
.index-head8 .navbar-nav>li .dropdown-menu>li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 0;
 left: 130%;
 width: 0;
 height: auto;
 opacity: 0;
}
.index-head8 .sub-menu ul {
 opacity: 1;
 overflow: visible;
 width: 160px;
 left: 100% !important;
 top: 0 !important;
}
.index-head8 .dropdown-menu {
 position: absolute;
 left: -465px !important;
 width: 1140px !important;
 border-top: 2px solid #00a99d !important;
 background: #f9f9f9;
 z-index: 999;
 box-shadow: 5px 5px 20px rgba(0,0,0,0.2) !important;
 z-index: 999;
 padding: 15px 25px 50px !important;
 overflow: hidden;
 border-radius: 0 0 5px 5px !important;
 margin-top: 2px !important;
}
.index-head8 .uh-logo {
 padding-left: 0px;
 margin-left: -15px;
}
.index-head9 .navbar-nav>li .sub-menu {
 top: 130%;
 left: 5px;
}
.index-head9 .uh-logo h1 {
 margin: 25px 0px;
 display: table;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
.index-head9 .navbar-nav>li:hover .sub-menu {
 top: 38px;
 left: 5px;
}
.index-head9 .navbar-nav>li .dropdown-menu>li .sub-menu {
 position: absolute;
 list-style: none;
 padding: 0;
 top: 0;
 left: 130%;
 width: 0;
 height: auto;
 opacity: 0;
}
.index-head9 .sub-menu ul {
 opacity: 1;
 overflow: visible;
 width: 160px;
 left: 100% !important;
 top: 0 !important;
}
.index-head9 .dropdown_menu {
 position: absolute;
 left: -225px !important;
 width: 1140px !important;
 border-top: 2px solid #00a99d !important;
 background: #f9f9f9;
 z-index: 999;
 box-shadow: 5px 5px 20px rgba(0,0,0,0.2) !important;
 z-index: 999;
 padding: 15px 25px 50px !important;
 overflow: hidden;
 border-radius: 0 0 5px 5px !important;
 margin-top: 2px !important;
}
.dropdown_menu.fullwidth ul {
 width: 100% !important;
}
.index-head9 #uh-cart-wrapper {
 position: absolute;
 right: 0;
 display: none;
 width: 333px;
 z-index: 1111;
 background: #fff;
 box-shadow: 0 5px 12px #919191;
 padding: 5px 0;
 border-top: 1px solid #00a99d;
}
.index-head9 .uh-logo img {
 width:100%
}
.index-head11 header  {
 position: absolute;
 z-index: 99999999;
 left: 0;
 right: 0;
}
.index-head11 .u-header {
 position: absolute;
 z-index: 999;
 left: 0px;
 right: 0px;
 top: 0px;
 background: rgba(255,255,255,0.3);
 border-bottom: 2px solid rgba(0,0,0,0.1);
}
.header_sidemenu {
 background: transparent;
 border: medium none !important;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 height:84px;
 transition:0.3s;
}
.onepage3 .header_sidemenu .container {
 position:relative;
}
.onepage3 .header_sidemenu h1 {
 margin:30px auto 0;
}
.header_sidemenu .container {
 position: fixed;
 z-index: 999999999;
 right: 0px;
 max-width: 1170px;
 left: 0;
}
.one-header-fixed {
 position: fixed;
 top: 0px;
 z-index: 9999;
 left: 0;
 right: 0;
}
.one-header-fixed .container {
 position:relative !important;
}
.one-header-fixed h1 {
 transition:.4s;
}
.header_sidemenu button {
 background: transparent;
 border: none;
 float: right;
 display: table;
 margin-top: 30px;
 position:relative;
 z-index:999999;
 transition:.4s;
}
#showRight.active {
 width: 27px;
 height: 27px;
 background: url(../images/side-menu-close.png) no-repeat;
 position: fixed;
 top: 7.5px;
 right: 30px;
 z-index: 999999;
}
#showRight.active img {
 display: none;
}
.intro-wrap {
 background: url(../images/bg1.jpg) no-repeat;
 background-size: auto 100%;
 padding: 220px 0 150px;
 margin-bottom: 15px;
}
.intro-wrap h5 {
 font-size: 18px;
 font-weight: 500;
 text-transform: uppercase;
 text-align: center;
 color: #383838;
 margin: 0 0 -7px;
}
.intro-wrap h2 {
 font-size: 64px;
 font-weight: 800;
 text-transform: uppercase;
 text-align: center;
 color: #383838;
 margin: 0 0 10px;
}
.intro-wrap p {
 background: #383838;
 border-radius: 5px;
 padding: 8px 13px;
 color: #e4e4e4;
 text-transform: uppercase;
 font-size: 17px;
 font-weight: 500;
 margin: 0 auto 40px;
 display: table;
}
.intro-wrap p b {
 font-weight: bold;
 text-transform: none;
}
.intro-wrap h4 {
 font-size: 25px;
 font-weight: 800;
 text-transform: uppercase;
 color: #383838;
 text-align: center;
 padding: 0 57px;
 position: relative;
 display: table;
 margin: 0 auto 45px;
}
.intro-wrap h4 span {
 color: #e4e4e4;
}
.lmore {
 width: 58px;
 height: 57px;
 background: url(../images/scroll-ico.png) no-repeat;
 display: table;
 margin: 0 auto;
 position: relative;
 transition: .3s;
 top: 0;
}
.lmore:hover {
 position: relative;
 transition: .3s;
 top: 15px;
}
.header-onepage {
 postion: relative;
 top: 0;
 left: 0;
 right: 0;
 z-index: 999;
 background: #f9f9f9;
}
.header-onepage .navbar {
 box-shadow: none !important;
}
.navbar-nav > li {
 position: relative;
 float: left;
 display: inline-block;
 padding: 30px 5px;
}
.header-onepage .navbar-nav li {
 transition: 0.4s;
}
#project-show .project-single {
 margin-top: 30px;
}
.dropdown-menu > li > a {
 font-size: 13px;
 padding: 5px 15px;
}
.portfolioContainer .upi-overlay a span,
.portfolio_carousel .upi-overlay a span,
.diamond-box-inner .upi-overlay a span {
 font-size: 16px;
}
.diamond-box-inner .upio-inner.with_headings {
 height: auto;
 top: 0;
 vertical-align: top;
 width: 100%;
 text-align: center;
 height: 110px;
}
.project-single-inner .content-head {
 margin-bottom: 20px;
}
.project-single-inner .ui-accordion-header {
 font-size: 13px !important;
}
.project-single-inner .ui-accordion-header i {
 margin-right: 15px !important;
}
.project-single-inner .ui-accordion-content p {
 font-size: 15px;
}
.project-single-inner .ui-accordion-content a {
 color: #00a99d;
}
.center_divider_shop {
 position: relative;
 background: none;
 display: table;
 width: 100%;
}
.center_divider_shop em {
 display: table;
 margin: 0 auto;
 z-index: 99;
}
.center_divider_shop:before {
 content: "";
 position: absolute;
 top: 11px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background-color: #dedede;
 background-image: -webkit-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -moz-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -o-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: linear-gradient(to right, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
}
.center_divider_shop:after {
 content: "";
 position: absolute;
 top: 16px;
 left: 0;
 margin: 0;
 width: 100%;
 height: 1px;
 background-color: #dedede;
 background-image: -webkit-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -moz-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: -o-linear-gradient(left, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
 background-image: linear-gradient(to right, #f9f9f9, rgba(241,241,241,0) 20%, rgba(228,228,228,0) 50%, rgba(241,241,241,0) 80%, #f9f9f9);
}
.no-bg {
 background: transparent;
}
/*TOP HIDDEN WIDGET BAR*/.uh-hidden {
 width: 100%;
 margin-left: -610px;
 right: 0;
 position: absolute;
 top: -40px;
 z-index: 999999999;
}
.uh-hidden-bar {
 position: relative;
 display: none;
 background: #383838;
 width: 100%;
 margin: auto;
 top: 40px;
 left: 0;
 right: 0;
 padding: 30px 0;
}
.uh-hidden-bar p {
 color: #ccc;
 font-size: 12px;
 font-weight: 500;
}
.uh-hidden-bar h5 {
 color: #00a99d;
 font-weight: 800;
 margin-bottom: 30px;
 margin-top: 20px;
 text-transform: uppercase;
}
a.uh-hidden-bar-toggle {
 position: relative;
 top: 40px;
 float: right;
 height: 40px;
 width: 41px;
 display: block;
 /* z-index:; */
}
a.uh-hidden-bar-toggle:before {
 content: "\4c";
 font-family: "ElegantIcons";
 font-size: 17px;
 color: #fff;
 font-weight: bold;
 left: 20px;
 position: absolute;
 top: 0;
 z-index: 999;
}
a.uh-hidden-bar-toggle.uhb-active:before {
 content: "\4b";
}
a.uh-hidden-bar-toggle:after {
 content: "";
 width: 60px;
 height: 60px;
 position: absolute;
 transform: rotate(45deg);
 background: #383838;
 top: -30px;
 right: -30px;
 z-index: 88;
}
.mob-header {
 height: 100px;
 border-bottom: 2px solid #dedede;
 padding: 30px 0 0;
}
.mob-header img {
 width: 128px;
 float: left;
}
.mob-header .nav-list {
 display: table;
 float: right;
 padding: 3px 0 0;
}
.mob-header .nav-list em {
 font-style: normal;
 margin-left: 10px;
 float: left;
 list-style: none;
}
.mob-header .nav-list em span {
 width: 30px;
 height: 30px;
 border-radius: 3px;
 border: 1px solid #dedede;
 color: #000000;
 font-size: 16px;
 display: table;
 line-height: 28px;
 text-align: center;
 cursor: pointer;
 transition: .4s;
}
.mob-header .nav-list em span:hover {
 color: #e4e4e4;
 background: #00a99d;
 border-color: #00a99d;
 transition: .4s;
}
.mob-header .nav-list em:nth-child(3) span {
 line-height: 0;
 padding-top: 7px;
}
.mob-header .nav-list .em {
 font-style: normal;
 margin-left: 10px;
 float: left;
 list-style: none;
}
.mob-header .nav-list .em span {
 width: 30px;
 height: 30px;
 border-radius: 3px;
 border: 1px solid #dedede;
 color: #000000;
 font-size: 16px;
 display: table;
 line-height: 28px;
 text-align: center;
 cursor: pointer;
 transition: .4s;
}
.mob-header .nav-list .em span:hover {
 color: #e4e4e4;
 background: #00a99d;
 border-color: #00a99d;
 transition: .4s;
}
.mob-header .nav-list .em:nth-child(3) span {
 line-height: 0;
 padding-top: 7px;
}
.mob-menu {
 position: absolute;
 z-index: 2147483647;
 left: 0px;
 right: 0px;
 margin: 0 auto;
 top: 78px;
 display: table;
 width: 296px;
}
.mob-cart,
.mob-search {
 position: absolute;
 top: 78px;
 left: 0;
 right: 0;
 display: table;
 margin: 0 auto;
 width: 300px;
 z-index: 2147483647;
}
.mob-cart .col-md-3 {
 width: 26%;
 float: left;
}
.mob-cart .col-md-9 {
 width: 74%;
 float: left;
}
.mob-search ,
.mob-search .ms-open {
 background: #f9f9f9;
 padding: 15px;
 border: 1px solid #e4e4e4;
 border-radius: 5px;
 height:60px;
}
.mob-search h4 {
 text-transform: uppercase;
 font-size: 14px;
 color: #00a99d;
 margin: 0 0 15px;
}
.ms-inner {
 width: 270px;
}
.ms-inner input {
 height: 40px;
 border: 1px solid #e4e4e4;
 color: #000;
 width: 220px;
 border-radius: 5px;
 padding: 5px 12px;
 font-size: 13px;
 font-style: italic;
 float: left;
}
.ms-inner button {
 width: 40px;
 height: 40px;
 line-height: 40px;
 float: right;
 display: table;
 border: none;
 background: #383838;
 border-radius: 5px;
 color: #e4e4e4;
 transition: .3s;
 font-size: 16px;
 position:relative;
}
.ms-inner button.icon_search:before {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 padding: 0;
 margin: 0;
 line-height: 40px;
}
.ms-inner button:hover {
 background: #00a99d;
 color: #e4e4e4;
 transition: .3s;
}
.mob-menu ,
.mob-cart,
.mob-search {
 visibility: hidden;
 opacity: 0;
 transition: 0.4s;
 top: 118px;
}
.m-open,
.mc-open,
.ms-open {
 visibility: visible;
 opacity: 1;
 transition: 0.4s;
 top: 98px;
}
.mob-header {
 display: none !important;
}
.slider-btn1:hover {
 background: #383838 !important;
 transition: .4s;
}
.slider-btn2:hover,
.slider-btn3:hover {
 background: #00a99d !important;
 transition: .4s;
}
.slider-btn1 a:hover ,
.slider-btn2:hover a,
.slider-btn3 a:hover {
 color: #e4e4e4 !important;
 transition: .4s;
}
.fluid-width-video-wrapper {
 padding-top: 56.5% !important;
}
.no-border {
 border: none !important;
}
.mason-home {
 padding: 60px 0 80px;
}
.mason-home .owl_single,
.blog-post_content .owl_single {
 margin: 0 0 -20px;
}
.mason-home .owl_single img,
.blog-post_content .owl_single img {
 border-radius: 4px 4px 0 0 !important;
}
.mason-home iframe ,
.mason-home audio ,
.blog-post_content iframe ,
.blog-post_content audio {
 margin: 0 0 -6px;
}
#work_fitrow {
 margin: 0px -6px 0px -1px;
}
.calltoaction .btn-regular:hover {
 background: #484848 !important;
 color: #e4e4e4 !important;
}
.one_page_nav a:focus {
 background: transparent !important;
 color: #383838 !important;
}
.one_page_nav .active a {
 color: #e4e4e4 !important;
 background: #00a99d !important;
}
.u-header-one {
 border-bottom:1px solid #dedede;
}
.one_page .portfolio_full_width {
 margin: 0 -6px 0 -1px;
}
.one_clients .owl-buttons {
 margin-top: 10px !important;
}
.side-search {
 position: absolute;
 top: 0px;
 right: 0px;
 display: table;
 margin: 0px auto;
 width: 293px;
 z-index: 88;
 background: #383838;
 height: 45px;
 padding: 8px 11px;
 left: -300px;
 transition: all 0.4s ease 0s;
}
.ss-active {
 left: 150px !important;
 position: absolute;
}
#side-search em {
 cursor: pointer;
 line-height: 46px;
}
.ms-inner {
 width: 270px;
}
.ms-inner input {
 height: 40px;
 border: 1px solid #e4e4e4;
 color: #000;
 width: 220px;
 border-radius: 5px;
 padding: 5px 12px;
 font-size: 13px;
 font-style: italic;
 float: left;
}
.ms-inner button {
 width: 40px;
 height: 40px;
 line-height: 40px;
 float: right;
 display: table;
 border: none;
 background: #383838;
 border-radius: 5px;
 color: #e4e4e4;
 transition: .3s;
 font-size: 16px;
}
.ms-inner button:hover {
 background: #00a99d;
 color: #e4e4e4;
 transition: .3s;
}
.portfolio_8 .project-single {
 margin: 30px 0 -30px;
}
.body {
 position: relative;
 width: 100%;
 overflow: hidden;
}
#content {
 position: relative;
 padding: 100px 0 70px;
}
#carousel {
 position: absolute;
}
#carousel img {
 border: 0;
}
#ui-carousel-next,
#ui-carousel-prev {
 width: 35px;
 height: 35px;
 background: #f9f9f9;
 display: block;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 100;
 color: #383838;
 font-size: 40px;
 line-height: 25px;
}
#ui-carousel-next:hover,
#ui-carousel-prev:hover {
 color: #00a99d;
}
#ui-carousel-next i,
#ui-carousel-prev i {
 margin: -3px -5px 0;
 display: table;
}
#ui-carousel-next {
 top: 0;
}
#ui-carousel-prev {
 bottom: 0;
}
#ui-carousel-next > span,
#ui-carousel-prev > span {
 display: none;
}
.cd-timeline-block {
 margin: 0!important;
 height: 185px !important;
 padding-top: 10px;
 position: relative;
}
.cd-timeline-img:after {
 top: 29px;
}
.cd-timeline-block:before {
 content: "\39";
 font-family: "ElegantIcons";
 position: absolute;
 right: 0px;
 left: 0px;
 top: 102px;
 font-size: 20px;
 color: #939393;
 transform: rotate(90deg);
 display: table;
 width: 5px;
 height: 5px;
 margin: 0 auto;
}
.cd-timeline-block:after {
 content: "\39";
 font-family: "ElegantIcons";
 position: absolute;
 right: 0px;
 left: 0px;
 top: 111px;
 font-size: 20px;
 color: #939393;
 transform: rotate(90deg);
 display: table;
 width: 5px;
 height: 5px;
 margin: 0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .cd-timeline-block:after ,
 .cd-timeline-block:before {
  left: -16px;
 }
}
.sidebar .ui-accordion-content .widget {
 margin-bottom: 0px !important;
}
.team_members {
 padding: 80px 0 60px;
 border-bottom: 1px solid #e4e4e4;
}
.team-ajax-info h4 {
 color: #383838;
 font-size: 16px;
}
.border_seperator {
 border: 1px solid #dedede;
 margin: -5px 0 15px;
}
.team_members #project-show {
 max-width: 100%;
 width: 100%;
}
.team_members #ajax {
 max-height: 450px;
}
.team_members .project-single {
 margin-top: 40px !important;
}
.onepage3 .footer_bottom {
 position: relative;
 z-index: 999999999;
}
.iphone-slider-wrap {
 position: relative;
}
.iphone-slider {
 position: absolute;
 top: 71px;
 left: 77px;
 right: 0;
 z-index: 999;
 width: 191px;
}
.is-img1,
.is-img2,
.is-img3,
.is-img4,
.is-img5,
.is-img6 {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 340px;
 display: none;
}
.services_orbit .col-md-3 .step_circle {
 transition: 0s !important;
}
.services_orbit .col-md-3:hover .step_circle {
 transition: 2.2s !important;
 transform: rotate(360deg);
}
.services_orbit .col-md-3:hover .step_number {
 transition: 1.3s !important;
 transform: rotate(360deg);
}
.services_orbit .col-md-3:hover h5 {
 margin-top: 10px !important;
 transition: 0s !important;
}
.services_orbit .col-md-3:hover .step_circle i {
 transform: inherit;
 display: table;
 line-height: 75px;
 text-align: center;
 margin: 0 auto;
}
.shortcode-element {
 padding:60px 0;
 border-bottom:1px solid #e4e4e4;
}
.shortcode-element.pricing .prices-plan-wrapper {
 position: relative;
 left: 15px;
}
.dark-round-skill,
.dark-round-skill span,
.dark-round-skill .easyPieChart {
 color:#383838;
}
.dark-round-skill .chart-label {
 display: inline-block;
 padding: 10px 0px;
 text-align: center;
 width: 100%;
 margin-top: 10px;
 color: #383838;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: bold;
 margin: 0;
}
.alert-general {
 color: #000000;
   background-color: #ebebeb;
 border-color: #dedede;
}
.alert-success {
 color: #468847;
 background-color: #e8fdd7;
 border-color: #b3ce78;
}
.alert-help {
 color: #3a87ad;
 background-color: #d4f4ff;
 border-color: #98d5ec;
}
.alert-warning {
 color: #d5a044;
 background-color: #fff3de;
 border-color: #e5bf7c;
}
.alert-danger {
 color: #b94a48;
 background-color: #ffdada;
 border-color: #f4adad;
}
.alert-info {
 color: #bbc149;
 background-color: #fafcd4;
 border-color: #d9d864;
}
.alert i {
 font-size:16px;
 margin-right:15px;
}
.alert button span {
 font-size:16px;
}
.alert-dismissable .close,
.alert-dismissible .close {
 position: relative;
 top: -10px;
 right: -30px;
 color: inherit;
}
.statusMessage,
.successmessage,
.errormessage {
 display: none;
 margin: auto;
 width: 100%;
 height: auto;
 background: #fff;
 border: 1px solid #ddd;
 margin: 0 auto;
 padding: 30px;
}
.statusMessage p {
 margin: 0;
 color: #888;
}
.successmessage p {
 margin: 0;
 color: #888;
}
.success-ico {
 background: url(../images/success.png) no-repeat;
 width: 30px;
 height: 30px;
 float: left;
 margin-right: 15px;
 position: relative;
 top: -6px;
}
.error-ico {
 background: url(../images/error.png) no-repeat;
 width: 30px;
 height: 30px;
 float: left;
 margin-right: 15px;
 position: relative;
 top: 5px;
}
.errormessage p {
 margin: 0;
 color: #888;
}
.fhmm-content .product {
 position: relative;
 width: 233px !important;
}
.services_owl .owl-buttons.service_dark {
 position: absolute;
 left: 0px;
 width: 100%;
 top: 102px !important;
 margin-top: -56px;
 z-index: 999;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .services_owl .owl-buttons.service_dark {
  position: absolute;
  top: 102px !important;
 }
}
.blog_carousel-lite1 .upi-inner p {
 font-size:13px;
}
.blog_carousel-lite1 .upi-inner .read_more {
 font-size: 13px !important;
 margin-right: 15px !important;
 position: relative;
 bottom: 8px !important;
 color: #383838;
}
.blog_carousel-lite1 .upi-inner .read_more:hover {
 color: #00a99d;
}
.blog_carousel-lite1 .owl_navigation_top.nav_right .owl-buttons {
 top: -52px !important;
 background: #f9f9f9;
 width: 78px;
 float: right;
 right: 0;
 margin-top: 5px;
}
.upi-inner {
 display: table;
 width: 100%;
}
#dark_home .u-topbar,
.index-head6 .u-topbar {
 position:relative;
}
#dark_home .u-topbar:before,
.index-head6 .u-topbar:before {
 content: "";
 background: #282828;
 bottom: 0px;
 position: absolute;
 left: 0px;
 right: 0px;
 z-index: 99999;
 width: 100%;
 height: 1px;
}
#dark_home .u-header {
 border-bottom: 2px solid #383838 !important;
}
#app-feature-dark .iphone-slider-wrap {
 position: relative;
 height: 406px;
 overflow:hidden;
}
.one_page div.background_bg_black .owl-buttons ,
.one_page2 div.background_bg_black .owl-buttons ,
.onepage3 div.background_bg_black .owl-buttons {
 margin-top: 10px !important;
}
/* Onepage - Sidebar Menu */.navbar-side li {
 margin: 0px 0px -10px;
 padding: 0px;
}
.menu-download span a {
 background:#00a99d;
 height:40px;
 padding:0 17px;
 border-radius:3px;
 font-size:13px;
 line-height:43px;
 display: inline-block;
 margin-right:5px;
}
.menu-download span a i {
 position:relative !important;
 font-size:20px;
 margin-right:12px;
 top:2px;
 left:0px;
}
.menu-download span a:hover ,
.menu-newsletter button:hover {
 background:#484848;
 color:#e4e4e4;
}
.menu-newsletter {
 padding-left:10px;
 padding-top:10px;
 display:table;
 width:100%;
}
.menu-newsletter p {
 font-size: 13px;
 color: #ccc !important;
 line-height:22px;
 width:300px;
 margin:0 0 25px;
}
.menu-newsletter form {
 width:280px;
}
.menu-search input {
 width:280px;
 height:40px;
 border:none;
 border-radius:5px;
 padding:0px 15px;
 color:#fff;
 background: rgba(0,0,0,0.15) url(../images/search.png) no-repeat right center;
 background-position:97% 50%;
 margin-bottom:20px;
 margin-left:10px;
 font-size:13px;
}
.menu-search input:focus {
 background:#353435 url(../images/search-hr.png) no-repeat right center;
 background-position:97% 50%;
 outline:none;
}
.menu-newsletter button {
 width:80px;
 height:40px;
 background:#00a99d;
 line-height:40px;
 text-align:center;
 border-radius:3px;
 color:#fff;
 font-size:13px;
 text-transform:uppercase;
 font-weight:800;
 border:none;
 font-family:Raleway;
}
.menu-newsletter input {
 width: 170px;
 margin-right: 10px;
 float: left;
 height: 40px;
 background: rgba(0,0,0,0.15);
 padding: 0px 10px;
 border-radius: 5px;
 border: medium none;
 color: #FFF;
 font-size:13px;
}
.menu-newsletter input:focus {
 outline:none;
 background: #353435 ;
}
/* General styles for all menus */.cbp-spmenu {
 background: rgba(0,0,0,0.8);
 position: fixed;
 padding:30px 50px;
 font-family:Raleway;
 padding-right:0px;
}
.cbp-spmenu h3 {
 color: #afdefa;
 font-size: 1.9em;
 padding: 20px;
 margin: 0;
 font-weight: 300;
 background: #0d77b6;
}
.cbp-spmenu a {
 display: block;
 color: #fff;
 font-size: 14px;
 font-weight: 800;
 text-transform:uppercase;
 position:relative;
 text-decoration:none;
 padding:0;
}
.menu-download {
 width:100%;
 position:relative;
 display:table;
 margin-top:10px;
 padding-left:10px;
}
.cbp-spmenu h5 {
 display: block;
 color: #fff;
 font-size: 14px;
 font-weight: 800;
 text-transform:uppercase;
 position:relative;
 text-decoration:none;
 padding:0;
 padding-left:22px;
 margin:30px 0 17px;
}
.cbp-spmenu h5 i {
 position:absolute;
 top:2px;
 left:0px;
}
.cbp-spmenu a i {
 position:absolute;
 top:11px;
 left:10px;
}
.cbp-spmenu a:hover {
 color:#00a99d;
}
.cbp-spmenu li.current a {
 color:#00a99d;
}
/* Orientation-dependent styles for the content of the menu */.cbp-spmenu-vertical {
 width: 480px;
 height: 100%;
 top: 0px;
 z-index: 99999;
}
.cbp-spmenu-vertical a {
 padding:9px;
 padding-left:31px;
}
.cbp-spmenu-horizontal {
 width: 100%;
 height: 150px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
 height: 100%;
 width: 20%;
 float: left;
}
.cbp-spmenu-horizontal a {
 float: left;
 width: 20%;
 padding: 0.8em;
 border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */.cbp-spmenu-left {
 left: -240px;
}
.cbp-spmenu-right {
 right: -480px;
}
.cbp-spmenu-left.cbp-spmenu-open {
 left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
 right: 0px;
}
/* Horizontal menu that slides from the top or bottom */.cbp-spmenu-top {
 top: -150px;
}
.cbp-spmenu-bottom {
 bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}
/* Push classes applied to the body */.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}
.cbp-spmenu-push-toright {
 left: 240px;
}
.cbp-spmenu-push-toleft {
 left: -240px;
}
/* Transitions */.cbp-spmenu,
.cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
/* Example media queries */@media screen and (max-width: 55.1875em) {
 .cbp-spmenu-horizontal {
  font-size: 75%;
  height: 110px;
 }
 .cbp-spmenu-top {
  top: -110px;
 }
 .cbp-spmenu-bottom {
  bottom: -110px;
 }
}
@media screen and (max-height: 26.375em) {
 .cbp-spmenu-vertical {
  font-size: 90%;
  width: 190px;
 }
 .cbp-spmenu-left,
 .cbp-spmenu-push-toleft {
  left: -190px;
 }
 .cbp-spmenu-right {
  right: -190px;
 }
 .cbp-spmenu-push-toright {
  left: 190px;
 }
}
/* Onepage - Sidebar Menu2 */.bt-menu {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 0;
 border-width: 0px;
 border-style: solid;
 border-color: #333;
 background-color: rgba(0,0,0,0);
 -webkit-backface-visibility: hidden;
 -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
 transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
 z-index: 10000000000000000;
}
.bt-menu.bt-menu-open {
 height: 100%;
 border-width: 0px 0px 0px 60px;
 -webkit-transition: border-width 0.3s, background-color 0.3s;
 transition: border-width 0.3s, background-color 0.3s;
 z-index:999999;
}
.bt-overlay {
 position: absolute;
 width: 100%;
}
.bt-menu-open .bt-overlay {
 height: 100%;
 z-iindex:99999;
}
.bt-menu-trigger {
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 100;
 display: block;
 margin-left: 0px;
 width: 60px;
 height: 60px;
 cursor: pointer;
 z-index: 999999999;
}
.bt-menu-trigger:before {
 content: "\f0c9";
 background: #333333;
 width: 60px;
 height: 60px;
 position: absolute;
 top: 0px;
 right: 0px;
 font-family: "FontAwesome";
 color: #fff;
 text-align: center;
 font-size: 41px;
 z-index:9999;
}
.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
 position: absolute;
 left: 0;
 width: 100%;
 height: 100%;
 background: #fff;
 content: '';
 -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
 transition: transform 0.3s, background-color 0.3s;
}
.bt-menu-trigger span:before {
 -webkit-transform: translateY(-250%);
 transform: translateY(-250%);
}
.bt-menu-trigger span:after {
 -webkit-transform: translateY(250%);
 transform: translateY(250%);
}
.bt-menu-open .bt-menu-trigger span:before,
.bt-menu-open .bt-menu-trigger span:after {
 display:none;
}
.bt-menu-open .bt-menu-trigger span:before {
 -webkit-transform: translateY(-350%);
 transform: translateY(-350%);
}
.bt-menu-open .bt-menu-trigger span:after {
 -webkit-transform: translateY(350%);
 transform: translateY(350%);
}
.side_footer_bottom {
 display:none;
}
.bt-menu-open .side_footer_bottom {
 position: absolute;
 bottom: -52px;
 left: 0px;
 right: 0px;
 display:block;
}
.side_footer_bottom .container {
 width:100%;
 padding:0px;
 padding:0 60px;
 z-index:999;
}
.side_footer_bottom p {
 color:#e4e4e4;
 padding-left:20px;
}
.side_footer_bottom ul {
 margin-right: -20px;
}
.side-small-menu {
 position:absolute;
 left:-60px;
 top:0;
}
.side-small-share {
 position:absolute;
 right:-60px;
 top:0;
}
.side-small-menu ul,
.side-small-share ul {
 background: none repeat scroll 0% 0% #333;
 left: 0px;
}
.side-small-menu li,
.side-small-share li  {
 border-top:1px solid #4d4d4d;
 border-bottom:1px solid #262626;
}
.side-small-menu li:first-child,
.side-small-share li:first-child {
 border-top: medium none;
 padding: 5px 0;
}
.side-small-menu li:first-child {
 padding: 10px 0;
}
.side-small-menu li:last-child,
.side-small-share li:last-child {
 border-bottom:none;
}
.side-small-menu li span ,
.side-small-menu li em ,
.side-small-menu li a ,
.side-small-share li span ,
.side-small-share li em ,
.side-small-share li a {
 height:51px;
 font-size:25px;
 text-align:center;
 line-height:51px;
 color:#fff;
 width:60px;
 display:table;
}
.side-small-menu li.current a {
 color:#00a99d;
}
.side-small-share li:nth-child(2) a:hover {
 color:#3b5a91;
}
.side-small-share li:nth-child(3) a:hover {
 color:#2a96f1;
}
.side-small-share li:nth-child(4) a:hover {
 color:#01649b;
}
.side-small-share li:nth-child(5) a:hover {
 color:#ea5c94;
}
.side-small-share li:nth-child(6) a:hover {
 color:#8fd9ff;
}
.side-small-share li:nth-child(7) a:hover {
 color:#08c0f6;
}
.side-small-share li:nth-child(8) a:hover {
 color:#de2f14;
}
.side-small-share li:nth-child(9) a:hover {
 color:#28a2e1;
}
.side-small-share li:nth-child(10) a:hover {
 color:#ff8315;
}
.bt-menu2 {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 0;
 border-width: 0px;
 border-style: solid;
 border-color: #333;
 background-color: rgba(0,0,0,0);
 -webkit-backface-visibility: hidden;
 -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
 transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
 z-index: 100000;
}
.bt-overlay2 {
 position: absolute;
 width: 100%;
}
.bt-menu2-open .bt-overlay2 {
 height: 100%;
 z-iindex:99999;
}
.bt-menu-trigger2 {
 position: fixed;
 top: 0px;
 right: 0px;
 z-index: 100;
 display: block;
 width: 60px;
 height: 60px;
 cursor: pointer;
 z-index: 999999999;
}
.bt-menu-trigger2:before {
 content: "\f1e0";
 background: #333333;
 width: 60px;
 height: 60px;
 position: absolute;
 top: 0px;
 left: 0px;
 font-family: "FontAwesome";
 color: #fff;
 text-align: center;
 font-size: 41px;
 z-index:9999;
}
.bt-menu2-open .bt-menu-trigger2 span {
 background:url(../images/side-menu-close.png) no-repeat;
 background-color:transparent;
 height: 29px;
 margin-top: 4px;
}
.bt-menu-trigger2 span:before,
.bt-menu-trigger2 span:after {
 position: absolute;
 left: 0;
 width: 100%;
 height: 100%;
 background: #fff;
 content: '';
 -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
 transition: transform 0.3s, background-color 0.3s;
}
.bt-menu-trigger2 span:before {
 -webkit-transform: translateY(-250%);
 transform: translateY(-250%);
}
.bt-menu-trigger2 span:after {
 -webkit-transform: translateY(250%);
 transform: translateY(250%);
}
.bt-menu2-open .bt-menu-trigger2 span:before,
.bt-menu2-open .bt-menu-trigger2 span:after {
 display:none;
}
.bt-menu2-open .bt-menu-trigger2 span:before {
 -webkit-transform: translateY(-350%);
 transform: translateY(-350%);
}
.bt-menu2-open .bt-menu-trigger2 span:after {
 -webkit-transform: translateY(350%);
 transform: translateY(350%);
}
.bt-menu2.bt-menu2-open {
 height: 100%;
 border-width: 0px 60px 0px 0px;
 -webkit-transition: border-width 0.3s, background-color 0.3s;
 transition: border-width 0.3s, background-color 0.3s;
 z-index:999999;
}
.side_footer_bottom {
 display:none;
}
.bt-menu2-open .side_footer_bottom {
 position: absolute;
 bottom: -52px;
 left: 0px;
 right: 0px;
 display:block;
}
.bt-menu3 {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 0;
 border-width: 0px;
 border-style: solid;
 background-color: rgba(0,0,0,0);
 -webkit-backface-visibility: hidden;
 -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
 transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
 z-index: 999999;
}
.bt-menu3.bt-menu3-open {
 height: 100%;
 border-width: 0px 0px 60px 0px;
 -webkit-transition: border-width 0.3s, background-color 0.3s;
 transition: border-width 0.3s, background-color 0.3s;
 z-index:999999;
}
.bt-overlay3 {
 position: absolute;
 width: 100%;
}
.bt-menu3-open .bt-overlay3 {
 height: 100%;
 z-iindex:999;
}
.bt-menu-trigger3 {
 position: fixed;
 bottom: -5px;
 left: 50%;
 z-index: 100;
 display: block;
 margin-left: -30.5px;
 width: 61px;
 height: 60px;
 cursor: pointer;
 z-index: 999999999;
 transition:2s;
}
.bt-menu-trigger3:before {
 content: "\f067";
 width: 60px;
 height: 60px;
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 font-family: "FontAwesome";
 color:#fff;
 text-align: center;
 font-size: 41px;
 z-index: 999;
 padding-top: 4px;
 transition:.3s;
 z-index:9999;
}
.bt-menu3-open .bt-menu-trigger3:before {
 transform:rotate(45deg);
 transition:.3s;
}
.bt-menu-trigger3 span {
 background:#333;
 width: 61px;
 height: 60px;
 position:absolute;
 top:0;
 left:0;
 right:0;
 transition:.3s;
}
.bt-menu3-open .bt-menu-trigger3 span:before,
.bt-menu3-open .bt-menu-trigger3 span:after {
 display:none;
}
.bt-menu3-open .bt-menu-trigger3 span:before {
 -webkit-transform: translateY(-350%);
 transform: translateY(-350%);
}
.bt-menu3-open .bt-menu-trigger3 span:after {
 -webkit-transform: translateY(350%);
 transform: translateY(350%);
}
.side_footer_bottom {
 position: relative;
 bottom: -52px;
 left: 0px;
 right: 0px;
 z-index:10;
 transition:.4s;
}
.bt-menu3-open .side_footer_bottom {
 position: fixed;
 bottom: 6px;
 left: 0px;
 right: 0px;
 display:block !important;
 z-index:10;
 transition:.4s;
}
.side-small-menu li a {
 font-size:16px;
 line-height:51px;
 background:#383838;
 text-align:right;
 padding-right:15px;
 display: table;
 padding-left:15px;
 position:relative;
 left: 0px;
 width:100%;
}
.side-small-menu li:hover a {
 position:relative;
 left: 100%;
 margin-left:-60px;
 float:left;
 width:auto !important;
}
.side-small-menu li a i {
 font-size: 30px;
 float: right;
 line-height: 51px;
 width: 60px;
 display: table;
 text-align: center;
 margin-right: -15px;
 margin-left: 6px;
}
.side-small-menu li {
 width:150px;
 position:relative;
 margin-left:-90px;
 display:table;
}
.side-small-menu li em {
 display: table;
 float: right;
}
.ss-inner {
 width:270px;
}
.ss-inner input {
 height:35px;
 border:1px solid #e4e4e4;
 color:#000;
 width:220px;
 border-radius:5px;
 padding:5px 12px;
 font-size:13px;
 font-style:italic;
 float:left;
}
.ss-inner button {
 width:40px;
 height:35px;
 line-height:35px;
 float:right;
 display:table;
 border:none;
 background:#383838;
 border-radius:5px;
 color:#e4e4e4;
 transition:.3s;
 font-size:16px;
}
.ss-inner button:hover {
 background:#00a99d;
 color:#e4e4e4;
 transition:.3s;
}
.bt-menu .side-small-menu li {
 height:60px;
 border-top: 1px solid #4D4D4D !important;
 border-bottom: none !important;
 position:relative;
}
.bt-menu .side-small-menu li:before {
 content:"";
 background:#262626 !important;
 bottom:10px;
 position:absolute;
 width:100%;
 height:1px;
 left:0;
 right:0;
 z-index:99;
}
.menu-trigger-left {
 margin-left:-60px;
 transition:.4s;
}
.menu-trigger-right {
 margin-right:-60px;
 transition:.4s;
}
.menu-trigger-bottom {
 bottom: -60px;
 transition:.4s;
}
.menu-trigger-left-open {
 margin-left:-0px;
 transition:.4s;
}
.menu-trigger-right-open {
 margin-right:-0px;
 transition:.4s;
}
.menu-trigger-bottom-open {
 bottom: -0px;
 transition:.4s;
}
.index-head11 .navbar-nav > li .sub-menu.dropdown_menu {
 background-color:rgba(255,255,255,0.85) !important;
}
.index-head11 .navbar-nav > li .sub-menu > li > a {
 background-color:rgba(255,255,255,0.85) !important;
}
.service-dark3 .btn-small,
.services-one-page .btn-small {
 display:table !important;
 margin:0 auto;
}
#dark_home #uh-cart-wrapper {
 top: 40px;
 left: auto;
 right: auto;
 right: 0px;
}
.index-head11 .uh-search form {
 background-color: rgba(255,255,255,0.3);
}
.head-tng2-left1 {
 background: #fff;
 width: 12px;
 height: 13px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 left: 24px;
 top: 8px;
 z-index: 99;
}
.head-tng2-left2 {
 background: #fff;
 width: 10px;
 height: 11px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 left: 18px;
 top: 9px;
 z-index: 99;
 opacity: 0.9;
}
.head-tng2-left3 {
 background: #fff;
 width: 8px;
 height: 8px;
 border-radius: 3px;
 position: absolute;
 transform: rotate(45deg);
 left: 12px;
 top: 11px;
 z-index: 99;
 opacity: 0.8;
}
.head-tng2-right1 {
 background: #fff;
 width: 12px;
 height: 13px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 right: 24px;
 top: 8px;
 z-index: 99;
}
.head-tng2-right2 {
 background: #fff;
 width: 10px;
 height: 11px;
 border-radius: 2px;
 position: absolute;
 transform: rotate(45deg);
 right: 17px;
 top: 9px;
 z-index: 99;
 opacity: 0.7;
}
.head-tng2-right3 {
 background: #fff;
 width: 8px;
 height: 8px;
 border-radius: 3px;
 position: absolute;
 transform: rotate(45deg);
 right: 11px;
 top: 11px;
 z-index: 99;
 opacity: 0.4;
}
.head-tng2-line1 ,
.head-tng2-line2 {
 position:absolute;
 top:0;
 height:100%;
 width:1px;
 left:0;
}
.head-tng2-line3 ,
.head-tng2-line4 {
 position:absolute;
 top:0;
 height:100%;
 width:1px;
 right:0;
}
.head-tng2-line1:before {
 content: "";
 width: 212px;
 height: 1px;
 position: absolute;
 background: #fff;
 top: 11px;
 left: -212px;
}
.head-tng2-line2:before {
 content: "";
 width: 212px;
 height: 1px;
 position: absolute;
 background: #fff;
 top: 16px;
 left: -212px;
}
.head-tng2-line3:before {
 content: "";
 width: 212px;
 height: 1px;
 position: absolute;
 background: #fff;
 top: 11px;
 right: -212px;
}
.head-tng2-line4:before {
 content: "";
 width: 212px;
 height: 1px;
 position: absolute;
 background: #fff;
 top: 16px;
 right: -212px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 select {
  padding-right:18px
 }
 .fhmm-content .product {
  width: 234px !important;
 }
}

.uh-logo h1 a,
.u-header-one .navbar-brand .a,
.one-header-fixed h1 a {
 position:relative;
}
.uh-logo h1 a span,
.u-header-one .navbar-brand span,
.one-header-fixed h1 a span {
 position:relative;
}
.uh-logo h1 a span:before,
.u-header-one .navbar-brand span:before,
.one-header-fixed h1 a span:before,
.header_sidemenu h1 a span:before {
 content: "U";
 position: absolute;
 color: #e4e4e4;
 font-size: 26px;
 font-weight: 900;
 top: 12px;
 left: 12px;
 z-index:88;
}
.uh-logo h1 a span:after,
.u-header-one .navbar-brand span:after,
.one-header-fixed h1 a span:after,
.header_sidemenu h1 a span:after {
 content: "";
 width: 33px;
 height: 34px;
 background: #00a99d;
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 border-radius: 4px;
 transform: rotate(45deg);
 top: 8px;
 left: 4px;
 z-index:44;
}
.u-header-one .navbar-brand span:before {
 top: -18px;
}
.header_sidemenu h1 {
 position: relative;
 display: table;
}
.u-header-one .navbar-brand span:after {
 top: 3px;
}
.u-header-one .navbar-brand em,
.one-header-fixed h1 a em,
.header_sidemenu h1 a em {
 width: 6px;
 height: 6px;
 background: #00a99d;
 border-radius: 1.5px;
 display: table;
 transform: rotate(45deg);
 position: absolute;
 left: 128px;
 margin-top: -19px;
}
.u-header-one .navbar-brand em {
 left: 233px;
 margin-top: -35px;
}
.one-header-fixed h1 a em {
 left: 128px;
}
.logo-footer h4 {
 margin:0;
}
.logo-footer h4 a,
.logo-footer1 h4 a  {
 position:relative;
}
.logo-footer h4 a span,
.logo-footer1 h4 a span  {
 position:relative;
}
.logo-footer h4 a span:before {
 content: "U";
 position: absolute;
 color: #e4e4e4;
 font-size: 26px;
 font-weight: 900;
 top: -4px;
 left: 12px;
 z-index:88;
}
.logo-footer1 h4 a span:before {
 content: "U";
 position: absolute;
 color: #E4E4E4;
 font-size: 26px;
 font-weight: 900;
 top: -12px;
 left: 21px;
 z-index: 88;
}
.logo-footer h4 a span:after {
 content: "";
 width: 33px;
 height: 34px;
 background: #00a99d;
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 border-radius: 4px;
 transform: rotate(45deg);
 top: -9px;
 left: 4px;
 z-index:44;
}
.logo-footer1 h4 a span:after {
 content: "";
 width: 33px;
 height: 34px;
 position: absolute;
 right: 0px;
 border-radius: 4px;
 transform: rotate(45deg);
 top: -15px;
 left: 14px;
 z-index: 44;
}
.logo-footer h4 a em  {
 width: 6px;
 height: 6px;
 background: #00a99d;
 border-radius: 1.5px;
 display: table;
 transform: rotate(45deg);
 position: absolute;
 left: 127px;
 margin-top: -28px;
}
.footer-alt .logo-footer h4 a em {
 margin-top: -19px;
}
.logo-footer1 h4 a em {
 position: absolute;
 left: 138px;
 margin-top: -44px !important;
}
.prices-monthly-plan .ribbon:before {
 content: "";
 width: 55px;
 height: 55px;
 background: #00a99d;
 position: absolute;
 transform: rotate(45deg);
 left: -27px;
 bottom: -27px;
}
.tp-leftarrow.tparrows.default.round {
 position: absolute;
 left: -50px !important;
 transition:.4s;
}
.fullscreen-container:hover .tp-leftarrow.tparrows.default.round {
 left: 0px !important;
 transition:.4s;
}
.tp-rightarrow.tparrows.default.round {
 position: absolute;
 right: -50px !important;
 transition:.4s;
}
.fullscreen-container:hover .tp-rightarrow.tparrows.default.round {
 right: 0px !important;
 transition:.4s;
}
.tp-leftarrow.tparrows.default.round:hover ,
.tp-rightarrow.tparrows.default.round:hover {
 background: none repeat scroll 0% 0% rgba(51, 51, 51, 1);
}
.one-header-fixed-active:before {
 content:"";
 background:#fff;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 right:0;
 top:0;
 -webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.18);
 -moz-box-shadow:    0px 2px 3px rgba(100, 100, 100, 0.18);
 box-shadow:         0px 2px 3px rgba(100, 100, 100, 0.18);
}
/* Loader CSS */#loader-wrapper {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 10000;
}
#loader {
 display: block;
 position: relative;
 left: 50%;
 top: 50%;
 width: 150px;
 height: 150px;
 margin: -75px 0 0 -75px;
 border-radius: 50%;
 border: 3px solid transparent;
 border-top-color: #3498db;
 -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
 animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 z-index: 10001;
}
#loader:before {
 content: "";
 position: absolute;
 top: 5px;
 left: 5px;
 right: 5px;
 bottom: 5px;
 border-radius: 50%;
 border: 3px solid transparent;
 border-top-color: #e74c3c;
 -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
 animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
 content: "";
 position: absolute;
 top: 15px;
 left: 15px;
 right: 15px;
 bottom: 15px;
 border-radius: 50%;
 border: 3px solid transparent;
 border-top-color: #f9c922;
 -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
 animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
 0%   {
  -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: rotate(0deg);  /* IE 9 */
  transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
 }
 100% {
  -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: rotate(360deg);  /* IE 9 */
  transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
 }
}
@keyframes spin {
 0%   {
  -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: rotate(0deg);  /* IE 9 */
  transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
 }
 100% {
  -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: rotate(360deg);  /* IE 9 */
  transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
 }
}
#loader-wrapper .loader-section {
 position: fixed;
 top: 0;
 width: 51%;
 height: 100%;
 background: #F9F9F9 ;
 z-index: 1000;
 -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateX(0);  /* IE 9 */
 transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {
 left: 0;
}
#loader-wrapper .loader-section.section-right {
 right: 0;
}    /* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
 -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateX(-100%);  /* IE 9 */
 transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
 -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateX(100%);  /* IE 9 */
 transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
 opacity: 0;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
 visibility: hidden;
 -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateY(-100%);  /* IE 9 */
 transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.3s 1s ease-out;
 transition: all 0.3s 1s ease-out;
}        /* JavaScript Turned Off */
.no-js #loader-wrapper {
 display: none;
}
.no-js h1 {
 color: #222222;
}
#slider-style-2 .tp-bullets {
 display:none;
}
.slider-btn7:hover {
 background:#fff;
}
.slider-btn7:hover a {
 color:#744685 !important;
}
#getCSSModal.modal,
#getCSSModal.modal .modal-dialog {
 z-index:100000;
}



.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before, .social_twitter:before{
	content:"𝕏";
	font-size:1.2em;
}