/* 
Theme Name: agari
Theme URI: http://agari-japan.com/
Author: Natsumi Sunakawa
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: agari
*/
 /* 
 WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this
file. Instead use  the custom.css file to add your styles. You can copy a
style from this file and paste it in  custom.css and it will override the
style in this file. You have been warned! :) 
*/


body{
overflow-x:hidden;
font-family: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #ff0081;
}

p {
    font-size: 16px;
    line-height: 1.9;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    text-decoration: none;
}

a {
    color: #ff0081;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #ff0081;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-family: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

.img-centered {
    margin: 0 auto;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

table {
    width: 100%;
    margin: 0 auto;
}

th, td {
    padding: 5px;
    border: 1px solid #999;
    border-collapse: collapse;
}

th {
    text-align: center;
    background: #ccc;
    color: #000;
}

ul {
    list-style: none;
}

li {
    line-height: 2;
}

dt {
    padding-top: 10px;
    font-size: 120%;
    line-height: 2;
}

dd {
    line-height: 1.7;
}


.btn-primary {
    border-color: #ff0081;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #ff0081;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #ff0081;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #ff0081;
    background-color: #ff0081;
}

.btn-primary .badge {
    color: #ff0081;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #ff0081;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #ff0081;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #ff0081;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #ff0081;
    background-color: #ff0081;
}

.btn-xl .badge {
    color: #ff0081;
    background-color: #fff;
}
.logo h1{
font-size:20px;
}
.header_container .logo img{
    max-width: 305px;
    height: auto;
}
.navbar.not_home{
    padding: 10px 0;
    background-color: rgba(34, 34, 34, 0.6);
} 
.navbar-default {
    border-color: transparent;
    background-color: rgba(34, 34, 34, 0.6);
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #ff0081;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #ff0081;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #ff0081;
    background-color: #ff0081;
    top:18px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ff0081;
}

.navbar-default .nav li a {
    text-transform: none;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #ff0081;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #ff0081;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navbar .sf-menu li {
    position: relative;
     margin: 0 7px;
}
.navbar .sf-menu li a{
    padding: 7px 10px;
    font-size: 17px;
}
.navbar .sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: -7px;
    z-index: 99;
}
.navbar .sf-menu > li {
    float: left;
}
.navbar .sf-menu li:hover > ul,
.navbar .sf-menu li.sfHover > ul {
    display: block;
}

.navbar .sf-menu a {
    display: block;
    position: relative;
}
.navbar .sf-menu ul ul {
    top: 0;
    left: 100%;
}
ul.sub-menu{
    background: #fff;
    left: 0px;
}
.navbar .sf-menu ul li {
    background: none;
    margin: 0;
    border: 1px solid #F6F6F6;
    border-bottom:none;
}
.navbar .sf-menu ul li:last-child{
    border-bottom:1px solid #f6f6f6;
}

/*** DEMO SKIN ***/
.navbar .sf-menu {
    float: left;
    margin-top: 28px;
}
.navbar .sf-menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu a {
    color: #13a;
}
.sf-menu li {
    
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}
.navbar .sf-menu ul li {
    background-color: #ff0081;
}
.sf-menu ul ul li {
    background-color: #ff0081;
}
.navbar .sf-menu li:hover,
.navbar .sf-menu li.sfHover {
    background-color: #ff0081;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    color:#fff;
}
.navbar .sf-menu li li a {
    width: 200px !important;
    color: #fff;
    height: auto;
    float: none;
    display: block;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 8px 0 8px 0;
    margin: 0px 8px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    border-radius: 0;
}

.navbar .sf-menu li li:hover {
    background: #fff;
    color: #ff0081;
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .3s;
    transition: background .3s;
}

.navbar .sf-menu li li a:hover {
    background: #fff;
    color: #ff0081;
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .3s;
    transition: background .3s;
}

/* Text meant only for screen readers */
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
    display: none;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

.navbar-header p{
color:#fff;
}
.navbar-shrink .navbar-header p{
display:none;
}
.NovelLite_slider {
    position: relative;
}
div#slides_full {
  touch-action: initial!important;
    -webkit-tap-highlight-color: initial!important;
}
.NovelLite_slider .slider_overlay{
    background: rgba(0, 0, 0, 0.1) url(images/pattern.png);
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;;
    top: 0;
    z-index: -1;
}
.NovelLite_slider .container.container_caption {
    margin-top: 260px;
    text-align: center;
}
.NovelLite_slider .container h1{
    color:#fff;
    margin-bottom: 18px;
    font-size: 56px;
    font-weight: 500;
    padding: 0px 10px 7px 10px;
    display: inline-block;
}
.NovelLite_slider .container h1 a{
    color:#fff;
}
.NovelLite_slider .container p{
    color:#fff;
    font-size:22px;
    font-weight: 120;
    padding: 0px 10px 7px 10px;
    display: inline-block;
}
#slides_full {
    position: relative;
}
#slides_full .slides-container {
    display: none;
}
#slides_full .slides-container li {
    margin-left: 0;
}
#slides_full .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
#slides_full .scrollable:after {
    content: "";
    display: table;
    clear: both;
}
.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 42%;
    width: 100%;
}
.slides-navigation a {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 30px;
    background: rgba(72, 183, 77, 0.87);
    font-size: 0;
    width: 70px;
    height: 140px;
}
.slides-navigation a.prev {
    left: 20px;
    background: url(images/arrow_left.png) center no-repeat;
    background-size: 40% 40%;
}
.slides-navigation a.next {
    right: 10px;
    background: url(images/arrow_right.png) center no-repeat;
    background-size: 40% 40%;
}
.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 0;
    text-align: center;
    width: 100%;
    display: none;
}
.slides-pagination a {
    border: 2px solid #222;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
}
.slides-pagination a.current {
    background: #222;
}
.main-slider-button {
margin-top:30px;
}

.theme-slider-button {
background:rgba(255, 255, 255, 0.6);
color:#ff0081;
padding:15px 65px;
border:2px solid white;
font-size:18px;
}

.theme-slider-button:hover {
background:rgba(255, 255, 255, 0.9);
color:#ff0081;
-webkit-transition: background 0.5s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;
}


/*------------Brand Start-------------*/
.brand-carousel #carousel-full{
position:relative;
}
.brand-carousel #carousel-full .carousel-listing {
width: 100%!important;
margin:0 auto;
}
.brand-carousel #carousel-full .carousel-listing .thumbnail {
margin-right: 10px;
border:none;
}

.brand-carousel #carousel-full .carousel-nav .carousel-prev{
position: absolute;
top:13%;
left:-23px;
z-index:99;
width:27px;
height:60px;
font-size: 50px;
}
.brand-carousel #carousel-full .carousel-nav .carousel-next{
position: absolute;
top:13%;
right:-30px;
z-index:99;
width:27px;
height:60px;
font-size: 50px;
}

/*------------Brand End-------------*/
/*------------Brand Media-------------*/
 @media only screen and (max-width: 1200px)
{
.brand-carousel #carousel-full .carousel-listing {
width: 86%!important;
margin: 0 auto;
}}
 @media only screen and (max-width: 991px){.brand-carousel #carousel-full .carousel-listing{
width: 91%!important;
}}
 @media (max-width: 768px) {
table {
    width: 100%;
}

tr {
    margin-bottom: 20px;
}

tr, th, td {
    display: block;
}

 }
/*------------Brand Media End-------------*/
@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        padding-left:0; 
        font-size: 3em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default.not_home .navbar-brand {
        font-size: 2em;
    }
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }
    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: rgba(34, 34, 34, 0.6);
    }
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 2em;
    }
    .navbar-default.navbar-shrink .header_container .logo img{
    max-width: 200px;
    height: auto;
    }
}

header {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url(images/header-bg.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 300px;
        padding-bottom: 200px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
}

section {
    padding: 20px 0;
    margin-bottom: 30px;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 500;
    color:#ff0081;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
}
section h3.section-subheading.contact{
    font-size: 18px;
    color: #333;
}
section h3.section-subheading.testimonial{
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0px 0 20px 0;
}

@media(min-width:768px) {
    section {
        padding: 10px 0;
        margin-bottom: 30px;
    }
}

.servies a{
     color: #777;
}
.servies .fa-stack{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.servies .fa-stack:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.service-heading {
    margin: 22px 0;
    text-transform: none;
    font-size: 20px;
}
#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(254,209,54,.8);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 0.75;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content  a{
    color: #fff;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption h4 a{
    color: #666;
    text-decoration: none;
}
#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 37px;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #ff0081;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
}

@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
    width: 239px;
    height: 239px;
}

.team-member h4 {
    margin-top: 30px;
    margin-bottom: 0px;
    text-transform: none;
    color: #222;
    font-size: 20px;
}

.team-member p {
    margin-top: 0;
}

.sticky {
}
.sticky h4 a:link, .sticky h4 a:visited{
    color:red;
    text-transform:Uppercase;
}
.sticky h4 a:hover{
    color:red;
    text-decoration:underline;
}
.gallery-caption {
} 
.bypostauthor{
}
.contact_section {
    background-color: #ededed;
}
.contact_section .contactform .btnSubmit.btn-xl.btn:hover{
    background: #000;
    border: 1px solid #000;
}
.contact_section .section-heading {
    color: #ff0081;
}

.contact_section .form-group {
    margin-bottom: 25px;
}

.contact_section .form-group input,
.contact_section .form-group textarea {
    padding: 20px;
}

.contact_section .form-group input.form-control {
    height: auto;
}

.contact_section .form-group textarea.form-control {
    height: 236px;
}

.contact_section .form-control:focus {
    border-color: #ff0081;
    box-shadow: none;
}

.contact_section::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

.contact_section:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

.contact_section::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

.contact_section:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

.contact_section .text-danger {
    color: #e74c3c;
}
.contact_section .thanks{
    text-align: center;
    color: #333;
}
footer {
    padding: 25px 0;
    text-align: left;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px;
}
.team-member ul.social-buttons{
    float: none;
}

ul.social-buttons {
    margin-bottom: 0;
    margin-left: 8px;
    text-align: center;
    float: right;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #ff0081;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #ff0081;
}

::selection {
    text-shadow: none;
    background: #ff0081;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #ff0081;
}
/* Direction Nav */
.flex-direction-nav {
    height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    margin: -20px 0 0;
    position: absolute;
    top: 47.5%;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    width: 24px;
    height: 36px;
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    padding: 7px 13px;
    font-size:0;
}
.flexslider {
    overflow: hidden;
    position:relative;
    margin-bottom:-5px;
    display:inline-block;
}
.flexslider .slides{
padding-left:0;
}
.flexslider img{
}
.flexslider .slides li {
    margin-left: 0;
}
.flex-direction-nav .flex-prev {
    left: 20px;
    background: url('images/preview_arrows.png') no-repeat -1px -1px;
}
.flex-direction-nav .flex-next {
    right: 20px;
    text-align: right;
    background: url('images/preview_arrows.png') no-repeat -53px -1px;
}
.flexslider:hover .flex-prev {
    opacity: 1;
}
.flexslider:hover .flex-next {
    opacity: 1;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: .8;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}
/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -5px;
    text-align: center;
    z-index:99;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    display: inline;
}
.flex-control-paging li a {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 3px;
    background: #ddd;
    background: rgba(0, 0, 0, 0.42);
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(255,255,255,0.4),
        inset 0 1px 1px rgba(0,0,0,0.1);
    text-indent:-9999;
    font-size:0;
}
.flex-control-paging li a:hover {
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
}
.flex-control-paging li a.flex-active {
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
    cursor: default;
}
/*Blog Page
===================================================*/

    .page-container {
    background: url('http://agari-japan.com/wp-content/uploads/2015/12/bg_lightgrey.png'); repeat #f8f8f8;
}

}
.page_heading_container {
    padding: 100px 0 22px 0;
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.page_heading_container .page_heading_content h1 {
    padding: 5px 0 20px 0;
    margin-bottom: 0;
    margin-top: 170px;
}
.page-content {
    padding-bottom: 25px;
    width: 100%;
    padding-top: 75px;
    overflow: hidden;
}
.content-bar {
    margin: 0;
    padding: 0;
    margin-right: 30px;
}
.content-bar h1.page_title {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 32px;
}
.content-bar img {
    max-width: 100%;
    height: auto;
    background: none;
    padding: 0;
}
.content-bar .post {
    position: relative;
    margin-top: 0px;
    margin-bottom: 65px;
}
.content-bar .post .post_heading_wrapper {
    margin-bottom: 30px;
}
.content-bar .post .post_title {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 1px;
    padding-left: 0px;
    font-size:30px;
    line-height:30px;
    font-weight: 300;
}
.content-bar .post .post_title a {
    color: #010101;
    font-size: 32px;
    line-height: 25px;
    text-decoration: none;
}
.content-bar .post .post_title a:hover {
    color: #c12134;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.content-bar .post .post_content{
    margin-bottom: 10px;
    padding: 30px 15px 26px 20px;
    background: #fff;
    border: 1px solid #eee;
}
.content-bar .post.single .post_content{
    border: none;
    background: transparent;
    padding:0;
}
.content-bar .post .post_content p{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}
.content-bar .post .post_thumbnil{
    position:relative;
    margin-bottom:0px;
    
}
.content-bar .post .post_thumbnil span.image_link:hover{
}
.content-bar .post .post_thumbnil:hover span.image_link {
width: 100%;
height: 100%;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4) url(images/blog_hover.png) center no-repeat;
top: 0;
-webkit-animation: fadeIn 0.6s ease;
    -moz-animation: fadeIn 0.6s ease;
    -o-animation: fadeIn .6s ease;
    animation: fadeIn 0.6s ease;
}
.content-bar .post .post_thumbnil:hover span.image_link2 {
width: 100%;
height: 100%;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4) url(images/blog_link.png) center no-repeat;
top: 0;
-webkit-animation: fadeIn 0.6s ease;
-moz-animation: fadeIn 0.6s ease;
-o-animation: fadeIn .6s ease;
animation: fadeIn 0.6s ease;
}
.content-bar .post .post_thumbnil:hover span.image_link2.quote {
    background: rgba(0, 0, 0, 0.4) url(images/quote_big.png) center no-repeat;
}
.content-bar .post iframe{
    width:816px;
    height:450px;
    margin-bottom: -5px;
}
.content-bar .post.single iframe{
    width:100%;
}
.content-bar .post a.read_more{
    display:inline-block;
    border:1px solid #111;
    text-transform:uppercase;
    color: #222;
    line-height: 21px;
    font-weight: normal;
    padding: 14px 20px 12px 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-decoration: none;
}
.content-bar .post a.read_more:hover{
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
    background-color:#222;
    color:#fff;
}
.content-bar .post:last-child {
}
.content-bar .post .post_content img.postimg {
    margin-bottom: 0px;
}
.content-bar .post.single{
    border-bottom:1px dotted #ddd;
    margin-bottom:20px;
    padding-bottom:25px;
}
.content-bar .post.single .post_content img {
    height: auto;
    max-width:100%;
    margin-bottom:15px;
}
.content-bar .post.single ul.thumbnail li img {
    width: auto;
}
.content-bar .post .post_meta {
    list-style-type: none;
    color: #545454;
    font-size: 14px;
    padding-left: 0px;
    overflow: hidden;
    padding: 5px 0px;
    margin-bottom: 15px;
}
.content-bar .post .post_meta a {
    color: #545454;
}
.content-bar .post .post_meta a:hover {
}
.content-bar .post .post_meta li {
    display: inline-block;
    margin-right: 3px;
    margin-left: 5px;
}
.content-bar .post .post_meta li:after {
    content: '/';
    margin-left: 6px;
}
.content-bar .post .post_meta .posted_by {
}
.content-bar .post .post_meta .posted_by {
}
.content-bar .post .post_meta li.posted_in:after {
    content: "";
}
.content-bar .post .post_meta .post_tag {
}
.content-bar .post .post_meta .post_tag a {
    margin-left: 0px;
}
.content-bar .post .post_meta .post_comment {
    background: url(images/comment-img.png) 4px 6px no-repeat;
    padding-left: 4px;
}
.content-bar .post .post_meta .post_comment a {
    color: #8e8d8d;
}
.content-bar .post .post_meta .post_comment a:hover {
    color: #c12134;
}
.content-bar .post .post_meta li .fa{
    margin-right: 10px;
}
/*----------------------Services page-----------------------*/
.content-bar.services{
}
.content-bar.services .service_content{
    width:105%;
    margin-top:36px;
}
.content-bar.services .post{
    display:inline-block;
    vertical-align:top;
    width:310px;
    height:auto;
    margin-right:33px;
}
.content-bar.services .post .post_thumbnil {
margin-bottom: 25px;
}
.content-bar.services .post .post_content img.postimg{
    width:310px;
    height:220px;
    outline: 1px solid white;
    outline-offset: -4px;
    border-top:none;
}

.content-bar.services .post .post_content iframe{
    width:310px;
    height:220px;
    margin-bottom:28px;
}
.content-bar.services .post .post_thumbnil:hover span.image_link, .content-bar li.portfolio_item .post_thumbnil:hover span.image_link{
width: 100%;
height: 100%;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4) url(images/zoom.png) center no-repeat;
top: 0;
-webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2 {
width: 100%;
height: 100%;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4) url(images/link.png) center no-repeat;
top: 0;
-webkit-animation: fadeIn 1s ease;
-moz-animation: fadeIn 1s ease;
-o-animation: fadeIn 1s ease;
animation: fadeIn 1s ease;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2.quote {
    background: rgba(0, 0, 0, 0.4) url(images/quote.png) center no-repeat;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2.gallery {
    background: rgba(0, 0, 0, 0.4) url(images/gallery.png) center no-repeat;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2.video {
    background: rgba(0, 0, 0, 0.4) url(images/video.png) center no-repeat;
}
.content-bar.services .flexslider img {
border-top: none;
    outline: 1px solid white;
    outline-offset: -4px;
}
.content-bar.services .post .post_title{
    margin-bottom:20px;
}
.content-bar.services .post .post_title a {
    font-weight: 600;
    font-size: 23px;
    line-height: 25px;
}
/*----------------------user style-----------------------*/
#agari_project_01 h3,
#agari_project_02 h3,
#agari_project_03 h3,
#agari_project_04 h3,
#agari_project_05 h3,
#concept h3 {
    padding: 5px;
    margin: 0 0 30px 0;
    background: #eee;
    border-bottom: 2px solid #ff0081;
}

#agari_contact form {
    width: 80%;
    margin: 0 auto;
}

#agari_contact input,
#agari_contact textarea {
    width: 90%;
}

#section1,
#section3,
#section4,
#section5 {
    padding: 50px 0;
}

#store_kurawanka h2,
#store_satellite h2,
#store_amongre h2 {
    padding: 10px 5px;
    margin: 0 0 20px;
    background: #eee;
    color: #ff0081;
    border-bottom: 2px solid #ff0081;
}

#store_kurawanka .store_img,
#store_satellite .store_img,
#store_amongre .store_img {
    width: 35%;
    display: inline-block;
    padding: 1%;
    margin-right: 1%;
    vertical-align: top;
}

#store_kurawanka .store_img img,
#store_satellite .store_img img,
#store_amongre .store_img img {
    max-width: 400px;
    width: 100%;
}

#store_kurawanka .store_description,
#store_satellite .store_description,
#store_amongre .store_description {
    width: 60%;
    display: inline-block;
    padding: 1%;
    vertical-align: top;
}

#store_kurawanka .store_info,
#store_satellite .store_info,
#store_amongre .store_info {
    clear: both;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

#store_kurawanka .store_name,
#sotre_satellite .store_name,
#store_amongre .store_name {
    font-size: 130%;
    line-height: 2.2;
}

/* Side Bar Style
========================================================*/
.feature_sidebar .sidebar.home{
 margin-left:0;
 }
 
.page-content .sidebar {
    margin-left:0px;
}
.page-content .searchform , .footer-widget-area .searchform{
    background: url(images/side-searchbg.png) no-repeat;
    width:274px;
    height:36px;
    border:none;
    position:relative;
    margin-bottom:18px;
}
.page-content .searchform input[type="text"], .footer-widget-area  .searchform input[type="text"]{
    width:200px;
    height:32px;
    background:transparent;
    border:none;
    padding:1px 0px 0px 7px;
    color:#787878;
}
.page-content .searchform input[type="submit"], .footer-widget-area .searchform input[type="submit"]{
    position:absolute;
    right:10px;
    top:10px;
    background:url(images/side-search.png) no-repeat;
    width:19px;
    height:20px;
    border:none;
    cursor:pointer;
}
.page-content .sidebar img {
}
.page-content .sidebar h3, .footer-widget-area h3{
    color:#000000;
    margin-left:0;
}
.footer-widget-area h3{
border-bottom:1px dashed #ddd;
padding-bottom:5px;
}
.page-content .sidebar ul {
    list-style:none;
    padding-left: 0;
    margin-left:0;
    margin-bottom:20px;
    padding-bottom:12px;
    border-bottom:1px solid #ddd;
}
.footer-widget-area .first, .footer-widget-area .second, .footer-widget-area .third, .footer-widget-area .last{
padding-top:20px;
}
.footer-widget-area ul {
list-style:none;
    padding-left: 0;
    margin-left:0;
    margin-bottom:20px;
    padding-bottom:12px;
}
.page-content .sidebar ul ul, .footer-widget-area ul ul {
    margin-left:0px;
    margin-bottom:0;
    list-style:none;
    border-bottom:none;
    padding-bottom:0;
}
.page-content .sidebar ul ul li, .footer-widget-area ul ul li {
    margin-left:20px;
}
.page-content .sidebar ul li, .footer-widget-area ul li {
    padding:5px 0;
    margin-left:0px;
}
.page-content .sidebar ul li a, .footer-widget-area ul li a {
    text-decoration:none;
    color:#989696;
}
.page-contentpage-content .sidebar ul li a:hover, .footer-widget-area ul li a:hover{
    color:#66CC00;
}
.sidebar .recent-post li, .footer-widget-area .recent-post li {
    margin-left:0;
    overflow:hidden;
    list-style:none;
}
sidebar .recent-post li li img, .footer-widget-area .recent-post li li img {
    float:left;
    width:50px;
    height:50px;
    margin-right:10px;
    margin-bottom:10px;
    padding:7px 7px 10px;
}
sidebar .recent-post li li span.recent-date, .footer-widget-area .recent-post li li span.recent-date {
    font-size:12px;
    color:#322903;
}
sidebar .recent-post li li p, .footer-widget-area .recent-post li li p {
    margin-bottom:5px;
}

.outer-footer {
background: #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

/* Back To Top Style
========================================================*/

.back-to-top {
float: right;
padding-right: 30px;
margin-top: -75px;
}
.back-to-top i {
background: rgba(000, 000, 000, 0.32);
padding: 0px 8px 0px 8px;
color: #fff;
font-size: 50px;
}



/* Commentlist Style
========================================================*/
#commentsbox {
    margin: 0;
    margin-top: 15px;
    width: 100%;
}
h3#comments{
    font-size:34px;
    margin-bottom:30px;
    font-weight:300;
}
ol.commentlist {
    clear: both;
    list-style: none;
    margin: 0;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 48px;
    padding-bottom: 15px;
}
ol.commentlist li.comment {
    line-height: 18px;
    margin: 5px 0 15px;
    padding: 10px;
    margin-right: 0;
    overflow: hidden;
    padding-right: 0;
}
ol.commentlist li.comment .comment-body {
    position: relative;
    border: solid 1px #e1e1e1;
    margin-bottom: 25px;
    margin-left: 115px;
    background-color: #fff;
    padding:15px 15px 15px 25px;
}
ol.commentlist li.comment .comment-author a:visited {
    color: #7c7c7c;
    font-weight: 700;
    text-decoration: none !important;
    background: none;
    padding-bottom: 0px;
    margin-left: 0;
    display: inline-block;
}
ol.commentlist li.comment .comment-author a:link {
    position: static;
    display: block;
    margin-left: 25px;
}
a.comment-meta {
}
cite.fn {
    color: #000;
    font-style: normal;
    margin-bottom: 25px;
}
ol.commentlist li.comment .comment-author .avatar {
    position: absolute;
    left: -119px;
    top: 10px;
    width: 94px;
    height:94px;
    border: none;
    border-radius: 50%;
    border: 3px solid #ff0081;
    display: inline-block;  
}
ol.commentlist li.comment .comment-author .avatar:hover{
    -webkit-animation: swing 0.7s ease;
    -moz-animation: swing 0.7s ease;
    -o-animation: swing 0.7s ease;
    animation: swing 0.7s ease;
}
ol.commentlist li.comment .comment-meta a {
    color: #5d5d5c;
    text-decoration: none !important;
}
ol.commentlist li.comment p {
    line-height: 22px;
    color: #6b6d6b;
    margin-bottom: 20px;
}
span.says {
    display: none;
}
ol.commentlist li.comment .comment-author {
    margin-bottom: 15px;
}
em.comment-awaiting-moderation {
    margin-left: 25px;
    margin-top: 16px;
    display: block;
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 15px 50px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 25px 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 35px 50px;
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin: 0 0 45px 50px;
}
ol.commentlist li.comment .reply {
    position: absolute;
    right: 45px;
    bottom: -13px;
    cursor: pointer;
}
ol.commentlist li.comment .reply a {
    cursor: pointer;
    color: #fff;
    text-align:center;
    background: #ff0081;
    text-align: center;
    line-height: 18px;
    padding: 3px 12px 5px 12px;
    display:inline-block;
}
.comment-meta.commentmetadata {
    margin-bottom: 15px;
    display:inline-block;
}
ol.commentlist li.comment .reply a:hover {
    -webkit-animation: swing 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: swing 0.7s ease-in-out;
}
ol.commentlist li.comment ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
}
h1.leave_comment{
    font-weight:300;
    font-size: 32px;
    margin-bottom: 50px;
}
.comment-nav {
    height: 20px;
    padding: 5px;
}
.comment-nav a:link, .comment-nav a:visited {
    color: #f96e02;
}
.comment-nav {
    padding: 5px;
    display: none;
}
.comment-nav a:link, .comment-nav a:visited {
    color: #f96e02;
}
#respond {
    padding: 0px 0px;
    margin: 10px 0px;
}
#respond h3 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 10px 10px;
}
#commentform {
    margin-bottom: 50px;
}
#commentform p {
    color: #444;
}
#commentform a {
    color: #ff0081;
    margin-top: 15px;
    margin-bottom: 0;
}
#respond label {
    display: block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-top: 10px;
    color: #0d0d0d;
    font-size: 15px;
    line-height: 20px;
    font-family: Source Sans Pro, Verdana, Arial, sans-serif;
}
#respond .required {
}
#respond label small {
    font-size: 10px;
}
#respond input[type='text'], #respond input[type='email'] {
    width: 46.3%;
    font-size: 13px;
    padding: 13px 10px;
    margin-right: 31px;
    margin-bottom: 30px;
    border: solid 1px #ddd;
    color: #999;
}
#respond input#email{
    margin-right: 0px !important;
}
#respond input#url {
    margin-right: 0;
    width: 97%;
}
textarea#comment {
    width: 97%;
    height: 180px;
    padding: 10px;
    border: solid 1px #ddd;
    resize: vertical;
    color: #999;
    font-family:Source Sans Pro, Verdana, Arial, sans-serif;
    font-size:16px;
}
#respond input[type='text'], #respond input[type='email'], #respond textarea#comment {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#respond input[type='text']:focus, #respond input[type='email']:focus, #respond textarea#comment:focus {
    border: solid 1px #f05931;
}
#respond .required {
    display: none;
}
#commentform input#submit {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.41);
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
    color: #ffffff;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
    border: none;
    background: #f34055;
    width: 222px;
    height: 42px;
    border:1px solid #f68484;
    border-radius:5px;
}
#commentform input#submit:hover {
    background: #c12134;
}
h3#reply-title {
    color: #1c1b1b;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-left: -10px;
    font-weight: normal;
}
#commentform .comment-notes {
    display: none;
}
.comment-author .avatar {
    display: inline;
}
.form-allowed-tags {
    display: none;
}
#nav-single {
    overflow: hidden;
    margin: 25px 0 55px 0;
    font-size: 20px;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#nav-single a {

}
#nav-single a:hover {
    color:#c12134;
}
/* --- Textimonial Starts --- */
.testimonial-wrapper {  
  background: #ededed;
  padding: 150px 0;
}
.testimonial-inner .testimonial-header {
  padding-top: 18px;
  padding-bottom: 18px;
  color: #ff0081;
  text-align: center;
}
.bx-caption span a.arrow {
  position: absolute;
  width: 12px;
  height: 23px;
  left: -12px;
  top: 30px;
}
.bx-caption span p {
  margin-top: 10px;
}
.bx-caption span p a {
  color: #e93424;
}
.bx-caption span p a:hover{
  color: #ab2317;
}
.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
  display: inline-block;
}
/*----------------------Home Page Blog-----------------------*/
.home_blog_content .post{
    display:inline-block;
    vertical-align:top;
    max-width:340px;
    height:auto;
    margin-right:40px;
    margin-right: 56px;
    overflow:hidden;
}
.home_blog_content .post:nth-child(3n+3){
     margin-right:0px;
}
.home_blog_content .post .post_inner{
    margin-bottom:-35px;
    padding-bottom:35px;
}
.home_blog_content .post .post_thumbnil {
    margin-bottom: 0px;
    position:relative;
}
.home_blog_content .post .post_content {
    background: rgb(243, 241, 241);
    position:relative;
    padding: 15px 15px;
    text-align:center;
}
.home_blog_content .post .post_content_tip{
    position:absolute;
    bottom:0px;
    left:46%;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid rgb(243, 241, 241);
    z-index: 7;
}
.home_blog_content .post .post_thumbnil .post_format{
    width: 38px;
    height: 34px;
    background:#48b74d;
    color:#fff;
    font-size: 18px;
    text-align:center;
    line-height: 27px;
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    z-index: 5;
}
.home_blog_content .post .post_thumbnil .post_format .fa{
    margin-top:9px;
}
.home_blog_content .post .post_content img.postimg{
    width: 340px;
    height: 250px;
    border-top:none;
}
.home_blog_content .post iframe{
    width: 340px;
    height: 252px;
    margin-bottom: -7px;
}
.home_blog_content .post .post_thumbnil:hover span.image_link, .content-bar li.portfolio_item .post_thumbnil:hover span.image_link{
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.4) url(images/zoom.png) center no-repeat;
    top: 0;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}
.home_blog_content .post .post_thumbnil:hover span.image_link2 {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.4) url(images/link.png) center no-repeat;
    top: 0;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}
.home_blog_content .post .post_thumbnil:hover span.image_link2.quote {
    background: rgba(0, 0, 0, 0.4) url(images/quote.png) center no-repeat;
}
.home_blog_content .post .post_thumbnil:hover span.image_link2.gallery {
    background: rgba(0, 0, 0, 0.4) url(images/gallery.png) center no-repeat;
}
.home_blog_content .post .post_thumbnil:hover span.image_link2.video {
    background: rgba(0, 0, 0, 0.4) url(images/video.png) center no-repeat;
}
.home_blog_content .flexslider img {
    border-top: none;
}
.home_blog_content .post .post_title{
    margin:9px 0 15px 0;
}
.home_blog_content .post .post_title a {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #2a2a2a;
}
.home_blog_content .post .post_meta{
    list-style:none;
    padding-left: 0px;
}
.home_blog_content .post .post_meta li{
    display:inline-block;
    margin-left:0;
    text-align:center;
}
.home_blog_content .post .post_meta li.posted_by:after {
    content: "|";
    margin-left: 8px;
    margin-right: 4px;
}
.home_blog_content .post  .post_content_bottom{
    background:#cfcfcf;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 7px 4px 6px 4px;
    overflow: hidden;
}
.home_blog_content .post .post_content_bottom span.read_more{
    text-align:right;
    float:right;
    color:#fff;
}
.home_blog_content .post .post_content_bottom a, .home_blog_content .post .post_content_bottom span{
    color:#fff;
    margin:0 8px;
}
.home_blog_content .post:hover .post_content_bottom{
    background:#ff0081;
}
/*Gallery page
================================================*/
.fullwidth{
    background: #fff;
    border: 1px solid #eee;
    padding: 50px 25px 50px 25px;
}
.fullwidth .page_title{
    color: #000000;
    margin-bottom: 25px;
    padding-bottom: 20px;
    background: url(images/line.png) bottom center repeat-x;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}
.page-content .gallery .thumbnail {
    margin-left:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
    margin:0 auto;
    margin-right:10px;
    width:107%;
    border: none;
    background: none;
}
.page-content .gallery ul.thumbnail li {
    margin:0;
    margin-left:0;
    position:relative;
    /*margin-right:22px;*/
    margin-right:26px;
    width:216px;
    height:auto;
    margin-bottom:25px;
    text-align:center;
    padding-bottom:0px;
    display:inline-block;
    vertical-align:top;
}
.page-content .gallery ul.thumbnail li span{
    width:48px;
    height:48px;
    position:absolute;
    top:30%;
    left:43%;
    background:url(images/gall-search.png) center no-repeat;
    visibility:hidden;
    
}
.page-content .gallery ul.thumbnail li:hover span{
    background:url(images/gall-search.png) center no-repeat;
    position:absolute;
    visibility:visible;
    top: 40%;
    -webkit-animation: bounceIn .7s ease-in-out;
     -moz-animation: bounceIn 0.7s ease-in-out; 
     -o-animation: bounceIn 0.7s ease-in-out;
      animation: bounceIn 0.7s ease-in-out; 
}
.page-content .gallery .thumbnail li img {
    margin-right:0;
    width:230px;
    height:168px;
    -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;
}
.page-content .gallery .thumbnail li img:hover {
}
.page-content .gallery ul.thumbnail.col-1 li {
    width:200px;
    height:auto;
    display:block;
    float:none;
    margin:0 auto;
    margin-bottom: 120px;
    
}
.page-content .gallery ul.thumbnail.col-1 li span{
    position:absolute;
    top:40%;
    left:50%;   
}
.page-content .gallery ul.thumbnail.col-2 li {
    width: 300px;
    margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 120px;
    height:auto;
}
.page-content .gallery ul.thumbnail.col-2 li span{
}
.page-content .gallery ul.thumbnail.col-2 li span img {
    margin-right:0;
    width: 282px;
    height: 200px;
}
.page-content .gallery ul.thumbnail.col-3{
    width:119%;
}
.page-content .gallery ul.thumbnail.col-3 li {
    width: 240px;
    margin-right: 14%;
    height:auto;
    margin-bottom:10%;
}
.page-content .gallery ul.thumbnail.col-3 li span{
}
.page-content .gallery ul.thumbnail.col-3 li span img {
    margin-right:0;
    width:224px;
    height:158px;
}
.page-content .gallery ul.thumbnail.col-4 li {
    width: 224px;
    height: auto;
    margin-right: 5.65%;
    margin-bottom:65px;
}
.page-content .gallery ul.thumbnail.col-4 li span{
}
.page-content .gallery .thumbnail.col-4 li img {
    margin-right:0;
    width:218px;
    height:168px;
    margin-left: 0;
}
.page-content .gallery ul.thumbnail.col-5 li {
    width: 195px;
    height: auto;
    margin-right: 32px;
    margin-bottom: 52px;
}
.page-content .gallery ul.thumbnail.col-5 li span{
    position: absolute;
    top: 36%;
    left: 34%;
}
.page-content .gallery ul.thumbnail.col-5 li img {
    width: 165px;
    height: 116px;
    margin-right:20px;
}
.page-content .gallery ul.thumbnail.col-6 li {
    width: 120px;
    height:auto;
    margin-right:71px;
    margin-bottom:50px;
}
.page-content .gallery ul.thumbnail.col-6 li span{
    position: absolute;
    top: 32%;
    left: 33%;
}
.page-content .gallery ul.thumbnail.col-6 li img {
    width: 108px;
    height: 85px;
    margin-right:0px;
}
.page-content .gallery ul.thumbnail.col-7 li {
    width: 120px;
    height:auto;
    margin-right:44px;
    margin-bottom:50px;
}
.page-content .gallery ul.thumbnail.col-7 li span{
    position: absolute;
    top: 32%;
    left: 33%;
}
.page-content .gallery ul.thumbnail.col-7 li img {
    width: 108px;
    height: 73px;
    margin-right:0px;
}
.page-content .gallery ul.thumbnail.col-8 li {
    width: 120px;
    height:auto;
    margin-right:16px;
    margin-bottom:50px;
}
.page-content .gallery ul.thumbnail.col-8 li span{
    display:none;
}
.page-content .gallery ul.thumbnail.col-8 li img {
    width: 108px;
    height: 73px;
    margin-right:0px;
}
.page-content .gallery ul.thumbnail.col-9 li{
    width: 120px;
    margin-right:4px;
    margin-bottom:50px;
}
.page-content .gallery ul.thumbnail.col-9 li span{
    display:none;
}
.page-content .gallery ul.thumbnail.col-9 li img {
    width:90px;
    height: 73px;
    margin-right:0px;
}
.page-content .gallery ul li h2{
    margin-top:-32px;
}
.page-content .gallery ul li h2:hover{
    color:#CC9900;
}
.page-content .gallery ul li a.gall-content{
    font-size:20px;
    font-weight:bold;
}
.page-content .gallery ul li a.gall-content:hover{
    color:#f60;
}
.page-content .gallery .thumbnail li img:hover {
    opacity: 1;
-webkit-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
-ms-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out;
}
/*Gallery style in content bar
================================================*/
.content-bar .gallery .thumbnail {
    margin-left:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
    margin:0 auto;
    margin-right:10px;
    width:105%;
}
.content-bar .gallery ul.thumbnail li {
    margin:0;
    margin-left:0;
    float:left;
    position:relative;
    margin-right:26px;
    width:216px;
    margin-bottom:25px;
    text-align:center;
}
.content-bar .gallery ul.thumbnail li img{
}
.content-bar .gallery ul.thumbnail li img:hover{
}
.content-bar .gallery ul.thumbnail.col-1 li {
    width:200px;
    display:block;
    float:none;
}
.content-bar .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 36%;
    left: 42%;
}
.content-bar .gallery ul.thumbnail.col-2 li {
    width:270px;
    height:155px;
    margin:0;
    margin-left:65px;
    margin-bottom:75px;
}
.content-bar .gallery ul.thumbnail.col-2 li span {
    position: absolute;
    top: 40%;
    left: 42%;
}
.content-bar .gallery ul.thumbnail.col-2 li img{
}
.content-bar .gallery ul.thumbnail.col-3 li {
width: 222px;
margin-right: 5%;
height: auto;
margin-bottom: 7%;
}
.content-bar .gallery ul.thumbnail.col-4 li {
    margin-right:30px;
    width: 168px;
    margin-bottom: 55px;
}
.content-bar .gallery ul.thumbnail.col-4 li img {
    width:160px;
    height:116px;
}
.content-bar .gallery ul.thumbnail.col-4 li span {
    position: absolute;
    top: 38%;
    left: 38%;
}
.content-bar .gallery ul.thumbnail.col-5 li {
    width:111px;
    height:auto;
    margin-right:50px;
}
.content-bar .gallery ul.thumbnail.col-5 li span {
    position: absolute;
    top: 29%;
    left: 33%;;
}
.content-bar .gallery ul.thumbnail.col-5 li img {
    width: 165px;
    height: 80px;
}
.content-bar .gallery ul.thumbnail.col-6 li {
    width:93px;
    height:auto;
    margin-right:40px;
    margin-bottom:0;
}
.content-bar .gallery ul.thumbnail.col-6 li span {
    position:absolute;
    top:30%;
    display:none;
}
.content-bar .gallery ul.thumbnail.col-6 li img {
    height:73px;
}
.content-bar .gallery ul.thumbnail.col-7 li {
    width: 91px;
    height: auto;
    margin-right: 20px;
}
.content-bar .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 40%;
    left: 38%;
    display:none;
}
.content-bar .gallery ul.thumbnail.col-8 li {
    width: 77px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 50px;
}
.content-bar .gallery ul.thumbnail.col-8 li span {
    display:none;
}
.content-bar .gallery ul.thumbnail.col-9 li {
    width:60px;
    height:auto;
    margin-right:21px;
    margin-bottom:48px;
}
.content-bar .gallery ul.thumbnail.col-9 li img {
    width: 90px;
    height: auto;
    margin-right: 0px;
}
.content-bar .gallery ul.thumbnail.col-9 li span {
    display:none;
}
.page-content .content-bar .gallery .thumbnail li img {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
width: 218px;
height: 168px;
}
.content-bar ul.thumbnail li span.fade {
    background:url(images/view_photo.png) no-repeat;
    position:absolute;
    top:60px;
    left:65px;
    display:block;
    opacity:0;
    width:220px;
    height:153px;
}
h1.page-title{
    font-size:22px;
    border-bottom:1px solid #eee;
    padding-bottom:15px;
}
h1.page-title-gall{
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
}
@media only screen and (min-width: 961px) and (max-width: 1200px) {
    .post_thumbnil img{
        width: 100%;
        height: auto;
    }
    .testimonial-wrapper .bx-wrapper .bx-caption {
    width: 92%;
    }
    .home_blog_content .post{
        width: 280px;
        margin-right: 45px;
    }
    .content-bar .post iframe {
    width: 100%;
    height: 380px;
    margin-bottom: -5px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .post_thumbnil img{
        width: 100%;
        height: auto;
    }
    .testimonial-wrapper .bx-wrapper .bx-caption {
    width: 92%;
    }
    .home_blog_content{
        text-align: center;
        margin-left: 33px;
    }
    .home_blog_content .post{
        width: 280px;
        margin-right: 45px;
    }
    .home_blog_content .post .post_inner{
        margin-bottom: 40px;
    }
    .content-bar{
    margin-right: 0;
}
    .content-bar .post iframe {
        width: 100%;
        height: 380px;
        margin-bottom: -5px;
        }
        .team-member img {
height: 225px;
}
    }
 @media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 767px){
  .navbar-default .navbar-collapse {
  background: rgba(0, 0, 0, 0.5);
}
.testimonial-wrapper .bx-wrapper .bx-caption {
    border-radius: none;
    width: 92%;
}
.navbar-header.page-scroll {
display: inline-block;
float: left;
}
#page-top .navbar-default{
    margin-top: 0
}
#portfolio .portfolio-item {
margin: 0 0 45px;
}
.header_container{
    text-align: center;
    margin-top: 25px;
}
.navbar-brand{
    float: none;
    font-size: 28px;
    margin-top: 15px;
}
.navbar .sf-menu{
    text-align: center;
    float: none;
}
.navbar .sf-menu > li{
    float: none;
}
.navbar .sf-menu > li a{
    display: block;
}
.post_thumbnil img {
        width: 100%;
        height: auto;
}
.home_blog_content{
        text-align: center;
}
.home_blog_content .post{
    max-width: 360px;
    margin-right: 0px;
}
.home_blog_content .post .post_inner{
    margin-bottom: 35px;
}
footer{
    text-align: center;
}
footer span.copyright {
margin-bottom: 16px;
display: inline-block;
}
ul.social-buttons{
    float: none;
}
.content-bar{
    margin-right: 0;
}
.content-bar .post iframe {
    width: 100%;
    height: 400px;
    margin-bottom: -5px;
}
.content-bar .post .post_meta{
    font-size: 16px;
    line-height: 30px;
}
.brand-carousel #carousel-full .carousel-listing {
  width: 323px!important;
}
.brand-carousel #carousel-full .carousel-nav .carousel-prev{
left:10%;
}
.brand-carousel #carousel-full .carousel-nav .carousel-next{
right:10%;
}
#store_kurawanka .store_img,
#store_satellite .store_img,
#store_amongre .store_img {
    width: 100%;
    display: block;
    margin-right: 0;
    text-align: center;
}

#store_kurawanka .store_description,
#store_satellite .store_description,
#store_amongre .store_description {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
}

}
 @media only screen and (max-width: 480px) {
    .content-bar .post iframe {
    width: 100%;
    height: 200px;
    margin-bottom: -5px;
}

.testimonial-wrapper .bx-wrapper .bx-caption {
width: 83%;
}
.bx-wrapper img {
margin-right: 0px;
}
.brand-carousel #carousel-full .carousel-listing {
  width: 163px!important;
}
.NovelLite_slider .container_caption h1 {
display:none;
}
.NovelLite_slider .container_caption .theme-slider-button {
padding: 10px;
font-size: 16px;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.testimonial-wrapper .bx-wrapper .bx-caption {
width: 74%;
}
.bx-viewport {
height:560px;
}
.home_blog_content .post{
width:280px;
}
}