@import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800";
@import "https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic";
@import "https://fonts.googleapis.com/css?family=Raleway:400,300,700";
@import "https://fonts.googleapis.com/css?family=Roboto:400,700";
@font-face {
    font-family: oswaldbold;
    src: url(fonts/oswald-bold-webfont.eot);
    src: url(fonts/oswald-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-bold-webfont.woff2) format("woff2"), url(fonts/oswald-bold-webfont.woff) format("woff"), url(fonts/oswald-bold-webfont.ttf) format("truetype"), url(fonts/oswald-bold-webfont.svg#oswaldbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldbold;
    src: url(fonts/oswald-bolditalic-webfont.eot);
    src: url(fonts/oswald-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-bolditalic-webfont.woff2) format("woff2"), url(fonts/oswald-bolditalic-webfont.woff) format("woff"), url(fonts/oswald-bolditalic-webfont.ttf) format("truetype"), url(fonts/oswald-bolditalic-webfont.svg#oswaldbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswalddemibold;
    src: url(fonts/oswald-demibold-webfont.eot);
    src: url(fonts/oswald-demibold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-demibold-webfont.woff2) format("woff2"), url(fonts/oswald-demibold-webfont.woff) format("woff"), url(fonts/oswald-demibold-webfont.ttf) format("truetype"), url(fonts/oswald-demibold-webfont.svg#oswalddemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldextralight;
    src: url(fonts/oswald-extralight-webfont.eot);
    src: url(fonts/oswald-extralight-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-extralight-webfont.woff2) format("woff2"), url(fonts/oswald-extralight-webfont.woff) format("woff"), url(fonts/oswald-extralight-webfont.ttf) format("truetype"), url(fonts/oswald-extralight-webfont.svg#oswaldextralight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldheavy;
    src: url(fonts/oswald-heavy-webfont.eot);
    src: url(fonts/oswald-heavy-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-heavy-webfont.woff2) format("woff2"), url(fonts/oswald-heavy-webfont.woff) format("woff"), url(fonts/oswald-heavy-webfont.ttf) format("truetype"), url(fonts/oswald-heavy-webfont.svg#oswaldheavy) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldlight;
    src: url(fonts/oswald-light-webfont.eot);
    src: url(fonts/oswald-light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-light-webfont.woff2) format("woff2"), url(fonts/oswald-light-webfont.woff) format("woff"), url(fonts/oswald-light-webfont.ttf) format("truetype"), url(fonts/oswald-light-webfont.svg#oswaldlight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldlight;
    src: url(fonts/oswald-lightitalic-webfont.eot);
    src: url(fonts/oswald-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-lightitalic-webfont.woff2) format("woff2"), url(fonts/oswald-lightitalic-webfont.woff) format("woff"), url(fonts/oswald-lightitalic-webfont.ttf) format("truetype"), url(fonts/oswald-lightitalic-webfont.svg#oswaldlight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldmedium;
    src: url(fonts/oswald-medium-webfont.eot);
    src: url(fonts/oswald-medium-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-medium-webfont.woff2) format("woff2"), url(fonts/oswald-medium-webfont.woff) format("woff"), url(fonts/oswald-medium-webfont.ttf) format("truetype"), url(fonts/oswald-medium-webfont.svg#oswaldmedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldmedium;
    src: url(fonts/oswald-mediumitalic-webfont.eot);
    src: url(fonts/oswald-mediumitalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-mediumitalic-webfont.woff2) format("woff2"), url(fonts/oswald-mediumitalic-webfont.woff) format("woff"), url(fonts/oswald-mediumitalic-webfont.ttf) format("truetype"), url(fonts/oswald-mediumitalic-webfont.svg#oswaldmedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswald_regularregular;
    src: url(fonts/oswald-regular-webfont.eot);
    src: url(fonts/oswald-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-regular-webfont.woff2) format("woff2"), url(fonts/oswald-regular-webfont.woff) format("woff"), url(fonts/oswald-regular-webfont.ttf) format("truetype"), url(fonts/oswald-regular-webfont.svg#oswald_regularregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldregular;
    src: url(fonts/oswald-regularitalic-webfont.eot);
    src: url(fonts/oswald-regularitalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-regularitalic-webfont.woff2) format("woff2"), url(fonts/oswald-regularitalic-webfont.woff) format("woff"), url(fonts/oswald-regularitalic-webfont.ttf) format("truetype"), url(fonts/oswald-regularitalic-webfont.svg#oswaldregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswald_stencilbold;
    src: url(fonts/oswald-stencil-webfont.eot);
    src: url(fonts/oswald-stencil-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-stencil-webfont.woff2) format("woff2"), url(fonts/oswald-stencil-webfont.woff) format("woff"), url(fonts/oswald-stencil-webfont.ttf) format("truetype"), url(fonts/oswald-stencil-webfont.svg#oswald_stencilbold) format("svg");
    font-weight: 400;
    font-style: normal
}

body {
    font-family: open sans, sans-serif;
    font-weight: 400;
    font-style: normal;
	background:  #fff;  
}

a,
a:hover,
a:foucs {
    outline: 0!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: oswald_regularregular
} 

strong,
b {
    font-weight: 600
}

img {
    max-width: 100%;
    height: auto!important
}
html ,body {     width: 100%;  }
ul,
ol {
    list-style: none
}

ul {
    padding: 0;
    margin: 0
}

a {
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

a:hover {
    color: #444
}

a,
a:hover {
    text-decoration: none !important; 
}

i {
    font-size: 1.1em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: oswald_regularregular;
    font-weight: 400;
    margin: 0;
    color: #444
}  
h1 {
    font-size: 24px;
    line-height: 30px
}

h2 {
    font-size: 22px;
    line-height: 28px
}

h3 {
    font-size: 18px;
    line-height: 24px
}

h4 {
    font-size: 16px;
    line-height: 22px
}

h5 {
    font-size: 14px;
    line-height: 20px
}

h6 {
    font-size: 12px;
    line-height: 18px
}

p {
    color: #666;
    font-size: 16px;
    font-family: open sans, sans-serif;
    line-height: 22px;
    margin: 0
}

p strong {
    font-weight: 600
}

.accent-color-bg {
    color: #fff
}

.fittext {
    font-size: 38px;
    font-weight: 300;
    line-height: 1.6em;
    margin-bottom: 35px;
    color: rgba(0, 0, 0, .8)
}

.fittext strong {
    font-weight: 700
}

.page-content p {
    margin-bottom: 15px
}

.wite-text {
    color: #fff
}

.uppercase {
    text-transform: uppercase
}

.image-text {
    margin-right: 10px
}

a.main-button,
input[type=submit] {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: oswald_regularregular;
    font-weight: 300;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.main-button:hover,
input[type=submit]:hover {
    background: #444;
    color: #fff
}

a.main-button i {
    font-size: 1.2em
}

input[type=submit] {
    border: none
}

.tooltip .tooltip-inner {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}

#content {
    padding: 20px 0 0px
} 
.news-wiki-cntr {padding-top:0px !important;} 
.news-wiki-cntr h1 {}  
.othr-wiki-ttl {
    margin-top: 22px;
    padding-top: 13px;
    border-top: 2px solid #e8b4b4;
} 
.news-wiki-cntr .wiki-btn a {margin-top:15px;} 
.news-wiki-cntr h1 span {color: #ec2c29;} 
#content.full-sections {
    padding: 0
}
.wiki-no-bdr {text-align: center;}   
.wiki-no-bdr a {
    margin-top: 10px;
    display: inline-block;
    color: #000;
} 
.wiki-no-bdr:hover a {color:#ec2c29}   
.wiki-no-bdr a img {}
.wiki-no-bdr h4 {} 
.section {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important
}

.section.repeat-bg {
    background-repeat: repeat;
    -webkit-background-size: auto!important;
    -moz-background-size: auto!important;
    -o-background-size: auto!important;
    background-size: auto!important
}

.bg-parallax {
    background-attachment: fixed
}

.section-video {
    position: absolute;
    z-index: 33;
    left: 0;
    top: -100px;
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important
}

.section-video object {
    display: block;
    width: 100%!important;
    height: auto!important
}

.section-video img {
    display: block;
    width: 100%!important;
    height: auto!important
}

.section-video-content {
    z-index: 35;
    position: relative;
    opacity: .98
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 34;
    opacity: .7
}

.light-section {
    color: #fff
}

.light-section .testimonials {
    color: #666
}

.light-section .testimonials .testimonial-content p {
    color: #c4c4c4
}

#container {
    background-color: #fff; 
}
 
.boxed-page {
    position: relative;
    width: 1220px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.boxed-page header {
    width: 1220px
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999999999
}

.spinner {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-animation: rotatee 2s infinite linear;
    animation: rotatee 2s infinite linear
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: bouncee 2s infinite ease-in-out;
    animation: bouncee 2s infinite ease-in-out
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes rotatee {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotatee {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes bouncee {
    0%,
    100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncee {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.fixed-header {
    opacity: .95;
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .2);
    z-index: 999
}

.top-bar {
    background-color: #222;
    height: 34px;
} 

.top-bar.color-bar {
    border-bottom: 0
}

.top-bar.color-bar a {
    color: rgba(255, 255, 255, .6)
}

.top-bar.color-bar a:hover {
    color: #fff!important
}

.top-bar.color-bar ul.social-list li a i {
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.top-bar.color-bar ul.social-list li:last-child a i {
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.top-bar.color-bar .contact-details li a:before {
    color: rgba(255, 255, 255, .2)
}

.top-bar.dark-bar {
    background-color: #444;
    border-bottom: 0
}

.top-bar.dark-bar a {
    color: rgba(255, 255, 255, .4)
}

.top-bar.dark-bar a:hover {
    color: #fff!important
}

.top-bar.dark-bar ul.social-list li a i {
    border-left: 1px solid rgba(255, 255, 255, .08)
}

.top-bar.dark-bar ul.social-list li:last-child a i {
    border-right: 1px solid rgba(255, 255, 255, .08)
}

.top-bar.dark-bar .contact-details li a:before {
    color: rgba(255, 255, 255, .2)
}

.top-bar a {
    color: #fff
}

.top-bar .contact-details li,
.top-bar .language-menu li {
    display: inline-block
}

.top-bar .contact-details li a:before {
    position: relative;
    content: "|";
    font-size: 10px;
    margin: 0 10px;
    top: -1px;
    color: #ddd
}

.top-bar .contact-details li:last-child a::before {
  
}
 
.top-bar .contact-details li a:before { 
    color:#fff; 
}

.top-bar .contact-details li:first-child a:before {
    display: none
}

.top-bar .contact-details li a {
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 32px;
    text-transform: uppercase;
    font-style: normal;
    font-family: oswald_regularregular
}

.top-bar .contact-details li a:hover {
    color: #ec2c29
}

.top-bar .language-menu li a {
    border-radius: 3px;
    display: block;
    font-size: 11px;
    font-weight: 400;
    margin: 6px 0 5px;
    padding: 0 7px;
    text-transform: uppercase;
    color: #ccc;
    letter-spacing: 1px;
    font-family: oswald_regularregular
}

.top-bar .language-menu li a:hover {
    background: #ec2c29;
    color: #fff;
}

.top-bar .language-menu li a.active {
    background: #ec2c29!important;
    color: #fff; 
}

.top-bar .language-menu li a.active-lg {
    background: #ec2c29;
    color: #fff; 
}

ul.social-list {
    float: right
}

ul.social-list li {
    float: left
}

ul.social-list li a {
    display: inline-block;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

ul.social-list li a:hover {
    color: #fff
}

ul.social-list li a.facebook:hover {
    background-color: #507cbe
}

ul.social-list li a.twitter:hover {
    background-color: #63cdf1
}

ul.social-list li a.google:hover {
    background-color: #f16261
}

ul.social-list li a.dribbble:hover {
    background-color: #e46387
}

ul.social-list li a.linkdin:hover {
    background-color: #90cadd
}

ul.social-list li a.tumblr:hover {
    background-color: #4d7ea3
}

ul.social-list li a.youtube:hover {
    background-color: #e22d24
}

ul.social-list li a.flickr:hover {
    background-color: #e474af
}

ul.social-list li a.instgram:hover {
    background-color: #4d4f54
}

ul.social-list li a.vimeo:hover {
    background-color: #87d3e0
}

ul.social-list li a.skype:hover {
    background-color: #36c4f3
}

ul.social-list li a i {
    display: block;
    font-size: 1.2em;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 28px
}

.wpb-mobile-menu {
    display: none
}

.slicknav_menu {
    display: none
}

.navbar-toggle {
    display: none
}

.navbar {
    margin-bottom: 0;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0
}

.navbar-brand {
    position: relative;
    padding: 27px 0;
    margin: 0!important;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.navbar-default .navbar-nav {
    position: relative;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    margin: 0;
    padding: 0
}

.navbar-default .navbar-nav>li {
    margin-left: 3px
}

.navbar-default .navbar-nav>li:first-child {
    margin-left: 0
}

.navbar-default .navbar-nav>li>a {
    color: #303030;
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 26px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    text-transform: uppercase;
    font-family: oswald_regularregular
}
.ads-cntr {
	    background: #22222220;    padding: 8px 0px;   
	display:inline-block; 
}
.navbar-top {
	border-top: 2px solid #ec2c29;
    border-bottom: 2px solid #222;
    padding-left: 0;
    padding-right: 0; 
    min-height: 30px;  
}
.active, .accordion:hover {background:none !important; } 
.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li:hover>a {
    color: #ec2c29
}

.navbar-default .navbar-nav>li>a i {
    margin: 0 -2px 0 -5px
}

.navbar-default .navbar-nav>li>a:after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 50%;
    display: block;
    height: 5px;
    width: 5px;
    opacity: 0;
    margin: 0 0 -3px -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute
}

.navbar-default .navbar-nav>li>a.active:after {
    opacity: 1
}

.navbar-default .navbar-nav .dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    visibility: hidden;
    z-index: 2;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-bottom: 3px solid #ec2c29
}

.navbar-default .navbar-nav>li.drop:hover .dropdown {
    visibility: visible;
    opacity: 1
}

.dropdown li,
.sup-dropdown li {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, .04)
}

.dropdown li:first-child,
.sup-dropdown li:first-child {
    border-top: none
}

.dropdown li a,
.sup-dropdown li a {
    display: block;
    color: #666;
    font-size: 13px;
    font-family: oswald_regularregular;
    padding: 4px 16px;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding .2s ease-in-out;
    -moz-transition: padding .2s ease-in-out;
    -webkit-transition: padding .2s ease-in-out;
    -o-transition: padding .2s ease-in-out
}

.dropdown>li:hover>a,
.sup-dropdown li:hover>a {
    padding-left: 18px
}

.dropdown li a i {
    margin: 0 0 0 -4px
}

.navbar-default .navbar-nav .sup-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    width: 180px;
    background-color: #fff;
    margin-top: 10px;
    transition: margin-top .2s ease-in-out;
    -moz-transition: margin-top .2s ease-in-out;
    -webkit-transition: margin-top .2s ease-in-out;
    -o-transition: margin-top .2s ease-in-out;
    visibility: hidden;
    z-index: 3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
    visibility: visible;
    margin-top: 0
}

.search-side {
    position: relative;
    float: right;
    top: 19px;
    right: -15px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.show-search {
    position: relative;
    display: block;
    float: right
}

.show-search i {
    font-size: 1.2em!important;
    display: block;
    color: #666;
    width: 36px;
    cursor: pointer;
    height: 36px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    line-height: 36px;
    text-align: center;
    background-color: #f2f2f2;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.show-search:hover i {
    color: #666
}

.navbar .search-form {
    position: absolute;
    right: 0;
    z-index: 20;
    float: right;
    display: none;
    top: 40px
}

.navbar .search-form:before {
    background-color: #ccc;
    top: -2px;
    content: '';
    display: block;
    height: 4px;
    width: 4px;
    z-index: 20;
    right: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute
}

.navbar .search-form form input {
    border: 2px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 5px 14px;
    z-index: 22;
    color: #9d9d9d;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
    box-shadow: none
}

.navbar .search-form form {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20
}

#main-slide .item img {
    width: 100%
}

#main-slide .item .slider-content {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms
}

#main-slide .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms
}

#main-slide .slider-content {
    top: 50%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff
}

#main-slide .carousel-indicators {
    bottom: 30px
}

.carousel-indicators li {
    width: 14px!important;
    height: 14px!important;
    border: 2px solid #fff!important;
    margin: 1px!important
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none
}

#main-slide .carousel-control.left span {
    padding: 15px
}

#main-slide .carousel-control.right span {
    padding: 15px
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block
}

#main-slide .carousel-control .fa-angle-left {
    left: 0
}

#main-slide .carousel-control .fa-angle-right {
    right: 0
}

#main-slide .carousel-control i {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    line-height: 36px;
    font-size: 32px;
    padding: 15px 20px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#main-slide .slider-content h2 {
    font-size: 76px;
    font-weight: 100;
    text-transform: uppercase;
    color: #555
}

#main-slide .slider-content h2.white,
#main-slide .slider-content h3.white {
    color: #fff
}

#main-slide .slider-content h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 60px;
    text-transform: uppercase;
    text-align: center;
    color: #555
}

.slider.btn {
    padding: 10px 40px;
    margin-top: 40px;
    font-size: 20px;
    border-radius: 2px;
    text-transform: uppercase;
    line-height: 28px;
    border: 0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset
}

.slider.btn.btn-default {
    margin-left: 4px;
    background: #ececec
}

.slider.btn.btn-default:hover {
    background: #000;
    color: #fff
}

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px
}

.slider-content-right {
    position: relative
}

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both
}

.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
    text-align: center
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
    text-align: center
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both
}

.carousel .item.active .animated8 {
    -webkit-animation: fadeInDown 1s ease-in 1000ms both;
    animation: fadeInDown 1s ease-in 1000ms both
}
.border-prop {padding:3px;border:1px solid #ccc; }
.page-banner {
    padding: 12px 0 5px;
    border-bottom: 1px solid #eee;
} 
.logo-contr {width:144px;height:43px;display:inline-block; background: url(../images/galatta_new_logo.jpg)no-repeat;}       
.album-desc .titl ,.inr-mnu-cntr .titl , .rating-cntr .titl ,#no-more-tables .titl ,.img-nd-shr .titl   {      
    font-size: 17px;    margin-bottom: 8px; 
    font-weight: bold;
    color: #ec2c29;
	 }
      
     .img-cntr {text-align: center;}     
     .img-cntr img {margin: 0 auto;}      
	 .ads-add-styl { margin-top: -21px;width:100% !important;}    
	 .full-news-cnr img , .full-news-cnr iframe {width:100% !important;} 
	  .author-img {
    display: inline-block;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 3px; 
	    margin-right: 10px; 
	 }  
	 .author-img + span , .author-img + span span , .author-img + span a {  color: #ec2c29 !important;}  
	 .author-img + span span {     font-size: 13px !important; padding-left: 4px;}
	 .aut-cntr {
    display: flex;
    align-items: center;
	margin-bottom:5px; 
}  
	 .full-news-cnr .image-service-box { padding: 0px !important;} 
	 .full-news-cnr h1 span {color:#ec2c29;}  
	 
.img-nd-shr .titl {text-align:center;} 
.mob-display {display:none;} 
.dsk-display {}   
	 .g-review .stars1 {}
.g-review .rat {
    vertical-align: text-bottom;
    font-weight: bold;
    font-size: 15px;
    margin-left: 15px;
}  
.ratng-rport {margin-top:10px;}  
.rating {
                                    border: none;
                                    float: left;
                                } 
                                
                                .rating > input {
                                    display: none;
                                }
                                
                                .rating > label:before {
                                    margin: 5px;
                                    font-size: 1.25em;
                                    font-family: FontAwesome;
                                    display: inline-block;
                                    content: "\f005";
                                }
                                
                                .rating > .half:before {
                                    content: "\f089";
                                    position: absolute;
                                }
                                
                                .rating > label {
                                    color: #ddd;
                                    float: right;
                                }
                                
                                .rating > input:checked ~ label,
                                .rating:not(:checked) > label:hover,
                                .rating:not(:checked) > label:hover ~ label {
                                    color: #FFD700;
                                } 

                                
                                span.stars1,
                                span.stars1 span {
                                    display: block;
                                    background: url(https://www.galatta.com/images/stars.png) 0 -16px repeat-x;
                                    width: 80px;
                                    height: 16px;
									display:inline-block;
                                }
                                
                                span.stars1 span {
                                    background-position: 0 0;
                                }   	                            
	                                                              	                            
	 
.ind-des  {border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    margin-bottom: 9px;} 
.shr-cntr {margin-top:10px;}   
.shr-cntr .soc-icn {
	    margin: 2px;
    font-size: 25px;
    color: #fff;
    width: 39px;
    height: 39px;
    display: inline-block;
    padding: 8px 8px;
    border-radius: 20px;   
	}  
.shr-cntr a,.shr-cntr a:hover ,.shr-cntr a:active {text-decoration:none;} 
.shr-cntr .soc-icn.fa-whatsapp {background-color:#189d0e; }
.shr-cntr .soc-icn.fa-twitter {background-color:#225268; }
.shr-cntr .soc-icn.fa-facebook {background-color:#3f6aa0; }
.shr-cntr .soc-icn.fa-google-plus {background-color:#c60000; }
.shr-cntr .soc-icn.fa-pinterest  {background-color:#cc2028; } 
 .inr-mnu-cntr .fa {color: #303030; padding-right: 7PX;}  
  .inr-mnu-cntr a {}  

 #plList th ,#plList tr , #plList td, #plList
 {    margin: 0;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
	}
	#plList th {background-color: #f9f9f9;color: #ec2c29; }  
	 #plList tr {cursor:pointer;background:none;    height: 41px;
	 background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%, #F0F0F0 40%, #FFFFFF 100%);

background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%, #F0F0F0 40%, #FFFFFF 100%);

background-image: -o-linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%, #F0F0F0 40%, #FFFFFF 100%);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(50, #F0F0F0), color-stop(40, #F0F0F0), color-stop(100, #FFFFFF));

background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%, #F0F0F0 40%, #FFFFFF 100%);

background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 50%, #F0F0F0 40%, #FFFFFF 100%);  
	 } 
.rating-cntr {     display: inline-block; width: 100%; margin-top: 15px;} 
.rating-cntr h5 {}
	 
	 
	#plList tr:hover td {   
	color :#ec2c29 !important; 
	 -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in; 
	  box-shadow: 
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC; 
		 
	}	 
	#plList tr:hover td h5 {   color :#ec2c29 !important;  } 
	#plList tr:hover td .count {display:none;}
	#plList tr td .count {  padding: 8px 10px;
    border: 1px solid transparent; 
    border-radius: 18px;
    width: 30px;
    height: 30px; } 
	#plList tr td .fa-play {
	    display: none;
    font-size: 13px;
    padding: 8px 10px;
    border: 1px solid #ec2c29;
    border-radius: 18px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: 6px;  
	} 
	#plList tr td {position:relative; }   	
	#plList tr:hover td .fa-play {display:block;} 
 .album-desc  .support-txt {    font-size: 11px;
    line-height: 15px;} 
.ind-des .roles {    
		float: left;width: 115px;font-weight: bold;
    color: #303030;}   
.ind-des .details {
    float: left;
   width: calc(100% - 115px); 
}  
.breadcrumbs:last-child {font-weight:bold;}  
.page-banner h2 {
    font-weight: 500;
    text-transform: uppercase
}

.page-banner p {
    font-weight: 300
}

ul.breadcrumbs {
    float: right;
    margin-top: 15px
}

.no-subtitle ul.breadcrumbs {
    margin-top: 4px
}

ul.breadcrumbs li {
    font-family: oswald_regularregular;
    font-size: 13px;
    font-weight: 300;
    margin-left: 3px;
    color: #999;
    float: left
}

ul.breadcrumbs li:before {
    content: '/';
    margin: 0 4px 0 2px;
    color: #bbb
}

ul.breadcrumbs li:first-child {
    margin: 0
}

ul.breadcrumbs li:first-child:before {
    content: '';
    margin: 0
}

ul.breadcrumbs li a {
    color: #666;
    font-weight: 400;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

ul.breadcrumbs li a:hover {
    text-decoration: none
}

label {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    cursor: pointer
}

label .required {
    color: #ed2c3a;
    margin-left: 2px
}

input[type=submit] {
    outline: none
}

.widget-search input[type=search],
#contact-form input[type=text],
#contact-form textarea,
#respond input[type=text],
#respond textarea,
.email {
    color: #666fb5;
    font-size: 13px;
    font-family: oswald_regularregular;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.widget-search input[type=search]:focus,
#contact-form input[type=text]:focus,
#contact-form textarea:focus,
#respond input[type=text]:focus,
#respond textarea:focus {
    border-color: #ddd;
    box-shadow: 0 0 3px #eee;
    -o-box-shadow: 0 0 3px #eee;
    -moz-box-shadow: 0 0 3px #eee;
    -webkit-box-shadow: 0 0 3px #eee
}

.mail_response {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.name-missing,
.email-missing,
.message-missing {
    opacity: 0;
    color: #ed2c3a;
    margin-left: 10px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.error-page {
    padding: 90px 0;
    text-align: center
}

.error-page h1 {
    font-size: 160px;
    line-height: 140px;
    font-weight: 700;
    color: #333
}

.error-page h3 {
    font-size: 64px;
    line-height: 70px;
    font-weight: 300
}

.error-page p {
    font-size: 22px;
    line-height: 28px;
    color: #666;
    margin-bottom: 25px
}

#map {
    position: relative;
    height: 350px;
    width: 100%
}

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

.margin-top {
    margin-top: 30px
}

.hr1 {
    border-bottom: 1px solid #eee;
    height: 1px;
    padding-top: 13px
}

.hr2 {
    height: 0;
    border-bottom: 1px solid #eee
}

.hr3 {
    height: 0;
    border-bottom: 1px dotted #eee
}

.hr4 {
    height: 0;
    border-bottom: 1px dashed #eee
}

.hr5 {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0))
}

.partner {
    padding-bottom: 60px
}

.clients-carousel .client-item a img {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    transition: all .4s ease-in-out 0;
    vertical-align: middle;
    width: auto
}

.clients-carousel:hover .client-item a img {
    opacity: .6
}

.clients-carousel:hover .client-item a:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
    opacity: 1
}

.call-action-boxed {
    padding: 30px 40px
}

.call-action.no-descripton h2.primary {
    margin-top: 4px
}

.call-action h2.primary {
    font-weight: 500
}

.call-action h2.primary strong {
    font-weight: 700
}

.call-action p {
    font-size: 14px;
    margin-bottom: 0
}

.call-action h2+p {
    margin-top: 4px
}

.call-action .button-side {
    float: right
}

.call-action-style1 {
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset
}

.call-action-style2 {
    background: #f2f2f2
}

.call-action-style3 {
    background: #444
}

.call-action-style3 h2.primary {
    color: #fff
}

.call-action-style3 p {
    color: #bbb
}

.client-item.item::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.custom-carousel .item {
    display: inline-block;
    height: 10em;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 12em
}

.custom-carousel.show-one-slide .item {
    padding-right: 0
}

.latest-posts-classic .post-row {
    margin-bottom: 20px
}

.latest-posts-classic .left-meta-post {
    float: left;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden
}

.latest-posts-classic .left-meta-post .post-date {
    padding: 8px 0;
    width: 42px;
    background-color: #444;
    color: #fff
}

.latest-posts-classic .left-meta-post .post-date .day {
    font-size: 20px;
    font-weight: 700;
    display: block;
    letter-spacing: 1px
}

.latest-posts-classic .left-meta-post .post-date .month {
    display: block;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 11px;
    letter-spacing: 1px
}

.latest-posts-classic .left-meta-post .post-type i {
    display: block;
    height: 40px;
    line-height: 39px;
    width: 42px;
    color: #fff;
    font-size: 1.4em
}

.latest-posts-classic .post-title {
    margin-bottom: 5px
}

.latest-posts-classic .post-title a {
    color: #444;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.latest-posts-classic .read-more {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.latest-posts-classic .read-more:hover {
    color: #444
}

.panel-default>.panel-heading {
    background-color: #fff
}

.panel-group .panel {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}

.panel-default {
    border-color: #e8e8e8
}

.panel-body {
    padding: 4px 15px 10px
}

.panel-heading {
    padding: 0
}

.panel-title {
    font-size: 13px;
    font-weight: 600
}

.panel-title a {
    position: relative;
    display: block;
    padding: 6px 12px;
    background-color: #fff;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.panel-title a.collapsed {
    color: #444;
    box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset
}

.panel-title a.collapsed:hover {
    color: #666
}

.panel-title a .control-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -11px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.panel-title a.collapsed .control-icon {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg)
}

.panel-title a i {
    font-size: 1.2em;
    padding-right: 5px
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top: none
}

.dropcap {
    display: block;
    float: left;
    font-size: 40px;
    line-height: 34px;
    color: #444;
    margin: 6px 8px 0 0
}

.dropcap.border-dropcap {
    border: 2px solid #444;
    width: 46px;
    height: 46px;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    margin: 8px 12px 0 0
}

.dropcap.bg-dropcap {
    background-color: #444;
    color: #fff;
    width: 48px;
    height: 48px;
    font-size: 28px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    margin: 8px 12px 0 0
}

.dropcap.circle-dropcap {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

.milestone-block {
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 50px
}

.milestone-block:last-child {
    margin-right: 0
}

.milestone-block .milestone-icon {
    float: left;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-right: 9px;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    position: relative
}

.milestone-block .milestone-icon:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 21px;
    right: -2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.milestone-block .milestone-icon i {
    font-size: 2em;
    color: #fff
}

.milestone-block .milestone-right {
    float: left;
    text-align: left
}

.milestone-block .milestone-number {
    font-size: 26px;
    line-height: 28px;
    font-weight: 500
}

.milestone-block .milestone-text {
    font-size: 18px;
    color: #444
}

.pricing-tables {
    padding: 25px 0;
    text-align: center
}

.pricing-tables .pricing-table {
    border: 1px solid #e4e4e4;
    text-align: center;
    position: relative;
    background-color: #fff;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pricing-tables .pricing-table:hover {
    z-index: 2;
    top: -3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.pricing-tables .highlight-plan {
    margin: -15px 0;
    margin-right: -1px;
    z-index: 1;
    box-shadow: 0 0 6px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .06);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .06);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, .06)
}

.pricing-tables .pricing-table.highlight-plan .plan-name {
    padding: 25px 0
}

.pricing-tables .pricing-table.highlight-plan .plan-name h3 {
    color: #fff
}

.pricing-tables .pricing-table.highlight-plan .plan-signup {
    padding: 30px 0
}

.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn {
    border-color: #fff;
    color: #fff
}

.pricing-table .plan-name {
    padding: 15px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    border-bottom: 1px solid #eee
}

.pricing-table .plan-name h3 {
    font-weight: 700;
    color: #666;
    text-transform: uppercase
}

.pricing-table .plan-price {
    padding: 25px 0
}

.pricing-table .plan-price .price-value {
    font-size: 38px;
    line-height: 40px;
    font-weight: 600;
    color: #444
}

.pricing-table .plan-price .price-value span {
    font-size: 18px;
    font-weight: 300;
    line-height: 18px
}

.pricing-table .plan-price .interval {
    line-height: 14px
}

.pricing-table .plan-list li {
    padding: 8px;
    font-size: 12px;
    border-bottom: 1px solid #eee
}

.pricing-table .plan-list li:first-child {
    border-top: 1px solid #eee
}

.pricing-table .plan-signup {
    padding: 25px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset
}

.pricing-table .plan-signup a {
    text-transform: uppercase
}

.btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.btn-system {
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    font-weight: 300;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
    border: 0;
    text-transform: uppercase;
    font-weight: 400
}

.btn-system:last-child {
    margin-right: 0
}

.btn-system {
    font-size: 1em;
    width: auto
}

.btn-system.border-btn {
    background-color: transparent;
    border: 1px solid;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.btn-system:hover {
    color: #fff;
    opacity: .8
}

.btn-system.border-btn:hover {
    opacity: 1;
    color: #fff
}

.btn-system.border-btn.btn-gray:hover {
    background-color: #444;
    color: #fff
}

.btn-system.border-btn.btn-black:hover {
    background-color: #111;
    color: #fff
}

.btn-system.border-btn.btn-wite:hover {
    background-color: #fff
}

.btn-system.btn-gray {
    background-color: #444
}

.btn-system.btn-black {
    background-color: #111
}

.btn-system.btn-wite {
    background-color: #fff
}

.btn-system.border-btn.btn-gray {
    background-color: transparent;
    border: 1px solid #444;
    color: #444
}

.btn-system.border-btn.btn-black {
    background-color: transparent;
    border: 1px solid #111;
    color: #111
}

.btn-system.border-btn.btn-wite {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.btn-large {
    font-size: 14px;
    padding: 9px 22px
}

.btn-medium {
    font-size: 14px;
    padding: 7px 18px
}

.btn-small {
    padding: 5px 15px
}

.btn-mini {
    padding: 3px 12px
}

.btn-large.border-btn {
    padding: 8px 22px
}

.btn-medium.border-btn {
    padding: 6px 18px
}

.btn-small.border-btn {
    padding: 4px 15px
}

.btn-mini.border-btn {
    padding: 2px 12px
}

.alert-success p {
    color: #468847
}

.alert-info p {
    color: #3a87ad
}

.alert-warning p {
    color: #c09853
}

.alert-danger p {
    color: #a94442
}

.alert h4 {
    margin-bottom: 10px
}

.alert strong {
    font-weight: 700
}

.easyPieChart {
    font-size: 24px;
    font-weight: 400;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 80px 20px 0;
    overflow: hidden
}

.easyPieChart:last-child {
    margin-right: 0
}

.easyPieChart span {
    color: #666;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700
}

.easyPieChart i {
    position: absolute;
    width: 100%;
    top: -2px;
    right: 0;
    display: block;
    font-size: 3.5em;
    color: rgba(0, 0, 0, .05);
    text-align: center
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0
}

ul.icons-list {
    margin-bottom: 6px
}

ul.icons-list li,
ul.list-unstyled li {
    margin-bottom: 4px
}

ul.icons-list li i {
    font-size: 14px;
    margin-right: 4px
}

.nav-tabs {
    border-color: #eee
}

.nav-tabs>li>a {
    font-weight: 600;
    color: #666;
    padding: 8px 14px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border: 1px solid #eee;
    border-bottom: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.nav-tabs>li>a i {
    margin-right: 1px;
    padding-right: 5px
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    color: #fff;
    border-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-color: #eee;
    border-bottom-color: #fff
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset
}

.tab-content {
    border: 1px solid #eee;
    border-top: none;
    padding: 12px 16px
}

.tab-content p {
    margin-bottom: 15px
}

.tab-content p:last-child {
    margin-bottom: 0
}

.section {
    padding-top: 80px;
    padding-bottom: 80px
}

.service {}

.icon-small {
    font-size: 2em;
    color: #444;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.icon-small:hover,
.service-box:hover .icon-small {
    text-shadow: 5px 5px 2px transparent
}

.icon-medium {
    font-size: 2.5em;
    color: #666;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.icon-medium:hover,
.service-box:hover .icon-medium {
    text-shadow: 5px 5px 2px transparent
}

.icon-large {
    font-size: 3em;
    color: #666;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.icon-large:hover,
.service-box:hover .icon-large {
    text-shadow: 5px 5px 2px transparent
}

.icon-mini-effect {
    position: relative;
    display: block;
    z-index: 1;
    font-size: 1.2em;
    color: #fff;
    top: 4px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.icon-medium-effect {
    position: relative;
    display: block;
    z-index: 1;
    font-size: 2em;
    color: #fff;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.icon-large-effect {
    position: relative;
    display: block;
    z-index: 1;
    font-size: 2.6em;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.icon-mini-effect:after,
.icon-medium-effect:after,
.icon-large-effect:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.icon-effect-1 {
    background-color: #fff;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

.gray-icon.icon-effect-1 {
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444
}

.icon-effect-1:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s
}

.gray-icon.icon-effect-1:after {
    background: #444
}

.icon-effect-1.gray-icon:hover,
.service-box:hover .gray-icon.icon-effect-1 {
    color: #444
}

.icon-effect-1:hover:after,
.service-box:hover .icon-effect-1:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.icon-effect-2 {
    background: #fff;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

.gray-icon.icon-effect-2 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444
}

.icon-effect-2:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s
}

.gray-icon.icon-effect-2:after {
    background: #444
}

.icon-effect-2:hover,
.service-box:hover .icon-effect-2,
.icon-effect-2.gray-icon:hover,
.service-box:hover .gray-icon.icon-effect-2 {
    color: #fff
}

.icon-effect-2:hover:after,
.service-box:hover .icon-effect-2:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.icon-effect-3 {
    background: #fff
}

.gray-icon.icon-effect-3 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444
}

.icon-effect-3:hover:before,
.service-box:hover .icon-effect-3:before {
    -webkit-animation: toRightFromLeft .4s forwards;
    -moz-animation: toRightFromLeft .4s forwards;
    animation: toRightFromLeft .4s forwards
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }
    50% {
        opacity: 0;
        transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

.icon-effect-4 {
    background: #fff
}

.gray-icon.icon-effect-4 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444
}

.icon-effect-4:hover:before,
.service-box:hover .icon-effect-4:before {
    -webkit-animation: toLeftFromRight .4s forwards;
    -moz-animation: toLeftFromRight .4s forwards;
    animation: toLeftFromRight .4s forwards
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }
    50% {
        opacity: 0;
        transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

.icon-effect-5 {
    background: #fff
}

.gray-icon.icon-effect-5 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444
}

.icon-effect-5:hover:before,
.service-box:hover .icon-effect-5:before {
    -webkit-animation: toTopFromBottom .4s forwards;
    -moz-animation: toTopFromBottom .4s forwards;
    animation: toTopFromBottom .4s forwards
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

.icon-effect-6 {
    background: #fff
}

.gray-icon.icon-effect-6 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444
}

.icon-effect-6:hover:before,
.service-box:hover .icon-effect-6:before {
    -webkit-animation: toBottomFromTop .4s forwards;
    -moz-animation: toBottomFromTop .4s forwards;
    animation: toBottomFromTop .4s forwards
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }
    50% {
        opacity: 0;
        transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

.service-box .read-more {
    margin-top: 4px;
    font-weight: 500;
    margin-left: 2px
}

.service-box .read-more i {
    display: inline-block;
    position: relative;
    top: 1px
}

.image-service-box img {
    margin-bottom: 14px
}

.image-service-box h4 {
    margin-bottom: 8px;
    padding: 0 10px;
    font-weight: 400
}

.image-service-box p {
    padding: 0 10px
}

.service-box {
    margin-bottom: 35px
}

.service-center {
    text-align: center
}

.service-icon-left .service-icon {
    float: left
}

.service-icon-left .service-content {
    padding-left: 45px
}

.service-icon-left-more .service-icon {
    float: left
}

.service-icon-left-more .service-content {
    padding-left: 60px
}

.service-center .service-icon {
    margin-bottom: 14px
}

.service-center .service-content h4 {
    margin-bottom: 6px;
    font-weight: 500
}

.service-center .service-icon i {
    display: inline-block
}

.service-box h4 {
    margin-bottom: 5px;
    font-weight: 400
}

.service-box>div:first-child {
    padding: 0
}

.service-boxed {
    margin-top: 30px;
    padding: 0 15px 20px!important;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.service-boxed:hover {
    border-color: #e2e2e2;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.service-boxed p {
    margin-bottom: 0
}

.testimonials {
    padding-top: 8px;
    text-align: center;
    position: relative
}

.testimonials .testimonial-content p {
    font-family: oswald_regularregular;
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    font-weight: 400;
    color: #444
}

.testimonials .testimonial-content {
    position: relative
}

.testimonials .testimonial-content p::before {
    content: open-quote;
    margin-right: 6px
}

.testimonials .testimonial-content p::after {
    content: close-quote;
    margin-left: 6px
}

.testimonials .testimonial-author {
    padding: 8px;
    margin-bottom: 10px
}

.classic-testimonials .testimonial-content {
    position: relative;
    padding: 14px 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset
}

.classic-testimonials .testimonial-content:before {
    content: "\201C";
    font-weight: 300;
    position: absolute;
    font-size: 30px;
    opacity: .5;
    top: 8px;
    left: 6px
}

.classic-testimonials .testimonial-author {
    margin-left: 10px
}

.classic-testimonials .testimonial-author span {
    font-weight: 600
}

.team-member {
    padding: 3px;
    position: relative
}

.team-member .member-photo {
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.team-member .member-photo .member-name {
    position: absolute;
    bottom: 12px;
    right: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #444;
    z-index: 9994
}

.team-member .member-photo .member-name span {
    position: absolute;
    top: 90%;
    right: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 1px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}

.team-member .member-info {
    padding: 15px 6px 12px
}

.team-member .member-socail {}

.team-member .member-socail a i {
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    display: inline-block;
    background-color: #d2d2d2;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.team-member .member-socail a.facebook:hover i {
    background-color: #507cbe
}

.team-member .member-socail a.twitter:hover i {
    background-color: #63cdf1
}

.team-member .member-socail a.gplus:hover i {
    background-color: #f16261
}

.team-member .member-socail a.dribbble:hover i {
    background-color: #e46387
}

.team-member .member-socail a.linkedin:hover i {
    background-color: #90cadd
}

.team-member .member-socail a.flickr:hover i {
    background-color: #e474af
}

.team-member .member-socail a.instagramm:hover i {
    background-color: #4d4f54
}

.team-member.modern .member-info {
    padding: 14px 0
}

.team-member.modern .member-photo {
    position: relative;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0
}

.team-member.modern .member-photo:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 1px);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9993;
    transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.team-member.modern:hover .member-photo:after {
    opacity: .5;
    width: 100%;
    height: 100%
}

.team-member.modern .progress {
    height: 3px;
    border-width: 2px;
    margin-bottom: 6px
}

.team-member.modern .progress-label {
    font-size: 12px;
    line-height: 2em;
    font-weight: 700
}

.team-member.modern .progress span {
    display: none
}

.team-member.modern .member-socail {
    margin-top: 15px
}

.team-member.modern .member-socail a i {
    background-color: transparent;
    color: #666
}

.team-member.modern .member-socail a:hover i {
    color: #fff
}

.classic-title {
    border-bottom: 3px solid #000;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 16px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.classic-title span {
    border-bottom: 3px solid #ec2c29;
    font-weight: 700;
    padding-bottom: 7px
}

.big-title {
    margin-bottom: 20px
}

.big-title h1,
.big-title h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 300
}

.big-title h1 strong,
.big-title h2 strong {
    font-weight: 400
}

.big-title .title-desc {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.big-title h2+.title-desc,
.big-title h1+.title-desc {
    margin-top: 4px
}

.portfolio-filter {
    margin-bottom: 30px
}

.portfolio-filter li {
    display: inline-block;
    margin-right: 2px
}

.portfolio-filter li a {
    color: #666;
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.portfolio-filter li a:hover {
    border-color: #ddd
}

.portfolio-filter li a.selected,
.portfolio-filter li a.selected:hover {
    color: #fff
}

.portfolio-item {
    margin-bottom: 30px
}

.portfolio-4 {
    margin-left: 5px
}

.portfolio-4 .portfolio-item {
    width: 24.99%!important;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 22px
}

.portfolio-item .portfolio-border {
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.portfolio-item:hover .portfolio-border {
    box-shadow: 0 1px 3px #f8f8f8;
    -o-box-shadow: 0 1px 3px #f8f8f8;
    -moz-box-shadow: 0 1px 3px #f8f8f8;
    -webkit-box-shadow: 0 1px 3px #f8f8f8
}

.portfolio-item .portfolio-thumb {
    position: relative;
    overflow: hidden
}

.portfolio-item .portfolio-thumb .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.portfolio-item:hover .portfolio-thumb .thumb-overlay {
    background: rgba(255, 255, 255, .5)
}

.portfolio-item .portfolio-thumb .thumb-overlay i {
    color: transparent;
    position: absolute;
    top: 42%;
    left: 50%;
    display: block;
    margin-left: -27px;
    margin-top: -19px;
    font-size: 3em;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.portfolio-item:hover .portfolio-thumb .thumb-overlay i {
    top: 50%;
    color: #444
}

.portfolio-item .portfolio-details {
    position: relative;
    padding: 9px 12px 6px
}

.portfolio-item .portfolio-details .like-link {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -9px
}

.portfolio-item .portfolio-details .like-link i,
.portfolio-item .portfolio-details .like-link span {
    color: #666;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.portfolio-item .portfolio-details .like-link:hover i,
.portfolio-item .portfolio-details .like-link:hover span {
    color: #f54b5c
}

.portfolio-item .portfolio-details .like-link i {
    padding-right: 5px
}

.portfolio-item .portfolio-details h4 {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.portfolio-item .portfolio-details a span {
    color: #666
}

.portfolio-item .portfolio-details span:after {
    content: ", ";
    margin-right: 2px
}

.portfolio-item .portfolio-details span:last-child:after {
    content: ""
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}

.campaign {
    background: #f1f1f1;
    padding: 30px 0
}

.campaign img {
    max-width: 100%
}

#portfolio-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block
}

#portfolio-list li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 50%;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#portfolio-list li h3 {
    background: #fff;
    bottom: 0;
    font-size: 1.4em;
    font-weight: 300;
    left: 0;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px;
    position: absolute;
    text-align: right;
    text-transform: none;
    width: 100%;
    transition: transform .2s ease 0s, color .2s ease 0;
    -webkit-transition: transform .2s ease 0s, color .2s ease 0;
    -moz-transition: transform .2s ease 0s, color .2s ease 0;
    -o-transition: transform .2s ease 0s, color .2s ease 0;
    -ms-transition: transform .2s ease 0s, color .2s ease 0
}

#portfolio-list li .header {
    display: none;
    margin: 2% 2% 0;
    padding: 4% 0 0;
    font-size: 1.8em;
    line-height: 1.5;
    font-weight: 700;
    text-transform: none;
    color: #fff
}


#portfolio-list li .body {
    display: none;
    font-size: 1em;
    color: #fff
}



#portfolio-list li img {
    width: 100%;
    -webkit-transition: all .75s;
    -moz-transition: all .75s;
    -ms-transition: all .75s;
    -o-transition: all .75s;
    transition: all .75s
}

#portfolio-list li .portfolio-item-content {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #050f1e;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#portfolio-list li .more {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    display: inline-block;
    content: "i";
    font-size: 50px;
    font-style: normal;
    font-weight: 100;
    line-height: 76px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    height: 80px;
    width: 80px;
    color: #fff;
    background: #000;
    border: 2px solid #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

#portfolio-list li:hover h3 {
    color: #fff;
    transform: translate3d(0px, 70px, 0px);
    -webkit-transform: translate3d(0px, 70px, 0px);
    -moz-transform: translate3d(0px, 70px, 0px);
    -o-transform: translate3d(0px, 70px, 0px);
    -ms-transform: translate3d(0px, 70px, 0px);
    opacity: 0;
    -webkit-opacity: 0;
    transition: all .25s ease-in-out 0;
    -webkit-transition: all .25s ease-in-out 0;
    -moz-transition: all .25s ease-in-out 0;
    -o-transition: all .25s ease-in-out 0
}

#portfolio-list li:hover>li:before {
    border-color: #2e3444;
    border-width: 14px
}

#portfolio-list li:hover .portfolio-item-content {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1
}

#portfolio-list li:hover .more {
    opacity: .75;
    -webkit-opacity: .75;
    -moz-opacity: .75;
    -o-opacity: .75;
    top: 50%;
    margin-top: -40px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}



#portfolio-list li:hover .more:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    color: #556270;
    border-color: #fff;
    background: #fff
}

.project {
    padding-top: 30px
}

.project-page {
    margin-bottom: 50px
}

.project-slider {
    position: relative
}

.project-slider img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.project-slider .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: transparent;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.project-slider:hover .thumb-overlay {
    background: rgba(255, 255, 255, .5)
}

.project-slider .thumb-overlay i {
    font-size: 3em;
    color: transparent;
    position: absolute;
    left: 50%;
    top: 42%;
    margin-left: -27px;
    margin-top: -19px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.project-slider:hover .thumb-overlay i {
    top: 50%;
    color: #444
}

.project-content h4 {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee
}

.project-content h4 span {
    padding-bottom: 8px;
    border-bottom: 1px solid
}

.project-content p,
.project-content ul {
    margin-bottom: 30px
}

.project-content ul li {
    margin-bottom: 5px
}

.recent-projects h4.title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee
}

.recent-projects h4.title span {
    padding-bottom: 8px;
    border-bottom: 1px solid
}

.projects-carousel {
    width: 1150px!important
}

.projects-carousel .item {
    margin-right: 15px;
    margin-bottom: 0
}

.full-width-recent-projects .projects-carousel {
    width: 100%!important
}

.full-width-recent-projects .projects-carousel .item {
    margin: 0
}

.full-width-recent-projects .portfolio-item .portfolio-border {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay {
    opacity: .65;
    z-index: 9994
}

.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i {
    top: 25%
}

.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i {
    color: #fff;
    top: 45%
}

.full-width-recent-projects .portfolio-item .portfolio-details {
    position: absolute;
    bottom: -10px;
    opacity: 0;
    width: 100%;
    z-index: 9995;
    padding: 0 20px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.full-width-recent-projects .portfolio-item:hover .portfolio-details {
    bottom: 10px;
    opacity: 1
}

.full-width-recent-projects .portfolio-item:hover .portfolio-details h4 {
    color: rgba(255, 255, 255, .9)
}

.full-width-recent-projects .portfolio-item .portfolio-details a span {
    color: rgba(255, 255, 255, .8)
}

.full-width-recent-projects .portfolio-item .portfolio-details .like-link i,
.full-width-recent-projects .portfolio-item .portfolio-details .like-link span {
    color: #fff
}

.blog-post {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee
}

.blog-post .post-head {
    overflow: hidden;
    position: relative;
    margin-bottom: 16px
}

.blog-post .post-head .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: transparent;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog-post .post-head:hover .thumb-overlay {
    background-color: rgba(255, 255, 255, .4)
}

.blog-post .post-head .thumb-overlay i {
    font-size: 3em;
    color: transparent;
    position: absolute;
    left: 50%;
    top: 42%;
    margin-left: -27px;
    margin-top: -19px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog-post .post-head:hover .thumb-overlay i {
    color: #444;
    top: 50%
}

.blog-post .post-head img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.blog-post .post-content {
    padding-left: 54px;
    position: relative
}

.blog-post .post-type {
    position: absolute;
    left: 0;
    top: 5px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}

.blog-post .post-type i {
    font-size: 1.2em;
    color: #fff
}

.blog-post.quote-post .post-type {
    top: 0
}

.post-content h2 {
    margin-bottom: 4px
}

.post-content h2 a {
    color: #444;
    font-weight: 500;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.blog-post.quote-post .qoute-box {
    background: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 20px 25px;
    color: #fff;
    margin-bottom: 10px
}

.blog-post.quote-post .qoute-box a {
    color: #999
}

.blog-post.quote-post .qoute-box h2 {
    font-family: oswald_regularregular;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px
}

.blog-post.quote-post .qoute-box .qoute-author {
    margin-left: 5px
}

.blog-post.quote-post .qoute-box .qoute-author:before,
.blog-post.quote-post .qoute-box .qoute-author:after {
    content: " - "
}

.blog-post .post-slider {
    position: relative
}

ul.post-meta {
    margin-bottom: 10px
}

ul.post-meta li {
    display: inline-block
}

ul.post-meta li:after {
    content: "-";
    margin: 0 8px
}

ul.post-meta li:last-child:after {
    content: "";
    margin: 0
}

ul.post-meta li,
ul.post-meta li a {
    color: #666;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.post-content p {
    margin-bottom: 15px
}

#pagination span,
#pagination a {
    display: inline-block;
    text-align: center;
    height: 34px;
    width: 34px;
    color: #666;
    line-height: 33px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

#pagination span.current {
    color: #fff
}

#pagination a:hover {
    border-color: #ddd
}

#pagination .all-pages,
#pagination .next-page {
    width: auto;
    padding: 0 14px
}

.blog-page,
.blog-post-page {
    padding-top: 5px
}

.blog-post-page .blog-post {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.blog-post-page ul.post-meta {
    margin-bottom: 12px
}

.post-content h2 {
    font-weight: 500
}

.post-bottom {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #f6f6f6
}

.post-tags-list {
    float: right;
    padding-top: 6px
}

.post-tags-list a {
    display: inline-block;
    color: #666;
    font-size: 12px;
    padding: 2px 8px;
    background: #eee;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.post-tags-list a:hover {
    color: #fff
}

.post-share {
    float: left
}

.post-share span {
    margin-right: 4px;
    font-size: 13px;
    color: #666
}

.post-share a {
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.post-share a.facebook {
    background-color: #507cbe
}

.post-share a.facebook:hover {
    background-color: #3e68a8
}

.post-share a.twitter {
    background-color: #63cdf1
}

.post-share a.twitter:hover {
    background-color: #36bfed
}

.post-share a.gplus {
    background-color: #f16261
}

.post-share a.gplus:hover {
    background-color: #ef4545
}

.post-share a.linkedin {
    background-color: #90cadd
}

.post-share a.linkedin:hover {
    background-color: #72bbd3
}

.post-share a i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 1em
}

.blog-post .author-info {
    display: block;
    margin-bottom: 10px
}

.blog-post .author-info .author-image {
    float: left
}

.blog-post .author-info .author-image img {
    width: 70px;
    height: 70px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 4px solid #eee
}

.blog-post .author-info .author-bio {
    padding-left: 85px
}

.blog-post .author-info h4 {
    margin-bottom: 4px;
    font-weight: 500
}

.blog-post .author-info p:last-child {
    margin: 0
}

#comments .comments-list {
    padding: 0;
    margin: 0 0 35px
}

#comments .comments-title {
    font-weight: 500;
    margin-bottom: 20px
}

#comments .comments-list li .comment-box {
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset
}

#comments .comments-list li ul {
    padding-left: 80px
}

#comments .avatar {
    float: left
}

#comments .avatar img {
    width: 60px;
    height: 60px;
    padding: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #e8e8e8
}

#comments .comment-content {
    padding-left: 72px
}

#comments .comment-content .comment-meta {
    margin-bottom: 5px
}

.comment-content .comment-meta span:after {
    content: "-";
    margin: 0 5px;
    font-weight: 100;
    color: #666
}

.comment-content .comment-meta span:last-child:after {
    content: "";
    margin: 0
}

.comment-content .comment-meta .comment-by {
    font-weight: 600;
    color: #444
}

.comment-content .comment-meta .comment-date {
    color: #666
}

#respond .respond-title {
    font-weight: 500;
    margin-bottom: 15px
}

.sidebar {
    margin-bottom: 30px
}

.sidebar a {
    color: #666
}

.sidebar .widget {
    overflow: hidden;
    margin-bottom: 20px
}

.sidebar .widget ul {
    margin: 0
}

.widget-search input[type=search] {
    position: relative;
    margin: 0;
    float: left;
    height: 37px;
    line-height: 37px;
    width: calc(100% - 38px);
    border-right: none;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px
}

.widget-search .search-btn {
    display: inline-block;
    width: 38px;
    height: 37px;
    border: none;
    color: #fff;
    font-size: 1.2em;
    line-height: 36px;
    text-align: center;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.widget-search .search-btn:hover {
    background-color: #444
}

.sidebar .widget h4 {
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.sidebar .widget h4 .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #ddd;
    margin: 0
}

.widget-categories ul li a {
    padding: 8px 0;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #eee;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.widget-categories ul li:first-child a {
    padding-top: 0
}

.widget-categories ul li a:hover {
    padding-left: 8px
}

.sidebar .widget-popular-posts li {
    margin-bottom: 0;
    padding: 0
}

.sidebar .widget-popular-posts .widget-thumb {
    float: left;
    margin-right: 8px;
    border: 3px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}

.sidebar .widget-popular-posts .widget-thumb img {
    width: 65px;
    height: 65px;
    opacity: 1;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.sidebar .widget-popular-posts .widget-thumb:hover img {
    opacity: .7
}

.sidebar .widget-popular-posts li h5 {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 5px;
    font-weight: 400;
    margin-top: 10px
}

.sidebar .widget-popular-posts li h5 a {
    color: #000
}

.sidebar .widget-popular-posts .widget-content span {
    color: #bbb;
    font-size: 12px
}

h6.v-more {
    text-align: right;
    font-weight: 400;
    margin-top: 0
}

h6.v-more a:hover {
    color: #ec2c29
}

h6.v-more a {
    color: #666
}

.sidebar .tagcloud a {
    display: inline-block;
    color: #666;
    font-size: 12px;
    padding: 4px 10px;
    background: #eee;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.sidebar .tagcloud a:hover {
    color: #fff
}

footer.music-footer {
		padding-bottom:75px;   
 }
footer .container {
	background-color: #222;
	 border-top: 4px solid #555;
	  padding-top: 30px; 
	  color: #ccc;
    position: relative;
    padding-bottom: 20px
	} 
footer p {
    color: #ccc
}

footer a {
    color: #666
}

footer a:hover {
    color: #666;
    text-decoration: underline
}

.footer-widget {
    margin-bottom: 0
}

.footer-widget h4 {
    color: #eee;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.footer-widget h4 .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #333;
    margin: 0
}

.social-widget ul.social-icons li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px
}

.social-widget ul.social-icons li a i {
    font-size: 1.4em;
    width: 36px;
    height: 36px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.social-widget ul.social-icons li a:hover {
    text-decoration: none
}

.social-widget ul.social-icons li a.facebook:hover i {
    background-color: #507cbe
}

.social-widget ul.social-icons li a.twitter:hover i {
    background-color: #63cdf1
}

.social-widget ul.social-icons li a.google:hover i {
    background-color: #f16261
}

.social-widget ul.social-icons li a.dribbble:hover i {
    background-color: #e46387
}

.social-widget ul.social-icons li a.linkdin:hover i {
    background-color: #90cadd
}

.social-widget ul.social-icons li a.tumblr:hover i {
    background-color: #4d7ea3
}

.social-widget ul.social-icons li a.flickr:hover i {
    background-color: #e474af
}

.social-widget ul.social-icons li a.instgram:hover i {
    background-color: #4d4f54
}

.social-widget ul.social-icons li a.vimeo:hover i {
    background-color: #87d3e0
}

.social-widget ul.social-icons li a.skype:hover i {
    background-color: #36c4f3
}
    .site-header {
                        display: none;
                    }
                    
                    .accordion {
                        background-color: white;
                        color: #444;
                        cursor: pointer;
                        padding: 18px;
                        width: 100%;
                        border: none;
                        text-align: left;
                        outline: none;
                        font-size: 15px;
                        transition: 0.4s;
                    }
                    
                    .active,
                    .accordion:hover {
                        background-color: #ccc;
                    }
                    
                    .panel {
                        padding: 0 18px;
                        display: none;
                        background-color: white;
                        overflow: hidden;
                    } 
.contact-widget {  
}

.contact-widget span {
    font-weight: 700
}

.contact-widget ul li {
    margin-bottom: 12px
}

.contact-widget ul li p a {
    color: #bbb
}

.contact-widget p {
    padding-bottom: 20px
}

.footer-widgets .contact-widget p {
    padding-bottom: 20px;
    font-size: 13px;
    line-height: 20px
}

.twitter-widget a:hover {
    color: #43b9cd;
    text-decoration: underline
}

.twitter-widget ul li {
    margin-bottom: 20px
}

.twitter-widget ul li span {
    color: #666
}

.flickr-widget ul {
    overflow: hidden
}

.flickr-widget ul li {
    float: left;
    margin-left: 8px;
    margin-bottom: 8px
}

.flickr-widget ul li:nth-child(3n+1) {
    margin-left: 0
}

.flickr-widget ul li a {
    display: inline-block;
    width: 80px;
    opacity: .6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border: 4px solid #333;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.flickr-widget ul li a img {
    width: 100%;
    height: 65px
}

.flickr-widget ul li a:hover {
    opacity: 1
}

.mail-subscribe-widget form {
    margin-top: 15px;
    margin-bottom: 20px
}

.mail-subscribe-widget form input[type=text] {
    outline: none;
    color: #666;
    font-size: 12px;
    padding: 6px 12px;
    border: none;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none
}

.copyright-section {
    padding: 15px 0;
    font-size: 11px;
    letter-spacing: .5px;
    border-top: 1px solid rgba(255, 255, 255, .06)
}

.copyright-section p {
    font-size: 11px;
    text-transform: uppercase
}

ul.footer-nav {
    float: right
}

ul.footer-nav li {
    display: inline-block;
    float: left;
    margin-left: 15px
}

ul.footer-nav li:first-child {
    margin-left: 0
}

ul.footer-nav li a {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

ul.footer-nav li a:hover {
    color: #fff
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px
}

.back-to-top i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #ec2c29;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-overlay.nivo-lightbox-open {
    visibility: visible;
    opacity: 1
}

.nivo-lightbox-wrap {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%
}

.nivo-lightbox-content {
    width: 100%;
    height: 100%
}

.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center
}

.nivo-lightbox-nav {
    display: none
}

.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0
}

.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0
}

.nivo-lightbox-close {
    position: absolute;
    top: 2%;
    right: 2%
}

.nivo-lightbox-image {
    text-align: center
}

.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.nivo-lightbox-content iframe {
    width: 100%;
    height: 100%
}

.nivo-lightbox-ajax {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px #000
}

.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle
}

.nivo-lightbox-effect-fade,
.nivo-lightbox-effect-fadeScale,
.nivo-lightbox-effect-slideLeft,
.nivo-lightbox-effect-slideRight,
.nivo-lightbox-effect-slideUp,
.nivo-lightbox-effect-slideDown,
.nivo-lightbox-effect-fall {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -ms-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -o-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%)
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%)
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%)
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translateZ(300px);
    -moz-transform: translateZ(300px);
    -ms-transform: translateZ(300px);
    transform: translateZ(300px)
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0, 0, 0, .8)
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
    background: url(../images/lightbox/loading.gif) no-repeat 50% 50%
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .5;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, .5)
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(../images/lightbox/prev.png);
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(../images/lightbox/next.png);
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(../images/lightbox/close.png) no-repeat 5px 5px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    padding: 5px;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
    opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    bottom: -7%
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

@media(-webkit-min-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.62),
(min--moz-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
        background-image: url(../images/lightbox/loading@2x.gif);
        background-size: 32px 32px
    }
    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        background-image: url(../images/lightbox/prev@2x.png);
        background-size: 48px 48px
    }
    .nivo-lightbox-theme-default .nivo-lightbox-next {
        background-image: url(../images/lightbox/next@2x.png);
        background-size: 48px 48px
    }
    .nivo-lightbox-theme-default .nivo-lightbox-close {
        background-image: url(../images/lightbox/close@2x.png);
        background-size: 16px 16px
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(../images/icons/grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

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

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.owl-theme .owl-controls {
    text-align: center
}

.touch-slider .owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    zoom: 1;
    padding: 0 1px;
    *display: inline;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background: #444;
    filter: Alpha(Opacity=60);
    opacity: .6;
    margin-top: -30px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.touch-slider:hover .owl-controls .owl-buttons div {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.touch-slider .owl-controls .owl-buttons div.owl-prev {
    left: 0;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0
}

.touch-slider .owl-controls .owl-buttons div.owl-next {
    right: 0;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px
}

.touch-slider .owl-controls .owl-buttons div i {
    font-size: 1.8em;
    color: #fff
}

.touch-carousel .owl-controls .owl-buttons {
    position: absolute;
    top: -50px;
    right: 2px
}

.touch-carousel.projects-carousel .owl-controls .owl-buttons {
    right: 12px
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons {
    position: relative;
    top: 0;
    right: 0
}

.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons {
    top: -8px
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div,
.touch-carousel.navigation-3 .owl-controls .owl-buttons div {
    background-color: #f2f2f2
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div i,
.touch-carousel.navigation-3 .owl-controls .owl-buttons div i {
    color: #666
}

.touch-carousel.navigation-3 {
    padding-top: 45px
}

.touch-carousel.navigation-3.clients-carousel {
    padding-top: 25px
}

.touch-carousel.navigation-3 .owl-controls .owl-buttons {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div,
.touch-carousel.navigation-3 .owl-controls .owl-buttons div {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

.touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons {
    right: 9px
}

.touch-carousel .owl-controls .owl-buttons div,
.testimonials-carousel .owl-controls .owl-buttons div {
    height: 22px;
    width: 22px;
    line-height: 22px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #000;
    margin-left: 4px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    border: 1px solid #000
}

.touch-carousel .owl-controls .owl-buttons div i,
.testimonials-carousel .owl-controls .owl-buttons div i {
    font-size: 1.2em;
    color: #ccc;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    font-weight: 700
}

.testimonials-carousel .owl-controls .owl-buttons div i {
    color: #fff
}

.touch-carousel .owl-controls.clickable .owl-buttons div:hover i {
    color: #fff
}

.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.owl-pagination {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5px
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 2px 4px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #444;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.touch-slider:hover .owl-controls .owl-page span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border-color: #0a95d8
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

#bar {
    width: 0;
    max-width: 100%;
    height: 4px;
    background: #444;
    filter: Alpha(Opacity=50);
    opacity: .5
}

#progressBar {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%
}

.owl-item.loading {
    min-height: 150px;
    background: url(../images/icons/ajaxloader.gif) no-repeat center center
}

.switcher-box {
    width: 212px;
    position: fixed;
    left: -212px;
    top: 160px;
    text-align: center;
    z-index: 99999999;
    background-color: #fff;
    border-radius: 0 0 2px 0;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.switcher-box a {
    cursor: pointer
}

.switcher-box h4 {
    display: block;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #333;
    margin-bottom: 10px
}

.switcher-box span {
    display: block;
    padding: 5px 20px;
    text-align: left
}

.switcher-box .colors-list {
    padding: 0 18px;
    margin-bottom: 8px;
    line-height: 20px
}

.switcher-box .colors-list li {
    display: inline-block;
    margin-right: 2px
}

.switcher-box .colors-list li a {
    display: block;
    width: 24px;
    height: 18px;
    cursor: pointer
}

.switcher-box .colors-list li a.blue {
    background-color: #0a9fd8
}

.switcher-box .colors-list li a.cyan {
    background-color: #27bebe
}

.switcher-box .colors-list li a.jade {
    background-color: #0bb586
}

.switcher-box .colors-list li a.red {
    background-color: #ee3733
}

.switcher-box .colors-list li a.peach {
    background-color: #f49237
}

.switcher-box .colors-list li a.sky-blue {
    background-color: #38cbcb
}

.switcher-box .colors-list li a.yellow {
    background-color: #f8ba01
}

.switcher-box .colors-list li a.green {
    background-color: #94c523
}

.switcher-box .colors-list li a.orange {
    background-color: #f36510
}

.switcher-box .colors-list li a.pink {
    background-color: #f1505b
}

.switcher-box .colors-list li a.purple {
    background-color: #6a3da3
}

.switcher-box .colors-list li a.beige {
    background-color: #fdb655
}

.switcher-box .layout-style,
.switcher-box .topbar-style {
    width: 172px;
    padding: 6px 9px;
    outline: none;
    display: block;
    background: #fff;
    border-radius: 3px;
    padding: 4px 6px;
    color: #666;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px;
    margin: 0 0 12px 20px;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .06)
}

.switcher-box .bg-list {
    padding: 0 18px;
    margin-bottom: 18px
}

.switcher-box .bg-list li {
    display: inline-block;
    margin-right: 2px
}

.switcher-box .bg-list li a {
    display: block;
    width: 20px;
    height: 20px
}

.switcher-box .bg-list li a.bg1 {
    background: url(../images/patterns/1.png) repeat
}

.switcher-box .bg-list li a.bg2 {
    background: url(../images/patterns/2.png) repeat
}

.switcher-box .bg-list li a.bg3 {
    background: url(../images/patterns/3.png) repeat
}

.switcher-box .bg-list li a.bg4 {
    background: url(../images/patterns/4.png) repeat
}

.switcher-box .bg-list li a.bg5 {
    background: url(../images/patterns/5.png) repeat
}

.switcher-box .bg-list li a.bg6 {
    background: url(../images/patterns/6.png) repeat
}

.switcher-box .bg-list li a.bg7 {
    background: url(../images/patterns/7.png) repeat
}

.switcher-box .bg-list li a.bg8 {
    background: url(../images/patterns/8.png) repeat
}

.switcher-box .bg-list li a.bg9 {
    background: url(../images/patterns/9.png) repeat
}

.switcher-box .bg-list li a.bg10 {
    background: url(../images/patterns/10.png) repeat
}

.switcher-box .bg-list li a.bg11 {
    background: url(../images/patterns/11.png) repeat
}

.switcher-box .bg-list li a.bg12 {
    background: url(../images/patterns/12.png) repeat
}

.switcher-box .bg-list li a.bg13 {
    background: url(../images/patterns/13.png) repeat
}

.switcher-box .bg-list li a.bg14 {
    background: url(../images/patterns/14.png) repeat
}

.switcher-box .open-switcher {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 2px 2px 0;
    background: #444 center no-repeat;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.switcher-box .open-switcher:hover {
    background: url(../images/icons/switcher.png) #444 center no-repeat;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    color: #fff
}

.switcher-box .open-switcher i {
    text-align: center;
    padding-top: 7px
}

.iframe {
    border: none
}

.services-2 {
    position: relative;
    text-align: center;
    margin: 0 0 30px
}

.services-2-icon {
    display: inline-block;
    width: 100%;
    display: table
}

.services-2-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    float: left;
    text-align: center;
    font-size: 26px;
    background: #e93735;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.services-2:hover .services-2-icon i {
    display: block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.services-2-text {
    margin-left: 75px;
    overflow: hidden
}

.services-2-icon h4 {
    font-family: oswald_regularregular;
    color: #404449;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0 0;
    text-align: left;
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    width: 100%
}

.services-2 p {
    color: #acb2b8;
    margin: 0;
    text-align: left
}

.skill p {
    margin-bottom: 7px
}

.progress {
    overflow: visible;
    height: 18px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    position: relative
}

.progress-bar-span {
    opacity: 1;
    position: absolute;
    top: -5px;
    background: #acb2b8;
    padding: 3px 10px;
    color: #fff;
    border-radius: 0;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.skill:hover .progress-bar-span {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.counter-item {
    position: relative;
    text-align: center
}

.counter-item h5 {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase
}

.counter-item i {
    font-size: 40px
}

.timer {
    font-size: 48px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    line-height: 80px
}

.parallax {
    width: 100%;
    padding: 0;
    margin: 0;
    background-position: 50% 30%;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.parallax-text-container-1 .parallax-text-item {
    padding: 120px 0;
    text-align: center
}

.parallax-mobile {
    background-position: 50% 0!important;
    background-attachment: scroll!important
}

.services-3 {
    position: relative;
    text-align: center;
    margin: 0 0 30px
}

.services-3-icon {
    display: inline-block;
    width: 100%;
    display: table
}

.services-3-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.services-3:hover .services-3-icon i {
    display: block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.services-3-text {
    margin-right: 75px;
    overflow: hidden
}

.services-3-icon h4 {
    font-family: oswald_regularregular;
    color: #404449;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px;
    text-align: right;
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    width: 100%
}

.services-3 p {
    color: #acb2b8;
    margin: 0;
    text-align: right
}

.purchase {
    background: url(../images/parallax/bg-01.jpg) no-repeat;
    background-attachment: fixed;
    padding: 100px 0
}

.navbar-collapse {
    max-height: 340px
} 


.container-adj {
    padding: 0
}

.navbar-left {
    width: 100%
}

. {
    background: #434241
}

.top-header {
        background: #fff; 
}

.top-bar,
.top-header {
    padding: 0
}

a.h-lts-cls {
    font-weight: 400;
    color: #ec2c29
}

ul.appstore-footer li {
    display: inline-block;
    margin-right: 10px
}

ul.appstore-footer li h1 {
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    line-height: 34px
}

ul.appstore-footer li h1 span {
    color: #ec2c29;
    text-transform: uppercase
}

ul.appstore-footer li h2 {
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    line-height: 34px
}

ul.appstore-footer li h2 span {
    color: #ec2c29;
    text-transform: uppercase
}

.cast ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding-top: 0;
    padding-left: 0
}

.cast ul li {
    margin: 0;
    display: inline
}

.cast ul li div:first-child {
    font-weight: 400;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
    color: #474747;
    padding-bottom: 6px
}

.cast ul li div:last-child {
    padding-right: 0;
    padding-bottom: 6px;
    font-size: 13px;
    padding-left: 0;
    color: #6b6b6b
}

.cast img {
    margin-right: 10px
}

.movie-rev {
    margin: 0;
    padding-top: 10px
}

.movie-rev h3 {
    font-size: 15px;
    color: #3b3b3b;
    font-weight: 700
}

.movie-rev p {
    padding-top: 0;
    font-size: 14px;
    color: #000
}

.movie-rev h5 {
    font-weight: 700;
    color: #dd2828;
    font-size: 16px
}

.movie-rev ul {
    margin: 0 10px 10px;
    padding: 0
}

.movie-rev ul li {
    list-style: none;
    position: relative;
    color: #6b6b6b;
    font-size: 13px
}

.movie-rev li:before {
    color: #6b6b6b;
    left: -10px;
    top: 0;
    content: "*";
    position: absolute;
    font-size: 13px
}

.sort-wrp {
    border: 0!important
}

.sort-wrp ul {
    margin: 0;
    padding: 0
}

.sort-wrp li {
    font-size: 12px;
    font-weight: 400;
    text-transform: inherit!important;
    position: relative;
    display: inline;
    padding-right: 12px;
    margin-right: 6px
}

.sort-wrp li a {
    text-transform: capitalize!important;
    color: #666
}

.sort-wrp li a:hover {
    color: #ec2c29
}

.sort-wrp li:first-child {
    font-weight: 600
}

.sort-wrp li:first-child:after {
    content: ":";
    position: absolute;
    right: 0;
    top: -5px;
    font-weight: 700
}

.sort-wrp li:after {
    content: "|";
    position: absolute;
    right: 0;
    top: -5px;
    color: #d8d8d8
}

.sort-wrp li:last-child:after {
    content: ""
}

.m-rev-cmds img {
    max-width: inherit
}

.m-rev-cmds h2 {
    color: #565656!important;
    font-weight: 400!important;
    font-size: 13px!important;
    line-height: 15px;
    border-bottom: 0!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.m-rev-cmds li {
    border-bottom: 1px solid #f6f6f6;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    padding-bottom: 5px
}

.m-rev-cmds .col-sm-1,
.m-rev-cmds .col-sm-11 {
    padding: 0
}

.m-rev-cmds p {
    color: #565656;
    font-size: 13px;
    line-height: 17px;
    padding: 0;
    margin: 0
}

.m-rev-cmds h2 span.mr-date-warp {
    font-size: 10px;
    color: #aaa;
    font-weight: 400!important;
    font-style: italic;
    margin-left: 10px
}

.none-lg {
    display: none
}

.navbar-top .navbar-collapse {
    padding-left: 0;
    padding-right: 0
}

.mv-tile-warp h1 span {
    font-size: 12px
}

.title-mv ul {
    margin: 0;
    padding: 0
}

.title-mv ul li {
    font-size: 12px;
    font-weight: 400;
    text-transform: inherit!important;
    position: relative;
    display: inline;
    padding-right: 10px;
    margin-right: 6px
}

.title-mv ul li a {
    text-transform: capitalize!important;
    color: #666
}

.title-mv ul li a:hover {
    color: #ec2c29
}

.title-mv ul li:after {
    content: "|";
    position: absolute;
    right: 0;
    top: -7px;
    color: #d8d8d8
}

.title-mv ul li:last-child:after {
    content: ""
}

.mv-tile-warp h1 {
    margin-bottom: 15px;
    font-size: 22px
}

.mv-rat-warp ul li {
    display: inline-block
}

.mv-rat-warp ul.til-cl li:after {
    content: "|";
    position: absolute;
    right: 0;
    top: -3px;
    color: #777
}

.mv-rat-warp ul.til-cl {
    margin: 10px 0;
    padding: 0
}

.mv-rat-warp ul.til-cl li {
    font-size: 12px;
    font-weight: 400;
    text-transform: inherit!important;
    position: relative;
    display: inline;
    padding-right: 12px;
    margin-right: 6px
}

.mv-rat-warp ul.til-cl li:last-child:after {
    content: ""
}

.mv-rat-warp {
    background: #f6f6f6;
    margin-bottom: 10px
}

.mv-rat-warp .progress {
    background-color: #e4e4e4;
    border-radius: 6px
}

.mv-rat-warp .progress-bar {
    background-color: #f7530b;
    border-radius: 6px
}

.star-rating .fa {
    color: #ffd222
}

.mv-rat-warp p.hg-cls {
    color: #ab461a
}

.mv-rat-warp p {
    font-size: 14px;
    line-height: 19px!important;
    margin-bottom: 15px
}

ul.usr-rating {
    margin: 0 0 10px;
    padding: 0
}

ul.usr-rating li {
    display: inline-block;
    margin-right: 2px;
    position: relative
}

ul.usr-rating li:last-child {
    margin-top: 8px!important;
    position: absolute
}

ul.usr-rating li:last-child .fa {
    color: #ffd222
}

ul.usr-rating li img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    float: left;
    margin-top: 8px;
    padding: 5px 8px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

ul.usr-rating li img:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.like-disk {
    margin-top: 10px;
    background-color: #ea4145!important;
    border-radius: 3px!important;
    height: 7px!important
}

.like-disk .progress-bar {
    background-color: #84c22b!important;
    border-radius: 3px!important
}

.counter-item span {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase
}

.like-timer span {
    color: #84c22b
}

.dislike-timer span {
    color: #ea4145
}

.vote-warp .like-timer {
    text-align: center;
    text-transform: uppercase;
    color: #84c22b
}

.timer {
    font-size: 29px;
    font-weight: 800;
    line-height: 20px
}

.vote-warp .counter-item h5 {
    color: #000;
    font-size: 11px;
    margin-bottom: 0;
    text-align: center;
    text-transform: initial
}

.vote-warp .dislike-timer {
    font-size: 29px;
    font-weight: 800;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ea4145
}

.vote-warp {
    padding-top: 20px
}

.lft-brd-wrp {
    border-right: 1px solid #dbdbdb;
    min-height: 256px
}

.lft-brd-wrp h3 {
    font-size: 24px;
    margin: 25px 0
}

.page-content {
    border-right: 1px solid #eee
}
.cntr-nws-sldv {border-right: none !important;}      
.header-ads {
    padding-top: 10px;
    padding-bottom: 10px;
	display: flex; 
    align-items: center; 
}

.panel-google-plus {
    position: relative;
    border-radius: 0;
    border: 0;
    box-shadow: inherit
}

.panel-google-plus>.dropdown {
    position: absolute;
    top: 5px;
    right: 15px
}

.panel-google-plus>.dropdown>span>span {
    font-size: 10px
}

.panel-google-plus>.dropdown>.dropdown-menu {
    left: initial;
    right: 0;
    border-radius: 2px
}

.panel-google-plus>.panel-google-plus-tags {
    position: absolute;
    top: 35px;
    right: -3px
}

.panel-google-plus>.panel-google-plus-tags>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.panel-google-plus>.panel-google-plus-tags>ul:hover {
    box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px rgba(0, 0, 0, .25)
}

.panel-google-plus>.panel-google-plus-tags>ul>li {
    display: block;
    right: 0;
    width: 0;
    padding: 5px 0;
    background-color: #f5f5f5;
    font-size: 12px;
    overflow: hidden
}

.panel-google-plus>.panel-google-plus-tags>ul>li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 3px solid #427fed
}

.panel-google-plus>.panel-google-plus-tags>ul:hover>li,
.panel-google-plus>.panel-google-plus-tags>ul>li:first-child {
    padding: 5px 15px 5px 10px;
    width: auto;
    cursor: pointer;
    margin-left: auto
}

.panel-google-plus>.panel-google-plus-tags>ul:hover>li {
    background-color: #fff
}

.panel-google-plus>.panel-google-plus-tags>ul>li:hover {
    background-color: #427fed;
    color: #fff
}

.panel-google-plus>.panel-heading,
.panel-google-plus>.panel-footer {
    background-color: #f6f6f6;
    border-width: 0
}

.panel-google-plus>.panel-heading {
    margin-top: 20px;
    padding-bottom: 5px
}

.panel-google-plus>.panel-heading>img {
    margin-right: 15px
}

.panel-google-plus>.panel-heading>h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700
}

.panel-google-plus>.panel-heading>h5 {
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.panel-google-plus>.panel-body {
    padding-top: 5px;
    font-size: 13px
}

.panel-google-plus>.panel-body>.panel-google-plus-image {
    display: block;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9
}

.panel-google-plus>.panel-body>.panel-google-plus-image>img {
    max-width: 100%
}

.panel-google-plus>.panel-footer {
    font-size: 14px;
    font-weight: 700;
    min-height: 54px
}

.panel-google-plus>.panel-footer>.btn {
    float: left;
    margin-right: 8px
}

.panel-google-plus>.panel-footer>.input-placeholder {
    display: block;
    margin-left: 50px;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 6px 7px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background: #fff;
    box-shadow: inherit
}

.panel-google-plus.panel-google-plus-show-comment>.panel-footer>.input-placeholder {
    display: none
}

.panel-google-plus>.panel-google-plus-comment {
    display: none;
    padding: 10px 20px 15px;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5
}

.panel-google-plus.panel-google-plus-show-comment>.panel-google-plus-comment {
    display: block
}

.panel-google-plus>.panel-google-plus-comment>.panel-google-plus-textarea {
    float: right;
    width: calc(100% - 0px)
}

.panel-google-plus>.panel-google-plus-comment>.panel-google-plus-textarea>textarea {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: rgba(0, 0, 0, .0470588) 0 1px 0 0;
    resize: vertical
}

.panel-google-plus>.panel-google-plus-comment>.panel-google-plus-textarea>.btn {
    margin-top: 10px;
    margin-right: 8px;
    width: 100%
}




.panel-google-plus .btn {
    border-radius: 3px
}

.panel-google-plus .btn-default {
    border: 1px solid #d9d9d9;
    box-shadow: rgba(0, 0, 0, .0470588) 0 1px 0 0
}

.panel-google-plus .btn-default:hover,
.panel-google-plus .btn-default:focus,
.panel-google-plus .btn-default:active {
    background-color: #ebebeb;
    border-color: #ccc
}

.panel-google-plus .btn-success {
    background-color: #ec2c29;
    border-color: #d49800;
    color: #fff
}

.panel-google-plus .btn-success:hover {
    background-color: #b1a819;
    border-color: #999001;
    color: #fff
}

.h-adj-padding {
    padding: 0 2px 2px
}

.moon {
    background: url(../images/tamil-banner/tn-banner-bgs.png) bottom left;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 50s linear infinite;
    -moz-animation: cloud_one 50s linear infinite;
    -o-animation: cloud_one 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    bottom: 0
}

@-webkit-keyframes moon {
    0% {
        opacity: 0;
        left: -200% -moz-transform: scale(0.5);
        -webkit-transform: scale(.5)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1);
        left: 0 bottom: 250px;
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        bottom: 500px;
        -moz-transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-moz-keyframes moon {
    0% {
        opacity: 0;
        left: -200% -moz-transform: scale(0.5);
        -webkit-transform: scale(.5)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1);
        left: 0 bottom: 250px;
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        bottom: 500px;
        -moz-transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

.sup-dropdown li a h3 {
    margin-top: 10px!important;
    font-size: 14px!important
}

.tamil-home-banner {
    border-top: 0;
    padding-bottom: 0;
    background: #fff;
    padding-top: 0
}

.tamil-home-banner h1 {
    position: absolute;
    z-index: 1;
    bottom: 6%;
    left: auto;
    width: 100%;
    text-align: left;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    padding: 0 5%
}

.tn-hme-first h1 {
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    padding: inherit;
    padding: 0 10%;
    line-height: 33px
}

a.high-links {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    font-size: 22px;
    color: #fff
}

a.high-links .fa {
    padding: 5px
}

.fa-file-video-o {
    background: #ef4d4d
}

.fa-file-text-o {
    background: #eaca44
}

.fa-file-image-o {
    background: #84bf56
}

.fa-file-audio-o {
    background: #469fcc
}

.tn-latest-news .image-service-box {
    text-align: center
}

.tn-latest-news .image-service-box img {
    margin-bottom: 6px;
    display: inline
}

.tn-latest-news .image-service-box h4 {
    color: #272727;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px
}

.tn-latest-news .image-service-box h4 a {
    color: #272727
}

.tn-latest-news .image-service-box h4 a:hover {
    color: #ec2c29
}

.tn-latest-news h1 {
    padding-left: 2px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 0px; 
}

.tn-latest-news h1 span.glry-clrs-head {
    color: #1e94ad;
    font-weight: 700
}

.tn-latest-news h1:before {
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 100%;
    z-index: 1
}

.tn-latest-news h1 span {
    background: #fff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 5;
	color:#ec2c29; 
}

a.tn-links-lts span {
    background: #1e94ad!important;
    margin-right: 17px;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    position: relative;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

a.tn-links-lts span .fa {
    font-size: 16px;
    margin-top: 6px;
    padding-left: 6px
}

a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1e94ad;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

a.tn-links-lts:hover span {
    background: #333!important
}

a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

h1.subtitle-mv-glry span.clrs-lts-head {
    color: #ad2424;
    font-weight: 700
}

h1.subtitle-mv-glry a.tn-links-lts span {
    background: #ad2424!important;
    margin-right: 17px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
    position: relative;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

h1.subtitle-mv-glry a.tn-links-lts span .fa {
    font-size: 16px;
    margin-top: 6px;
    padding-left: 6px
}

h1.subtitle-mv-glry a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ad2424;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

h1.subtitle-mv-glry a.tn-links-lts:hover span {
    background: #333!important
}

h1.subtitle-mv-glry a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-latest-news .latest-posts {
    float: left;
    padding-bottom: 25px;
    width: 100%
}

.tn-latest-news .latest-posts .image-service-box {
    min-height: 190px;
    padding: 0 5px
}

.tn-movie-glry .col-sm-2.image-service-box h4 {
    padding: 0 1px
}

.tn-movie-glry h1 span.glry-clrs-head {
    color: #ad2424;
    font-weight: 700
}

.tn-reviews-warp {
    background: #222;
    padding-top: 20px;
    padding-bottom: 20px
}

.tn-reviews-glry h1 {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px;
    color: #fff
}

.tn-reviews-glry h1 span.glry-clrs-head {
    color: #1e94ad;
    font-weight: 700
}

.tn-reviews-glry h1:before {
    border-top: 1px solid #333;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 95%;
    z-index: 1
}

.tn-reviews-glry h1 span {
    background: #222;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 5
}

.tn-reviews-glry h1 span.reviews-clrs-head {
    color: #ec2c29;
    font-weight: 700
}

.tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts span {
    background: #ec2c29!important;
    margin-right: 30px;
    color: #333;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    position: relative;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

.tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts span .fa {
    font-size: 16px;
    margin-top: 6px;
    padding-left: 6px;
    color: #333
}

.tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ec2c29!important;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts:hover span {
    background: #333!important;
    color: #fff
}

.tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333!important;
    border-top: 15px solid transparent
}

.tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts:hover span .fa {
    color: #fff
}

.tn-reviews-glry .image-service-box h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 27px;
    padding: 0 1px
}

.tn-reviews-glry .image-service-box h4 a {
    color: #fff
}

.tn-reviews-glry .image-service-box h4 a:hover {
    color: #ec2c29
}

.tn-reviews-glry .image-service-box img {
    display: inline;
    margin-bottom: 12px
}

.tn-reviews-glry .image-service-box {
    text-align: center
}

.tn-trailers-warp {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.tn-trailers-warp h1 {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px
}

.tn-trailers-warp h1 span.glry-clrs-head {
    color: #1e94ad;
    font-weight: 700
}

.tn-trailers-warp h1:before {
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 95%;
    z-index: 1
}

.tn-trailers-warp h1 span {
    background: #fff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 5
}

.tn-trailers-warp h1 span.reviews-clrs-head {
    color: #337114;
    font-weight: 700
}

.tn-trailers-warp h1.subtitle-mv-glry a.tn-links-lts span {
    background: #337114!important;
    margin-right: 30px;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    position: relative;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

.tn-trailers-warp h1.subtitle-mv-glry a.tn-links-lts span .fa {
    font-size: 16px;
    margin-top: 6px;
    padding-left: 6px;
    color: #fff
}

.tn-trailers-warp h1.subtitle-mv-glry a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #337114!important;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-trailers-warp h1.subtitle-mv-glry a.tn-links-lts:hover span {
    background: #333!important;
    color: #fff
}

.tn-trailers-warp h1.subtitle-mv-glry a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333!important;
    border-top: 15px solid transparent
}

.tn-trailers-warp h1.subtitle-mv-glry a.tn-links-lts:hover span .fa {
    color: #fff
}

.tn-trl-thumb-wrp {
    padding: 0
}

.tn-trl-thumb-wrp .image-service-box {
    text-align: center;
    position: relative
}

.tn-trl-thumb-wrp .image-service-box img {
    margin-bottom: 14px;
    display: inline
}

.tn-trl-thumb-wrp .image-service-box h4 {
    color: #272727;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 16px;
    text-align: center
}

.tn-trl-thumb-wrp .image-service-box h4 a {
    color: #272727
}

.tn-trl-thumb-wrp .image-service-box h4 a:hover {
    color: #ec2c29
}

.overlay-head-1 {
    position: relative
}

.overlay-head-1:after {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 71px;
    background: url(../images/tamil-banner/tn-trl-overlay-bg1.png);
    background-repeat: repeat-x
}

.tn-trl-lft h4 {
    text-align: center
}

.tn-trl-lft h4 a {
    text-align: center;
    color: #272727
}

.tn-trl-lft h4 a:hover {
    color: #ec2c29
}

.overlay-head-2 {
    position: relative
}

.overlay-head-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 57px;
    background: url(../images/tamil-banner/tn-trl-overlay-bg1.png);
    background-repeat: repeat-x
}

.tn-trl-thumb-wrp .image-service-box .fa {
    color: #fff;
    font-size: 32px;
    left: 41%;
    padding: 6px;
    position: absolute;
    top: 23%;
    z-index: 1
}

.tn-trl-thumb-wrp .image-service-box a:hover .fa {
    color: #fff;
    background: #ef4d4d
}

.tn-trl-lft .fa {
    position: absolute;
    z-index: 1;
    left: 45%;
    top: 36%;
    font-size: 34px;
    color: #fff;
    padding: 6px
}

.tn-trl-lft a:hover .fa {
    color: #fff;
    background: #ef4d4d
}

.tn-event-warp {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.tn-event-warp h1 {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px
}

.tn-event-warp h1 span.glry-clrs-head {
    color: #eb7c05;
    font-weight: 700
}

.tn-event-warp h1:before {
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 95%;
    z-index: 1
}

.tn-event-warp h1 span {
    background: #fff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 5
}

.tn-event-warp h1 span.reviews-clrs-head {
    color: #337114;
    font-weight: 700
}

.tn-event-warp a.tn-links-lts span {
    background: #eb7c05!important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 17px;
    padding-left: 10px;
    position: relative;
    transition: color .2s ease-in-out 0
}

.tn-event-warp h1 a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eb7c05;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-event-warp h1 a.tn-links-lts:hover span {
    background: #333!important
}

.tn-event-warp h1 a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-event-warp .image-service-box h4 {
    color: #272727;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 27px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center
}

.tn-event-warp .image-service-box h4 a {
    color: #272727
}

.tn-event-warp .image-service-box h4 a:hover {
    color: #ec2c29
}

.tn-event-warp .image-service-box {
    padding-right: 0;
    text-align: center
}

.tn-event-warp .image-service-box img {
    display: inline
}

.tn-ch-event-warp {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.tn-ch-event-warp h1 {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px
}

.tn-ch-event-warp h1 span.glry-clrs-head {
    color: #5172b3;
    font-weight: 700
}

.tn-ch-event-warp h1:before {
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 95%;
    z-index: 1
}

.tn-ch-event-warp h1 span {
    background: #fff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 5
}

.tn-ch-event-warp h1 span.reviews-clrs-head {
    color: #337114;
    font-weight: 700
}

.tn-ch-event-warp a.tn-links-lts span {
    background: #5172b3!important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 17px;
    padding-left: 10px;
    position: relative;
    transition: color .2s ease-in-out 0
}

.tn-ch-event-warp h1 a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #5172b3;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-ch-event-warp h1 a.tn-links-lts:hover span {
    background: #333!important
}

.tn-ch-event-warp h1 a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-ch-event-warp .image-service-box h4 {
    color: #272727;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 27px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center
}

.tn-ch-event-warp .image-service-box h4 a {
    color: #272727
}

.tn-ch-event-warp .image-service-box h4 a:hover {
    color: #ec2c29
}

.tn-ch-event-warp .image-service-box {
    padding-right: 0;
    text-align: center
}

.tn-ch-event-warp .image-service-box img {
    display: inline
}

.tn-event-vd-warp {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.tn-event-vd-warp h1 {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px
}

.tn-event-vd-warp h1 span.glry-clrs-head {
    color: #548717;
    font-weight: 700
}

.tn-event-vd-warp h1:before {
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 95%;
    z-index: 1
}

.tn-event-vd-warp h1 span {
    background: #fff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 5
}

.tn-event-vd-warp h1 span.reviews-clrs-head {
    color: #337114;
    font-weight: 700
}

.tn-event-vd-warp a.tn-links-lts span {
    background: #548717!important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 17px;
    padding-left: 10px;
    position: relative;
    transition: color .2s ease-in-out 0
}

.tn-event-vd-warp h1 a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #548717;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-event-vd-warp h1 a.tn-links-lts:hover span {
    background: #333!important
}

.tn-event-vd-warp h1 a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-event-vd-warp .image-service-box h4 {
    color: #272727;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 27px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center
}

.tn-event-vd-warp .image-service-box h4 a {
    color: #272727
}

.tn-event-vd-warp .image-service-box h4 a:hover {
    color: #ec2c29
}

.tn-event-vd-warp .image-service-box {
    padding-right: 0;
    text-align: center
}

.tn-event-vd-warp .image-service-box img {
    display: inline;
    width: 100%
}

.tn-event-vd-warp .image-service-box a:hover .fa-play-circle-o {
    color: #fff;
    background: #ef4d4d
}

.tn-event-vd-warp .fa-play-circle-o {
    color: #fff;
    font-size: 34px;
    left: 37%;
    padding: 6px;
    position: absolute;
    top: 30%
}

.tn-event-vd-warp a:hover .fa-play-circle-o {
    color: #fff;
    background: #ef4d4d
}

.tn-ex-phshoot-warp {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.tn-ex-phshoot-warp h1 {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px
}

.tn-ex-phshoot-warp h1 span.glry-clrs-head {
    color: #1e94ad;
    font-weight: 700
}

.tn-ex-phshoot-warp h1:before {
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 38%;
    width: 95%;
    z-index: 1
}

.tn-ex-phshoot-warp h1 span {
    background: #fff;
    padding: 0 5px 0 0;
    position: relative;
    z-index: 5
}

.tn-ex-phshoot-warp h1 span.reviews-clrs-head {
    color: #c91e66;
    font-weight: 700
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts span {
    background: #c91e66!important;
    margin-right: 3px;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    position: relative;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts span .fa {
    font-size: 16px;
    margin-top: 6px;
    padding-left: 6px;
    color: #fff
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #c91e66!important;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts:hover span {
    background: #333!important;
    color: #fff
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts:hover span:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #333!important;
    border-top: 15px solid transparent
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts:hover span .fa {
    color: #fff
}

.tn-ex-phshoot-warp .image-service-box {
    text-align: center;
    position: relative
}

.tn-ex-phshoot-warp .image-service-box img {
    margin-bottom: 14px;
    display: inline
}

.tn-ex-phshoot-warp .image-service-box h4 {
    color: #272727;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 16px;
    text-align: center
}

.tn-ex-phshoot-warp .image-service-box h4 a {
    color: #272727
}

.tn-ex-phshoot-warp .image-service-box h4 a:hover {
    color: #ec2c29
}

.tn-ads-widget .widget-categories {
    margin-bottom: 20px
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts-actr span {
    background: #1e94ad!important;
    margin-right: 0;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    position: relative;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts-actr span .fa {
    font-size: 16px;
    margin-top: 6px;
    padding-left: 6px;
    color: #fff
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts-actr span:before {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #1e94ad!important;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -15px;
    top: 0;
    width: 0
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts-actr:hover span {
    background: #333!important;
    color: #fff
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts-actr:hover span:before {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #333!important;
    border-top: 15px solid transparent
}

.tn-ex-phshoot-warp h1.subtitle-mv-glry a.tn-links-lts-actr:hover span .fa {
    color: #fff
}

#freewall .brick p:last-child {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px!important
}

#freewall .brick h4 a {
    color: #222;
    font-size: 18px
}

#freewall .brick h4 a:hover {
    text-decoration: underline
}

#freewall .brick p a.red-hm {
    color: #ad2424;
    font-weight: 600
}

#freewall .brick p a.blue-hm {
    color: #1e94ad;
    font-weight: 600
}

#freewall .brick p a.green-hm {
    color: #337114;
    font-weight: 600
}

#freewall .brick p a.yellow-hm {
    color: #ec2c29;
    font-weight: 600
}

#freewall .brick p a.violet-hm {
    color: #7a39b1;
    font-weight: 600
}

#freewall .brick p a.orange-hm {
    color: #eb7c05;
    font-weight: 600
}

#freewall .brick p a.pink-hm {
    color: #c91e66;
    font-weight: 600
}

#freewall .brick p a.red-hm:hover,
#freewall .brick p a.blue-hm:hover,
#freewall .brick p a.green-hm:hover,
#freewall .brick p a.yellow-hm:hover,
#freewall .brick p a.violet-hm:hover,
#freewall .brick p a.pink-hm:hover,
#freewall .brick p a.orange-hm:hover {
    text-decoration: underline
}

#freewall .brick p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    font-family: open sans, sans-serif;
    margin-bottom: 5px
}

#freewall .brick h4 {
    margin-bottom: 5px;
    min-height: inherit
}

#freewall .brick:nth-child(3n) {
    border-right: 1px solid #fff;
    margin-left: 0
}

#freewall .brick h1 {
    font-size: 1em
}

#freewall .brick h1 a {
    color: #a92733
}

#freewall .brick:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#freewall .brick a.high-links {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

#pinBoot {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 0 0 10px
}

#pinBoot img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px
}

#pinBoot .white-panel {
    position: absolute;
    background: #fff;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #f4f4f4
}

#pinBoot .white-panel p:last-child {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px!important
}

#pinBoot h4 a {
    color: #222;
    font-size: 18px
}

#pinBoot h4 a:hover {
    text-decoration: underline
}

#pinBoot p a.red-hm {
    color: #ad2424;
    font-weight: 600
}

#pinBoot p a.blue-hm {
    color: #1e94ad;
    font-weight: 600
}

#pinBoot p a.green-hm {
    color: #337114;
    font-weight: 600
}

#pinBoot p a.yellow-hm {
    color: #ec2c29;
    font-weight: 600
}

#pinBoot p a.violet-hm {
    color: #7a39b1;
    font-weight: 600
}

#pinBoot p a.orange-hm {
    color: #eb7c05;
    font-weight: 600
}

#pinBoot p a.pink-hm {
    color: #c91e66;
    font-weight: 600
}

#pinBoot p a.red-hm:hover,
#pinBoot p a.blue-hm:hover,
#pinBoot p a.green-hm:hover,
#pinBoot p a.yellow-hm:hover,
#pinBoot p a.violet-hm:hover,
#pinBoot p a.pink-hm:hover,
#pinBoot p a.orange-hm:hover {
    text-decoration: underline
}

#pinBoot .white-panel p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    font-family: open sans, sans-serif;
    margin-bottom: 5px
}

#pinBoot .white-panel h4 {
    margin-bottom: 5px;
    min-height: inherit
}

#pinBoot .white-panel:nth-child(3n) {
    border-right: 1px solid #fff;
    margin-left: 0
}

#pinBoot .white-panel h1 {
    font-size: 1em
}

#pinBoot .white-panel h1 a {
    color: #a92733
}

#pinBoot .white-panel:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#pinBoot .white-panel a.high-links {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

h1.lts-nws .nws-lks {
    background: #fff;
    padding: 0 8px
}

h1.lts-nws a .nws-lks {
    font-size: 11px;
    float: right
}

h1.lts-nws .nws-lks .fa {
    float: right;
    font-size: 11px;
    padding: 10px 0 8px 4px!important
}

.tn-detail-img-warp {
    text-align: left
}

.tn-detail-img-warp h6 {
    text-align: left;
    font-size: 13px; 
}

.tn-detail-img-warp h6 span {
    color: #e29c04;
    text-align: left;
    font-size: 11px;
    font-weight: 400
}

.tn-detail-img-warp p {
    color: #222;
    font-size: 15px;
    line-height: 28px;
    margin: 0 0 10px;
    padding: 0;
    text-align: justify
}

.tn-detail-model-warp .fa-stack-1x,
.tn-detail-model-warp .fa-stack-2x {
    color: #ec2c29
}

.tn-detail-model-warp .fa-stack-1x:hover,
.tn-detail-model-warp .fa-stack-2x:hover {
    color: #222
}

.tn-detail-model-warp .btn-primary {
    background: #ec2c29;
    border: 0!important
}

.tn-detail-model-warp .btn-primary:hover {
    background: #222
}

.tn-latest-news h2 {   
    padding-bottom: 6px;
    margin-bottom: 0px !important;
    font-weight: normal;
    font-size: 21px;
    color: #ec2c29;
    margin-top: 23px;
    display: inline-block;
    width: 100%;
    margin-top: 0px !important; 
}
.rgt-hrf-lks a {color:#000;font-size:19px;} 
.new-relas {
    position: absolute;
    left: 1px;
    top: -6px;
    z-index: 9
}

.gala-pagin {
    margin: 5px 0 20px;
    padding: 0!important
}
 
.gala-pagin a {
    border: 0!important;
    display: inline-block;
    float: inherit;
    font-size: 12px;
    font-weight: 400;
    padding:10px 9px 10px 9px !important; 
    text-transform: uppercase;
    background: 0 0;
    color: #272727!important
}
.gala-pagin li a {border-radius: 0px !important; }  
.gala-pagin li.active  a {background: #ec2c29 !important;color:#fff !important;  border-radius: 0px;  }    
.gala-pagin>li>a:focus,
.gala-pagin>li>a:hover,
.gala-pagin>li>span:focus,
.gala-pagin>li>span:hover {   
    background:#ec2c29 !important;
    color: #ffffff !important  
}

h2.movs-title {
    color: #ec2c29
}

h2.videos-title {
    font-weight: 400;
    color: #272727
}

h2.videos-title span.grn-tile {
    color: #337114;
    font-weight: 700
}
.tn-vids-warp-pad {margin-top:20px;}
.tn-vids-warp-pad .overlay-head-1::after {
    min-height: 63px
}

.tn-vids-warp-pad .fa-play-circle-o {
    left: 41%
}

.tn-vids-warp-pad .image-service-box h4 {
    margin-bottom: 10px;
    font-weight: 400
}

.tn-vids-warp-pad .latest-posts .image-service-box {
    min-height: 158px
}

.tn-vids-warp-pad h2.videos-title a {
    font-size: 12px;
    color: #272727
}

.tn-vids-warp-pad h2.videos-title a:hover {
    color: #337114
}

.tn-phots-warp-pad h2 span.rds-clrs-head {
    color: #ad2424;
    font-weight: 700
}

.tn-phots-warp-pad h2 span.pks-clrs-head {
    color: #c91e66;
    font-weight: 700
}

.tn-phots-warp-pad h2 span.orgh-clrs-head {
    color: #eb7c05;
    font-weight: 700
}

.tn-phots-warp-pad h2 span.vilts-clrs-head {
    color: #5172b3;
    font-weight: 700
}

.tn-phots-warp-pad h2.videos-title a {
    font-size: 12px;
    color: #272727
}

.tn-phots-warp-pad h2.videos-title a:hover {
    color: #ad2424
}

.rgt-hrf-lks .fa-ellipsis-v {
    line-height: 11px;
    font-weight: 400
}

.tn-phots-warp-pad .tn-event-warp {
    padding-top: 0
}

.tn-phots-warp-pad .tn-event-warp .image-service-box h4 {
    margin-bottom: 0
}

.tn-phots-warp-pad .tn-event-warp .image-service-box,
.tn-phots-warp-pad .tn-latest-news .image-service-box {
    min-height: 150px
}

.am-wrapper {
    float: left;
    position: relative;
    overflow: hidden
}

.am-wrapper img {
    outline: none
}

.hide {
    background: transparent url(../images1/hide.png) no-repeat center center
}

.show {
    background: transparent url(../images1/show.png) no-repeat center center
}

.loadmore {
    display: none;
    width: 700px;
    line-height: 30px;
    text-transform: uppercase;
    background: #333;
    float: right;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    text-shadow: 1px 1px 1px #000
}

.loadmore:hover {
    background: #000
}

.hero-grid {
    padding: 10px 1%;
    margin: 20px 0;
    background: #fff;
    border-radius: 10px
}

.hero-grid__grid-sizer {
    position: absolute
}

.hero-grid__item,
.hero-grid__grid-sizer {
    margin: 0 .3% .1%!important
}

.hero-grid__gutter-sizer {
    width: 2%
}

.hero-grid__item {}

.hero__title {
    margin: 0;
    line-height: 1.2;
    font-size: 3rem;
    color: #d26
}

.hero__tagline {
    font-size: 1.4rem;
    margin: 0 0 10px
}

.hero-grid__item--texty {
    padding: 10px
}

.hero-grid__big-button {
    position: relative;
    display: block;
    padding: 10px;
    background: #d26;
    color: #fff;
    border-radius: 8px;
    font-size: 1.1rem;
    line-height: 1.2
}

.hero-grid__big-button:hover {
    background: #a2c;
    color: #fff
}

.hero__what-is-title {
    margin: 0 0 10px
}

.hero__what-is-description {
    margin: 0
}

.hero__example-link {
    display: block;
    background: 0 0;
    border-radius: 0;
    color: #fff
}

.hero__example-link:hover {
    background: 0 0;
    color: #fff
}

.hero__example-link__img {
    display: block;
    width: 100%;
    margin: 0 0 4px!important
}

.hero__example-link__title {
    margin: 0;
    padding: 0;
    font-size: .9rem;
    display: none
}

ul.mus-list {
    margin: 10px 0 0
}

ul.mus-list li {
    list-style: none;
    margin-bottom: 2px;
    padding: 2px 0;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
    font-size: 12px
}

ul.mus-list li:last-child {
    border-bottom: 0
}

ul.mus-list li span {
    float: left;
    width: 28%
}

.rating-str-mus .fa {
    color: #ffd222
}



ul.like-wrps-mp {
    margin: 0 0 20px;
    padding: 0
}

ul.like-wrps-mp li {
    display: inline-block;
    margin-right: 10px
}

ul.like-wrps-mp li:last-child {
    margin-right: 0
}

.demo {
    width: 100%
}

.demo ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0
}

.demo li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}

.demo img {
    display: block;
    height: auto;
    max-width: 100%
}

p .stng-para {
    font-size: 14px;
    line-height: 19px;
    color: #000
}

h2.stng-tls-lt {
    font-size: 17px;
    line-height: 19px;
    color: #000;
    border: 0
}

ul.down-app-stry {
    margin: 0;
    padding: 0 20px 0 0
}

ul.down-app-stry li {
    display: inline-block;
    margin: 0 5px;
    text-transform: uppercase;
    color: #272727;
    font-weight: 400;
    font-family: oswaldheavy;
    line-height: 35px
}

ul.down-app-stry li span {
    color: #c00000
}

ul.down-app-stry li a {
    font-size: 19px;
    color: #272727
}

ul.down-app-stry li a:hover {
    color: #c00000
}

.container-adj-lft-gt {
    padding-left: 0;
    padding-right: 5px
}

.ban-frst {
    margin-bottom: 5px
}

.hm-txt-mx-1 {
    background: #e00000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 85%;
    min-height: 40px;
    color: #fff;
    padding: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

a:hover .hm-txt-mx-1 {
    color: #ff0
}

.hm-txt-mx-2 {
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 85%;
    min-height: 40px;
    color: #fff; 
    padding: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

a:hover .hm-txt-mx-2 {
    color: #ec2c29
}

.hm-txt-mx-3 {
    background: #090;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 85%;
    min-height: 40px;
    color: #fff;
    padding: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

a:hover .hm-txt-mx-3 {
    color: #ec2c29
}

.hm-txt-mx-4 {
    background: #b42b66;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 85%;
    min-height: 40px;
    color: #fff;
    padding: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

a:hover .hm-txt-mx-4 {
    color: #ec2c29
}

.hm-title-warps {
    background: url(../images/bg-title-nm-warp.jpg);
    background-repeat: repeat-x;
    min-height: 38px;
    float: left;
    width: 100%
}

.hm-title-warps h5 {
    background: #a31414 url(../images/h-tag-grts.jpg) right;
    background-repeat: no-repeat;
    line-height: 38px;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase
}

.hm-title-warps-2 {
    background: #dedede;
    min-height: 38px;
    float: left;
    width: 100%
}

.hm-title-warps-2 h5 {
    background: #ec2c29 url(../images/h-tag-grts-2.jpg) right;
    background-repeat: no-repeat;
    line-height: 38px;
    color: #000;
    font-size: 19px;
    text-transform: uppercase
}

.loadmore_home {
    font-size: 12px;
    padding: 9px 2px;
    width: 100%;
    background: #fbfbfb;
    color: #272727;
    border: 1px solid #eee;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.loadmore_home:hover {
    background: #ec2c29;
    color: #a85800
}

.nav>li.drop {
    position: static
}

.dropdown li a,
.sup-dropdown li a {
    padding: 0
}

.nav>li.drop a:hover h3 {
    color: #ec2c29!important
}

.nav>li.drop a h6 {
    color: #ccc!important
}

.open>.dropdown-menu,
.dropdown-menu {
    width: 100%
}

.open>.dropdown-menu li,
.dropdown-menu li {
    padding: 5px
}

.inner-menu-warp.navbar-default .navbar-nav>li>a {
    font-size: 15px !important;
    padding: 10px 9px 6px !important;  
    font-weight: 700;    
}
.navbar-default .navbar-nav>li:first-child a {padding-left:0px !important;}  
.inner-menu-warp.navbar-default .navbar-nav>li.tamil-menu-lst-lg a {
    font-size: 13px!important;
    color: #ef4d4d!important
}

.inner-menu-warp.navbar-default .navbar-nav>li.tamil-menu-lst-lg .dropdown h3 {
    font-size: 13px!important;
    line-height: 19px!important;
    margin-top: 5px!important
}

.inner-menu-warp.navbar-default .navbar-nav .dropdown {
    width: 100%
}

.inner-menu-warp .dropdown li a,
.sup-dropdown li a {
    padding: 4px 2px 4px 30px
}

.inner-menu-warp .nav>li.drop {
    position: static
}

.inner-menu-warp .dropdown li a:hover,
.sup-dropdown li a:hover {
    color: #ec2c29!important
}
.pagination>li {display:inline-block; }
.pagination>li>a,
.pagination>li>span {
    color: #272727;
    font-weight: 700;
	margin-left:1px; 
}
.gal-txt-lst {  height: 50px;} 
.gal-txt-lst a {color: #000;font-size: 14px;}
.gal-txt-lst a:hover { color: #ec2c29;} 
.gal-txt-lst a span {display: inline-block;float: left;width: calc(100% - 32px);}  
.gal-txt-lst a i {     color: #ec2c29;padding-right: 5px;float: left; padding-top: 3px;} 
.pagination>li>a:hover {
    background: #ec2c29;
    border: 1px solid #d99f09
}

.pagination>li>a.current {
    background: #ec2c29;
    border: 1px solid #d99f09
}

.page-content .pagination {
    display: table;
    margin: 0 auto 20px; 
    width: auto
}

h1.lodmore::after {
    border: 4px solid #f4f4f4;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 12px;
    width: 100%;
    z-index: 9
}

h1.lodmore {
    font-size: 20px;
    margin-top: 53px;
    padding: 0;
    position: relative
}

h1.lodmore span {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    padding: 10px;
    position: relative;
    z-index: 999;
    border: 1px solid #f4f4f4;
    border-radius: 5px
}

h1.lodmore span:hover {
    color: #ec2c29;
    border: 0;
    background: #272727
}

.nxt-prv-wrp {
    width: 100%!important;
    padding: 0
}

.nxt-prv-wrp ul li {
    padding: 10px;
    border: 1px solid #2727272;
    background: #2727272;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
    font-weight: 700
}

.nxt-prv-wrp ul li:last-child {
    float: right!important
}

.nxt-prv-wrp ul li.active {
    border: 1px solid #ec2c29;
    background: #ec2c29;
    color: #272727
}

.nxt-prv-wrp ul li.active:hover {
    border: 1px solid #2727272;
    background: #2727272;
    color: #fff
}



.hero-grid .hero__example-link img {
    padding: 3px
}

#loadmore_div {
    margin-top: 0
}

h4 {
    min-height: 34px
}

li.tamil-menu-lst-lg {
    float: right!important
}

li.tamil-menu-lst-lg a {
    font-size: 10px!important
}

.static-pg-wrp p {
    font-size: 13px;
    line-height: 19px
}

.team {
    padding: 75px 0
}

h4.description {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 5px
}

.profile {
    margin-top: 25px
}

.profile h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: inherit!important;
    margin: 10px 0 0!important;
    padding-bottom: 0!important
}

.profile h2 {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 5px
}

.profile .img-box {
    opacity: 1;
    display: block;
    position: relative
}

.profile .img-box:after {
    content: "";
    opacity: 0;
    background-color: rgba(0, 0, 0, .75);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.img-box ul {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    text-align: center;
    width: 100%;
    padding-left: 0;
    height: 0;
    margin: 0;
    opacity: 0
}

.profile .img-box:after,
.img-box ul,
.img-box ul li {
    -webkit-transition: all .5s ease-in-out 0;
    -moz-transition: all .5s ease-in-out 0;
    transition: all .5s ease-in-out 0
}

.img-box ul i {
    font-size: 20px;
    letter-spacing: 10px
}

.img-box ul li {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #ec2c29;
    margin: 2px;
    padding: 5px;
    display: inline-block
}

.img-box a {
    color: #fff
}

.img-box:hover:after {
    opacity: 1
}

.img-box:hover ul {
    opacity: 1
}

.img-box ul a {
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.img-box a:hover li {
    border-color: #fff;
    color: #ec2c29
}

.profile h1:before {
    content: "";
    border-top: 0!important
}

i.red {
    color: #bc0213
}

.static-pg-wrp p {
    font-size: 13px;
    line-height: 19px
}

.static-pg-wrp p a {
    color: #ec2c29
}

.static-pg-wrp p a:hover {
    color: #272727
}

.static-pg-wrp p span {
    color: #ec2c29
}

.team {
    padding: 75px 0
}

h4.description {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 5px
}

.profile {
    margin-top: 25px
}

.profile h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: inherit!important;
    margin: 10px 0 0!important;
    padding-bottom: 0!important
}

.profile h2 {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 5px
}

.profile .img-box {
    opacity: 1;
    display: block;
    position: relative
}

.profile .img-box:after {
    content: "";
    opacity: 0;
    background-color: rgba(0, 0, 0, .75);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.img-box ul {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    text-align: center;
    width: 100%;
    padding-left: 0;
    height: 0;
    margin: 0;
    opacity: 0
}

.profile .img-box:after,
.img-box ul,
.img-box ul li {
    -webkit-transition: all .5s ease-in-out 0;
    -moz-transition: all .5s ease-in-out 0;
    transition: all .5s ease-in-out 0
}

.img-box ul i {
    font-size: 20px;
    letter-spacing: 10px
}

.img-box ul li {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #ec2c29;
    margin: 2px;
    padding: 5px;
    display: inline-block
}

.img-box a {
    color: #fff
}

.img-box:hover:after {
    opacity: 1
}

.img-box:hover ul {
    opacity: 1
}

.img-box ul a {
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.img-box a:hover li {
    border-color: #fff;
    color: #ec2c29
}

.profile h1:before {
    content: "";
    border-top: 0!important
}

i.red {
    color: #bc0213
}

.static-pg-wrp .nav-tabs {
    border-bottom: 2px solid #ddd;
    background: #f7f7f7;
    margin: 0;
    padding: 0
}

.static-pg-wrp .nav-tabs>li.active>a,
.static-pg-wrp .nav-tabs>li.active>a:focus,
.static-pg-wrp .nav-tabs>li.active>a:hover {
    border-radius: 0!important;
    border: 0!important;
    box-shadow: none!important
}

.static-pg-wrp .nav-tabs>li {
    float: left;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0!important;
    border: 0;
    box-shadow: none
}

.static-pg-wrp .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-radius: 0!important;
    border-bottom: 2px solid #ccc;
    box-shadow: none
}

.static-pg-wrp .nav-tabs>li>a {
    border: none;
    color: #666;
    border-bottom: 2px solid #ccc;
    border-radius: 0!important;
    box-shadow: none
}

.static-pg-wrp .nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
    border-bottom: 2px solid #ccc;
    color: #1e94ad!important;
    background: 0 0;
    border-radius: 0!important;
    box-shadow: none
}

.static-pg-wrp .nav-tabs>li>a::after {
    content: "";
    background: #1e94ad;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: all 250ms ease 0;
    transform: scale(0);
    border-radius: 0!important
}

.static-pg-wrp .nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    transform: scale(1);
    border-radius: 0!important
}

.static-pg-wrp .tab-nav>li>a::after {
    background: #21527d none repeat scroll 0 0;
    color: #fff;
    border-radius: 0!important
}

.static-pg-wrp .tab-pane {
    padding: 0
}

.static-pg-wrp .tab-content {
    padding: 20px;
    border: 0;
    border-left: 1px solid #f4f4f4
}

.static-pg-wrp .card {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    margin-bottom: 30px;
    border: 1px solid #f4f4f4;
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

.lst-tbl-stc {
    padding-left: 0;
    margin-top: 20px
}

.lst-tbl-stc li {
    border-bottom: 1px solid #f4f4f4;
    font-size: 12px
}

.sub-sttic {
    background: #fc0;
    border: 0
}

.res-sttic {
    background: #960;
    border: 0
}

.static-pg-wrp .form-horizontal label span {
    color: red
}

.stButton .stFb,
.stButton .stTwbutton,
.stButton .stMainServices {
    height: 60px!important
}

#___ytsubscribe_0 {
    margin-top: 20px!important
}

.share-light {
    padding: 0
}

.share-light li {
    display: inline-block
}

.share-light li:last-child {
    margin-top: -18px;
    float: right
}

.isa_info,
.isa_success,
.isa_warning,
.isa_error {
    margin: 10px 0;
    padding: 12px
}

.isa_info {
    color: #00529b;
    background-color: #bde5f8
}

.isa_success {
    color: #4f8a10;
    background-color: #dff2bf
}

.isa_warning {
    color: #9f6000;
    background-color: #feefb3
}

.isa_error {
    color: #d8000c;
    background-color: #ffbaba
}

.isa_info i,
.isa_success i,
.isa_warning i,
.isa_error i {
    margin: 10px 22px;
    font-size: 2em;
    vertical-align: middle
}

.tn-sht-flm .latest-posts .image-service-box {
    min-height: 151px
}

.sfholder,
.sftrailholder {
    display: table;
    margin: 0 auto 30px;
    width: auto
}

.sfholder a,
.sftrailholder a {
    background-color: #fff; 
    border: 1px solid #ddd;
    color: #272727;
    font-weight: 700;
    margin: 2px;
    padding: 3px 7px
}

.sfholder a.jp-current,
.sftrailholder a.jp-current {
    background: #ec2c29 none repeat scroll 0 0;
    border: 1px solid #d99f09;
    color: #272727
}
.image-service-box {cursor:pointer;

	}  
.image-service-box .plst-img {}
.image-service-box .plst-img  {   
    border: 1px solid #ccc;
	border-bottom:none; 
    background: #fff;
	}
.image-service-box .plst-cntr  {} 
.image-service-box .play-lst-icn {} 
.image-service-box .play-lst-cnr {position: relative;}   
.image-service-box .fa-music { 
	    position: absolute;
    font-size: 16px;
    background: #fff;
    z-index: 1;
    padding: 0px 2px;
    top: -4px;
    left: -3px; 
	}
	.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;  
} 
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 
} 
.image-service-box, 
.image-service-box  div { 
		-webkit-transition: all .7s ease; 
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease; 
    transition: all .7s ease   
}
.image-service-box .fa-align-justify { 
    position: absolute;
    font-size: 25px;
}  

.image-service-box .plst-txt { }  
.image-service-box .titl-txt {   
    color: #000;
    padding: 10px 0px 4px;
    font-size: 15px;
    font-weight: bold;	
} 
.image-service-box .mus-dir {
	color: #000;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
	margin-top: 9px; 
	text-align:left;
}  
.image-service-box .mus-dir span {} 
.image-service-box:hover    {     

}

.image-service-box .img-responsive  {margin:0px}            
.image-service-box.grid .plst-cntr{ 
	border: 1px solid #ccc;
    border-top: 0px;
    padding: 6px; 
}
 .image-service-box.grid .hvr-glow.cntr-set { margin-bottom:25px; }  
.image-service-box.grid .plst-cntr .play-lst-icn  {display:none; }    
.image-service-box.list .plst-img .play-lst-icn {display:none; }   
.image-service-box.grid .plst-img {position:relative; }  
.image-service-box.list .img-responsive  {padding:8px;}  
.image-service-box.list .img-responsive {
	    border: 0px !important;
    padding: 0px !important; 
}
.image-service-box.grid .plst-img .play-lst-icn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #cccccc10;opacity:0; 
} 
.image-service-box.grid .plst-txt {display:none;}  
.image-service-box.grid .play-lst-cnr { 
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 58px;
    color:#fff;  
}
.image-service-box.list:first-child  {border-top:1px solid #ccc; }  
.image-service-box.list {border-bottom:1px solid #ccc;padding:0px }  
.image-service-box.list  .hvr-glow.cntr-set {} 
.image-service-box.list:hover {   
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 5px 5px -5px rgba(0, 0, 0, 0.6);
	box-shadow:0 5px 5px -5px rgba(0, 0, 0, 0.6);  
	 
	 position: relative;
    z-index: 1;   	
	
}
.image-service-box.list .play-lst-icn {margin-top:20px;text-align:left;}  
.image-service-box.list .play-lst-cnr { 
    display: inline-block;
    color: #fff;
    background: #ec2c29;
    padding: 7px;
    text-transform: uppercase;
    font-size: 15px;
	display:none;
	display:inline-block;
	opacity:0;
	margin-bottom:15px;
}
.image-service-box.list:hover .play-lst-cnr { opacity:1; }   
.image-service-box.list:hover .hvr-glow.cntr-set  {
		-webkit-box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.6);
	    box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.6);  
	
	
} 
.image-service-box.list .plst-img {padding:0px;border:none;padding:5px;}   
.image-service-box.list .img-responsive {border:1px solid #ccc;padding:3px;}     
.image-service-box.list .hvr-glow.cntr-set { width:100%;}   
.image-service-box.list .titl-txt {margin-top:25px;text-align:left;}  
.image-service-box.grid  .hvr-glow.cntr-set:hover .plst-img .play-lst-icn {opacity:1;}    
.image-service-box  .hvr-glow.cntr-set:hover .titl-txt ,.image-service-box  .hvr-glow.cntr-set:hover .mus-dir { color:#ec2c29; } 
.list-rcnt-upload { margin-bottom:20px;display:inline-block;} 
.list-rcnt-upload .image-service-box.list .hvr-glow.cntr-set {
    display: flex;
    align-items: center;
} 
.right-align {text-align:right !important;}  
.list-rcnt-upload .image-service-box.list .titl-txt { 
    margin-top: 0px;
    text-align: left;
    padding: 0px;
} 
.list-rcnt-upload .image-service-box img {margin-bottom:0px;} 
.list-rcnt-upload .image-service-box {padding:0px;}
.list-rcnt-upload .image-service-box.list .plst-img {padding: 15px 5px;} 
.no-img-bdr.list-rcnt-upload .image-service-box.list .plst-img {padding:0px !important;} 
.list-rcnt-upload .image-service-box.list .plst-img 
.hero-talkies {
    padding-top: 10px;
    padding-bottom: 10px
}

.hero-talkies a {
    color: #ec2c29
}

.hero-talkies a:hover {
    color: #f44336
}

.hero-talkies h5 {
    padding-top: 10px
}

.fixed_left {
    position: fixed
}

.fixed_right {
    position: fixed
}

.clearfix {
    margin-bottom: 5px
}

.active-music {
    color: red
} 

/* music player */ 
.add-bottom {
	bottom: 0;
	left: 0;
	margin-bottom: 0px !important;
	position: fixed;
	width: 100%;
	z-index: 99999;
	background-repeat:repeat-x;
	border-top: 3px solid #ec2c29;
    background:#fff; 	
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
/* Audio Player Styles
================================================== */
#audio0 {
	background:#EAEAEA;
	margin: 10px 0px 0px;
	border: 1px solid #d0d0d0;
}
/* Default / Desktop / Firefox */
audio {
	margin:0 15px 5px 14px;
	width:94%;
}
#mainwrap { /* add box-shadow or other styles here */
}
#audiowrap {
	margin:0 auto;
}
#plwrap {
	margin:0 auto;
}
#tracks {
	min-height:5px;
	position:relative;
	text-align:center;
	text-decoration:none;
	top:13px;
}
#nowPlay {
	display:inline;
}
#npTitle {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px 5px 14px;
	text-align: left;
}
#npAction {
	padding:10px; /*position:absolute;*/
}
#plList {
	margin:0;
}
#plList li {
	background-color:#231F20;
	cursor:pointer;
	margin:0;
	padding:21px 0;
}
#plList li:hover {
	background-color:#262223;
}
.plItem {
	position:relative;
}
.plTitle {
	left:50px;
	overflow:hidden;
	position:absolute;
	right:65px;
	text-overflow:ellipsis;
	top:0;
	white-space:nowrap;
}
.plNum {
	padding-left:21px;
	width:25px;
}
.plLength {
	padding-left:21px;
	position:absolute;
	right:21px;
	top:0;
}
.plSel, .plSel:hover {
	background-color:#262223!important;
	cursor:default!important;
}
a[id^="btn"] {
 color:#C8C7C8;
cursor:pointer;
font-size:15px;
margin:0;
padding:10px;
text-decoration:none;
}
a[id^="btn"]:hover {
color:#333;
}
a[id^="btn"]:last-child {
margin-left:-4px;
}
a[id^="btn"]:hover, a[id^="btn"]:active {
}
a[id^="btn"]::-moz-focus-inner {
border:0;
padding:0;
}

/* IE 9 */
html[data-useragent*="MSIE 9.0"] audio {
margin-left:9px;
outline:none;
width:680px;
}
html[data-useragent*="MSIE 9.0"] #audiowrap {
background-color:#000;
}
html[data-useragent*="MSIE 9.0"] #tracks {
min-height:57px;
top:5px;
}
html[data-useragent*="MSIE 9.0"] a[id^="btn"] {
background-color:#000;
}
html[data-useragent*="MSIE 9.0"] a[id^="btn"]:hover {
background-color:#080808;
}
html[data-useragent*="MSIE 9.0"] #plList li {
background-color:#000;
}
html[data-useragent*="MSIE 9.0"] #plList li:hover {
background-color:#080808;
}
html[data-useragent*="MSIE 9.0"] .plSel, html[data-useragent*="MSIE 9.0"] .plSel:hover {
background-color:#080808!important;
}

/* IE 10 */
html[data-useragent*="MSIE 10.0"] audio {
margin-left:6px;
width:687px;
}
html[data-useragent*="MSIE 10.0"] #audiowrap {
background-color:#000;
}
html[data-useragent*="MSIE 10.0"] #tracks {
min-height:60px;
top:8px;
}
html[data-useragent*="MSIE 10.0"] a[id^="btn"] {
background-color:#000;
}
html[data-useragent*="MSIE 10.0"] a[id^="btn"]:hover {
background-color:#080808;
}
html[data-useragent*="MSIE 10.0"] #plList li {
background-color:#000;
}
html[data-useragent*="MSIE 10.0"] #plList li:hover {
background-color:#080808;
}
html[data-useragent*="MSIE 10.0"] .plSel, html[data-useragent*="MSIE 10.0"] .plSel:hover {
background-color:#080808!important;
}

/* IE 11 */
html[data-useragent*="rv:11.0"] audio {
margin-left:2px;
width:695px;
}
html[data-useragent*="rv:11.0"] #audiowrap {
background-color:#000;
}
html[data-useragent*="rv:11.0"] #tracks {
min-height:60px;
top:8px;
}
html[data-useragent*="rv:11.0"] a[id^="btn"] {
background-color:#000;
}
html[data-useragent*="rv:11.0"] a[id^="btn"]:hover {
background-color:#080808;
}
html[data-useragent*="rv:11.0"] #plList li {
background-color:#000;
}
html[data-useragent*="rv:11.0"] #plList li:hover {
background-color:#080808;
}
html[data-useragent*="rv:11.0"] .plSel, html[data-useragent*="rv:11.0"] .plSel:hover {
background-color:#080808!important;
}

/* All Apple Products */
html[data-useragent*="Apple"] audio {
margin:0;
width:100%;
}
html[data-useragent*="Apple"] #audiowrap {
/*background-color:#000;*/
}
html[data-useragent*="Apple"] #tracks {
min-height:64px;
top:12px;
}
html[data-useragent*="Apple"] a[id^="btn"] {
/*background-color:#000;*/
}
html[data-useragent*="Apple"] a[id^="btn"]:hover {
background-color:#080808;
}
html[data-useragent*="Apple"] #plList li {
background-color:#000;
}
html[data-useragent*="Apple"] #plList li:hover {
background-color:#080808;
}
html[data-useragent*="Apple"] .plSel, html[data-useragent*="Apple"] .plSel:hover {
background-color:#080808!important;
}

/* IOS 7 */
html[data-useragent*="OS 7"] body {
color:#373837;
}
html[data-useragent*="OS 7"] audio {
margin-left:3px;
width:690px;
}
html[data-useragent*="OS 7"] #audiowrap {
background-color:#e6e6e6;
}
html[data-useragent*="OS 7"] #tracks {
min-height:75px;
top:23px;
}
html[data-useragent*="OS 7"] a[id^="btn"] {
background-color:#e6e6e6;
color:#373837;
}
html[data-useragent*="OS 7"] a[id^="btn"]:hover {
background-color:#eee;
}
html[data-useragent*="OS 7"] #plList li {
background-color:#e6e6e6;
}
html[data-useragent*="OS 7"] #plList li:hover {
background-color:#eee;
}
html[data-useragent*="OS 7"] .plSel, html[data-useragent*="OS 7"] .plSel:hover {
background-color:#eee!important;
}

/* IOS 8 */
html[data-useragent*="OS 8"] body {
color:#373837;
}
html[data-useragent*="OS 8"] audio {
margin-left:6px;
width:694px;
}
html[data-useragent*="OS 8"] #audiowrap {
background-color:#e4e4e4;
}
html[data-useragent*="OS 8"] #tracks {
min-height:75px;
top:23px;
}
html[data-useragent*="OS 8"] a[id^="btn"] {
background-color:#e4e4e4;
color:#373837;
}
html[data-useragent*="OS 8"] a[id^="btn"]:hover {
background-color:#eee;
}
html[data-useragent*="OS 8"] #plList li {
background-color:#e4e4e4;
}
html[data-useragent*="OS 8"] #plList li:hover {
background-color:#eee;
}
html[data-useragent*="OS 8"] .plSel, html[data-useragent*="OS 8"] .plSel:hover {
background-color:#eee!important;
}

/* IOS 9 */
html[data-useragent*="OS 9"] body {
color:#373837;
}
html[data-useragent*="OS 9"] audio {
margin-left:6px;
width:694px;
}
html[data-useragent*="OS 9"] #audiowrap {
background-color:#d5d5d5;
}
html[data-useragent*="OS 9"] #tracks {
min-height:75px;
top:23px;
}
html[data-useragent*="OS 9"] a[id^="btn"] {
background-color:#d5d5d5;
color:#373837;
}
html[data-useragent*="OS 9"] a[id^="btn"]:hover {
background-color:#eee;
}
html[data-useragent*="OS 9"] #plList li {
background-color:#d5d5d5;
}
html[data-useragent*="OS 9"] #plList li:hover {
background-color:#eee;
}
html[data-useragent*="OS 9"] .plSel, html[data-useragent*="OS 9"] .plSel:hover {
background-color:#eee!important;
}

/* Chrome */
html[data-useragent*="Chrome"] audio {
margin-left:6px;
width:97%;
}
html[data-useragent*="Chrome"] #audiowrap {
/*background-color:#141414;*/
}
html[data-useragent*="Chrome"] #tracks {
min-height:64px;
top:12px;
}
html[data-useragent*="Chrome"] a[id^="btn"] {
/*background-color:#141414;*/
}
html[data-useragent*="Chrome"] a[id^="btn"]:hover {
background-color:#171717;
}
html[data-useragent*="Chrome"] #plList li {
background-color:#141414;
}
html[data-useragent*="Chrome"] #plList li:hover {
background-color:#171717;
}
html[data-useragent*="Chrome"] .plSel, html[data-useragent*="Chrome"] .plSel:hover {
background-color:#171717!important;
}

/* Chrome / Android / Tablet */
html[data-useragent*="Chrome"][data-useragent*="Android"] body {
color:#373837;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] audio {
margin-left:4px;
width:689px;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] #audiowrap {
background-color:#fafafa;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] #tracks {
min-height:75px;
top:23px;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"] {
background-color:#fafafa;
color:#373837;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"]:hover {
background-color:#eee;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li {
background-color:#fafafa;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li:hover {
background-color:#eee;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel, html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel:hover {
background-color:#eee!important;
}


/* Audio Player Media Queries
================================================== */

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
audio {
width:526px;
}
html[data-useragent*="MSIE 9.0"] audio {
width:536px;
}
html[data-useragent*="MSIE 10.0"] audio {
width:543px;
}
html[data-useragent*="rv:11.0"] audio {
width:551px;
}
html[data-useragent*="OS 7"] audio {
width:546px;
}
html[data-useragent*="OS 8"] audio {
width:550px;
}
html[data-useragent*="OS 9"] audio {
width:550px;
}
html[data-useragent*="Chrome"] audio {
width:543px;
}
html[data-useragent*="Chrome"][data-useragent*="Android"] audio {
margin-left:4px;
width:545px;
}
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
audio {
width:390px;
}
html[data-useragent*="MSIE 9.0"] audio {
width:400px;
}
html[data-useragent*="MSIE 10.0"] audio {
width:407px;
}
html[data-useragent*="rv:11.0"] audio {
width:415px;
}
html[data-useragent*="OS 7"] audio {
width:410px;
}
html[data-useragent*="OS 8"] audio {
width:414px;
}
html[data-useragent*="OS 9"] audio {
width:414px;
}
html[data-useragent*="Chrome"] audio {
width:407px;
}
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio {
margin-left:4px;
width:410px;
}
#npTitle {
width:245px;
}
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
audio {
width:270px;
}
html[data-useragent*="MSIE 9.0"] audio {
width:280px;
}
html[data-useragent*="MSIE 10.0"] audio {
width:287px;
}
html[data-useragent*="rv:11.0"] audio {
width:295px;
}
html[data-useragent*="OS 7"] audio {
width:290px;
}
html[data-useragent*="OS 8"] audio {
width:294px;
}
html[data-useragent*="OS 9"] audio {
width:294px;
}
html[data-useragent*="Chrome"] audio {
width:287px;
}
 html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio {
margin-left:4px;
width:290px;
}
#npTitle {
width:167px;
}
}
#paused {
	background:#900;
	width:10px;
	height:10px;
}
#btnPrev, #btnNext, #nowPlay {
	float:left;
}
#audio1 {
	background-color: #990000;
	background:none !important;
}
 @media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
 display: block;
}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
}
 #no-more-tables tr {
border: 1px solid #ccc;
}
 #no-more-tables td {
		/* Behave  like a "row" */
		border: none;
 border-bottom: 1px solid #eee;
 position: relative;
 padding-left: 0; 
 white-space: normal;
 text-align:left;
}

 #no-more-tables tr td:nth-child(1) { 
 float:left;
 position:static; 
} 
 #no-more-tables tr td:nth-child(2) , #no-more-tables tr:hover td:nth-child(2){ 
	 padding-top:12px !important;
	float:left;    
}
 #no-more-tables tr td:nth-child(3) ,  #no-more-tables tr:hover td:nth-child(3) { 
display:none;
}
 #no-more-tables tr td:nth-child(4) , #no-more-tables tr:hover td:nth-child(4) { 
display:none;  
}
#plList tr  {
    position:relative;  
} 
#plList tr:hover td .count , #plList tr:hover td .trk_title ,#plList tr:hover td  ,#plList tr:hover td  h5 { display:block;color:#444 !important;border-bottom:none; box-shadow:none;}    
#plList tr:hover td:nth-child(1) {padding-top:0px;}   
  
#plList tr td .fa-play {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #000;
    border: 1px solid #000;
} 
#plList tr td, #plList tr span { background: none;border-bottom: none;}  
#plList tr:hover td, #plList tr:active td {}
#plList tr {cursor:pointer;}   
 #no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
 left: 6px;
 width: 45%;
 padding-right: 10px;
 white-space: nowrap;
 text-align:left;
 font-weight: bold;
}
 
	/*
	Label the data
	*/
	#no-more-tables td:before {
content: attr(data-title);
}
#no-more-tables .table-bordered {
border:0 none;
padding:0;
margin:0;
}

.glr-lst-sec .image-service-box .mus-dir {display:none;}
.no-img-bdr.list-rcnt-upload .image-service-box.list .plst-img {margin:0px;}   
}


 #audio0 > audio { width: 100% }
        /* Chrome 29+ */
	.phto-slides {margin-bottom:10px;}	  
 .hidn-sld-img {
               width: 100%;
               height: auto;
               position: relative !important;    
               } 
				.phto-slides .slide-wrapper {width:50%;overflow:hidden;float:left;position:relative;}       			   
               .phto-slides .slides {   
               padding: 0;
               width: 500%; 
               height: auto;
               display: inline-block;
               margin: 0 auto;
               position: relative; 
               }
               .phto-slides .slides * {
               user-select: none;
               -ms-user-select: none;
               -moz-user-select: none;
               -khtml-user-select: none;
               -webkit-user-select: none;
               -webkit-touch-callout: none;
               }
               .phto-slides .slides .nav a {
               position: absolute;
               z-index: 1;
               text-align: center;
               width: 100%;
               bottom: 18px;
               background: #00000095; 
               color: #fff; 
               }
               .phto-slides .slides input { display: none; } 
               .phto-slides .slide-container { 
				   display: inline-block;
					width: 20% !important;
					height: auto !important;
					position: relative !important;
					top: 0px;
					left: 0px;
					float: left;
					transition: all 1s ease-in-out; 
					
               }
               .phto-slides .slide { 
               width:100%;
               height:auto;
               display:inline-block; 
               position:relative; 
               cursor:pointer;
			   margin-left:0px; 
               transition: all .7s ease-in-out;
               }
               .phto-slides .slide img {
               width: 100%;
               height: 100%;
               }
               .phto-slides .nav label {
               width: auto;
				height: auto;
				display: inline-block;
				position: absolute;
				opacity: 1;
				z-index: 9;
				cursor: pointer;
				transition: opacity .2s;
				color: #FFF;
				text-align: center;
				background-color: rgba(0, 0, 0, .8);
				text-shadow: 0px 0px 15px rgb(119, 119, 119);
				position: absolute;
				top: 50%;
				font-size: 50px;
				margin: 0px;
				vertical-align: top;
				padding: 0px 10px 6px 10px;
				margin-top: -38px;  
               }
               .phto-slides .slide:hover + .nav label { opacity: 0.5; }
               .phto-slides .nav label:hover { opacity: 1; } 
               .phto-slides .nav .next { right: 0; }
               .phto-slides input:checked + .slide-container  {    opacity: 1; z-index:3;} 
               .phto-slides input:checked + .slide-container .nav label { display: block; }
               .phto-slides .nav-dots {
               width: 100% !important; 
               bottom:3px; 
               height: 11px;
               display: block;
               position: absolute;
               text-align: center;
               z-index:5; 
               }
               .phto-slides .nav-dots .nav-dot {
               top: -10px; 
               width: 11px;
               height: 11px;
               margin: 0 4px;
               position: relative;
               border-radius: 100%;
               display: inline-block;
               background-color: rgba(0, 0, 0, 0.6);
			   border: 1px solid #fff;  
               }
               .phto-slides .nav-dots .nav-dot:hover {
               cursor: pointer;
               background-color: rgba(0, 0, 0, 0.8);
               }
               .phto-slides input#img-1:checked ~ .nav-dots label#img-dot-1,
               .phto-slides input#img-2:checked ~ .nav-dots label#img-dot-2,
               .phto-slides input#img-3:checked ~ .nav-dots label#img-dot-3,
               .phto-slides input#img-4:checked ~ .nav-dots label#img-dot-4,
               .phto-slides input#img-5:checked ~ .nav-dots label#img-dot-5,
               .phto-slides input#img-6:checked ~ .nav-dots label#img-dot-6 {  
               background: #ec2c29; 
               } 
			   .nav-dot.selected-cntr {    border: 1px solid #ec2c29 !important; background: #000 !important;}   
	.actr-smpl-glry .box { padding: 5px; } 
	.actr-smpl-glry .box > a {
	 transition: transform .5s;  		
    border: 1px solid #ccc;
    display: inline-block;
    padding: 3px;
	 margin-bottom:4px;	} 
	.actr-smpl-glry .box > a:hover {
		-ms-transform: scale(1.02); /* IE 9 */
    -webkit-transform: scale(1.02); /* Safari 3-8 */
    transform: scale(1.02);
     -moz-box-shadow: 1px 1px 5px #999;
 -webkit-box-shadow: 1px 1px 5px #999;
 box-shadow: 1px 1px 5px #999;	   
	}
	.actr-smpl-glry .box > a + h4 a { color:#000 }   	 
	.actr-smpl-glry .box > a:hover + h4 a { color:#ec2c29 }    
.custom-search-input {  
        margin:0;
        margin-top: 10px;
        padding: 0;
		max-width:310px;
		float:right; 
    }
 
    .custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
		background: #ec2c29;
    color: #fff; 
        width:34px; 
    height: 34px;
    line-height: 0px;
    padding: 0px;
    margin-top: 0px;  
	}
	.custom-search-input .search-query {padding: 0px 35px 0px 8px;} 
    .search-query:focus + button {
        z-index: 3;   
    }
	.custom-search-input  .input-group-btn {right: -27px;}   
	
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
       /* HIDE DOWNLOAD AUDIO BUTTON */
     #audio0 {
           overflow: hidden;width: 390px; 
        }

    #audio0 > audio { width: 420px; }
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
    
      #audio0 {
           overflow: hidden;width: 390px; 
        }

    #audio0 > audio { width: 420px; }
}
.ads-cntr-list { 
	text-align: center;
    display: inline-block;
    width: 100%; 
}
.lang-box {
    width: auto;
    float: right;
    color: #fff ;
    background: #ec2c29;
    border: 0px;
    height: 36px;
    font-size: 13px;
    text-align: center !important;
    border-radius: inherit;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 12px;
} 
.lang-box:focus {  
    outline: none !important;
} 
.lang-box option {
    background: #fff;
    color: #ec2c29;
    border-bottom: 1px solid #ec2c29;
    font-weight: bold;
    text-align: CENTER;
    font-size: 13px;
}   
.lang-box option:hover .lang-box option:focus { background:#000;     box-shadow: 0 0 10px 100px #0e0e0e inset;}   
.news-slide {
	width: 50% !important;
    float: left; 
}
.titles-hover {
    display: inline-block;
    width: 50%;
    float: left;
} 
.titles-hover .nav-ttl {
    color: #000;
    padding: 15px 13px;
    font-size: 15px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ec2c29;
    margin-bottom: 0px;
    font-weight: bold;  
} 

.titles-hover .nav-ttl i { 
	position: absolute;
    left: -11px;
    top:50%; 
    z-index: 11;
    color: #ec2c29;
    font-size: 36px; 
	display:none;    margin-top: -19px;
	    text-shadow: none;
}
.phto-slides input#img-1:checked ~ .nav-dots ~ .titles-hover #img-dot-5 {background-color:#ec2c29;}
.phto-slides input#img-2:checked ~ .nav-dots ~ .titles-hover #img-dot-6 {background-color:#ec2c29;}
.phto-slides input#img-3:checked ~ .nav-dots ~ .titles-hover #img-dot-7 {background-color:#ec2c29;}
.phto-slides input#img-4:checked ~ .nav-dots ~ .titles-hover #img-dot-8 {background-color:#ec2c29;}
.phto-slides input#img-5:checked ~ .nav-dots ~ .titles-hover #img-dot-9 {background-color:#ec2c29;} 
.phto-slides input#img-1:checked ~ .nav-dots ~ .titles-hover #img-dot-5 i {display:block}
.phto-slides input#img-2:checked ~ .nav-dots ~ .titles-hover #img-dot-6 i {display:block}
.phto-slides input#img-3:checked ~ .nav-dots ~ .titles-hover #img-dot-7 i {display:block}
.phto-slides input#img-4:checked ~ .nav-dots ~ .titles-hover #img-dot-8 i {display:block}
.phto-slides input#img-5:checked ~ .nav-dots ~ .titles-hover #img-dot-9 i {display:block} 
.titles-hover .nav-ttl:hover ,.nav-ttl.selected-cntr {background-color: #ec2c29;color:#fff;}   
.titles-hover .nav-ttl:hover i,.nav-ttl.selected-cntr  i {display:block;}   
.news-slides .slides .nav a  {display:none;} 
.news-slides  .nav .next {display: none !important;}
.news-slides  .nav .prev {display: none !important;}  
.titles-hover .nav-dot {}  
.titles-hover .trnd-ttl {
	color: #000;
    padding: 15px 13px;
    font-size: 20px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ec2c29;
    margin-bottom: 0px;
    display: inherit;
    font-weight: bold;
    text-transform: uppercase; 
} 
.side-list a {  
    display: inherit;
    margin-bottom: 15px;
    font-size: 15px;
    color: #000; 
 } 
.side-list a:hover {color:#ec2c29; }
.grid-cntr-nws .clearfix {margin-bottom:0px} 
.news-slides {background:#fff;}  
.news-slides .slides {
 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;  
} 
.news-slides .nav-dots {width:50%;} 
  .cntn-date {     
	background-color: #ec2c29;
    float:left; 
    position: relative;
    padding: 45px 5px 0px;
    margin-left: 0px;
    width:74px; 
    text-align: center;
    color: #fff; 
} 
.news-no-img a {
	display: inline-block;
    float: left;
    width: calc(100% - 82px);
    margin-left: 12px;
    font-weight: bold;
    color: #000; 
	font-size:16px; 
}
.news-no-img {    display: flex; align-items: center;    margin: 20px 0px;} 
.news-no-img a:hover {color:#ec2c29}
	 	.cntn-date .cntn-month {
		    text-transform: uppercase;
		    font-size:25px;
			}
		.cntn-date .cntn-day {
			 font-size: 42px;
			line-height: 45px;
			position: absolute;
			left: 5px;
			top: 0px;
			text-align: left;  
			} 
	    .cntn-date .cntn-year { 
			display:block; 
			position:absolute; right:-5px; top:15px;
			-webkit-transform: rotate(-90deg); 
			-moz-transform: rotate(-90deg);			
			}
 .news-indx-cntr {}
.news-indx-cntr .nws-ttl {
    font-size: 15px;
    display: block;
    font-weight: bold;
    color: #000;
    margin-top: 11px; 
} 
.ajax-list-nws .news-indx-cntr .nws-ttl {margin-top:0px; }   
.news-indx-cntr .sml-nws-dec {   
    font-size: 13px;
    text-align: justify;
    margin-top: 6px;
    display: block;
    color: #000; 
	}   
	.news-indx-cntr h6 { text-align: right; display: block; margin-top: 6px;} 
	.news-indx-cntr h6 a {color:#ec2c29 } 
.grid-cntr-nws {
	 margin-top: 14px; 
     
   
} 
.grid-cntr-nws .nws-shr-cntr {
	 -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;    
}
.grid-cntr-nws .news-indx-cntr {
	display: inline-block;
    background: #99999920;
    padding: 10px 6px; 
	cursor:pointer; 
}
.grid-cntr-nws.list-cntr-nes {
    display: table;
    align-items: center; 
} 	 
.grid-cntr-nws.list-cntr-nes .nws-img {
    width: 35%;
    display: table-cell; 
} 
.grid-cntr-nws.list-cntr-nes  .news-indx-cntr  {
    width: 65%;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    cursor: pointer; 
} 
.ajax-list-nws .grid-cntr-nws.list-cntr-nes  .news-indx-cntr { padding: 4px;}    
.nws-img {position:relative;overflow: hidden;} 
.nws-shr-cntr {
    position: absolute; 
    bottom: 0px;
    right: 0px;
    z-index: 11;
    background: #ec2c29;
    color: #fff; }
.nws-shr-cntr li {display: inline-block;}
.nws-shr-cntr li.wats-ap {display:none;} 
.nws-shr-cntr li a {}
.nws-shr-cntr li i {
	font-size:15px;
	padding: 0px 7px;
    margin: 4px 0;
    border-left: 1px solid #fff; 
	cursor:pointer; 
} 
.news-mn-cntr .row {margin-bottom:15px;} 
.nws-shr-cntr li:first-child i  {border:none;}  
.grid-cntr-nws .nws-shr-cntr {right: -82px;} 
.grid-cntr-nws:hover .nws-shr-cntr {right:0px;}    
.grid-cntr-nws:hover {
	    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; 
}
.grid-cntr-nws:hover a { color:#ec2c29;} 
 /* silk-nav.css */ 
.right-sidebar .grid-cntr-nws {
    margin-top: 0px;
    margin-bottom: 10px;
    display: flex;
    align-items: center; 
}
.right-sidebar .grid-cntr-nws.list-cntr-nes {background: #99999920; } 
.right-sidebar .grid-cntr-nws.list-cntr-nes .news-indx-cntr{ background:none; }   
.right-sidebar .news-indx-cntr .nws-ttl {    margin-top:0px;}  
.right-sidebar .grid-cntr-nws .news-indx-cntr {padding:5px;} 
.news-tags-cntr {
    display: inline-block;
    width: 100%;
    text-align: center;
} 
.news-tags-cntr a {
    color: #ec2c29;
} 
 .author-img + span  {    display: inline-block;} 
 .you-may-like { 
 display: inline-block;
    padding-bottom: 0px; 
    width: 100%;
    border-bottom: 1px dashed #ec2c29;
	border-top:1px dashed #ec2c29;
	 padding-top: 20px; 
	 margin:0px;  
 }
.slicknav_btn{cursor:pointer;display:block;float:right;height:35px;line-height:50px;padding:10px 0 9px;vertical-align:middle;width:44px}.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em}.slicknav_menu{*zoom:1}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{margin:0 0 0 .738em;position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{background:#000;display:block;width:1.125em;height:.125em;margin:0 auto;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.slicknav_menu .slicknav_btn:hover .slicknav_icon-bar{background:#FFF}.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{content:" ";display:table;clear:both}.slicknav_nav{clear:both}.slicknav_nav ul{display:block}.slicknav_nav li{display:block;line-height:30px}.slicknav_nav li:not(:first-child){border-top:1px solid rgba(0,0,0,0.04)}.slicknav_nav .slicknav_arrow{background:#ededed;float:right;text-align:center;width:35px;color:#666}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row{display:block}.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_brand{float:left}.slicknav_menu{font-size:16px;box-sizing:border-box}.slicknav_menu ul{background:#fff}.slicknav_menu *{box-sizing:border-box}.slicknav_menu .slicknav_menutxt{color:#000;font-weight:700;left:13px;position:absolute!important;top:12px;z-index:-1}.slicknav_btn{border:1px solid #f6ba1b;background:#f6ba1b;border-radius:0;margin:10px 15px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.slicknav_nav{color:#fff;font-size:.875em;list-style:outside none none;margin:0;max-height:350px;overflow-y:scroll;padding:0;width:100%}.slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0}.slicknav_nav .slicknav_row{padding:5px 10px;margin:2px 5px;font-family:'oswald_regularregular'}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#666;text-transform:capitalize;font-family:'oswald_regularregular'}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}       
   #list-with-bodr {width:100%;margin-bottom: 30px; display: inline-block;}
#list-with-bodr ol {
	font-style: italic;
    font-family: Georgia, Times, serif;
    font-size: 31px;
    color: #000;
    list-style-type: decimal-leading-zero;
    padding-left: 6px; 
 } 
#list-with-bodr ol li {
    display: inline-block;
    width: 100%; 
	}
	
#list-with-bodr ol li .count  { 
	text-align:center;  
	font-style: italic;
    font-family: Georgia, Times, serif;
    font-size: 31px;
    color: #000;
    list-style-type: decimal-leading-zero;
    display: inline-block;
    float: left;
    width: 43px; 
	}
#list-with-bodr ol li:before {   } 
#list-with-bodr ol li p {
	    float: left;
    padding: 3px 0px 3px 5px;
    font-style: normal;
    font-family: Arial;
    font-size: 13px;
    color: #eee;
    border-left: 1px solid #999;
    width: calc(100% - 43px); 
	}
.without-li-bdr ol li p {    border: none !important;}
#list-with-bodr ol li p em { display:block; }
#list-with-bodr ol li p a {margin:0px;}           
#list-with-bodr ol li p a:hover {} 
#list-with-bodr ol li:hover {color:#ec2c29 !important}  
#list-with-bodr ol li a {margin-bottom:0px;} 
.list-type-hvr.no-bg  ol li { background: #fff; }  
.list-type-hvr{
margin:0 auto 30px; 
}
.list-type-hvr ol {
list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0;
padding: 0;
counter-reset: li-counter;
}
.list-type-hvr ol li{ 
	position: relative;
    padding: 8px 13px 8px 6px;
    background-color: #99999920;
    padding-left: 58px;
    border-bottom: 1px solid transparent; 
	 border-top: 1px solid transparent;
	min-height:57px;
}
.list-type-bdr ol li { 
    position: relative;
    padding: 8px 13px 8px 6px;
    background-color: #99999920;
    padding-left: 58px;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999; 
    min-height: 57px;
    margin-top: -1px;
} 
.list-type-bdr ol li:hover {z-index:1;}   
.list-type-hvr ol li a {margin-bottom:0px;} 
.list-type-hvr ol li a .count {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    color: #000;
    z-index: 99;
    overflow: hidden;
    content: counter(li-counter);
    counter-increment: li-counter;
    font-family: Georgia, Times, serif;
    font-style: italic; 
}
.list-type-hvr a{
text-decoration:none;
color:black;
font-size:16px; 
    font-weight: 600; 
}
.spcl-tag ,.grid-cntr-nws:hover .spcl-tag  { 
	    position: absolute;
    bottom: 0px;
    color: #fff;
   
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase; 
}
.spcl-tag span.txt { padding: 5px 6px;
    background: #ec2c29;}  

.triangle-down-left {
    width: 59px;
    height: 15px;
    padding-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: -9px;
    margin-left: -1px;  
}
.triangle-down-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #ec2c29;  
} 
.list-type-hvr li:hover a ,.list-type-hvr ol li:hover a .count {color:#ec2c29 }     
.list-type-hvr li:hover {
	cursor:pointer;  
box-shadow:inset -1em 0 #ec2c29; 
-webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 0.5s; 
border-bottom: 1px solid #ec2c29; 
border-top:1px solid #ec2c29;  
}
.inner-gal-img { } 
.inner-gal-img .nws-img {margin-bottom:15px;} 
.inner-gal-img .spcl-tag{position:static; } 
.ind-gal-tp {
	position: relative;
    display: inline-block;
    width: 100%;
    text-align: CENTER;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
background: rgb(226,226,226);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */  } 
	.ind-gal-tp .spcl-tag {
	bottom: 0px;
    top: auto;
    left: 0px;
    position: absolute; 
	}
    .ind-gal-tp .des-gal-ttl {color: #000; margin-bottom: 2px; margin-top: 3px;text-transform:none;}    
	.inner-gal-img .nws-shr-cntr {bottom:auto;top:0px;}
	 .scrl-hidn {display:block;width:100%;padding-top:130px} 
.wiki-img img {width:100%;} 



.tab-area {margin-top:20px;}
.tab-area .tab-container {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #e8b4b4;
}
.no-hide-tab {display: block !important;} 
.tab-area input {
  display: none;
}

.tab-area label ,.tab-area a.label { 
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
    font-weight: 600;
    text-align: center;
    color: #000;
    border: 1px solid transparent;
    font-size: 15px; 
}




.tab-area label:hover ,.tab-area .label:hover { 
  color: #789;
  cursor: pointer;
}

.tab-area input:checked + label ,.tab-area input:checked + .label ,.tab-area .label.checked {  
color: #ec2c29;
    border: 1px solid #e8b4b4;
    border-top: 2px solid #ec2c29;
    border-bottom: 1px solid #fff;
	font-weight:bold; 
}

.tab-area #tab1:checked ~ #content1,
.tab-area #tab2:checked ~ #content2,
.tab-area #tab3:checked ~ #content3,
.tab-area #tab4:checked ~ #content4 {
  display: block;
}
.tab-area a.label[ id= "EXE_DIV1" ]:target ~ .no-hide-tab{
  -webkit-transform: translateY( 0px);
  transform: translateY( 0px );
}
.tab-area a.label[ id= "EXE_DIV2" ]:target ~ .no-hide-tab {
  -webkit-transform: translateY( -500px );
  transform: translateY( -500px );
}
.tab-area a.label[ id= "EXE_DIV3" ]:target ~ .no-hide-tab {   
  -webkit-transform: translateY( -1000px );
  transform: translateY( -1000px );
}