@charset "utf-8";
/* CSS Document */

/* SOF Universal */
a {text-decoration:none!important;outline:none!important; border:none; color:#222; outline: 0;}
a:hover{text-decoration:none}
ul{margin:0; padding:0;}
li{margin:0; padding:0;}
.clr{clear:both}
body{font-weight:300; font-family:"Titillium Web"; font-size:14px}
p, .termsul li, .toggleMenu {font-family: "Titillium Web"; }
p, .termsul li{font-size:14px}
p{margin: 15px 0;}
h1, h2, h3, h4, h5, h6 {font-weight:300; margin:0; padding:0}
h1 {font-size:30px;	color:#111;}
h2 {font-size:30px;	color:#222;}
h3 {font-size:28px; color:#333;}
h4 {font-size:24px; color:#444;}
h5 {font-size:20px;	color:#555;}
h5 {font-size:20px;	color:#666;}
.termsul{padding:0px 40px 20px;}
.termsul li{padding-left:5px; color:#666}
.termslogo{width:100%; padding-top:20px}
.fullwidth{width:100%}
.pink{color:#ff5bc8}
.pinklight{color:#ff5bc8; color:rgba(255, 78, 206, 1)}
.lightblue{color:rgba(0,172,238,1)}
a:focus, a:active{color:#ff5bc8!important; text-decoration:none; outline:none;}
.npleft{padding-left:0}
.hidden{display:none}
.blue{color:rgba(0,172,238,1)!important}
/* EOF Universal */

/*SOF Mobile Top Bar*/
.topbar{height:45px; width:100%; position:fixed; width:100%; background-color:rgba(0,0,0,0.8); z-index:5; box-sizing:content-box}
/*SOF Mobile Top Bar*/

/*SOF Header*/
.sourcecoast form{margin:0}
.headerbgimg{min-width:100%; min-height:100%; max-width:100%}
.header{position: relative; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); backface-visibility: hidden; left: 0; top: 0; z-index: 2; width:100%; background:#fafafa; background: transparent url("images/header.png") center bottom no-repeat; height: 145px;}
#home .header{position:fixed}
#home .headerbg{max-height:400px}
#home header.smaller .headerbg{max-height: 100px;}
.headerbg{position: relative; overflow:hidden;background:url(images/mainbg.jpg); background-position: 50% 50%; background-size:100% auto; width:100%; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; -ms-transition: max-height 0.5s; -o-transition: max-height 0.5s;  transition: max-height 0.5s;  max-height:100px; display: inline-block;}

.logo{position:absolute; top:50%; left:50%; margin:-25px 0 0 -221px; display:block; width:441px;}
.contact{float:right!important; text-align:right; padding:15px 0}
.email{color:#111; padding:5px 0; margin:0 0}
.email a {color:#0070c0;}
.phone{margin:0 0; padding:0 0; color:#999;}
.phone span{color:#333; font-size:26px;}
/*EOF Header*/

/*SOF Main Nav*/
.notification-box{position:fixed; z-index:3; right:10px; top:53px; width:120px; background:#fff; border:1px solid #ccc; height:40px; box-shadow:0px 0px 13px rgba(0,0,0,0.17)}
.mainmenu li a{transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);}
.mainmenu li a:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); background-color:#444; padding-top:13px; padding-bottom: 22px;}
.mainmenu li ul a:hover{transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); padding-top:6px; padding-bottom: 6px;}
.topnav{list-style: none; display: inline-block; float:right}
.topnav li{display: inline-block; border-right:1px solid #444}
.topnav li:last-child{border-right:none}
.topnav li a{color:#fff; padding:13px 20px 12px; background:transparent}
.navwrap{width:100%; background:#262626; height:45px;display: inline-block; margin-top:-5px}
.mainmenu{position:relative; list-style: none; font-family:"Titillium Web"!important; background:transparent}
.mainmenu a {text-decoration:none; padding:13px 45px 12px; font-size: 14px;}
.mainmenu > li a{border-right:1px solid #555}
.mainmenu > li:last-child a{border-right:none}
.mainmenu > li > ul{background:transparent; box-shadow:none; top:45px!important}
.mainmenu > li#item-134 > ul{left:-126px;}
.mainmenu > li#item-140 > ul{left:-305px;}
.mainmenu > li#item-145 > ul{left:-450px;}
.mainmenu > li#item-154 > ul{left:-605px;}
.mainmenu ul li{display:inline; float:left}
.mainmenu ul {width:1000px!important; max-width:1000px!imporant; float:left}
.mainmenu ul{box-shadow:2px 2px 4px rgba(0,0,0,0.7)}
.mainmenu > li > .parent, .responsiveMenuTheme2 > li.deeper > span{background-image:none}
.toggleMenu.active {border-radius: 0px 0px 0px 0px;}
.mainmenu > li > ul > li, .mainmenu > li > ul > li > a{border:none; background:#ff5bc8!important; font-size:13px}
.mainmenu > li > ul > li > a{border-right:1px solid #fff; padding:6px 25px 6px;}
.mainmenu > li > ul > li:last-child > a{border-right:0}
.mainmenu > li > ul > li {padding:7px 0}
.mainmenu li:active a:hover, .toggleMenu:hover, .toggleMenu:focus {color:#ddd}
.mainmenu li.active a{background-color:#444; color:#fff}
.mainmenu li:hover a{background-color:#666; color:#fff}
.toggleMenu {color: #fff; background: #0070c0 url("images/toggle-icon.png") no-repeat scroll 8px center; height: 40px; padding: 0px 0px 0px 40px; line-height: 40px; border-radius: 0; font-size: 18px;}
.item-129 a, .item-175 a, .item-176 a{padding-left:40px!important; background:url(images/search-icon.png) no-repeat!important; background-position:10px 50%!important}
.item-130 a{padding-left:40px!important; background:url(images/directory-icon.png) no-repeat!important; background-position:10px 50%!important}
.item-131 a{padding-left:40px!important; background:url(images/job-icon.png) no-repeat!important; background-position:10px 50%!important}
.item-132 a, .item-173 a{padding-left:40px!important; background:url(images/news-icon.png) no-repeat!important; background-position:10px 50%!important}
.item-133 a, .item-189 a{padding-left:40px!important; background:url(images/profile-icon.png) no-repeat!important; background-position:10px 50%!important}
.item-191 a, .item-194 a, .item-192 a {padding-left:40px!important; background:url(images/community-icon.png) no-repeat!important; background-position:10px 50%!important}
.item-196 a {padding-left:40px!important; background:url(images/gear-icon.png) no-repeat!important; background-position:10px 50%!important}
.darkbg{background:#262626}
/*EOF Main Nav*/

/*SOF Social Media */
.socialtop{float:right; list-style:none; margin:4px 15px 4px 0; height:32px;; display:inline; box-sizing:content-box}
.socialtop:after{content: "";  display: table;  clear: both;}
.socialtop li{float:left; margin-left:10px}
.socialtop li.facebooktop a span { background: url(images/smspritetop.png) 0 -0px; }
.socialtop li.twittertop a span { background: url(images/smspritetop.png) 0 -32px; }
.socialtop li.googleplustop a span { background: url(images/smspritetop.png) 0 -64px; }
.socialtop li.linkedintop a span { background: url(images/smspritetop.png) 0 -96px; }
.socialtop li.emailtop a span { background: url(images/smspritetop.png) 0 -128px; }
.socialtop li a span {display: block; width: 32px; height: 32px; position: relative; z-index: 10; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.socialtop li a:hover span {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.social{margin:0; padding:0; position: fixed;left:-10px;top:45px; z-index:100;list-style:none;}
.social li.facebook a span { background:url(images/ssmsprite.jpg) 0 -0px; }
.social li.twitter a span { background:url(images/ssmsprite.jpg) 0 -44px }
.social li.googleplus a span { background:url(images/ssmsprite.jpg) 0 -88px; }
.social li.linkedin a span { background:url(images/ssmsprite.jpg) 0 -132px; }
.social li a span {display: block; width: 54px; height: 44px; margin-bottom:0px;position: relative; z-index: 10; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.social li a:hover span {-webkit-transform:translate(10px);-moz-transform:translate(10px);-o-transform:translate(10px);-ms-transform:translate(10px);}
.sociallower{float:right; z-index:100; list-style:none; margin:0px 0 20px; padding:0; }
.sociallower li.twitter a span {position:relative; background: url(images/lsmsprite.png) 0 0;  z-index:9000;}
.sociallower li.facebook a span {position:relative; background: url(images/lsmsprite.png) 0 -60px;  z-index:8000;}
.sociallower li.linkedin a span {position:relative; background: url(images/lsmsprite.png) 0 -120px;  z-index:7000;}
.sociallower li.googleplus a span {position:relative; background: url(images/lsmsprite.png) 0 -180px;  z-index:6000;}
.sociallower li a span {display: block; width: 60px; height: 60px; margin-bottom:0; -webkit-transition: all 600ms ease;	-moz-transition: all 600ms ease; -ms-transition: all 600ms ease-out; -o-transition: all 600ms ease;	transition: all 600ms ease-out;}
.sociallower li {margin-left:15px; display:inline; float:left}
.sociallower li a:hover span, .toolicons li a:hover span { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.sociallower li:first-child{ margin-left:0!important;}
.toolicons li{display:inline; float:left; margin-left:10px}
.toolicons li a span{display: block; width: 40px; height: 40px; margin-bottom:0; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease-out; -o-transition: all 600ms ease;	transition: all 600ms ease-out;}
.printicon a span{position:relative; background: url(images/print-icon.png);}
.emailicon a span{position:relative; background: url(images/email-icon.png); }
.twittericon a span{position:relative; background: url(images/tweet-icon.png); }
.fb-share-button{position:relative!important; background: url(images/facebook-icon.png)!important; content: none; margin-left:10px; height:40px!important; width:40px!important; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease-out; -o-transition: all 600ms ease; transition: all 600ms ease-out;}
.fb-share-button span{ opacity:0}
.fb-share-button:hover{ -webkit-transform: rotateZ(360deg);  -moz-transform: rotateZ(360deg);  transform: rotateZ(360deg);}
.sociallower li:first-child{ margin-left:0!important;}
.osm-pricing-table .btn-singup{background:#ff5bc8; width:100%; border-radius:0; border:0}
/*EOF Social Media */

/*SOF Footer */
.lowerfeatures{width:100%; height:auto; overflow:hidden; text-align: center}
.lowerfeatures img{width:1920px; margin:0 -100%; }
footer{width:100%; margin:0 0 0; position:relative; background-color:#444; color:#ffffff; padding:25px 0}
footer p{font-size:15px;padding:0; margin:0 0 10px}
.footerbar a{color:#dff34b;}
.copyright{color:#eee}
.credit{text-align:right; color:#eee}
.footeraddress{padding:15px 0 25px;}
.footerphone{padding-bottom:5px}
.footerbar{background:#333; float:left; width:100%; padding:8px 15px}
.footerbar b{color:#ff5bc8;font-weight:300}
footer h4 {font-size: 18px; text-transform: uppercase; color: #eee; line-height: 29px;}
.footermenu a{color:#fff}
.footermenu li{border-left:2px solid #ff5bc8; margin-bottom:11px;}
.footermenu li a {padding:4px 15px}
.footermenu li a:hover {color:#ff5bc8}
.footerlogo img{width:100%; margin-right:-30px; float:right}
/*EOF Footer */

::-webkit-input-placeholder {color: #ff9fdf;}
:-moz-placeholder {color: #ff9fdf;}
::-moz-placeholder {color: #ff9fdf;}
:-ms-input-placeholder {color: #ff9fdf;}

.applybutton{display:block; border: none;border-radius: 0 !important;box-shadow: none;padding: 13px 25px 12px;text-align: center;margin: 0 0 0;background: #ff5bc8;font-size: 14px;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,0.7); width:100%}
.joms-checkbox input{float:left}
.joms-js-form--login a{padding-right:50px}
h1.osm-page-title{margin:20px 0 10px 0!important}
.joms-input--append svg{top:13px}
span.itemEditLink a,
	span.catItemEditLink a,
	span.userItemEditLink a {display:inline-block; padding: 8px 15px; margin:0;background: #ff5bc8; color:#fff;border:0;font-size:11px;line-height:100%;font-weight:bold;text-align:center;text-decoration:none;}
	span.itemEditLink a:hover,
	span.catItemEditLink a:hover,
	span.userItemEditLink a:hover {background:#217dbb; color:#fff!important}
.joms-input{padding-left:25px!important; width:100%!important}
.span.itemEditLink .modal, span.catItemEditLink .modal, span.userItemEditLink .modal {z-index:5}
.userItemView{border:1px solid #ddd; padding:15px; margin-top:15px}
#div#k2Frontend{width:100%;}
.adminFormK2Container {margin:0 auto}
.adminFormK2Container tbody {margin:0 auto}
.small{font-size:13px!important; color:#999}
body:not(.tpl_nonumber) .chzn-container-single .chzn-single div b{margin-top:0}
.chzn-container .chzn-results li.active-result{padding:7px 15px}
#catid_chzn{min-width:250px!important}
.icon-left{margin-right:8px}
#mceu_25 iframe{height:150px!important}
.mb30{margin-bottom:30px}
/*#form-login label{width:110px; height:40px; line-height:40px;}
#form-login input{border:1px solid #ddd; background:#fafafa; border-left:3px solid #ff5bc8; height:40px; line-height:40px;padding-left:15px; width:200px}*/
.joms-checkbox{padding-right:50px;}
.modal-footer{border-top:0}
body.contentpane input, body.component-body input, body.contentpane select, body.component-body select{border-top: none; background: #f4f4f4;
border-bottom: none;
border-right: none;
border-left: 3px solid #ff5bc8}
.fileUpload{height:35px;border-left:none!important; background:#fff}
.admintable{margin-top:30px}
.nmbottom{margin-bottom:0!important}
.chzn-container-single .chzn-single{height:35px; line-height:35px; border-radius:0}
.chzn-container-single .chzn-single div b{background-position:0px 8px}
.chzn-container {font-size: 16px;}
.adminFormK2 tr{height:50px}
.adminFormK2 label{font-size:16px!important}
.adminK2LeftCol{width:200px}
#system-message-container{display: block;margin: 0 auto; padding: 0; width: 400px;text-align: center;color: #666;font-size: 18px;}
.alert-message b{color: #ff5bc8;}
.alert-message:first-line {color: #ff5bc8!important}
.alert-heading{color:#ccc}
.alert-message a{display:none}
.k2ItemFormEditorTitle{border-left:3px solid #ff5bc8; padding:0px 0 0px 15px!important; margin:15px 0}
.chzn-container .chzn-results li.disabled-result{display:none}
.k2TitleBox{font-size:16px!important}
#toolbar-cancel a{background:rgba(0,172,238,1)!important}
.bordertop{}
.catItemEditLink .modal, .itemEditLink .modal{position:relative}
.hrgrey{color:#ddd}
body.contentpane, body.component-body{font-family:"Titillium Web"; font-size:15px}
div#k2Frontend table.k2FrontendToolbar td.button a{padding:8px 25px; font-family:"Titillium Web"; border-radius:0; border:0; background:#ff5bc8; font-weight:300}
.bt_handles li a {background-image: url(images/pagination.png);}
.sourcecoast input, .sourcecoast button, .sourcecoast select, .sourcecoast textarea{font-family:"Titillium Web"!important }
.sourcecoast .btn-primary, .loginbtn, .logout-button .btn, .contactbtn, .ubLogout{border: none; border-radius: 0 !important; box-shadow: none; padding: 13px 25px 12px; text-align: center;margin: 0 0 0; background: #ff5bc8; font-size: 14px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.7);}
.contactbtn {padding:13px 0 12px}
.poweredby{display:none}
.ubLogout{margin:30px auto; display:block}
.contactbtn{display:block; margin:0 auto; width:100%}
.sclogin{float:left}
.sourcecoast.modal{margin:0 auto; left:0; right: 0}
.greycaps{font-size:22px; text-transform: uppercase; color:#bbb; padding-top:0!important}
.lmtext{width:100%; float:right; position:relative; padding-right:10px}
.lmimage{float:left; margin-right:10px; width:180px; height:180px; background:#fff}
.lmimage img{width:100%!important; max-width:100%!important; vertical-align: middle; display:block;}
.translate {transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
.translate:hover{transform:translate(15px); -webkit-transform:translate(15px); -moz-transform:translate(15px); -o-transform:translate(15px); -ms-transform: translate(15px);    }
.modal-title{font-size:18px; color:#ff5bc8}
.sourcecoast form{width:100%}
#sclogin-105{width:100%}
.smallgrey{font-size:14px}
.itemImage .modal{z-index:1}
.itemImage img{max-width:100%}
/*SOF Body */ 
.itemEditLink .modal{z-index:1}
.itemDateCreated a{color:#ff5bc8} 
.itemDateCreated{color:#bbb}
.ja-k2filter li:first-child label{display:none}
.ja-k2filter li:first-child input{margin-top:27px}
.searchtitle h3{margin:30px 0 0; font-size:24px!important}
.itemContainer a:hover{color:#ff5bc8!important}
.k2Pagination{float:right; text-align: right; color:#666; margin-bottom:0}
.catItemTitle{font-size:24px!important; padding-right:40px;}
.k2Pagination ul{list-style: none; text-align:center; margin-bottom:5px}
.k2Pagination ul li{display: inline; margin:0 0 0 10px; font-size:18px; color:#aaa}
.last-item{padding-top:27px!important; }
ul.horizontal-layout li input.btn{border:0; margin:0 auto; display:block; padding: 4px 35px; background:#ff5bc8; border-radius:0; color:#fff; line-height: 31px;}
.ja-k2filter input[type="text"], .ja-k2filter select{border-left:3px solid #ff5bc8!important; border:1px solid #ddd; border-radius:0; box-shadow:0}
.ja-k2filter select{height:40px}
.catItemView {border-left:3px solid #ff9fdf; padding-left:15px}
.k2ReadMore{color:#ff5bc8}
.catItemIntroText p{margin-bottom:5px}
.catItemView {margin:5px 0 20px; padding:8px 0 8px 15px}
.catItemIsFeatured{border-left:3px solid #ff5bc8; padding:15px 15px 12px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url(images/featured.png) no-repeat #fafafa; background-position:right 0 top 0}
.catItemReadMore{text-align: right}
.itemCategory a{color:#ff5bc8}
.itemTitle{float:left}
.itemHeader{background:#fafafa; border-bottom:1px solid #ddd; padding:15px 0; margin-top:0; margin-bottom:40px}
.catHeader{background:#fafafa; border-bottom:1px solid #ddd; padding:15px 0; margin-top:0; margin-bottom:20px}
.itemImageBlock{width:180px; height:180px;}
.itemImageBlock img{width:100%!important; height:auto!important; border:1px solid #ddd}
.itemToolbar{float:right;}
.itemToolbar ul{list-style: none}
.not-logged-in-buttons{display:block; margin:0px auto 20px; width:205px}
.not-logged-in{text-align:center; color:#ff5bc8; font-size:20px; position:absolute; bottom:0%; left:0; width:100%;}
.itemFullText{position:relative;}
.itemFullText p, .itemIntroText p, .itemFullText p span, .itemIntroText p span{ font-family:"Roboto"!important; font-size:14px!important}
.overlay{height:100%; width:100%; position:absolute; z-index:1; top:0; left:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.isMobile{background-color:#ff5bc8!important; width:100%;}
.isMobile:focus{color:#fff!important}

.signuplogin{width:300px; display:block; margin:30px auto}
.signuplogin .sclogin-joomla-login.vertical input#sclogin-username.input-block-level, .sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level, .sclogin-joomla-login.vertical input#sclogin-username.input-block-level, .sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level{width:100%!important; padding:8px 15px; height:35px; border-radius:0; border:1px solid #ddd; border-left:3px solid #ff5bc8}
.signuplogin div{width:100%; clear:both;}
.signuplogin #form-sclogin-remember{padding-top:15px}
.pinksubmit{background:#ff5bc8; border-radius:0; padding:10px 15px!important; border:none!important}
.pinksubmit:hover{background:rgba(0,172,238,1)!important}
.paymentlogo{display:block; margin:5px auto 15px!important;} 
#payment_method_container{display:none;}
.formError .formErrorContent, .formError .formErrorArrow div{background:#ff5bc8}
#os_form{display: block;margin: 0px auto;max-width: 600px;}
#os_form input{padding:8px 15px; border:1px solid #ddd; border-left:3px solid #ff5bc8; width:100%!important;}
.osm-plan-price {background: #ff5bc8;}
.signup-box .osm-plan-short-description{padding:10px 20px!important}
.signup-box{padding:10px 50px!important}
.signup-box h3{text-align:center; margin:10px 0 20px; font-weight:300!important; font-size:20px; height:60px}
.signup-box ul{text-align: left; }
.osm-plan-short-description ul{list-style: disc!important; margin:0 0 20px 15px!important;}
.osm-plan-short-description li{padding: 0 0 6px 15px!important}
.signup{float:left; padding: 13px 25px 12px; margin: 0 0 0; background: rgba(0,172,238,1); color:#fff; margin-right:15px; text-shadow: 1px 1px 2px rgba(0,0,0,0.7)}
.signup:hover{color:#fff; opacity:0.8}
.signup:focus, .signup:active{color:#fff!important;}
.sourcecoast .btn-primary:hover, .sourcecoast .btn-primary:focus, .sourcecoast .btn-primary:active, .sourcecoast .btn-primary.active, .sourcecoast .btn-primary.disabled, .sourcecoast .btn-primary[disabled] {background-color:rgba(0,172,238,1)}
.applybutton:hover{background-color:rgba(0,172,238,1); color:#fff}
.logoutcontent{position:relative; max-height: 200px; overflow: hidden;}
.itemAuthorAvatar{margin:20px auto; display:block; max-width:100%;}
.sclogin #scprofile-pic, .sclogin .sclogin-greeting{float:left}
.join-tagline{text-align:center; color:#ccc; margin:50px 0;}
.join-tagline b{text-align:center; color:#ff5bc8}
.pagination-wrap{height:65px}
div.payment-heading{margin:50px 0 50px; font-size:20px; text-align: center}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn{border:0; border-radius:0; padding:10px 25px; background:rgba(0,172,238,1); text-shadow:1px 1px 3px rgba(0,0,0,0.8); color:#fff}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn-primary{border:0; border-radius:0; padding:10px 25px; background:#ff5bc8; text-shadow:1px 1px 3px rgba(0,0,0,0.8)}
.form-sclogin-remember input{margin-top:-5px}
.sourcecoast input[type="radio"], .sourcecoast input[type="checkbox"]{margin:-2px 10px 0 0}
.itemFullText ul{margin-left:35px;}
.itemFullText ul li{padding-left:10px; color:#666; margin-bottom:15px; line-height:20px}
#jak2filter118 li{width:33%!important}

.rememberme{padding-top:20px}
.rememberbox{margin:8px 0 0 15px}
.loginform{display:block; max-width:500px; margin:0 auto;}
.loginform .control-label{text-align:left}
.loginform input{width:100%; border-radius:0; border-left:3px solid #ff5bc8; border-top:1px solid #ccc;  border-bottom:1px solid #ccc;  border-right:1px solid #ccc; padding:8px 15px}
.itemimgmodal{z-index:0; position:relative}
.sclogin-greeting{float:left; line-height:45px; color:#fff; padding-right:10px;}
.logout, .logout.sclogin {float:left}
.itemList img{max-width:100%}
.spacer-strip{height:40px; width:100%; background:#333; margin-top:30px}
.spacer{height:0px; -webkit-transition: height 0.6s; -moz-transition: height 0.6s; -ms-transition: height 0.6s; -o-transition: height 0.6s;  transition: height 0.6s;}
#home .spacer{height:34vw}
#home header.smaller .spacer{height:320px}
div.itemView{padding:0px}
.npl{padding-left:0!important}
.npr{padding-right:0!important}
.imgright{margin:0 0 25px 25px; float:right;}
.imgleft{margin:0 25px 25px 0; float:right;}
.carouselwrapper{width:100%; max-height:395px;z-index:1; margin-top:0; position:relative; z-index:1;}
.carouselwrapper>div{height:auto!important}
.carousel{margin:0!important}
.fadershadow{width:100%; height:70px; background-image:url(images/shadow.png); background-size:100% 100%}
.nomargin{margin:0!important}
.itemImage .modal{display:block; position:relative;}
.itemImageBlock{float:right}
.itemBackToTop{height:40px; width:40px; background:#333; float:right;}
.itemBackToTop img{display:block; margin:auto; padding:0}
.container{width:1460px}
.newsimg{float:right; width:160px; margin-top:-25px}
.freelanceimg{width:100%; height:200px; overflow-y: hidden; border:1px solid #ddd; margin:20px 0 15px }
.catItemImage{width:100%!important}
.freelanceimg img{object-fit: cover; min-height:100%}
.freelanceitem{background:#fafafa; border:1px solid #ddd; padding:15px}
.freelancerTitle{font-size:20px!important; border-left:3px solid #ff5bc8; padding-left:10px}
.captionbox{position:absolute; bottom:15px; left:0px; background: rgba(255, 78, 206, 0.9); height:auto; width:auto; color:#fff; padding:6px 10px; font-size:13px; text-shadow:1px 1px 2px rgba(0,0,0,0.8); min-width:90%; text-align:right} 
.freelanceimg{position:relative}
.captionbox p{padding:0; margin:0; color:#fff; font-size:13px; text-shadow:1px 1px 2px rgba(0,0,0,0.8)}
.freelanceitemimg{width:100%; margin-top:35px; height:auto}
.editmodal{position:relative}
.accountoption{width:100%; background:#ff5bc8; color:#fff; text-align:center; padding:10px}
.accountoption h2{color:#fff; font-size:24px; margin:15px}
.k2UserBlockDetails{padding-bottom:35px}
.blueoption{background:rgba(0,172,238,1)}
.itemContainer, .userItemView {position: relative}
.notopmargin{margin-top:0!important}

/* Navigation Menu - Background */
.nav-category {
  width: 250px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 15px;
  z-index: 0;
  
  /* non-critical appearance styles */
  list-style: none;

}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 250px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #000;
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  padding: 1em;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  color: white;
  font-size: 1.2em;
  text-decoration: none;
  transition: color 0.2s, background 0.5s;
}

.nav-item a:hover {
  color: #c74438;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(75,20,20,0.65) 100%);
}

/* Site Wrapper - Everything that isn't navigation */
.itemList{margin-top:0px}
.pagenav{display:inline!important}
.pagination-next a{color:#ff9fdf}
.pagination-end a{color:#ff5bc8}
.site-wrap {
	border:1px solid #ddd;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,ffffff+100&1+40,0.4+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 40%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 40%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=1 ); /* IE6-9 */

  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 3;
  
  /* non-critical apperance styles */
  padding: 15px 15px 25px;
  background-size: 200%;
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: absolute;
  left: 30px; top: 15px;
  z-index: 4;
  height: 35px;
  width: 260px;
  cursor: pointer;
  background-size: contain;
	color:#bbb
}
label[for="nav-trigger"] img {margin-right:10px;}
.relative{position:relative}
/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: left 0.2s;
}

.nav-trigger:checked + label {
  left: 280px;
}

.nav-trigger:checked ~ .site-wrap {
  left: 250px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.1)
}

body {overflow-x: hidden;}
.npsides{padding-left:0; padding-right:0}
.nav-category li a{font-size:16px; line-height:40px}
.nav-category h4{margin:15px 0 30px; color:#ff5bc8; border-bottom}
span.itemEditLink, span.catItemEditLink, span.userItemEditLink {position:absolute; top:16px; right:16px; display:block;padding:0;margin:0;width:120px;text-align:right;}
	

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

/*EOF Body */
@media (max-width: 1500px) {.container{width:94%}}
@media (min-width: 1334px) {#home .spacer{height:445px!important}}
@media (max-width: 1200px) {.topnav li a {color: #fff; padding: 13px 15px 12px;}.site-wrap{padding-top:55px}.catItemTitle{font-size:20px!important;}}
@media (max-width: 992px) {.bt-cs{margin-top:30px;}.catHeader h2{padding-left:15px}.topnav li a {color: #fff; padding: 13px 5px 12px;}.searchtitle{text-align: left!important; padding-left:30px}.not-logged-in{text-align:center; color:#ff5bc8; font-size:20px; position:relative; top:110%; left:0; width:100%;}}
@media (max-width: 910px) {.notification-box{z-index:6; top:8px}.topbar{position:relative; height:auto!important; margin-bottom:0px}.logo{top:72%; margin:-65px 0 0 -221px} #home .spacer{height:24vw}}
@media (max-width: 815px) {.social{display:none}h1{font-size:26px}.mainmenu > li a{border-right:0}.mainmenu > li{border:0!important}.toggleMenu{ height:45px; line-height:45px;padding-left:50px}}

@media (max-width: 768px) {.topbar{display:block}.copyright, .credit{text-align:center; line-height:30px}.footeraddress{text-align:center}.termslogo{width:70%; display:block; margin:0 auto}.mainmenu{box-shadow:2px 2px 4px rgba(0,0,0,0.7)}.first{border-top:none!important;}}
@media (max-width: 660px) {.topnav li a{background:none!important; padding:13px 10px 12px!important}}	
@media (max-width: 520px) {.topnav li a{padding:13px 5px 12px!important}}	
@media print {p{font-size:12px}}

#hiddenprintelement{display:none}