/* P7 sop
 Ver 1.0.9 -build 08
*/
.p7SOP.sop-borders.sop-from-left .sop-wrapper {border-right: 1px solid #fff;}
.p7SOP.sop-borders.sop-from-right .sop-wrapper {border: 1px solid #fff;}
.sop-wrapper {position: relative; margin: 0; width: 100%; box-sizing: border-box; font-family: inherit;}
.sop-content {padding: 32px 24px 24px 24px;}
.p7SOP.sop-nopad .sop-content {padding: 0px;}
.sop-close { position: absolute; top: 10px; right: 10px; background-color: #222; border-radius: 100%; padding: 0 .15em;}
.sop-close.sop-dark {background-color: #fff;}
.sop-close a {color: inherit; display: block;}
.sop-close img {vertical-align: middle; opacity: .5; transition: all ease .5s;}
.sop-close img:hover {opacity: 1;}
.sop-close i {display: none;}
.sop-wrapper {background-color: rgb(180,180,180); box-sizing: border-box; font-family: inherit;}
.sop-trans .sop-wrapper {background: rgba(180,180,180,0.95);}
.sop-white .sop-wrapper, .sop-trigger.sop-button.sop-white {background-color: #fff;}
.sop-white.sop-trans .sop-wrapper {background: rgba(76,76,76,1.0);}
.sop-trigger.sop-button.sop-white:hover {background-color: rgba(100,100,100,.80); color: #fff;}
.sop-trigger {text-decoration: none;}
.sop-trigger.sop-trig-light {color: #fff;}
.sop-trigger.sop-trig-dark {color: #000;}
.sop-trigger:hover {text-decoration:underline;}
.sop-trigger.sop-button {text-decoration: none; padding: 10px; background-color: rgb(180,180,160); color: #1C386C; border: none;}
.sop-trigger.sop-button:hover {background-color: rgb(100,100,80); color: #fff;}
.sop-trigger.sop-button.sop-borders {border: 1px solid;}
.sop-trigger.sop-inline {display: inline-block; padding: 5px 10px;}
.sop-trigger.sop-block {display: block;}
.sop-rounded {border-radius: 5px;}
.sop-button.pbx-rounded {border-radius: 5px;}
/*No Script */
.p7SOP.sop-noscript .sop-close-icon {display: none;}
@media only screen and (min-width: 0px) and (max-width: 600px) {
.p7SOP {max-width: 100% !important;}
}