@import url(https://fonts.googleapis.com/css?family=Antic|BenchNine|Cabin+Condensed|Comfortaa|Cookie|Didact+Gothic|Handlee|Just+Another+Hand|Marck+Script|Molengo|Montserrat+Alternates|Neucha|News+Cycle|Niconne|Open+Sans+Condensed:300|Poiret+One|Quicksand|Raleway|Rancho);
body,
html {
    height: 100%;
    font-family: 'Cabin Sketch', cursive
}

h1 {
    font-weight: 700
}

p {
    font-family: 'Ubuntu', sans-serif;
    color: gray;
    font-size: 14px;
    line-height: 18pt
}

a:focus,
a:hover {
    text-decoration: none
}

.staff {
    padding-bottom: 30px
}

.marquee {
    overflow: hidden
}

#footer_menu li a {
    text-transform: uppercase;
    color: #6f7b93
}

.contact_result {
    font-size: 21px
}
.css_table{}
.css_table th{background: #002458;
vertical-align: top !important;}
.css_table th td{}
.psp{
font-size: 22px;
text-transform: uppercase;
font-weight: bold;	
	
}
.students_smms{margin-bottom: 23px;}
.download_pfd{float: right;
color: #002458 !important;
font-family: 'Roboto', sans-serif;
font-size: 17px;}


.download_pfd1{
color: #002458 !important;
font-family: 'Roboto', sans-serif;
font-size: 14px;}




.css_table tr{}
.css_table tr td{}
.icon {
    font-size: 40px
}

.detail_activity_inner h1 {
    margin-top: 7px
}

.news_events .main_title p {
    padding: 12px 10em;
    text-align: center
}

.news_eventss .bg_white {
    background: #fcfcfc 0 0;
    margin-bottom: 24px;
    height: 200px
}

.news_eventss h1 {
    text-transform: uppercase
}

.footer_about p {
    width: 90%
}

.navbar {
    border-radius: 0
}

.gallery_list .main-heading p {
    margin: 0;
    padding: 25px 95px 0;
    text-align: center
}

.gallery_list .main-heading h1 {
    color: #0047b1;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.panel-body {
    padding: 0
}

.panel-body table tr td {
    padding-left: 15px
}

.panel-body .table {
    margin-bottom: 0
}

.main_title h1,
.main_title h2 {
    font-weight: 100;
    margin: 0;
    text-transform: uppercase
}

.row_memmbers {
    margin: 0 auto;
    width: 27%
}

.main_title h1 {
    font-size: 30px;
    color: #0047b1;
    font-weight: 700
}

.main_titles h1 {
    font-size: 14px
}

.content {
    font-size: 12px;
    text-align: justify
}

.read_more h1 {
    border: .5px dashed #0047b2;
    border-radius: 25px;
    color: #0047b2;
    float: left;
    font-family: "Cabin Sketch", cursive;
    font-size: 16px;
    padding: 9px 13px;
    text-transform: uppercase
}

.panel-body table tr td a,
.read_more i {
    color: #0047b1
}

.N_E_imgs img {
    float: left;
    width: 100px
}

.detail_activity_inner,
.individual_reason_inner {
    border: 1px dashed #fff;
    border-radius: 5px;
    min-height: 219px;
    padding: 15px
}

.individual_reason_inner {
    min-height: 200px;
    padding: 24px 15px 15px
}

.home_accordian .main_title {
    margin-bottom: 60px;
    margin-top: 30px;
    text-align: center
}

.home_accordian .main_title p {
    margin: 0 auto;
    padding-top: 16px;
    width: 70%
}

ul.vertical-text li:nth-child(2) a {
    background: #023682
}

ul.vertical-text li:nth-child(3) a {
    background: #002458
}

ul.vertical-text li:nth-child(1) a {
    background: #0b50b5
}

.tab-content {
    background: #f2f6f9 0 0;
    border-radius: 5px;
    min-height: 361px;
    padding: 10px
}

.icon_font {
    text-align: center;
    font-size: 20px
}

.padding3 {
    padding: 30px
}

.bg-color-green {
    background: #87d37c 0 0
}

.bg-color-lightorange {
    background: #f39c12 0 0
}

.bg-color-lightblue {
    background: #29a8e8 0 0
}

.bg-color-red {
    background: #f62459 0 0
}

h1.line-height3,
h2.line-height3,
h3.line-height3,
h4.line-height3,
h5.line-height3,
h6.line-height3 {
    line-height: 160%
}

h6.small2 {
    font-size: 13px
}

.white {
    color: #fff
}

.font-weight4 {
    font-weight: 500
}

.less8 {
    margin: 0 auto;
    width: 95%
}

h2.big2 {
    font-size: 45px;
    line-height: 120%
}

.margin-bottom2 {
    margin-bottom: 20px
}

.font-weight8 {
    font-weight: 800
}

.caps {
    text-transform: uppercase
}

.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px
}

.tabs-left {
    border-right: 1px solid #ddd
}

.tabs-right {
    border-left: 1px solid #ddd
}

.tabs-left>li,
.tabs-right>li {
    float: none;
    margin-bottom: 2px
}

.tabs-left>li {
    margin-right: -1px
}

.tabs-right>li {
    margin-left: -1px
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:focus,
.tabs-left>li.active>a:hover {
    border-bottom-color: #ddd;
    border-right-color: transparent
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:focus,
.tabs-right>li.active>a:hover {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent
}

.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block
}

.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0
}

.vertical-text {
    margin-top: 50px;
    border: 0;
    position: relative
}

.vertical-text>li {
    height: 20px;
    width: 120px;
    margin-bottom: 102px
}

.vertical-text>li>a {
    border-right-color: transparent;
    text-align: center;
    border-radius: 12px 12px 0 0
}

.vertical-text>li.active>a,
.vertical-text>li.active>a:focus,
.vertical-text>li.active>a:hover {
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd
}

.vertical-text.tabs-left {
    left: -50px
}

.vertical-text.tabs-right {
    right: -50px
}

.vertical-text.tabs-right>li {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.vertical-text.tabs-left>li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.menu_top {
    background: #0047b1;
    color: #fff;
    z-index: 10;
    padding: 4px
}

.menu_top p {
    padding: 4px;
    margin: 0;
    font-size: 12px;
    color: #fff
}

.top_social {
    padding: 0;
    list-style: none;
    float: right;
    margin: 0
}

.top_social li {
    float: left;
    padding: 2px 8px
}

.navbar-inverse {
    background-color: #fff;
    border: 0;
    padding: 20px 0;
    margin: 0
}

.nav {
    padding-right: 0;
    font-family: roboto;
    text-transform: uppercase;
    font-weight: 700
}

.navbar-inverse .navbar-nav>li>a {
    color: #bf8c7c;
    padding: 17px 41px
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #0047b1;
    background-color: transparent
}

.navbar-brand {
    position: relative;
    left: 26em;
    z-index: 500000
}

.navbar-brand img {
    position: relative;
    top: -35px
}

.left_nav,
.right_nav {
    position: relative;
    left: -11em
}

.right_nav {
    left: 6em
}

.navbar-toggle {
    background-color: #0047b1
}

.navbar-inverse .navbar-collapse {
    border-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #0047b1;
    background-color: transparent
}

* {
    margin: 0;
    padding: 0
}

.base {
    width: auto;
    text-align: center;
    position: absolute;
    z-index: 5000;
    float: right;
    right: 17em;
    top: 120px
}

.holder img,
.pendulum img {
    width: 100%;
    top: -9px;
    position: relative;
    left: -1px
}

.holder {
    width: 30px;
    height: 20px;
    background: #fff;
    margin: auto;
    border-radius: 0 0 50% 50%
}

.thread {
    display: inline-block;
    width: 2px;
    height: 40px;
    background: rgba(255, 255, 255, .5);
    border-radius: 5px;
    position: relative;
    transform-origin: 50% 0;
    animation: moveIt 10s ease-in-out infinite
}

.knob {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -18px;
    left: -4.5px;
    border: 2px solid transparent;
    border-radius: 50%;
    border-bottom: 2px solid transparent
}

.pendulum {
    position: relative;
    bottom: -10px
}

.pendulum:after,
.pendulum:before {
    content: "";
    position: absolute;
    background: #fff
}

.pendulum img {
    left: -75px;
    width: 152px;
    top: 30px
}

.shadow {
    width: 30px;
    height: 5px;
    background: gray;
    border-radius: 50%;
    margin: 50px auto 0;
    animation: moveShade 1.25s ease-in-out alternate infinite
}

@keyframes moveIt {
    0%,
    to {
        transform: rotate(45deg)
    }
    50% {
        transform: rotate(-45deg)
    }
}

@keyframes moveShade {
    0% {
        transform: translateX(-220px) scale(1.4);
        filter: blur(20px)
    }
    50% {
        filter: blur(3px)
    }
    to {
        transform: translateX(220px) scale(1.4);
        filter: blur(20px)
    }
}

@keyframes revolve {
    to {
        transform: rotate(360deg)
    }
}

.school_main {
    padding-top: 35px;
    padding-bottom: 50px
}

.school_content .main_title {
    text-align: left
}

.school_content .main_title p {
    padding: 25px 0!important;
    margin: 0;
    text-align: justify
}

ul {
    list-style-type: none
}

a {
    color: #b63b4d;
    text-decoration: none
}

.cbp-l-grid-projects-title {
    color: #474747;
    font-size: 25px;
    margin-top: 0;
    padding: 0 25px;
    text-transform: uppercase
}

.cbp-l-grid-projects-title a {
    color: #414141!important;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700
}

.cbp,
.cbp-l-loadMore-button {
    float: left;
    width: 100%
}

.cbp {
    height: 400px;
    position: relative;
    z-index: 1
}

.cbp-l-filters-button {
    font-family: "Cabin Sketch", cursive;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 15px
}

.cbp,
.cbp *,
.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-big,
.cbp-l-filters-big *,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-list,
.cbp-l-filters-list *,
.cbp-l-filters-text,
.cbp-l-filters-text *,
.cbp-l-filters-underline,
.cbp-l-filters-underline *,
.cbp-l-filters-work,
.cbp-l-filters-work *,
.cbp-popup-singlePage,
.cbp-popup-singlePage *,
.cbp-popup-wrap,
.cbp-popup-wrap *,
.cbp-search,
.cbp-search *,
.cbp-search:after,
.cbp-search:before,
.cbp:after,
.cbp:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cbp-l-grid-agency-desc,
.cbp-l-grid-agency-title,
.cbp-l-grid-blog-title,
.cbp-l-grid-masonry-projects-desc,
.cbp-l-grid-masonry-projects-title,
.cbp-l-grid-projects-desc,
.cbp-l-grid-projects-title,
.cbp-l-grid-work-desc,
.cbp-l-grid-work-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-big,
.cbp-l-filters-big *,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-list,
.cbp-l-filters-list *,
.cbp-l-filters-text,
.cbp-l-filters-text *,
.cbp-l-filters-underline,
.cbp-l-filters-underline *,
.cbp-l-filters-work,
.cbp-l-filters-work * {
    -webkit-tap-highlight-color: transparent
}

.cbp-item {
    display: inline-block;
    margin: 0 10px 20px 0
}

.cbp .cbp-item,
.cbp:before {
    position: absolute;
    top: 0;
    left: 0
}

.cbp:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/cbp-loading.gif) no-repeat center center
}

.cbp>* {
    visibility: hidden
}

.cbp .cbp-item {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.cbp img,
.cbp-l-inline img,
.cbp-l-project-related-wrap img,
.cbp-lightbox img {
    display: block;
    width: 100%;
    height: auto;
    border: 0
}

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

.cbp-ready>* {
    visibility: visible
}

.cbp-ready:before {
    display: none;
    visibility: hidden
}

.cbp-wrapper,
.cbp-wrapper-helper,
.cbp-wrapper-outer {
    list-style-type: none;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.cbp-wrapper-outer {
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.cbp-wrapper,
.cbp-wrapper-helper {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0
}

.cbp-item-off {
    z-index: -1;
    pointer-events: none;
    visibility: hidden
}

.cbp-item-on2off {
    z-index: 0
}

.cbp-item-off2on {
    z-index: 1
}

.cbp-item-on2on {
    z-index: 2
}

.cbp-item-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    border: 1px solid #efefef
}

.cbp-addItems {
    -webkit-transition: height .5s ease-in-out!important;
    transition: height .5s ease-in-out!important;
    will-change: height
}

.cbp-addItems .cbp-item {
    -webkit-transition: top .5s ease-in-out, left .5s ease-in-out;
    transition: top .5s ease-in-out, left .5s ease-in-out
}

.cbp-addItems .cbp-item-loading {
    -webkit-animation: fadeIn .5s ease-in-out;
    animation: fadeIn .5s ease-in-out;
    -webkit-transition: none;
    transition: none
}

.cbp-panel {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto
}

.cbp-misc-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background: #000
}

.cbp-misc-video iframe,
.cbp-popup-lightbox-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.cbp-l-filters-left {
    float: left
}

.cbp-l-filters-right {
    float: right
}

.cbp-caption,
.cbp-caption-activeWrap,
.cbp-caption-defaultWrap,
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before,
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before,
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before,
.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before,
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before {
    display: block
}

.cbp-caption-activeWrap {
    background-color: #fff
}

.cbp-caption-active .cbp-caption,
.cbp-caption-active .cbp-caption-defaultWrap {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.cbp-caption-active .cbp-caption-activeWrap {
    overflow: hidden
}

.cbp-caption-active .cbp-caption-defaultWrap {
    top: 0
}

.cbp-caption-active .cbp-caption-activeWrap {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    border-bottom: 1px solid #efefef
}

.cbp-l-caption-title {
    color: #fff;
    font: 400 16px/21px
}

.cbp-l-caption-desc {
    color: #aaa;
    font: 400 12px/16px
}

.cbp-l-caption-text {
    font: 400 14px/21px;
    color: #fff;
    letter-spacing: 3px;
    padding: 0 6px
}

.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight {
    background-color: #3288c4;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    width: 42%;
    text-align: center;
    margin: 4px;
    padding: 5px 10px;
    font-weight: 300;
    text-transform: uppercase
}

.cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-buttonRight:hover {
    opacity: .7;
    color: #fff
}

.cbp-caption-none .cbp-caption-activeWrap {
    display: none
}

.cbp-l-caption-alignLeft .cbp-l-caption-body {
    padding: 12px 30px
}

.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body {
    padding-top: 30px
}

.cbp-l-caption-alignCenter {
    display: table;
    width: 100%;
    height: 100%
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
    font-family: 'Ubuntu', sans-serif
}

.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    position: relative;
    -webkit-transition: left .4s cubic-bezier(.19, 1, .22, 1);
    transition: left .4s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
    left: -20px
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    left: 20px
}

.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    left: 0
}

.cbp-caption-fadeIn .cbp-caption-activeWrap {
    opacity: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .85);
    -webkit-transition: opacity .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .9s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1
}

.cbp-caption-minimal .cbp-l-caption-desc,
.cbp-caption-minimal .cbp-l-caption-title {
    position: relative;
    left: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out
}

.cbp-caption-minimal .cbp-l-caption-title {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cbp-caption-minimal .cbp-l-caption-desc {
    -webkit-transform: translateY(70%);
    transform: translateY(70%)
}

.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc,
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cbp-caption-minimal .cbp-caption-activeWrap {
    top: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

.cbp-caption-moveRight .cbp-caption-activeWrap {
    left: -100%;
    top: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cbp-caption-overlayBottom .cbp-caption-activeWrap {
    height: 60px;
    background-color: #181616;
    background-color: rgba(24, 22, 22, .7)
}

.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.cbp-caption-overlayBottom .cbp-caption-activeWrap,
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap,
.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
    height: 60px
}

.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap {
    -webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1);
    transition: top .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
    bottom: -60px;
    height: 60px;
    -webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
    transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
    top: -60px
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
    bottom: 0
}

.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
    z-index: 2;
    -webkit-transition: top .5s cubic-bezier(.19, 1, .22, 1);
    transition: top .5s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
    bottom: 0;
    z-index: 1;
    height: 62px
}

.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
    top: -60px
}

.cbp-caption-overlayRightAlong .cbp-caption-activeWrap,
.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
    top: 0;
    left: -50%;
    width: 50%
}

.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateX(25%);
    transform: translateX(25%)
}

.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cbp-caption-pushDown .cbp-caption-activeWrap,
.cbp-caption-pushDown .cbp-caption-defaultWrap {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-pushDown .cbp-caption-activeWrap {
    top: -102%;
    height: 102%
}

.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateY(99%);
    transform: translateY(99%)
}

.cbp-caption-pushTop .cbp-caption-activeWrap,
.cbp-caption-pushTop .cbp-caption-defaultWrap {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-pushTop .cbp-caption-activeWrap {
    height: 102%
}

.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateY(-99%);
    transform: translateY(-99%)
}

.cbp-caption-revealBottom .cbp-caption-defaultWrap {
    z-index: 2;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-revealBottom .cbp-caption-activeWrap {
    top: 0;
    z-index: 1
}

.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.cbp-caption-revealLeft .cbp-caption-activeWrap,
.cbp-caption-revealTop .cbp-caption-defaultWrap {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-revealLeft .cbp-caption-activeWrap {
    left: 100%;
    top: 0
}

.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.cbp-caption-revealTop .cbp-caption-defaultWrap {
    z-index: 2
}

.cbp-caption-revealTop .cbp-caption-activeWrap {
    top: 0;
    z-index: 1
}

.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.cbp-caption-zoom .cbp-caption-defaultWrap {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.cbp-caption-zoom .cbp-caption-activeWrap {
    opacity: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .9);
    -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1
}

.cbp-caption-opacity .cbp-item {
    padding: 1px
}

.cbp-caption-opacity .cbp-caption,
.cbp-caption-opacity .cbp-caption-activeWrap,
.cbp-caption-opacity .cbp-caption-defaultWrap {
    background-color: transparent
}

.cbp-caption-opacity .cbp-caption {
    border: 1px solid transparent
}

.cbp-caption-opacity .cbp-caption:hover {
    border-color: #ededed
}

.cbp-caption-opacity .cbp-caption-defaultWrap {
    opacity: 1;
    -webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1)
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap {
    opacity: .8
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
    top: 0
}

.cbp-caption-expand .cbp-caption-activeWrap {
    height: auto;
    background-color: transparent
}

.cbp-caption-expand .cbp-caption {
    border-bottom: 1px dotted #eaeaea
}

.cbp-caption-expand .cbp-caption-defaultWrap {
    cursor: pointer;
    font: 500 15px/23px "Roboto", sans-serif;
    color: #474747;
    padding: 12px 0 11px 26px
}

.cbp-caption-expand .cbp-caption-defaultWrap .fa {
    position: absolute;
    top: 16px;
    left: 0;
    width: 16px;
    text-align: center;
    font-size: 14px
}

.cbp-caption-expand .cbp-l-caption-body {
    font: 400 13px/21px "Roboto", sans-serif;
    color: #888;
    padding: 0 0 20px 26px
}

.cbp-caption-expand-active {
    transition: height .4s!important
}

.cbp-caption-expand-active .cbp-item {
    transition: left .4s, top .4s!important
}

.cbp-caption-expand-open .cbp-caption-activeWrap {
    transition: height .4s
}

.cbp-l-filters-alignCenter {
    margin-bottom: 30px;
    text-align: center;
    font: 400 12px/21px sans-serif;
    color: #dadada
}

.cbp-l-filters-alignCenter .cbp-filter-item {
    color: #949494;
    cursor: pointer;
    font: 400 13px/21px;
    padding: 0 12px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    display: inline-block
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover {
    color: #2d2c2c
}

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
    color: #2d2c2c;
    cursor: default
}

.cbp-l-filters-alignCenter .cbp-filter-counter {
    background: 0 0 #626161;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.cbp-l-filters-alignCenter .cbp-filter-counter:before,
.cbp-l-filters-alignRight .cbp-filter-counter:before,
.cbp-l-filters-button .cbp-filter-counter:before,
.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #626161;
    display: none
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.cbp-l-filters-alignLeft {
    margin-bottom: 30px
}

.cbp-l-filters-alignLeft .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    font: 400 12px/30px;
    padding: 0 13px;
    position: relative;
    overflow: visible;
    margin: 0 8px 10px 0;
    display: inline-block;
    color: #888;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cbp-l-filters-alignLeft .cbp-filter-item:hover {
    color: #111
}

.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active {
    background-color: #6c7a89;
    border: 1px solid #6c7a89;
    color: #fff;
    cursor: default
}

.cbp-l-filters-alignLeft .cbp-filter-counter {
    display: inline
}

.cbp-l-filters-alignRight {
    margin-bottom: 30px;
    text-align: right
}

.cbp-l-filters-alignRight .cbp-filter-item {
    background-color: transparent;
    color: #8b8b8b;
    cursor: pointer;
    font: 400 11px/29px;
    padding: 0 12px;
    position: relative;
    overflow: visible;
    margin: 0 0 10px 5px;
    border: 1px solid #e4e2e2;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cbp-l-filters-alignRight .cbp-filter-item:hover {
    color: #2b3444
}

.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
    color: #fff;
    background-color: #049372;
    border-color: #049372;
    cursor: default
}

.cbp-l-filters-alignRight .cbp-filter-counter {
    background: 0 0 #049372;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .25s ease, bottom .25s ease;
    transition: opacity .25s ease, bottom .25s ease
}

.cbp-l-filters-alignRight .cbp-filter-counter:before,
.cbp-l-filters-button .cbp-filter-counter:before,
.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    border-top: 4px solid #049372
}

.cbp-l-filters-button .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #ececec;
    color: #0047b1;
    cursor: pointer;
    font: 400 12px/32px;
    overflow: visible;
    padding: 5px 20px 3px;
    position: relative;
    display: inline-block;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    font-size: 17px;
    margin: 34px 10px 0 0;
    border-radius: 3px
}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #0047b1;
    border-color: #0047b1;
    color: #fff;
    cursor: default
}

.cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-defaultText {
    background-color: #3288c4;
    border: 1px solid #3288c4;
    color: #fff;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px
}

.cbp-l-filters-button .cbp-filter-item:hover {
    color: #0047b1;
    border-color: #0047b1
}

.cbp-l-filters-button .cbp-filter-counter {
    background-color: #0047b1;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease, bottom .25s ease;
    transition: opacity .25s ease, bottom .25s ease
}

.cbp-l-filters-button .cbp-filter-counter:before,
.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    border-top: 4px solid #0047b1
}

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 51px
}

.cbp-l-filters-buttonCenter {
    margin-bottom: 30px;
    text-align: center
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #ececec;
    color: #888;
    cursor: pointer;
    font: 400 12px/32px Roboto, sans-serif;
    margin: 0 10px 10px 0;
    overflow: visible;
    padding: 0 17px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
    color: #5d5d5d
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    color: #3b9cb3;
    border-color: #8cd2e5;
    cursor: default
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
    background-color: #68abbc;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px Roboto, sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease, bottom .25s ease;
    transition: opacity .25s ease, bottom .25s ease
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    border-top: 4px solid #68abbc
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.cbp-l-filters-dropdown {
    margin-bottom: 40px;
    height: 38px;
    position: relative;
    z-index: 5
}

.cbp-l-filters-dropdownWrap {
    width: 200px;
    position: absolute;
    right: 0;
    background: #4d4c4d
}

.cbp-l-filters-dropdownHeader {
    font: 400 12px/38px;
    margin: 0 17px;
    color: #fff;
    cursor: default;
    position: relative
}

.cbp-l-filters-dropdownHeader:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    margin-top: -1px
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
    border-width: 0 5px 5px
}

.cbp-l-filters-dropdownList {
    display: none;
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.cbp-l-filters-dropdownList>li {
    margin: 0;
    list-style: none
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList {
    display: block;
    margin: 0
}

.cbp-l-filters-dropdownList .cbp-filter-item {
    background: 0 0;
    color: #b3b3b3;
    width: 100%;
    text-align: left;
    font: 400 12px/40px;
    margin: 0;
    padding: 0 17px;
    cursor: pointer;
    border: 0;
    border-top: 1px solid #595959
}

.cbp-l-filters-dropdownList .cbp-filter-item:hover {
    color: #e6e6e6
}

.cbp-l-filters-dropdownList .cbp-filter-item-active {
    color: #fff;
    cursor: default
}

.cbp-l-filters-dropdownList .cbp-filter-counter {
    display: inline
}

.cbp-l-filters-dropdown-floated {
    float: right;
    margin-top: -2px;
    margin-left: 20px;
    width: 200px
}

.cbp-l-filters-list {
    margin-bottom: 30px;
    content: "";
    display: table;
    clear: both
}

.cbp-l-filters-list .cbp-filter-item {
    background-color: transparent;
    color: #585252;
    cursor: pointer;
    font: 400 12px/35px;
    padding: 0 18px;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    float: left;
    border: 1px solid #3288c4;
    border-right-width: 0;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out
}

.cbp-l-filters-list .cbp-filter-item:hover {
    color: #000
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
    cursor: default;
    color: #fff;
    background-color: #3288c4
}

.cbp-l-filters-list-first {
    border-radius: 6px 0 0 6px
}

.cbp-l-filters-list-last {
    border-radius: 0 6px 6px 0;
    border-right-width: 1px!important
}

.cbp-l-filters-list .cbp-filter-counter {
    display: inline
}

@media only screen and (max-width:600px) {
    .cbp-l-filters-list .cbp-filter-item {
        margin-right: 5px;
        border-radius: 6px;
        border-right-width: 1px
    }
}

.cbp-l-filters-big,
.cbp-l-filters-text,
.cbp-l-filters-work {
    margin-bottom: 30px;
    text-align: center
}

.cbp-l-filters-work .cbp-filter-item {
    background-color: #fff;
    color: #888;
    cursor: pointer;
    font: 600 11px/37px;
    margin: 0 5px 10px 0;
    overflow: visible;
    padding: 0 16px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cbp-l-filters-work .cbp-filter-item:hover {
    color: #fff;
    background: #607d8b
}

.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
    background: #607d8b;
    color: #fff;
    cursor: default
}

.cbp-l-filters-work .cbp-filter-counter {
    font: 600 11px/37px;
    text-align: center;
    display: inline-block;
    margin-left: 8px
}

.cbp-l-filters-work .cbp-filter-counter:before {
    content: '('
}

.cbp-l-filters-work .cbp-filter-counter:after {
    content: ')'
}

.cbp-l-filters-big .cbp-filter-item,
.cbp-l-filters-text .cbp-filter-item {
    cursor: pointer;
    transition: all .3s ease-in-out;
    position: relative;
    display: inline-block
}

.cbp-l-filters-big .cbp-filter-item {
    border: 1px solid transparent;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    color: #444;
    font: 400 15px/22px Roboto, sans-serif;
    margin: 0 15px 10px 0;
    padding: 10px 23px
}

.cbp-l-filters-big .cbp-filter-item:hover {
    color: #888
}

.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active {
    border-color: #d5d5d5;
    cursor: default;
    color: #444
}

.cbp-l-filters-text {
    font: 400 12px/21px Lato, sans-serif;
    color: #dadada;
    padding: 0 15px
}

.cbp-l-filters-text .cbp-filter-item {
    color: #949494;
    font: 400 13px/21px Lato, sans-serif;
    padding: 0 12px;
    overflow: visible;
    margin: 0 0 10px
}

.cbp-l-filters-text .cbp-filter-item:hover {
    color: #2d2c2c
}

.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
    color: #2d2c2c;
    cursor: default
}

.cbp-l-filters-text .cbp-filter-counter {
    background: 0 0 #626161;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/16px Lato, sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.cbp-l-filters-text .cbp-filter-counter:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #626161;
    display: none
}

.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 30px
}

.cbp-l-filters-text-sort {
    display: inline-block;
    font: 400 13px/21px Lato, sans-serif;
    color: #949494;
    margin-right: 15px
}

.cbp-l-filters-underline {
    margin-bottom: 30px
}

.cbp-l-filters-underline .cbp-filter-item {
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font: 600 14px/21px;
    padding: 8px 10px;
    position: relative;
    overflow: visible;
    margin: 0 20px 10px 0;
    display: inline-block;
    color: #787878;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cbp-l-filters-underline .cbp-filter-item:hover {
    color: #111
}

.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
    border-bottom-color: #666;
    color: #444;
    cursor: default
}

.cbp-l-filters-underline .cbp-filter-counter {
    display: inline
}

.cbp-animation-boxShadow,
.cbp-animation-fadeOut,
.cbp-animation-quicksand {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height
}

.cbp-animation-quicksand .cbp-item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-quicksand .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: quicksand-off .6s ease-out both;
    animation: quicksand-off .6s ease-out both
}

.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: quicksand-on .6s ease-out both;
    animation: quicksand-on .6s ease-out both
}

@-webkit-keyframes quicksand-off {
    to {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0)
    }
}

@keyframes quicksand-off {
    to {
        opacity: 0;
        transform: scale3d(0, 0, 0)
    }
}

@-webkit-keyframes quicksand-on {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0)
    }
}

@keyframes quicksand-on {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0)
    }
}

.cbp-animation-boxShadow .cbp-item,
.cbp-animation-fadeOut .cbp-item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-boxShadow .cbp-item-wrapper,
.cbp-animation-fadeOut .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper,
.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: fadeOut-off .6s ease-in-out both;
    animation: fadeOut-off .6s ease-in-out both
}

.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper,
.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: fadeOut-on .6s ease-in-out both;
    animation: fadeOut-on .6s ease-in-out both
}

@-webkit-keyframes fadeOut-off {
    0% {
        opacity: 1
    }
    80%,
    to {
        opacity: 0
    }
}

@keyframes fadeOut-off {
    0% {
        opacity: 1
    }
    80%,
    to {
        opacity: 0
    }
}

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

@keyframes fadeOut-on {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.cbp-animation-flipBottom,
.cbp-animation-flipOut {
    -webkit-transition: height .7s ease-in-out;
    transition: height .7s ease-in-out;
    will-change: height
}

.cbp-animation-flipOut .cbp-item {
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-flipOut .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: flipOut-out .7s both ease-in;
    animation: flipOut-out .7s both ease-in
}

.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: flipOut-in .7s ease-out both;
    animation: flipOut-in .7s ease-out both
}

@-webkit-keyframes flipOut-out {
    50%,
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipOut-out {
    50%,
    to {
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOut-in {
    0%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipOut-in {
    0%,
    50% {
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

.cbp-animation-flipBottom .cbp-item {
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-flipBottom .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: flipBottom-out .7s both ease-in;
    animation: flipBottom-out .7s both ease-in
}

.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: flipBottom-in .7s ease-out both;
    animation: flipBottom-in .7s ease-out both
}

@-webkit-keyframes flipBottom-out {
    50%,
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipBottom-out {
    50%,
    to {
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipBottom-in {
    0%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipBottom-in {
    0%,
    50% {
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

.cbp-animation-3dflip,
.cbp-animation-bounceBottom,
.cbp-animation-bounceLeft,
.cbp-animation-bounceTop,
.cbp-animation-fadeOutTop,
.cbp-animation-flipOutDelay,
.cbp-animation-foldLeft,
.cbp-animation-frontRow,
.cbp-animation-moveLeft,
.cbp-animation-rotateRoom,
.cbp-animation-rotateSides,
.cbp-animation-scaleDown,
.cbp-animation-scaleSides,
.cbp-animation-sequentially,
.cbp-animation-skew,
.cbp-animation-slideDelay,
.cbp-animation-slideLeft,
.cbp-animation-unfold {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height
}

.cbp-animation-scaleSides .cbp-item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-scaleSides .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: scaleSides-out .9s ease both;
    animation: scaleSides-out .9s ease both
}

.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: scaleSides-in .9s ease both;
    animation: scaleSides-in .9s ease both
}

@-webkit-keyframes scaleSides-out {
    50%,
    to {
        -webkit-transform: scale(.6);
        opacity: 0
    }
}

@keyframes scaleSides-out {
    50%,
    to {
        transform: scale(.6);
        opacity: 0
    }
}

@-webkit-keyframes scaleSides-in {
    0%,
    50% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
}

@keyframes scaleSides-in {
    0%,
    50% {
        transform: scale(.6);
        opacity: 0
    }
}

.cbp-animation-skew .cbp-item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-skew .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: skew-off .6s ease-out both;
    animation: skew-off .6s ease-out both
}

.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: skew-on .6s ease-out both;
    animation: skew-on .6s ease-out both
}

@-webkit-keyframes skew-off {
    to {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0)
    }
}

@keyframes skew-off {
    to {
        opacity: 0;
        transform: scale3d(0, 0, 0) skew(20deg, 0)
    }
}

@-webkit-keyframes skew-on {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg)
    }
}

@keyframes skew-on {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0) skew(0, 20deg)
    }
}

.cbp-animation-fadeOutTop .cbp-wrapper-outer {
    overflow: visible
}

.cbp-animation-fadeOutTop .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: visible
}

.cbp-animation-fadeOutTop .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: fadeOutTop-out .6s both ease-in-out;
    animation: fadeOutTop-out .6s both ease-in-out
}

.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: fadeOutTop-in .6s both ease-in-out;
    animation: fadeOutTop-in .6s both ease-in-out
}

@-webkit-keyframes fadeOutTop-out {
    0% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
    50%,
    to {
        -webkit-transform: translateY(-30px);
        opacity: 0
    }
}

@keyframes fadeOutTop-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    50%,
    to {
        transform: translateY(-30px);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutTop-in {
    0%,
    50% {
        -webkit-transform: translateY(-30px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeOutTop-in {
    0%,
    50% {
        transform: translateY(-30px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.cbp-animation-slideLeft .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-slideLeft .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: slideLeft-out .8s both ease-in-out;
    animation: slideLeft-out .8s both ease-in-out
}

.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: slideLeft-in .8s both ease-in-out;
    animation: slideLeft-in .8s both ease-in-out
}

@-webkit-keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    25% {
        opacity: .75;
        -webkit-transform: scale(.8)
    }
    75%,
    to {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(-200%)
    }
}

@keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    25% {
        opacity: .75;
        transform: scale(.8)
    }
    75%,
    to {
        opacity: .75;
        transform: scale(.8) translateX(-200%)
    }
}

@-webkit-keyframes slideLeft-in {
    0%,
    25% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(200%)
    }
    75% {
        opacity: .75;
        -webkit-transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes slideLeft-in {
    0%,
    25% {
        opacity: .75;
        transform: scale(.8) translateX(200%)
    }
    75% {
        opacity: .75;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.cbp-animation-sequentially .cbp-wrapper-outer {
    overflow: visible
}

.cbp-animation-sequentially .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: visible
}

.cbp-animation-sequentially .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: fadeOutTop-out .6s both ease;
    animation: fadeOutTop-out .6s both ease
}

.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: fadeOutTop-in .6s both ease-out;
    animation: fadeOutTop-in .6s both ease-out
}

.cbp-animation-3dflip .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-3dflip .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: flip-out .6s both ease-in-out;
    animation: flip-out .6s both ease-in-out
}

.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: flip-in .6s both ease-in-out;
    animation: flip-in .6s both ease-in-out
}

@-webkit-keyframes flip-out {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes flip-out {
    to {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes flip-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
    to {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }
}

@keyframes flip-in {
    0% {
        opacity: 0;
        transform: rotateY(-90deg)
    }
    to {
        opacity: 1;
        transform: rotateY(0deg)
    }
}

.cbp-animation-flipOutDelay .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-flipOutDelay .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: flipOut-out 1s both ease-in;
    animation: flipOut-out 1s both ease-in
}

.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: flipOut-in 1s both ease-out;
    animation: flipOut-in 1s both ease-out
}

.cbp-animation-slideDelay .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-slideDelay .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: slideDelay-out .5s both ease-in-out;
    animation: slideDelay-out .5s both ease-in-out
}

.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: slideDelay-in .5s both ease-in-out;
    animation: slideDelay-in .5s both ease-in-out
}

@-webkit-keyframes slideDelay-out {
    to {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes slideDelay-out {
    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slideDelay-in {
    0% {
        -webkit-transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideDelay-in {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(0)
    }
}

.cbp-animation-rotateSides .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-rotateSides .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: -50% 50%;
    -webkit-animation: rotateSides-out .5s both ease-in;
    transform-origin: -50% 50%;
    animation: rotateSides-out .5s both ease-in
}

.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 150% 50%;
    -webkit-animation: rotateSides-in .6s both ease-out;
    transform-origin: 150% 50%;
    animation: rotateSides-in .6s both ease-out
}

@-webkit-keyframes rotateSides-out {
    to {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(90deg)
    }
}

@keyframes rotateSides-out {
    to {
        opacity: 0;
        transform: translateZ(-500px) rotateY(90deg)
    }
}

@-webkit-keyframes rotateSides-in {
    0%,
    40% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg)
    }
}

@keyframes rotateSides-in {
    0%,
    40% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(-90deg)
    }
}

.cbp-animation-foldLeft .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-foldLeft .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: foldLeft-out .7s both ease;
    animation: foldLeft-out .7s both ease
}

.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: foldLeft-in .7s both ease;
    animation: foldLeft-in .7s ease both
}

@-webkit-keyframes foldLeft-out {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes foldLeft-out {
    to {
        opacity: 0;
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes foldLeft-in {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%)
    }
}

@keyframes foldLeft-in {
    0% {
        opacity: .3;
        transform: translateX(100%)
    }
}

.cbp-animation-unfold .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-unfold .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: unfold-out .8s ease both;
    animation: unfold-out .8s ease both
}

.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 0% 50%;
    -webkit-animation: unfold-in .8s both ease;
    transform-origin: 0% 50%;
    animation: unfold-in .8s both ease
}

@-webkit-keyframes unfold-out {
    90% {
        opacity: .3
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
}

@keyframes unfold-out {
    90% {
        opacity: .3
    }
    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@-webkit-keyframes unfold-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes unfold-in {
    0% {
        opacity: 0;
        transform: translateX(100%) rotateY(90deg)
    }
}

.cbp-animation-scaleDown .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-scaleDown .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: scaleDown-out .7s ease both;
    animation: scaleDown-out .7s ease both
}

.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: scaleDown-in .6s ease both;
    animation: scaleDown-in .6s ease both
}

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

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

@-webkit-keyframes scaleDown-in {
    0% {
        -webkit-transform: translateX(100%)
    }
}

@keyframes scaleDown-in {
    0% {
        transform: translateX(100%)
    }
}

.cbp-animation-frontRow .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-frontRow .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: frontRow-out .7s both ease;
    animation: frontRow-out .7s both ease
}

.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: frontRow-in .6s both ease;
    animation: frontRow-in .6s both ease
}

@-webkit-keyframes frontRow-out {
    to {
        -webkit-transform: translateX(-60%) scale(.8);
        opacity: 0
    }
}

@keyframes frontRow-out {
    to {
        transform: translateX(-60%) scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes frontRow-in {
    0% {
        -webkit-transform: translateX(100%) scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%) scale(1)
    }
}

@keyframes frontRow-in {
    0% {
        transform: translateX(100%) scale(.8)
    }
    to {
        opacity: 1;
        transform: translateX(0%) scale(1)
    }
}

.cbp-animation-rotateRoom .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-animation-rotateRoom .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateRoom-out .8s both ease;
    animation: rotateRoom-out .8s both ease
}

.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateRoom-in .8s both ease;
    animation: rotateRoom-in .8s both ease
}

@-webkit-keyframes rotateRoom-out {
    90% {
        opacity: .3
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoom-out {
    90% {
        opacity: .3
    }
    to {
        opacity: 0;
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoom-in {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoom-in {
    0% {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg)
    }
}

.cbp-animation-bounceBottom .cbp-wrapper-helper {
    -webkit-animation: bounceBottom-out .6s both ease-in-out;
    animation: bounceBottom-out .6s both ease-in-out
}

.cbp-animation-bounceBottom .cbp-wrapper {
    -webkit-animation: bounceBottom-in .6s both ease-in-out;
    animation: bounceBottom-in .6s both ease-in-out
}

@-webkit-keyframes bounceBottom-out {
    to {
        -webkit-transform: translateY(100%);
        opacity: 0
    }
}

@keyframes bounceBottom-out {
    to {
        transform: translateY(100%);
        opacity: 0
    }
}

@-webkit-keyframes bounceBottom-in {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes bounceBottom-in {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.cbp-animation-bounceLeft .cbp-wrapper-helper {
    -webkit-animation: bounceLeft-out .6s both ease-in-out;
    animation: bounceLeft-out .6s both ease-in-out
}

.cbp-animation-bounceLeft .cbp-wrapper {
    -webkit-animation: bounceLeft-in .6s both ease-in-out;
    animation: bounceLeft-in .6s both ease-in-out
}

@-webkit-keyframes bounceLeft-out {
    to {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes bounceLeft-out {
    to {
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes bounceLeft-in {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes bounceLeft-in {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.cbp-animation-bounceTop .cbp-wrapper-helper {
    -webkit-animation: bounceTop-out .6s both ease-in-out;
    animation: bounceTop-out .6s both ease-in-out
}

.cbp-animation-bounceTop .cbp-wrapper {
    -webkit-animation: bounceTop-in .6s both ease-in-out;
    animation: bounceTop-in .6s both ease-in-out
}

@-webkit-keyframes bounceTop-out {
    to {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes bounceTop-out {
    to {
        transform: translateY(-100%);
        opacity: 0
    }
}

@-webkit-keyframes bounceTop-in {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes bounceTop-in {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.cbp-animation-moveLeft .cbp-wrapper-helper {
    -webkit-animation: moveLeft-out .6s both ease-in-out;
    animation: moveLeft-out .6s both ease-in-out
}

.cbp-animation-moveLeft .cbp-wrapper {
    -webkit-animation: moveLeft-in .6s both ease-in-out;
    animation: moveLeft-in .6s both ease-in-out
}

@-webkit-keyframes moveLeft-out {
    to {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes moveLeft-out {
    to {
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes moveLeft-in {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveLeft-in {
    0% {
        transform: translateX(100%);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.cbp-displayType-lazyLoading,
.cbp-displayType-sequentially .cbp-item {
    -webkit-animation: fadeIn .5s both ease-in;
    animation: fadeIn .5s both ease-in
}

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

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

.cbp-displayType-fadeInToTop {
    -webkit-animation: fadeInToTop .5s both ease-in;
    animation: fadeInToTop .5s both ease-in
}

@-webkit-keyframes fadeInToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInToTop {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cbp-displayType-bottomToTop,
.cbp-displayType-fadeInToTop {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cbp-displayType-bottomToTop .cbp-item {
    -webkit-animation: fadeInBottomToTop .3s both ease-in;
    animation: fadeInBottomToTop .3s both ease-in
}

@-webkit-keyframes fadeInBottomToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInBottomToTop {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cbp-popup-ie8bg,
.cbp-popup-wrap {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.cbp-popup-ie8bg {
    min-height: 100%;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    position: absolute;
    z-index: -1
}

.cbp-popup-wrap {
    text-align: center;
    position: fixed;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9990;
    padding: 0 10px
}

.cbp-popup-lightbox {
    background: rgba(0, 0, 0, .8)
}

.cbp-popup-singlePage {
    background: #fff;
    padding: 0
}

.cbp-popup-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.cbp-popup-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: 100%
}

.cbp-popup-singlePage .cbp-popup-content {
    position: relative;
    z-index: 1;
    margin-top: 145px;
    max-width: 1024px;
    vertical-align: top;
    width: 94%
}

.cbp-popup-singlePage .cbp-popup-content-basic {
    position: relative;
    z-index: 1;
    margin-top: 104px;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    text-align: left
}

.cbp-popup-lightbox-figure {
    position: relative
}

.cbp-popup-lightbox-bottom {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 3px
}

.cbp-popup-lightbox-title {
    padding-right: 70px;
    font: 400 12px/18px;
    color: #eee
}

.cbp-popup-lightbox-counter {
    position: absolute;
    top: 0;
    right: 0;
    font: 400 12px/18px;
    color: #eee
}

.cbp-popup-lightbox-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 40px 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.cbp-popup-lightbox-img[data-action] {
    cursor: pointer
}

.cbp-popup-lightbox-isIframe .cbp-popup-content {
    width: 75%
}

@media only screen and (max-width:768px) {
    .cbp-popup-lightbox-isIframe .cbp-popup-content {
        width: 95%
    }
}

.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 3px
}

.cbp-popup-lightbox-iframe {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background: #000
}

.cbp-popup-lightbox-iframe iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.cbp-popup-lightbox-iframe audio {
    margin-top: 27%
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    height: 104px;
    background-color: #34425c
}

.cbp-popup-singlePage .cbp-popup-navigation {
    position: relative;
    width: 100%;
    height: 100%
}

.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
    position: fixed;
    top: 0!important
}

.cbp-popup-singlePage-counter {
    color: #bbc0df;
    position: absolute;
    margin: auto;
    right: 40px;
    top: 0;
    bottom: 0;
    font: 400 13px/30px;
    height: 30px
}

@media only screen and (max-width:768px) {
    .cbp-popup-singlePage-counter {
        right: 3%
    }
}

.cbp-popup-close,
.cbp-popup-next,
.cbp-popup-prev {
    padding: 0;
    border: medium;
    position: absolute;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cbp-popup-lightbox .cbp-popup-close,
.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-lightbox .cbp-popup-prev {
    visibility: hidden
}

.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev {
    visibility: visible
}

.cbp-popup-lightbox .cbp-popup-prev {
    background: url(../images/cbp-sprite.png) no-repeat 0 0;
    width: 44px;
    height: 44px;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto
}

.cbp-popup-lightbox .cbp-popup-prev:hover {
    background-position: 0 -46px
}

.cbp-popup-singlePage .cbp-popup-prev {
    background: url(../images/cbp-sprite.png) no-repeat 0 -92px;
    width: 44px;
    height: 44px;
    margin: auto;
    top: 0;
    right: 108px;
    bottom: 0;
    left: 0
}

.cbp-popup-singlePage .cbp-popup-prev:hover {
    background-position: 0 -138px
}

.cbp-popup-lightbox .cbp-popup-next {
    background: url(../images/cbp-sprite.png) no-repeat -46px 0;
    width: 44px;
    height: 44px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto
}

.cbp-popup-lightbox .cbp-popup-next:hover,
.cbp-slider .cbp-nav-next:hover:after {
    background-position: -46px -46px
}

.cbp-popup-singlePage .cbp-popup-next {
    background: url(../images/cbp-sprite.png) no-repeat -46px -92px;
    width: 44px;
    height: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 108px
}

.cbp-popup-singlePage .cbp-popup-next:hover {
    background-position: -46px -138px
}

.cbp-popup-lightbox .cbp-popup-close {
    background: url(../images/cbp-sprite.png) no-repeat -92px 0;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 20px
}

.cbp-popup-lightbox .cbp-popup-close:hover {
    background-position: -92px -46px
}

.cbp-popup-singlePage .cbp-popup-close {
    background: url(../images/cbp-sprite.png) no-repeat -92px -92px;
    height: 44px;
    width: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cbp-popup-singlePage .cbp-popup-ie8bg {
    background-color: #fff
}

.cbp-popup-singlePage .cbp-popup-close:hover {
    background-position: -92px -138px
}

@media only screen and (max-width:360px),
(max-height:600px) {
    .cbp-popup-close,
    .cbp-popup-next,
    .cbp-popup-prev {
        -ms-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    .cbp-popup-lightbox .cbp-popup-close {
        right: 10px;
        top: 10px
    }
    .cbp-popup-lightbox .cbp-popup-next {
        right: 10px
    }
    .cbp-popup-lightbox .cbp-popup-prev {
        left: 10px
    }
    .cbp-popup-singlePage .cbp-popup-navigation-wrap {
        height: 84px
    }
    .cbp-popup-singlePage .cbp-popup-content {
        margin-top: 120px
    }
}

.cbp-popup-loadingBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background: url(../images/cbp-loading-popup.gif) no-repeat center center #0d0d0d;
    border: 1px solid rgba(79, 80, 79, .3);
    border-radius: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=71)";
    opacity: .71;
    width: 50px;
    height: 50px
}

.cbp-popup-ready .cbp-popup-loadingBox {
    visibility: hidden
}

.cbp-popup-loading .cbp-popup-loadingBox {
    visibility: visible
}

.cbp-popup-singlePage {
    left: 100%;
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out
}

.caption p,
.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content {
    opacity: 0
}

.cbp-popup-singlePage-open {
    left: 0
}

.cbp-popup-singlePage.cbp-popup-singlePage-fade {
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
    opacity: 1
}

.cbp-popup-singlePage.cbp-popup-singlePage-right {
    left: -100%;
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
    left: 0
}

.cbp-l-project-title {
    color: #454444;
    font: 600 42px/46px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase
}

.cbp-l-project-subtitle {
    color: #787878;
    font: 400 14px/21px;
    margin: 0 auto 50px;
    max-width: 500px;
    text-align: center
}

.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.cbp-l-project-container {
    overflow: hidden;
    margin: 40px auto 0;
    clear: both
}

.cbp-l-project-desc {
    float: left;
    width: 64%
}

.cbp-l-inline-social-wrapper,
.cbp-l-project-social-wrapper {
    display: inline-block;
    width: 100px;
    height: 20px;
    overflow: hidden
}

.cbp-l-inline-social-wrapper {
    margin-top: 5px
}

.cbp-l-project-details {
    float: right;
    width: 36%;
    padding-left: 40px;
    margin-bottom: 15px
}

@media only screen and (max-width:768px) {
    .cbp-l-project-title {
        font-size: 30px;
        line-height: 34px
    }
    .cbp-l-project-desc {
        width: 100%
    }
    .cbp-l-project-details {
        width: 100%;
        margin-top: 20px;
        padding-left: 0
    }
}

.cbp-l-project-desc-title {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 22px;
    color: #444
}

.cbp-l-project-desc-title span,
.cbp-l-project-details-title span {
    border-bottom: 1px solid #747474;
    display: inline-block;
    margin: 0 0 -1px;
    font: 400 16px/36px;
    padding: 0 5px 0 0
}

.cbp-l-project-desc-text {
    font: 400 13px/20px;
    color: #555;
    margin-bottom: 20px
}

.cbp-l-project-details-title {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 19px;
    color: #444
}

.cbp-l-project-details-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.cbp-l-project-details-list>div,
.cbp-l-project-details-list>li {
    border-bottom: 1px dotted #dfdfdf;
    padding: inherit;
    color: #666;
    font: 400 12px/30px
}

.cbp-l-project-details-list strong {
    display: inline-block;
    color: #696969;
    font-weight: 600;
    min-width: 100px
}

.cbp-l-project-details-visit {
    color: #fff;
    float: right;
    clear: both;
    text-decoration: none;
    font: 400 11px/18px;
    margin-top: 10px;
    background-color: #53668a;
    padding: 8px 19px
}

.cbp-l-project-details-visit:hover {
    opacity: .9;
    color: #fff
}

.cbp-l-project-related-wrap {
    font-size: 0;
    margin: 0;
    padding: 0
}

.cbp-l-project-related-item {
    margin-left: 5%;
    max-width: 30%;
    float: left
}

.cbp-l-project-related-item:first-child {
    margin-left: 0
}

.cbp-l-project-related-title {
    font: 700 14px/18px;
    color: #474747;
    margin-top: 20px
}

.cbp-l-project-related-link {
    text-decoration: none
}

.cbp-l-project-related-link:hover {
    opacity: .9
}

.cbp-l-member-img,
.cbp-l-member-info {
    float: left;
    width: 40%;
    margin-top: 20px
}

.cbp-l-member-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
    border: 0
}

.cbp-l-member-info {
    padding-left: 25px;
    width: 60%
}

@media only screen and (max-width:768px) {
    .cbp-l-member-img {
        width: 100%;
        text-align: center
    }
    .cbp-l-member-info {
        width: 100%;
        padding-left: 0
    }
}

.cbp-l-member-name {
    font: 400 28px/28px;
    color: #474747
}

.cbp-l-member-position {
    font: 400 13px/21px;
    color: #888;
    margin-top: 6px
}

.cbp-l-member-desc {
    font: 400 12px/18px;
    margin-top: 25px;
    color: #474747
}

.cbp-popup-singlePageInline-open {
    -webkit-transition: height .5s ease 0s!important;
    transition: height .5s ease 0s!important
}

.cbp-popup-singlePageInline-open .cbp-item {
    -webkit-transition: -webkit-transform .5s ease 0s!important;
    transition: transform .5s ease 0s!important
}

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline::before {
    display: none
}

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.cbp-popup-singlePageInline {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}

.cbp-popup-singlePageInline:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid rgba(79, 80, 79, .3);
    border-right: 5px solid #000;
    border-bottom: 5px solid #000;
    border-radius: 50%;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    animation: loading .5s infinite linear;
    -webkit-animation: loading .5s infinite linear;
    opacity: .6
}

.cbp-popup-singlePageInline .cbp-popup-content {
    opacity: 0;
    width: 100%;
    z-index: 1;
    min-height: 300px;
    -webkit-transition: opacity .4s ease-in .2s;
    transition: opacity .4s ease-in .2s
}

.cbp-popup-singlePageInline .cbp-popup-navigation {
    -webkit-transition: opacity .4s ease-in .2s;
    transition: opacity .4s ease-in .2s;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px
}

.cbp-popup-singlePageInline .cbp-popup-close {
    background: url(../images/cbp-sprite.png) no-repeat -92px 0;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 30px
}

.cbp-popup-singlePageInline .cbp-popup-close:hover {
    opacity: .7
}

.cbp-popup-singlePageInline-ready {
    z-index: 4
}

.cbp-popup-singlePageInline-ready .cbp-popup-content,
.cbp-popup-singlePageInline-ready .cbp-popup-navigation {
    opacity: 1
}

.cbp-popup-singlePageInline-ready:before {
    display: none
}

.cbp-singlePageInline-active {
    opacity: .6!important
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.cbp-l-inline {
    margin: 20px 0;
    overflow: hidden;
    background: #fafafa;
    padding: 30px
}

.cbp-l-inline-left {
    float: left;
    width: 44%
}

.cbp-l-project-img {
    max-width: 100%
}

.cbp-l-inline-right {
    float: right;
    width: 56%;
    padding-left: inherit
}

@media only screen and (max-width:768px) {
    .cbp-l-inline-left {
        width: 100%;
        text-align: center;
        margin-top: 40px
    }
    .cbp-l-inline-right {
        width: 100%;
        padding-left: 0;
        margin-top: 20px
    }
}

.cbp-l-inline-title {
    font: 400 28px/30px;
    color: #474747
}

.cbp-l-inline-subtitle {
    font: 400 13px/21px;
    color: #888;
    margin-top: 7px
}

.cbp-l-inline-desc {
    font: 400 13px/20px;
    color: #474747;
    margin-top: 25px
}

.OddClass .main_title h1,
.cbp-l-inline-view-wrap {
    text-align: right
}

.cbp-l-inline-view {
    font: 400 13px/35px;
    color: #9c9c9c;
    margin-top: 40px;
    display: inline-block;
    padding: 0 20px;
    border: 1px solid #ccc;
    text-decoration: none
}

.cbp-l-inline-view:hover {
    color: #757575
}

.cbp-l-inline-details {
    margin-top: 15px;
    font: 13px/22px
}

.cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText,
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText {
    display: block
}

.cbp-l-loadMore-button-loadingText,
.cbp-l-loadMore-button-noMoreLoading,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading,
.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-loadingText,
.cbp-l-loadMore-noMoreLoading {
    display: none
}

.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading,
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading {
    display: block
}

.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText,
.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText {
    display: none
}

.cbp-l-loadMore-bgbutton,
.cbp-l-loadMore-button,
.cbp-l-loadMore-text {
    text-align: center
}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {
    padding: 0 50px;
    margin-top: 50px;
    outline: 0
}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading,
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover {
    color: #b0b0b0
}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {
    cursor: default;
    color: #b0b0b0
}

.cbp-l-loadMore-button .cbp-l-loadMore-button-link,
.cbp-l-loadMore-button .cbp-l-loadMore-link {
    color: #7e7b7b;
    display: inline-block;
    font: 400 12px/36px;
    min-width: 80px;
    text-decoration: none;
    padding: 0 30px;
    outline: 0;
    margin-top: 40px;
    box-shadow: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading,
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover {
    color: #b0b0b0
}

.cbp-l-loadMore-text .cbp-l-loadMore-link,
.cbp-l-loadMore-text .cbp-l-loadMore-text-link {
    font: 400 15px;
    color: #7e7b7b;
    text-decoration: none;
    cursor: pointer;
    margin-top: 50px;
    display: block
}

.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,
.cbp-l-loadMore-text .cbp-l-loadMore-stop,
.cbp-l-loadMore-text .cbp-l-loadMore-text-stop {
    color: #b0b0b0;
    cursor: default
}

.cbp-mode-slider {
    -webkit-transition: height .35s cubic-bezier(.22, .6, .345, 1);
    transition: height .35s cubic-bezier(.22, .6, .345, 1)
}

.cbp-mode-slider .cbp-item,
.cbp-mode-slider .cbp-wrapper {
    -webkit-transition: -webkit-transform .35s cubic-bezier(.22, .6, .345, 1);
    transition: transform .35s cubic-bezier(.22, .6, .345, 1)
}

.cbp-mode-slider .cbp-wrapper {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.cbp-mode-slider-dragStart * {
    cursor: move!important;
    cursor: -ms-grabbing!important;
    cursor: -webkit-grabbing!important;
    cursor: -moz-grabbing!important;
    cursor: grabbing!important
}

.cbp-mode-slider-dragStart .cbp-wrapper {
    -webkit-transition: none;
    transition: none
}

.cbp-nav-next,
.cbp-nav-prev {
    position: relative;
    background: #7c8b90;
    cursor: pointer;
    display: inline-block;
    margin-left: 1px;
    height: 22px;
    width: 21px
}

.cbp-nav-next {
    border-radius: 0 2px 2px 0
}

.cbp-nav-prev {
    border-radius: 2px 0 0 2px
}

.cbp-nav-next:hover,
.cbp-nav-prev:hover {
    opacity: .8
}

.cbp-nav-next:after,
.cbp-nav-prev:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/cbp-sprite.png) no-repeat;
    height: 10px;
    width: 7px
}

.cbp-nav-next:after {
    background-position: -134px 0
}

.cbp-nav-prev:after {
    background-position: -134px -12px
}

.cbp-nav-stop {
    opacity: .5!important;
    cursor: default!important
}

.cbp-nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cbp-nav-controls {
    position: absolute;
    top: -51px;
    right: 0;
    z-index: 100
}

.cbp-nav-pagination {
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 100;
    left: 0;
    text-align: center
}

.cbp-nav-pagination-item {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 4px;
    display: inline-block;
    cursor: pointer;
    background: #c2c2c2;
    -webkit-transition: background .5s;
    transition: background .5s
}

.cbp-nav-pagination-active {
    background: #797979
}

.cbp-slider-item,
.cbp-slider-wrap {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cbp-slider .cbp-nav-controls {
    position: static
}

.cbp-slider .cbp-nav-next,
.cbp-slider .cbp-nav-prev {
    background: 0 0;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 44px;
    height: 44px
}

.cbp-slider .cbp-nav-next {
    right: 25px;
    left: auto
}

.cbp-slider .cbp-nav-prev {
    left: 25px;
    right: auto
}

.cbp-slider .cbp-nav-next:after,
.cbp-slider .cbp-nav-prev:after {
    background: url(../images/cbp-sprite.png) no-repeat;
    width: 44px;
    height: 44px
}

.cbp-slider .cbp-nav-next:after {
    background-position: -46px -92px
}

.cbp-slider .cbp-nav-prev:after {
    background-position: 0 -92px
}

.cbp-slider .cbp-nav-prev:hover:after {
    background-position: 0 -46px
}

.cbp-slider .cbp-nav-pagination {
    text-align: right;
    bottom: 20px;
    right: 25px;
    left: auto
}

.cbp-slider-edge .cbp-nav-controls {
    position: static
}

.cbp-slider-edge .cbp-nav-next,
.cbp-slider-edge .cbp-nav-prev {
    background: 0 0;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 44px;
    height: 44px
}

.cbp-slider-edge .cbp-nav-next {
    right: -14px;
    left: auto
}

.cbp-slider-edge .cbp-nav-prev {
    left: -14px;
    right: auto
}

.cbp-slider-edge .cbp-nav-next:after,
.cbp-slider-edge .cbp-nav-prev:after {
    background: url(../images/cbp-sprite.png) no-repeat;
    width: 9px;
    height: 16px
}

.cbp-slider-edge .cbp-nav-next:after {
    background-position: -134px -24px
}

.cbp-slider-edge .cbp-nav-prev:after {
    background-position: -134px -42px
}

.cbp-slider-edge .cbp-nav-pagination {
    bottom: -50px
}

.cbp-slider-edge .cbp-nav-pagination-item {
    border: 2px solid #0f0f0f;
    opacity: .4;
    background: 0 0
}

.cbp-slider-edge .cbp-nav-pagination-active {
    background: #000
}

.cbp-l-grid-agency .cbp-caption:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    z-index: 1
}

.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.cbp-l-grid-agency-title {
    margin-top: 18px;
    font: 700 17px/24px Lato, sans-serif;
    color: #666;
    text-align: center
}

.cbp-item:hover .cbp-l-grid-agency-title,
.submenuacc li a {
    color: #222
}

.cbp-l-grid-agency-desc {
    font: 400 12px/21px;
    color: #aaa;
    text-align: center
}

.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap {
    background-color: rgba(0, 0, 0, .7)
}

.cbp-l-grid-work .cbp-item {
    padding: 3px
}

.cbp-l-grid-work .cbp-item-wrapper {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    padding: 7px 7px 27px;
    border-top: 1px solid #f4f4f4
}

.cbp-l-grid-work-title {
    margin-top: 17px;
    font: 400 17px/25px "Roboto Condensed", sans-serif;
    color: #607d8b;
    text-align: center;
    text-transform: uppercase;
    display: block
}

.cbp-l-grid-work-title:hover {
    color: #365d67
}

.cbp-l-grid-work-desc {
    font: 400 11px/16px;
    color: #888;
    text-align: center;
    text-transform: uppercase
}

.cbp-l-grid-blog-title {
    font: 400 18px/30px;
    color: #444;
    display: block;
    margin-top: 17px
}

.cbp-l-grid-blog-title:hover {
    color: #787878
}

.cbp-l-grid-blog-comments,
.cbp-l-grid-blog-date {
    font: 400 12px/18px;
    color: #787878;
    display: inline-block
}

.cbp-l-grid-blog-comments {
    color: #3c6fbb
}

.cbp-l-grid-blog-comments:hover,
.cbp-l-grid-slider-team-social a:hover {
    opacity: .8
}

.cbp-l-grid-blog-desc {
    font: 400 13px/18px;
    color: #9b9b9b;
    margin-top: 9px
}

.cbp-l-grid-blog-split {
    margin: 0 4px;
    font: 400 13px/16px;
    color: #787878;
    display: inline-block
}

.cbp-l-grid-clients {
    height: 180px
}

.cbp-l-clients-title-block {
    font: 400 32px/53px Roboto, sans-serif;
    color: #666464;
    text-align: center;
    margin-bottom: 40px
}

.cbp-l-grid-faq .cbp-item {
    width: 100%
}

.cbp-l-grid-projects-desc {
    font: 400 12px/18px;
    color: #888;
    font-size: 15px;
    padding: 0 25px;
    margin-bottom: 10px;
    font-family: 'Ubuntu', sans-serif
}

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
    background-color: #59a3b6;
    background-color: rgba(89, 163, 182, .95)
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
    background-color: #0047b1
}

.cbp-l-grid-masonry-projects-title {
    font: 500 15px/22px Roboto, sans-serif;
    color: #59a3b6;
    text-align: center;
    display: block;
    margin-top: 12px
}

.cbp-l-grid-masonry-projects-title:hover {
    color: #457c8b
}

.cbp-l-grid-masonry-projects-desc {
    font: 400 12px/18px Roboto, sans-serif;
    color: #b2b2b2;
    text-align: center
}

.cbp-l-grid-team-name {
    font: 400 17px/24px;
    color: #456297;
    display: block;
    text-align: center;
    margin-top: 18px
}

.cbp-l-grid-team-name:hover {
    color: #34425c
}

.cbp-l-grid-team-position {
    font: italic 400 13px/21px;
    color: #999;
    text-align: center
}

.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
    background-color: #64c28e;
    background-color: rgba(101, 199, 150, .9)
}

.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
    color: #fff;
    font: 400 14px/21px "Lato", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block
}

.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    background-color: #fff;
    margin: 8px auto 0
}

.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
    background-color: #59a3b6;
    background-color: rgba(89, 163, 182, .97)
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background-color: #ffea71;
    background-color: rgba(255, 234, 113, .95)
}

.cbp-l-grid-mosaic .cbp-l-caption-title {
    color: #5a5a5a;
    font: 500 18px/22px "Roboto", sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px
}

.cbp-l-grid-mosaic .cbp-l-caption-desc {
    color: #585858;
    font: 400 13px/20px "Roboto", sans-serif
}

.cbp-l-slider-title-block {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 22px
}

.cbp-l-slider-title-block div {
    padding: 0 2px 6px 0;
    display: inline-block;
    border-bottom: 1px solid #a9a5a5;
    color: #5e5e5e;
    margin-bottom: -1px;
    font: 15px/21px Roboto, sans-serif
}

.cbp-l-grid-slider-team-name {
    float: left;
    font: 20px/30px Roboto, sans-serif;
    color: #494949;
    margin-top: 16px
}

.cbp-l-grid-slider-team-position {
    clear: both;
    font: 14px/21px Roboto, sans-serif;
    color: #a6a6a6
}

.cbp-l-grid-slider-team-desc {
    font: 13px/20px Roboto, sans-serif;
    color: #969696;
    margin-top: 15px
}

.cbp-l-grid-slider-team-social {
    float: right;
    margin-top: 16px
}

.cbp-l-grid-slider-team-social a {
    color: #737373;
    line-height: 30px;
    margin-left: 6px
}

.cbp-l-slider-testimonials-wrap {
    background: #f8f9f9;
    padding: 80px 0 110px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #dce1e2
}

.cbp-l-grid-slider-testimonials-body {
    color: #424242;
    max-width: 800px;
    margin: 0 auto;
    font: 20px/32px sans-serif;
    text-align: center;
    padding: 0 20px
}

.cbp-l-grid-slider-testimonials-footer {
    font: 12px/19px Roboto, sans-serif;
    color: #777;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px
}

.cbp-l-grid-tabs {
    height: 100px
}

.cbp-l-grid-tabs .cbp-item {
    font: 14px/24px Lato, sans-serif;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    text-align: center;
    color: #5a5a5a
}

.cbp-l-testimonials-title-block {
    position: relative;
    text-align: center;
    font: 26px/36px Roboto, sans-serif;
    color: #e7e7e7;
    margin-bottom: 60px
}

.cbp-l-testimonials-title-block:after {
    content: '';
    position: absolute;
    margin: 0 auto;
    width: 23px;
    height: 2px;
    bottom: -6px;
    background-color: #c2c2c2;
    left: 0;
    right: 0
}

.cbp-l-testimonials-wrap {
    background: #2d2d2d;
    padding: 60px 0 110px
}

.cbp-l-grid-testimonials-body {
    color: #e7e7e7;
    max-width: 800px;
    margin: 0 auto;
    font: 20px/32px sans-serif;
    text-align: center;
    padding: 0 20px
}

.cbp-l-grid-testimonials-footer {
    font: 12px/19px Roboto, sans-serif;
    color: #c2c2c2;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 35px
}

.cbp-search {
    position: relative;
    width: 220px;
    margin-bottom: 40px
}

.cbp-search .cbp-search-nothing {
    display: none
}

.cbp-search-icon {
    position: absolute;
    width: 32px;
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    pointer-events: none
}

.cbp-search-icon:after {
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #797979;
    line-height: 36px;
    pointer-events: none
}

.cbp-search-input {
    height: 36px;
    padding: 0 32px 0 12px;
    margin: 0;
    border-radius: 1px;
    border: 1px solid #c6c3c4;
    font: 400 12px;
    width: 100%
}

.cbp-search-input[value]+.cbp-search-icon {
    pointer-events: auto
}

.cbp-search-input[value]+.cbp-search-icon:after {
    content: '\f00d'
}

.cbp-search-nothing {
    position: absolute;
    top: 0;
    padding: 0 0 30px;
    text-align: center;
    width: 100%;
    font: 13px
}

.accordion li {
    border: 1px dashed;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 7px 2px 6px 14px;
    text-transform: uppercase;
    font-family: "Cabin Sketch", cursive
}

.accordion {
    width: 100%;
    max-width: 360px;
    margin: 30px auto 20px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion .link {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li:last-child .link {
    border-bottom: 0
}

.submenuacc li {
    padding: 5px 18px;
    text-transform: uppercase
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion li.open i {
    color: #222
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion li.default .submenu,
.submenu a {
    display: block
}

.submenu {
    display: none;
    background: #444359;
    font-size: 14px
}

.submenu li {
    border-bottom: 1px solid #4b4a5e;
    background: #c3c3c3;
    text-align: left
}

.submenu a {
    text-decoration: none;
    color: #d9d9d9;
    padding: 12px 12px 12px 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.submenu a:hover {
    background: #3269bb;
    color: #fff
}

.OddClass .main_title p {
    padding-left: 35%;
    padding-top: 2%!important;
    text-align-last: right
}

.EvenClass .main_title p {
    padding-right: 32%;
    padding-top: 2%!important
}

.EvenClass .students img,
.OddClass .students img {
    position: relative;
    top: -53px;
    width: 270px
}

.EvenClass .students img {
    float: right;
    top: -55px
}

.students_life {
    padding-top: 3em;
    padding-bottom: 4em
}

.detail_row {
    padding: 10px 0 20px
}

.students .main_title p {
    padding-top: 1em;
    text-align: justify
}

.students ul {
    list-style-type: circle;
    padding-left: 15px;
    font-family: 'Ubuntu', sans-serif;
    color: gray;
    line-height: 30px;
    float: left
}

.students ul p {
    padding-top: 0!important
}

.photo-overlay .caption h3 {
    background: #002458 0 0;
    bottom: 0;
    font-family: "Cabin Sketch", cursive;
    font-size: 16px;
    font-weight: 700;
    left: 1px;
    position: absolute;
    text-transform: uppercase
}

.photo-overlay .caption,
.photo-overlay .caption h3 {
    width: 100%;
    margin: 0;
    padding: 10px;
    color: #fff
}

.ocean-container img {
    display: block;
    width: 100%;
    height: 200px;
    transition: transform .4s ease-in-out;
    transform-origin: top left
}

.photo-container {
    display: inline-block;
    margin: 0 auto;
    padding: 10px
}

.photo-container:hover img {
    transform: scale(1.2)
}

.photo {
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden
}

.caption,
.photo-overlay {
    position: absolute;
    margin: 0 auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .5s ease-in, background .4s ease-in-out
}

.photo-overlay:hover {
    opacity: 1;
    background: rgba(0, 36, 87, .65)
}

.caption {
    transition: opacity .5s ease-in
}

.caption:hover p {
    opacity: 1;
    transition: opacity .3s ease-in;
    color: #fff
}

.button {
    display: block;
    margin: 0 auto;
    width: 150px;
    padding: .5em;
    background: #fff;
    text-transform: uppercase;
    text-decoration: none;
    color: #1976bc;
    transition: box-shadow .3s ease-in-out, color .3s ease-in-out, background .6s ease-in-out, width .4s ease-in, border-radius .4s ease-out
}

.button:hover {
    width: 180px;
    background: #add8e6;
    border-radius: 8px;
    box-shadow: 0 0 1px #000;
    color: #fff
}

.button:active {
    background: #1976bc;
    color: #fff
}

.slider {
    float: left
}

.slider,
.slider img {
    width: 100%
}

.anim-slider {
    background: #225a86;
    list-style-type: none;
    position: relative;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    padding: 0;
    margin: 0
}

.anim-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/slider.jpg)
}

.anim-slide *,
nav.anim-arrows>span {
    position: absolute;
    opacity: 0
}

.anim-slide-this {
    z-index: 1000
}

.anim-slide-this * {
    opacity: 1
}

nav.anim-arrows>span {
    top: 40%;
    z-index: 2000;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

nav.anim-arrows>span.anim-arrows-next,
nav.anim-arrows>span.anim-arrows-prev {
    color: #fff;
    position: absolute;
    padding: 2px 10px
}

nav.anim-arrows>span.anim-arrows-prev {
    left: 1%
}

nav.anim-arrows>span.anim-arrows-next {
    right: 1%
}

.anim-slider:hover>nav.anim-arrows>span {
    opacity: 1;
    cursor: pointer
}

.anim-dots {
    display: none
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.delay0-5s,
.delay1s {
    -webkit-animation-delay: 1s;
    animation-delay: .5s
}

.delay1s {
    animation-delay: 1s
}

.delay1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay2-5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.delay3-5s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.delay4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.delay4-5s {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.delay5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.delay5-5s {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s
}

.delay6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.delay6-5s {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s
}

.anim-slide h1 {
    color: #225a86;
    background-color: #fff;
    font-size: 50px
}

.anim-slide h2 {
    color: #fff;
    font-size: 35px
}

.anim-slide h3 {
    color: #fff;
    font-size: 30px
}

.anim-slide h4 {
    color: #fff;
    font-size: 25px
}

.anim-slide h1#slider {
    text-shadow: -1px 1px 0;
    padding: 6px;
    width: 100%
}

.anim-slide h2#plugin {
    width: 100%;
    top: 22%
}

.anim-slide h3#license {
    width: 100%;
    top: 37%
}

.anim-slide h4#version {
    width: 100%;
    top: 50%
}

.anim-slide h3#todo {
    top: 0%;
    left: 20%
}

.anim-slide h3#bounce {
    top: 15%;
    left: 49%
}

.anim-slide h4#bounceUp {
    top: 15%;
    left: 60%
}

.anim-slide h4#bounceRight {
    top: 15%;
    left: 75%
}

.anim-slide h3#fade {
    top: 31%;
    left: 20%
}

.anim-slide h4#fadeDown {
    top: 43%;
    left: 28%
}

.anim-slide h4#fadeUp {
    top: 31%;
    left: 28%
}

.anim-slide h3#rotate {
    top: 50%;
    left: 49%
}

.anim-slide h4#rotateRight {
    top: 50%;
    left: 61%
}

.anim-slide h4#rotateLeft {
    top: 50%;
    left: 80%
}

.anim-slide img#css3 {
    left: 35%;
    top: 4%
}

.anim-slide img#html5 {
    left: 52%;
    top: -1%
}

.anim-slide img#jquery {
    top: 60%;
    left: 41%
}

.anim-slide img#modernizr {
    width: 260px;
    top: 75%;
    left: 20%
}

.anim-slide h2#animatecss {
    top: 69%;
    left: 60%;
    color: #f35626
}

marquee {
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    position: absolute;
    top: 14px
}

.breaking-news-headline,
.breaking-news-title {
    display: block;
    position: absolute;
    font-family: arial;
    font-size: 13px;
    margin-top: -22px;
    color: #fff
}

.breaking-news-headline p,
marquee {
    color: #fff
}

.breaking-news-title {
    background-color: #2d97eb;
    height: 45px;
    width: 140px;
    font-family: 'Poppins', sans-serif;
    top: 0;
    margin-top: 0;
    margin-left: 20px;
    padding-top: 16px;
    padding-left: 25px;
    z-index: 3
}

.breaking-news-title:after,
.breaking-news-title:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 0
}

.breaking-news-title:before {
    left: -12px;
    border-bottom: 45px solid #2d97eb;
    border-left: 12px solid transparent;
    border-right: 0 solid transparent
}

.breaking-news-title:after {
    right: -12px;
    border-right: 12px solid transparent;
    border-left: 0 solid transparent;
    border-top: 45px solid #2d97eb
}

#breaking-news-colour {
    height: 37px;
    width: 100%;
    background-color: #0047b1
}

#breaking-news-container {
    height: 45px;
    width: 100%;
    overflow: hidden;
    position: relative;
    float: left;
    background: #0047b1
}

#breaking-news-container:before {
    content: "";
    width: 15em;
    height: 44px;
    background-color: #0047b1;
    position: absolute;
    z-index: 2
}

.animated,
.delay-animated,
.delay-animated2,
.delay-animated3,
.scroll-animated {
    -webkit-animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .2s;
    -moz-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.delay-animated,
.delay-animated2,
.delay-animated3,
.scroll-animated {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay-animated2,
.delay-animated3,
.scroll-animated {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-animated2,
.delay-animated3 {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s
}

.delay-animated3 {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-delay: 3s
}

.fadein {
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    -o-animation-name: fadein;
    animation-name: fadein
}

@-webkit-keyframes fadein {
    0% {
        margin-left: 1000px
    }
}

@-moz-keyframes fadein {
    0% {
        margin-left: 1000px
    }
}

.slidein {
    -webkit-animation-name: slidein;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    animation-name: slidein
}

@keyframes marquee {
    0%,
    20% {
        left: 0
    }
    to {
        left: -100%
    }
}

.marquee {
    animation: marquee 10s linear infinite;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -webkit-animation-delay: .5s;
    animation-delay: 3s
}

@-webkit-keyframes slidein {
    0% {
        margin-left: 800px
    }
    to {
        margin-top: 0
    }
}

@-moz-keyframes slidein {
    0% {
        margin-left: 800px
    }
    to {
        margin-top: 0
    }
}

.slideup {
    -webkit-animation-name: slideup;
    -moz-animation-name: slideup;
    -o-animation-name: slideup;
    animation-name: slideup
}

@-webkit-keyframes slideup {
    0% {
        margin-top: 30px
    }
    to {
        margin-top: 0
    }
}

@-moz-keyframes slideup {
    0% {
        margin-top: 30px
    }
    to {
        margin-top: 0
    }
}

.welcome {
    padding-top: 50px
}

.welcome_note .content {
    padding-top: 37px;
    line-height: 18pt
}

.welcome_note .read_more img {
    position: relative;
    float: left;
    left: 2em;
    top: 2em
}

.welcome_vid {
    padding-top: 1em
}

.welcome_vid iframe {
    width: 100%;
    height: 225px
}

.read_more a:link {
    color: #333
}

.detail_activity {
    padding-bottom: 0
}

.activity {
    padding-bottom: 60px;
    background: url(../img/activity.jpg) no-repeat 0 30px/cover
}

.activity .main_title h1 {
    text-align: center;
    color: #fff;
    padding-top: 2em
}

.detail_activity {
    text-align: center;
    padding-top: 32px
}

.detail_activity h1 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.detail_activity p {
    color: #fff;
    padding: 7px 0
}

.face {
    margin: 0 auto
}

.face:hover {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.panel-group .panel {
    border: medium
}

.collapse {
    border: 1px dashed;
    border-radius: 5px;
    margin-top: 5px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0!important
}

.panel-default>.panel-heading {
    background-color: #fff;
    border: 1px dashed;
    color: #333
}

.panel-title a {
    color: #222!important;
    text-transform: uppercase
}

.gems .content {
    padding-top: 1em
}

.gems {
    padding-bottom: 51px;
    padding-top: 51px
}

.gems_slider {
    padding-top: 20px
}

.controls .right {
    width: 43%
}

.controls .left {
    margin-right: 10px
}

.col-item {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #fff
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%
}

.col-item .info {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px
}

.col-item:hover .info {
    background-color: #002458;
    color: #fff
}

.btn-success {
    background-color: #002458;
    border-color: #002458
}

.col-item .price {
    float: left;
    margin-top: 5px
}

.col-item .price h5 {
    line-height: 20px;
    margin: 0
}

.price-text-color {
    color: #219fd1
}

.col-item .info .rating {
    color: #777
}

.col-item .rating {
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px
}

.col-item .separator {
    border-top: 1px solid #e1e1e1
}

.clear-left {
    clear: left
}

.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center
}

.col-item .separator p i {
    margin-right: 5px
}

.col-item .btn-add {
    width: 50%;
    float: left;
    border-right: 1px solid #e1e1e1
}

.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px
}

.controls {
    margin-top: 7em
}

[data-slide=prev] {
    margin-right: 10px
}

.school_feature .main_title h1 {
    padding-top: 35px;
    text-align: center
}

.school_feature .main_title p {
    padding: 12px 10em;
    text-align: center
}

.feature_slide_features {
    margin-bottom: 49px
}

.feature_slide_features .bg_white {
    min-height: 200px
}

.feature_slide_features .bg_white h1 {
    text-transform: uppercase
}

.school_feature {
    background: #f2f6f9;
    padding-top: 5em
}

.school_feature ul {
    text-align: center;
    padding: 0
}

.equal-hight {
    height: 234px
}

.school_feature ul li {
    display: block;
    margin-bottom: 64px;
    border-right: 1px #e9e9e9 solid;
    position: relative
}

.school_feature ul li .inner {
    display: block;
    padding: 30px
}

.school_feature ul li .inner img {
    border-radius: 3px
}

.school_feature ul li h1 {
    display: block;
    padding: 22px 0 12px;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    line-height: 24px
}

.school_feature ul li p {
    display: block;
    font-size: 12px;
    color: #969a9e;
    line-height: 20px
}

.school_feature ul li:after {
    height: 1px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    position: absolute;
    bottom: -35px;
    content: "";
    width: 94%
}

.school_feature ul li:last-child {
    margin-bottom: 0!important
}

.school_feature ul li:last-child .inner {
    border-bottom: none
}

.why_us {
    background: url(../img/why_us.jpg) no-repeat;
    padding-top: 40px;
    padding-bottom: 30px;
    background-size: cover
}

.why_us .main_title h1 {
    padding-top: 35px
}

.why_us .main_title p {
    padding: 12px 10em
}

.why_us ul {
    list-style: none;
    padding: 30px 0 0
}

.individual_reason h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0
}

.individual_reason h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 6px
}

.individual_reason,
.why_us .main_title h1,
.why_us .main_title p {
    text-align: center;
    color: #fff
}

.home_accordian {
    padding-top: 60px;
    padding-bottom: 60px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background: #29a8e8!important;
    background-color: #29a8e8
}

.igviewer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: RGBA(29, 31, 32, .9);
    z-index: 1000
}

.igviewer img {
    display: block;
    margin: 1rem auto;
    height: calc(100vh - 2rem);
    width: auto;
    box-shadow: 0 10px 40px 10px rgba(0, 0, 0, .8)
}

.igviewer.hidden {
    display: none
}

.instagram {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden;
    width: 512px;
    margin: 0 auto
}

#content .post,
.instagram .image {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 4px
}

.instagram .image {
    background-repeat: none;
    background-position: center center;
    background-size: 100%;
    transition: all 200ms ease;
    cursor: pointer
}

.instagram .image .caption {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 1em
}

.instagram .image:hover {
    background-size: 110%
}

.instagram .image:hover .caption {
    display: block
}

#header {
    position: relative;
    width: 100vw;
    padding: 25px;
    border-top: 10px solid #9d6d55
}

#header h1 {
    font-size: 30pt;
    color: #9d6d55
}

#content {
    position: relative;
    display: flex;
    flex-flow: row wrap
}

#content .post {
    background: #000;
    display: block
}

#content .post .image,
#content .post ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all .15s ease-in-out
}

#content .post .image {
    bottom: 0;
    background-position: center;
    background-size: cover
}

#content .post ul {
    height: 50px;
    background: rgba(157, 109, 85, .8);
    display: flex;
    justify-content: space-around;
    transform: translateY(-100%);
    color: #fff
}

#content .post ul li {
    text-align: center;
    line-height: 50px
}

#content .post:hover .image {
    opacity: .5;
    transform: scale(1.15) translate3d(0, 0, 0)
}

#content .post:hover ul {
    transform: translateX(0)
}

.news_events {
    background: #f2f6f9;
    padding-bottom: 45px;
    padding-top: 50px
}

.news_events .main_title {
    text-align: center;
    margin-bottom: 15px;
    padding-top: 20px
}

#content,
.N_E_img img,
iframe {
    width: 100%
}

.bg_white {
    margin: 0;
    padding: 20px 25px;
    font-size: 20px;
    background: #fff
}

.bg_white h1 {
    margin: 6px 0;
    font-size: 20px
}

.about_us .content,
.bg_white p {
    text-align: justify
}

.news_events .read_more h1 {
    text-align: center;
    float: none
}

.view_btn {
    float: right;
    position: relative;
    top: -26px;
    right: 12px
}

.footer {
    background: #002458;
    padding-top: 2em;
    padding-bottom: 1em
}

.footer_logo img {
    width: 42%;
    left: -15px;
    position: relative
}

.footer_about {
    font-size: 12px;
    text-align: justify;
    padding: 21px 0 0
}

.footer_about p {
    color: #6f7b93;
    line-height: 22px
}

.footer_menu h1 {
    color: #fff;
    font-size: 20px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.footer_subscribe,
.location,
.quick_link {
    list-style: none;
    color: #6f7b93;
    font-family: 'Ubuntu', sans-serif;
    line-height: 32px;
    font-size: 13px;
    padding: 15px 0 0
}

.footer_subscribe,
.location {
    line-height: 2
}

.location li {
    padding-bottom: 13px
}

iframe {
    height: 100px
}

#subscribe {
    width: 100%;
    margin: 0;
    padding-top: 15px
}

#subscribe input[type=submit],
#subscribe input[type=text] {
    font-family: Open Sans;
    font-size: 14px;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 0;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#subscribe input[type=text] {
    background: rgba(255, 255, 255, .6);
    margin: 0 0 10px
}

#subscribe input[type=text]:focus {
    outline: 0
}

#subscribe input[type=submit] {
    background: #000;
    color: #fff;
    cursor: pointer
}

#subscribe input[type=text] {
    color: #fff
}

#subscribe input[type=submit]:hover {
    background: #0047b1
}

#subscribe input[type=submit]:active {
    background: #8cc988
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
    opacity: 0
}

.copyright {
    background: #00112b;
    padding: 6px 0
}

.powered {
    text-align: right
}

.copy p,
.powered p {
    color: #6f7b93;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    padding-top: 5px
}

.banner {
    padding-top: 10em
}

.banner img {
    width: 100%
}

.about_us {
    text-align: center;
    padding-bottom: 25px
}

.about_us .welcome_vid {
    padding-top: 3em
}

.about_us iframe {
    border-radius: 14px 26px 17px 9px;
    float: left;
    height: 251px;
    padding: 8px 12px 0 0;
    width: 396px
}

.default_image img {
    border-radius: 33px;
    float: left;
    padding: 15px 10px 10px 0
}

.item.list-group-item img {
    float: left
}

.hides i,
.show_more i {
    font-size: 12px
}

.hides,
.show_more {
    border: 1px solid;
    border-radius: 5px;
    font-family: "Cabin Sketch", cursive;
    font-size: 14px;
    line-height: 10px;
    padding: 3px 8px;
    text-transform: uppercase
}

.ceo-note img {
    width: 50%;
    float: left;
    padding-right: 20px;
    padding-top: 7px
}

.ceo img {
    width: 100%
}

.ceo {
    position: relative;
    left: -15px
}

.director p {
    color: #fff;
    text-align: justify
}

.director {
    padding: 0;
    background: #002458;
    color: #fff
}

.ceo-note h1 {
    font-size: 30px
}

.ceo-note {
    padding-top: 56px;
    padding-bottom: 5em
}

.classes {
    text-align: center
}

.classes .main_title {
    padding-top: 20px
}

.classes .main_title p {
    padding: 25px 95px
}

.glyphicon {
    margin-right: 5px
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px
}

.item.list-group-item:hover,
.item.list-group-item:nth-of-type(odd):hover {
    background: #428bca
}

.item.list-group-item .list-group-image {
    margin-right: 10px
}

.item.list-group-item .thumbnail {
    margin-bottom: 0
}

.item.list-group-item .caption {
    padding: 9px 9px 0
}

.item.list-group-item:nth-of-type(odd) {
    background: #eee
}

.item.list-group-item:after,
.item.list-group-item:before {
    display: table;
    content: " "
}

.item.list-group-item:after {
    clear: both
}

.list-group-item-text {
    margin: 0 0 11px;
    line-height: 20px
}

.thumbnail .caption {
    padding: 25px;
    color: #333;
    text-align-last: center;
    text-align: justify;
    font-size: 12px;
    margin: 0
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 14px;
    font-weight: 700;
    font-family: roboto
}

table {
    width: 100%;
    table-layout: fixed
}

.tbl-header {
    background-color: #002458
}

.tbl-content {
    height: 400px;
    overflow-x: auto;
    margin-top: 0;
    border: 1px solid #002458
}

td,
th {
    padding: 20px 15px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif
}

th {
    text-align: left;
    text-transform: uppercase;
    color: #fff
}

td {
    text-align: -webkit-auto;
    vertical-align: middle;
    color: #333;
    border-bottom: solid 1px #002458;
    width: 25%
}

section {
    margin: 50px
}

.made-with-love {
    margin-top: 40px;
    padding: 10px;
    clear: left;
    text-align: center;
    font-size: 10px;
    font-family: arial;
    color: #fff
}

.made-with-love i {
    font-style: normal;
    color: #f50057;
    font-size: 14px;
    position: relative;
    top: 2px
}

.made-with-love a {
    color: #fff;
    text-decoration: none
}

.made-with-love a:hover {
    text-decoration: underline
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.detail_row_inner img {
    float: left
}

#team {
    padding-bottom: 85px;
    margin: 0
}

.teacher {
    padding: 25px 10px 0;
    text-align: center
}

.teachers .main_title {
    padding-top: 20px
}

.teachers {
    text-align: center;
    padding-top: 30px
}

.teachers .main_title p {
    padding: 25px 95px 0;
    margin: 0
}

.team-member figcaption p,
a:active,
a:link,
a:visited {
    color: #fff
}

a:hover {
    color: rgba(255, 255, 255, .6)
}

.gray {
    color: #a5a5a5
}

.team-member {
    border: 1px dashed #d8d4d4;
    border-radius: 4px;
    padding: 15px
}

.team-member figure {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.team-member figure img,
.team-member figure:hover img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.team-member figure img {
    min-width: 100%;
    -webkit-transform: scale(1) rotate(0) translateY(0);
    -moz-transform: scale(1) rotate(0) translateY(0);
    -o-transform: scale(1) rotate(0) translateY(0);
    -ms-transform: scale(1) rotate(0) translateY(0);
    transform: scale(1) rotate(0) translateY(0)
}

.team-member figcaption ul {
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: visible;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.boximage>a,
.team-member figcaption ul li {
    display: inline-block;
    padding: 10px
}

.team-member h4 {
    margin: 10px 0 0;
    padding: 0
}

.team-member figcaption,
.team-member figure:hover figcaption {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-member figcaption {
    padding: 50px;
    background-color: transparent;
    position: absolute;
    z-index: 996;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    color: transparent;
    height: 0;
    visibility: hidden
}

.team-member figure:hover figcaption {
    visibility: visible;
    color: #fff;
    background: rgba(0, 36, 88, .6);
    height: 100%
}

.team-member figure:hover figcaption ul li a:hover {
    color: rgba(49, 49, 49, .97)
}

.team-member figure:hover img {
    -webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
    -moz-transform: scale(1.1) rotate(1deg) translateY(12px);
    -o-transform: scale(1.1) rotate(1deg) translateY(12px);
    -ms-transform: scale(1.1) rotate(1deg) translateY(12px);
    transform: scale(1.1) rotate(1deg) translateY(12px)
}

.inner_event img {
    float: left;
    padding-right: 2em;
    padding-top: 20px
}

.kinder {
    padding-bottom: 4em;
    padding-top: 4em
}

.kinder_content img {
    width: 100%;
    padding-bottom: 1em
}

.kinder_content {
    padding-top: 3em
}

.kinder_content ul {
    padding-top: 1em;
    line-height: 2em;
    padding-left: 18px
}

.gallery {
    padding-bottom: 50px
}

.boximage>a {
    text-decoration: none;
    vertical-align: bottom;
    width: 19.66%;
    padding: 2px
}

.boximage>a>img {
    border: 0;
    display: block;
    height: auto;
    width: 100%
}

.arrow::after {
    border: 10px solid #fff;
    content: "";
    left: 50%;
    position: absolute;
    transform: translate(-10px, -10px) rotate(45deg)
}

.box,
.box>img,
.boximage>a {
    position: relative
}

.box {
    background: #fff;
    float: left;
    padding: 13px 0;
    width: 100%
}

.js-boxloading::before {
    content: "Loading...";
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.box,
.box>div,
form {
    text-align: center
}

.box>div {
    color: #9c9c9c;
    padding: 0 13px 8px;
    position: relative
}

.box>img {
    max-height: 420px;
    max-width: 100%;
    vertical-align: bottom
}

@media screen and (min-width:480px) and (max-width:919px) {
    .boximage>a {
        width: 24%
    }
}

@media screen and (max-width:479px) {
    .boximage>a {
        width: 49.33%
    }
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contact {
    background: #f5f5f5
}

form {
    max-width: 100%;
    margin: 20px auto
}

form input,
form textarea {
    border: 0;
    outline: 0;
    padding: 1em;
    -moz-border-radius: 0;
    display: block;
    width: 100%;
    margin-top: 1em;
    font-family: 'Merriweather', sans-serif;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    resize: none
}

form input:focus,
form textarea:focus {
    -moz-box-shadow: 0 0 2px #e74c3c!important;
    -webkit-box-shadow: 0 0 2px #e74c3c!important;
    box-shadow: 0 0 2px #e74c3c!important
}

form #input-submit {
    color: #fff;
    background: #12499c;
    cursor: pointer
}

form #input-submit:hover {
    -moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, .6);
    -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, .6);
    box-shadow: 0 1px 1px 1px rgba(170, 170, 170, .6)
}

form textarea {
    height: 110px
}

.half {
    float: left;
    width: 48%;
    margin-bottom: 1em
}

.right {
    width: 50%
}

.left {
    margin-right: 2%
}

@media (max-width:480px) {
    .half {
        width: 100%;
        float: none;
        margin-bottom: 0
    }
}

.cf:after,
.cf:before {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.address ul {
    padding: 25px 0 0;
    list-style: none
}

.info_map {
    padding-top: 2em;
    padding-bottom: 2em
}

.map iframe {
    width: 100%;
    height: 235px;
    margin-top: 25px
}

.shake {
    display: block;
    position: relative;
    float: left
}

.shake.inline,
h2.shake {
    display: inline-block
}

@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg)
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        -webkit-transform: translate(-3px, 0) rotate(1deg)
    }
    30% {
        -webkit-transform: translate(0, 2px) rotate(0deg)
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg)
    }
    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg)
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg)
    }
    to {
        -webkit-transform: translate(1px, -2px) rotate(-1deg)
    }
}

.shake:focus,
.shake:hover {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: .8s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}