@charset "utf-8";

/* CSS Document */

@import url("foundation.css");

/***foundation 3 framework stylesheet***/


/* --------------------------------------------------------
author: Jelena P
website: http://themeforest.net/user/rayoflightt
----------------------------------------------------------*/


/* -----------------------------------------------------------
CONTENT:
html5 and responsive content
reset
home
portfolio pages
about us, team and one product page
prices
blog
contact
shortcodes
notification
additional classes


------------------------------------------------------------*/


/* HTML5 styles */

header,
nav,
article,
section,
aside,
footer {
    display: block;
}


/* HTML5 styles-end */

img {
    max-width: 100%;
    width: auto
}

img {
    -ms-interpolation-mode: bicubic;
}

img,
embed,
object,
video {
    max-width: 100%
}

.paddingtoptwo {
    padding-top: 42px;
}


/********* reset *********/


/**** added new column 1/5 - framework fix ****/

.c-2a {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0 10px;
}


/**** added new column 1/5 framework fix end ****/

ul,
ol {
    line-height: 1.6;
    margin: 0 0 21px 0;
    padding: 0;
}

ul li,
ol li {
    margin: 0 0 10px 0;
    padding: 0;
}

.bulletlist {
    list-style-type: none;
    padding-left: 15px;
    background: url(../images/linkbulletblack.png) left center no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    font-family: "pt serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
    font-weight: normal;
    margin: 21px 0 21px 0;
}

h6 {
    font-size: 15px;
    margin: 5px 0 5px 0;
}

p {
    color: #555555;
    font-size: 13px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
    line-height: 1.6;
    margin: 0 0 21px 0;
}

blockquote {
    margin: 0 0 21px 0;
    padding: 21px 20px;
}

blockquote p {
    margin: 0;
}

.blockqoute1 {
    margin: 0 20px 21px 10px;
    padding: 0 20px 0 10px;
    border: none;
}

.blockqoute1 p {
    margin: 0;
    padding: 20px;
    font-size: 17px;
    font-style: italic;
}

p.dropcap:first-letter {
    font-size: 44px;
    float: left;
    margin-right: 5px;
    color: #333333;
}

.centered {
    float: none;
    margin: 0 auto;
}

a.colornone {
    color: transparent !important;
}


/********* reset end *********/


/*for just vector fonts*/

@font-face {
    font-family: 'JustVector';
    src: url('fonts/justvectorv2-webfont.eot');
    src: url('fonts/justvectorv2-webfont.eot?#iefix') format('eot'), url('fonts/justvectorv2-webfont.woff') format('woff'), url('fonts/justvectorv2-webfont.ttf') format('truetype'), url('fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;
}

.vectorfont {
    font-family: 'JustVector';
}

.vectorfontsocialicons {
    color: #bfbfbf;
    font-size: 30px;
    margin: 0 5px 0 0;
    display: inline;
    background: #fff;
    border: #bfbfbf solid 5px;
    padding: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.vectorfontsocialicons:link,
.vectorfontsocialicons:visited {}

.vectorfontsocialicons:hover {}


/*for just vector fonts end*/


/********* home *********/

body {
    line-height: 1.6;
    color: #555555;
    font-size: 100%;
    font-family: "pt sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Tahoma, Sans-Serif;
    background: #FCFCFC;
    background-attachment: fixed;
}

.ecwid-Product {
    text-align: center;
}

.ecwid1 {
    text-align: center;
    padding-bottom: 10px;
}

.ecwid-productBrowser-head p {
    text-align: center;
    padding-bottom: 15px;
}

.ecwid-productBrowser-price {
    text-align: center;
    padding-bottom: 15px;
}


/**main button**/

.buttonmain1 {
    font-size: 21px;
    text-decoration: none;
    margin: 15px auto;
    width: 150px;
    text-align: center;
    float: right;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border: 7px solid #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    background-color: #000b5b;
}

.buttonmain1:link,
.buttonmain1:visited {}

.buttonmain1:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}

.buttontextmain1:link,
.buttontextmain1:visited {
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.buttontextmain1:hover {
    color: #fff;
}


/**main button end**/

.headertop {
    height: 70px;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

.headerbg1 {
    height: 89px;
    margin: 0 auto;
}

.phone {
    margin: 0px;
    height: 40px;
}

.phone p {
    float: right;
    font-size: 28px;
    margin: 0 0;
}

.phone span {
    font-size: 14px;
    color: #555555;
    font-style: normal;
}

.info-board {
    height: 18px;
    padding: 3px;
    margin: 10px 0 5px 0;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-align: right;
    float: right;
    line-height: 18px;
}

.time-board {
    height: 12px;
    padding: 0px 3px;
    margin: 0px 0 0 0;
    font-size: 12px;
    font-weight: normal;
    color: #555555;
    text-align: right;
    float: right;
    line-height: 18px;
}

.searchfield {
    height: 27px;
    padding: 3px;
    margin: 10px 0 0 0;
    font-size: 13px;
    font-weight: normal;
    color: #555555;
    text-align: left;
    color: #555555;
    float: right;
    border: #e6e6e6 solid 1px;
    background: #fff;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
}

#search {
    border: none;
    height: 22px;
    background: transparent;
    box-shadow: none;
    margin: 0;
    padding: 0 0 5px 3px;
    float: left;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
}

.searchfield div a {
    font-size: 21px;
}

.searchfield a {
    height: 30px;
    margin: -7px -10px 0 0;
    float: right;
    font-family: "GeneralFoundicons";
}

.searchfield a:link,
.searchfield a:visited {}

.searchfield a:hover {}

.logo {
    margin: 2px 0 0 0;
}

footer img.logo {
    margin: 14px 0;
}


/*drop down for desktop*/

.menulinemobile {
    display: none;
}

#menu .menuhome {
    text-align: center;
    color: #fff;
    height: 10px;
}

#menu {
    list-style: none;
    padding: 0;
    Z-index: 100;
    position: relative;
    margin: 0;
}

#menu ul {}

#menu li {
    height: 28px;
    padding: 28px 23px 0 23px;
    float: left;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
    line-height: 0;
}

#menu .menu1:hover {
    border-top: red 5px solid;
}

#menu li .mainmenu {
    width: 100%;
    color: #fff;
}

#menu li:hover .mainmenu {
    color: #fff;
}

#menu li .mainmenulast {
    background: none;
}

#menu li:hover .mainmenulast {
    background: none;
}

#menu a {
    height: 70px;
    font-size: 17px;
    float: left;
}

#menu li .mainmenu:hover a {}

#menu li:hover>ul {
    display: block;
}


/* Sub-menu */

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 500;
}

#menu ul ul {
    top: 0;
    left: 150px;
}

#menu ul li {
    padding: 14px 22px 14px 28px;
    width: 220px;
    height: auto;
    display: block;
    float: none;
    text-transform: none;
    padding: 0;
    display: block;
}

#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a {
    margin: 0;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    padding: 14px 22px 14px 23px;
    height: auto;
    width: 220px;
    text-transform: none;
    display: block;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

#menu ul a:hover {}


/***dropdown-menu for desktop-end***/

.imagehomepage {
    width: 100%;
    background: url(../images/bg1.png) repeat;
    float: left;
    height: auto;
    margin-bottom: 42px;
}

.imagehomepage img {
    margin-bottom: -5px;
}

.imagehomepage h5 {
    font-size: 44px;
    color: #fff;
    margin-top: 126px;
    margin-bottom: 0;
    font-family: "pt sans";
    text-transform: uppercase;
    line-height: 1;
}

.imagehomepage h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 105px;
    color: #fff;
    font-family: "pt sans";
    text-transform: uppercase;
    line-height: 1;
}

.imagehomepage h4 {
    color: #fff;
    margin-top: 0;
    font-size: 27px;
}

.mainheadlinebg1 {
    height: 126px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 32px auto;
    background: #E6E6E6;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-bottom: #fff 4px solid;
    border-top: 3px solid #fff;
}

.mainheadlinebg {
    width: 940px;
    margin: 0 auto;
}

.mainheadline {
    margin: 34px 0 0 0;
    font-family: "pt sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
    text-transform: uppercase;
    font-size: 28px;
    color: #000b5b;
    text-shadow: 1px 1px #fff;
}

.mainheadline1 {
    margin: 0;
    font-family: "pt sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
    line-height: 1.6;
}

.mainheadlinelink {}

.mainheadlinelink:link,
.mainheadlinelink:visited {}

.mainheadlinelink:hover {
    background: none;
}

.mainheadlinebg1down {
    height: 84px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 63px auto;
    background: #E6E6E6;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-bottom: #fff 4px solid;
    border-top: #fff 4px solid;
}

.mainheadlinebgdown {
    width: 940px;
    margin: 0 auto;
}

.mainheadlinedown {
    margin: 25px 0 0 0;
    font-family: "pt sans";
    text-transform: uppercase;
    font-size: 27px;
}

.mainheadlinedown span {
    padding: 0 6px 0 0;
}

.mainheadlinedown1 {
    margin: 25px 0 0 0;
    font-family: "pt sans";
    text-transform: uppercase;
    font-size: 27px;
}

.mainheadlinedown1 span {
    padding: 0 6px 0 0;
}


/***for main headlines on all pages except homepage***/

.mainheadlineall {
    width: 100%;
    height: 55px;
    margin: 0 0 21px 0;
    border-bottom: #1b294a 2px solid;
}

.mainheadlineall h5 {
    COLOR: #fff;
}

.mainheadlineall .row h1 {
    COLOR: #1b294a;
    font-family: "pt serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
    text-transform: uppercase;
    margin: 7px 0 0 0;
    font-size: 27px;
    padding-top: 5px;
}

.mainheadlineall span {
    font-size: 15px;
    padding-left: 10px;
    text-transform: lowercase;
}


/***for main headlines on all pages except homepage end***/


/* main columns block*/

.maincolumnsblock ul {
    float: left;
    list-style: none;
    padding: 0;
}

.maincolumnsblock ul li {
    position: relative;
    float: left;
    padding: 0;
    margin-top: 40px;
}

.maincolumnsblock ul li h3 {
    text-align: center;
    width: 210px;
    position: relative;
    margin: 21px auto 0 auto;
    color: #333333;
    padding: 0;
    font-size: 23px;
}

.maincolumnsblock ul li h3 span {
    padding: 0 3px;
}

.maincolumnsblock ul li p {
    text-align: left;
    margin: 21px auto;
    width: 70%;
}

.circlepicture {
    background: url(../images/1small.png) no-repeat center top;
    width: 180px;
    height: 180px;
}

.maincolumnsblock ul li .circle {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
    border: #fff 4px solid;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}

.maincolumnsblock ul li:hover .circle {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid: DXImageTransform.Microsoft.Matrix( sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);
}


/*for second homepage*/

.maincolumnsblock ul li .circle1 img {
    /*background: url(../images/top_circle1.jpg) center center no-repeat;*/
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    /*margin:21px auto 0 auto;*/
    margin: 0px auto 0 auto;
    display: block;
    width: 172px;
    height: 172px;
    z-index: 10;
}

.maincolumnsblock ul li .circle2 img {
    /*background: url(../images/top_circle2.jpg) center center no-repeat;*/
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    /*margin:21px auto 0 auto;*/
    margin: 0px auto 0 auto;
    display: block;
    width: 172px;
    height: 172px;
    z-index: 10;
}

.maincolumnsblock ul li .circle3 img {
    /*background: url(../images/top_circle3.jpg) center center no-repeat;*/
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    /*margin:21px auto 0 auto;*/
    margin: 0px auto 0 auto;
    display: block;
    width: 172px;
    height: 172px;
    z-index: 10;
}

.maincolumnsblock ul li .circle4 {
    background: url(../images/4small.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 21px auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
}


/*for second homepage end*/

.button1 {
    display: block;
    margin: 0 auto 21px auto;
    float: none;
    color: #fff;
    padding: 4px 0 3px 0;
    text-decoration: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}

.button1:link,
.button1:visited {
    color: #fff;
}

.button1wrapper a.button1 {}

.button1:hover {
    color: #FFF;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}

.maincolumnsblock1 ul {
    float: left;
    list-style: none;
    padding: 0;
}

.maincolumnsblock1 ul li {
    position: relative;
    float: left;
    padding: 0;
    margin-bottom: 21px;
}

.maincolumnsblock1 ul li h3 {
    text-align: left;
    width: 210px;
    position: relative;
    margin: 21px 0 0 0;
    color: #333333;
    padding: 0;
    font-size: 21px;
}

.maincolumnsblock1 ul li h3 span {
    padding: 0 3px;
}

.maincolumnsblock1 ul li p {
    text-align: left;
    margin: 21px 10px 21px 0;
}

.maincolumnsblock1 ul li .circle {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
    border: #fff 4px solid;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}

.maincolumnsblock1 ul li:hover .circle {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid: DXImageTransform.Microsoft.Matrix( sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);
}


/*for first homepage*/

.maincolumnsblock1 ul li .circle1 {
    background: url(../images/2small.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 21px auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
}

.maincolumnsblock1 ul li .circle2 {
    background: url(../images/2small.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 21px auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
}

.maincolumnsblock1 ul li .circle3 {
    background: url(../images/3small.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 21px auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
}

.maincolumnsblock1 ul li .circle4 {
    background: url(../images/4small.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 21px auto 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    z-index: 10;
}


/*for first homepage end*/


/* main columns block end*/


/** accordion3 for homepage**/

.accordion3 {
    margin: 0 0 0 0;
    height: auto;
}

.accordion3 p {
    color: #555555;
    text-align: left;
    padding-bottom: 21px;
}

.accordion3 a {
    font-size: 17px;
}


/** accordion3 end**/

.video {
    margin: 0 0 42px 0;
}

.video iframe {
    width: 100%;
    height: 272px;
}

.picturehomepage {
    width: 380px;
    margin: 0 0 63px 40px;
    ;
}

.portfoliohome {
    list-style: none;
}

.portfoliohome ul {
    margin-bottom: 0;
}

.portfoliohome ul li {
    margin-top: 0;
}

.portfoliohome ul li img {}

;

/* tabs */

ul.tabs {
    margin: -21px 0 1px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    margin: 0 2px 0 0;
    border-left: none;
    background: ;
    overflow: hidden;
    position: relative;
}

ul.tabs {
    margin: -21px 0 1px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    margin: 0 2px 0 0;
    border-left: none;
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: #333333;
    display: block;
    padding: 0 10px;
    background: #E6E6E6;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

ul.tabs li a:hover {
    color: #fff;
}

.tab_content section a {
    font-size: 40px;
    padding-left: 20px;
    padding-top: 10px;
}

.tab_container {
    background: #E6E6E6;
    margin: 0 0 63px 0;
    clear: both;
    float: left;
    width: 100%;
}

.tab_content {}

.tab_content h4 {
    font-weight: normal;
    margin: 15px 0 0 10px;
    line-height: 1.6;
}

.tab_content h6 {
    font-weight: normal;
    margin: 0 0 0 9px;
}

.tab_content p {
    margin: 0 0 21px 10px;
}

.icontab {
    float: left;
    margin: 0 20px 0 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.icontab:link,
.icontab:visited {
    float: left;
}

.icontab:hover {
    float: left;
}

.icontabsize a {
    font-size: 44px;
}

.icontabhome2 {
    font-size: 44px;
    margin-left: 20px;
    margin-top: 10px;
}


/* tabs end */


/* testimonials */

.testimonials {
    margin: 0 0 0 50px;
    padding: 0;
    float: right;
    width: 100%;
}

.quotes {
    width: 60px;
    height: 40px;
    color: #E6E6E6;
}

.quotes i {
    font-size: 44px;
}


/***dashed line***/

.dashedline {
    margin: 0 0 21px 0;
    padding: 0;
    background: url(../images/dashedline.png) repeat;
}

.dashedline span {
    background: #FCFCFC;
    padding-right: 5px;
}

.dashedline1 {
    margin: 42px 0 21px 0;
    width: 100%;
    height: 2px;
    padding: 0;
    background: url(../images/dashedline1.png) repeat-x;
}

.dashedline2 {
    margin: 0;
    padding: 0;
    background: url(../images/dashedline2.png) repeat-x;
}

.dashedline2 span {
    background: #FCFCFC;
    padding-right: 5px;
}


/***dashed line end***/

#testimonials blockquote {
    border: none;
    margin: 0 0 0 0;
    padding: 0;
    color: #555555;
}

#testimonials blockquote cite {
    border: none;
    margin: 0 0 21px 0;
    padding: 0 0 21px 0;
    font-weight: normal;
    font-size: 17px;
    color: #333333;
    font-style: normal;
    line-height: 1.6;
}


/* testimonials end*/

.carouselmobile {
    display: none;
}

.carouselclientsmobile {
    display: none;
}

.paralaximage {
    display: none;
}

.mapmobile {
    display: none;
}


/** accordion for menu on mobile devices**/

.accordion1 {
    margin: 0 0 0 10px;
    text-align: center;
    height: auto;
    position: relative;
    z-index: 100;
}

.accordion1 a {
    margin: 0;
    display: block;
    color: #fff;
}

.accordion1 a:hover {
    margin: 0;
}

.accordion1 h3 {
    padding: 5px;
    margin: 0 0 0 0;
    display: block;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.accordion1 h3:hover {
    color: #fff;
}

.accordion1 div {
    display: none;
    height: auto;
}

.accordion1 section ul {
    list-style: none;
    margin: 0;
}

.accordion1 section ul li {
    margin: 0;
    padding: 10px;
}

.accordion1 section ul li:hover {}

.accordion1 h3.active a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}


/** accordion end**/


/******footer******/

.footerwrapper {
    height: auto;
    margin: 0 auto;
}

.footerwrapper a {
    color: #fff;
}

.footerabout {
    color: #fff;
    margin: 0 20px 21px 0;
}

.footerheadline {
    color: #fff;
    margin: 42px 0;
}

.footerlinkswrapper {
    float: left;
    list-style: none;
    margin: 0 20px 21px 0;
}

.footerlinks {
    margin: 0 0 5px 0;
    display: block;
    float: left;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.footerlinks:link,
.footerlinks:visited {}

.footerlinks:hover {}

.subscribefieldwrapper {
    float: left;
    margin: 0 0 0 0;
    height: auto;
    width: auto;
}

.subscribefield {
    float: left;
    margin: 0;
    height: 30px;
    width: auto;
    padding: 0 0 0 10px;
    color: #555555;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.buttonmain2 {
    font-size: 13px;
    text-decoration: none;
    width: 100px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border: 7px solid #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    color: #fff;
}

.buttonmain2:link,
.buttonmain2:visited {
    text-align: center;
    text-decoration: none;
}

.buttonmain2:hover {}

.bottomlinks {
    margin: 0 0 0 0;
}

ul.bottomlinks {
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}

.links {
    margin: 0 0 0 15px;
    display: block;
    float: right;
    text-decoration: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.links:link,
.links:visited {
    display: block;
    float: right;
    text-decoration: none;
}

.links:hover {}

.flickr {
    list-style: none;
    float: left;
    margin: 0;
    border: none;
}

.flickr li {
    list-style: none;
    float: left;
    margin: 0 5px 0 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.flickr li:hover {
    opacity: .7;
}

.icons {
    float: left;
}

.icons a {
    width: 42px;
    height: 42px;
}

.splitterfacebook {
    float: left;
    margin: 0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    background: url(../images/splitterfacebook.png) left top no-repeat;
}

.splitterfacebook:link,
.splitterfacebook:visited {
    float: left;
}

.splitterfacebook:hover {
    float: left;
    ;
    background: url(../images/splitterfacebook.png) right top no-repeat;
}

.splittergoogleplus {
    float: left;
    margin: 0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    background: url(../images/splittergoogleplus.png) left top no-repeat;
}

.splittergoogleplus:link,
.splittergoogleplus:visited {
    float: left;
}

.splittergoogleplus:hover {
    float: left;
    background: url(../images/splittergoogleplus.png) right top no-repeat;
}

.splittertwitter {
    float: left;
    margin: 0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    background: url(../images/splittertwitter.png) left top no-repeat;
}

.splittertwitter:link,
.splittertwitter:visited {
    float: left;
}

.splittertwitter:hover {
    float: left;
    background: url(../images/splittertwitter.png) right top no-repeat;
}

.splittervimeo {
    float: left;
    margin: 0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    background: url(../images/splittervimeo.png) left top no-repeat;
}

.splittervimeo:link,
.splittervimeo:visited {
    float: left;
}

.splittervimeo:hover {
    float: left;
    background: url(../images/splittervimeo.png) right top no-repeat;
}

.splitterlinkedin {
    float: left;
    margin: 0 0 0 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    background: url(../images/splitterlinkedin.png) left top no-repeat;
}

.splitterlinkedin:link,
.splitterlinkedin:visited {
    float: left;
}

.splitterlinkedin:hover {
    float: left;
    background: url(../images/splitterlinkedin.png) right top no-repeat;
}

.copyright {
    color: #cccccc;
    margin: 14px auto 21px auto;
    float: left;
    width: 265px;
}

.copyright a:link,
.copyright a:visited {}

.copyright a:hover {}

footer section.c-4 {
    text-align: right;
}

div.floating{
    bottom: -200px;
    width: 100%;
    max-width: 400px;
    position: fixed;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: 3px solid #fff;
    border-bottom: none;
}
div.floating img{
    display: block;
}
/*　上に上がる動き　*/

div.floating.UpMove{
    animation: UpAnime 0.5s forwards;
  }
  @keyframes UpAnime{
    from {
      bottom:-200px;
    }
    to {
      bottom:0px;
    }
  }
  
  /*　下に下がる動き　*/
  
  div.floating.DownMove{
    animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
    from {
        bottom:0px;
    }
    to {
      bottom:-200px;
    }
  }
/******twitter******/

.twitterwrapper {
    display: block;
    overflow: hidden;
    height: 25px;
    width: auto;
    float: left;
    margin: 21px 0;
}

.twitterblueicon {
    float: left;
    width: auto;
    height: 30px;
    font-size: 25px;
    margin: -5px 0 5px 0;
}

.tweet {
    height: 21px;
    overflow: hidden;
}

#ticker ul.tweet_list {
    overflow-y: hidden;
    padding-left: 7px;
}

#ticker .tweet_list li {
    height: 52px;
    color: #fff;
    list-style: none;
}

#ticker .tweet_list li a {
    height: 52px;
    text-decoration: none;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

#ticker .tweet_list li a:hover {}

.tweet_list .tweet_avatar {
    display: none;
}


/******twitter end******/

.scrollbutton {
    float: right;
    margin: 21px 0 21px 0;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    border: none;
    height: 30px;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.scrollbutton:link,
.scrollbutton:visited {}

.scrollbutton:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid: DXImageTransform.Microsoft.Matrix( sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);
}

.scrollbutton a {
    font-size: 34px;
}


/****footer end****/


/********* home end *********/


/******portfolio pages******/

.pagination {
    margin-bottom: 21px;
    margin-top: 0;
}

.pagination a {
    padding: 0 5px 0 5px;
    font-weight: bold;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: #fff;
    margin: 0 10px 0 0;
}

.navigation {}

.navigation a {
    padding: 0 5px;
    background: #fff;
    margin: 0 0 0 5px;
    float: right;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.navigation a:link,
.navigation a:visited {
    padding: 0 5px;
    color: #fff;
}

.navigation a:hover {
    padding: 0 5px;
    color: #fff;
}

.portfoliolinks {
    display: inline-block;
    float: left;
    margin: 84px 0 21px 0;
}

.portfoliolinks ul li {
    margin: 0;
    display: inline-block;
    list-style: none;
    float: right;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.portfoliolinks ul li:link,
.portfoliolinks ul li:visited {}

.portfoliolinks ul li:hover {}


/**** for filter portfolio ****/

.splitter {
    margin: 21px 0 0 0;
}

.splitter:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.splitter ul {
    margin-left: 0;
}

.splitter ul li {
    background: #ededed;
    margin-right: 5px;
    transition: all 0.2s ease 0s;
}

.splitter ul li:hover {
    background: #39aecf;
}

.splitter li,
.splitter ul,
.splitter ul li a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
}

.splitter ul,
.splitter ul li,
.splitter ul li a {
    background-repeat: no-repeat;
}

.splitter li ul li a {
    color: #333333;
    padding: 3px 10px;
    text-decoration: none;
}

.splitter li ul li a:link {}

.splitter li ul li a:hover {
    color: #fff;
}

.image-grid {
    list-style: none;
}

.image-grid:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.image-grid li {
    float: left;
    text-align: center;
    overflow: hidden;
    margin: 10px 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.image-grid li img,
.image-grid li strong {
    display: block;
}

.image-grid li img {
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: #fff 4px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.image-grid li img:hover {
    opacity: .2;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid: DXImageTransform.Microsoft.Matrix( sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);
}


/******portfolio end******/


/**** about us, team and one product pages****/

.quotesabout {
    width: auto;
    height: auto;
}

.aboutusheadline2 {
    margin: 0 0 21px 0;
    padding: 0;
}

.aboutustext {}

.aboutuscolumns ul {
    float: left;
    list-style: none;
}

.aboutuscolumns ul li {
    position: relative;
    float: left;
    margin-bottom: 21px;
}

.aboutuscolumns ul li h3 {
    width: 210px;
    position: relative;
    margin: 0 auto 0 auto;
    color: #333333;
    padding: 0;
}

.aboutuscolumns ul li h4 span {
    padding: 0 3px;
}

.aboutuscolumns ul li p {
    margin: 21px 20px 21px 0;
}

.aboutusicons {
    margin-top: -21px;
}

.aboutusicons a {
    margin-right: 5px;
    font-size: 27px;
}

.aboutuscolumns .picture {
    background: url(../images/team.png) center center no-repeat;
    width: 190px;
    height: 190px;
    background-size: 100% 100%;
    margin: 21px 0 0 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border: #fff 4px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.aboutusrows .picture {
    margin: 21px 0 42px 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border: #fff 4px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.aboutusrows .picturewrapper {
    width: 100%;
}

.aboutusrows h5 {
    margin: 0 0 21px 0;
    padding-top: 21px;
}

.oneproductfeatures {
    margin-bottom: 21px;
}

.oneproductfeatures ul li {
    list-style: none;
    padding: 0 0 0 15px;
    background: url(../images/linkbulletblack.png) left center no-repeat;
    font-weight: bold;
}

.headlinetab1about {
    margin: 21px 0 21px 20px;
}

.headlinetab1about span {
    font-size: 13px;
    padding-left: 10px;
}

.productheadline {
    width: 100%;
}

.productheadline h2 {
    font-size: 21px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-family: "pt sans";
    color: #fff;
    float: left;
    margin: 21px 0 11px 0;
}



.productheadline h3 {
    float: left;
    margin: 21px 0 21px 0;
}

.productlist {
    margin-bottom: 21px;
}

.productlist li {
    list-style: none;
}

.headlinetab1product {
    padding: 0 0 0 10px;
}

.containertabs {
    margin: 21px 0 0 0;
}

.about h3 {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0;
}


/*for aboutpage2*/

.about p {
    margin-right: 10px;
    margin-left: 10px;
    /*for aboutpage2*/
}


/** accordion4 for homepage**/

.accordion4 {
    margin: 21px 0 42px 0;
    height: auto;
    padding: 0 5px 0 5px;
}

.accordion4 p {
    color: #555555;
    text-align: left;
    margin: 0 20px;
}

.accordion4 a {
    margin: 0 10px 0 20px;
    display: block;
    color: #333333;
}

.accordion4 a:hover {}

.accordion3 dt {
    border: none;
    outline: none;
    cursor: pointer;
}

.accordion3 dd a {
    font-size: 40px;
}

.accordion4 dt {
    padding: 0 20px 11px 0;
    margin: 0 0 2px 0;
    position: relative;
    text-align: left;
    color: #333333;
    cursor: pointer;
    font-size: 17px;
    font-family: "pt serif";
}

.accordion4 dt span {}

.accordion4 dt {
    background: #e6e6e6 url(../images/right.png) no-repeat right center;
}

.accordion4 dt:hover {
    background: #e6e6e6 url(../images/down.png) no-repeat right center;
}

.accordion4 dt:focus {
    background: #e6e6e6 url(../images/down.png) no-repeat right center;
}


/** accordion4 end**/


/**** about us, team and one product pages end****/


/**** prices page****/

.prices {
    margin: 21px 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    height: 445px;
}

.prices h3 {
    text-align: center;
    padding: 17px 0 0 0;
}

.prices h4 {
    text-align: center;
    color: #fff;
    padding: 26px 0 0 0;
    font-size: 44px;
}

.prices h4 sup {
    font-size: 21px;
}

.prices img {
    width: 100%;
}

.pricelist {
    list-style: none;
    margin: 42px auto 21px auto;
}

.pricelist li {
    text-align: center;
}

.pricelist li strong {
    font-weight: bold;
}

.prices1 {
    margin: 42px 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    height: 560px;
    background: #fff;
}

.prices1 h4 {
    font-size: 16px;
    text-align: center;
    padding: 10px 0 0 0;
    font-weight: bold;
}

.pricesrowcolor {
    margin: -10px 0 10px 0;
    float: left;
    width: 100%;
    height: 105px;
}

.pricesrowcolor h4 {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 44px;
}

.pricesrowcolor h4 sup {
    font-size: 21px;
}

.pricesrow {
    margin: -10px 0 10px 0;
    float: left;
    width: 100%;
    height: 15px;
    background: #0b152e;
}

.pricesrow h4 {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 44px;
}

.pricesrow h4 sup {
    font-size: 21px;
}


/**** prices end ****/


/**** contact page****/

.map {
    border: none;
    margin: 21px 0;
    width: 940px;
}


/*for contact form*/

#main {
    width: 100%;
    height: 274px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.commentfield {
    font-family: "pt sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
    margin: 0 0 21px 0;
    border: none;
    padding: 5px;
    color: #555555;
    font-size: 13px;
    float: left;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}

.contact1 {
    color: #555555;
    width: 50%;
    padding: 2% 1% 0 2%;
    float: left;
}

.contact2 {
    color: #555555;
    width: 50%;
    float: right;
    padding: 2% 2% 0 1%;
}

.textarea {
    width: 96%;
    margin: 0 2% 21px 2%;
    height: 147px;
    padding: 5px;
    float: left;
    font-size: 13px;
    font-family: "pt sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}

.buttoncontact {
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border: 4px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
    margin: 0 0 0 17px;
    width: 150px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}

.buttoncontact:link,
.buttoncontact:visited {}

.buttoncontact:hover {
    color: #fff;
}


/*for contact form end*/


/**** contact page end****/


/****** blog ******/

.blogvideo {
    width: 100%;
    height: 300px;
    margin: 0 0 21px 0;
}

.workimage {
    margin-bottom: 21px;
    /*border:5px solid #fff;
	box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
	-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
	-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.blogheadline {
    font-size: 21px;
    margin: 21px 0;
}

.blogheadline span {
    background: #FCFCFC;
    padding: 0 5px 0 0;
}

.date {
    margin: 0 0 21px 0;
}

.date h6 {
    padding: 3px 9px;
    display: inline;
    color: #fff;
    margin: 0 0 21px 0;
}

.metadata {}

.metadata a {
    text-decoration: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.metadata a:link,
.metadata a:visited {}

.metadata a:hover {}

.blogpost p {
    margin-bottom: 0;
}

.blogbutton {
    font-size: 17px;
    text-decoration: none;
    width: 120px;
    margin: 0 0 21px 0;
    float: right;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border: 7px solid #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
}

.blogbutton:link,
.blogbutton:visited {}

.blogbutton:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}

.blogbuttontext:link,
.blogbuttontext:visited {
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    font-size: 17px;
}

.blogbuttontext:hover {
    color: #fff;
}

.blogcomments {}

.personicon {
    font-size: 75px;
    color: #e6e6e6;
}

.blogcomments img {}

.blogcomments a {
    float: right;
    padding-bottom: 21px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.blogcomments a :link,
.blogcomments a :visited {}

.blogcomments a:hover {}

.sidebarheadline {
    margin: 21px 0 0 0;
}

.sidebarlinkswrapper {
    float: left;
    list-style: none;
    margin: 0 20px 21px 20px;
}

.sidebarlinks {
    margin: 0 0 5px 0;
    display: block;
    float: left;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.sidebarlinks:link,
.sidebarlinks:visited {}

.sidebarlinks:hover {}

.containertabsblog {
    margin: 21px 0 0 0;
}

ul.tabsblog {
    margin: 0 0 1px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
}

ul.tabsblog li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    margin: 0 2px 0 0;
    border-left: none;
    background: ;
    overflow: hidden;
    position: relative;
}

ul.tabsblog li a {
    text-decoration: none;
    color: #333333;
    display: block;
    padding: 0 10px;
    background: #E6E6E6;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

ul.tabsblog li a:hover {
    color: #fff;
}

.tab_contentblog ul {
    float: left;
    margin: 21px 0 0 20px;
}

.tab_contentblog p {
    list-style: none;
    color: #555555;
    font-size: normal;
    font-style: normal;
    font-size: 13px;
    padding: 20px 20px 0 20px;
}


/** accordion2 for sidebar**/

.accordion2 {
    margin: 0 0 21px 0;
    height: auto;
}

.accordion2 p {
    color: #555555;
    text-align: left;
}

.accordion2 a {
    font-size: 17px;
}

.accordion2 a:hover {}

.accordion2 dd ul li {
    list-style: none;
    padding-left: 15px;
    background: url(../images/linkbulletblack.png) left center no-repeat;
    display: block;
    color: #555555;
    list-style: none;
    font-size: 13px;
}

.accordion2 dd ul li a {
    list-style: none;
    display: block;
    list-style: none;
    font-size: 13px;
}


/** accordion2 end**/


/*tags blog sidebar */

#tags ul {
    margin: 42px 5px;
    text-align: center;
}

#tags li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#tags li a {
    text-decoration: none;
    padding: 5px;
}

#tags li a:hover {}

.tag1 {
    font-size: 100%;
}

.tag2 {
    font-size: 120%;
}

.tag3 {
    font-size: 140%;
}

.tag4 {
    font-size: 160%;
}

.tag5 {
    font-size: 180%;
}

.btn {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    margin: 0 0 21px 15px;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    text-transform: uppercase;
}

.btn:link,
.btn:visited {
    color: #fff;
}

.btn:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}


/*tags blog sidebar end*/

.blogthumb {
    margin: 0;
    padding: 0;
}

.blogthumbpicture {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 0 0 0;
    background: url(../images/1s.jpg) top center no-repeat;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    margin-bottom: 21px;
}

.blogthumbpicture:link,
.blogthumbpicture:visited {}

.blogthumbpicture:hover {
    opacity: .7;
}

.blogthumbpicturesidebar {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 0 0 0;
    background: url(../images/1s.jpg) top center no-repeat;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    margin-bottom: 21px;
}

.blogthumb p {
    font-size: 13px;
    font-style: normal;
    margin: 0;
    padding: 0;
}

.image-grid1 {
    list-style: none;
}

.image-grid1:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.image-grid1 li {
    float: left;
    overflow: hidden;
    margin: 10px 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.image-grid1 li img,
.image-grid1 li strong {
    display: block;
}

.image-grid1 li img {
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: #fff 4px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.image-grid1 li img:hover {
    opacity: .2;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid: DXImageTransform.Microsoft.Matrix( sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);
}


/****** blog end ******/


/********* shortcodes *********/


/****** buttons ******/


/*first button*/

.b1 {
    font-size: 21px;
    text-decoration: none;
    width: 150px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border: 7px solid #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
}

.b1:link,
.b1:visited {}

.b1:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}

.b1text:link,
.b1text:visited {
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.b1text:hover {
    color: #fff;
}

.b1size1 {
    width: 200px;
    height: auto;
    font-size: 21px;
}

.b1size2 {
    width: 155px;
    height: auto;
    font-size: 17px;
}

.b1size3 {
    width: 118px;
    height: auto;
    font-size: 13px;
}


/*first button end*/


/*second button*/

.b2 {
    display: block;
    float: none;
    background: #E6E6E6;
    color: #555555;
    padding: 4px 0 3px 0;
    text-decoration: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    text-align: center;
    text-transform: uppercase;
}

.b2:link,
.b2:visited {}

.b2wrapper a.b2 {}

.b2:hover {
    color: #FFF;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}

.b2size1 {
    width: 170px;
    height: auto;
    font-size: 21px;
}

.b2size2 {
    width: 150px;
    height: auto;
    font-size: 17px;
}

.b2size3 {
    width: 110px;
    height: auto;
    font-size: 13px;
}


/*second button end*/


/****** buttons end ******/


/****notifications****/

.notification1 {
    height: 43px;
    width: 100%;
    background: #b6d9a9;
}

.notification1 i {
    font-size: 27px;
    color: #fff;
    display: inline-block;
}

.notification1 p {
    padding: 7px 0 10px 0;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification1 a {
    padding: 9px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification2 {
    height: 43px;
    border: #e6e6e6 solid 1px;
    width: 100%;
    background: #a9cfd9;
}

.notification2 i {
    font-size: 27px;
    color: #fff;
    display: inline-block;
}

.notification2 p {
    padding: 7px 0 10px 0;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification2 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification3 {
    height: 43px;
    border: #e6e6e6 solid 1px;
    width: 100%;
    background: #daa2a2;
}

.notification3 i {
    font-size: 27px;
    color: #fff;
    display: inline-block;
}

.notification3 p {
    padding: 7px 0 10px 0;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification3 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification4 {
    height: 43px;
    border: #e6e6e6 solid 1px;
    width: 100%;
    background: #dce094;
}

.notification4 i {
    font-size: 27px;
    color: #fff;
    display: inline-block;
}

.notification4 p {
    padding: 7px 0 10px 0;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification4 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification5 {
    height: 43px;
    width: 100%;
    background: #b6d9a9;
}

.notification5 p {
    padding: 8px 0 0 20px;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification5 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification6 {
    height: 43px;
    border: #e6e6e6 solid 1px;
    width: 100%;
    background: #a9cfd9;
}

.notification6 p {
    padding: 7px 0 0 20px;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification6 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification7 {
    height: 43px;
    border: #e6e6e6 solid 1px;
    width: 100%;
    background: #daa2a2;
}

.notification7 p {
    padding: 7px 0 0 20px;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification7 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}

.notification8 {
    height: 43px;
    border: #e6e6e6 solid 1px;
    width: 100%;
    background: #dce094;
}

.notification8 p {
    padding: 7px 0 0 20px;
    color: #fff;
    font-size: 17px;
    display: inline-block;
}

.notification8 a {
    padding: 12px 21px 0 50px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    float: right;
}


/****notifications end****/


/****additional classes****/

.searchicon a {
    font-size: 21px;
    margin-right: -10px;
}

.margintop15 {
    margin-top: 15px;
}

.margintopzero {
    margin-top: 0;
}

.margintoptwo {
    margin-top: 42px;
}

.margintopthree {
    margin-top: 63px;
}

.margintopminusone {
    margin-top: -21px;
}

.margintopone {
    margin-top: 21px;
}

.marginbottomone {
    margin-bottom: 21px;
}

.marginbottomtwo {
    margin-bottom: 42px;
}

.marginright17 {
    margin-right: 17px;
}

.marginbottomzero {
    margin-bottom: 0;
}

.marginbottomzero p {
    margin-bottom: 0;
}

.marginbottomtwo {
    margin-bottom: 42px;
}

.marginbottomthree {
    margin-bottom: 63px;
}

.marginlefthalf {
    margin-left: 10px;
}

.marginrighttwo {
    margin-right: 42px;
}

.displayblock li {
    display: block;
}

.icontababout {
    font-size: 44px;
    margin-left: 20px;
    margin-top: 10px;
}

.seemoreproducts {
    margin-bottom: 42px;
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px;
}

.seemoreproducts a {
    width: auto;
    max-width: 180px;
}

.paddingbottomone {
    padding-bottom: 21px;
}

.paddingrightone {
    padding-right: 20px;
}

.paddingleftone {
    padding-left: 20px;
}

.paddingleft30 {
    padding-left: 30px;
}

.marginleftzero {
    margin-left: 0;
}

.changedrow {
    width: 980px;
}

.latestworkhome {
    margin: 0 20px 0 20px;
}

.latestworkhomemobile {
    margin: 0 15px 0 20px;
}

.carouselclients1 {
    width: 980px;
    border: none;
    background: transperent;
    box-shadow: none;
}

.buynowproduct {
    float: none;
    margin: 0 auto 21px auto;
}

.similarproducts {
    margin: 21px 0 42px 0;
}

.moreproductsonepage {
    margin-top: 11px;
    margin-bottom: 21px;
    width: auto;
    min-width: 50px;
    max-width: 180px;
    display: inline-block;
}

.left {
    float: left;
}

#menu .menu1 a {
    line-height: 16px;
    text-align: center;
}

span.small {
    font-size: 10px;
}

.top-bg,
.bottom-bg {
    height: 11px;
}

.top-bg {
    background: url("/images/page-title-bg-top.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

.footer-widgets {
    background: url("/images/footer-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.footer-glow {
    background: url("/images/footer-glow.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.aligncenter-text {
    text-align: center;
}

.footer-info-txt {
    color: #BDBDBD;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    text-shadow: -1px -1px 1px #000101;
    font-weight: normal;
}

.footer-glow p {
    padding: 20px 0;
}

.footerwrapper .c-8 p {
    margin: 10px 0 12px 0;
    color: #eee;
}
.footerwrapper > .row{
    padding-bottom: 130px;
}
.must {
    color: #FF3C41;
}

#work_menu {
    text-align: left;
}

#work_menu a {
    text-align: left;
}

#work_menu a small {
    font-size: 10px;
}

.workimage_thumb {
    width: 119px;
    height: 99px;
    /*border:5px solid #fff;*/
    /*box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
	-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
	-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.marginright {
    margin-right: 16px;
}

.marginleft {
    margin-left: 16px;
}

.maincolumnsblock ul li p.nomargin {
    margin: 0px;
}


/*** office page **************/

ul#office_content {
    margin-top: 20px;
}

ul#office_content li {
    list-style: none;
}

ul#office_content li img {}

.padding010 {
    padding: 0 10px;
}


/*** other ************/

table.worktable {
    border: none;
    text-align: left;
}

table.worktable td,
table.worktable th {
    padding: 5px 15px;
}

table.worktable td,
table.worktable th,
p.workp {
    font-size: 15px;
    font-weight: bold;
    color: #666;
}

h4#aboutus {
    font-size: 24px;
    color: #000b5b;
    text-shadow: 1px 1px #fff;
    text-align: center;
    line-height: 1.8;
    background: #eee;
    padding: 20px;
    border-radius: 20px;
    letter-spacing: 0.1em;
    border: 5px solid #fff;
    box-shadow: 0px 0px 1px #ccc;
}
.banner-box{
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px !important;
}
.banner-box a{
    display: block;
}
.banner{
    width: 100%;
}

.b-pc{
    display: block;
}

.b-sp{
    display: none;
}

@media screen and (max-width:480px) { 
    .banner-box{
        padding-bottom: 10px;
    }
    .b-pc{
        display: none;
    }
    
    .b-sp{
        display: block;
    }
}