@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,600,700,900|Raleway:400,600,700,900');

body {
    margin: 0;
    padding: 0
}

.cp_theme-style-1 {
    background-color: #f0f0f0
}

.cp_theme-2-bg {
    background-color: #fff
}

.cp_theme-3-bg {
    background-image: url(../images/Index-3-pattren-bg.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-size: 100%
}

.cp_theme-4-bg {
    background-image: url(../images/index-style-4bg.png);
    background-repeat: repeat;
    background-position: center top;
    background-size: cover;
    background-color: #fff
}

#wrapper {
    float: left;
    width: 100%
}

.cp_theme-style-1 a.btn-style-1 {
    display: table;
    margin: 0 auto;
    border: 2px solid #fff;
    padding: 9px 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.cp_theme-style-1 h1 {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 0 50px
}

.cp_theme-style-1 h2 {
   /*  font-family: playfair display, serif; */
   font-family: 'Muli', sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    display: block;
    text-align: left;
    margin: 0 0 10px
}

.cp_theme-style-1 h2 a {
    text-decoration: none;
    color: #000
}

.cp_theme-style-1 h4 {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin: 0 0 10px
}

.cp_theme-style-1 p {
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    margin: 0
}

#banner {
    float: left;
    width: 100%;
    background-color: #000;
    position: relative
}

#banner img {
    width: 100%;
    display: block
}

.banner-social {
    position: absolute;
    right: 100px;
    top: 45px
}

.banner-social ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.banner-social ul li {
    display: block;
    overflow: hidden;
    padding: 0 0 15px
}

.banner-social ul li a {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-decoration: none
}

#banner .caption {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 80%
}

#banner .caption .holder {
    max-width: 700px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

#banner .caption .holder em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    display: block;
    padding: 0 0 20px
}

#banner .caption .holder h1 {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px
}

#banner .caption .holder h1 span {
    font-weight: 400
}

#banner .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0
}

#banner .bx-wrapper .bx-viewport {
    background: 0 0;
    border: 0;
    box-shadow: none;
    left: 0
}

#banner .bx-viewport > ul {
    margin: 0;
    padding: 0
}

#banner .bx-wrapper .bx-pager, #banner .bx-wrapper .bx-controls-auto {
    display: none
}

#banner .bx-wrapper .bx-controls-direction a {
    display: none
}

.banner-2 {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 80px
}

#cp-header-style-1 {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .19);
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .19)
}

#cp-header-style-1 .navbar {
    border-radius: 0
}

#cp-header-style-1 .navbar {
    border: 0;
    margin-bottom: 0;
    min-height: inherit
}

#cp-header-style-1 .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    padding: 28px 0 18px;
    clear: both
}

#cp-header-style-1 strong.logo {
    float: left;
    margin: 0
}

#cp-header-style-1 strong.logo a {
    text-decoration: none;
    display: block;
    height: 100%
}

#cp-header-style-1.cp-header-style-4 {
    float: left;
    width: 100%;
    padding: 40px 0 90px
}

#wrapper .cp-header-style-4 #nav {
    float: left;
    width: 100%;
    display: block;
    text-align: center
}
#wrapper .cp-header-style-4 #nav1 {
    float: left;
    width: 100%;
    display: block;
    text-align: center
}
#wrapper .cp-header-style-4 #nav li {
    display: inline-block;
    float: none
}
#wrapper .cp-header-style-4 #nav1 li {
    display: inline-block;
    float: none
}

.cp-header-style-4 .bottom-row {
    float: left;
    width: 100%;
    border-top: 2px solid #222;
    padding: 56px 0 0
}

#cp-header-style-1.cp-header-style-4 .bottom-row strong.logo {
    display: block;
    float: none;
    margin: 0 auto;
    width: 210px
}

.head-top-row {
    float: left;
    width: 100%;
    background-color: #111
}

.top-menu {
    float: left;
    padding: 20px 0;
    margin: 0;
    list-style: none
}

.top-menu li {
    float: left;
    padding: 0 12px;
    line-height: 12px;
    border-left: 1px solid #656565
}

.top-menu li:first-child {
    border: 0
}

.top-menu li a {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: none
}

.top-menu li a:hover {
    color: #fff
}

.top-right-menu {
    float: right;
    padding: 18px 0
}

.top-right-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.top-right-menu ul li {
    float: left;
    padding: 0 25px 0 0;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282
}

.top-right-menu ul li span {
    float: left;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    padding: 0 6px 0 0
}

.drop-box {
    float: left
}

.drop-box button {
    border: 0;
    padding: 0;
    margin: 0;
    background: 0 0;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    color: #fff
}

.drop-box .dropdown-menu {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 12px;
    left: -70px;
    margin: 0;
    min-width: 80px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 34px;
    z-index: 1000;
    display: none
}

.drop-box button .fa {
    color: #828282;
    float: right;
    padding: 0 0 0 6px
}

.drop-box .dropdown-menu li {
    padding: 0;
    width: 100%
}

.drop-box .dropdown-menu li a {
    padding: 5px;
    font-family: 'noto serif', serif;
    font-size: 12px;
    line-height: 12px
}

.head-top-social {
    float: right;
    border-left: 1px solid #656565;
    padding: 17px 0
}

.head-top-social ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.head-top-social ul li {
    float: left;
    padding: 0 0 0 18px
}

.head-top-social ul li a {
    font-size: 14px;
    line-height: 14px;
    color: #828282;
    text-decoration: none
}

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

.head-4-social {
    float: left;
    padding: 0;
    margin: 20px 0 0;
    list-style: none
}

.head-4-social li {
    float: left;
    padding: 0 3px 0 0
}

.head-4-social li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    border-radius: 100%;
    font-size: 14px;
    color: #ccc;
    background-color: #f2f2f2;
    text-decoration: none
}

.head-4-social li a:hover {
    background-color: #000;
    color: #fff
}

.head-4-search {
    float: right;
    width: 200px;
    margin: 20px 0 0
}

.head-4-search input[type=text] {
    width: 100%;
    height: 28px;
    border: 0;
    padding: 0 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    background-color: #f2f2f2;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #ccc;
    font-style: italic
}

#cp-header-style-1 #nav {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none
}

#cp-header-style-1 #nav li {
    float: left;
    margin: 0 0 0 38px;
    position: relative
}


#cp-header-style-1 #nav li:first-child {
    background: 0 0
}

#cp-header-style-1 #nav li a {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 65px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    padding: 0;
    display: block;
    position: relative;
    z-index: 20;
    text-transform: uppercase;
}

#cp-header-style-1 #nav li:hover > a {
    background: 0 0
}

#cp-header-style-1 #nav li ul li a:hover, #cp-header-style-1 #nav li ul li:hover > a {
    text-decoration: none;
    background: 0 0
}

#cp-header-style-1 #nav li ul {
    position: absolute;
    left: 0;
    top: 65px;
    width: 180px;
    background: #000080;
    padding: 0;
    display: none;
    list-style: none;
    z-index: 999;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .19);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .19)
}





#cp-header-style-1 #nav1 {
    float: right;
    padding: 8px 0;
    margin: 0;
    list-style: none
}

#cp-header-style-1 #nav1 li {
    float: left;
    margin: 0 0 0 20px;
    position: relative
}

#cp-header-style-1 #nav1 li:first-child {
    background: 0 0
}

#cp-header-style-1 #nav1 li a {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    padding: 0;
    display: block;
    position: relative;
    z-index: 20;
    text-transform: uppercase;
}

#cp-header-style-1 #nav1 li:hover > a {
    background: 0 0
}

#cp-header-style-1 #nav1 li ul li a:hover, #cp-header-style-1 #nav1 li ul li:hover > a {
    text-decoration: none;
    background: 0 0
}

#cp-header-style-1 #nav1 li ul {
    position: fixed;
  /*  left: 0;*/
    top: 50px;
    width: 180px;
    background: #fff;
    padding: 0;
    display: none;
    list-style: none;
    z-index: 99999;

}



#cp-header-style-1 .navbar-collapse {
    padding: 0
}

#cp-header-style-1 #nav li:hover > ul {
    display: block
}
#cp-header-style-1 #nav1 li:hover > ul {
    display: block
}
#cp-header-style-1 #nav li ul li > ul {
    position: absolute;
    left: 255px;
    top: 0;
    width: 255px;
    padding: 0
}
#cp-header-style-1 #nav1 li ul li > ul {
    position: absolute;
    left: 255px;
    top: 0;
    width: 255px;
    padding: 0
}
#cp-header-style-1 #nav li ul li {
    float: none;
    width: auto;
    background: 0 0;
    display: block !important;
    text-align: left;
    margin: 0 0 0 10px
}
#cp-header-style-1 #nav1 li ul li {
    float: none;
    width: auto;
    background: 0 0;
    display: block !important;
    text-align: left;
    margin: 6px 0 0 10px
}
#cp-header-style-1 #nav li ul li a {
    background: 0 0;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    padding: 15px 0;
    display: block
}
#cp-header-style-1 #nav1 li ul li a {
    background: 0 0;
    padding: 15px 0;
    display: block;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    line-height: 0px;
    font-weight: 400;
    color: #000;
}
#wrapper .cp-header-style-2 {
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0;
    z-index: 999
}

#wrapper .cp-header-style-2 #nav li a {
    color: #fff
}
#wrapper .cp-header-style-2 #nav1 li a {
    color: #fff
}
#wrapper .cp-header-style-2 #nav li ul li a {
    color: #000
}
#wrapper .cp-header-style-2 #nav1 li ul li a {
    color: #000
}
.banner-2 #banner .caption {
    height: 30%
}

#main {
    float: left;
    width: 100%
}

.cp-featured-posts {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 50px 0 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19)
}

.cp-featured-posts .holder {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.cp-featured-posts .holder .box {
    float: left;
    width: 100%
}

.cp-featured-posts .holder .box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    position: relative
}

.cp-featured-posts .holder .box:hover .frame .caption {
    opacity: 1
}

.cp-featured-posts .holder .box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    padding: 100px 0 0;
    opacity: 0
}

.cp-featured-posts .holder .box .frame .caption img {
    display: block;
    width: auto;
    text-align: center;
    margin: 0 auto 20px
}

.cp-featured-posts .holder .box .frame .caption a.btn-more {
    text-align: center;
    text-decoration: underline;
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #929292;
    display: block
}

.cp-featured-posts .holder .box .frame img {
    display: block;
    width: 100%
}

.cp-featured-posts .holder .box .text-box {
    float: left;
    width: 100%
}

.cp-featured-posts .holder .box .text-box em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    display: block;
    color: #444;
    text-align: center
}

.cp-featured-posts .holder .box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-parallax-section-1 {
    float: left;
    width: 100%
}

.cp-parallax-section-1 .holder {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url(../images/parallar-bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-color: #000;
    padding: 100px 0
}

.cp-parallax-section-1 .holder h2 {
    display: block;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    margin: 0 0 20px
}

.cp-parallax-section-1 .holder h2 em {
    font-weight: 400;
    position: relative
}

.cp-parallax-section-1 .holder h2 em:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 138px;
    height: 1px;
    background-color: #fff;
    margin: auto
}

.cp-parallax-section-1 .holder em.italic {
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 14px;
    color: #fff;
    margin: 40px 0 20px
}

.cp-parallax-section-1 .holder p {
    text-align: center;
    color: #fff;
    margin: 0 0 30px
}

.cp-parallax-section-1 .holder .inner {
    width: 700px;
    margin: 0 auto;
    overflow: hidden
}

.cp-parallax-section-1 .holder .inner a {
    text-align: center;
    text-decoration: underline;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'noto serif', serif;
    display: block
}

.cp-post-section-1 {
    float: left;
    width: 100%
}

.cp-post-section-1 .holder {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0
}

#blog-masonrywrap {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.cp-post-section-1 .holder .box {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .11)
}

.cp-post-section-1 .holder .box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0;
    position: relative
}

.cp-post-section-1 .holder .box .frame img {
    display: block;
    width: 100%
}

.cp-post-section-1 .holder .box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-post-section-1 .holder .box .text-box {
    float: left;
    width: 100%;
    padding: 35px 34px;
    text-align: center
}

.cp-post-section-1 .holder .box .text-box h2 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px
}

.cp-post-section-1 .holder .box .text-box h2 a {
    text-decoration: none;
    color: #000
}

.cp-post-section-1 .holder .box .text-box h2 a span {
    font-weight: 400
}

.cp-post-section-1 .holder .box .text-box em {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #8a8a8a;
    padding: 0 0 15px
}

.cp-post-section-1 .holder .box .text-box a.btn-continue {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    color: #8a8a8a;
    font-style: italic
}

.cp-post-section-1 .holder .box .text-box p {
    margin: 0 0 15px;
    color: #444
}

.cp-post-section-1 .holder .box .frame .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60%;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-post-section-1 .holder .box .frame .caption blockquote {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative
}

.cp-post-section-1 .holder .box .frame .caption blockquote q {
    quotes: none;
    font-family: playfair display, serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    display: block;
    font-style: italic;
    color: #fff;
    padding: 0 0 20px
}

.cp-post-section-1 .holder .box .frame .caption blockquote:before {
    content: '“';
    position: absolute;
    left: 0;
    top: -55px;
    right: 0;
    margin: auto;
    font-family: playfair display, serif;
    font-size: 60px;
    color: #fff;
    text-align: center
}

.cp-post-section-1 .holder .box .frame .caption em {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 0
}

.cp-post-section-1 .holder .box .thumb {
    float: left;
    width: 100%
}

.cp-post-section-1 .holder .box .thumb a {
    margin: 0 1px 1px 0;
    float: left
}

.cp-pagination {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.cp-pagination .pagination {
    border-radius: 0;
    display: block;
    text-align: center;
    margin: 0;
    padding-left: 0;
    border: 0
}

.cp-pagination .pagination > li {
    display: inline-block;
    float: none
}

.cp-pagination .pagination > li > a, .cp-pagination .pagination > li > span {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    color: #282828;
    font-family: raleway, sans-serif;
    font-size: 12px;
    float: left;
    line-height: 40px;
    margin-left: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    text-decoration: none
}

.cp-pagination .pagination > li.active a {
    background-color: #031754;
    border: 1px solid transparent;
    color: #fff
}

.cp-pagination .pagination > li:first-child > a, .cp-pagination .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0
}

.cp-pagination .pagination > li:last-child > a, .cp-pagination .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cp-pagination .pagination > li > a:hover, .cp-pagination .pagination > li > span:hover, .cp-pagination .pagination > li > a:focus, .cp-pagination .pagination > li > span:focus {
    background-color: #000;
    border: 1px solid transparent;
    color: #fff;
    z-index: 3
}

.cp-pagination .pagination > li strong.number {
    float: left;
    font-family: raleway, sans-serif;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #818181;
    margin: -25px 0 0
}

#footer {
    float: left;
    width: 100%;
    background-color: #0d2260;
    padding: 30px 0 0
}

#footer .box {
    float: left;
    width: 100%;
    height: 60%;
    padding: 60px 45px 0 20px;
    border-right: 2px solid #031754;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.twitter-feed-box {
    float: left;
    width: 100%
}

#footer .box h4 {
    margin: 0 0 20px
}

#footer .box p {
    color: #c7c7c7;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px
}

.twitter-feed-box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.twitter-feed-box ul li {
    float: left;
    padding: 30px 0;
    width: 100%;
    border-top: 1px solid #1b1b1b;
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282
}

.twitter-feed-box ul li:first-child {
    border: 0;
    padding: 0 0 30px
}

.twitter-feed-box ul li .fa {
    float: left;
    font-size: 18px;
    color: #828282;
    padding: 0 5px 0 0
}

.twitter-feed-box ul li a.link {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: none;
    display: block;
    padding: 10px 0
}

.twitter-feed-box ul li a {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: none;
    display: block;
    padding: 0
}

#footer .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0
}

#footer .bx-wrapper .bx-viewport {
    background: 0 0;
    border: 0;
    box-shadow: none;
    left: 0
}

#footer .bx-viewport > ul {
    margin: 0;
    padding: 0
}

#footer .bx-wrapper .bx-controls-direction a {
    display: none
}

#footer .bx-wrapper .bx-pager, #footer .bx-wrapper .bx-controls-auto {
    display: none
}

#footer .box .outer-box {
    float: left;
    width: 100%;
    margin: 0 0 30px
}

#footer .box .outer-box string.title {
    font-family: raleway, sans-serif;
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #4c4c4c
}

#footer .box .outer-box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px
}

#footer .box .outer-box .frame img {
    display: block;
    width: 100%
}

#footer .box .outer-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

#footer .box .flicker-box {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

#footer .box .flicker-box ul {
    padding: 0;
    margin: 0 -8px 0 0;
    list-style: none
}

#footer .box .flicker-box ul li {
    float: left;
    margin: 0 6px 6px 0
}

#footer .box .flicker-box ul li:hover img {
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s
}

.cp-footer-social {
    float: left;
    width: 100%;
    margin: 0px 0 0
}

.cp-footer-social ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-footer-social ul li {
    float: left;
    padding: 0 6px 0 0
}

.cp-footer-social ul li a {
    text-decoration: none;
    width: 38px;
    height: 36px;
    display: block;
    background-color: #001860;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #fff
}

.cp-footer-social ul li a:hover {
    color: #fff;
    text-decoration: none
}

.footer-bottom-section {
    float: left;
    width: 100%;
    border-top: 1px solid #031754;
    padding: 40px 0;
    margin-top: 20px;
}

.footer-bottom-section strong.copy {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282
}

.footer-bottom-section strong.copy a {
    text-decoration: none;
    color: #e7e7e7
}

.footer-bottom-section a.btn-back-top {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: none;
    float: right
}

.footer-bottom-section a.btn-back-top .fa {
    padding: 0 0 0 7px
}

.cp_theme-3-bg #footer {
    padding: 0
}

.cp_theme-3-bg .footer-bottom-section {
    padding: 20px 0
}

.cp-post-page {
    float: left;
    width: 100%
}

.cp-post-page .holder {
    width: 946px;
    margin: 0 auto;
    overflow: hidden
}

.cp-post-page .holder .post-box {
    margin-bottom: 90px;
    float: left;
    width: 100%
}

.post-page-heading {
    width: 735px;
    margin: 0 auto;
    overflow: hidden
}

.cp-post-page .holder h2 {
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    margin: 0 0 40px
}

.cp-post-page .holder h2 span {
    font-weight: 400
}

.cp-post-page .holder .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 70px
}

.cp-post-page .holder .frame img {
    display: block;
    width: 100%
}

.cp-post-page .holder .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-post-page .holder .thumb-box {
    float: left;
    width: 100%
}

.cp-post-page .holder .thumb-box a {
    float: left
}

.cp-post-page .holder .text-box {
    margin: 0 auto;
    width: 710px;
    position: relative;
    clear: both
}

.cp-post-page .holder .text-box strong {
    font-family: 'noto serif', serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    display: block;
    padding-bottom: 40px
}

.bigfont {
    z-index: 9;
    position: relative
}

.bigfont:before {
    content: 'S';
    position: absolute;
    left: -62px;
    top: 0;
    font-family: playfair display, serif;
    font-size: 172px;
    line-height: 68px;
    color: #bababa;
    z-index: -1
}

.bigfont-2 {
    z-index: 9;
    position: relative
}

.bigfont-2:before {
    content: 'Q';
    position: absolute;
    left: -62px;
    top: 0;
    font-family: playfair display, serif;
    font-size: 172px;
    line-height: 68px;
    color: #bababa;
    z-index: -1
}

.bigfont-3 {
    z-index: 9;
    position: relative
}

.bigfont-3:before {
    content: 'R';
    position: absolute;
    left: -62px;
    top: 0;
    font-family: playfair display, serif;
    font-size: 172px;
    line-height: 68px;
    color: #bababa;
    z-index: -1
}

.cp-post-page .holder .text-box p {
    text-align: center;
    margin: 0 0 40px
}

.cp-post-page .holder .text-box em {
    display: block;
    font-family: 'noto serif', serif;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #444;
    font-weight: 400;
    position: relative
}

.cp-post-page .holder .text-box em:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
    width: 360px;
    border-bottom: 1px solid #d9d9d9
}

.cp-scroll-page {
    float: left;
    width: 100%;
    padding: 90px 30px 80px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-scroll-page .box {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .36);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .36);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-scroll-page .box h2 {
    font-weight: 700;
    margin: 0 0 10px
}

.cp-scroll-page .box h2 span {
    font-weight: 400
}

.cp-scroll-page .box .text-box {
    float: left;
    width: 100%;
    padding: 22px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#gallery-grid-1-masonrywrap {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.cp-scroll-page ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-scroll-page li {
    float: left
}

.cp-scroll-page .loop-entry {
    width: 362px;
    float: left;
    margin: 0 30px 0 0
}

.cp-scroll-page .box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}

.cp-scroll-page .box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-scroll-page .box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    margin: auto;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-scroll-page .box .frame .caption blockquote {
    border: 0;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative
}

.cp-scroll-page .box .frame .caption blockquote:before {
    content: '“';
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    margin: auto;
    font-family: playfair display, serif;
    font-size: 60px;
    color: #fff;
    text-align: center
}

.cp-scroll-page .box .frame .caption blockquote q {
    font-family: playfair display, serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #fff;
    display: block;
    text-align: center;
    font-style: italic;
    padding: 0 0 25px
}

.cp-scroll-page .box .frame .caption em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    display: block;
    color: #fff
}

.cp-scroll-page .box .text-box em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    display: block;
    color: #000
}

.cp-scroll-page .box .text-box p {
    margin: 0 0 20px
}

.cp-scroll-page .box .text-box a.btn-continue {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    font-weight: 400;
    color: #444;
    float: left
}

.cp-scroll-page .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
    height: 3px;
    margin: 7px 0;
    width: 100%
}

.cp-scroll-page .mCSB_scrollTools .mCSB_draggerRail {
    background: #d7d7d7
}

.cp-scroll-page .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff
}

.cp-scroll-page .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
    height: 17px;
    margin: 0 auto;
    width: 100%
}

.theme-4-post {
    float: left;
    width: 100%;
    padding: 90px 0 0
}

.cp-post-box-2 {
    float: left;
    width: 100%
}

.cp-post-box-2 {
    float: left;
    width: 100%;
    margin: 0 0 90px
}

.cp-post-box-2 .left-box {
    float: left;
    width: 100%;
    background-color: #fff
}

.cp-post-box-2 .left-box strong.date {
    height: 66px;
    width: 100%;
    float: left;
    background-color: #000;
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 10px 0 0;
    position: relative
}

.cp-post-box-2 .left-box strong.date:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #000
}

.cp-post-box-2 .left-box em {
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #444;
    display: block;
    padding: 10px 0;
    clear: both
}

.cp-post-box-2 .left-box span {
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #444;
    display: block;
    padding: 10px 0;
    clear: both;
    font-style: italic;
    border-top: 1px solid #ccc
}

.cp-post-box-2 .frame {
    float: left;
    width: 100%;
    overflow: hidden
}

.cp-post-box-2 .frame img {
    display: block;
    width: 100%
}

.cp-post-box-2 .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-post-box-2 .frame a {
    display: block
}

.cp-post-box-2 .text-box {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 40px 80px 60px 120px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-post-box-2 .text-box h2 {
    font-weight: 700;
    margin: 0 0 40px
}

.cp-post-box-2 .text-box h2 span {
    font-weight: 400
}

.cp-post-box-2 .text-box .inner {
    float: left;
    padding: 0 0 0 35px
}

.cp-post-box-2 .text-box strong {
    font-family: 'noto serif', serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    display: block;
    padding: 0 0 40px;
    position: relative;
    z-index: 9
}

.cp-post-box-2 .text-box strong:before {
    content: 'Q';
    position: absolute;
    left: -84px;
    top: -21px;
    font-family: playfair display, serif;
    color: #bababa;
    font-size: 170px;
    line-height: 112px;
    z-index: -1
}

.cp-post-box-2 .text-box p {
    margin: 0 0 40px
}

.cp-post-box-2 .text-box em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #444;
    float: left
}

.cp-post-box-2 .text-box a.btn-continue {
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    font-style: italic;
    text-decoration: none;
    float: right
}

.cp-theme-5 {
    float: left;
    width: 100%
}

.cp-theme-5 .left-col {
    float: left;
    width: 40%;
    background-color: #fff;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 58px 480px 0;
    margin: 0 30px 0 0
}

.sidebar {
    float: right;
    width: 300px;
    padding: 100px 0 0
}

strong.logo-2 {
    float: left;
    width: 100%;
    margin: 0 0 120px
}

#wrapper .sidebar-nav {
    float: left;
    width: 100%;
    margin: 0 0 35px
}

#wrapper .sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#wrapper .sidebar-nav ul li {
    padding: 0 0 24px;
    line-height: 18px;
    position: relative
}

#wrapper .sidebar-nav ul li a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    display: block
}

#wrapper .sidebar-nav li:hover > a {
    background: 0 0
}

#wrapper .sidebar-nav li ul li a:hover, #wrapper .sidebar-nav li ul li:hover > a {
    text-decoration: none;
    background: 0 0
}

#wrapper .sidebar-nav li ul {
    position: absolute;
    left: 0;
    top: 22px;
    width: 255px;
    background: #fff;
    padding: 0;
    display: none;
    list-style: none;
    z-index: 10;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .19);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .19)
}

#wrapper .sidebar-nav li:hover > ul {
    display: block
}

#wrapper .sidebar-nav li ul li > ul {
    position: absolute;
    left: 255px;
    top: 0;
    width: 255px;
    padding: 0
}

#wrapper .sidebar-nav li ul li {
    float: none;
    width: auto;
    background: 0 0;
    display: block !important;
    text-align: left;
    padding: 0 10px
}

#wrapper .sidebar-nav li ul li a {
    background: 0 0;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    padding: 15px 0;
    display: block
}

.sidebar-search {
    float: left;
    width: 100%;
    margin: 0 0 60px
}

.sidebar-search strong.title {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    padding: 0 0 30px
}

.sidebar-search input[type=text] {
    float: left;
    width: 100%;
    padding: 0 46px 0 18px;
    height: 45px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 45px;
    font-weight: 400;
    color: #ccc;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sidebar-search button {
    position: absolute;
    right: 18px;
    top: 9px;
    font-size: 18px;
    color: #ccc;
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0
}

.input-box {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 15px
}

.sidebar-search a.btn-enter {
    float: left;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: none
}

.cp-author-box {
    float: left;
    width: 100%;
    margin: 0 0 40px
}

.cp-author-box h4 {
    color: #000;
    margin: 0 0 30px
}

.cp-author-box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px
}

.cp-author-box .frame img {
    display: block;
    width: 100%
}

.cp-author-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-author-box strong.title {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #000
}

.cp-author-box p {
    font-family: raleway, sans-serif;
    color: #828282;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

.cp-author-box p a.fb {
    text-decoration: none;
    color: #3b5998
}

.cp-author-box a.tw {
    text-decoration: none;
    font-style: normal;
    color: #5ea9dd
}

.cp-archives {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.cp-archives h4 {
    color: #000;
    margin: 0 0 30px
}

#wrapper .cp-archives ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    border: 0
}

#wrapper .cp-archives ul li {
    float: left;
    padding: 24px 0 0;
    width: 100%;
    margin: 0
}

#wrapper .cp-archives ul li:first-child {
    padding: 0
}

#wrapper .cp-archives ul li a {
    text-decoration: none;
    font-family: raleway, sans-serif;
    color: #828282;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    position: relative;
    padding: 0 0 0 20px;
    display: block
}

#wrapper .cp-archives ul li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    color: #828282;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.cp-archives ul li a span {
    float: left
}

.cp-archives ul li a em {
    float: right;
    font-style: normal;
    font-weight: 400
}

.cp-instagram {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.cp-instagram h4 {
    color: #000;
    margin: 0 0 30px
}

#wrapper .cp-instagram ul {
    padding: 0;
    margin: 0 -3px 0 0;
    list-style: none;
    border: 0
}

#wrapper .cp-instagram ul li {
    float: left;
    margin: 0 3px 3px 0;
    overflow: hidden
}

#wrapper .cp-instagram li a {
    text-decoration: none
}

.cp-instagram ul li:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.popular-posts {
    float: left;
    width: 100%;
    margin: 0 0 30px
}

.popular-posts h4 {
    color: #000;
    margin: 0 0 30px
}

#wrapper .popular-posts ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    border: 0
}

#wrapper .popular-posts ul li {
    float: left;
    margin: 0;
    width: 100%;
    border-top: 1px dashed #d9d9d9;
    padding: 20px 0
}

#wrapper .popular-posts ul li:first-child {
    border: 0;
    padding: 0 0 20px
}

.popular-posts .frame {
    float: left;
    margin: 0 20px 0 0;
    overflow: hidden
}

.popular-posts .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.popular-posts .text-box {
    overflow: hidden
}

.popular-posts .text-box a.title {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    color: #000;
    padding: 0 0 5px
}

.popular-posts .text-box p {
    font-family: 'noto serif', serif;
    color: #828282;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.cp-tags {
    float: left;
    width: 100%;
    margin: 0 0 30px
}

.cp-tags h4 {
    color: #000;
    margin: 0 0 30px
}

#wrapper .cp-tags ul {
    padding: 0;
    margin: 0 -29px 0 0;
    list-style: none;
    border: 0
}

#wrapper .cp-tags ul li {
    float: left;
    margin: 0 29px 26px 0
}

.cp-tags ul li a {
    font-family: raleway, sans-serif;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    color: #828282;
    display: block
}

.cp-tags ul li a:hover {
    color: #010101;
    font-weight: 400;
    text-decoration: underline
}

.latest-comments {
    float: left;
    width: 100%;
    margin: 0 0 30px
}

#wrapper .latest-comments ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    float: left;
    border: 0
}

#wrapper .latest-comments ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    border-top: 1px dashed #d9d9d9
}

.latest-comments ul li:first-child {
    border: 0;
    padding: 0 0 20px
}

.latest-comments .inner-text {
    overflow: hidden;
    margin: 10px 0 0
}

.latest-comments .inner-text strong.title {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    display: block;
    padding: 0 0 5px
}

.latest-comments .inner-text a {
    text-decoration: none;
    font-family: 'noto serif', serif;
    color: #828282;
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline
}

.latest-comments h4 {
    color: #000;
    margin: 0 0 30px
}

#wrapper .latest-comments .box {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none
}

#wrapper .latest-comments .box .frame {
    float: left;
    width: auto;
    margin: 0 20px 0 0
}

#wrapper .latest-comments .box .frame img {
    width: auto
}

.latest-comments .box .text-box {
    float: left;
    width: 100%;
    padding: 14px 10px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.latest-comments .box .text-box p {
    font-family: raleway, sans-serif;
    color: #828282;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.about-author {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.about-author .frame {
    float: left;
    width: 165px;
    height: 165px;
    border-radius: 100%;
    background-color: #f0f0f0;
    position: relative;
    margin: 0 0 30px
}

.about-author .caption {
    position: absolute;
    right: -80px;
    top: 0;
    bottom: 0;
    height: 30px;
    margin: auto;
    background-color: #fff;
    padding: 9px 10px;
    color: #828282;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    font-family: raleway, sans-serif
}

.about-author .frame img {
    display: block;
    width: 100%;
    border-radius: 100%
}

.about-author h4 {
    color: #000;
    margin: 0 0 30px
}

.about-author p {
    font-size: 14px;
    clear: both;
    color: #828282
}

.about-author p a.fb {
    text-decoration: none;
    color: #3b5998
}

.about-author p a.tw {
    text-decoration: none;
    color: #5ea9dd
}

.cp-theme-5 .right-col {
    float: left;
    width: 57%;
    padding: 35px 0 0
}

.post-style-3 {
    float: left;
    width: 100%
}

.post-style-3 .cp-post-box-2 {
    background-color: #fff;
    padding: 30px;
    margin: 0 0 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.post-style-3 .cp-post-box-2 .frame {
    margin: 0 0 50px
}

.post-style-3 .cp-post-box-2 .frame a {
    display: block;
    width: 100%
}

.post-style-3 .cp-post-box-2 .text-box h2 {
    font-weight: 400
}

.post-style-3 h2 {
    margin: 0 0 30px
}

.post-style-3 .cp-post-box-2 .frame img {
    display: block;
    width: 100%
}

.post-style-3 .cp-post-box-2 .text-box {
    padding: 0
}

.post-style-3 .cp-post-box-2 .text-box strong {
    padding: 0 40px 40px
}

.post-style-3 .spel-1 {
    position: relative
}

.post-style-3 .spel-2 {
    position: relative
}

.post-style-3 .spel-3 {
    position: relative
}

.cp-theme-5 .right-col .post-style-3 .spel-1:before {
    color: #bababa;
    content: "S";
    font-family: playfair display, serif;
    font-size: 170px;
    left: -40px;
    line-height: 112px;
    position: absolute;
    top: -21px;
    z-index: -1
}

.cp-theme-5 .right-col .post-style-3 .spel-2:before {
    color: #bababa;
    content: "Q";
    font-family: playfair display, serif;
    font-size: 170px;
    left: -40px;
    line-height: 112px;
    position: absolute;
    top: -21px;
    z-index: -1
}

.cp-theme-5 .right-col .post-style-3 .spel-3:before {
    color: #bababa;
    content: "K";
    font-family: playfair display, serif;
    font-size: 170px;
    left: -40px;
    line-height: 112px;
    position: absolute;
    top: -21px;
    z-index: -1
}

.post-style-3 .cp-post-box-2 .frame ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.post-style-3 .cp-post-box-2 .frame ul li {
    float: left;
    margin: 0 8px 8px 0
}

.post-style-3 .cp-post-box-2 .frame ul li a {
    float: left;
    text-decoration: none
}

.post-style-3 blockquote {
    float: left;
    width: 100%;
    padding: 0 40px 40px;
    margin: 0;
    border: 0;
    position: relative
}

.post-style-3 blockquote q {
    font-family: 'noto serif', serif;
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: #000
}

.post-style-3 blockquote:before {
    color: #bababa;
    content: "“";
    font-family: playfair display, serif;
    font-size: 170px;
    left: -25px;
    line-height: 112px;
    position: absolute;
    top: -10px
}

.inner-head {
    float: left;
    width: 100%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1);
    padding: 90px 0 50px;
    background: url(../images/page-header.jpg) no-repeat center center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   

}

.inner-head h1 {
    display: block;
    margin: 0 0 20px
}

.inner-head .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    display: block;
    text-align: center
}

.inner-head .breadcrumb li {
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff
}

.inner-head .breadcrumb li a {
    text-decoration: none;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff
}

.inner-head .breadcrumb > li + li:before {
    color: #fff;
    content: ">";
    padding: 0 5px
}

.error-style-1 {
    float: left;
    width: 100%;
    padding-bottom: 90px
}

.error-style-1 .holder {
    width: 475px;
    margin: 0 auto;
    overflow: hidden
}

.error-style-1 .holder strong.title {
    display: block;
    font-family: playfair display, serif;
    font-size: 250px;
    color: #000;
    line-height: normal;
    font-weight: 400;
    padding: 0
}

.error-style-1 .holder span {
    display: block;
    font-family: playfair display, serif;
    font-size: 48px;
    color: #222;
    line-height: 48px;
    font-weight: 400;
    text-align: center;
    padding: 0 0 20px
}

.error-style-1 .holder b {
    display: block;
    font-family: playfair display, serif;
    font-size: 30px;
    color: #828282;
    line-height: 30px;
    font-weight: 400;
    padding: 0 0 20px;
    text-align: center
}

.error-style-1 form {
    margin: 0 auto;
    width: 360px;
    overflow: hidden
}

.error-style-1 form strong.title-2 {
    display: block;
    text-align: center;
    font-family: raleway, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #222;
    padding: 0 0 20px
}

.cp-search-box {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 20px
}

.error-style-1 form input[type=text] {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 48px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #828282
}

.error-style-1 form button {
    position: absolute;
    right: 20px;
    top: 10px;
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #828282
}

.error-style-1 .holder em.or {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    font-family: raleway, sans-serif;
    padding: 0 0 20px
}

.error-style-1 .holder a.btn-home {
    display: table;
    margin: 0 auto;
    background-color: #000;
    padding: 16px 30px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    border: 2px solid transparent
}

.error-style-1 .holder a.btn-home:hover {
    border: 2px solid #000;
    background: 0 0;
    color: #000
}

.error-style-2 {
    background-image: url(../images/erroe-page-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #000;
    padding: 200px 0
}

.error-style-2 .holder b {
    color: #fff;
    line-height: 35px
}

.error-style-2 .holder span {
    color: #fff;
    margin-bottom: 30px
}

.error-style-2 .holder a.btn-home {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff
}

.error-style-2 .holder a.btn-home:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid transparent
}

.cp-coming-soon {
    float: left;
    width: 100%;
    background-image: url(../images/comingsoon-img-1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #000;
    padding: 150px 0
}

.cp-coming-soon .holder {
    width: 740px;
    margin: 0 auto;
    overflow: hidden
}

.cp-coming-soon .holder h1 {
    color: #fff;
    margin: 0 0 40px
}

.cp-coming-soon .holder p {
    color: #fff;
    text-align: center;
    margin: 0 0 40px
}

.cp-timer-box {
    float: left;
    width: 100%
}

.is-countdown {
}

.countdown-rtl {
    direction: rtl
}

.cp-timer-box .countdown-show1 .countdown-section {
    width: 98%
}

.cp-timer-box .countdown-show2 .countdown-section {
    width: 48%
}

.cp-timer-box .countdown-show3 .countdown-section {
    width: 32.5%
}

.cp-timer-box .countdown-show4 .countdown-section {
    width: 24.5%
}

.cp-timer-box .countdown-show5 .countdown-section {
    width: 19.5%
}

.cp-timer-box .countdown-show6 .countdown-section {
    width: 16.25%
}

.cp-timer-box .countdown-show7 .countdown-section {
    width: 14%
}

.cp-timer-box .countdown-section {
    float: left;
    border-left: 1px solid #828282;
    padding: 30px 0;
    margin: 0 0 50px
}

.cp-timer-box .countdown-section:first-child {
    border: 0
}

.cp-timer-box .countdown-amount {
    font-size: 200%;
    color: #333;
    font-family: playfair display, serif;
    font-size: 64px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0 0 20px
}

.cp-timer-box .countdown-period {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-style: italic;
    font-weight: 400;
    color: #828282;
    text-align: center;
    text-transform: lowercase;
    padding: 10px 0 0
}

.cp-timer-box .countdown-descr {
    float: left;
    width: 100%
}

.cp-coming-soon .holder form {
    float: left;
    width: 100%;
    position: relative
}

.cp-coming-soon .holder form .input-col {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px
}

.cp-coming-soon .holder form strong.title {
    display: block;
    text-align: center;
    font-family: playfair display, serif;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 25px
}

.cp-coming-soon .holder form strong.title span {
    font-weight: 400
}

.cp-coming-soon .holder form input[type=text] {
    float: left;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    height: 50px;
    background: 0 0;
    border: 1px solid #fff;
    font-size: 14px;
    color: #828282;
    font-family: 'noto serif', serif
}

.cp-coming-soon .holder form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    width: 112px;
    border: 0;
    border-left: 1px solid #fff;
    height: 50px;
    font-size: 14px;
    color: #fff;
    font-family: 'noto serif', serif
}

.cp-coming-soon .holder form strong.text {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    display: block;
    text-align: center
}

.cp-contact-style-1 {
    float: left;
    width: 100%;
    padding: 90px 0 90px 0;
}

.addres-box {
    float: left;
    width: 100%;
    padding: 50px 40px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.addres-box h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.addres-box h2 span {
    font-weight: 400
}

.addres-box p {
    margin: 0 0 30px
}

.addres-box address {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0
}

.addres-box address ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.addres-box address ul li {
    padding: 20px 0 0;
    font-family: 'noto serif', serif;
    color: #828282;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.addres-box address ul li:first-child {
    padding: 0
}

.addres-box address ul li a {
    font-family: 'noto serif', serif;
    color: #828282;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    text-decoration: none
}

.addres-box address ul li .fa {
    padding: 0 8px 0 0;
    color: #222;
    line-height: 20px;
    float: left
}

.form-box {
    float: left;
    width: 100%;
    padding: 50px 40px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.form-box h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.form-box h2 span {
    font-weight: 400
}

.form-box form {
    float: left;
    width: 100%
}

.form-box form input[type=text] {
    float: left;
    width: 100%;
    height: 45px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #484242;
}

.form-box form textarea {
    float: left;
    width: 100%;
    height: 220px;
    resize: none;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
     color: #484242;

     
}

.form-box form input[type=submit] {
    float: right;
    padding: 8px 20px;
    background: 0 0;
    border: 2px solid #0055a6;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #0055a6;
    margin: 0
}

.form-box form input[type=submit]:hover {
    border: 2px solid transparent;
    background-color: #0055a6;
    color: #fff
}

.map-box-1 {
    float: left;
    width: 100%;
    margin: 50px 0 0
}

.map-box-1 .map_canvas {
    height: 500px;
    width: 100%
}

.map-box-2 {
    float: left;
    width: 100%;
    margin: 50px 0 0
}

.map-box-2 .map_canvas {
    height: 350px;
    width: 100%
}

.content-row {
    float: left;
    width: 100%;
    padding: 50px 0
}

.content-row .fa {
    float: left;
    margin: 0 10px 0 0;
    font-size: 48px;
    color: #444
}

.content-row .text-box {
    overflow: hidden
}

.content-row .text-box h2 {
    font-weight: 700;
    margin: 0 0 10px
}

.content-row .text-box h2 span {
    font-weight: 400
}

.content-row .text-box p {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #828282
}

.content-row .text-box p a {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #828282;
    text-decoration: none
}

.contact-form-2 {
    float: left;
    width: 100%;
    background-image: url(../images/contact-form-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000;
    padding: 90px 0
}

.contact-form-2 .holder {
    width: 730px;
    margin: 0 auto;
    overflow: hidden
}

.contact-form-2 .holder strong.title {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: 400;
    display: block;
    text-align: center;
    padding: 0 0 30px
}

.contact-form-2 .holder form {
    float: left;
    width: 100%
}

.contact-form-2 .holder form input[type=text] {
    float: left;
    width: 100%;
    height: 45px;
    background: 0 0;
    border: 1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #ccc
}

.contact-form-2 .holder form textarea {
    float: left;
    width: 100%;
    background: 0 0;
    height: 80px;
    resize: none;
    border: 1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #ccc
}

.contact-form-2 .holder form input[type=submit] {
    float: right;
    padding: 7px 20px;
    background: 0 0;
    border: 2px solid #fff;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    margin: 0
}

.contact-form-2 .holder form input[type=submit]:hover {
    border: 2px solid transparent;
    background-color: #fff;
    color: #222
}

.map-box-3 {
    float: left;
    width: 100%;
    margin: 50px 0 0
}

.map-box-3 .map_canvas {
    height: 430px;
    width: 100%
}

.contact-info {
    float: left;
    width: 100%;
    padding: 30px 0 0
}

.contact-info h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.contact-info h2 span {
    font-weight: 400
}

.contact-info p {
    margin: 0 0 30px
}

.contact-form-3 {
    float: left;
    width: 100%;
    padding: 40px;
    margin: -100px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff
}

.contact-form-3 h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.contact-form-3 h2 span {
    font-weight: 400
}

.contact-form-3 form {
    float: left;
    width: 100%
}

.contact-form-3 form input[type=text] {
    float: left;
    width: 100%;
    height: 45px;
    background: 0 0;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #ccc
}

.contact-form-3 form textarea {
    float: left;
    width: 100%;
    background: 0 0;
    height: 80px;
    resize: none;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0 20px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #ccc
}

.contact-form-3 form input[type=submit] {
    float: right;
    padding: 7px 20px;
    background: 0 0;
    border: 2px solid #828282;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    margin: 0
}

.addres-box-3 {
    float: left;
    width: 100%
}

.addres-box-3 address {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.addres-box-3 address ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    list-style: none
}

.addres-box-3 address ul li {
    float: left;
    padding: 13px 0;
    width: 100%;
    color: #828282;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #e1e1e1
}

.addres-box-3 address ul li .fa {
    float: left;
    padding: 0 9px 0 0;
    color: #222
}

.addres-box-3 address ul li a {
    float: left;
    text-decoration: none;
    color: #828282;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px
}

.gallery-page {
    float: left;
    width: 100%;
    padding: 0 0 40px
}

.gallery-page ul {
    list-style: none;
    padding: 0 0 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e1e1e1
}

.gallery-page ul li {
    float: left;
    margin-bottom: 30px
}

.gallery-page .box {
    float: left;
    width: 100%;
    position: relative
}

.gallery-page .box .frame {
    float: left;
    width: 100%;
    overflow: hidden
}

.gallery-page .box .frame img {
    width: 100%;
    display: block
}

#wrapper .shadow-none {
    box-shadow: none
}

.gallery-page .box .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0
}

.gallery-page .box:hover .caption {
    opacity: 1
}

.gallery-page .box .caption .inner {
    height: 145px;
    width: 250px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.zoom-row {
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.gallery-page .box .caption .inner .zoom {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    float: left;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 0 15px 0 0
}

.gallery-page .box .caption .inner .zoom:hover {
    border: 1px solid transparent;
    background-color: #fff;
    color: #222
}

.gallery-page .box .caption .inner .link:hover {
    border: 1px solid transparent;
    background-color: #fff;
    color: #222
}

.gallery-page .box .caption .inner .link {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    float: left;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 0
}

.gallery-page .box .caption .inner h2 {
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 60px 0 15px
}

.gallery-page .box .caption .inner h2 span {
    font-weight: 400
}

.gallery-page .box .caption .inner b {
    display: block;
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #fff
}

.gallery-page .box .caption .inner em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 0 10px
}

.gallery-3 .box .caption .inner {
    width: 310px
}

.gallery-page .box .caption .inner p {
    text-align: center;
    color: #fff;
    margin: 0 0 20px
}

.gallery-page .box .caption .inner a.btn-continue {
    display: block;
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline
}

.gallery-3 .box .caption .inner {
    height: 85%
}

.gallery-page #gallery-grid-1-masonrywrap {
    margin-bottom: 30px
}

.gallery-sidebar {
    float: left;
    width: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.gallery-sidebar .sidebar {
    width: 100%;
    float: left;
    padding: 50px 0 0
}

.gallery-full {
    float: left;
    width: 100%
}

.example figure {
    float: left;
    background: #17a781;
    width: 20%;
    height: 159px;
    margin: 0
}

.example figure img {
    display: block;
    width: 100%
}

.example .item-w2 {
    width: 450px;
    background: #ed9393
}

.example .item-h2 {
    height: 450px;
    background: #7cb744
}

.example .item-h3 {
    height: 450px;
    background: #38b5e5
}

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

.cp-post-type {
    float: left;
    width: 100%;
    padding-bottom: 90px
}

.cp-post-type .box {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    background-color: #fff;
    padding: 45px 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-admin-row {
    float: left;
    width: 100%;
    margin: 10px 0 20px
}

.cp-admin-row ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-admin-row ul li {
    float: left;
    position: relative;
    padding: 0 6px;
    line-height: 14px
}

.cp-admin-row ul li:first-child {
    padding: 0 6px 0 0
}

.cp-admin-row ul li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 14px;
    color: #828282;
    font-family: FontAwesome
}

.cp-admin-row ul li:first-child:before {
    content: '';
    display: none
}

.cp-admin-row ul li a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    float: left;
    text-decoration: none
}

.cp-admin-row ul li a .fa {
    padding: 0 4px;
    float: left;
    font-size: 14px;
    line-height: 14px
}

.cp-audio-player {
    float: left;
    width: 100%
}

.mp3-player-box {
    margin: 0 auto 30px;
    overflow: hidden;
    width: 100%
}

.mp3-player-box .audioplayer {
    background: #222;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    height: 58px;
    position: relative;
    text-shadow: 1px 1px 0 #000;
    z-index: 1
}

.mp3-player-box .audioplayer {
    color: #fff !important
}

.mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent;
    border-image: none;
    border-style: solid none solid solid;
    border-width: .5em medium .5em .5em;
    content: "";
    height: 0;
    left: 50%;
    margin: -.5em 0 0 -.25em;
    position: absolute;
    top: 50%;
    width: 0;
    color: #fff
}

.mp3-player-box .audioplayer .audioplayer-time-current {
    border-left: 0
}

.mp3-player-box .audioplayer-time {
    top: 0;
    height: 78%;
    padding: 13px 0 0;
    text-shadow: none
}

.mp3-player-box .audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
    border-radius: 7px
}

.mp3-player-box .audioplayer-bar-loaded {
    background-color: #fff
}

.mp3-player-box .audioplayer-volume-adjust {
    background: #444;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    height: 6.25em;
    left: 0;
    position: absolute;
    right: -1px;
    top: -9999px
}

.mp3-player-box .audioplayer-volume-adjust div div {
}

.mp3-player-box .audioplayer-bar, .audioplayer-volume-adjust > div {
    box-shadow: none
}

.mp3-player-box .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
}

.mp3-player-box .audioplayer-volume-button a:before {
}

.mp3-player-box .audioplayer-volume-button a {
    outline: 0
}

.mp3-player-box .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border: 0;
    background-color: #00adef
}

.mp3-player-box .audioplayer-bar-played {
    background-color: #00adef
}

.mp3-player-box .audioplayer-volume {
    border-left: 0
}

.mp3-player-box .audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after {
    background-color: #fff
}

.mp3-player-box .audioplayer-playpause:hover, .audioplayer-playpause:focus {
}

.mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover a {
    border-color: transparent -moz-use-text-color transparent #fff
}

.mp3-player-box .audioplayer-volume:hover, .audioplayer-volume:focus {
}

.mp3-player-box .audioplayer-volume-button:hover a:before {
    border-color: transparent #fff transparent -moz-use-text-color
}

.mp3-player-box .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button:hover a:after {
    border-color: #fff
}

.mp3-player-box .audioplayer-volume-button:hover a {
    background-color: #fff
}

.cp-post-type .box .text {
    float: left;
    width: 100%;
    padding: 0 0 0 120px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-post-type .box .text strong.title {
    float: left;
    font-family: 'noto serif', serif;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    padding: 0 0 30px
}

.bigfont-1 {
    position: relative;
    z-index: 9
}

.bigfont-1:before {
    color: #e1e1e1;
    content: "P";
    font-family: playfair display, serif;
    font-size: 172px;
    left: -120px;
    line-height: 68px;
    position: absolute;
    top: 25px;
    z-index: -1
}

.bigfont-2 {
    position: relative;
    z-index: 9
}

.bigfont-2:before {
    color: #e1e1e1;
    content: "D";
    font-family: playfair display, serif;
    font-size: 172px;
    left: -120px;
    line-height: 68px;
    position: absolute;
    top: 25px;
    z-index: -1
}

.bigfont-3 {
    position: relative;
    z-index: 9
}

.bigfont-3:before {
    color: #e1e1e1;
    content: "V";
    font-family: playfair display, serif;
    font-size: 172px;
    left: -120px;
    line-height: 68px;
    position: absolute;
    top: 25px;
    z-index: -1
}

.bigfont-4 {
    position: relative;
    z-index: 9
}

.bigfont-4:before {
    color: #e1e1e1;
    content: "S";
    font-family: playfair display, serif;
    font-size: 172px;
    left: -120px;
    line-height: 68px;
    position: absolute;
    top: 25px;
    z-index: -1
}

.cp-post-type .box p {
    margin: 0 0 30px
}

.share-row {
    float: left;
    width: 100%
}

.share-row h4 {
    color: #000;
    margin: 0 0 20px
}

.share-row ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.share-row ul li {
    float: left;
    padding: 0 0 0 15px;
    width: 112px;
    height: 35px
}

.share-row ul li.color-1 {
    background-color: #38599e
}

.share-row ul li.color-2 {
    background-color: #5ea9dd
}

.share-row ul li.color-3 {
    background-color: #d73d32
}

.share-row ul li.color-4 {
    background-color: #0077b5
}

.share-row ul li a {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.share-row ul li a .fa {
    float: left;
    line-height: 35px;
    font-size: 14px;
    padding: 0 10px 0 0
}

.cp-post-type .box-2 {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-post-type .box-2 .frame {
    float: left;
    margin: 0 30px 0 0
}

.cp-post-type .box-2 .text-box {
    overflow: hidden
}

.cp-post-type .box-2 .text-box h4 {
    color: #000;
    margin: 0 0 10px
}

.cp-post-type .box-2 .text-box h4 a {
    color: #000;
    text-decoration: none
}

.cp-post-type .box-2 .text-box em {
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    display: block;
    padding: 0 0 10px
}

.cp-post-type .box-2 .text-box p {
    font-family: raleway, sans-serif;
    font-size: 14px;
    color: #828282;
    margin: 0 0 15px
}

.social-link {
    float: left;
    width: 100%
}

.social-link ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.social-link ul li {
    float: left;
    padding: 0 20px 0 0
}

.social-link ul li a {
    text-decoration: none;
    padding: 0;
    font-family: raleway, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 14px
}

.social-link ul li a:hover {
    color: #38599e
}

.cp-post-type .box-3 {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    background-color: #fff;
    padding: 30px 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-post-type .box-3 h2 {
    margin: 0 0 25px
}

.cp-post-type .box-3 form {
    float: left;
    width: 100%
}

.cp-post-type .box-3 form input[type=text] {
    float: left;
    width: 100%;
    padding: 0 20px;
    margin: 0 0 10px;
    height: 45px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #ccc
}

.cp-post-type .box-3 form textarea {
    float: left;
    width: 100%;
    padding: 15px 20px;
    margin: 0 0 20px;
    height: 118px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #ccc;
    resize: none
}

.cp-post-type .box-3 form input[type=submit] {
    float: right;
    padding: 7px 18px;
    background-color: #fff;
    border: 2px solid #828282;
    font-family: 'noto serif', serif;
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    margin: 0
}

.cp-post-type .box-3 form input[type=submit]:hover {
    border: 2px solid transparent;
    background-color: #222;
    color: #fff
}

.next-prev-row {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.next-prev-row .next-box {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.next-prev-row .next-box .frame {
    float: left;
    margin: 0 40px 0 0;
    overflow: hidden
}

.next-prev-row .next-box .frame img {
    display: block;
    width: 100%
}

.next-prev-row .next-box .text-box {
    overflow: hidden;
    padding: 25px 0 0
}

.next-prev-row .next-box .text-box a {
    color: #000;
    text-decoration: none
}

.next-prev-row .next-box .text-box a h2 {
    margin: 0
}

.next-prev-row .next-box .text-box a p {
    font-size: 16px
}

.next-prev-row .prev-box {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.next-prev-row .prev-box .frame {
    float: right;
    margin: 0 0 0 40px;
    overflow: hidden
}

.next-prev-row .prev-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.next-prev-row .next-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.next-prev-row .prev-box .frame img {
    display: block;
    width: 100%
}

.next-prev-row .prev-box .text-box {
    overflow: hidden;
    padding: 25px 0 0;
    text-align: right
}

.next-prev-row .prev-box .text-box a {
    text-decoration: none
}

.next-prev-row .prev-box .text-box a h2 {
    margin: 0
}

.post-rinky {
    float: left;
    width: 100%
}

.post-rinky h2 {
    margin: 0 0 30px
}

.post-rinky .box-01 {
    float: left;
    width: 100%
}

.post-rinky .box-01 .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px
}

.post-rinky .box-01 .frame img {
    display: block;
    width: 100%
}

.post-rinky .box-01:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.post-rinky .box-01 a.title {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #000;
    display: block;
    text-decoration: none
}

.post-frame {
    float: left;
    width: 100%;
    background-color: #000;
    position: relative;
    margin: 0 0 30px
}

.post-frame img {
    display: block;
    width: 100%
}

.post-frame .caption {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 40px
}

.post-frame .caption a.title {
    display: block;
    text-align: center;
    font-family: playfair display, serif;
    font-size: 56px;
    line-height: 56px;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.cp-post-type .box blockquote {
    float: left;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0
}

.cp-post-type .box blockquote q {
    font-family: playfair display, serif;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    color: #000;
    quotes: none
}

.cp-post-type .box blockquote .fa {
    float: right;
    font-size: 36px;
    color: #e1e1e1
}

.sound-frame {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    overflow: hidden
}

.sound-frame img {
    display: block;
    width: 100%
}

.sound-frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.gallery-post-slider {
    float: left;
    width: 100%
}

.gallery-post-slider .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0 0 90px
}

.gallery-post-slider .bx-wrapper .bx-viewport {
    background: 0 0;
    border: 0;
    box-shadow: none;
    left: 0
}

.gallery-post-slider .bx-wrapper .bx-pager, .gallery-post-slider .bx-wrapper .bx-controls-auto {
    padding: 0;
    display: none
}

.gallery-post-slider .bx-wrapper .bx-controls-direction a {
    height: 60px;
    margin-top: -16px;
    position: absolute;
    text-indent: inherit;
    font-size: 0;
    top: 50%;
    width: 60px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .2)
}

.gallery-post-slider .bx-wrapper .bx-next {
    background: 0 0;
    right: 40px
}

.gallery-post-slider .bx-wrapper .bx-next:before {
    content: "\f105";
    font-size: 38px;
    color: rgba(255, 255, 255, .2);
    text-align: center;
    display: block;
    line-height: 60px;
    font-family: FontAwesome
}

.gallery-post-slider .bx-wrapper .bx-prev {
    background: 0 0;
    right: inherit;
    left: 40px
}

.gallery-post-slider .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-size: 38px;
    color: rgba(255, 255, 255, .2);
    text-align: center;
    display: block;
    line-height: 60px;
    font-family: FontAwesome
}

.cp_product-detail {
    float: left;
    width: 100%;
    margin: 90px 0
}

.product-detail-box {
    float: left;
    width: 100%;

}

.product-detail-box .bx-wrapper .bx-controls-direction a {
    display: none
}

.product-detail-box .frame {
       float: left;
    width: 100%;
    margin-bottom: 6px;
   
}

.product-detail-box .frame img {
    width: 100%;
    
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
}

.product-detail-box .thumb {
    float: left
}

.product-detail-box .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
    border: 1px solid #ccc;
}

.product-detail-box .bx-wrapper .bx-viewport {
    background: 0 0;
    border: 0;
    box-shadow: none;
    left: 0
}

.product-detail-box .bx-viewport > ul {
    padding: 0;
    margin: 0
}

.product-detail-box #bx-pager {
    display: block;
    text-align: center;
  /*   margin: 28px 0 0; */
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;

}

.product-detail-box #bx-pager a {
    float: left;
 /*    margin: 0 1px; */
    outline: 0;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
}

.product-detail-box .text-col {
    float: left;
    width: 100%;
    background-color: #f4f4f4;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.product-detail-box .text-col h2 {
    font-weight: 700;

    margin: 0 0 30px;
    text-align: left;
    font-family: 'Muli', sans-serif;

}

.product-detail-box .text-col h2 span {
    font-weight: 400
}

.product-detail-box .text-col strong.price {
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #222;
    font-family: 'Muli', sans-serif;
}

.product-detail-box .text-col span.cut-price {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: line-through;
    font-family: 'Muli', sans-serif;
    padding: 0 0 25px
}

.text-col-2 {
    float: left;
    width: 100%;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 0;
    margin: 20px 0 0
}

.quantity-box {
    float: left;
    width: 100%
}

.quantity-box #myform {
    text-align: left;
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
    border: 1px solid #222
}

.quantity-box #myform input[type=number] {
    border: 1px solid #000;
    padding: 6px 10px;
    background: 0 0
}

.quantity-box .qty {
    width: 58px;
    height: 33px;
    border: 0;
    border-right: 1px solid #222;
    background: 0 0;
    text-align: center;
    font-family: roboto, sans-serif;
    font-weight: 700
}

.quantity-box input.qtyplus {
    width: 23px;
    height: 33px;
    border: 0;
    background: 0 0;
    float: right
}

.quantity-box input.qtyminus {
    width: 23px;
    height: 33px;
    border: 0;
    border-right: 1px solid #222;
    background: 0 0;
    float: left
}

.quantity-box .btn-buy {
    float: left;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #222;
    padding: 9px 20px;
    border: 2px solid #000;
    text-decoration: none
}

.cp-catergories {
    float: left;
    width: 100%
}

.cp-catergories ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-catergories ul li {
    overflow: hidden;
    padding: 0 0 10px;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #222
}

.cp-catergories ul li a {
    font-weight: 400;
    color: #222;
    text-decoration: none;
    padding: 0 0 0 4px
}

.cp_review {
    float: left;
    width: 100%;
    margin: 60px 0 0
}

.cp_review .nav-tabs {
    border: 0;
    margin: 0 0 20px;
    border-bottom: 3px solid #ccc
}

.cp_review .nav-tabs > li.active > a, .cp_review .nav-tabs > li.active > a:hover, .cp_review .nav-tabs > li.active > a:focus {
    border: 0;
    color: #828282;
    cursor: default;
    border-bottom: 3px solid #000;
    padding: 0 0 10px
}

.cp_review .nav-tabs > li {
    border: 0;
    padding: 0 15px;
    position: relative;
    margin: 0
}

.cp_review .nav-tabs > li:first-child {
    padding: 0 15px 0 0
}

.cp_review .nav-tabs > li > a:hover {
    border-color: transparent
}

.cp_review .nav > li > a:hover, .cp_review .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none
}

.cp_review .nav-tabs > li > a {
    border: 0;
    font-family: 'noto serif', serif;
    border-radius: 0;
    line-height: 14px;
    margin-right: 0;
    font-size: 14px;
    color: #282828;
    outline: 0
}

.cp_review .nav > li > a {
    display: block;
    padding: 0;
    position: relative
}

.cp_review .review-text-box {
    float: left;
    width: 100%
}

.cp_review .review-text-box .frame {
    float: left;
    overflow: hidden;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin: 0 20px 0 0
}

.cp_review .review-text-box .frame img {
    display: block;
    width: 100%;
    border-radius: 100%
}

.cp_review .review-text-box .text-box {
    overflow: hidden
}

.cp_review .review-text-box .text-box .inner {
    float: left;
    width: 420px
}

.cp_review .review-text-box .text-box strong.title {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #111;
    padding: 0 0 5px
}

.cp_review .review-text-box .text-box strong.date {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    padding: 0 0 10px
}

.cp_review .review-text-box .text-box strong.date .fa {
    padding: 0 10px 0 0
}

.cp_review .review-text-box .text-box p {
    font-size: 14px;
    line-height: 22px;
    color: #222;
    font-family: raleway, sans-serif
}

.comment-form {
    float: left;
    width: 100%;
    margin: 40px 0 0
}

.comment-form h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.comment-form h2 span {
    font-weight: 400
}

.comment-form form {
    float: left;
    width: 100%
}

.comment-form form input[type=text] {
    display: block;
    width: 555px;
    padding: 0 20px;
    height: 45px;
    margin: 0 0 10px;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    font-weight: 400;
    color: #aeacac;
    font-family: 'noto serif', serif
}

.comment-form form textarea {
    float: left;
    width: 100%;
    padding: 10px 20px;
    height: 200px;
    resize: none;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    font-weight: 400;
    color: #aeacac;
    font-family: 'noto serif', serif;
    margin: 0 0 30px
}

.comment-form form input[type=submit] {
    float: left;
    padding: 7px 20px;
    margin: 0;
    border: 2px solid #000;
    background: 0 0;
    font-family: 'noto serif', serif;
    font-size: 14px;
    color: #000
}

.comment-form form input[type=submit]:hover {
    border: 2px solid transparent;
    background-color: #222;
    color: #fff
}

.cp-rating-row {
    float: left;
    width: 100%;
    margin: 0 0 20px
}

.cp-rating-row strong.title {
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    font-family: 'noto serif', serif;
    display: block;
    padding: 0 0 10px
}

.cp-rating-row ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-rating-row ul li {
    float: left;
    padding: 0 26px 0 0
}

.cp-rating-row ul li a {
    font-size: 14px;
    line-height: 14px;
    color: #828282;
    text-decoration: none;
    float: left
}

.cp-rating-row ul li a:hover {
    color: #000
}

.cp-about-1 {
    float: left;
    width: 100%
}

.about-text-row {
    float: left;
    width: 100%;
    margin: 50px 0 90px
}

.about-text-row .left-box {
    float: left;
    width: 100%
}

.about-text-row .frame {
    float: left;
    width: 100%;
    overflow: hidden
}

.about-text-row .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.about-text-row .frame img {
    display: block;
    width: 100%
}

.about-text-row .about-social {
    float: left;
    width: 100%
}

.about-text-row .about-social ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.about-text-row .about-social ul li {
    padding: 25px 0 0;
    float: left;
    width: 114px;
    height: 112px
}

#wrapper .about-text-row .about-social ul li:hover {
    padding: 20px 0 0;
    background: #fff
}

.about-text-row .about-social ul li:hover a .fa {
    color: #000
}

.about-text-row .about-social ul li:hover a.btn-like {
    border: 1px solid #000;
    color: #000
}

.about-text-row .about-social ul li.color-1 {
    background-color: #38599e
}

.about-text-row .about-social ul li.color-2 {
    background-color: #2caae1
}

.about-text-row .about-social ul li.color-3 {
    background-color: #f58432
}

.about-text-row .about-social ul li.color-4 {
    background-color: #c12025
}

.about-text-row .about-social ul li a {
    text-decoration: none;
    font-size: 24px;
    line-height: 24px;
    display: block;
    text-align: center
}

.about-text-row .about-social ul li a .fa {
    display: block;
    color: #fff;
    padding: 0 0 27px
}

.about-text-row .about-social ul li a.btn-like {
    display: table;
    border: 1px solid #fff;
    margin: 0 auto;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    padding: 5px 8px;
    font-family: 'noto serif', serif
}

.about-text-row .text-box {
    float: left;
    width: 100%;
    padding: 30px 30px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.about-text-row .text-box h2 {
    font-weight: 700;
    margin: 0 0 15px
}

.about-text-row .text-box h2 span {
    font-weight: 400
}

.about-text-row .text-box span.title {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #828282;
    padding: 0 0 30px
}

.about-text-row .text-box p {
    margin: 0 0 25px
}

.about-text-row .text-box strong.name {
    font-family: playfair display, serif;
    font-size: 33px;
    line-height: 33px;
    color: #000;
    display: block
}

.cp-calender-row {
    float: left;
    width: 100%
}

.cp-calender-row h2 {
    font-size: 48px;
    line-height: 48px;
    display: block;
    text-align: center;
    margin: 0 0 40px
}

.cp-calender-row .calender-box {
    margin: 0 auto 90px;
    overflow: hidden;
    width: 690px
}

.event-calender {
    float: left;
    width: 100%;
    margin: 0
}

.event-calender #calendar {
    width: 100%;
    float: left
}

.event-calender .fc-header-left {
    width: 100%;
    text-align: center
}

.event-calender .fc-button-today {
    display: none
}

.event-calender .fc-header-title h2 {
    margin: 0 0 30px
}

.event-calender .fc-grid .fc-day-number {
    float: none;
    display: block;
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 24px;
    font-weight: 400;
    color: #828282;
    line-height: 98px;
    border: 1px solid #ccc;
    margin: 10px
}

.event-calender .fc td, .fc th {
    vertical-align: middle
}

.event-calender .fc-grid .fc-day-content {
    padding: 0;
    display: none
}

.event-calender .fc-grid .fc-day-number {
    padding: 0
}

.event-calender .fc-grid .fc-other-month .fc-day-number {
    opacity: 1;
    color: #ccc
}

.event-calender .fc-border-separate th, .fc-border-separate td {
    border: 0
}

.event-calender .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border: 0
}

.event-calender .fc-grid th {
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    color: #828282;
    padding: 10px 0
}

.event-calender .fc-state-highlight {
}

.event-calender .fc-state-highlight .fc-day-number {
    color: #fff;
    border: 0
}

#main .event-calender .fc-state-highlight .fc-day-number {
    color: #fff
}

.event-calender .fc-header-right {
    width: 100%
}

.event-calender .fc .fc-header-space {
    padding: 0
}

.event-calender .fc-state-default, .fc-state-default .fc-button-inner {
    background: #fff !important;
    border: 0;
    color: #000;
    margin: 0
}

.event-calender .fc-state-default .fc-button-inner {
    border: 0
}

.event-calender .fc-state-default .fc-button-effect span {
    background: #fff;
    border: 0;
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    top: -100px;
    width: auto
}

.event-calender .fc-button-content {
    border: 1px solid #ccc;
    float: left;
    height: auto;
    line-height: normal;
    padding: 0 .6em;
    position: relative;
    white-space: nowrap
}

.event-calender .fc-state-default, .fc-state-default .fc-button-inner {
    color: #ccc !important
}

.event-calender thead {
}

.event-calender #calendar .fc-state-default, .fc-state-default .fc-button-inner:hover {
    color: #000 !important
}

.event-calender #calendar .fc-state-highlight {
    background-color: #000
}

.cp-popular-post {
    float: left;
    width: 100%;
    margin: 0 0 90px
}

.cp-popular-post h2 {
    font-size: 48px;
    line-height: 48px;
    display: block;
    text-align: center;
    margin: 0 0 50px
}

.cp-popular-post .box {
    float: left;
    width: 100%
}

.cp-popular-post .box:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-popular-post .box:hover .text-box a.btn-continue {
    text-decoration: none;
    color: #000
}

.cp-popular-post .box .frame {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    overflow: hidden
}

.cp-popular-post .box .frame img {
    display: block;
    width: 100%
}

.cp-popular-post .box .text-box {
    float: left;
    width: 100%
}

#wrapper .cp-popular-post .box .text-box h2 {
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    margin: 0 0 15px;
    font-weight: 700
}

#wrapper .cp-popular-post .box .text-box h2 span {
    font-weight: 400
}

.cp-popular-post .box .text-box a.btn-continue {
    float: left;
    text-decoration: underline;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    font-style: italic;
    color: #444
}

.share-idea-row {
    float: left;
    width: 100%;
    background-image: url(../images/share-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
    padding: 50px 0;
    margin: 0 0 90px
}

.share-idea-row strong.title {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    color: #fff;
    padding: 0 0 20px;
    display: block
}

.share-idea-row h2 {
    font-weight: 700;
    color: #fff
}

.share-idea-row h2 span {
    font-weight: 400
}

.share-idea-row form {
    margin: 0 auto;
    width: 750px;
    overflow: hidden
}

.share-idea-row form input[type=text] {
    float: left;
    width: 100%;
    height: 50px;
    background: 0 0;
    margin: 0 0 30px;
    border: 1px solid #fff;
    font-family: 'noto serif', serif;
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.share-idea-row form textarea {
    float: left;
    width: 100%;
    height: 118px;
    background: 0 0;
    border: 1px solid #fff;
    font-family: 'noto serif', serif;
    color: #828282;
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    resize: none
}

.share-idea-row form input[type=submit] {
    float: right;
    border: 2px solid #fff;
    font-family: 'noto serif', serif;
    font-size: 14px;
    line-height: 14px;
    background: 0 0;
    color: #fff;
    padding: 10px 20px;
    font-weight: 400
}

.share-idea-row form input[type=submit]:hover {
    border: 2px solid transparent;
    background-color: #fff;
    color: #222
}

.cp-milestones {
    float: left;
    width: 100%;
    padding: 0 0 90px
}

.cp-milestones strong.title {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 0 0 50px;
    display: block
}

.cp-milestones .box {
    float: left;
    width: 100%;
    padding: 70px 0;
    border: 1px solid #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cp-milestones .box strong.number {
    display: block;
    font-family: 'noto serif', serif;
    text-align: center;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    color: #000;
    padding: 0 0 10px
}

.cp-milestones .box span {
    display: block;
    font-family: 'noto serif', serif;
    text-align: center;
    color: #828282;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400
}

.about-row-2 {
    float: left;
    width: 100%;
    background-image: url(../images/about/about-bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 50px 0;
    margin: 0 0 90px
}

.about-row-2 h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.about-row-2 h2 span {
    font-weight: 400
}

.about-row-2 p {
    margin: 0 0 30px
}

.cp-services {
    float: left;
    width: 100%;
    padding: 0 0 90px
}

.cp-services h2 {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    margin: 0 0 50px;
    color: #000;
    display: block;
    text-align: center
}

.cp-services .box {
    float: left;
    width: 100%;
    padding: 0 0 90px
}

.cp-services .box .fa {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #222;
    padding: 0 0 15px
}

.cp-services .box strong.title {
    display: block;
    text-align: center;
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #222;
    padding: 0 0 15px
}

.cp-services .box p {
    font-family: raleway, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    text-align: center
}

.cp-subscribe {
    float: left;
    width: 100%;
    background-image: url(../images/subscribe-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
    padding: 90px 0;
    margin: 0 0 90px
}

.cp-subscribe .holder {
    width: 600px;
    margin: 0 auto;
    overflow: hidden
}

.cp-subscribe .holder h2 {
    font-weight: 700;
    color: #fff;
    margin: 0 0 30px;
    text-align: center
}

.cp-subscribe .holder h2 span {
    font-weight: 400
}

.cp-subscribe .holder form {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 18px
}

.cp-subscribe .holder form input[type=text] {
    float: left;
    width: 100%;
    border: 1px solid #fff;
    background: 0 0;
    height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #828282;
    font-size: 14px;
    font-style: italic;
    font-family: 'noto serif', serif
}

.cp-subscribe .holder form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    height: 50px;
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    border-left: 1px solid #fff;
    padding: 0 30px;
    font-family: 'noto serif', serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.cp-subscribe .holder p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-family: raleway, sans-serif
}

.cp-authors {
    float: left;
    width: 100%;
    padding: 0 0 90px
}

.cp-authors h2 {
    font-family: playfair display, serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    margin: 0 0 50px;
    color: #000;
    display: block;
    text-align: center
}

.cp-authors .box {
    float: left;
    width: 100%;
    position: relative
}

.cp-authors .box .frame {
    float: left;
    width: 100%;
    overflow: hidden
}

.cp-authors .box .frame a {
    display: block;
    text-align: center
}

.cp-authors .box:hover img {
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.cp-authors .box:hover .caption {
    opacity: 1;
    visibility: visible
}

.cp-authors .box .caption {
    position: absolute;
    left: 0;
    background-color: #fff;
    bottom: -115px;
    width: 100%;
    padding: 40px 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    z-index: 9;
    opacity: 0;
    visibility: hidden
}

.cp-authors .box .caption strong.title {
    display: block;
    font-family: 'noto serif', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 0 0 8px
}

.cp-authors .box .caption em {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #828282;
    font-family: 'noto serif', serif;
    position: relative;
    margin: 0 0 30px
}

.cp-authors .box .caption em:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: 55px;
    height: 1px;
    background-color: #000
}

.cp-authors .box .social-icons {
    float: left;
    width: 100%
}

.cp-authors .box .social-icons ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    text-align: center
}

.cp-authors .box .social-icons ul li {
    display: inline-block;
    text-align: center;
    padding: 0 9px
}

.cp-authors .box .social-icons ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #000
}

.cp-authors .box .social-icons ul li a:hover {
    color: #828282
}

.cp-brands {
    float: left;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    padding: 65px 0 50px
}

.cp-brands ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-brands ul li {
    float: left;
    padding: 0
}

.cp-brands .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0
}

.cp-brands .bx-wrapper .bx-viewport {
    background: 0 0;
    border: 0;
    box-shadow: none;
    left: 0
}

.cp-brands .bx-wrapper .bx-pager, .cp-brands .bx-wrapper .bx-controls-auto {
    padding: 0;
    display: none
}

.cp-brands .bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    position: absolute;
    text-indent: inherit;
    top: 50%;
    width: 32px;
    text-decoration: none;
    font-size: 0
}

.cp-brands .bx-wrapper .bx-next {
    background: 0 0;
    right: 0
}

.cp-brands .bx-wrapper .bx-next:before {
    content: "\f105";
    font-size: 20px;
    line-height: 20px;
    color: #000;
    display: block;
    font-family: FontAwesome
}

.cp-brands .bx-wrapper .bx-prev {
    background: 0 0;
    left: 0
}

.cp-brands .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-size: 20px;
    line-height: 20px;
    color: #000;
    display: block;
    font-family: FontAwesome
}

.cp-brands .bx-wrapper img {
    text-align: center;
    margin: 0 auto
}

.cp-authors-2 {
    padding: 0 0 140px
}

.cp-authors-2 .box .caption {
    background-color: #000
}

.cp-authors-2 .box .caption strong.title {
    color: #fff
}

.cp-authors-2 .box .caption em::before {
    background-color: #868686
}

.cp-authors-2 .box .social-icons ul li a {
    color: #fff
}

.cp-authors-2 .box .social-icons ul li a:hover {
    color: #868686
}

.cp-about-row-3 {
    float: left;
    width: 100%;
    background-color: #000;
    margin: 0 0 80px
}

.cp-about-row-3 .col-md-6 {
    padding: 0
}

.cp-about-row-3 .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

.cp-about-row-3 .frame img {
    display: block;
    width: 100%
}

.cp-about-row-3 .frame a {
    display: block;
    text-decoration: none;
    position: relative
}

.cp-about-row-3 .frame a:before {
    border: 16px solid rgba(255, 255, 255, .24);
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cp-about-row-3 .frame a:hover:before {
    background-color: rgba(0, 0, 0, .5);
    border: 30px solid rgba(255, 255, 255, .5)
}

.cp-about-row-3 .left-box {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 90px 0 80px 105px;
    position: relative
}

.cp-about-row-3 .left-box h2 {
    font-weight: 700;
    margin: 0 0 30px
}

.cp-about-row-3 .left-box h2 span {
    font-weight: 400
}

.cp-about-row-3 .left-box p {
    margin: 0 0 25px
}

.cp-about-row-3 .left-box strong.name {
    font-family: playfair display, serif;
    font-size: 33px;
    line-height: 33px;
    color: #000;
    display: block
}

.btn-box {
    position: absolute;
    left: 105px;
    bottom: -32px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #000;
    border-left: 1px solid #000
}

.btn-box a.btn-download {
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    float: left;
    padding: 20px 25px
}

.btn-box a.btn-download .fa {
    padding: 0 20px 0 0;
    font-size: 26px;
    float: left
}

.btn-box a.btn-contact {
    font-family: 'noto serif', serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    background-color: #000;
    text-decoration: none;
    float: left;
    padding: 20px 25px
}

.btn-box a.btn-contact .fa {
    padding: 0 20px 0 0;
    font-size: 26px;
    float: left
}

.cp-about-row-3 address {
    float: left;
    width: 100%;
    background-color: #000;
    padding: 80px 0 45px 105px;
    margin: 0
}

.cp-about-row-3 address ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp-about-row-3 address ul li {
    padding: 0 0 10px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'noto serif', serif
}

.cp-about-row-3 address ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'noto serif', serif
}

.cp_theme-style-1.cp-woo-shop {
    background: #fff
}

.cp-woo-header .cp-topbar {
    width: 100%;
    float: left;
    padding: 10px 0 0px 0;
}

.cp-woo-header .cp-topbar ul {
    padding: 30px 0 20px 0;
}

.cp-woo-header .cp-topbar ul li {
    float: left;
    list-style: none;
    margin-right: 18px;
    font-size: 16px;
    color: #000;
}

.cp-woo-header .cp-topbar ul li:last-child {
    margin: 0
}

.cp-woo-header .cp-topbar a {
    color: #000;
    font-size: 16px;
    text-decoration: none
}

.cp-woo-header .cp-topbar a:hover {
    color: #222
}

.cp-woo-header .cp-topbar ul.cp-toplinks {
    float: right
}

.cp-woo-header .cp-topbar ul.cp-toplinks li {
    border-right: 1px solid #c6c6c6;
    padding-right: 15px;
    margin-right: 15px;
    font-family: "noto serif", serif;
}

.cp-woo-header .cp-topbar ul.cp-toplinks li:last-child {
    margin: 0;
    border: 0;
    padding: 0
}

.logo-mid {
    display: block;
    float: none;
    margin: 10px auto;
    width: 332px
}

.cp-nav {
    width: 100%;
    float: left;
    background-color: #000080;
}

#cp-header-style-1.cp-woo-header .cp-nav .navbar-inverse {
    padding: 0
}

#cp-header-style-1.cp-woo-header .cp-nav #nav li a {
    line-height: 46px;
    font-size: 13px;
    color: #fff
}
#cp-header-style-1.cp-woo-header .cp-nav #nav1 li a {
    line-height: 46px;
    font-size: 13px;
    color: #fff
}
#cp-header-style-1.cp-woo-header .cp-nav #nav li ul {
    top:46px
}
#cp-header-style-1.cp-woo-header .cp-nav #nav1 li ul {
    top:46px
}

#cp-header-style-1.cp-woo-header .cp-nav #nav li ul li a {
    line-height: normal;
    padding: 10px;
    font-family: 'Muli', sans-serif;
}
#cp-header-style-1.cp-woo-header .cp-nav #nav1 li ul li a {
    line-height: normal;
    padding: 10px;
    font-family: 'Muli', sans-serif;
}
#cp-header-style-1.cp-woo-header .cp-nav #nav li ul li {
    margin: 0;

}
#cp-header-style-1.cp-woo-header .cp-nav #nav1 li ul li {
    margin: 0;

}
#cp-header-style-1.cp-woo-header .cp-nav #nav {
    width: 100%;
    text-align: center
}
#cp-header-style-1.cp-woo-header .cp-nav #nav1 {
    width: 100%;
    text-align: center
}
#cp-header-style-1.cp-woo-header .cp-nav #nav li {
    float: none;
    display: inline-block;
    margin: 0 0 0 50px
}
#cp-header-style-1.cp-woo-header .cp-nav #nav1 li {
    float: none;
    display: inline-block;
    margin: 0 0 0 50px
}
.cp-woo-slider {
    width: 100%;
    float: left;
    position: relative
}

.cp-woo-slider:after {
    border-top: 3px solid rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: ""
}

.cp-woo-slider .caption {
    position: absolute;
    left: 16%;
    top: 25%;
    z-index: 99;
    text-align: left
}

.cp_theme-style-1 .cp-woo-slider .caption h1 {
    color: #fff;
    display: block;
    font-family: playfair display, serif;
    font-size: 90px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 50px;
    text-align: left
}

.cp_theme-style-1 .cp-woo-slider .caption h2 {
    color: #fff;
    display: block;
    font-family: playfair display, serif;
    font-size: 58px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 10px
}

.cp_theme-style-1 .cp-woo-slider .caption p {
    color: #fff;
    font-family: "noto serif", serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    margin: 30px 0 0
}

.cp-woo-slider ul {
    padding: 0;
    margin: 0
}

.cp-woo-slider img {
    width: 100%;
    height: auto
}

.cp_theme-style-1 .cp-woo-slider .bx-wrapper {
    margin-bottom: 0
}

.cp_theme-style-1 .cp-woo-slider .caption a {
    display: inline-block;
    line-height: 50px;
    border: 2px solid #fff;
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
    text-decoration: none
}

.cp-woo-slider .bx-wrapper .bx-pager {
    bottom: 30px
}

.cp-woo-slider .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #fff;
    background: transparent;
    height: 15px;
    width: 15px;
    border-radius: 100%
}

.cp-woo-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .cp-woo-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff
}

.cp-welcome {
    width: 100%;
    margin: 90px 0;
    text-align: center
}

.cp-welcome h2, .cp-featured-products h2, .cp-client-saying h2 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 22px
}

.cp-welcome h2 span, .cp-featured-products h2 span, .cp-client-saying h2 span {
    font-weight: 700
}

.cp-welcome p {
    font-size: 16px;
    line-height: 24px;
    width: 85%;
    margin: 0 auto
}

.cp-products-full {
    width: 100%;
    float: left;
    position: relative
}

.cp-products-full .cp-probar {
    margin: 0;
    padding: 0
}

.cp-products-full .cp-probar li {
    float: left;
    list-style: none
}

.cp-products-full .cp-probar li img {
    width: 100%;
    height: auto
}

.cp-probar {
    width: 100%;
    float: left;
    clear: both
}

.cp-probar .bx-wrapper {
    margin: 0
}

.cp-probar .bx-wrapper .bx-prev, .cp-probar .bx-wrapper .bx-next {
    background: 0 0;
    text-indent: inherit;
    font-size: 0
}

.cp-probar .bx-wrapper .bx-prev:after, .cp-probar .bx-wrapper .bx-next:after {
    content: "\f053";
    font-family: FontAwesome;
    color: #000;
    font-size: 20px;
    text-decoration: none
}

.cp-probar .bx-wrapper .bx-next:after {
    content: "\f054"
}

.w50 {
    width: 50%
}

.w33 {
    width: 33.333333%
}

.w25 {
    width: 25%
}

.cp-products-full .cp-pro-thumb {
    position: relative
}

.cp-products-full .cp-pro-thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 0%;
    background: rgba(0, 0, 0, .9);
    visibility: hidden;
    opacity: 0
}

.cp-products-full .cp-pro-thumb:hover:after {
    top: 0;
    opacity: 1;
    visibility: visible;
    height: 100%
}

.cp-products-full .cp-pro-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 150px;
    margin: auto;
    z-index: 999;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.cp-products-full .cp-pro-hover a {
    color: #fff;
    text-decoration: none
}

.cp-products-full .cp-pro-hover h3 {
    font-family: playfair display, serif;
    font-size: 30px;
    margin-bottom: 50px
}

.cp-products-full .cp-pro-thumb:hover .cp-pro-hover {
    top: 0;
    visibility: visible;
    opacity: 1
}

.cp-products-full .cp-pro-hover .btn {
    border: 2px solid #fff;
    border-radius: 0;
    line-height: 35px;
    padding: 0 20px;
    font-family: "noto serif", serif
}

#cp-woo-pro1, #cp-woo-pro2 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.cp-probar .bx-wrapper .bx-pager {
    position: absolute;
    left: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 15px;
    height: 100px
}

.cp-probar .bx-wrapper .bx-pager .bx-pager-item {
    display: block;
    margin-top: 10px
}

.cp-probar .bx-wrapper .bx-pager.bx-default-pager a {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    border: 1px solid #000;
    background: transparent
}

.cp-featured-products {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e1e1e1;
    padding: 90px 0 40px 0;
}

.cp-featured-products h2, .cp-client-saying h2 {
    margin-bottom: 42px
}

.cp-featured-products .cp-pro-grid {
    padding: 0;
    margin: 0
}

.cp-featured-products .cp-pro-grid li {
    list-style: none;

        list-style: none;
   
}

.cp-pro-thumb {
    position: relative;
    overflow: hidden;
        border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-top: 1px solid #ccc;
}
.cp-pro-grid .col-md-3{
   /*  border: 1px solid #ccc; */
      min-height: 313px;
}

.cp-featured-products .cp-pro-thumb:after {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 9;
    content: "";
    visibility: hidden;
    opacity: 0
}

.cp-featured-products .cp-pro-grid .cp-pro-thumb:hover:after, .cp-featured-products .cp-pro-grid .cp-pro-thumb:hover .pro-hover {
    opacity: 1;
    visibility: visible;
    top: 0
}

.cp-pro-thumb .new-sale {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    font-family: "noto serif", serif;
    z-index: 99
}

.pro-hover {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    height: 75px;
    text-align: center;
    z-index: 99;
    opacity: 0;
    visibility: hidden
}

.pro-hover .links {
    display: block;
    margin-bottom: 20px
}

.pro-hover .links a {
    border: 1px solid #fff;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    margin: 0 5px;
    color: #fff
}

.pro-hover a {
    color: #fff;
    text-decoration: none
}

.pro-hover a:hover {
    color: #ccc;
    text-decoration: none
}

.cp-pro-content {
    text-align: center
}

.cp-pro-content h4 {
    font-size: 18px;
    color: #000;
    margin-top: 20px
}

.cp-pro-content strong {
    font-size: 18px;
    font-weight: 400;
    color: #828282;
    font-family: "noto serif", serif
}

.cp-pro-content strong ins {
    text-decoration: none
}

.cp-pro-content strong del {
    font-size: 14px
}

.cp-client-saying {
    width: 100%;
    float: left;
    padding: 90px 0 50px;
    text-align: center
}

.cp-client-saying .cp-user {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    border: 5px solid #b8b8b8;
    display: inline-block
}

.cp-client-saying ul {
    margin: 0;
    padding: 0
}

.cp-client-saying p {
    width: 80%;
    margin: 15px auto;
    font-family: "noto serif", serif;
    font-style: italic;
    font-size: 16px
}

.cp-client-saying strong {
    display: block;
    text-align: center;
    font-family: "noto serif", serif;
    font-size: 18px;
    font-weight: 400
}

.cp-client-saying .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #000
}

.cp-shop-page li {
    margin-bottom: 30px
}

#wrapper .margin-none {
    margin: 0
}

.cp-pagination .pagination > li > a, .head-4-social li a, .cp-tags ul li a, .top-menu li a, .head-top-social ul li a, .error-style-1 .holder a.btn-home, .form-box form input[type=submit], .contact-form-2 .holder form input[type=submit], .gallery-page .box .caption .inner .zoom, .gallery-page .box .caption .inner .link, .social-link ul li a, .cp-post-type .box-3 form input[type=submit], .comment-form form input[type=submit], .about-text-row .about-social ul li, .about-text-row .about-social ul li a .fa, .about-text-row .about-social ul li a.btn-like, .cp-popular-post .box .text-box a.btn-continue, .share-idea-row form input[type=submit], .cp-authors .box .social-icons ul li a, .cp-authors .box .caption, .cp-pro-thumb, .cp-pro-thumb:after, .pro-hover, .cp-products-full .cp-pro-hover, .cp-featured-posts .holder .box .frame .caption {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.cp-featured-posts .holder .box .frame img, .cp-post-section-1 .holder .box .frame img, #footer .box .outer-box .frame img, .cp-footer-social ul li a, .cp-post-page .holder .frame img, .cp-scroll-page .box .frame img, .cp-post-box-2 .frame img, .cp-author-box .frame img, .cp-instagram ul li img, .popular-posts .frame img, .gallery-page .box .caption, .next-prev-row .prev-box .frame img, .next-prev-row .next-box .frame img, .post-rinky .box-01 .frame img, .sound-frame img, .about-text-row .frame img, .cp-popular-post .box .frame img, .cp-authors .box .frame img, .cp-about-row-3 .frame a:before {
    transition: all .5s linear 0s;
    -moz-transition: all .5s linear 0s;
    -webkit-transition: all .5s linear 0s
}

.FONTS {
    font-family: 'noto serif', serif;
    font-family: playfair display, serif;
    font-family: raleway, sans-serif
}



/*---------MY STYLE-------------------*/

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.nav1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* padding-left: 0; */
    margin-bottom: 30px;
    list-style: none;
}

.nav1 > li {
    position: relative;
    display: block;
}

.nav1 > li > a:hover {
    text-decoration: none;
    border-color: #006ab6;
    color: #006ab6;
}

.nav1 > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.cp-pro-content { margin-bottom: 30px; border: 1px solid #ccc; }

.footer-menu ul { padding-left:0px;}

.footer-menu ul li { line-height: 24px; list-style: none;}

.footer-menu ul li a {
    color: #c7c7c7;
    font-family: 'noto serif', serif;
}

#footer-twittes { margin-top: 14px;}

.footer-contact ul { padding-left:0px;}

.footer-contact ul li {
    line-height: 30px;
    list-style: none;
    color: #c7c7c7;
    font-family: 'noto serif', serif;
}


.new{ margin-top: 46px;}

#menufix{
    width: 100%;
    padding:20px 20px;
    top:0;
    background:#fff;
    moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
    position:fixed;
    overflow: auto;
    opacity:0;
}

#menufix.active_more {
    z-index:1;
    position:fixed;
    opacity:40;
   padding-top: 15px;
    padding-bottom: 15px;
}

#menufix.active {
    z-index:999999;
    position:fixed;
    opacity:100;
}


.cp-toplinks i{ color: #006db8;}

.duty-font {font-family: "noto serif", serif;}

.gallery-page { margin-top: 60px;}

.gallery-page .box { border: solid 1px #e8e8e8;}

.special-box .s-box { text-align: center}

.special-box h3 strong {


    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #222;
    font-family: 'noto serif',serif;

}
.special-box h3 span {
    font-size: 24px;
    line-height: 14px;
    font-weight: 400;
    color: #828282;
    text-decoration: line-through;
    font-family: 'noto serif',serif;
    padding: 0 0 25px;
}

.news-deatil-text h2 {
    font-family: playfair display,serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    display: block;
    text-align: left;
    margin: 0 0 10px;
}

.col-md-3 .cp-pro-thumb img{max-width: 100%;}