/* *********************************************************************************************************************

7. Skin
7.0 Content width
7.1 Font family
7.2 Font size
7.3 Color
7.4 Shadows
7.5 Images

*/



/* Content width ******************************************************************************************************/
.ish-slider .slide-content > .row,
.boxed .wrapper-all,
.boxed .part-pagebreak,
.unboxed .part-expandable > .row,
.unboxed .part-top-navigation > .row,
.unboxed .part-header-bg > .row,
.unboxed .part-lead > .row,
.unboxed .part-main-nav > .row,
.unboxed .part-main-nav-search > .row,
.unboxed .part-content > .row,
.unboxed .part-fullsection > .row,
.unboxed .part-footer > .row,
.unboxed .part-footer-legals > .row,
.unboxed .part-pagebreak > .row,
#lang_sel_footer {
max-width: 960px;
}




/* 7.1 Font family ****************************************************************************************************/

/*
* Font Roboto
*/
body,
ol li:before,
.wpcf7-not-valid-tip ,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
font-family: Open Sans, sans-serif !important;
font-weight: 400;
}

p, ul, ol, div {
font-size: 14px;
font-style: normal;
line-height: 20px;
}

.part-header p, .part-header  ul, .part-header  ol, .part-header  div,
.part-main-nav a {
font-family: Roboto Condensed, sans-serif !important;
font-size: 16px;
font-style: normal;
line-height: normal;
}


.main-nav a {
    font-weight: 300;
}

.part-top-navigation p, .part-top-navigation ul, .part-top-navigation ol, .part-top-navigation div {
line-height: normal;
}


/* 7.2 Font size ******************************************************************************************************/

/*
* 50px
*/
.dropcap {
font-size: 50px;
line-height: 48px;
}

/*
* 40px
*/
.logo a {
font-size: 40px;
font-weight: 700;
letter-spacing: -2px;
}

.ish-sticky-nav.with-logo .logo a {
font-size: 30px;
letter-spacing: -1px;
}

/*
* 30px
*/
.dropcap.bg-dropcap {
font-size: 30px;
line-height: 41px;
}

/*
* 18
*/
.part-main-nav-search label input {
font-size: 18px;
}

/*
* 16px
*/
.hover-links a,
.box.close [class*="icon-cancel"],
.part-top-navigation [class*="icon-"] {
font-size: 16px;
}

/*
* 14px
*/
body,
blockquote,
blockquote p, .pt-link,
.pullquote,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
font-size: 14px !important;
}

/*
* 13px - the same style for accordion / toggle title no matter which tag (h*) is used
*/
.toggle .tgg-title, .accordion .acc-title {
font-size: 13px;
font-weight: 400;
line-height: 18px;
}

/*
* 12px
*/
.addForm form,
.main-nav a[href="#search"] + form input[type="submit"] + label,
.main-nav a[href="#search"] + form input[type="submit"] + label input {
font-size: 12px;
}

.tagcloud a,
.categories a,
.tooltipster-default .tooltipster-content {
font-size: 12px !important;
}


/*
* 11px
*/
.blog-post-details,
.search-details,
.hover-overlay ul li,
.list-breadcrumbs,
.part-top-navigation,
.part-top-navigation p,
.part-top-navigation ul,
.part-top-navigation ol,
.part-top-navigation div,
.blog-post-details span[class*="icon-"] {
font-size: 11px;
}

.wpcf7-not-valid-tip {
font-size: 11px !important;
}



/*
 * Bold
 */
ol li:before,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
font-weight: 700;
}

/*
 * Bold
 */
.main-nav > ul > li > ul li a {
font-weight: 400;
}

/*
* Italic
*/
blockquote,
blockquote p,
.pullquote {
font-style: italic;
}

/*
* Headlines
*/
h1, .h1, .tp-caption[class*="nalleto_big_"] {
font-family: Roboto Condensed, sans-serif !important;
font-size: 45px;
font-weight: 300;
font-style: normal;
line-height: 56px;
}

h2, .h2,  .tp-caption[class*="nalleto_medium_"] {
font-family: Roboto Condensed, sans-serif !important;
font-size: 28px;
font-weight: 300;
font-style: normal;
line-height: 40px;
}

h3, .h3,  .tp-caption[class*="nalleto_small_"] {
font-family: Roboto Condensed, sans-serif !important;
font-size: 18px;
font-weight: 300;
font-style: normal;
line-height: 28px;
}

.woocommerce h3 {
    font-size: 18px !important;
}

h4, .h4 {
font-family: Roboto Condensed, sans-serif !important;
font-size: 14px;
font-weight: 300;
font-style: normal;
line-height: 24px;
}

h5, .h5 {
font-family: Roboto Condensed, sans-serif !important;
font-size: 13px;
font-weight: 300;
font-style: normal;
line-height: 18px;
}

h6, .h6 {
font-family: Roboto Condensed, sans-serif !important;
font-size: 11px;
font-weight: 300;
font-style: normal;
line-height: 18px;
}



/* 7.3 Color **********************************************************************************************************/

/*
* Color example
*/
.color1 .colex:after { content: ".color1 = #487993 (orange)"; }
.color2 .colex:after { content: ".color2 = #465d69 (dark grey)"; }
.color3 .colex:after { content: ".color3 = #e8e8e8  (light grey)"; }
.color4 .colex:after { content: ".color4 = #fefefe (white)"; }



/*
* 1.
*/
a,
.logo a:hover,
h1.color1, h2.color1, h3.color1, h4.color1, h5.color1, h6.color1,
.h1.color1, .h2.color1, .h3.color1, .h4.color1, .h5.color1, .h6.color1,
.tp-caption[class*="_color1"],
.addForm form input[type="submit"]:hover,
ul.list-square li:before,
ul.list-square-empty li:before,
ul.list-circle li:before,
ul.list-circle-empty li:before,
ul.list-tick li:before,
ul.list-cancel li:before,
ul.list-minus li:before,
ul.list-plus li:before,
ul.list-pointer li:before,
ul.list-square.color1 li:before,
ul.list-square-empty.color1 li:before,
ul.list-circle.color1 li:before,
ul.list-circle-empty.color1 li:before,
ul.list-tick.color1 li:before,
ul.list-cancel.color1 li:before,
ul.list-minus.color1 li:before,
ul.list-plus.color1 li:before,
ul.list-pointer.color1 li:before,
ol li:before,
ol.color4 li:before,
ol li:before,
.dropcap.color1,
.pullquote.color1,
.tooltip-text.color1,
ul li:before,
ul.color1 li:before,
#searchform input[type="submit"]:hover,
.wpcf7-not-valid-tip,
.ish-icon.color1 span,
blockquote.color1,
pre.color1, code.color1,
.part-expandable .sc-nav-menu.color1 li a,
.part-expandable .sc-nav-menu.color1 li a:hover,
.part-footer .sc-nav-menu.color1 li a,
.part-footer .sc-nav-menu.color1 li a:hover,
.part-expandable .sc-nav-menu li a,
.part-expandable .sc-nav-menu li a:hover,
.part-footer .sc-nav-menu li a,
.part-footer .sc-nav-menu li a:hover,
.logo a {
color: #487993;
}

.part-footer,
.part-footer-legals {
border-top: 2px solid #487993;
}



.box.color1,
blockquote.quote-boxed.color1,
[class*="ish-button-"].color1,
.list-button li a:hover, .list-button li a.active, .list-button li.active a,
.list-skills.color1 div div span,
.list-skills.color1 div div.color1 span,
.list-skills.color2 div div.color1 span,
.list-skills.color3 div div.color1 span,
.list-skills.color4 div div.color1 span,
mark.color1,
.accordion .active .acc-title,
.accordion .acc-title:hover,
.toggle .active .tgg-title,
.toggle .tgg-title:hover,
.tooltip-color1.tooltipster-default,
.tabs-navigation li a:hover,
.tabs-navigation li.active a,
.pagination .current,
.pagination a:hover,
.pullquote.color1.bg-pullquote,
.dropcap.color1.bg-dropcap,
.table-content .highlight.color1,
.table-content .highlight-col.color1,
.timeline > div:after,
.timeline-border.timeline-color1 > div > div,
.audiojs .progress,
#sidebar .widget_nav_menu li a,
.sc-nav-menu.color1 li a,
.ish-icon-square.color1 span,
.ish-icon-circle.color1 span,
.demo_store,
.wpcf7 input[type="submit"],
#sidebar .widget_nav_menu li.current_page_item a,
.sc-nav-menu li.current_page_item a,
.sc-nav-menu.color2 li.current_page_item a,
.sc-nav-menu.color3 li.current_page_item a,
.sc-nav-menu.color4 li.current_page_item a,
.tabs-navigation.color1 li a,
.tabs-navigation.color3 li.active a,
.tabs-navigation.color3 li a:hover,
.tabs-navigation.color4 li.active a,
.tabs-navigation.color4 li a:hover,
.fake-top-menu-button:hover,
.fake-top-menu-button.active,
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active,
.portfoliog .portfolio-item ul li span,
.portfoliog .portfolio-item ul li a:hover {
background: #487993 !important;
}

#commentform input[type="submit"] {
background: #487993;
}

.part-footer+.part-footer-legals {
border-color: rgba(72, 121, 147, 0.1) !important;
}

.table-content .highlight-col.color1.even,
.table-content tr:nth-child(even) .highlight.color1,
.table-content tr:nth-child(even).highlight.color1 {
background: #487993 !important;
background: rgba(72, 121, 147, 0.9) !important;
}

::-moz-selection { background: #487993; }
::selection { background: #487993; }

.ish-slider .slide-image img+.caption *,
.tp-caption[class*="color1_with_bg"],
.hover-overlay {
background: #487993;
background: rgba(72, 121, 147, 0.95);
}

[class*="ish-button-"].color1:after {
background: #487993;
background: rgba(72, 121, 147, 0.5);
}

.tooltip-color1 .tooltipster-arrow span {
border-top-color: #487993 !important;
border-bottom-color: #487993 !important;
}

.tooltip-text.color1,
.rounded-image.color1 > div,
.part-expandable.with-border,
[class*="lined"] > span span {
border-color: #487993;
}

.timeline .timeline-border.timeline-color1:first-child > div > div:after {
border-left-color: #487993;
}


@media all and (max-width: 480px) {
    .timeline .timeline-border.timeline-color1:first-child > div > div:after {
        border-right-color: #487993 !important;
    }
}


.timeline .timeline-border.timeline-color1:last-child > div > div:after {
border-right-color: #487993;
}

.part-fullsection.bg-color1 {
background-color: #487993;
background-color: rgba(72, 121, 147, 1);
}

.rounded-image.ri-arrow.color1:after,
.rounded-image.ri-arrow.ri-arrow-bottom.color1:after {
border-top-color: #487993;
}
.rounded-image.ri-arrow.ri-arrow-top.color1:after {
border-color: transparent;
border-bottom-color: #487993;
}
.rounded-image.ri-arrow.ri-arrow-left.color1:after {
border-color: transparent;
border-right-color: #487993;
}
.rounded-image.ri-arrow.ri-arrow-right.color1:after {
border-color: transparent;
border-left-color: #487993;
}

@media all and (max-width: 767px) {
    .rounded-image.ri-arrow.ri-arrow-left.color1:after,
    .rounded-image.ri-arrow.ri-arrow-right.color1:after {
        border-color: transparent !important;
        border-top-color: #487993 !important;
    }
}


/*
* 2.
*/
body,
[class*="ish-button-"].color3,
[class*="ish-button-"].color4,
[class*="ish-button-"]:hover,
[class*="ish-button-"].color3 [class*="ish-icon"] span,
[class*="ish-button-"].color4 [class*="ish-icon"] span,
[class*="ish-button-"]:hover [class*="ish-icon"] span,
.box.color3,
.box.color4,
blockquote,
blockquote.quote-boxed.color3,
blockquote.quote-boxed.color4,
blockquote.quote-boxed.color3 cite a,
blockquote.quote-boxed.color4 cite a,
ul.categories a,
.tagcloud a,
.list-button li a,
.list-skills.color3 div div span,
.list-skills.color4 div div span,
mark.color3,
mark.color4,
.dropcap,
.pullquote,
.tooltip-color3.tooltipster-default,
.tooltip-color4.tooltipster-default,
.tabs-navigation li a,
.pagination a,
.pullquote.color3.bg-pullquote,
.pullquote.color4.bg-pullquote,
.dropcap.color3.bg-dropcap,
.dropcap.color4.bg-dropcap,
.tooltip-text,
.rounded-image a,
input, textarea,
#searchform input[type="submit"],
#sidebar .widget_nav_menu li a:hover,
.sc-nav-menu li a:hover,
.sc-nav-menu.color3 li a,
.sc-nav-menu.color4 li a,
.sc-nav-menu.color3 li.current_page_item a:hover,
.sc-nav-menu.color4 li.current_page_item a:hover,
.ish-icon span,
.ish-icon-square.color3 span,
.ish-icon-square.color4 span,
.ish-icon-square.color1 a:hover span,
.ish-icon-square a:hover span,
.ish-icon-circle.color3 span,
.ish-icon-circle.color4 span,
.ish-icon-circle.color1 a:hover span,
.ish-icon-circle a:hover span,
.woocommerce .product-categories a,
#commentform input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
pre, code,
.tabs-navigation.color3 li a,
.tabs-navigation.color4 li a,
.timeline-border.timeline-color3 > div > div,
.timeline-border.timeline-color4 > div > div,
.list-skills.color1 div div.color3 span,
.list-skills.color2 div div.color3 span,
.list-skills.color3 div div.color3 span,
.list-skills.color4 div div.color3 span,
.list-skills.color1 div div.color4 span,
.list-skills.color2 div div.color4 span,
.list-skills.color3 div div.color4 span,
.list-skills.color4 div div.color4 span {
color: #3e3e3e;
}

h1.color2, h2.color2, h3.color2, h4.color2, h5.color2, h6.color2,
.h1.color2, .h2.color2, .h3.color2, .h4.color2, .h5.color2, .h6.color2,
.tp-caption[class*="_color2"],
blockquote.color2,
.dropcap.color2,
.pullquote.color2,
.tooltip-text.color2,
ul.list-square.color2 li:before,
ul.list-square-empty.color2 li:before,
ul.list-circle.color2 li:before,
ul.list-circle-empty.color2 li:before,
ul.list-tick.color2 li:before,
ul.list-cancel.color2 li:before,
ul.list-minus.color2 li:before,
ul.list-plus.color2 li:before,
ul.list-pointer.color2 li:before,
ol.color2 li:before,
ul.color2 li:before,
.ish-icon.color2 span,
.ish-icon-square.color2 a:hover span,
.ish-icon-circle.color2 a:hover span,
.part-expandable .sc-nav-menu.color2 li a,
.part-expandable .sc-nav-menu.color2 li a:hover,
.part-footer .sc-nav-menu.color2 li a,
.part-footer .sc-nav-menu.color2 li a:hover {
color: #465d69;
}

.tp-caption[class*="color3_with_bg"],
.tp-caption[class*="color4_with_bg"],
.top-nav-resp ul li a .open-top-sub-level:hover {
color: #3e3e3e !important;
}

pre.color2, code.color2 {
color: #465d69;
}

.part-footer,
.part-footer-legals,
h1[class*="icon-"]:before, h2[class*="icon-"]:before, h3[class*="icon-"]:before, h4[class*="icon-"]:before, h5[class*="icon-"]:before, h6[class*="icon-"]:before,
.h1[class*="icon-"]:before, .h2[class*="icon-"]:before, .h3[class*="icon-"]:before, .h4[class*="icon-"]:before, .h5[class*="icon-"]:before, .h6[class*="icon-"]:before,
.box,
.box.color2,
blockquote.quote-boxed,
blockquote.quote-boxed.color2,
[class*="ish-button-"],
[class*="ish-button-"].color2,
.list-skills div div span,
.list-skills.color2 div div span,
.list-skills.color1 div div.color2 span,
.list-skills.color2 div div.color2 span,
.list-skills.color3 div div.color2 span,
.list-skills.color4 div div.color2 span,
mark,
mark.color2,
.tooltipster-default,
.tooltip-color2.tooltipster-default,
.part-expandable,
.pullquote.bg-pullquote,
.pullquote.color2.bg-pullquote,
.dropcap.bg-dropcap,
.table-content .highlight-col,
.table-content .highlight-col.color2,
.table-content .highlight,
.table-content .highlight.color2,
.timeline-border.timeline-color2 > div > div,
.sc-nav-menu li a,
.sc-nav-menu.color2 li a,
.ish-icon-square span,
.ish-icon-square.color2 span,
.ish-icon-circle span,
#sidebar .widget_nav_menu li a,
.ish-icon-circle.color2 span,
.sc-nav-menu.color1 li.current_page_item a,
.tabs-navigation li a,
.tabs-navigation.color2 li a,
.tabs-navigation.color1 li.active a,
.tabs-navigation.color1 li a:hover,
.fixed-top {
background-color: #465d69 !important;
}

.table-content .highlight-col.even,
.table-content .highlight-col.color2.even,
.table-content tr:nth-child(even) .highlight,
.table-content tr:nth-child(even).highlight,
.table-content tr:nth-child(even) .highlight.color2,
.table-content tr:nth-child(even).highlight.color2 {
background: #465d69 !important;
background: rgba(70, 93, 105, 0.9) !important;
}

[class*="ish-button-"]:after,
[class*="ish-button-"].color2:after {
background: #465d69;
background: rgba(70, 93, 105, 0.5);
}

.tabs-navigation.color1 {
border-color: #465d69;
}

.tooltipster-arrow span,
.tooltip-color2 .tooltipster-arrow span {
border-top-color: #465d69;
border-bottom-color: #465d69;
}

/* Blog & Search results tags */
.blog-post-details,
.blog-post-details a,
.search-details span[class*="icon-"],
.search-details span a,
.portfolio-style-2 .portfolio-item ul, .portfolio-style-3 .portfolio-item ul, .portfolio-style-4 .portfolio-item ul,
.portfolio-style-2 .portfolio-item ul a, .portfolio-style-3 .portfolio-item ul a, .portfolio-style-4 .portfolio-item ul a
{
color: #3e3e3e;
color: rgba(62, 62, 62, 0.5);
}

/*
* Placeholder
*/
:-moz-placeholder {
color: #3e3e3e;
color: rgba(62, 62, 62, 0.5);
}
::-webkit-input-placeholder {
color: #3e3e3e;
color: rgba(62, 62, 62, 0.5);
}
.placeholder {
color: #3e3e3e;
color: rgba(62, 62, 62, 0.5);
}

pre, code {
color: #3e3e3e;
color: rgba(62, 62, 62, 0.75);
}

pre, code {
background: #465d69;
background: rgba(70, 93, 105, 0.05);
}

.tooltip-text,
.tooltip-text.color2,
.rounded-image > div,
.rounded-image.color2 > div {
border-color: #465d69;
}

.timeline .timeline-border.timeline-color2:first-child > div > div:after {
border-left-color: #465d69;
}

@media all and (max-width: 480px) {
    .timeline .timeline-border.timeline-color2:first-child > div > div:after {
        border-right-color: #465d69 !important;
    }
}

.timeline .timeline-border.timeline-color2:last-child > div > div:after {
border-right-color: #465d69;
}

.part-fullsection.bg-color2 {
background-color: #465d69;
background-color: rgba(70, 93, 105, 1);
}

.tp-caption[class*="color2_with_bg"]{
background: #465d69;
background: rgba(70, 93, 105, 0.95);
}

.rounded-image.ri-arrow.ri-arrow-bottom:after,
.rounded-image.ri-arrow.ri-arrow-bottom.color2:after {
border-top-color: #465d69;
}
.rounded-image.ri-arrow.ri-arrow-top.color2:after {
border-color: transparent;
border-bottom-color: #465d69;
}
.rounded-image.ri-arrow.ri-arrow-left.color2:after {
border-color: transparent;
border-right-color: #465d69;
}
.rounded-image.ri-arrow.ri-arrow-right.color2:after {
border-color: transparent;
border-left-color: #465d69;
}

@media all and (max-width: 767px) {
    .rounded-image.ri-arrow.ri-arrow-left:after,
    .rounded-image.ri-arrow.ri-arrow-right:after,
    .rounded-image.ri-arrow.ri-arrow-left.color2:after,
    .rounded-image.ri-arrow.ri-arrow-right.color2:after {
        border-color: transparent !important;
        border-top-color: #465d69 !important;
    }
}



/*
* 3.
*/
h1.color3, h2.color3, h3.color3, h4.color3, h5.color3, h6.color3,
.h1.color3, .h2.color3, .h3.color3, .h4.color3, .h5.color3, .h6.color3,
.tp-caption[class*="_color3"],
.part-footer, .part-footer-legals,
.part-expandable,
.widget_ishyoboy-social-widget ul.social a:hover,
.dropcap.color3,
.pullquote.color3,
.box.close [class*="icon-cancel"]:hover,
.tooltip-text.color3,
ul.list-square.color3 li:before,
ul.list-square-empty.color3 li:before,
ul.list-circle.color3 li:before,
ul.list-circle-empty.color3 li:before,
ul.list-tick.color3 li:before,
ul.list-cancel.color3 li:before,
ul.list-minus.color3 li:before,
ul.list-plus.color3 li:before,
ul.list-pointer.color3 li:before,
ol.color3 li:before,
ul.color3 li:before,
.ish-icon.color3 span,
.ish-icon.color1 a:hover span,
.ish-icon a:hover span ,
.ish-icon.color2 a:hover span,
.ish-icon.color4 a:hover span,
blockquote.color3,
pre.color3, code.color3,
.part-expandable .sc-nav-menu.color3 li a,
.part-expandable .sc-nav-menu.color3 li a:hover,
.part-footer .sc-nav-menu.color3 li a,
.part-footer .sc-nav-menu.color3 li a:hover,
.part-footer .sc-nav-menu.color3 li.current_page_item a,
.part-footer .sc-nav-menu.color3 li.current_page_item a:hover,
.woocommerce #searchform input[type="submit"],
.blog-post-details span[class*="icon-"]:before {
color: #e8e8e8 ;
}

.addForm,
.box.color3,
blockquote.quote-boxed.color3,
[class*="ish-button-"].color3,
[class*="ish-button-"]:hover,
[class*="ish-button-"].color4:hover,
.list-button li a,
.list-skills div div,
.list-skills.color3 div div span,
.list-skills.color1 div div.color3 span,
.list-skills.color2 div div.color3 span,
.list-skills.color3 div div.color3 span,
.list-skills.color4 div div.color3 span,
mark.color3,
.accordion .acc-title,
.toggle .tgg-title,
.tooltip-color3.tooltipster-default,
.pullquote.color3.bg-pullquote,
.dropcap.color3.bg-dropcap,
#sidebar .widget_nav_menu li a:hover,
.sc-nav-menu.color3 li a,
.sc-nav-menu li a:hover,
.sc-nav-menu.color4 li a:hover,
.ish-icon-square.color3 span,
.ish-icon-square.color1 a:hover span,
.ish-icon-square a:hover span,
.ish-icon-square.color2 a:hover span,
.ish-icon-square.color4 a:hover span,
.ish-icon-circle.color3 span,
.ish-icon-circle.color1 a:hover span,
.ish-icon-circle a:hover span,
.ish-icon-circle.color2 a:hover span,
.ish-icon-circle.color4 a:hover span,
.woocommerce select,
.woocommerce .product-categories a,
#commentform input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
.tabs-navigation.color3 li a,
.part-expandable    .widget_archive select,
.right-sidebar      .widget_archive select,
.left-sidebar       .widget_archive select,
.part-footer        .widget_archive select,
.part-footer-legals .widget_archive select,
.part-expandable    .widget_categories select,
.right-sidebar      .widget_categories select,
.left-sidebar       .widget_categories select,
.part-footer        .widget_categories select,
.part-footer-legals .widget_categories select,
.flex-control-nav li a,
.portfoliog .portfolio-item ul li a,
.toggle .tgg-title + div, .accordion .acc-title + div,
.blog-post-details .pt-icona:before {
background: #e8e8e8  !important;
}

ul.categories a,
.tagcloud a,
.pagination a, .pagination .current,
.timeline-border.timeline-color3 > div > div,
input, textarea {
background: #e8e8e8 ;
}

[class*="ish-button-"].color3:after,
[class*="ish-button-"].color4:after {
background: #e8e8e8 ;
background: rgba(232, 232, 232, 0.5);
}

pre, code {
border-color: #e8e8e8 ;
border-color: rgba(232, 232, 232, 0.8);
}

.tp-caption[class*="color3_with_bg"]{
background: #e8e8e8 ;
background: rgba(232, 232, 232, 0.95);
}

.tooltip-color3 .tooltipster-arrow span {
border-top-color: #e8e8e8  !important;
border-bottom-color: #e8e8e8  !important;
}

.tooltip-text.color3,
.table-content th, .table-content tr, .table-content td,
.timeline > div:before,
.timeline-border > div > div,
.rounded-image.color3 > div,
.woocommerce .woocommerce-tabs .panel,
.part-main-nav,
.part-main-nav .main-nav > ul > .menu-item:first-child > a,
.top-nav-resp ul li a,
.part-lead,
.part-breadcrumbs,
[class*="lined"] > span,
.tabs-content > div {
border-color: #e8e8e8 ;
}

.table-striped tr:nth-child(even),
.table-bg tr:nth-child(even) {
background: #e8e8e8 ;
background: rgba(232, 232, 232, 0.5) !important;
}

.part-lead,
.part-breadcrumbs {
background: #e8e8e8 ;
background: rgba(232, 232, 232, 0.25) !important;
}

.table-bg tr:nth-child(odd) {
background: #e8e8e8 ;
background: rgba(232, 232, 232, 0.75);
}

.timeline .timeline-border.timeline-color3:first-child > div > div:after {
border-left-color: #e8e8e8 ;
}

@media all and (max-width: 480px) {
    .timeline .timeline-border.timeline-color3:first-child > div > div:after {
        border-right-color: #e8e8e8  !important;
    }
}

.timeline .timeline-border.timeline-color3:last-child > div > div:after {
border-right-color: #e8e8e8 ;
}

.timeline .timeline-border:first-child > div > div:after {
border-left-color: #e8e8e8 ;
}

@media all and (max-width: 480px) {
    .timeline .timeline-border:first-child > div > div:after {
        border-right-color: #e8e8e8  !important;
    }
}

.timeline .timeline-border:last-child > div > div:after {
border-right-color: #e8e8e8 ;
}

.part-fullsection.bg-color3 {
background-color: #e8e8e8 ;
background-color: rgba(232, 232, 232, 1);
}

.rounded-image.ri-arrow.color3:after,
.rounded-image.ri-arrow.ri-arrow-bottom.color3:after {
border-top-color: #e8e8e8 ;
}
.rounded-image.ri-arrow.ri-arrow-top.color3:after {
border-color: transparent;
border-bottom-color: #e8e8e8 ;
}
.rounded-image.ri-arrow.ri-arrow-left.color3:after {
border-color: transparent;
border-right-color: #e8e8e8 ;
}
.rounded-image.ri-arrow.ri-arrow-right.color3:after {
border-color: transparent;
border-left-color: #e8e8e8 ;
}

@media all and (max-width: 767px) {
    .rounded-image.ri-arrow.ri-arrow-left.color3:after,
    .rounded-image.ri-arrow.ri-arrow-right.color3:after {
        border-color: transparent !important;
        border-top-color: #e8e8e8  !important;
    }
}


/*
* 4.
*/
h1.color4, h2.color4, h3.color4, h4.color4, h5.color4, h6.color4,
.h1.color4, .h2.color4, .h3.color4, .h4.color4, .h5.color4, .h6.color4,
h1[class*="icon-"]:before, h2[class*="icon-"]:before, h3[class*="icon-"]:before, h4[class*="icon-"]:before, h5[class*="icon-"]:before, h6[class*="icon-"]:before,
.h1[class*="icon-"]:before, .h2[class*="icon-"]:before, .h3[class*="icon-"]:before, .h4[class*="icon-"]:before, .h5[class*="icon-"]:before, .h6[class*="icon-"]:before,
.tp-caption[class*="_color4"], .tp-caption[class*="color1_with_bg"], .tp-caption[class*="color2_with_bg"],
.box.success, .box.warning, .box.info, .box.error,
.box,
.box.success a, .box.warning a, .box.info a, .box.error a,
blockquote.color4,
blockquote.quote-boxed,
blockquote.quote-boxed.color2,
blockquote.quote-boxed cite a,
blockquote.quote-boxed.color2 cite a,
[class*="ish-button-"],
[class*="ish-button-"] [class*="ish-icon"] span,
.ish-slider .slide-image img+.caption *,
.hover-overlay,
.hover-overlay a,
.list-button li a:hover, .list-button li a.active, .list-button li.active a,
.list-skills div div span,
mark,
.dropcap.color4,
.pullquote.color4,
.accordion .active .acc-title,
.accordion .acc-title:hover,
.toggle .active .tgg-title,
.toggle .tgg-title:hover,
.box.close [class*="icon-cancel"],
.tooltipster-default,
.tabs-navigation li a:hover,
.tabs-navigation li.active a,
.tabs-navigation li a,
.tabs-navigation.color2 li a,
#expandable,
.pagination .current,
.pagination a:hover,
.pullquote.color1.bg-pullquote,
.pullquote.bg-pullquote,
.pullquote.color2.bg-pullquote,
.dropcap.bg-dropcap,
.tooltip-text.color4,
.table-content .highlight,
.table-content .highlight-col,
.timeline-border.timeline-color1 > div > div,
.timeline-border.timeline-color2 > div > div,
.part-fullsection.bg-color1,
.part-fullsection.bg-color2,
ul.list-square.color4 li:before,
ul.list-square-empty.color4 li:before,
ul.list-circle.color4 li:before,
ul.list-circle-empty.color4 li:before,
ul.list-tick.color4 li:before,
ul.list-cancel.color4 li:before,
ul.list-minus.color4 li:before,
ul.list-plus.color4 li:before,
ul.list-pointer.color4 li:before,
ol.color4 li:before,
ul.color4 li:before,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok,
#sidebar .widget_nav_menu li a,
.sc-nav-menu li a,
.sc-nav-menu.color3 li.current_page_item a,
.sc-nav-menu.color4 li.current_page_item a,
.ish-icon.color4 span,
.ish-icon.color3 a:hover span,
.ish-icon-square.color1 span,
.ish-icon-square span,
.ish-icon-square.color2 span,
.ish-icon-circle.color1 span,
.ish-icon-circle span,
.ish-icon-circle.color2 span,
#commentform input[type="submit"],
.wpcf7 input[type="submit"],
pre.color4, code.color4,
.part-expandable .sc-nav-menu.color4 li a,
.part-expandable .sc-nav-menu.color4 li a:hover,
.part-footer .sc-nav-menu.color4 li a,
.part-footer .sc-nav-menu.color4 li a:hover,
.part-footer .sc-nav-menu.color4 li.current_page_item a,
.part-footer .sc-nav-menu.color4 li.current_page_item a:hover,
.portfoliog .portfolio-item ul li span,
.portfoliog .portfolio-item ul li a:hover {
color: #fefefe;
}

::-moz-selection { color: #fefefe; }
::selection { color: #fefefe; }

.box.color4,
blockquote.quote-boxed.color4,
[class*="ish-button-"].color4,
[class*="ish-button-"].color3:hover,
.box.color3 [class*="ish-button-"]:hover,
.list-skills.color3 div div,
.list-skills.color4 div div span,
.list-skills.color1 div div.color3,
.list-skills.color2 div div.color3,
.list-skills.color3 div div.color3,
.list-skills.color4 div div.color3,
.list-skills.color1 div div.color4 span,
.list-skills.color2 div div.color4 span,
.list-skills.color3 div div.color4 span,
.list-skills.color4 div div.color4 span,
.fixed-top:hover,
mark.color4,
.tooltip-color4.tooltipster-default,
.pullquote.color4.bg-pullquote,
.dropcap.color4.bg-dropcap,
.timeline-border.timeline-color4 > div > div,
.sc-nav-menu.color4 li a,
.sc-nav-menu.color3 li a:hover,
.ish-icon-square.color4 span,
.ish-icon-square.color3 a:hover span,
.ish-icon-circle.color4 span,
.ish-icon-circle.color3 a:hover span,
.tabs-navigation.color4 li a {
background: #fefefe !important;
}

.woocommerce .product-categories a:hover, .woocommerce .product-categories .current-cat a {
background-color: #fefefe !important;
}

ul.categories a:hover,
.tagcloud a:hover{
background-color: #fefefe;
}

.tp-caption[class*="color4_with_bg"] {
background: #fefefe;
background: rgba(254, 254, 254, 0.95);
}

.tooltip-color4 .tooltipster-arrow span {
border-top-color: #fefefe !important;
border-bottom-color: #fefefe !important;
}

.tooltip-text.color4,
.rounded-image.color4 > div
{
border-color: #fefefe;
}

.timeline .timeline-border.timeline-color4:first-child > div > div:after {
border-left-color: #fefefe;
}

@media all and (max-width: 480px) {
    .timeline .timeline-border.timeline-color4:first-child > div > div:after {
        border-right-color: #fefefe !important;
    }
}

.timeline .timeline-border.timeline-color4:last-child > div > div:after {
border-right-color: #fefefe;
}

.part-fullsection.bg-color4 {
background-color: #fefefe;
background-color: rgba(254, 254, 254, 1);
}

.rounded-image.ri-arrow.color4:after,
.rounded-image.ri-arrow.ri-arrow-bottom.color4:after {
border-top-color: #fefefe;
}
.rounded-image.ri-arrow.ri-arrow-top.color4:after {
border-color: transparent;
border-bottom-color: #fefefe;
}
.rounded-image.ri-arrow.ri-arrow-left.color4:after {
border-color: transparent;
border-right-color: #fefefe;
}
.rounded-image.ri-arrow.ri-arrow-right.color4:after {
border-color: transparent;
border-left-color: #fefefe;
}

@media all and (max-width: 767px) {
    .rounded-image.ri-arrow.ri-arrow-left.color4:after,
    .rounded-image.ri-arrow.ri-arrow-right.color4:after {
        border-color: transparent !important;
        border-top-color: #fefefe !important;
    }
}



/*
* 5. Body Color
*/
.wrapper-all,
.main-nav > ul > li > ul li,
.main-nav a[href="#search"]+form,
.ish-sticky-nav {
background-color: #fefefe !important;
}



/*
* 6. Background Color
*/
.boxed{
background-color: #e8e8e8;
}



/*
* 7. Header Top Bar Color
*/
.part-top-navigation,
.part-top-navigation .top-nav ul li ul li a,
.top-nav-resp ul li a{
    background-color: #487993;
}

#expandable:hover{
    color: #487993;
}
    .part-top-navigation,
.part-top-navigation a,
.part-top-navigation .top-nav ul ul,
.part-top-navigation .top-nav ul li a,
.part-top-navigation [class*="icon-"]
.top-nav-resp ul li a .open-top-sub-level,
.top-nav-resp ul li a{
    color: #fefefe;
}

.part-top-navigation [class*="icon-"]
{
color: #fefefe;
}

.part-top-navigation .top-nav a[href="#top-nav-separator"]{
    border-color: #fefefe;
}
    .part-top-navigation .top-nav ul li a:hover,
.part-top-navigation .top-nav ul li.active > a,
.part-top-navigation .top-nav ul li.active > a,
.part-top-navigation .top-nav ul li ul li a:hover,
.part-top-navigation ul li a:hover,
.part-top-navigation ul ul a:hover,
.part-top-navigation [class*="icon-"]:hover,
#expandable
{
    background-color: #487993;
}

.part-top-navigation .top-nav ul li ul{
    border-color: #487993;
}
    .part-top-navigation a:hover,
.part-top-navigation ul li ul li a:hover,
.part-top-navigation .top-nav ul li.active > a,
.part-top-navigation [class*="icon-"]:hover,
.top-nav-resp ul li a:hover
{
color: #00d2ff;
}
    


/*
* 8. Header Color
*/
.part-header-bg{
    background-color: #487993;
            background-color: rgba(72, 121, 147, 0);
        }
    .part-header,
.part-header .addForm form input[type="submit"]{
    color: #fefefe;
}
    .part-header .ish-header-socials a
{
    background-color: #487993;
}

.part-header{
    border-color: #487993;
}

.part-header .addForm form input[type="submit"]:hover {
    color: #487993;
}
    .ish-header-socials a{
	color: #00d2ff;
}
    

/*
* 9. Main Navigation Color
*/
.part-main-nav{
    background-color: #487993;
}

.part-main-nav-search input[type="submit"]:hover{
    color: #487993;
}
    .main-nav ul li a,
.main-nav a[href="#search"]+form input[type="submit"],
.fake-menu-button{
    color: #fefefe;
}
    .main-nav ul li.current_page_ancestor > a,
.main-nav ul li.current_page_item > a,
.main-nav ul li.current_page_parent > a,
.main-nav > ul > li > a:hover,
.main-nav > ul > li > a.active,
.main-nav > ul > li:hover > a,
.main-nav > ul > li.active > a,
.fake-menu-button:hover,
.fake-menu-button.active,
.ish-dynamic-search{
    background-color: transparent;
}
    .main-nav ul li.current_page_ancestor > a,
.main-nav ul li.current_page_item > a,
.main-nav ul li.current_page_parent > a,
.main-nav > ul > li > a:hover,
.main-nav > ul > li > a.active,
.main-nav > ul > li:hover > a,
.main-nav > ul > li.active > a,
.part-main-nav-search label input,
.part-main-nav-search input[type="submit"],
.fake-menu-button:hover,
.fake-menu-button.active,
.main-nav a[href="#search"]+form input[type="submit"]:hover{
color: #00d2ff;
}

.ish-dynamic-search :-moz-placeholder {
	color: #00d2ff;
	color: rgba(0, 210, 255, 0.5);
}
.ish-dynamic-search ::-webkit-input-placeholder {
	color: #00d2ff;
	color: rgba(0, 210, 255, 0.5);
}
.ish-dynamic-search .placeholder {
	color: #00d2ff;
	color: rgba(0, 210, 255, 0.5);
}
    
.part-main-nav,
.part-main-nav .main-nav > ul > .menu-item:first-child > a {
	border-color: #e8e8e8 ;
}
    


/*
* 10. Main Navigation Submenu/Responsive Color
*/
.main-nav > ul > li > ul li a,
.main-nav-resp-wrapper ul li a {
    background-color: #487993;
}

.main-nav-resp-wrapper ul li a span:hover{
    color: #487993;
}
    .main-nav > ul > li > ul li a,
.main-nav-resp-wrapper ul li a,
.main-nav-resp-wrapper ul li a span,
.main-nav-resp-wrapper ul li a .open-sub-level{
    color: #fefefe;
}

.main-nav-resp-wrapper ul li a,
.top-nav-resp ul li a {
	border-color: #fefefe !important;
	border-color: rgba(254, 254, 254, 0.25) !important;
}
    .main-nav ul.sub-nav li.current_page_ancestor > a,
.main-nav ul.sub-nav li.current_page_item > a,
.main-nav ul.sub-nav li.current_page_parent > a,
.main-nav > ul > li > ul li a:hover,
.main-nav > ul > li > ul li a.active,
.main-nav > ul > li > ul li:hover > a,
.main-nav > ul > li > ul li.active > a,
.main-nav-resp-wrapper ul li a:hover,
.main-nav-resp-wrapper ul li.current_page_ancestor > a,
.main-nav-resp-wrapper ul li.current_page_item > a,
.main-nav-resp-wrapper ul li.current_page_parent > a,
.main-nav-resp-wrapper ul li > a:hover,
.main-nav-resp-wrapper ul li > a.active,
.main-nav-resp-wrapper ul li:hover > a,
.main-nav-resp-wrapper ul li.active > a,
.main-nav-resp-wrapper ul li > ul li a:hover,
.main-nav-resp-wrapper ul li > ul li a.active,
.main-nav-resp-wrapper ul li > ul > li:hover > a,
.main-nav-resp-wrapper ul li > ul > li.active > a {
    background-color: #7f9fb0;
}

.main-nav ul li ul {
border-color: #7f9fb0;
}
    .main-nav-resp-wrapper ul li a .open-sub-level:hover,
.main-nav > ul > li > ul li a:hover,
.main-nav > ul > li > ul li a.active
.main-nav > ul > li > ul li:hover > a,
.main-nav > ul > li > ul li.active > a
.main-nav-resp-wrapper ul li a,
.main-nav-resp-wrapper ul li.current_page_ancestor > a,
.main-nav-resp-wrapper ul li.current_page_item > a,
.main-nav-resp-wrapper ul li.current_page_parent > a,
.main-nav-resp-wrapper ul li > a:hover,
.main-nav-resp-wrapper ul li > a.active,
.main-nav-resp-wrapper ul li:hover > a,
.main-nav-resp-wrapper ul li.active > a,
.main-nav-resp-wrapper ul li > ul li a:hover,
.main-nav-resp-wrapper ul li > ul li a.active,
.main-nav-resp-wrapper ul li > ul > li:hover > a,
.main-nav-resp-wrapper ul li > ul > li.active > a,
.main-nav-resp-wrapper ul li a span.active,
.main-nav-resp-wrapper ul li > ul > li:hover > a span,
.main-nav-resp-wrapper ul li > ul > li.current_page_item a .open-sub-level,
.main-nav-resp-wrapper ul li > ul > li.current_page_parent a .open-sub-level,
.main-nav-resp-wrapper ul li > ul > li.current_page_ancestor a .open-sub-level,
.main-nav-resp-wrapper ul li > ul > li:hover a .open-sub-level{
color: #ffffff;
}
    

/*
* Success, warning, info, error
*/
.box.success, .wpcf7-mail-sent-ok { background: #a5d03f !important; }
.box.warning { background: #ffd02b !important; }
.box.info { background: #68bdd5 !important; }
.box.error, .wpcf7-validation-errors { background: #f16245 !important; }



/* 7.4 Shadows ********************************************************************************************************/

/*
* Header and content part
*/
/*
.part-header , .part-content,
.main-nav > ul > li ul,
.timeline-border > div > div {
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.0.9);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}
*/

/*
* Boxed version whole page
*/
.boxed .wrapper-all,
.ish-sticky-nav {
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

/*
* Navigation
*/
/*.part-top-navigation .top-nav ul li ul {
.main-nav > ul > li > ul {
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}*/

/* IE8 border replacement for shadows */
.ie8 .part-header {
border-bottom: 1px solid #e8e8e8  !important;
}
.ie8 .part-content, .ie8 .part-fullsection {
border-top: 1px solid #e8e8e8  !important;
}



/* 7.5 Images *********************************************************************************************************/

/*
* Main stripes pattern
*/
.wrapper-all,
.part-fullsection.bg-pattern {
background-position: 0 0;
background-repeat: repeat;
}

.part-expandable, .part-footer,
.part-fullsection.bg-color2.bg-pattern {
background-position: top center;
background-repeat: repeat;
}


.part-header { background-image: url('//viral.sumun.net/compact/wp-content/uploads/2014/07/fondo-cabecera.jpg') !important; }
.part-lead { background-image: url('//www.sayci.com/wp-content/themes/nalleto/assets/html/core/images/bg-patterns/ish-transparent-stripes-light.png') !important; }



/*
* Backgrounds
*/

.boxed {
background-position: top center;
background-repeat: repeat;
}

.boxed { background-image: url('//viral.sumun.net/compact/wp-content/uploads/2014/07/fondo-pagina.jpg'); background-attachment: fixed; background-size: cover;}




/* 7.6 Transitions ****************************************************************************************************/
.logo a,
.main-nav ul li a,
.main-nav a[href="#search"]+form input[type="submit"],
.addForm form input[type="submit"],
[class*="ish-button-"],
.slidable .flex-control-nav li a,
.flickr_badge_image img,
.dribbble-widget img,
.recent-projects-widget img,
.widget_ishyoboy-social-widget ul.social a,
.categories a,
.tagcloud a,
.hover-cont .hover-overlay,
.list-button li a,
.blog-post a img,
.accordion .active .acc-title,
.toggle .active .tgg-title,
.box.close [class*="icon-cancel"],
.tabs-navigation li a,
#expandable,
.pagination a, .pagination .current,
.logo a img,
.timeline > div,
a .rounded-image,
input[type="submit"],
#sidebar .widget_nav_menu li a,
.sc-nav-menu li a,
.ish-icon a span,
.ish-icon-circle a span,
.ish-icon-square a span,
.part-top-navigation a,
[class*="ish-button-"] [class*="ish-icon"] span,
.accordion .acc-title,
.toggle .tgg-title,
.woocommerce .product-categories a,
.rounded-image a img,
.ish-header-socials a,
.ish-header-socials a:before,
.fake-menu-button,
.main-nav-resp-wrapper ul li a,
.main-nav-resp-wrapper ul li a span,
.top-nav-resp ul li a,
.top-nav-resp ul li a span,
.portfoliog .portfolio-item ul li a,
.blog-post-details span a {
-webkit-transition-duration: .25s;
-moz-transition-duration: .25s;
-ms-transition-duration: .25s;
-o-transition-duration: .25s;
transition-duration: .25s;
}

.part-expandable ul.menu li a,
.part-footer ul.menu li a,
.pp_woocommerce #commentform input[type="submit"] {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
}



/* Rounded corners ****************************************************************************************************/
/*
.addForm,
h1[class*="icon-"]:before, h2[class*="icon-"]:before, h3[class*="icon-"]:before, h4[class*="icon-"]:before, h5[class*="icon-"]:before, h6[class*="icon-"]:before,
.h1[class*="icon-"]:before, .h2[class*="icon-"]:before, .h3[class*="icon-"]:before, .h4[class*="icon-"]:before, .h5[class*="icon-"]:before, .h6[class*="icon-"]:before,
.box,
blockquote.quote-boxed,
[class*="ish-button-"],
.main-nav a[href="#search"]+form,
ul.categories a,
.tagcloud a,
.ish-slider .slide-image img+.caption *,
.tp-caption[class*="with_bg"],
.list-button li a,
.list-skills div div,
.list-skills div div span,
.fixed-top,
.accordion .acc-title,
.toggle .tgg-title,
.tooltipster-default,
pre, code,
.tabs-navigation li a,
.tabs-content > div,
#expandable,
.pagination a, .pagination .current,
.pullquote.bg-pullquote,
.dropcap.bg-dropcap,
.timeline-border > div > div,
input, textarea,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok,
#sidebar .widget_nav_menu li a,
.sc-nav-menu li a,
.ish-icon-square span,
.woocommerce select,
.woocommerce .woocommerce-tabs .panel,
.woocommerce .product-categories a,
.part-expandable    .widget_archive select,
.right-sidebar      .widget_archive select,
.left-sidebar       .widget_archive select,
.part-footer        .widget_archive select,
.part-footer-legals .widget_archive select,
.part-expandable    .widget_categories select,
.right-sidebar      .widget_categories select,
.left-sidebar       .widget_categories select,
.part-footer        .widget_categories select,
.part-footer-legals .widget_categories select {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
*/

    /* Retina logo */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    .logo.retina-yes a img {
        visibility: hidden;
    }

    .logo.retina-yes a {
        background: url('//www.sayci.com/wp-content/uploads/2014/07/logo-retina-blanco.png') center center no-repeat;
        background-size: 100% auto;
    }

}
/* Retina logo END */
    
/* *********************************************************************************************************************
* CSS3 Media Queries
*/


@media (max-width: 767px) {
    [class*="grid"] {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }

    [class*="grid"]:last-child {
        margin-bottom: 0;
    }

    .portfoliog .grid6 {
        max-width: 98%;
    }
}

@media all and (max-width: 480px) {
    [class*="grid"] {
        margin-bottom: 20px;
    }

    .portfoliog .grid3, .portfoliog .grid4, .portfoliog .grid6 {
        max-width: 98%;
    }
}

@media all and (max-width: 320px) {
    [class*="grid"] {
        margin-bottom: 10px;
    }
}



/* 1240px */
@media all and (max-width: 960px) {
	.portfoliog.portfolio-fluid .grid3     /* 4col */
	{ width: 31.3% !important; }

    .portfoliog.portfolio-fluid.nomasonry .grid3     /* 4col */
    { width: 31.1% !important; }

    .portfoliog.portfolio-fluid.masonry .grid3 { width: 31.2% !important; }
}

/* 960px */
@media all and (max-width: 960px) {
	.portfoliog.portfolio-fluid .grid3,     /* 4col */
	.portfoliog.portfolio-fluid .grid4      /* 3col */
	{ width: 48% !important; }

    .portfoliog.portfolio-fluid.nomasonry .grid3,     /* 4col */
    .portfoliog.portfolio-fluid.nomasonry .grid4      /* 3col */
    { width: 47.8% !important; }

    .portfoliog.portfolio-fluid.masonry .grid3, .portfoliog.portfolio-fluid.masonry .grid4 { width: 47.9% !important; }
}

/* 650px */
@media all and (max-width: 650px) {
	.portfoliog.portfolio-fluid .grid3,     /* 4col */
	.portfoliog.portfolio-fluid .grid4,      /* 3col */
	.portfoliog.portfolio-fluid .grid6      /* 2col */
	{ width: 98% !important; }

    .portfoliog.portfolio-fluid.nomasonry .grid3,     /* 4col */
    .portfoliog.portfolio-fluid.nomasonry .grid4,      /* 3col */
    .portfoliog.portfolio-fluid.nomasonry .grid6      /* 2col */
    { width: 97.8% !important; }

    .portfoliog.portfolio-fluid.masonry .grid3, .portfoliog.portfolio-fluid.masonry .grid4, .portfoliog.portfolio-fluid.masonry .grid6 { width: 98% !important; }
}




@media all and (max-width: 1310px) {

}



@media all and (max-width: 1240px) {

}


/* 1024px */
@media all and (max-width: 960px) {
    .boxed {
        padding: 40px 0;
    }

    .part-expandable > .row,
    .part-top-navigation > .row,
    .part-header-bg > .row,
    .part-lead > .row,
	.part-main-nav > .row,
	.part-main-nav-search > .row,
	.main-nav-resp-wrapper .row,
	.ish-sticky-nav > .row,
	.part-breadcrumbs .row,
    .part-content > .row,
    .part-fullsection > .row,
    .part-footer > .row,
    .part-footer-legals > .row,
    .part-pagebreak > .row {
        padding: 0 40px;
    }

    .ish-slider [class*="slide-"] > .row {
        padding: 0 40px;
    }

    .ish-slider .slide-image img + .caption {
        bottom: 62px;
        left: 10px;
        margin-right: 10px;
    }

    .ish-slider .slide-content > .row {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ish-slider .flex-control-nav {
        right: 40px;
        width: auto;
        text-align: left;
    }
}

@media all and (min-width: 768px) {
	.main-nav-resp-wrapper,
	.top-nav-resp ul li {
		display: none !important;
	}
}


@media all and (max-width: 767px) {
	.part-header .logo, .tagline {
		float: none !important;
		height: auto !important;
		clear: both !important;
		display: block !important;
		text-align: center !important;
	}

		.part-header .logo a {
			margin: 15px 0 !important;
		}

	.ish-header-socials {
		float: none !important;
		margin: 0 auto !important;
		height: auto !important;
		padding: 15px 0;
	}

	.part-header .logo + .tagline {
		display: none !important;
	}

		.part-header .logo div, .ish-header-socials div {
			display: block !important;
			margin: 0 auto !important;
		}

    .main-nav .is-search {
		border-left: none !important;
	}

	.part-main-nav .main-nav .menu-item,
	.top-nav {
		display: none;
	}

	.fake-menu-button {
		font-size: 25px !important;
		padding: 3px 8px 2px;
		margin: 10px 10px 10px 0;
		display: table !important;
		text-decoration: none;
		float: right;
	}

	.fake-top-menu-button {
		display: inline-block !important;
	}

	.main-nav-resp-wrapper {
		/*display: block !important;*/
	}

		.main-nav-resp-wrapper ul,
		.top-nav-resp ul {
			padding: 0;
			margin: 0;
		}

			.main-nav-resp-wrapper ul li,
			.top-nav-resp ul li {}

			.main-nav-resp-wrapper ul li:before,
			.top-nav-resp ul li:before {
				content: "";
				display: none;
			}

				.main-nav-resp-wrapper ul li a,
				.top-nav-resp ul li a {
					border-bottom: 1px solid;
					text-decoration: none;
					display: block;
					padding-top: 12px !important;
					padding-bottom: 12px !important;
					padding-right: 75px !important;
					font-size: 17px;
					position: relative;
				}

				.top-nav-resp ul li a {
					padding-top: 6px !important;
					padding-bottom: 6px !important;
					padding-right: 75px !important;
					font-size: 13px !important;
				}

				.top-nav-resp a[href="#top-nav-separator"] {
					display: none !important;
				}


				.top-nav-resp ul li a {

				}

					.main-nav-resp-wrapper ul li a .open-sub-level,
					.top-nav-resp ul li a .open-top-sub-level {
						position: absolute;
						top: 0;
						right: 28px;
						width: 36px;
						height: 44px;
						padding: 9px 0 0 0;
						font-size: 25px;
						text-align: center;
					}

					.top-nav-resp ul li a .open-top-sub-level {
						font-size: 20px;
						width: 30px;
						padding: 5px 0 0 0;
						top: 0;
						background: none !important;
					}

					.top-nav-resp ul li a .open-top-sub-level:hover {
						background: none !important;
					}

				.main-nav-resp-wrapper ul li ul,
				.top-nav-resp ul li ul {
					display: none;
				}

	.logo .tagline {
		display: block;
	}

    .tagline, .ish-sticky-nav .logo .tagline {
	    display: none;
    }

	.ish-sticky-nav .main-nav .menu-item {
		display: none;
	}

    .boxed {
        padding: 30px 0;
    }

    .part-expandable,
    .part-lead,
    .part-fullsection,
    .part-footer,
    .part-footer-legals,
    .part-pagebreak {
        padding: 30px 0;
    }

    .part-expandable > .row,
    .part-top-navigation > .row,
    .part-header-bg > .row,
    .part-lead > .row,
	.part-main-nav > .row,
	.part-main-nav-search > .row,
	.main-nav-resp-wrapper ul li a,
	.ish-sticky-nav > .row,
	.top-nav-resp ul li a,
	.part-breadcrumbs > .row,
    .part-content > .row,
    .part-fullsection > .row,
    .part-footer > .row,
    .part-footer-legals > .row,
    .part-pagebreak > .row {
        padding: 0 30px;
    }

	.main-nav-resp-wrapper ul li ul li a,
	.top-nav-resp ul li ul li a {
		padding: 0 60px;
	}

	.main-nav-resp-wrapper ul li ul li ul li a,
	.top-nav-resp ul li ul li ul li a {
		padding: 0 90px;
	}

    .part-content {
        padding-bottom: 0;
    }

    .ish-slider [class*="slide-"] > .row {
        padding: 0 30px;
    }

    .part-expandable, .part-footer {
        padding-top: 0;
    }

    .part-expandable .widget, .part-footer .widget {
        margin-top: 30px;
    }

    .part-top-navigation > div > div, .part-top-navigation > div > div {
        width: 100%;
        float: none;
        text-align: center;
    }

    [class*="lined-section"] {
        margin: 30px 0;
    }

    [class*="lined-section-only"] {
        margin: 10px 0 30px 0;
    }

    .space {
        margin-bottom: 30px;
    }

    .ish-slider .flex-control-nav {
        bottom: 15px;
    }

    .ish-slider .slide-image img + .caption {
        bottom: 37px;
        left: 5px;
        margin-right: 5px;
    }

    .ish-slider .slide-content > .row {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .ish-slider .flex-control-nav {
        bottom: 5px;
        right: 30px;
    }

    .ish-slider .slide-image img + .caption h1, .ish-slider .slide-image img + .caption .h1 { font-size: 30px; line-height: 40px; }
    .ish-slider .slide-image img + .caption h2, .ish-slider .slide-image img + .caption .h2 { font-size: 24px; line-height: 30px; }
    .ish-slider .slide-image img + .caption h3, .ish-slider .slide-image img + .caption .h3 { font-size: 14px; line-height: 18px; }

    .table-content th, .table-content tr, .table-content td {
        word-break: break-all;
    }

    .woocommerce h3 {
        font-size: 1em !important;
    }

    .widget_search #searchform, .widget_nav_menu .menu-theme-options-container {
        margin-top: 0 !important;
    }

    .fontello-features .span3 {
        width: 50%;
    }

    .portfolio_images .portfolio_image img {
        margin-top: 30px;
    }

    .portfolio_images .portfolio_image:first-child img {
        margin-top: 0;
    }

    .part-footer-legals{
        padding: 20px 0;
    }

    .part-footer-legals .widget {
        /*text-align: center;*/
        float: none;
        margin-bottom: 0;
    }

    .rounded-image.ri-arrow.ri-arrow-left:after,
    .rounded-image.ri-arrow.ri-arrow-right:after {
        top: 100%;
        left: 50%;
        margin: -1px 0 0 -10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid;
    }

    .rounded-image {
        display: inline-block;
        max-width: 100% !important;
    }

	.woocommerce .cart-collaterals .cart_totals table,
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce .cart-collaterals .shipping_calculator {
		width: 100% !important;
	}

	.blog-post-details span, .blog-post-details span[class*="icon-"], .blog-post-details span[class*="icon-"]:before {
		display: inline-block !important;
		text-align: left !important;
		margin-bottom: 0 !important;
	}

	.blog-post-details span[class*="icon-"] {
		margin-right: 20px;
	}

	.blog-post-details span[class*="icon-"]:before {
		padding-right: 5px;
	}

	.blog-post-details {
		margin-bottom: 0 !important;
	}
}



@media all and (max-width: 480px) {
    .boxed {
        padding: 20px 0;
    }

    .part-expandable,
    .part-lead,
    .part-fullsection,
    .part-footer,
    .part-footer-legals,
    .part-pagebreak {
        padding: 20px 0;
    }
    .part-expandable > .row,
    .part-top-navigation > .row,
    .part-header-bg > .row,
    .part-lead > .row,
	.part-main-nav > .row,
	.part-main-nav-search > .row,
	.main-nav-resp-wrapper ul li a,
	.ish-sticky-nav > .row,
	.top-nav-resp ul li a,
	.part-breadcrumbs > .row,
    .part-content > .row,
    .part-fullsection > .row,
    .part-footer > .row,
    .part-footer-legals > .row,
    .part-pagebreak > .row {
        padding: 0 20px;
    }

	.main-nav-resp-wrapper ul li ul li a,
	.top-nav-resp ul li ul li a {
		padding: 0 40px;
	}

	.main-nav-resp-wrapper ul li ul li ul li a,
	.top-nav-resp ul li ul li ul li a {
		padding: 0 60px;
	}

    .part-content {
        padding-bottom: 0;
    }

    .ish-slider [class*="slide-"] > .row {
        padding: 0 20px;
    }

    .part-expandable, .part-footer {
        padding-top: 0;
    }

    .part-expandable .widget, .part-footer .widget {
        margin-top: 20px;
    }

    [class*="lined-section"] {
        margin: 20px 0;
    }

    [class*="lined-section-only"] {
        margin: 0 0 20px 0;
    }

    .slidable-container .flex-control-nav {
        top: -42px;
    }

    .space {
        margin-bottom: 20px;
    }

    .ish-slider .flex-control-nav {
        bottom: 0;
        right: 20px;
    }

    .ish-slider .slide-image img + .caption {
        bottom: 28px;
    }

    .ish-slider .slide-content > .row {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ish-slider .slide-image img + .caption * { padding: 3px 5px !important; }
    .ish-slider .slide-image img + .caption h1, .ish-slider .slide-image img + .caption .h1 { font-size: 22px; line-height: 30px; }
    .ish-slider .slide-image img + .caption h2, .ish-slider .slide-image img + .caption .h2 { font-size: 16px; line-height: 20px; }
    .ish-slider .slide-image img + .caption h3, .ish-slider .slide-image img + .caption .h3 { font-size: 12px; line-height: 14px; }
    .ish-slider .slide-image img + .caption h4, .ish-slider .slide-image img + .caption .h4 { font-size: 12px; line-height: 14px; font-weight: 400; }
    .ish-slider .slide-image img + .caption h5, .ish-slider .slide-image img + .caption .h5 { font-size: 12px; line-height: 14px; }
    .ish-slider .slide-image img + .caption h6, .ish-slider .slide-image img + .caption .h6 { font-size: 12px; line-height: 14px; }
    .ish-slider .slide-image img + .caption p { font-size: 12px; line-height: 14px; }

    .timeline .timeline-date {
        width: 25%;
    }

    .timeline .timeline-date > div {
        text-align: right !important;
        padding: 10px 20px 10px 0 !important;
    }

    .timeline .timeline-content {
        float: right;
        width: 75%;
    }

    .timeline .timeline-content > div {
        text-align: left !important;
        padding: 10px 0 10px 20px !important;
    }

    .timeline > div:after, .timeline > div:before {
        left: 25%;
    }

    .timeline .timeline-border:first-child > div > div:after {
        border-right: 6px solid !important;
        border-left: none;
        left: -6px;
    }

    .fontello-features .span3 {
        width: 100%;
        float: none;
    }

    .portfolio_images .portfolio_image img {
        margin-top: 20px;
    }

    .portfolio_images .portfolio_image:first-child img {
        margin-top: 0;
    }

	.woocommerce .products li.product,
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary,
	.woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2,
	.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
		width: 100% !important;
		float: none !important;
	}

	.woocommerce table.shop_table th,
	.woocommerce table.shop_table tr,
	.woocommerce table.shop_table td {
		word-wrap: break-word !important;
		padding: 3px !important;
		min-width: 0 !important;
	}

	.woocommerce table.shop_table .quantity input[type="number"] {
		width: 25px;
	}

	.woocommerce .quantity {
		width: 45px !important;
		float: left;
	}

	.main-nav-resp-wrapper ul li a .open-sub-level,
	.top-nav-resp ul li a .open-sub-level {
		right: 28px;
	}
}



@media all and (max-width: 320px) {
    .boxed {
        padding: 10px 0;
    }

    .part-expandable,
    .part-lead,
    .part-fullsection,
    .part-footer,
    .part-footer-legals,
    .part-pagebreak {
        padding: 10px 0;
    }

    .part-expandable > .row,
    .part-top-navigation > .row,
    .part-header-bg > .row,
    .part-lead > .row,
	.part-main-nav > .row,
	.part-main-nav-search > .row,
	.main-nav-resp-wrapper ul li a,
	.ish-sticky-nav > .row,
	.top-nav-resp ul li a,
	.part-breadcrumbs > .row,
    .part-content > .row,
    .part-fullsection > .row,
    .part-footer > .row,
    .part-footer-legals > .row,
    .part-pagebreak > .row {
        padding: 0 10px;
    }

	.main-nav-resp-wrapper ul li ul li a,
	.top-nav-resp ul li ul li a {
		padding: 0 20px;
	}

	.main-nav-resp-wrapper ul li ul li ul li a,
	.top-nav-resp ul li ul li ul li a {
		padding: 0 30px;
	}

    .part-content {
        padding-bottom: 0;
    }

    .ish-slider [class*="slide-"] > .row {
        padding: 0 10px;
    }

    .part-expandable, .part-footer {
        padding-top: 0;
    }

    .part-expandable .widget, .part-footer .widget {
        margin-top: 10px;
    }

    [class*="lined-section"] {
        margin: 10px 0;
    }

    [class*="lined-section-only"] {
        margin: -10px 0 10px 0;
    }

    .slidable-container .flex-control-nav {
        top: -32px;
    }

    .space {
        margin-bottom: 10px;
    }

    h1, .h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .ish-slider .flex-control-nav {
        bottom: 0;
        right: 10px;
    }

    .ish-slider .slide-content > .row {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .portfolio_images .portfolio_image img {
        margin-top: 10px;
    }

    .portfolio_images .portfolio_image:first-child img {
        margin-top: 0;
    }

	.main-nav-resp-wrapper ul li a .open-sub-level,
	.top-nav-resp ul li a .open-sub-level {
		right: 18px;
	}
}