/*
    +++++Table of content+++++

    01: General styling;
    02: Popup promotion;
    03: Sections;
    04: Buttons;
    05: Header;
    06: Drop down menu;
    07: Mega Menu;
    08: Headline section;
    09: Section separator;
    10: Blog page;
    11: Collection Sections;
    12: Single post;
    13: Google map;
    14: Woo Feed;
    15: Shop categories section;
    16: Plain homepage;
    17: Subscribe section;
    18: Handpicked section;
    19: Umbrella Slider;
    20: Copyright section;
    21: Clients;
    22: Widgets;
    19: Contact form;
    20: Other styles;
    21: Auto complete;
    22: Header 2;
    23: Header cart;
    24: Testimonials;
    25: Selectric;
    26: Items box;
    27: Promotion banner;
    28: Gallery page;
    29: Gallery inside;
    30: Responsive menu;
    31: Single post comments;
    32: Tooltips;
    33: Loader;
    34: Shortcodes;
    35: Responsive media queries;
   *36: Woocommerce custom css is located in um-woocommerce.css
*/




/* 01: General styling */

body {
    font-family: 'Lato', sans-serif;
}

a:hover {
    text-decoration: none;
    color: #6fadd0;
}

strong {
    color: #7d7d7d;
}

* :focus {
    outline: none;
    color: #6fadd0;
    text-decoration: none;
}



a {
    color: #6fadd0;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

p {
    color: #727272;
}

::selection {
    background: #6fadd0; /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background: #6fadd0; /* Gecko Browsers */
    color: #fff;
}




/* 02: Popup promotion */

.popup-promotion {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background: rgba(57, 55, 55, 0.85);
    width: 100%;
    height: 100%;
}

.pp-holder {
    width: 500px;
    margin: auto;
    margin-top: 260px;
}


.popup-promotion a.btn {
    margin-bottom: 20px;
   float: right;
    color: #fff;
    border-color: #fff;
    opacity: 0.4;

}

.popup-promotion a.btn:hover {
    opacity: 1;
}


/* 03: Sections */

.um_section {
    margin-bottom: 25px;
}

/* 04: Buttons */

a.btn {
    border-radius: 2px;
    padding: 14px 32px 14px 32px;
    text-decoration: none;
    border: 2px solid #000;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

a.btn:hover {
    color: #fff;
}


a.button1 {
    border-color: #faac25;
    color: #fff !important;
	background-color: #faac25;
}

a.button1:hover {
    border-color: #faac25;
    color: #faac25 !important;
	background-color:#fff;
}

a.button2 {
    border-color: #faac25;
    color: #faac25 !important;
	background-color: #faac25;
}

a.button2:hover {
	border-color: #faac25;
	color: #faac25 !important;
	background-color: #fff;
}

a.button3 {
    border-color: #fff;
    color: #fff;
}



/* 05: Header */

.header {
    margin-top: 50px;
    margin-bottom: 65px;
    height: 50px;
    position: relative;
}

.logo {
    float: left;
    margin-right: 50px;
}


.logo img {
    width: auto !important;
	height: 80px;
}

.search-box {
    width: 325px;
    position: relative;
    float: left;

}

input#search-input {
    border: 2px solid #ebebeb;
    border-radius: 2px;
    padding: 12px 160px 12px 12px;
}

#search-send {
    position: absolute;
    right: 10px;
    top: 12px;
    border: none;
    background: none;
    color: #dad8d8;
}

.t-menu {
    float: left;
}

.t-menu ul {
    list-style: none;
}

.t-menu ul li {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.t-menu ul li a {
    padding-bottom: 8px;
    text-decoration: none;

}

.t-menu ul li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #6fadd0;
}

.t-menu ul li a {
    color: #3f3f3f;
    font-size: 14px;
    text-transform: uppercase;
}



.t-wbar {
    right: 0;
    position: absolute;
}

.t-wbar ul li a {
    color: #6fadd0;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    padding-bottom: 1px;
}

.t-wbar ul li a:hover {
    border-bottom: 1px solid #C0D9E7;
}

.t-wbar ul li.bag-icon-um a:hover {
    border-bottom: none;
}

.t-wbar ul  {
    list-style: none;
}

.t-wbar ul li {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.bag-icon-um a img {
    height: 22px;
    width: auto;
    margin-top: -5px !important;
}

#menu-main-menu {
    padding-left: 25px;
}


/* 06: Drop down menu */

ul.sub-menu li {
    float: none;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    width: 230px;
    margin-top: 0;
}

ul.sub-menu li a {
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    display: block;
    background: #fff;
    color: #8E8E8E;
    border: 1px solid #D6D6D6;
    margin-bottom: -1px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

ul.sub-menu li a:hover {
    text-decoration: none;
    background: #f2f2f2;
    color: #737373;
    border-bottom: 1px solid #D6D6D6;
}

ul.sub-menu li ul.sub-menu {
    right: -230px;
    margin-top: -42px;
}



ul.sub-menu {
    position: absolute;
    margin-left: -45px;
    display: none;
    z-index: 10;
}

.t-menu ul li:hover > ul.sub-menu {
    display: block;
}




/* 07: Mega Menu */

.mega_menu ul.sub-menu {
    width: 100%;
    left: 0;
    background: #000;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;

}

.mega_menu ul.sub-menu > li {
    float: left;
    width: 260px;
    padding: 40px;
}

.mega_menu > ul.sub-menu > li > a {
    color: #fff;
}

.mega_menu ul.sub-menu > li a {
    background: none;
    padding-left: 0;
    border: none;
}

.mega_menu ul.sub-menu  li ul.sub-menu li a {
   border: none !important;
}

.mega_menu ul.sub-menu  li ul.sub-menu li  {
   margin-left: 0;
}


.mega_menu ul.sub-menu li ul.sub-menu  {
    display: block;
    right: 0;
    margin-left: 0;
    padding-left: 0;

}

.mega_menu ul.sub-menu li ul.sub-menu li a {
    border-left: none;
}

.mega_menu ul.sub-menu li > ul.sub-menu {
    width: 200px;
    position: static;
    margin-top: -15px;
    float: left;
    padding-bottom: 10px;
}



/* 08: Headline section */

.headline-section {
    margin-bottom: 50px;
	padding-top:30px;
}

.headline-section h2 {
    font-size: 44px;
    margin-bottom: 25px;
    line-height: 52px;
}

/* 09: Section separator */

.section-separator  {
    width: 100%;
    height: 1px;
    background: #e8e6e4;
}



.blog-container {
    padding-left: 0;
}

/* 10: Blog page */

.blogpage-post {
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    margin-top: 40px;
}

.blog-container .blogpage-post:first-child {
    margin-top: 0;
}

.no-featured-image123 .blogpage-post-info {
    left: 0;
    top: 0;
}

.load_more_blog {
    margin-top: 30px;
    margin-bottom: 30px
}

.no-featured-image123 a.bp-fi {
    height: 50px;
}


.blogpage-post a img {
    width: 100%;
    display: none;
}


.load_more_portfolio {
    margin-bottom: 50px;
}


a.blogpage-post-title {
    font-size: 18px;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #3f3f3f;
    text-decoration: none;
}

.blogpage-post-fi {
    width: 100%;
    height: 340px;
    position: relative;
}

.blogpage-post-info {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
	display:none;
}

.blogpage-post-info p {
    background: #6fadd0;
    color: #fff;
    padding: 12px;
    font-size: 12px;
    text-transform: uppercase;
}

.blogpage-post-info p a {
    color: #fff;
    font-size: 12px;
}

a.bp-fi {
    display: block;
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
}

a.bp-fi:hover {
    opacity: 0.7;
}

.load_more {
    margin-top: 30px;
    margin-bottom: 30px;
}

.blogpage-post > p {
    height: 22px;
    overflow: hidden;
}

.tags a {
    border: 2px solid #e1e1e1;
    padding: 10px;
    display: inline-block;
    font-size: 11px !important;
    border-radius: 2px;
    color: #848484;
    margin-bottom: 5px;
    margin-right: 3px;
    text-transform: uppercase;
}

/* 11: Collection Sections */

.collection-con {
    position: relative;
}

.collection-con > img {
    width: 100%;
    height: auto;
}

.c-matchpoint {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 300px;
    overflow: hidden;
    height: 40px;
}

.matchpoint-holder {
    position: relative;
}

.c-matchpoint .c-icon {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background: #6fadd0;
    color: #fff;
    position: absolute;
    left: 0;
    z-index: 5;
}

.mobile-matchpoints {
    display: none;
    list-style: none;
    padding: 0;
    top: 20px;
    left: 20px;
    margin: auto;
    margin-top: 20px;
}

.mobile-matchpoints li  {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background: #6fadd0;
    color: #fff;
    z-index: 5;
    margin-bottom: 5px;

    margin-right: 2px;
    margin-left: 2px;
    float: left;
}

.mobile-matchpoints li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 40px;
}

.mobile-matchpoints li a i {
    margin-top: 13px;
    margin-left: 14px;
}


.c-matchpoint.c-left .c-icon {
    right: 0;
    left: auto;
}

.c-matchpoint .c-icon a {
    display: block;
    height: 40px;
}

.c-matchpoint .c-line {
      width: 100%;
      height: 2px;
      background: #6fadd0;
      position: absolute;
      top: 20px;
      left: 40px;
}

.c-matchpoint.c-left .c-line {
    left: 0;
    right: 40px;
}

.c-matchpoint .c-circle {
    width: 15px;
    height: 15px;
    background: #6fadd0;
    position: absolute;
    top: 13px;
    border-radius: 100%;
    right: 0;
}

.c-matchpoint.c-left .c-circle {
    left: 0;
}

.c-matchpoint .c-icon i {
    color: #fff;
    padding-top: 13px;
    padding-left: 14px;
}


.c-product {
    background: rgba(43, 43, 43, 0.8);
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99;
    display: none;
}

.c-product-holder {
    height: 210px;
    width: 300px;
    position: absolute;
    top: 50%;
    margin-top: -105px;
    left: 50%;
    background: #fff;
    margin-left: -150px;
    padding: 20px;
}

.c-product-holder a.close-c-product {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 20px;
    color: #BEBEBE;
}


.c-product-holder a.close-c-product:hover {
    color: #989898;
}

.c-product-holder img {
    display: block;
    margin: auto;
    padding-bottom: 10px;
    max-height: 100px;
}

.c-product-holder a.c-title {
    color: #7d7d7d;
    font-size: 15px;
}


.c-product-holder span.price {
    color: #6fadd0;
    margin-top: 10px;
    font-size: 12px;
}

.c-product-holder a.btn {
    padding: 8px 20px 8px 20px;
    margin-top: 10px;
}


/* 12: Single post */

.blog-sidebar {
	margin-top: 20px;
}

.postsingle-image img {
    width: 100%;
    height: auto;
}

.postsingle-image .blogpage-post-info {
    left: 25px;
}

.um-custom-line {
    margin-bottom: 15px;
    margin-top: 10px;
}

.postsingle-content {
    margin-bottom: 20px;
}

.postsingle-container {
    margin-top: 20px;
}

.postsingle-title h2 {
    font-size: 18px;
    margin-bottom: 20px;
}

/* 13: Google map */

.google-map-container  {
    width: 100%;
    height: 450px;
    background: #e3e3e3;
    margin-bottom: 30px;
}

.f-title {
    width: 100%;
}

.contact-c-form {
    padding-left: 0;
}

/* 14: Woo Feed */

.section-title {
    float: left;
    font-size: 16px;
    color: #444;
    padding-top: 5px;
    padding-bottom: 25px;
    display: block;
}

.feed-btn {
    float: right;
    margin-top: 0px;
    padding: 10px 28px 10px 28px !important;
}



/* 15: Shop categories section */

.usc-ul {
    padding: 0;
    overflow: auto;
}

.usc-ul li {
  list-style: none;
    padding: 0;
}

.usc-ul li a {
    display: block;
    margin-right: 25px;
    height: 70px;
    margin-bottom: 25px;
    padding: 20px;
    border: 2px solid #ebebeb;
    font-size: 16px;
    color: #8a8a8a;
    border-radius: 2px;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}


.usc-ul li:nth-child(4n) a {
    margin-right: 0;
}


.usc-ul li a:hover {
    background: #6fadd0;
    color: #fff;
    border-color: #6fadd0;
}

.usc-ul li a:before {
    content: "\f097";
    font-family: FontAwesome;
    font-size: 15px;
    margin-right: 10px;
}


/* 16: Plain homepage */

.plain-home-container {
    padding: 0;
}

.plain-home-container .headline-section {
    text-align: left;
    margin-left: 15px;
}

.plain-home-container .headline-section h2 {
    font-size: 30px;
    margin-bottom: 13px;
    line-height: 39px;
}

.plain-home-container .product_overlay {
    background: rgba(39, 39, 39, 0.8);
}

.plain-home-container ul.product-hover-ul li a {
    background: #6fadd0 !important;
    border: none !important;
}

.plain-home-container ul.product-hover-ul li a svg {
    margin-top: 12px;
    margin-left: 14px;
}

.plain-home-container ul.product-hover-ul li a i {
    color: #fff;
    font-size: 16px;
    margin-top: 18px;
    margin-left: 18px;
}

/* 17: Subscribe section */

.subscribe-section {
    min-height: 100px;
    background: #bcb7b3;
    color: #fff;
    overflow: hidden;
}

.subscribe-section h4 {
    float: left;
    margin-left: 25px;
    margin-top: 32px;
    line-height: 30px;
    font-size: 15px;
}

.subscribe-section h4:before {
    content: "\f003";
    font-family: FontAwesome;
    font-size: 15px;
    margin-right: 10px;
}

#subscribe-send {
    position: absolute;
    right: 45px;
    top: 39px;
    border: none;
    background: none;
    color: #FFFFFF;
}

.subscribe-section form {
    float: right;
    margin-top: 28px;
    margin-right: 25px;
}

.subscribe-section input {
    background: rgba(0,0,0,0.1);
    border: none;
    padding: 14px;
    border-radius: 2px;
    width: 300px;
    font-size: 13px;
    color: #fff;
    font-style: italic;
    font-weight: 300;
}

.subscribe-section .widgetGuts > h3 {
    display: none;
}

.widgetGuts .success {
    color: #fff;
    margin-top: -8;
    margin-bottom: 15px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
}

.widgetGuts .success, .widgetGuts .error {
    position: absolute;
    top: 6px;
    z-index: 2;
    color: #fff;
}

.widgetGuts .success, .widgetGuts .error {
    padding: 8px 9px !important;
    background: #bcb7b3 !important;
}

.subscribe-section ::-webkit-input-placeholder {
    color: #fff;
}

.subscribe-section .widgetGuts label {
    font-size: 11px;
    color: #fff;
    font-style: italic;
    font-weight: 300;
    position: absolute;
    top: 43px;
    left: 28px;
}

.subscribe-section input:focus {
    background: #fff;
    color: #000;
}

.subscribe-section .widgetGuts .subscribeButton {
    display: none;
}

.subscribe-section :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.subscribe-section ::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
}

.subscribe-section :-ms-input-placeholder {
    color: #fff;
}

/* 18: Handpicked section */

.handpicked {
    position: relative;
    overflow: hidden;
}

ul.handpicked-slider {
    padding: 0;
    height: 500px;
}

ul.handpicked-slider li {
    list-style: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: none;
}

ul.handpicked-slider li.cur_slide{
    display: block;
}

.hp-product-info {
    background: #ebebeb;
    height: 100%;
    color: #444;
    text-align: center;
    padding: 100px;
}

.hp-product-info a.hp-product-title {
    color: #444;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}

.hp-product-info p {
    height: 40px;
    margin-top: 15px;
    overflow: hidden;
    color: #444;
}

.hp-product-info h4 {
    font-size: 14px;
    margin-top: 40px;
}

.hp-product-photo {
    height: 100%;
    background-image: url("https://unsplash.imgix.net/uploads/1411724908903377d4696/2e9b0cb2?fit=crop&fm=jpg&h=700&q=75&w=1050");
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.hp-product-info a.button1 {
    color: #444;
    border-color: #fff;
    margin-top: 15px;
    padding: 11px 22px 11px 22px;
}

.handpicked-title {
    position: absolute;
    color: #444;
    z-index: 2;
    font-size: 18px;
    left: 40px;
    top: 15px;
}

.handpicked-title:before {
    content: "\f0e7";
    font-family: FontAwesome;
    font-size: 15px;
    margin-right: 10px;
}

ul.handpicked-bullets li  {

    border-radius: 100%;
    border: 2px solid #444;
    float: left;
    margin-left: 5px;
    opacity: 0.5;
}

ul.handpicked-bullets li.ht-active-bullet {
    opacity: 1;
}

ul.handpicked-bullets li a {
    display: block;
    height: 14px;
    width: 14px;
}


.handpicked-bullets {
    position: absolute;
    z-index: 3;
    list-style: none;
    bottom: 40px;
    bottom: 20px;
    left: -10px;
}


/* 19: Umbrella Slider */


.um-slide-navigation {
    list-style: none;
    position: absolute;
    z-index: 3;
    left: 70px;
    bottom: 40px;
    padding: 0;
}

.umbrella-slider {
    width: 100%;
    position: relative;
}

.um-slide-navigation li {
    float: left;
    border-radius: 2px;
    margin-right: 4px;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.07);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.um-slide-navigation li:hover {
    background: rgba(0,0,0,0.2);
}

.um-slide-navigation li:hover a {
    color: rgba(255,255,255,1)
}

.um-slide-navigation li a {
    display: block;
    height: 100%;
    color: rgba(255,255,255,0.5);
    padding-top: 10px;
    padding-left: 15px;
    text-decoration: none;
}


.um-slides-list {
    padding: 0;
}

 li.active-um-slide {
    background: rgba(0,0,0,0.2);
}

 li.active-um-slide a {
    color: rgba(255,255,255,1)
}

.um-slides-list li {
    background: #baa8e8;
    height: 543px;
    width: 100%;
    position: relative;
    list-style: none;
    overflow: hidden;
}

.um-single-slide > img {
    float: right;
    max-height: 100%;
}

.um-slide-captions {
    width: 50%;
    top: 33%;
    position: absolute;
    z-index: 46;
    margin-left: 70px;
    color: #fff;
}

.um-slide-captions h2 {
    margin-bottom: 20px;
}

.um-slide-captions a.button1 {
    color: #fff;
    border-color: #fff;
}

/* 20: Copyright section */

.copyright-section {
    text-align: center;
    margin-top: 50px;
    border-top: 1px solid #e8e6e4;
    margin-top: 25px;
}

.copyright-section p {
    width: 100%;
    margin-top: 2px;
    border-top: 1px solid #e8e6e4;
    padding-top: 20px;
}

.copyright-section img {
    margin-top: 20px;
    width: auto !important;
    height: auto; !important;
    max-width: 100%;
}

/* 21: Clients */

.clients-list {
    padding: 0;
    overflow: hidden;
}

.clients-list li {
    width: 20%;
    height: 150px;
    float: left;
    text-align: center;
    transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
}

.clients-list  li a img {
    max-width: 100px;
}

span.helper_full {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.clients-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.clients-list li:hover {
    background: #F3F3F3;
    border-radius: 3px;
}


/* 22: Widgets */

.blog-recent-posts {
    padding: 0;
}

ul.blog-recent-posts li p {
    font-size: 11px;
    text-transform: uppercase;
    color: #A6A2A2;
}

ul.blog-recent-posts li p a {
    font-size: 11px;
    text-transform: uppercase;
    color: #A6A2A2;
}


.um-widget > ul {
    padding: 0;
}

ul.blog-recent-posts li a:hover {
    text-decoration: none;
    color: #6fadd0;
}

ul.blog-recent-posts li {
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    min-height: 70px;
    padding-bottom: 0 !important;
}

ul.blog-recent-posts li a {
    text-decoration: none;
    transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
}


.w-featured {
    width: 60px;
    float: left;
    margin-right: 20px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
}

.widget_title h5 {
    font-size: 13px;
    text-transform: uppercase;
    display:inline-block;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: #2b2b2b;

}

h5.widget-title {
    font-size: 13px;
    text-transform: uppercase;
    display:inline-block;
    padding-bottom: 5px;
    color: #2b2b2b;
}




.um-widget ul {
    padding: 0;
}

.um-widget img {
    max-width: 100%;
    height: auto;
}

.widget.widget_calendar table {
    border-collapse: collapse;
    width: 100%;
}

.widget strong {
    font-weight: 300;
}

.widget select {
    max-width: 100%;
}

.widget label {
    font-weight: 300;
}

.widget_search input {
    margin-top: 5px;
    margin-bottom: 5px;
}

.widget_search label {
    font-weight: 300;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    color: #A0A0A0;
}

.widget.widget_calendar table th {
    background-color: #f3f3f3;
    color: #7a7a7a;
    padding: 10px 0px;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.widget.widget_calendar table td {
    border: 1px solid #e1e1e1;
    padding: 10px 0px;
    text-align: center;
    color: #7a7a7a;
}

.widget.widget_calendar table caption {
    font-size: 12px;

    color: #646464;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    margin-bottom: -1px;
    white-space: nowrap;
}

.widget.widget_calendar table a {
    color: #686868;
}

.widget ul li {
    padding-bottom: 10px;
    list-style: none;
}

.widget ul li ul {
    padding-top: 20px;
    padding-left: 20px;
}

.widget ul li a {
    color: #7d7d7d;
}

.widget {
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 40px;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 40px;
    border-top: 1px solid #e8e6e4;
    padding-top: 20px;
}

h5.widget-title {
    margin-bottom: 20px;
}



.widget .search-field {
    padding: 8px;
    border: 2px solid #e8e6e4;
}

.widget label {
    display: none;
}


.social-icons-widget a {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 2px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.social-icons-widget a:hover {
    opacity: 0.7;
}


.social-icons-widget a i {
    color: #fff;
    font-size: 16px;
    margin-left: 12px;
    margin-top: 12px;
}

a.dribbble {
    background: #ea4c89;
}

a.facebook {
    background: #3b5998;
}

a.facebook i {
    margin-left: 14px;
}

a.twitter {
    background: #00aced;
}

a.google-plus {
    background: #dd4b39;
}

a.youtube {
    background: #bb0000;
}

a.linkedin {
    background: #007bb6;
}

a.instagram {
    background:#517fa4;
}


a.pinterest {
    background: #cb2027;
}

a.flickr {
    background: #ff0084;
}

a.stack-overflow {
    background: #75845c;
}

a.dropbox {
    background: #1081de;
}

a.skype {
    background: #01aef2;
}

a.tumblr {
    background: #3d5a70;
}

a.stack-exchange {
    background: #4679b7;
}

a.vk {
    background: #45668e;
}

a.vk i {
    margin-left: 10px;
}

a.behance {
    background: #107eed;
}

a.deviantart {
    background: #4c5e51;
}

a.drupal {
    background: #0077C0;
}


a.hacker-news {
    background: #b22607;
}

a.jsfiddle {
    background: #4679BD;
}

a.jsfiddle i {
    margin-left: 10px;
}

a.reddit {
    background: #CEE3F8;
}

a.reddit i {
    margin-left: 10px;
}

a.digg {
    background: #000;
}

a.digg i {
    margin-left: 10px;
}

a.vimeo {
    background: #aad450;
}

a.github {
    background: #3a3a3a;
}

a.apple {
    background: #000000;
}

a.steam {
    background: #494E48;
}

a.steam i {
    margin-left: 11px;
}

a.wordpress {
    background: #22769B;
}

a.wordpress i {
    margin-left: 10px;
}

a.yahoo {
    background: #3F028E;
}

a.yahoo i {
    margin-left: 11px;
}

a.delicious {
    background: #4485D5;
}

a.spotify {
    background: #75BF42;
}

a.spotify i {
    margin-left: 12px;
}

a.soundcloud {
    background: #FF4701;
}

a.soundcloud i {
    margin-left: 10px;
}

a.globe {
    background: #787878;
}

a.globe i {
    margin-left: 12px;
}

/* Sidebar footer */

.sidebar_footer {
    clear: both;
}



/* 19: Contact form */


.wpcf7-form input, .wpcf7-form textarea {
    border-radius: 2px;
    border: 2px solid #ebebeb;
    padding: 8px;
    width: 100%;
    color: #727272;
    margin-top: 10px;
}


input.wpcf7-submit {
    background: none;
    padding: 15px 27px 16px 27px;
    margin-top: 13px;
    border-radius: 2px;
    text-decoration: none;
    border: 2px solid #e1e1e1;
    display: inline-block;
    width: auto !important;
    text-transform: uppercase;
    font-size: 11px;
    color: #848484;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

input.wpcf7-submit:hover {
    border-color: #6fadd0;
    color: #6fadd0;
}



/* 20: Other styles */

.widget input[type="submit"] {
    border: 2px solid #6fadd0;
    background: none;
    border-radius: 2px;
    padding: 8px;
    color: #6fadd0;
}

.widget_search input {
    padding: 8px;
    border: 2px solid #e8e6e4;
}

.page_top {
    margin-bottom: 40px;
}

.page_top p {
    font-size: 15px;
    color: #9a9a9a;
}


/* 21: Auto complete */



.tt-dataset-products {
    width: 400px;
}

.header2 .tt-dataset-products p {
    width: 270px;
}
.tt-dataset-products p {
    background: #fff;
    margin: -1px;

    width: 326px;


}

.tt-dataset-products p a{
    padding: 10px;
    display: block;
    color: #3f3f3f;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #e3e3e3;
}

.tt-dataset-products p a:hover {
    background: #6fadd0;
    color: #fff;
    border-color: #6fadd0;

}


/* 22: Header 2 */

.header2 {
    height: 100px;
    margin-top: 30px;
}

.header2 .logo {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.header2 .search-box {
    position: absolute;
    top: 5px;
}

.header2 .main_menu {
    float: none;
    display: table;
    margin: 0 auto;

}

.header2 .menu_container {
    border-top: 1px solid #e3e3e3;
}

.header2 .main_menu li {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
}


.header2 .t-menu {
    float: none;
    width: 100%;
}

.t-menu .menu_container > ul > li {
    margin-right: 20px !important;
}

.header2 .t-wbar {
    top: 5px;
}

.header2 input#search-input {
    padding: 12px 105px 12px 12px;
    border: 2px solid #ebebeb;
}

.header2 .search-box {
    width: 270px;
}


input:focus {
    color: #7d7d7d;
}

/* 23: Header cart */

.cart_contents {
    width: 300px;
    border: 1px solid #e3e3e3;
    padding: 0;
    margin-left: -137px;
    margin-top: -2px;
    background: #fff;
    z-index: 4;
}

.cart_contents .widget_shopping_cart_content {
    padding: 20px;
    width: 300px;
}

.count_pr p{
    color: #fff !important;
    font-size: 10px;
    margin-top: 2px;
    text-align: center;

}

.count_pr  {
    position: absolute;
    z-index: 9999;
    background: #6fadd0;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin-top: -8px;
    margin-left: 8px;
}

.cart_contents .cart_list li {
    width: 100%;
}

.cart_contents .cart_list {
    overflow: hidden;
}



.cart_contents.widget_shopping_cart .buttons a {
    padding: 9px !important;
    font-size: 11px;
}

.cart_contents .total {
    margin-bottom: 15px;
}



/* 24: Testimonials */

.testimonials-list {
    list-style: none;
    padding: 10px;
    position: relative;
    padding-top: 30px;
}

.testimonials-list li {
    text-align: center;
}

.testimonials-list p {
    padding-top: 15px;
    font-size: 15px;
    font-style: italic;
    color: #4F4F4F;
    width: 500px;
    margin: auto;
}

.testimonials-list h4 {
    font-size: 14px;
    color: #727272;
}

.tl-img-holder  {
    height: 80px;
    width: 80px;
    overflow: hidden;
    margin: auto;
    border-radius: 100%;

}

.tl-img-holder img {
    width: 80px;
    height: auto;
}

.testimonials-nav .t-prev i, .testimonials-nav .t-next i {
    color: #e3e3e3;
    font-size: 30px;
    padding: 8px;
}

.testimonials-nav .t-prev:hover i, .testimonials-nav .t-next:hover i {
    color: #adadad;
}


.testimonials-section {
    position: relative;
}

.testimonials-section .section-title {
    position: absolute;
}

.testimonials-nav .t-prev {
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 3;
}


.testimonials-nav .t-next {
    position: absolute;
    right: 0;
    top: 45%;
    z-index: 3;
}


/*  25: Selectric */

.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    width: 300px;
    cursor: pointer;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #DDD;
    background: #F8F8F8;
    position: relative;
    border-radius: 2px;
}
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 30px 0 0;
    padding: 6px;
    font-size: 12px;
    line-height: 18px;
    color: #444;
    min-height: 18px;
}
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    /* IE Fix */
    *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}

.selectricHover .selectric {
    border-color: #CCC;
}
.selectricHover .selectric .button {
    color: #888;
}
.selectricHover .selectric .button:after {
    border-top-color: #888;
}

.selectricOpen {
    z-index: 9999;
    position: relative;
}
.selectricOpen .selectric {
    border-color: #CCC;
    background: #F0F0F0;
}
.selectricOpen .selectricItems {
    display: block;
}

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}
.selectricHideSelect select {
    position: absolute;
    left: -100%;
    display: none;
}

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}


/* 26: Items box */


.selectricItems {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F9F9F9;
    border: 1px solid #CCC;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}
.selectricItems .selectricScroll {
    height: 100%;
    overflow: auto;
}
.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}
.selectricItems ul, .selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}
.selectricItems li {
    display: block;
    padding: 5px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
}
.selectricItems li.selected {
    background: #EFEFEF;
    color: #444;
    border-top-color: #E0E0E0;
}
.selectricItems li:hover {
    background: #F0F0F0;
    color: #444;
}
.selectricItems li.disabled {
    background: #F5F5F5;
    color: #BBB;
    border-top-color: #FAFAFA;
    cursor: default;
}


/* 27: Promotion banner */


.promotion-banner {
    position: relative;
    min-height: 200px;
    background: #000;
}

.promotion-banner img {
    width: 100%;
    height: auto;
}

.promotion-caption {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
    padding-left: 80px;
    padding-right: 80px;
}

.promotion-caption h2 {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 24px;
    margin: 0;
}

.promotion-caption h4 {
    border-radius: 2px;
    padding: 14px 32px 14px 32px;
    text-decoration: none;
    border: 2px solid #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 15px;
}

.overlay-border {
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
}

.border-holder {
    position: relative;
    width: 100%;
    padding: 25px;
    height: 100%;
}

.promotion-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}


.promotion-banner a:hover .promotion-overlay {
    opacity: 0.7;
}

.promotion_banners .promotion-banner.three-banners:last-child {
    margin-right: 0 !important;
}

.three-banners {
    width: 32%;
    margin-right: 22px;
    float: left;
}

.promotion_banners {
    overflow: auto;
}

.three-banners  .promotion-caption h2 {
    font-size: 16px;
}

.two-banners {
    width: 48%;
    float: left;
}

.promotion_banners .promotion-banner.two-banners:first-child  {
    margin-right: 45px;
}



/* 28: Gallery page */

.gallery-container {
    margin-top: 20px;
}

.galleryFeed .feedImage {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.gallery-filter ul {
    padding: 0;
    list-style: none;
    display: none;
}

.gallery-filter ul li {
    float: left;
    margin-right: 5px;
    height: 52px;
}


.gallery-filter ul li a {
    color: #848484;
    text-decoration: none;
    border: 2px solid #e1e1e1;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 14px 20px 14px 20px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.gallery-filter ul li a:hover {
    border-color: #6fadd0;
    color: #6fadd0;
}

.gallery-filter ul li.activeFilter a {
    border-color: #6fadd0;
    color: #6fadd0;
}

.feedInfo {
    margin-top: 10px;
	margin-bottom: 10px;
}

.feedInfo a {
    color: #5C5C5C;
}

.feedInfo p {
    color: #9a9a9a;
	display: none;
}

.galleryFeed {
    margin-bottom: 20px;
}

.feedImage {
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
}

.feedImage:hover {
    opacity: 0.7;
}

.feedInfo p {
    margin-top: 5px;
    font-size: 13px;
}

.feedInfo p a {
    color: #727272;
}


/* 29: Gallery inside */

.project-images ul {
    padding: 0;
    list-style: none;
}

.project-images ul li img {
    width: 100%;
    margin: auto;
}

.project-images ul li iframe {
    height: 400px;
}

.project-images ul li {
    margin-top: 25px;
}

.project-title a {
    color: #909090;
	display: none;
}

.project-title a i {
    margin-right: 10px;
	display:none;
}

.project-title i {
	display:none;
}

.project-title {
    margin-bottom: 20px;
}

.project-description {
    margin-bottom: 20px;
}


.project-services ul {
    list-style: none;
    padding: 0;
}

.project-images {
    margin-bottom: 50px;
}

.project-services ul li {
    color: #888888;
    padding-bottom: 5px;
}

/* 30: Responsive menu */

.responsive-menu {
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 999999;
    display: none;
}

.responsive-menu #menu-main-menu {
    list-style: none;
    padding: 0;
}


.responsive-menu #menu-main-menu li {
    border-top: 1px solid #2A2A2A;
    width: 100%;
}

.responsive-menu #menu-main-menu li:last-child {
    border-bottom: 1px solid #2A2A2A;
}

.responsive-menu #menu-main-menu li.current-menu-item a {
    color: #fff;
    background: #1c1c1c;
}

.responsive-menu #menu-main-menu li a {
    color: #b7b7b7;
    text-transform: uppercase;
    font-size: 11px;
    background: #171717;
    display: block;
    padding: 13px;
    text-decoration: none;
}

.responsive-menu #menu-main-menu li a:focus {
    background: #1c1c1c;
}

.responsive-menu #menu-main-menu li a:hover {
    background: #1c1c1c;
}

.responsive-menu .menu_container ul.sub-menu {
    display: none;
    position: relative;
    margin-left: 0;
    list-style: none;
    padding: 0;
}

.responsive-menu .menu_container ul.sub-menu li a {
    border-top: 1px solid #2A2A2A;
    border: none !important;
    background: #101010 !important;
}

.responsive-menu ul.sub-menu li ul.sub-menu {
    right: 0;
    margin-top: 0;
}


/*  31: Single post comments */



.singlepost-comments p {
    margin-top: 10px;
    margin-bottom: 15px;

}

p.form-submit, p.comment-form-comment, p.form-allowed-tags  {
    margin-left: 15px;
    margin-right: 15px;
}

.singlepost-comments input, .singlepost-comments textarea {
    width: 100%;
    max-width: 100%;
    border: 2px solid #e2e4e5;
    min-height: 45px;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    margin-left: 0px;
}

.singlepost-comments textarea {
    padding-top: 5px;
}

p.form-allowed-tags {
    margin-left: 15px;
}

p.logged-in-as {
    margin-left: 15px;
}

.singlepost-comments #submit {
    background: #6fadd0;
    color: #fff;
    border: none;
}

.singlepost-comments {
    padding-left: 0;
}

.depth-2 {
    margin-left: 20px;
}

.depth-3 {
    margin-left: 40px;
}

.depth-4 {
    margin-left: 60px;
}

.single-post.single-layout-fullwidth .page_header_2  {
    margin-bottom: 0px;
}

.blog-layout-fotorama .page_header_2 {
    margin-bottom: 0px;
    display: none;
}

#respond h3 {
    display: none;
}

.comment-body p {
    padding-bottom: 10px;
}

.comment-notes {
    padding-top: 10px;
    margin-left: 15px;
}


.singlepost-comments input#author {
    margin-left: 0;
}


.singlepost-comments h5 {
    font-size: 17px;
    color: #6fadd0;
    margin-top: 25px;
}

.comments_no_padding  li {
    list-style: none !important;
    margin-bottom: 50px;
    margin-top: 50px;
}

code {
    color: #989898;
    white-space: normal;
    display: block;
    margin-top: 10px;
}

.comments_no_padding > li:first-child {
    list-style: none !important;
    margin-bottom: 50px;
    margin-top: 20px;
}


.comment-reply-link {
    padding: 10px 20px 10px 20px;
    border: 2px solid #e1e1e1;
    color: #848484;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    border-radius: 2px;
    text-decoration: none;
    margin-top: 0px;

}

.comment-reply-link:hover {
    border: 2px solid #bebebe;
    text-decoration: none;
    color: #a3a3a3;
}



.comment-meta.commentmetadata {
    font-size: 12px;
    margin-left: 40px;
    margin-bottom: 5px;

}

.comment-meta.commentmetadata a {

    color: #989898;
}

.fn a {
    color: #6fadd0;

}


.fn  {
    color: #6fadd0;
    margin-left: 10px;
}

.vcard img {
    border-radius: 50%;
    float: left;
}


/* 32: Tooltips */

span.um_tooltip {
    position: absolute;
    padding: 10px 20px 10px 20px;
    color: #FFFFFF;
    background: #262626;
    line-height: 22px;
    text-align: center;
    visibility: hidden;
    border-radius: 2px;
    min-width: 140px;
    opacity: 0;
    text-transform: uppercase;
    font-size: 11px;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
}

span.um_tooltip:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0; height: 0;
    border-bottom: 5px solid #262626;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.product-hover-ul li {
    position: relative;
}

.product-hover-ul li:hover span {
    visibility: visible;
    opacity: 1;
    top: 63px;
    left: 30px;
    margin-left: -76px;
    z-index: 999;
}


/* 33: Loader */

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    top:0;
    left: 0;
    z-index: 900000000;
}

.loader .loading{
    position:absolute;
    top:50%;
    left:50%;
    background-color: #ffffff;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    border-width: 3px;
    border-style:solid;
    border-color:#000 #000 rgba(255,255,255,.5) rgba(255,255,255,.5);
    opacity:.9;
    border-radius:20px;
    -webkit-animation:rotate 1s linear infinite;
    -moz-animation:rotate 1s linear infinite;
    -o-animation:rotate 1s linear infinite;
    -ms-animation:rotate 1s linear infinite;
}
@-webkit-keyframes rotate{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@-o-keyframes rotate{
    0%{-o-transform:rotate(0deg)}
    100%{-o-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
    0%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(360deg)}
}

/* 34: Shortcodes */


.dropcap {
    font-family: Georgia, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-style: italic;
    float: left;
    font-size: 40px;
    padding: 0px 16px 0px 0px;
    color: #000;
}

ul.accordion, ul.toggle, .tabs ul {
    list-style-type: none;
    padding: 0;
}

ul.accordion li a, ul.toggle li a, div.tabs ul.tab_buttons li a {
    display: block;
    padding: 17px 17px;
    font-size: 14px;
    font-weight: 400;
    color: #787878;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    border-top: 0px;
    position: relative;
}

div.tabs ul.tab_buttons li a {
    display: inline-block;
    float: left;
    border-top: 1px solid #dfdfdf;
    border-bottom: 0px;
}

div.tabs ul.tab_buttons li:first-child a {
    border-left: 1px solid #dfdfdf;
    outline: none;
}

ul.accordion li a.active, ul.accordion li a:hover, ul.toggle li a.active, ul.toggle li a:hover, div.tabs ul.tab_buttons li a.active, div.tabs ul.tab_buttons li a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}

ul.accordion li a i, ul.toggle li a i {
    position: absolute;
    font-size: 18px;
    color: #6fadd0;
    top: 50%;
    margin-top: -9px;
    right: 17px;
}

ul.accordion li div, ul.toggle li div, div.tabs ul.tab_content li {
    border: 1px solid #dfdfdf;
    border-top: 0px;
    padding: 17px 17px;
    display: none;

}

ul.accordion > li a.active i {
    color: #fff;
}

ul.toggle > li a.active i {
    color: #fff;
}

div.tabs ul.tab_content li {
    clear: both;
    border-top: 1px solid #dfdfdf;
}

ul.accordion li:first-child a, ul.toggle li:first-child a {
    border-top: 1px solid #dfdfdf;
}

ul.accordion li div *, ul.toggle li div * {
    margin-bottom: 0px;
}

.content > ul li {
    padding-bottom: 0px !important;
    list-style-type: circle;
    list-style-position: inside;
}

.singlepost_body > ul li {
    list-style-type: circle;
    list-style-position: inside;
}


.tabs ul   {
    padding: 0;
}

ul.accordion > li a.active {
    background-color: #6fadd0;
    text-decoration: none;
    border-color: #6fadd0;
    color: #fff !important;
    border-radius: 2px;
}

ul.tab_buttons > li a.active {
    background-color: #6fadd0 !important;
    text-decoration: none !important;
    border-color: #6fadd0 !important;
    color: #fff !important;
}

ul.toggle> li a.active {
    background-color: #6fadd0 !important;
    text-decoration: none !important;
    border-color: #6fadd0 !important;
    color: #fff !important;
}

.highlight {
    background-color: #6fadd0;
    color: #fff;
    padding: 10px 10px 10px 10px;
}

blockquote p {
    font-size: 16px;
    line-heigjt: 27px;
}

blockquote cite {
    font-style: italic;
    color: #6fadd0;
    font-size: 14px;
}

.content > ul  {
    padding: 0;

}

.content > ol {
    padding: 15px;
}

.et-icon {
    font-size: 16px;
    display: inline-block;
    width: 15em;
    padding: .25em .5em;
    margin: .5em 1em .5em 0;
}





/*=====================================================
                35: Responsive media queries
=====================================================*/

@media only screen and (max-width : 1480px) {
    .cart_contents {
        right: -10px;
    }
}


@media only screen and (max-width : 1200px) {

    .header {
        margin-top: 30px;
        margin-bottom: 30px;
        height: 110px;
    }

    .variations select {
        margin-bottom: 10px;
    }

    .mobile-matchpoints {
        display: table;
    }

    .collection-con .c-matchpoint {
        display: none;
    }

    .search-box {
        float: right;
    }

    .promotion_banners .promotion-banner.two-banners:first-child {
        margin-right: 37px;
    }

    .t-menu {
        clear: both;
    }

    .three-banners {
        margin-right: 18px;
    }

    .t-menu ul {
        padding: 0;
    }


    .woocommerce div.product .product_title {
        font-size: 20px !important;
        padding-right: 95px !important;
    }

    .um_single_product_wrapper ins span.amount {
        font-size: 20px !important;
    }

    .woocommerce .woocommerce-product-rating .star-rating {
        float: none !important;
        margin-top: 0px!important;
        margin-bottom: 5px!important;
    }

    .selectricWrapper {
        width: 250px;
    }


    .t-wbar {
        top: 60px;
    }


    #menu-main-menu {
        padding-left: 0;
    }

    .um-slides-list li {
        height: 500px;
    }

    .um-slide-navigation {
        bottom: 50px;
    }

    .um-slide-captions h2 {
        font-size: 24px;
    }

    .subscribe-section .widgetGuts label {
        left: -10px;
    }

    .pp-holder {
        width: 400px;
        margin: auto;
        margin-top: 200px;
    }
}

@media only screen and (min-width : 980px) {
    .m-navigation-menu {
        display: none;
    }



}

@media only screen and (max-width : 980px) {

    .usc-ul li:nth-child(3n) a {
        margin-right: 0;
    }

    .usc-ul li:nth-child(4n) a {
        margin-right: 25px;
    }

    .three-banners {
       width: 100%;
       margin-bottom: 20px;
    }
    
    .two-banners {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }


}



@media only screen and (min-width : 768px) and (max-width : 992px) {


    .subscribe-section .widgetGuts label {
        display: none !important;
    }

    .subscribe-section form {
        float: left;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: -28px;
    }

}

@media only screen and (max-width : 979px) {
	
	.logo img {
    width: auto !important;
	height: 49px;
}

.header2 .logo {
    margin-bottom: 0px;
}

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 50% !important;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: right;
        width: 46%!important;
    }

    .t-menu {
        display: none;
    }

    .pp-holder {
        width: 300px;
        margin: auto;
        margin-top: 150px;
    }

    .subscribe-section h4 {
        margin-top: 25px;
    }

    .testimonials-list p {
        width: 100%;
        padding-left: 35px;
        padding-right: 35px;
    }


    .plain-home-container .headline-section h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .widgetGuts table th {
        display: none;
    }



    .hp-product-info {
        padding: 50px;
    }


    .subscribe-section h4 {
        float: none;
        margin-top: 20px;
    }


    .promotion-caption h2 {
        font-size: 18px;
    }

    .clients-list li {
        width: 25%;
    }

  
    
    .um-slide-captions {
        margin-left: 50px;
    }

    .subscribe-section form {
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 20px;
        float: none;
        margin-bottom: 20px;
    }

    .um-slide-navigation {
        bottom: 30px;
        left: 50px;
    }

    .um-slides-list li {
        height: 450px;
    }

    .m-navigation-menu a {
        font-size: 19px;
        color: #000;
        margin-left: 30px;
        float: right;
        display: block;
    }

    .m-navigation-menu {
        margin-top: 11px;
        margin-left: 5px;
    }

    input#search-input {
        width: 100%;
        padding: 12px 0 12px 12px;
    }

    .search-box {
        display: none;
        position: absolute;
        right: 0;
        width: 100%;
        top: 64px;
        z-index: 99999;
    }

    .search-box span {
        width: 100%;
    }

    .t-wbar {
        display: none;
    }

    .header {
        height: 55px;
    }

    .header {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .headline-section h2 {
        font-size: 38px;
        margin-bottom: 17px;
        line-height: 46px;
    }

    .headline-section {
        margin-bottom: 35px;
    }

    .um-slide-captions h2 {
        font-size: 22px;
    }


    .hp-product-info {
        height: 400px;
    }

    .hp-product-photo {
        height: 400px;
    }

    ul.handpicked-slider {
        height: 800px;
    }

    .handpicked-bullets {
        top: 350px !important;
    }

    .testimonials-list {
        padding-top: 35px;
    }

}

@media only screen and (max-width : 767px) {
    .headline-section h2 {
        font-size: 30px;
        margin-bottom: 16px;
        line-height: 39px;
    }

    .testimonials-list p {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .usc-ul li:nth-child(3n) a {
        margin-right: 10px;
    }

    .project-images ul li iframe {
        height: 340px;
    }

    .usc-ul li:nth-child(4n) a {
        margin-right: 10px;
    }

    .usc-ul li:nth-child(even) a {
        margin-right: 0px;
    }

    .testimonials-nav .t-prev, .testimonials-nav .t-next {
        top: 75px;
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 100% !important;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        position: relative;
        width: 100%!important;
    }

    .woocommerce .woocommerce-product-rating .star-rating {
        float: none !important;
        margin-top: 0px !important;
    }

    .selectricWrapper {
        width: 150px;

    }

    .variations select {
        margin-bottom: 10px;
    }


    .testimonials-list {
        padding-top: 60px;
    }

    .clients-list li {
        width: 33%;
    }

    .contact-info {
        padding-left: 0;
        padding-top: 10px;
    }

    .promotion-caption {
        padding-left: 60px;
        padding-right: 60px;
    }

    .promotion-caption h2 {
        font-size: 16px;
    }

    .handpicked-title {
        left: 25px;
    }


    .hp-product-info {
        padding: 25px;
    }




    .hp-product-info h4 {
        margin-top: 85px;
    }

    .m-navigation-menu a {
        margin-left: 20px;
    }

    .handpicked-bullets {
        bottom: 15px;
        left: -20px;
    }

    .plain-home-container .headline-section h2 {
        font-size: 30px;
        margin-bottom: 16px;
        line-height: 39px;
    }





    .um-slides-list li {
        height: 390px;
    }

    .um-slide-captions h2 {
        font-size: 20px;
    }

    .usc-ul li:nth-child(even) a {
        margin-right: 0px;
    }

    .usc-ul li a {
        margin-right: 10px;
        margin-bottom: 10px;
        height: 60px;
        padding: 17px;
        font-size: 14px;
    }


    .um-slide-captions {
        margin-left: 30px;
    }

    .um-slide-navigation {
        bottom: 15px;
        left: 30px;
    }

    .subscribe-section input {
        width: 100%;
    }

    .page_top h2 {
        font-size: 26px;
        margin-bottom: 0;
        line-height: 35px;
    }

    .subscribe-section h4 {
        margin-top: 15px !important;
        margin-left: 10px!important;
    }

    .subscribe-section form {
        margin-left: 10px !important;
    }

    .widgetGuts table {
        width: 100% !important;
    }

    .galleryFeed .feedImage {
        height: 200px;
    }
	
	.gallery-filter { display:none;}

    .gallery-filter ul li a {
        padding: 10px 15px 10px 15px;
    }

    .gallery-filter ul li {
        height: 43px;
    }

    .page_top {
        margin-bottom: 30px;
    }

    .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
        width: 100%;
    }

    .woocommerce .woocommerce-ordering select {
        width: 100%;
        margin-bottom: 20px;
    }

    .woocommerce-ordering .selectricWrapper {
        width: 100% !important;
    }
    body.woocommerce-cart .woocommerce table.shop_table {
        min-width: 500px;
    }

    body.woocommerce-cart .woocommerce > form {
        overflow-x: scroll;
    }

    .coupon input.button {
        width: 148px !important;
        float: left!important;
    }

    body.woocommerce-cart .shop_table input.button {
        width: 178px!important;
    }

    .singlepost-comments h5 {
        display: block;
        float: none;
    }
}

@media only screen and (max-width : 480px) {



    body.woocommerce-cart .woocommerce > form {
        overflow-x: scroll;
    }

    .usc-ul li a {
        margin-right: 5px;
        margin-bottom: 5px;
        height: 50px;
        padding: 14px;
        font-size: 13px;
        padding-left: 10px;
    }

    .mobile-matchpoints li {
        height: 30px;
        width: 30px;
    }

    .mobile-matchpoints li a {
        height: 30px;
    }

    .mobile-matchpoints li a i {
        margin-top: 8px;
        margin-left: 9px;
    }

    .c-product-holder img {
        max-height: 50px;
    }

    .c-product-holder {
        height: 160px;
        margin-top: -80px;
        border: 1px solid #e3e3e3;
    }

    .usc-ul li a:before {
        font-size: 12px;
    }

    .page_top {
        margin-bottom: 20px;
    }

    .usc-ul li:nth-child(3n) a {
        margin-right: 5px;
    }

    .usc-ul li:nth-child(even) a {
        margin-right: 0 !important;
    }

    .usc-ul li:nth-child(4n) a {
        margin-right: 5px;
    }

    .page_top p {
        font-size: 13px;
        margin-top: 5px;
    }

    .woocommerce div.product .product_title {
        font-size: 16px !important;
        padding-right: 70px !important;
    }

    .um_single_product_wrapper ins span.amount {
        font-size: 16px !important;
    }

    .um_single_product_wrapper .price del span.amount {
        font-size: 12px;
    }

    .clients-list li {
        width: 50%;
    }

    .pp-holder {
        width: 80%;
        margin: auto;
        margin-top: 70px;
    }

    .headline-section h2 {
        font-size: 19px;
        margin-bottom: 11px;
        line-height: 28px;
    }

    .page_top h2 {
        font-size: 19px;
        line-height: 28px;
    }

    .headline-section {
        margin-bottom: 25px;
    }


    .plain-home-container .headline-section h2 {
        font-size: 19px;
        margin-bottom: 11px;
        line-height: 28px;
    }

    .promotion-caption h2 {
        font-size: 11px;
    }




    .um-slides-list li {
        height: 300px;
    }

    .um-slide-captions {
        top: 25%;
    }

    a.btn {
        border-radius: 2px;
        padding: 10px 25px 10px 25px;
    }

    .um-slide-captions h2 {
        font-size: 18px;
    }

    .um-slide-navigation li {
        width: 30px;
        height: 30px;
    }

    .um-slide-navigation li a {
        padding-top: 5px;
        padding-left: 10px;
    }

    .subscribe-section h4 {
        margin-left: 15px;
        margin-top: 20px;
        line-height: 23px;
    }

    .project-images ul li iframe {
        height: 250px;
    }

    .postsingle-image .blogpage-post-info {
        display: none;
    }

}

@media only screen and (max-width : 320px) {
    .um-slides-list li {
        height: 200px;
    }

    .project-images ul li iframe {
        height: 180px;
    }

    .um-slide-captions {
        top: 20%;
    }

    .um-slide-captions h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    a.btn {
        border-radius: 2px;
        padding: 8px 15px 8px 15px;
    }



    .um-slide-captions {
        top: 5%;
    }

    .feed-btn {
        margin-top: 2px;
        padding: 5px 15px 5px 15px !important;
    }
}