/*
proj: pinterest/lond
file: custom.css
date: 2018.06.16
*/
*,*:before,*:after {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
body {
    margin:0;padding:0;
    background: #d8dee1 url("../bg/brushed.png") repeat fixed center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1.4;
    font-size:18px;color:#333;
}
.h1 {font-size:22px;}
.h2 {font-size:20px;}
p {font-size:17px;line-height:1.4;}
.px-span {font-size:17px;}
.p110 {font-size:120%;}
.btn {padding:4px 8px;font-size:17px;}
.well {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#d8dee1;
    border:1px solid #00A0B0; /*#e3e3e3;*/
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
}
.well-lg {padding:24px;border-radius:6px;}
.well-sm {padding:9px;border-radius:3px}
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}
.bg1 {background:#afd9ee;    /*#58bbee;*/color:#333;}
.bg2 {background:#E8E4C4;color:#333;}
.bg3 {background:#d4d4d4;color:#333;}
.bg4 {background:#f7e1b5;color:#333;}
.bg5 {background:mistyrose;color:#333;}
.bg6 {background:#d1d7b1;color:#333;}
.bg7 {background:#9cd8c0;color:#333;}
.bg8 {background:#b2dfdb;color:#333;}
.bg9 {background:#bdbdbd;color:#333;}
/*.well end*/

.rowx {
    margin-left:0;margin-right:0;
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
    -moz-column-gap:1.1em; /* space between columns */
    -webkit-column-gap:1.1em;
}
.item {display:inline-block;width:100%;}
img {cursor: pointer;}
.thumbnail {border-width: 0; padding:0;}

/* no-gutters Class Rules - begin */
/*.row.no-gutters {margin-right: 0;margin-left: 0;}*/
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
/* no-gutters Class Rules - end */
/* ------------------ */

hr { 
    display: block; height: 1px; border: 0; 
    border-top: 1px solid #8b9bb5; margin: 1em 0; padding: 0; 
}
hr.style-one {
    border:0;height:1px;background: #333;
    background-image: linear-gradient(to right, #ccc, #8b9bb5, #ccc);
}
hr.style-two {
    border:0;height:2px;
    background-image:linear-gradient(to right, 
        rgba(139, 155, 181, 0), 
        rgba(139, 155, 181, 0.75), 
        rgba(139, 155, 181, 0));
}
.list-group-item-custom1 { 
    background-color: #78adb2; border: 1px solid #ddd; 
    font-family: "Arial Narrow", Arial, sans-serif; font-size:17px;
}
a.list-group-item-custom1 {color:#280847;}
a.list-group-item-custom1:hover,
a.list-group-item-custom1:focus { 
    color:#404040;background-color:#bdbec1;border-right:10px solid #ce0053; 
}
.modal-body {padding-left:30px;padding-right:30px;}
.modal-header {
    text-align:center;
    border-bottom:1px solid #8b9bb5;
    padding-left:30px;padding-right:30px;
}
.modal-footer {border-top:1px solid #8b9bb5;}

@media only screen and (min-width: 701px) and (max-width: 767px) {
    body {background: #d8dee1 url("../bg/tex2res3.png") repeat fixed center;}
    p {font-size:17px;}
    .btn {font-size:17px;}
    .rowx {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    body {background: #d8dee1 url("../bg/paper-bg.jpg") repeat fixed center;}
    .h2 {font-size:18px;}
    .rowx {
        margin-left:20px;margin-right:20px;
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
    body {background: #d8dee1 url("../bg/white_plaster.png") repeat fixed center;}
    .h2 {font-size:18px;}
    .rowx {
        margin-left:100px;margin-right:100px;
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
    body {background: #d8dee1 url("../bg/brick.png") repeat fixed center;}
    .h2 {font-size:19px;}
    p {font-size:16px;}
    .btn {font-size:16px;}
    .rowx {
        margin-left:50px;margin-right:50px;
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
    }
}

@media only screen and (min-width: 1801px) {
    body {
        background: #d8dee1 url("../bg/88.jpg") repeat fixed center;
        font-size: 15px;}
	.h2 {font-size:17px;}
    p {font-size:15px;}
    .btn {font-size:15px;}
    .rowx {
        margin-left:140px;margin-right:140px;
		/*margin-bottom:10px;*/
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
    }
}