/*
 @Author: Themographics
 @URL: http://themographics.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 01.	Theme Reset Style
 02.	Global Elements
 03.	Header Styke
 04.	Menu Style
 05.	Naveigation Style
 06.	Banner Style
 07.	Inner Banner Style
 08.	Main Style
 09.	ABoutus Style
 10.	What we do Style
 11.	Portfolio Style
 12.	Counter Style
 13.	Team Style
 14.	Testimonial Style
 15.	Blog Style
 16.	Video Style
 17.	Pricing Style
 18.	Footer Style
 19.	Services Style
 20.	404 Style
 21.	Contactus Style
 22.	Comming Soon Style
 23.	Blog List Style
 24.	Blog Grid Style
 25.	Blog Detail Style
 26.	Comment Style
 26.	Shop Style
 26.	Shop Detail Style
 26.	Sidebar Style
 
*/

/* =============================================
                        Theme Reset Style
============================================= */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Dosis:400,700);
* {
    margin: 0;
    padding: 0;
}
body {
    background: #fff;
    color: #999;
    font:14px/24px 'Open Sans', Arial, Helvetica, sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #363636;
    font-style: normal;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0 0 8px;
    text-transform:uppercase;
    letter-spacing: 3px;
}
h1 { font-size: 50px;}
h2 { font-size: 28px;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}
h5 { font-size: 13px;}
h6 { font-size: 12px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #363636; }
p a, a:focus, a:hover, .share-icon ul li a:hover i, .tg-socialicons ul li a:hover i{color: #363636;}
p a:hover {
    color: #363636;
    text-decoration:underline;
}
p {
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 10px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
a {
    color: #363636;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
}
ul { margin-bottom: 0; }
figure {
    margin-bottom: 6px;
    position: relative;
}
[class^="icon-"], [class*=" icon-"]{
    font-size: 20px;
}
img {
    max-width: 100%;
}
strong { color: #363636; }
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor { margin: 0;}
.wp-caption .alignleft,
.wp-caption .alignnone {width: 100%;}
select {
    border: 1px solid #dbdbdd;
    color: #363636;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #363636;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {border: none;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea{
    color: #414141;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    outline: none;
    line-height: 30px;
    padding: 4px 15px;
    background:#f7f8fa;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input:focus{box-shadow:none !important;}
form p {
    float: left;
    position: relative;
    width: 100%;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option { padding: 5px 15px; }
li {
    line-height: 28px;
    list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
    list-style: decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th { text-align: left; }
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #d2d2d2; }
table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #d2d2d2; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #999; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/* =============================================
                        Global Elements
============================================= */
.tg-haslayout{
    width:100%;
    float:left;
}
.lettering_title{
    width: 100%;
    float: left;
    padding:0 0 30px;
}
.lettering_title h2{
    margin: 0;
    line-height: 28px;
}
.lettering_title h2:first-letter{
    border-bottom: 2px solid;
    font-weight: bold;
}
.tg-btn-small{
    padding: 0 25px;
    line-height: 36px;
}
.tg-btn{
    display:inline-block;
    vertical-align: middle;
    border:1px solid;
    text-align:center;
    font-size:14px;
    line-height:44px;
    padding: 0 50px;
    position: relative;
    text-transform: uppercase;
}
.tg-btn:after{
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.tg-btn.active:after,
.tg-btn:hover:after{ width: 100%;}
.tg-btn em{
    display: block;
    position: relative;
    z-index: 2;
    font-style: normal;
}
.tg-btn-large{ width: 100%;}
.tg-btn.active,
.tg-btn:hover{ color: #fff;}
.social-icon{ text-align:center;}
.social-icon li{
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    border-right:1px solid #dbdbdd;
}
.social-icon li a{
    width:47px;
    height:40px;
    display:block;
    background:#f7f8fa;
    overflow:hidden;
}
.social-icon li a i{
    color:#999;
    display:block;
    font-size:13px;
    line-height:40px;
    text-align:center;
}
.social-icon li a:hover i{ color:#363636;}
.img-hover{
    left:0;
    top:70%;
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    visibility:hidden;
    background:rgba(255, 255, 255, 0.80);
}
.displaytable{
    display: table;
    width: 100%;
    height: 100%;
    clear: both;
}
.displaytablecell{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.tg-bg-gray{ background: #f7f8fa;}
.floating{
    float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);}
}
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}
}
.scaling{
    float: left;
    -webkit-animation-name: scalex;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in-out;
}
@-webkit-keyframes scalex{
    from {-webkit-transform: scale(0.9);}
    65% {-webkit-transform: scale(1.0);}
    to {-webkit-transform: scale(0.9);}
}
@-moz-keyframes scale{
    from {-moz-transform: scale(0.9);}
    65% {-moz-transform: scale(1.0);}
    to {-moz-transform: scale(0.9);}
}
.Download {
    width: 100%;
    float: left;
}
.heightnone{
    height: auto !important;
    min-height: auto !important;
}
#wrapper{overflow: hidden;}
#loader {
    background: #363636;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.tg-saletag {
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    height: 30px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 50px;
    z-index: 2;
    left:0;
    top:0;
}
.tg-rating{
    width:100%;
    float:left;
    text-align:center;
    position:relative;
    margin:0 0 30px;
}
.tg-rating i{
    font-size:13px;
    line-height:16px;
    margin-right:5px;
    margin-bottom:0;
    display:inline-block;
    vertical-align:middle;
    color:#999;
}
/* =============================================
                        Header Style
============================================= */
#header{
    background: rgba(255, 255, 255, 1);
    max-height:75px;
    padding: 25px 0;
}
body.home #header{
    padding: 25px 0;
    z-index: 12;
    position: fixed;
    background: rgba(255, 255, 255, 0);
    max-height:50px;
}
body.home #header.affix {
    padding: 20px 0;
    border-bottom: 1px solid;
    background: rgba(255, 255, 255, 0.80);
    max-height:70px;
}

.logo{
    padding: 0  0 3px 0;
    float: left;
}
.logo a{display: block; position: relative;
    z-index: 1;}
.logo a img{ display: block;}
/* =============================================
                        Menu Start
============================================= */
.navbar-header,
#bs-example-navbar-collapse-2,
#bs-example-navbar-collapse-1{
    float: right;
    padding: 0;
}
.navbar-header { padding: 7px 0 7px 20px;}
.navbar-left,
.navbar-right {float: none !important;}
.navbar-toggle {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.navbar-toggle .icon-bar{
    border-radius: 0;
    color: #272727;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{display:block !important;}
#nav ul li{position:relative;}
#nav ul li ul {
    background: rgba(0, 0, 0, 1);
    position: absolute;
    left: 0;
    width: 200px;
    text-align: left;
    top: 150%;
    visibility:hidden;
    opacity:0;
    z-index:999;
}
#nav ul li ul li {width: 100%;}
#nav ul li ul li a{color:#fff;}
#nav ul li:last-child ul {
    left: auto;
    right: 0;
}
#nav ul li:hover ul{
    visibility:visible;
    opacity:1;
    display:block;
    top:100%;
}
#nav ul li ul li a:after,
#nav ul li ul li a:before{display:none;}
#nav ul li ul li:hover{
    background:#fff;
    color:#fff;
}
#nav ul li ul li a{
    display:block;
    padding:10px;
}
#nav ul li ul li a:hover{
    background:#fff;
    color:#222;
}
#nav ul li ul li a.current-menu-item{border-bottom:1px solid #fff;}
/* =============================================
                        Naveigation End
============================================= */
.tg-nav {
    float: right;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
}
.tg-nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
.tg-nav ul li{
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 5px;
}
.tg-nav ul li a{
    display: block;
    padding: 0 15px;
    position: relative;
}
.tg-nav ul li a:after,
.tg-nav ul li a:before{
    position: absolute;
    top: 0;
    font-size: 16px;
    line-height: 24px;
    visibility: hidden;
    opacity: 0;
}
.tg-nav ul li a:after{
    content: '[';
    right: 0;
}
.tg-nav ul li a:before{
    content: ']';
    left: 0;
}
.tg-nav ul li a.current-menu-item:after,
.tg-nav ul li a:hover:after{right: 100%;}
.tg-nav ul li a.current-menu-item:before,
.tg-nav ul li a:hover:before{left: 100%;}
.tg-nav ul li a.current-menu-item:after,
.tg-nav ul li a.current-menu-item:before,
.tg-nav ul li a:hover:after,
.tg-nav ul li a:hover:before{
    opacity: 1;
    visibility: visible;
}
/* =============================================
                        Banner Style
============================================= */
.tg-main-section {
    position: relative;
    padding: 100px 0;
    z-index: 1;
}
footer .tg-main-section{
    padding: 70px 0;
}
body.home .tg-main-section.parallax-window { min-height: 650px;}
.tg-banner{
    width: 100%;
    float: left;
    text-align: center;
}
.parallax-window .tg-banner img{
    width: 100%;
    height: auto;
    display: block;
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: -1;
}
.tg-banner-caption{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 170px 0 0;
}
.tg-banner strong{
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.tg-banner .brackets{
    width: 100%;
    float: left;
}
.tg-banner h1{
    margin: 0 0 20px;
    line-height: 50px;
    letter-spacing: 8px;
}
.tg-banner .brackets span{
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px;
    position: relative;
}
.tg-banner .brackets span:after,
.tg-banner .brackets span:before{
    position: absolute;
    top: 0;
}
.tg-banner .brackets span:after{
    content: '[';
    left: 0;
}
.tg-banner .brackets span:before{
    content: ']';
    right:0;
}
.tg-banner h2{
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 40px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 8px;
}
.tg-banner .tg-btn {margin: 0 0 40px;}
.tg-mouse-icon{ text-align: center;}
.tg-mouse-icon a{
    display: inline-block;
    vertical-align: middle;
    font-size: 45px;
    line-height: 45px;
    float: none;
    margin: 0 auto;
}
.tg-mouse-icon a:hover{color: #363636 !important;}
/* =============================================
                        Inner Banner Style
============================================= */
body.version-two .parallax-window {
    min-height:250px;
    margin:79px 0 0;
}
body.version-two .tg-main-section {
    position: relative;
    z-index: 1;
}
.tg-banner-two{
    width:100%;
    height:250px;
}
.tg-banner-two .tg-page-caption {width: 100%;}
.tg-banner-two .displaytablecell{vertical-align:bottom;}
.tg-page-caption{
    text-align:center;
}
.tg-page-caption h3{
    /* color:#fff; */
    font-size:26px;
    line-height:29px;
    margin:0 0 40px;
}
.tg-banner-two ol{
    list-style:none;
    width:240px;
    margin:0 auto;
    padding:20px 0;
    text-align:center;
    background:#fff;
}
.tg-banner-two ol li{
    list-style-type:none;
    display:inline-block;
    width:auto;
    line-height:normal;
    padding:0 5px;
    position:relative;
}
.tg-banner-two ol li a{display:block;}
.tg-banner-two ol li:first-child:after{
    content:'/';
    position:absolute;
    top:0;
    right:0;
    color:#424242;
    width:1px;
    height:5px;	
}
/* =============================================
                        Main Style
============================================= */
#main{
    position: relative;
    background: #fff;
}
/* =============================================
                        About Us Style
============================================= */
.tg-description{
    width: 100%;
    float: left;
}
.tg-description p{ margin:  0 0 20px;}
.tg-aboutus .tg-description p{ margin: 0;}
.tg-skill-group{
    float:left;
    width:100%;
}
.skill{
    margin:0 0 20px;
    float:left;
    width:100%;
}
.skill h6{
    width: 100%;
    float: left;
    margin: 0;
}
.skill-name{display: block;}
.skill-holder{
    float:left;
    width:100%;
    background: #999;
    margin: 3px 0;
    position:relative;
}
.skill-holder span{
    right:-16px;
    top:100%;
    position:absolute;
    line-height:19px;
    font-size: 12px;
    color:#fff;
    width: 32px;
    text-align:center;
    margin: 8px 0 0;
}
.skill-holder span:after{
    content: '';
    width: auto;
    height: auto;
    position: absolute;
    top: -8px;
    left: 50%;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-bottom: 8px solid;
    margin: 0 0 0 -6px;
}
.skill-bar{
    height:3px;
    float:left;
    position:relative;
    transition:none;
}
/* =============================================
                        What We Do Style
============================================= */
.tg-borderbottom {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid;
    padding: 0 0 8px;
}
.tg-tab-content{position: relative;}
.tg-tab-content figure{
    margin: 0;
    position: relative;
    z-index: 1;
}
.tg-tab-content figure img{
    display: block;
    width: 100%;
    height: auto;
}
.tg-creativeidea-content{
    clear: both;
    width: 80%;
    margin: -67px auto 0;
    overflow: hidden;
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #e1e1e3;
    position: relative;
    z-index: 2;
    text-align: center;
}
.tg-creativeidea-content i{
    font-size: 22px;
    line-height: 22px;
    display: block;
    text-align: center;
    color: #272727;
}
.tg-creativeidea-content .tg-description{}
.tg-creativeidea-content p{margin: 0;}
.tg-whatwedo a.tg-btn{ margin: 25px 0 0;}
.tg-tab-nav{list-style: none;}
.tg-tab-nav li{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    list-style-type: none;
}
.service {
    width: 100%;
    float: left;
    margin: 15px 0;
    padding:10px;
    border: 1px solid #dbdbdd;
}
.service i{
    display: block;
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 5px;
    color: #9c9c9c;
}
.service h4{margin: 0;}
.service span{
    float: left;
    color: #9c9c9c;
}
/* =============================================
                        Portfolio Style
============================================= */
.tg-portfolio{}
.tg-portfolio .tg-btnarea{
    width: 100%;
    float: left;
    text-align: center;
    padding: 25px 0 0;
}
.tg-portfolio .tg-btnarea .tg-btn{
    margin: 0 auto;
    float: none;
}
.tg-portfolio-head{}
.tg-portfolio-head .lettering_title{
    width: auto;
    float: left;
}
.tg-portfolio-content{}
#filter-masonry {}
.masonry-grid {
    float: left;
    padding:15px;
    width: 33.33%;
}
.tg-portfolio-1 .masonry-grid{
    padding:0;
    width: 33.34%;
}
.tg-project {
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative;
}
.tg-project figure{
    overflow: hidden;
    margin: 0;
    position: relative;
    z-index: 1;
}
.tg-project figure img{
    width: 100%;
    display: block;
}
.tg-portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
    background: rgba(255, 255, 255, 0.80)
}
.tg-portfolio-hover a{
    color: #999;
    margin: 0 0 20px;
    display: inline-block;
    vertical-align: middle;
}
.tg-portfolio-hover a:before,
.tg-portfolio-hover a:after{
    font-size: 30px;
    line-height: 33px;
}
.hover-content{ overflow: hidden;}
.tg-portfolio-3 nav {
    padding: 0 0 20px;
}
/* =============================================
                        Counter Style
============================================= */
.tg-counters{
    background:url(../images/bgparallax/bgparallx-01.jpg);
    background-attachment: fixed;
}
.tg-counter{
    width: 25%;
    float: left;
    color: #fff;
    padding: 0 15px;
}
.tg-counter h2{
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}
.tg-counter .lettering_title h2:first-letter{ border-bottom-color: #fff;}
.tg-counter h3{
    width: 100%;
    float: left;
    margin: 0;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font: 40px/40px 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-counter .tg-timer{
    display: block;
    color: #fff;
}
/* =============================================
                        Team Style
============================================= */
.tg-ourteam{ position: relative;}
.tg-slider-team{ position: static;}
.tg-slider-team .owl-controls.clickable{
    position: absolute;
    top: 0;
    right:12px;
    margin: 0;
}
.tg-ourteam > .tg-description {padding: 0 0 50px;}
.tg-ourteam > .tg-description p {margin: 0;}
.tg-slider-team .item{ padding: 0 15px;}
.tg-team-member{
    width: 100%;
    float: left;
    position: relative;
}
.tg-team-member figure{
    position: relative;
    border: 1px solid #e0e0e0;
    overflow:hidden;
}
.tg-team-member figure img{
    display: block;
    position: relative;
    z-index: 1;
}
.tg-contentbox{
    clear: both;
    width: 84%;
    bottom: 0;
    margin: -66px 8% 0;
    overflow: hidden;
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #e1e1e3;
    position: relative;
    z-index: 2;
    text-align: center;
}
.tg-contentbox h4{
    margin: 0 0 4px;
    line-height: 17px;
    font-weight: 600;
}
.tg-contentbox .tg-designation{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.tg-contentbox .tg-description{}
.tg-contentbox p{margin: 0;}
.tg-team-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0.80);
}
.tg-team-hover ul{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 86px;
    height: 86px;
    margin: 0 auto;
}
.tg-team-hover ul li{
    width: 25px;
    height: 25px;
    margin: 9px;
    float: left;
    text-align: center;
    line-height: 23px;
    list-style-type: none;
    border: 1px solid #dadbdb;
}
.tg-team-hover ul li a{
    display: block;
    background: transparent;
    line-height: inherit;
}
.tg-team-hover ul li a:hover{ color: #fff;}
.tg-team-hover ul li a i{
    display: block;
    line-height: inherit;
}
.tg-team-member figure:hover{ cursor: pointer;}
/* =============================================
                        Testimonials Style
============================================= */
.tg-testimonial{
    background:url(../images/bgparallax/bgparallx-02.jpg);
    background-attachment: fixed;
}
.tg-testimonials{
    padding: 0 200px;
    text-align: center;
    color: #fff;
}
.tg-testimonials-slider{}
.tg-testimonials .item{}
.tg-testimonials h4{
    margin: 0;
    color: #fff;
}
.tg-testimonials .tg-designation{
    display: block;
    color: #999;
}
.tg-testimonials .tg-author-dp{
    width: 95px;
    height: 95px;
    border-radius: 50%;
    overflow: hidden;
    margin: 40px auto;
    border: 1px solid #999;
}
.tg-testimonials .tg-author-dp figure{ margin: 0;}
.tg-testimonials blockquote{
    margin: 0;
    padding: 0 0 40px;
    border: 0;
    font-size: 14px;
    line-height: 24px;
}
.tg-testimonials blockquote q{}
.tg-testimonials-slider .owl-controls.clickable{
    margin: 0;
    text-align: center;
}
.tg-testimonials-slider .owl-controls.clickable span{
    margin: 0 5px;
    background: #999;
}
.tg-testimonials-slider .owl-controls.clickable .active span,
.tg-testimonials-slider .owl-controls.clickable span:hover{ background: #fff;}
/* =============================================
                        Blog Style
============================================= */
.tg-paddingzero { padding: 0;}
.tg-blogs{}
.tg-blogs-slider .item{ padding: 0 15px;}
.tg-blogs-slider .owl-controls{
    position: absolute;
    top: -58px;
    right: 15px;
    margin: 0;
}
.tg-post {
    position: relative;
    width: 100%;
    float: left;
}
.tg-post .tg-contentbox {
    float: left;
    margin: -82px 8.1% 0;
}
.tg-post figure{
    position: relative;
    z-index: 1;
    border: 1px solid #e0e0e0;
    width: 100%;
    float: left;
}
.tg-post figure a{ display: block;}
.tg-post figure a img{
    display: block;
    width: 100%;
    height: auto;
}
.tg-post .tg-contentbox i{
    display: block;
    margin: 0 0 8px;
    font-size: 20px;
}
.tg-by{ margin: 0 0 15px;}
/* =============================================
                        Video Style
============================================= */
.tg-video{
    width: 100%;
    float: left;
    padding: 0 0 100px;
    position:relative;
}
.tg-video figure{
    float: left;
    width: 100%;
    position: relative;
}
.tg-video figure h3 {
    color: #fff;
    font-size: 26px;
    left: 36%;
    line-height: 70px;
    position: absolute;
    top: 38%;
    z-index: 2;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
}
.tg-video figure i {
    color: #fff;
    font-size: 70px;
    left: 48%;
    position: absolute;
    top: 38%;
    z-index: 2;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
}
.tg-video figure span {
    color: #fff;
    font-size: 26px;
    right: 33%;
    line-height: 70px;
    position: absolute;
    top: 38%;
    z-index: 2;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
    font-family:'Dosis', Arial, Helvetica, sans-serif;
    font-weight:300;
    letter-spacing:3px;
    text-transform:uppercase;
}
.tg-video figure a{ display: block;}
.tg-video figure a img{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}
.tg-video .tg-contentbox{
    margin:-79px 0 0 0;
    width: 100%;
    float: left;
    text-align:center;
}
.tg-video .tg-contentbox h4{ margin: 0 0 15px;}
.tg-video .tg-contentbox h4 .tg-borderbottom{padding: 0 0 15px;}
.tg-video .tg-contentbox .tg-by{
    color: #363636;
    padding: 0 0 15px;
    margin: 0;
    display: block;
}
.tg-video .tg-contentbox .tg-by a{ color: #999;}
/* =============================================
                        Pricing Plan
============================================= */
.padding-bottom{ padding-bottom: 150px}
.tg-pricingplan{}
.tg-pricingplan .tg-col {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    background: #fff;
    border: 1px solid #dbdbdd;
}
/*.tg-pricingplan .tg-col.tg-plan-standard h3:before{
        content: '\e90a';
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'icomoon';
}*/
.tg-pricingplan .tg-col h3{
    line-height: 46px;
    font-size: 14px;
    background: #363636;
    margin: -1px -1px 0;
    color: #fff;
    clear: both;
    position: relative;
}
.tg-pricingplan .tg-col .tg-plan-content {
    float: left;
    width: 100%;
    padding: 40px 20px;
}
.tg-pricingplan .tg-col i,
.tg-pricingplan .tg-col .tg-price {
    display: block;
    float: left;
    width: 100%;
}
.tg-pricingplan .tg-col .tg-price{
    font-size: 50px;
    line-height: 50px;
    color: #363636;
    padding: 0 0 30px;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
}
.tg-pricingplan .tg-col i{
    font-size: 25px;
    line-height: 25px;
}
.tg-pricingplan .tg-col .tg-description {
    width: 100%;
    float: left;
    padding:30px 0;
}
.tg-pricingplan .tg-col .tg-description p{ margin: 0;}
.tg-rotate{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100% !important;
    height: 100% !important;
}
/* =============================================
                        Footer Style
============================================= */
.form-contact{ padding: 0 0 50px; width: 100%; float: left;}
.form-group{ margin-bottom:15px;}
form button,
.form-control {
    width: 100%;
    height: 46px;
    padding: 10px 20px;
    background: transparent;
    border-color: #dbdbdd;
    border-radius: 0;
    box-shadow: none;
    line-height: 26px;
}
textarea.form-control{
    resize: none;
    height: 158px;
}
form button.tg-btn{ line-height: 46px;}
form button.tg-btn em{ line-height: 44px;}
.tg-map-address{ position: relative;}
.tg-location-map{
    height: 400px;
    border: 0;
    position: relative;
    z-index: 1;
    margin: 0 0 62px;
}
.tg-address{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}
.tg-address ul{
    width: 100%;
    float: left;
    list-style: none;
    padding: 20px 0 0;
    font-size: 14px;
    color: #999;
}
.tg-address ul li{
    list-style-type: none;
    width: 28%;
    float: left;
    text-align: left;
    line-height: normal;
}
.tg-address ul li a{
    display: block;
    color: #999;
}
.tg-address ul li:nth-child(1),
.tg-address ul li:nth-child(3){ width: auto;}
.tg-address ul li:nth-child(2){
    width: 44%;
    text-align: center;
}
.tg-address ul li:nth-child(1){float: left;}
.tg-address ul li:nth-child(3){ float: right;}
.tg-address ul li i{
    font-size: 14px;
    line-height: 14px;
    width: 25px;
}
.tg-address ul li i,
.tg-address ul li address,
.tg-address ul li span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin: 0;
    font-style: normal;
}
.tg-socialicons{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 46px;
}
.tg-socialicons li{
    float: left;
    list-style-type: none;
    line-height: inherit;
    width: 50px;
    border-right: 1px solid #dbdbdd;
}
/*.tg-socialicons li:first-child{ font-size: 20px;}*/
.tg-socialicons li a{
    display: block;
    color: #999;
    line-height: inherit;
}
.tg-socialicons li a:hover{
    color: #363636;
}
.tg-socialicons li a i{
    display: block;
    line-height: inherit;
}
.brands-section{
    border: 1px solid #dbdbdd;
}
.tg-brands{ padding: 60px 0;}
.tg-brand{
    width: 100%;
    float: left;
    padding: 0 15px;
    height: 50px;
    display: table;
}
.tg-brand figure{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tg-brands{
    width: 95%;
    float: none;
    margin: 0 auto;
}
.tg-brands .owl-controls{
    position:absolute;
    width:100%;
    margin-top:10px;
    top: 70px;
}
.tg-brands .owl-next{float:right; left: 3%; position: relative;}
.tg-brands .owl-prev{float:left; right: 2%; position: relative;}
.tg-brand figure a img,
.tg-brand figure a{
    display: block;
    text-align: center;
    margin: 0 auto;
}
.tg-brand figure a img{ opacity: 0.30;}
.tg-brand figure:hover a img{ opacity: 1;}
#footer .tg-bordertopthin{border-top: 3px solid #363636;}
.footer-bar {border-bottom: 1px solid #dbdbdd;}
.footer-bar .tg-btn{ margin-bottom: -1px;}
.footer-bar .go-to-top{
    padding:0 20px;
    float:right;
}
.footer-bar .go-to-top i{
    font-size:18px;
    line-height:40px;
    font-family:'FontAwesome';
    color:#fff;
}
.footer-info {}
.footer-info .col{
    width: 100%;
    float: left;
    color: #363636;
}
.footer-info .col h2{font-size: 18px;}
.footer-info .col h2 span:first-child{ border: 0;}
.footer-info .col ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-info .col ul li{
    list-style-type: none;
    line-height: normal;
}
.footer-info .col .tg-contact-info ul li:first-child {padding:0 0 10px;}
.footer-info .col .tg-contact-info ul li {padding: 10px 0;}
.footer-info .col .tg-contact-info ul li span{ display: block;}
.footer-info .col ul li address{
    margin: 0;
    font-style: normal;
}
.footer-info .tg-tags ul{
    margin: -3px;
    line-height: 30px;
    overflow: hidden;
}
.tg-tags ul li{
    float: left;
    padding: 3px;
    line-height: inherit;
}
.tg-tags ul li a{
    display: block;
    padding: 0 8px;
    line-height: 30px;
    border: 1px solid #dbdbdd;
    text-transform: none;
}
.tg-quicklink ul{}
.footer-info .tg-quicklink ul li{
    padding: 5px 0;
    line-height: normal;
}
.footer-info .tg-quicklink ul li:first-child{ padding-top: 0;}
.tg-quicklink ul li a{
    padding: 0 0 0 17px;
    position: relative;
    display: block;
    line-height: normal;
}
.tg-quicklink ul li a:after{
    content: '\f105';
    font-family:'FontAwesome';
    left: 0;
    top: 2px;
    position: absolute;
    color: #999;
}
.tg-quicklink ul li:hover{ padding-left: 8px;}
.tg-form-newsletter .form-control{
    padding: 6px 12px;
    height: 38px;
    line-height: 26px;
}
.tg-form-newsletter .tg-btn-submit {
    background: none;
    height: 38px;
    line-height: 38px;
}
.tg-form-newsletter .tg-btn-submit em{line-height: 36px;}
.tg-footer-bottombar{
    float: left;
    width: 100%;
    background: #363636;
    padding: 15px 0;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.tg-footer-bottombar p{ margin: 0;}
.tg-slide{ display: none;}



.tg-footer-two{
    padding:25px 0 65px 0;
}
.tg-footer-content{margin:0 auto;}
.tg-footer-content .logo{
    float:none;
    display:block;
    margin:0 auto 30px;
    width:75px;
}
.tg-footer-content .tg-socialicons{
    float:none !important;
    display:block;
    margin:0 auto;
    width:200px;
}
.tg-footer-content .tg-socialicons li{
    border:none;
    line-height:normal;
    font-size:22px;
    width:auto;
    padding:0 14px;
}
.tg-footer-content .tg-socialicons li a{color:#999 !important;}
.tg-footer-content .tg-socialicons li a:hover{color:#363636 !important;}
.tg-copyrights{
    float:left;
    width:100%;
    margin:33px 0 0;
}
.tg-copyrights .tg-description p {
    text-align: center;
    margin:0;
}
/* =============================================
                        Services Style
============================================= */
.tg-services figure{margin:0;}
.tg-feature figure{margin:0;}
.tg-services figure img,
.tg-feature figure img{
    height: 300px;
    width: 100%;
}
.tg-services .tg-image-heading{
    position:absolute;
    z-index:2;
    top:44%;
    left:0;
    text-align:center;
}
.tg-feature .tg-image-heading{
    position:absolute;
    z-index:2;
    top:44%;
    left:0;
    text-align:center;
}
.tg-feature .tg-image-heading h3,
.tg-services .tg-image-heading h3{
    font-size:26px;
    line-height:29px;
    font-weight:bold;
}
.tg-news .lettering_title h2{color:#fff;}
.tg-news .lettering_title h2:first-letter{border-bottom-color:#fff;}
.form-getnews .form-group input {height: 48px;}
.form-getnews .tg-btn {
    border-color: #fff;
    color:#fff;
}
.form-getnews .form-control::-moz-placeholder{color:#fff !important;}
.form-getnews .form-control input{height:48px;}
.form-getnews .tg-btn em{color:#fff;}
.form-getnews .tg-btn:after{}
.form-getnews .tg-btn:hover:after{background:#fff;}
.form-getnews .form-group{margin:0;}
.tg-inner-price{padding:0 0 100px;}
/* =============================================
                        404 Style
============================================= */
html{height:100%;}
.tg-error{
    padding:150px 0;
    text-align:center;
}
.error-logo{margin:0 0 40px;}
.error-logo a img{
    display:block;
    margin:0 auto;
}
.tg-message h2{
    font-size:300px;
    line-height:303px;
    font-weight:bold;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    position:relative;
    float:lef;
    margin:0 0 60px;
}
.tg-message span{
    position:absolute;
    top:35%;
    left:28.4%;
    font-size:30px;
    line-height:30px;
    text-transform:uppercase;
    text-align:center;
    background:#fff;
    padding:12px 150px;
}
.tg-message .form-group{margin:0 0 40px;}
.sorry-message{
    float:left;
    width:100%;
}
.search-bar{
    float:left;
    width:100%;
}
.search-bar > div{
    width:100%;
    margin:0;
}
.go-to-home{
    float:left;
    width:100%;
}
.tg-message h3{
    font-size:30px;
    line-height:33px;
    text-align:center;
}
.tg-message h3:first-letter{font-weight:bold;}
.tg-message a{
    font-size:px;
    line-height:px;
    text-transform:uppercase;
    display:block;
}

.tg-message i{
    font-size:18px;
    line-height:21px;
    font-family:'FontAwesome';
    color:#999;
    margin-right:15px;
}
/* =============================================
                        Contact Us Style
============================================= */
.tg-information{margin:0 0 60px;}
.tg-information .lettering_title{padding:0 0 40px;}
.tg-contact-us .tg-description{margin:0 0 60px;}
.tg-contact-us .tg-description p{margin:0}
.tg-information ul{list-style:none;}
.tg-information .tg-description{margin:0 0 30px;}
.tg-information ul li{list-style-type:none;}
.tg-information .address{
    font-size:14px;
    line-height:17px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-family:'Dosis', Arial, Helvetica, sans-serif;
    color:#434343;
}
.tg-information .address i{
    font-size:16px;
    line-height:19px;
    font-family:'FontAwesome';
    margin:0 0 7px;
}
.tg-information address p{
    font-size:14px;
    line-height:17px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-style:normal;
    color:#999;
}
.tg-getintouch .form-contact .form-group input{height:46px;}
.tg-contact-us .tg-location-map{
    width:100%;
    height:326px;
    margin:0;
}
.tg-contact-us .form-contact{padding:0;}
/* =============================================
                        Comming Soon Style
============================================= */
.tg-comming-soon{padding:0 0 100px;}
.tg-commingsoon{
    padding:0;
    text-align:center;
}
.tg-comming-soon figure img{
    border-bottom:1px solid #d0d0d0;
    width:100%;
    height:100%;
}
.tg-caption{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding:120px 0 0;
}
.comming-soon-content{position:absolute;}
.tg-comming-soon .lettering_title{text-align:center;}
.tg-comming-soon .error-logo{
    display:block;
    margin:0 0 70px;
}
.tg-comming-soon .lettering_title h2{position:relative;}
.tg-comming-soon .lettering_title h2:first-letter{border:none;}
.tg-comming-soon .lettering_title h2:after{
    content:'';
    background:#434343;
    height:2px;
    width:70px;
    position:absolute;
    left:46.5%;
    top:40px;
}
.tg-comming-soon .tg-description{
    text-align:center;
    color:#2e2d2d;
}
.tg-commingsoon-content{
    padding:20px 200px;
    background:rgba(255,255,255,0.80);
    margin:-75px 0 40px;
    border:1px solid #d1d1d1;
}
.tg-commingsoon .tg-commingsoon-content input {height: 46px;}
.tg-commingsoon-content .form-group{margin:0 0 40px;}
.coming-soon-counter{
    overflow:hidden;
    text-align:center;
}
.timer_box{
    margin: 0 7px;
    display: inline-block;
    vertical-align:top;
    text-align: center;
    padding:25px;
    background:#f7f8fa;
    font-size:16px;
    line-height:19px;
    text-transform:capitalize;
    border:1px solid #e0e0e0;
}
.timer_box h1{
    font-size:60px;
    line-height:63px;
    font-weight:bold;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    margin:0 0 20px;
    padding:0;
    position:relative;
}
.timer_box p{margin:0;}
#seconds h1{color:#272727;}
.tg-comming-soon .tg-socialicons{
    text-align:center;
    width:300px;
    margin:0 auto;
}
.tg-comming-soon .tg-socialicons li{
    border:none;
    width:auto;
    font-size:14px;
    line-height:25px;
    margin-right:20px;
    text-align:center;
    display:block;
}
.tg-comming-soon .tg-socialicons li a{
    display:block;
    color:#999 !important;
    background:#f7f8fa;
    padding:0 10px;
}
.tg-comming-soon .tg-socialicons li a:hover i{color:#fff;}
.tg-comming-soon .tg-socialicons li:first-child{font-size:14px;}
/* =============================================
                        Blog List Style
============================================= */
.tg-bloglist article + article, .blog-grid  article + article {
    padding: 75px 0 0;
}
.tg-bloglist .tg-contentbox{
    width:95%;
    margin:-95px 2.5% 0;
    padding:20px;
}
.tg-bloglist .tg-contentbox span{
    position:relative;
    margin:0 0 60px;
    float:left;
    width:100%;
}
.tg-bloglist .tg-contentbox span:after{
    content:'';
    position:absolute;
    height:1px;
    width:125px;
    left:44%;
    top:40px;
    background:#363636;
}
.tg-bloglist .tg-contentbox h3{margin:0 0 30px;}
.tg-bloglist .tg-contentbox h3:first-letter{font-weight:bold;}
.tg-bloglist .tg-contentbox .tg-post-bottom{position:relative;}
.tg-bloglist .tg-contentbox  span em{
    margin:0 5px 0 0;
    font-style:normal;
    display:inline;
}
.tg-bloglist .tg-contentbox span a{color:#999;}
.tg-bloglist .tg-contentbox .tg-description p{
    text-align:center;
    margin:0 0 30px;
}
.tg-bloglist .tg-contentbox .tg-btn{margin:0 0 30px;}
.tg-bloglist .tg-contentbox .tg-post-bottom em{
    margin-right:5px;
    font-style:normal;
}
.tg-bloglist .tg-contentbox .tg-post-bottom a,
.tg-bloglist .tg-contentbox .tg-post-bottom em{
    float:left;
    display:inline-block;
    color:#999;
}
.tg-bloglist .tg-contentbox .tg-post-bottom ul{
    list-style:none;
    vertical-align:middle;
    width:90%;
}
.tg-bloglist .tg-contentbox .tg-post-bottom ul:after{
    content:'';
    position:absolute;
    background:#b7b7b7;
    height:1px;
    width:35%;
    left:109px;
    top:12px;
    z-index:-2;
}
.tg-bloglist .tg-contentbox .tg-post-bottom ul:before{
    content:'';
    position:absolute;
    background:#b7b7b7;
    height:1px;
    width:31%;
    right:141px;
    top:12px;
    z-index:-2;
}
.tg-bloglist .tg-contentbox .tg-post-bottom ul li{
    list-style-type:none;
    display:inline-block;
    border:2px solid #dcdcdc;
    border-radius:50%;
    width:25px;
    height:25px;
    text-align:center;
    background:#fff;
}
.tg-bloglist .tg-contentbox .tg-post-bottom ul li a {
    display: block;
    padding: 0 6px;
    line-height: 21px;
}
.tg-bloglist .tg-contentbox .tg-post-bottom ul li a i{
    font-size:12px;
    line-height:20px;
    margin:0;
    color:#999;
    font-family:'FontAwesome';
}
.tg-bloglist .tg-contentbox .tg-post-bottom time {
    float: right;
    left: 87%;
    position: absolute;
    top: 0;
}
/* =============================================
                        Blog Grid Style
============================================= */
.blog-grid .tg-post figure{margin:0;}
.blog-grid .tg-post .tg-contentbox{
    width:95%;
    margin:-90px 2.5% 0;
    padding:20px;
}
.blog-grid .tg-contentbox span{
    position:relative;
    margin:0 0 60px;
    float:left;
    width:100%;
}
.blog-grid .tg-contentbox span:after{
    content:'';
    position:absolute;
    height:1px;
    width:125px;
    left:42%;
    top:40px;
    background:#363636;
}
.blog-grid .tg-contentbox h3{margin:0 0 30px;}
.blog-grid .tg-contentbox h3:first-letter{font-weight:bold;}
.blog-grid .tg-contentbox .tg-post-bottom{position:relative;}
.blog-grid .tg-contentbox  span em{
    margin:0 5px 0 0;
    font-style:normal;
    display:inline;
}
.blog-grid .tg-contentbox span a{color:#999;}
.blog-grid .tg-contentbox .tg-description p{
    text-align:center;
    margin:0 0 30px;
}
.blog-grid .tg-contentbox .tg-btn{margin:0 0 30px;}
.blog-grid .tg-contentbox .tg-post-bottom em{
    margin-right:5px;
    font-style:normal;
}
.blog-grid .tg-contentbox .tg-post-bottom a,
.blog-grid .tg-contentbox .tg-post-bottom em{
    float:left;
    display:inline-block;
    color:#999;
}
.blog-grid .tg-contentbox .tg-post-bottom ul{
    list-style:none;
    vertical-align:middle;
    width:86%;
}
.blog-grid .tg-contentbox .tg-post-bottom ul:after{
    content:'';
    position:absolute;
    background:#b7b7b7;
    height:1px;
    width:223px;
    left:108px;
    top:12px;
    z-index:-2;
}
.blog-grid .tg-contentbox .tg-post-bottom ul:before{
    content:'';
    position:absolute;
    background:#b7b7b7;
    height:1px;
    width:187px;
    right:143px;
    top:12px;
    z-index:-2;
}
.blog-grid .tg-contentbox .tg-post-bottom ul li{
    list-style-type:none;
    display:inline-block;
    border:2px solid #dcdcdc;
    border-radius:50%;
    width:25px;
    height:25px;
    text-align:center;
    background:#fff;
}
.blog-grid .tg-contentbox .tg-post-bottom ul li a {
    display: block;
    padding: 0 6px;
    line-height: 21px;
}
.blog-grid .tg-contentbox .tg-post-bottom ul li a i{
    font-size:12px;
    line-height:20px;
    margin:0;
    color:#999;
    font-family:'FontAwesome';
}
.blog-grid .tg-contentbox .tg-post-bottom time {
    float: right;
    left: 82%;
    position: absolute;
    top: 0;
}
/* =============================================
                        Blog Detail Style
============================================= */
.blog-detail .tg-post{
    padding:0 0 30px;
}
.blog-detail .tg-alsolike{
    padding:0 0 75px;
}
.blog-detail .tg-contentbox{top:33.2%;}
.blog-detail .tg-contentbox blockquote{
    float: left;
    margin:0 0 40px 30px;
    padding:0 20px 0 20px;
    border-left:1px solid #959595;
    text-align:left;
    width:98%;
}
.blog-detail .tg-contentbox blockquote q{
    quotes:none;
    font-size:17px;
    line-height:28px;
    font-style:italic;
}
.blog-detail .buttons{
    width:100%;
    float:left;
    border-bottom:1px solid #e5e5e5;
    margin:0 0 75px;
}
.blog-detail .buttons a{
    color:#363636;
    font-size:14px;
    display:inline-block;
    text-transform:uppercase;
    padding:13px 20px;
}
.blog-detail .buttons a em{font-style:normal;}
.blog-detail .buttons a:hover em{color:#fff;}
.blog-detail .buttons .next-post{float:right;}
.tg-alsolike h3{
    padding:20px;
    border:1px solid #e0e0e0;
    margin:0;
}
.tg-alsolike h3:first-letter{font-weight:bold;}
.tg-alsolike-slider{
    border:1px solid #e0e0e0;
    padding:40px 20px;
}
.tg-alsolike-slider .item{
    float:left;
    padding:10px;
}
.tg-alsolike .tg-alsolike-slider figure{
    margin:0 0 20px;
    float:left;
    border:1px solid #b7b7b7;
    width:100%;
}
.tg-alsolike-slider .tg-description p{
    font-size:14px;
    line-height:24px;
    margin:0;
}
.tg-alsolike-slider .tg-description p a{color:#999;}
.tg-alsolike-slider .tg-description p a:hover{text-decoration:none;}
/* =============================================
                        Comments Style
============================================= */
.comments{padding:0 0 60px;}
.comments h3{
    border:1px solid #e5e5e5;
    padding:15px;
    margin:0;
}
.comments h3:first-letter{font-weight:bold;}
.comments ul{
    border:1px solid #e5e5e5;
    padding:40px 20px;
    list-style:none;
    float:left;
    width:100%;
}
.comments ul li{
    list-style-type:none;
    float:left;
    margin-bottom:40px;
}
.comments ul li:first-child{margin-bottom:0;}
.comments ul li:last-child{margin-bottom:0;}
.comments ul li .comment figure{
    border:1px solid #eee;
    float:left;
    margin:0 20px 25px 0;
}
.comments .comment-content{float:left;}
.comments .comment-content h4{
    font-size:14px;
    line-height:17px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-weight:600;
    color:#393c48;
    letter-spacing:normal;
    margin:24px 0 5px;
    display:inline-block;
}
.comments .comment-content time{
    font-size:14px;
    line-height:17px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-weight:200;
    display:block;
    color:#393c48;
}
.comment .tg-description p{margin:0;}
.comments ul li ul{border:none;}
.child figure{
    border:1px solid #eee;
    float:left;
    margin:0 20px 25px 0;
}
.child .tg-description p{margin:0;}
.tg-leave-comment h3{margin:0 0 20px;}
.tg-leave-comment h3:first-letter{font-weight:bold;}
.form-leave-comment .tg-btn{
    width:auto;
    padding:0 40px;
}
/* =============================================
                        Shop Style
============================================= */
.masonry-grid-item{
    margin: 10px;
    width: 31.7%;
}
.tg-product-grid{margin:0 0 -15px;}
.tg-product{
    margin:15px 0 15px;
    position:relative;
}
.tg-product figure{
    border:1px solid #e0e0e0;
    position:relative;
    margin:0;
}
.tg-product figure img{width:100%;}
.tg-product .tg-contentbox {
    margin:-66px 5% 0;
    width: 90%;
    text-align:center;
}
.tg-product .tg-contentbox h3{
    font-size:16px;
    line-height:19px;
    margin:0;
    font-weight:normal;
}
.tg-product .tg-contentbox h3:first-letter{font-weight:bold;}
.tg-product .tg-contentbox .tg-rating i{
    font-size:13px;
    line-height:16px;
    margin-right:5px;
    margin-bottom:0;
    display:inline-block;
    vertical-align:middle;
    color:#999;
}
.tg-product .tg-contentbox .tg-rating:after{
    content:'';
    position:absolute;
    left:30%;
    top:30px;
    width:70px;
    height:1px;
    background:#363636;
}
.tg-product .tg-contentbox h4{
    font-size:14px;
    line-height:17px;
    font-family:'Dosis', Arial, Helvetica, sans-serif;
    font-weight:500;
}
.tg-btn-group {
    color: #fff;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 0;
}
.tg-btn-default{
    color:#fff;
    border-radius:none;
}
.tg-btn-default:hover{color:#fff;}
.tg-btn-default:focus{color:#fff;}
.tg-btn-group .tg-dropdown-menu{
    box-shadow:none;
    border-radius:0;
    border:none;
    min-width:35px;
    text-align:center;
    list-style:none;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    left: 0;
}
.tg-btn-group.open .tg-dropdown-menu{
    height:119px;
    visibility: visible;
    opacity: 1;
}
.tg-dropdown-menu li{
    width:38px;
    height:38px;
    border:1px solid #e0e0e0;
    list-style-type:none;
}
.tg-dropdown-menu li a{
    display:block;
    padding:0;
    font-size:12px;
    line-height:37px;
}
.tg-dropdown-menu li a:hover i{color:#fff;}
.tg-dropdown-menu li a:hover i:focus{color:#fff !important;}
/* =============================================
                        Shop Detail Style
============================================= */

.tg-product-detail{margin:0 0 60px;}
.tg-product-content figure{
    width:100%;
    border:1px solid #d7d7d7;
    margin-bottom:2px;
}
.tg-product-content figure img{
    display:block;
    width:100%;
}
.tg-product-tabs ul{
    list-style:none;
    float:left;
    width:100%;
    margin:0 ;
}
.tg-product-tabs ul li{
    list-style-type:none;
    float:left;
    border:1px solid #d7d7d7;
    margin:0 1px;
    width:74px;
    height:55px;
}
.tg-product-tabs ul li a img{
    width:100%;
    height:100%;
    display:block;
}
.tg-product-tabs ul li.active{border:1px solid #363636;}
.tg-product-info h3{
    font-size:16px;
    line-height:19px;
    margin:0 0 30px;
}
.tg-product-info h3:first-letter{font-weight:bold;}
.tg-product-info .tg-rating{
    width:100px;
    margin:0 15px 20px 0;
}
.tg-product-info .tg-description{width:80%;}
.tg-product-info h4{
    font-size:14px;
    line-height:17px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    letter-spacing:normal;
    text-transform:capitalize;
    font-weight:500;
    float:left;
    width:100%;
    margin:0 0 30px;
}
.tg-product-info h4 span{color:#999;}
.tg-product-info .votes em{
    font:22px/25px 'Open Sans', Arial, Helvetica, sans-serif;
    font-style:normal;
    float:left;
    margin-right:20px;
}
.tg-product-info .votes .tg-description{margin-top:2px;}
.votes-paragraph{
    float:left;
    width:100%;
}
.quantity-addtocart{
    margin-right:20px;
    margin-bottom:40px;
    float:left;
}
.quantity-sapn {
    float: left;
    width: 100px;
    height:47px;
    position:relative;
    border:1px solid #e0e0e0;
}
.quantity-addtocart input{
    width:68px;
    height:46px;
    text-align:center;
    font-size:14px;
    line-height:46px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    border:0;
    border:1px solid #e0e0e0;
}
.quantity-addtocart em{
    font-size:16px;
    line-height:19px;
    font-style:normal;
    font-weight:700;
    cursor:pointer;
}
.quantity-addtocart .minus,
.quantity-addtocart .plus{
    position:absolute;
}
.quantity-addtocart .minus {
    right:13px;
    top: 25px;
}
.quantity-addtocart .plus {
    right: 11px;
    top: 4px;
}
.add-tocart{
    float:left;
    margin-right:10px;
}
.add-tocart .tg-btn{border:1px solid #e0e0e0;}

.heart{
    width:68px; 
    height:46px;
    float:left;
    border:1px solid #e0e0e0;
    text-align:center;
}
.heart a{
    padding:14px 20px;
    font-size:18px;
    line-height:16px;
    display:block;
}
.heart a i{color:#999;}
.heart a:hover i{color:#fff;}
.tag{
    float:left;
    width:100%;
    margin:0 0 25px;
}
.tag h3{
    font-size:14px;
    line-height:17px;
    margin:0;
}
.tag h3 span{
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    color:#999;
    letter-spacing:normal;
}
.share-icon{
    float:left;
    width:100%;
}
.share-icon h3{
    font-size:14px;
    line-height:17px;
    float:left;
}
.share-icon ul{
    list-style:none;
    vertical-align:middle;
}
.share-icon ul li{
    list-style-type:none;
    float:left;
    padding:0 12px;
}
.share-icon ul li a{
    display:block;
    line-height:17px;
}
.share-icon ul li a i{
    color:#999;
    font-size:14px;
    line-height:17px;
    font-family:'FontAwesome';
}
.tg-review-tabs ul{
    list-style:none;
    vertical-align:middle;
}
.tg-review-tabs ul li{
    list-style-type:none;
    float:left;
    margin-right:10px;
}
.tg-review-tabs .tg-btn{border:1px solid #e0e0e0;}
.tg-review-content{
    float: left;
    width: 100%;
    padding:40px 20px 10px 20px;
    border:1px solid #e0e0e0;
}
.tg-review-content h3{
    font-size:14px;
    line-height:17px;
}
.tg-review-content h3:first-letter{font-weight:bold;}
.tg-review-content h4{
    font-size:14px;
    line-height:17px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    letter-spacing:normal;
    font-weight:500;
}
.tg-review-content time{
    margin:0 0 25px;
    float:left;
}
.tg-review-tabs li.active{
    background:#363636;
    color:#fff;
}
.tg-review-tabs li.active em{color:#fff;}
/* =============================================
                        Sidebar Style
============================================= */
.tg-widget{
    font-size: 14px;
    line-height: 17px;
    padding:30px 20px;
    margin: 0 0 40px;
    border:1px solid #e0e0e0;
    overflow: hidden;
}
.tg-widget h3{margin:0 0 40px;}
.tg-widget h3:first-letter{font-weight:bold;}
.sidebar-search{
    padding:0;
    border:none;
}
.sidebar-search input{
    position:relative;
    width:100%;
    height:42px;
    z-index:1;
    color:#999;
}
.sidebar-search .search-form button{
    position:absolute;
    width:53px;
    height:42px;
    border:1px solid #e0e0e0;
    right:15px;
    top:0;
    padding:10px 20px;
    z-index:2;
}
.tg-catagories ul{list-style:none;}
.tg-catagories ul li{
    list-style-type:none;
    width:100%;
    line-height:normal;
    font:14px/17px 'Open Sans', Arial, Helvetica, sans-serif;
    padding:14px 0;
}
.tg-catagories ul li + li{border-top:1px solid #efefef;}
.tg-catagories ul li:first-child{padding-top:0;}
.tg-catagories ul li:last-child{padding-bottom:0;}
.tg-catagories ul li a{
    display:block;
    color:#999;
}
.tg-flicker-widgets ul{
    list-style:none;
    margin:-11px;
}
.tg-flicker-widgets ul li{
    list-style-type:none;
    display:inline-block;
    padding:3px;
}
.tg-flicker-widgets ul li .post-thumb {
    overflow: hidden;
    border:1px solid #e0e0e0;
}
.tg-flicker-widgets ul li .post-thumb a,
.tg-flicker-widgets ul li .post-thumb a img{display:block;}
.tg-flicker-widgets ul li .post-thumb a img:hover {transform: scale(1.1);}
.tg-tags-widget ul{
    list-style:none;
    display:inline-block;
    margin:-8px;
}
.tg-tags-widget ul li{
    list-style-type:none;
    float:left;
    line-height:normal;
    padding:2px;
}
.tg-tags-widget ul li .tg-btn{
    padding:10px 20px;
    background:#f5f5f5;
    color:#a7a7a7;
    border:none;
}
.tg-tags-widget ul li a em{
    line-height:normal;
    text-transform:capitalize;
    color:#a7a7a7;
}
.tg-tags-widget ul li a:hover em{color:#fff;}
.tg-widgets-slider{position:relative;}
.tg-widgets-slider .owl-buttons{
    margin:0;
    position:absolute;
    top:0;
}
.tg-widgets-slider .owl-next {
    right: 100%;
    margin: 0 !important;
    position: absolute !important;
    left: 191px;
    top:60px;
}
.tg-widgets-slider .owl-prev{
    position:absolute !important;
    top:60px;
}
.tg-widgets-slider .owl-prev,
.tg-widgets-slider .owl-next{background:#fff !important;}
.tg-widgets-slider .owl-prev:hover,
.tg-widgets-slider .owl-next:hover{background:#363636 !important;}
.tg-widgets-slider .owl-prev i,
.tg-widgets-slider .owl-next i{color:#393c48;}
.tg-widgets-slider .owl-prev:hover i,
.tg-widgets-slider .owl-next:hover i{color:#fff;}
.owl-theme .owl-controls{margin-top:0 !important;}
/* =============================================
                        Magnify Style
============================================= */
#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}
.jquery-script-center ul {
    width: 212px;
    float:left;
    line-height:45px;
    margin:0;
    padding:0;
    list-style:none;
}
.jquery-script-center a {
    text-decoration:none;
}
.jquery-script-ads {
    width: 728px;
    height:90px;
    float:right;
}
.jquery-script-clear {
    clear:both;
    height:0;
}


.magnify {
    position: relative;
    display: inline-block;
    width: 100%;
}
.magnify .magnify-lens {
    /* Create the magnifying lens */
    position: absolute;
    width: 200px;
    height: 200px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    /* Multiple box shadows to achieve the glass lens effect */
    -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
        0 0 7px 7px rgba(0, 0, 0, 0.25),
        inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
        0 0 7px 7px rgba(0, 0, 0, 0.25),
        inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
        0 0 7px 7px rgba(0, 0, 0, 0.25),
        inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    /* Hide the mouse pointer */
    cursor: none;
    /* Hide the lens by default */
    display: none;
    /* Place the lens on top of other elements */
    z-index: 100;
}
.magnify .magnify-lens.loading {
    background: none !important;
}
.magnify .magnify-lens.loading:after {
    /* Loading text */
    position: absolute;
    top: 43%;
    left: 0;
    width: 100%;
    color: #fff;
    content: 'Loading...';
    font: italic normal 16px/1 Calibri, sans-serif;
    text-align: center;
    text-shadow: 0 0 2px rgba(51, 51, 51, .8);
}

.pp_nav p{
    line-height: 1;
}

/*Preloader Styling*/

.preload-cover{
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    position: fixed;
}
.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 60px;
    margin: -30px 0 0 -40px;
}
.preloader .lines {
    width: 80px;
    height: 40px;
    position: absolute;
}
.preloader .lines .line {
    width: 80px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    clip: rect(0, 0, 20px, 0);
}
.preloader .lines .line.line-1 {
    top: 0;
    -webkit-animation: slide 2s ease 0s infinite;
    animation: slide 2s ease 0s infinite;
}
.preloader .lines .line.line-2 {
    top: 15px;
    -webkit-animation: slide 2s ease 0.25s infinite;
    animation: slide 2s ease 0.25s infinite;
}
.preloader .lines .line.line-3 {
    top: 30px;
    -webkit-animation: slide 2s ease 0.5s infinite;
    animation: slide 2s ease 0.5s infinite;
}
.preloader .loading-text {
    position: absolute;
    top: 50px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 13px;
    font-family: sans-serif;
    letter-spacing: 3px;
    line-height: 10px;
    height: 10px;
    -webkit-animation: fade 1s ease 0s infinite;
    animation: fade 1s ease 0s infinite;
}

@-webkit-keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}

@keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


#header .navbar-header{display: none;}

iframe.contatti{
    display:none;
}

iframe.contatti.visibile{
    display:block;
}