/*input {-webkit-appearance: none; -webkit-border-radius:0;}*/
/** {cursor: default;}*/
h4.errorLoginModal {color: #e2001a;/* position: absolute; top:0px;*/}

/* Forms */
.form-group {margin-bottom: 10px;}
.control-label {text-align: left !important; font-weight: 300;}

.article-content.form-content h1 {margin-top: 30px; margin-bottom: 30px;}

.article-content-padding {padding: 20px 39px 30px 39px; font-size: 15px; /*padding-left: 40px; padding-right: 40px;*/}
.article-content-padding div.header {margin: 35px 0px 40px 0px; font-size: 15px}
.article-content-padding h1 {margin-left: 0px; margin-top: 20px; font-size: 26px;}
.article-content-padding a {margin-left: 0px; font-size: 16px;}
.article-content-padding h2 {margin-left: 0px; margin-top: 20px; font-size: 36px; font-weight: bold;}
.inner-nopadding {margin-left: -40px; margin-right: -40px}
.breadcrumb-nopadding {margin: -25px 0px 20px -40px;}

.bgForm h1 {font-size: 34px; margin-bottom: 20px}
.customform {position: relative; margin-top: 25px;}
.customform .col-lg-2 {text-align: left;}
.customform input[type=text], .customform input[type=password] {width: 100%; height: 30px; border: 1px solid #e0e0e0}
.customform .form-Label label {font-size: 19px; text-align: left;}
.customform .form-Textarea textarea {width: 100%; height: 90px; margin-bottom: 25px;}
.customform button {width: 100%; /*width: 221px;*/ height: 30px; line-height: 30px; background: #e2001a; color: #ffffff; border: none; outline: none; margin-bottom: 30px; margin-left: 0px !important;}

/*.customform .form-group label {margin-left: 30px;}
.customform .form-item {margin-left: 30px}
*/
.textAfter, .textBeforeForm {margin-bottom: 20px;}

/*.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #ffffff}*/

.formSelect.b-custom-select {height: 30px !important; width: 100%; background-color: #ffffff; border:1px solid #e0e0e0; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; font-size: 14px; margin: 0; display: block; margin-left: 30px}
.formSelect .b-custom-select__title__text {/*padding-left: 30px;*/ font-size: 14px; color: #000; font-family: "NeuzeitGrotesk";}
.formSelect .b-custom-select__title__icon {top: -7px; right: 0px; border: 0; height: 40px; width:40px; background: url('images/forms-search-arrow.png') no-repeat;	background-position: center center;	background-size: contain;}
.formSelect .b-custom-select__title__icon:after {display: none;}

.formSelect.b-custom-select__dropdown {border:0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background-color: #ffffff !important; color: #000 !important; margin-left: -1px; margin-right: -1px; overflow: hidden; border: 1px solid #e0e0e0; border-top: none;}
.formSelect .b-custom-select__list {padding: 0;}
.formSelect .b-custom-select__item {border: 0; font-family: "NeuzeitGrotesk"; padding: 5px 0px 5px 10px; line-height: 20px; height: 30px; text-transform: uppercase; font-size: 11px;}
.formSelect .b-custom-select__item:hover, .b-custom-select__item.selected {background-color: transparent; border: 0; color: #000;}
.formSelect .b-custom-select__item.selected {color: #000000;}
.formSelect .b-custom-select__item[data-type=r] {padding-left: 30px; font-weight: bold;}
/*.formSelect .b-custom-select__dropdown__inner {border-top: none; width: 480px}*/

.formSelect .b-custom-select__wrap-scrollbar {border: 0; height: 94%; top: 3%; width: 1px; right:19px; background-color: #fff; overflow: hidden;}
.formSelect .b-custom-select__wrap-scrollbar:after {display: none;}
.formSelect .b-custom-select__scrollbar {width: 1px; background-color: #000;}

/*.customform .radioOptions {margin-left: 40px}
*/
.customform .radioOptions label {width: 200px !important}
.customform .radioOptions label input, .formCheckbox label input {display: block; float: left;}
.customform .radioOptions label span, .formCheckbox label span {display: block; float: left; margin-left: 10px; line-height: 30px; height: 30px;}

.customform .checkBoxTitle {margin-top: 5px;}
.customform .checkBoxDescription {font-weight: normal;}

/* checkboox */
.customform input.checkbox {visibility:hidden;}
.customform input.checkbox:checked {visibility:hidden;}
.customform span.cbChecked {position: relative; left:-25px; top: 2px; border: 1px solid #e0e0e0; width: 22px; height: 22px;}
.customform input.checkbox:checked+span {background: url('images/checkboxChecked.png') no-repeat;/* background: #e0e0e0*/}
/*.formCheckbox {margin-left: -40px;}*/

/*.customform .form-qm {background: #e0e0e0; border-radius: 100%; width: 17px; height: 17px; font-size: 15px; line-height: 17px; color: #fff; text-align: center; font-weight: bold; display: block; position: absolute; top: 6px; right: 6px; cursor: pointer;}
.customform .form-qm:hover {background: #e2001a;}
.customform div.from-tt {display: none !important; width: 100px; height: 100px; font-size: 13px; color: #fff; font-weight: normal; background: #ff0000; border: 1px solid red}*/

.CForm-ToolTip {background: #e0e0e0; border-radius: 100%; width: 17px; height: 17px; font-size: 15px; line-height: 17px; color: #fff; text-align: center; font-weight: bold; display: block; position: absolute; top: 6px; right: 6px; cursor: pointer;}
.CForm-ToolTip:hover {background: #e2001a;}
.triangle {width: 0; height: 0; border: 12px solid transparent; border-right-color: #e2001a; position: absolute; top: -5px; right: -20px; display: none}
.CForm-ToolTip .formToolTip {display: none; width: 212px; height: 90px; font-size: 13px; color: #fff; text-align: left; font-weight: normal; background: #e2001a; position: relative; top: -55px; right: -36px; padding: 15px}
.CForm-ToolTip:hover .formToolTip, .formToolTip.active {display: block;}
.CForm-ToolTip:hover .triangle {display: block;}

/* portfolio */

/*.cLine {padding-left: 40px; padding-right: 40px;}*/
.header-text {margin-bottom: 30px; /*padding: 0px 40px 0px 40px;*/}
.portfolio .header-text h1 {color: #000; font-size: 34px;}
.portfolio .header-text h2 {font-family: "NeuzeitGrotesk"; font-weight: 700; font-size: 15px; /*margin: 0px 40px 0px 40px;*/ padding-top: 17px;}
.protfolio p {/*padding-left: 40px; padding-right: 40px;*/}

.portfolio-right {padding: 0 20px 20px 20px;}

.portfolio-right h1 {color: #000; font-size: 19px; padding: 0px; margin: 0px;}
.portfolio-right h2 {color: #7f7f7f; font-size: 12px; padding: 0px; margin: 0px;}
.portfolio-right p {color: #000; font-size: 13px; padding: 0px; margin: 0px;}
.portfolio-right hr {margin: 0;}

.rightHeaderProtfolio {position: relative;}
.rightHeaderProtfolio h1 {color: #000; font-size: 19px; padding: 0px; margin: 0px;}
.rightHeaderProtfolio h2 {color: #7f7f7f; font-size: 12px; padding: 0px; margin: 0px;}
.rightHeaderProtfolio div {height: 30px; padding-top: 10px;}
.rightHeaderProtfolio div:first-child {padding-top: 0px; height: 60px;}
.rightHeaderProtfolio div:last-child {position: absolute; left: 70px; top: 0px;}
.rightHeaderProtfolio div:nth-child(3) {float: left; margin-right: 10px; margin-left: 20px;}
.rightHeaderProtfolio div:nth-child(4) {float: left; margin-right: 10px; margin-left: 20px;}

.headPortfolio h1 {color: #000; font-size: 19px; padding: 0px; margin: 0px;}
.headPortfolio h2 {color: #7f7f7f; font-size: 13px; font-weight: 300; padding: 0px; margin: 0px;}
.headPortfolio .logoPort div {float: left; height: 80px; padding-top: 10px;}
.headPortfolio .logoPort div:first-child {margin-right: 10px; padding-top: 0px}
.folio-data h2 {color: #000; font-size: 13px; font-weight: 300;}
.headPortfolio .logoPort div.folio-data-right {float: right; height: auto; width: 135px;}
.headPortfolio .logoPort div.folio-data-right2 {float: right; height: auto; width: 135px;}
.headPortfolio .logoPort div.folio-data-right h2, .headPortfolio .logoPort div.folio-data-right2 h2 {color: #000; font-size: 13px; font-weight: 300; margin-bottom: 5px;}

.allTemplate0 .rightHeaderProtfolio {margin-bottom: 30px}
.portTitle {font-size: 26px; font-weight: bold; margin: 10px 0 30px 30px;/* padding-left: 15px;*/}
.portTitle span {font-weight: normal;}
.portStudio {padding: 0 25px 25px 25px; border: 1px solid #e5e5e5; /*margin-bottom: 30px;*/}
.portStudio .inner {margin: 20px -25px 0 -25px;}
.iosSliderPortfolio {margin-top: 20px;}
.iosSliderPortfolio .iosSlider {height: 107px;}
.iosSliderPortfolio .slide {height: 107px;}
.iosSliderPortfolio {clear: left; height: 107px;}
.portStudio .noprojects {margin: 10px 0px -20px 20px;}

.portfolio .rightHeaderProtfolio {margin-left: 10px; margin-bottom: 20px; margin-top: 20px;}
.portfolio-right .rightHeaderProtfolio {margin-left: 0px}
.portfolio-right.editMenu {padding-bottom: 0px;}

p.portfolioDescription {margin-bottom: 25px; margin-top: 25px;}

.portfolioAddress p {margin: 0px;}
.portfolioAddress p:first-child {/*margin-bottom: 25px; margin-top: 25px*/ margin-bottom: 25px; margin-top: 23px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
.portfolioAddress p:last-child {margin-bottom: 25px;}
.galleryImage {margin-bottom: 30px;}
.galleryImage:last-child {margin-bottom: 20px;}

.articlesList h1 {color: #000; font-size: 15px; font-weight: bold; padding: 0px; margin: 0px;}
.articlesList p.articlesListShortcut {color: #000; font-size: 13px; font-weight: normal; padding: 0px; margin: 0px 0px 25px 0px;}
.articlesList p {margin-top: 22px; margin-bottom: 25px; font-size: 12px}

.bsgrid {background: url('images/bsgrid.png') no-repeat; width: 1170px; height: 500px; position: absolute;}

.portfolio-media {background: url('images/media.jpg') no-repeat; width: 195px; height: 24px; margin-bottom: 30px; margin-top: 30px;}

/*.article-content .inner.iosSliderPortfolio {margin-top: 20px;}*/
.iosSliderPortfolio .iosSlider {margin-left: 0px; margin-bottom: 0px;}
.iosSliderPortfolio .iosSlider .slider .slide .wrapp {position: relative; width: auto !important; /*width: 140px;*/ height: 105px;}
.wrapper .videoLink {position: absolute; bottom:0px; right: 10px; color: #e2001a; font-size: 16px; font-weight: bold;}
.iosSliderPortfolio.inner .slider {height: 107px; width: auto;/* width: 140px !important*/}
.iosSliderPortfolio .slider .slide {height: 107px;}
.iosSliderPortfolio .slider .slide img {height: 105px;}
.headPortfolio .folio-data {margin-top: 10px; word-wrap: break-word;}
/*.portfolio .iosSliderPortfolio {margin-bottom: 30px;}*/

/* slider article auto szerokosc */
/*.iosSlider.articleSlider .slider {height: 397px; width: auto;}*/
/*.iosSlider.articleSlider .slider .slide img {height: 397px; width: auto;}*/

h1.infoSearch {font-size: 24px; font-weight: 300}
h1.infoSearch span {font-weight: 300; font-size: 24px}

h2.infoSearch {font-size: 14px; font-weight: 300; margin: 20px 0px 20px 0px;}

.article-right-column h1 {font-size: 20px; font-weight: bold; margin-left: 20px; margin-right: 20px;}
.article-right-column hr {margin-left: 15px; margin-right: 15px; margin-bottom: 20px}
.article-right-column hr.small {width: 155px;}
.article-right-column h4 {font-size: 11px; font-weight: 500; letter-spacing: 0.07em; margin-left: 10px; margin-right: 10px;}
.article-right-column span {font-size: 10px; /*font-weight: 500; letter-spacing: 0.07em; margin-left: 10px; margin-right: 10px;*/}

.article-bottom h3 {font-size: 18px; font-weight: bold; padding: 13px; margin: 0;}

/*.artBottom {padding-left: 0px; padding-right: 30px;}*/

/* nowy template studio */
.project-text {/*height: 80px; overflow: hidden;*/ height: 62px; margin-bottom: 18px; overflow: hidden;}
.projectCover h1 {font-size: 18px; margin: 22px 10px 0px 10px}

.cAddFirstImage{
	position: relative;
	padding-bottom: 50%;
	padding-top: 0px; height: 0; overflow: hidden;
	width: 100%;
}

.project-img{
	position: relative;
	padding-bottom: 68.88%;
	padding-top: 0px; height: 0; overflow: hidden;
	width: 100%;
}

.article-bottom-img {
	position: relative;
	/*padding-bottom: 33%;*/
	padding-top: 0px; height: 120px !important; overflow: hidden;
	width: 120px !important;
}

.img-container {
	position: relative;
	padding-bottom: 66.66%;
	padding-top: 0px; height: 0; overflow: hidden;
}

/* responsive Video */
.video-container {
	position: relative;
	padding-bottom: 52.5%; /*padding-bottom: 56.25%;*/
	/*padding-top:30px;*/ height: 0; overflow: hidden;
}
.maskVideo {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; /*border: 1px solid red*/}
 
.video-container iframe,
.video-container object,
.video-container embed,
.img-container img,
.article-bottom-img img,
.project-img img {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}

.borderVideo {border:1px solid #e5e5e5; height:550px; position: relative;}
.borderVideo .icons {right: -1px; top:-1px;}
.borderVideo .video-container {top: 9.5%; height: 81%}


/* responsive Video */
/*p::selection,h1::selection,h2::selection,h3::selection,h4::selection {background-color: rgba(226, 0, 26, .99); color: #ffffff}*/
::-moz-selection {background: rgba(226, 0, 26, .99); color: #ffffff}
img::-moz-selection {background-color: rgba(226, 0, 26, .80);}
::selection {background-color: rgba(226, 0, 26, .99); color: #ffffff}
img::selection {background-color: rgba(226, 0, 26, .80);}

.CPortfolio h1 {font-size: 20px}
.CProjects {margin-bottom: 50px}

.lineSetPlus {position: relative; display: inline-block; top: 2px;}

.projectText {margin: 25px 40px 40px 40px !important}

h2.titlePortfolioImages {margin: 10px 0px 10px 0px; font-weight: normal;}

.iosSliderPortfolio.inner .slider .slide {margin: 0px 20px 0px 0px;}
.iosSliderPortfolio.inner .slider .slide:last-child {margin: 0px;}

.vMarginBottom {margin-bottom: 20px;}
.vMarginTop {margin-top: 20px;}

.logoStudio a img, .logoPort div a img {max-width: 60px;}
/* User Panel FRONT v2 */
/*.width790 {width: 790px}*/
.img-responsive {margin: 0 auto; max-width: 100%; max-height: 500px;}
/* nicEdit CSS */
.NicEditPlaceholder {position: absolute; top: 5px; left: 5px; color: #e5e5e5; pointer-events: none;}

.nicEdit-Title {font-size: 33px; color: #fff; font-weight: bold; text-align: center; cursor: default; margin: 20px 0px 20px 0px;}
.nicEdit-formEditLink {background: rgba(0,0,0,0.8); height: 100%; position: absolute; width: 100%; color: #fff; text-align: center;}
.nicEdit-formEditLink > div {text-align: center;}
.nicEdit-closeIco {position: absolute; right: 0px; top: 0px; background: url('./images/ico_close_3.png') no-repeat; background-size: cover; width: 40px; height: 40px; z-index: 10; cursor: pointer;}
input[type="submit"].nicEdit-sendBtn, .forum-content input[type="submit"].nicEdit-sendBtn {background: #e0201a; border: none; color: #fff; padding: 0px 30px 0px 30px; height: 30px; font-size: 15px; line-height: 32px; width: 150px;}
.nicEdit-wrap {margin-bottom: 5px}
.nicEdit-wrap label {width: 100px; text-align: right; padding-right: 10px;}
.nicEdit-wrap input, .nicEdit-wrap select, .forum-content form .nicEdit-wrap input {width: 250px;}

input.hiddenFileUser {height: 0px; width: 0px}
.userPanelWindow {background-color: rgba(0,0,0,.8); position: absolute; width: 100%; height: 100%; opacity: 0; top: 0px; z-index:0; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; cursor: default;}
.userPanelWindow .tagsList {text-align: center; width: 70%; margin: 0px auto;}
.userPanelWindow .tagsList label {margin: 5px; padding:0px; cursor: pointer; height: 30px; border: none;}
.userPanelWindow .tagsList input {visibility: hidden; width: 0px; height: 0px; position: absolute;}
.userPanelWindow .tagsList span {font-size: 15px; color: #000; background: #fff; height: 30px; line-height: 30px; padding: 0px 10px; margin: 0px; white-space: nowrap; width: auto; border: none; display: block; font-weight: normal; /*transition: color .4s ease; -webkit-transition: color .4s ease; transition: background .4s ease; -webkit-transition: background .4s ease;*/}
.userPanelWindow .tagsList input[type=checkbox]:checked + span {background: #e2001a; color: #fff; /*transition: color .4s ease; -webkit-transition: color .4s ease; transition: background .4s ease; -webkit-transition: background .4s ease;*/}
.userPanelWindow.showView {opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; z-index: 100}
.userPanelWindow > div {padding-top: 100px; position: relative;}
/*.userPanelWindow .icoClose {width: 15px; height: 15px; background: url('./images/close_ico.png') no-repeat; position: absolute; right: 13px; top: 14px; padding: 0px; margin: 0px; cursor: pointer;}*/
.userPanelWindow .icoClose {width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0px; top: 0px; cursor: pointer; text-align: center; font-size: 16px; color: #fff; font-family: 'stgu'; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.userPanelWindow .icoClose:before {content: '\e612'}
.userPanelWindow div h3 {font-size: 33px; font-weight: bold; color: #fff; text-align: center;}
.userPanelWindow div h4 {font-size: 18px; font-weight: normal; color: #fff; text-align: center; line-height: 1.2em}
.userPanelWindow p {font-size: 15px; color: #fff; text-align: center;}
.userPanelWindow div span.icoWindow {display: block; margin: 30px auto 30px auto; width: 45px; height: 45px; /*background-size: cover*/ font-family: 'stgu'; font-size: 45px; color: #fff;  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.userPanelWindow div.btnYesNo {margin: 30px auto 30px auto; /*height: 100px;*/ width: 100%; text-align: center;}
.userPanelWindow div.btnYesNo button {margin-right: 50px}
.userPanelWindow div.btnYesNo button:last-child {margin-right: 0px}
.userPanelYes, .userPanelNo, .userPanelOK {border: none; background: #fff; color: #000; font-weight: 600; padding: 0px 30px 0px 30px; height: 30px; font-size: 15px; text-align: center;/*text-transform: uppercase;*/ line-height: 32px; -webkit-transition: all 0.6s;}
.userPanelNo, .userPanelOK {background: #e2001a; color: #fff; /*transition: all 0.4s; -webkit-transition: all 0.4s;*/}

.viewEmbed {text-align: center;}
.viewEmbed .editHtmlEmbed {width: 70%; background: none; border: 1px solid #fff; color: #fff; margin: 0px auto; height: 150px; overflow: hidden; resize:none;}

.cProgressBar {width: 40%; margin: 0px auto; position: relative; height: 3px}
.cProgressBar .total {position: absolute; background: #fff; height: 3px; width: 100%; top: 0px;}
.cProgressBar .loaded {position: absolute; background: #e2001a; width: 50%; height: 3px; top: 0px;}

/*.userPanelYes:hover {background: #e2001a; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s;}
.userPanelNo:hover {background: #000; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s;}*/
/*.viewEmbed.userPanelWindow div span.icoWindow {background: url('./images/hyperlink_ico_45x45.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.viewTags.userPanelWindow div span.icoWindow {background: url('./images/tag_ico_45x45.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/

.viewEmbed.userPanelWindow div span.icoWindow:before {content: '\e60a'}
.viewTags.userPanelWindow div span.icoWindow:before {content: '\e60b'}
.viewDelete.userPanelWindow div span.icoWindow:before {content: '\e611'}

/*.viewDelete {padding: 20px;}*/
/*.viewDelete .icoClose {top: 0; right: 0;}*/
.viewDelete div.btnYesNo button {margin-right: 30px;}
/*.viewDelete.userPanelWindow div span.icoWindow {background: url('./images/trash_ico_45x45.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/


/*div.btnYes {display: block; margin: 30px auto 30px auto; width: 100px; height: 100px; border: 1px solid #fff}
div.viewOne h3 {font-size: 35px}*/

.userPanelFS {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1200; background: rgba(0,0,0,.9); display: none; text-align: center;}
.userPanelFS.showView {display: block;}
.userPanelFS > div {position: relative;}
.userPanelFS span.closeFS {color: #fff; font-size: 14px; position: absolute; /*right: 5%;*/ top: -25%; cursor: pointer;}
.userPanelFS span.closeFS span:last-child {margin-left: 10px;}
.userPanelFS h4 {font-size: 35px; font-weight: bold; color: #fff; text-align: center; /*margin-top: 15%; margin-bottom: 5%*/ margin-top: 0px; margin-bottom: 0px}
.userPanelFS h5 {font-size: 18px; /*font-weight: bold;*/ color: #fff; text-align: center; margin-top: 0px; margin-bottom: 0px}
/*.userPanelFS.userPanelAlert .cProgressBar {visibility: hidden;}*/
.userPanelFS.userPanelAlert > div {min-height: 250px}

.userPanelSave div span.icoFS {background: url('./images/save_45x45.png') no-repeat; width: 45px; height: 45px; display: block; margin: 50px auto 50px auto;}

/* UserPanel Front */
.nicEdit-pane {/*position: fixed; top: 40%; left: 40%;*/}
.nicEdit-main {padding: 5px; width: 100%}

.images .icons {z-index: 60}
.images .icons a {outline: none;}
.images > div .mask {position: absolute; width: 100%; height: 100%; background: #e5e5e5; opacity: 0.0; top: 0px; left: 0px; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; z-index: 50}
.images input[type=text] {font-size: 16px; border: none; width: 100%; padding-left: 0px}
.images > div {position: relative; margin-bottom: 30px}
.images.editOn > div.editOn:hover .mask {opacity: 0.8; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}
.images.editOn > div.editOn:hover .icons {opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}
.images img {margin-bottom: 0px;}

.editProfile {display: block; width: 100%; height: 40px; padding-left: 20px; line-height: 40px; font-size: 15px; color: #fff; background: #e2001a url('./images/ico.png') no-repeat right center;}
.editProfile:hover {color: #fff}

.projectCover {overflow:hidden; background: #ffffff; position: relative}
.draft.article-content .projectCover {background: #e5e5e5}
.draft .mask {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #e5e5e5; opacity: 0.8;}
/*.draft .mask {display: block;}*/
.project .icons {right: -1px; top: -1px;}
.maskRed {position: absolute; width: 100%; height: 100%; background: #e2001a; opacity: 0; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}

.project {position: relative;}
.sortableProject .coverWindow {pointer-events: none;}
.sortableProject .coverWindow.showView {pointer-events: auto;}
.editOn .project:hover {border: 1px solid #e2001a; transition: border .4s ease; -webkit-transition: border .4s ease;}
.editOn .project:hover .project-text a h1 {color: #ffffff; transition: color .4s ease; -webkit-transition: color .4s ease;}
.editOn .project:hover .maskRed {opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}
.editOn .project:hover .icons {opacity: 1; transition: opacity .2s ease; -webkit-transition: opacity .2s ease;}

.icons {position: absolute; right: -1px; top: -1px; /*width: 140px; height: 200px;*/ opacity: 0; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; z-index: 100}
.icons a {width: 40px; height: 41px; border: 1px solid #e5e5e5; position: absolute; right: 0px; overflow: hidden; transition: width .4s ease; -webkit-transition: width .4s ease;}
.icons a span {position: absolute; width: 130px; line-height: 40px; text-transform: uppercase; background: #ffffff; padding: 0px 0px 0px 16px; font-size: 11px; color: #000; transition: color .4s ease; -webkit-transition: color .4s ease; pointer-events:none;}
.icons a span.ico {width: 40px; height: 40px; position: absolute; right: -1px; top: -1px}
.icons a span.icohover {width: 40px; height: 40px; position: absolute; right: 0px; opacity: 0;}
.icons a:nth-child(1) {top:0px;}
.icons a:nth-child(2) {top:40px;}
.icons a:nth-child(3) {top:80px;}
.icons a:nth-child(4) {top:120px;}
.icons a span.ico {font-size: 16px; text-align: center; padding-left: 0px;}
/*.icons a.delPro span.ico {font-size: 16px; font-family: 'stgu';}
.icons a.delPro span.icohover {background: #ffffff url('./images/ico_close_2.png') no-repeat right center;}
.icons a.editPro span.ico {background: #ffffff url('./images/ico_edit_1.png') no-repeat right center;}
.icons a.editPro span.icohover {background: #ffffff url('./images/ico_edit_2.png') no-repeat right center;}
.icons a.publishPro span.ico {background: #ffffff url('./images/ico_publish_1.png') no-repeat right center;}
.icons a.publishPro span.icohover {background: #ffffff url('./images/ico_publish_2.png') no-repeat right center;}
.icons a.order span.ico {background: #ffffff url('./images/kolejnosc_1.png') no-repeat 12px center;}
.icons a.order span.icohover {background: #ffffff url('./images/kolejnosc_2.png') no-repeat 12px center;}
.icons a.tags span.ico {background: #ffffff url('./images/tags_1.png') no-repeat 12px center;}
.icons a.tags span.icohover {background: #ffffff url('./images/tags_2.png') no-repeat 12px center;}
.icons a.reload span.ico {background: #ffffff url('./images/reload_1.png') no-repeat 12px center;}
.icons a.reload span.icohover {background: #ffffff url('./images/reload_2.png') no-repeat 12px center;}*/
.draft .icons a.delPro {background: #ffffff url('./images/ico_close_2.png') no-repeat right center;}
.draft .icons a.editPro {background: #ffffff url('./images/ico_edit_2.png') no-repeat right center;}
.draft .icons a.publishPro {background: #ffffff url('./images/ico_publish_2.png') no-repeat right center;}
.uploadIco, .uploadIco:active, .uploadIco:visited {background: #ffffff url('./images/add_files_1.png') no-repeat 12px center; color: #000}
.uploadIco:hover {background: #ffffff url('./images/add_files_2.png') no-repeat 12px center; color: #e2001a}
.embedIco {background: #ffffff url('./images/add_media_1.png') no-repeat 12px center; color: #000}
.embedIco:hover {background: #ffffff url('./images/add_media_2.png') no-repeat 12px center; color: #e2001a}
.orderIco {background: #ffffff url('./images/kolejnosc_1.png') no-repeat 12px center; color: #000}
.orderIco:hover {background: #ffffff url('./images/kolejnosc_2.png') no-repeat 12px center; color: #e2001a}

.images > .editOn {border: 1px solid #e5e5e5;}
.images.editOn .icons a:hover, .project .icons a:hover {width: 170px; transition: width .4s ease; -webkit-transition: width .4s ease;}
.icons a:hover span {color: #e2001a; transition: color .4s ease; -webkit-transition: color .4s ease;}
.icons a:hover span.icohover {opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}

#editHtmlEmbed {width: 600px; height: 300px; font-size: 16px; font-weight: normal; line-height: 16px;}

.topUserPanelMenu a {outline: none;}
.topUserPanelMenu a.blackBtn {padding-left: 55px; font-size: 14px; /*text-transform: uppercase;*/ height: 40px; display: block; background: #000; color: #fff; line-height: 40px; position: relative; color: #fff; transition: color .4s ease; -webkit-transition: color .4s ease;}
/*testy z svg*/
/*.topUserPanelMenu a.blackBtn svg {width: 16px; height: 16px; position: absolute; right: 10px; top: 10px;}
.topUserPanelMenu a.blackBtn #svgIco {fill:#ffffff; transition-property: fill, -webkit-transform;
                                   transition-duration: 1s;}
.topUserPanelMenu a.blackBtn:hover #svgIco {fill:#e2001a; transition-property: fill, -webkit-transform;
                                   transition-duration: 1s;}
*/
.topUserPanelMenu a.blackBtn span {font-size: 16px; position: absolute; left: 20px}
.topUserPanelMenu a.blackBtn span:before {content: "\f002";}
/*.topUserPanelMenu a.blackBtn:hover {color: #e2001a; transition: color .4s ease; -webkit-transition: color .4s ease;}*/
.topUserPanelMenu a.redBtn {padding-left: 55px; font-size: 14px; /*text-transform: uppercase;*/ height: 40px; display: block; background: #e2001a; color: #fff; line-height: 40px}
.topUserPanelMenu a.redBtn.icoBackProfile {background: #e2001a url('./images/ico_powrot.png') no-repeat;}


/*.topUserPanelMenu a.blackBtn.icoSaveProject {background: #000 url('./images/ico_publikuj.png') no-repeat;}*/
.topUserPanelMenu a.redBtn.icoPublishProject {background:#e2001a url('./images/ico_publikuj.png') no-repeat;}
.topUserPanelMenu a.blackBtn.icoSaveProject {background:#000000 url('./images/ico_zapis.png') no-repeat;}
.topUserPanelMenu a.redBtn.icoPublishProject.disable, .topUserPanelMenu a.redBtn.icoPublishProject.btnOFF {opacity: 0.6; cursor: default;}
.topUserPanelMenu a.blackBtn.icoSaveProject.disable {opacity: 0.6; cursor: default;}
.topUserPanelMenu a.redBtn.editProjectIco {/*background:#e2001a url('./images/ico_edit.png') no-repeat;*/}
.topUserPanelMenu a.blackBtn.editProjectIco {/*background:#000000 url('./images/ico_edit.png') no-repeat;*/}
.topUserPanelMenu a.blackBtn.addProjectIco {/*background:#000000 url('./images/ico_dodaj.png') no-repeat;*/}
.coverPanelMenu > span {padding-left: 55px; font-size: 12px; text-transform: uppercase; height: 40px; display: block; background: #e1e1e1 url('./images/cover_1.png') no-repeat 12px center; color: #000; line-height: 40px}
.coverPanelMenu div {background: #ffffff}
.coverPanelMenu img + a.icoAdd {width: 40px; height: 40px; display: block; position: absolute; z-index: 200; color: #000; background: #e5e5e5; line-height: 40px; font-size: 16px; text-align: center; font-family: 'stgu'; transition: color .4s ease; -webkit-transition: color .4s ease;}
.coverPanelMenu img + a.icoAdd:before {content: '\e620';}
.coverPanelMenu img + a.icoAdd:hover {color: #e2001a; transition: color .4s ease; -webkit-transition: color .4s ease;}
.coverPanelMenu img.hide + a.icoAdd {width: 40px; height: 40px; display: block; position: absolute; z-index: 200; color: #e5e5e5; background: none; line-height: 40px; font-size: 35px; text-align: center; font-family: 'stgu';}
.coverPanelMenu img.hide + a.icoAdd:before {content: '\e60d';}
/*.coverPanelMenu img.hide + a.icoAdd:hover {width: 40px; height: 40px; display: block; position: absolute; z-index: 200;}*/
/*.coverPanelMenu img.hide + a.icoAdd {width: 40px; height: 40px; background: url('./images/add_files.png') no-repeat; display: block; position: absolute; z-index: 200;}
.coverPanelMenu img.hide + a.icoAdd:hover {width: 40px; height: 40px; background: url('./images/add_files.png') no-repeat; display: block; position: absolute; z-index: 200;}
.coverPanelMenu img + a.icoAdd {width: 40px; height: 40px; background: #e5e5e5 url('./images/reload_1.png') no-repeat 12px 12px; display: block; position: absolute; z-index: 200;}
.coverPanelMenu img + a.icoAdd:hover {width: 40px; height: 40px; background: #e5e5e5 url('./images/reload_2.png') no-repeat 12px 12px; display: block; position: absolute; z-index: 200;}*/
.coverPanelMenu a.icoReplace {width: 40px; height: 40px; background: #e5e5e5; display: block; position: absolute;}
.coverPanelMenu img {border: none;}
.coverPanelMenu .maskCover {position: absolute; z-index: 100; width: 100%; height: 100%; opacity: 0; background: #e5e5e5; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}
.coverPanelMenu:hover .maskCover {opacity: 0.8; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}

/*.max {margin-top: 50px;}*/
.userPanelMenu a {outline: none;}
.userPanelMenu a, .userPanelMenu span {padding-left: 55px; font-size: 12px; text-transform: uppercase; height: 40px; display: block; border-top: 1px solid #e5e5e5; line-height: 40px}
.userPanelMenu span {color: #e2001a}
.userPanelMenu a:first-child {border-top: none;}
a.saveProfile {background: #ffffff url('./images/ico1.png') no-repeat 10px center;}

#orderModal .sortable {border: 1px solid #e5e5e5; height: 300px; overflow-y: auto; overflow-x: hidden; margin-bottom: 25px;}
#orderModal .sortable img {height: 100px; margin: 5px; display: inline-block;}
#orderModal .sortable h2 {line-height: 80px; margin-left: 20px; font-size: 20px; display: inline-block;}
#orderModal .modal-header h4, #orderModal .modal-header a {display: inline-block;}
#orderModal .modal-body div {float: left;}

/*#orderModal .modal-header a h4 {color: #e2001a}*/

#tagsModal .customform > div {width: 270px; float: left;}
/*.btnModal {position: absolute; right: 46px; top: 46px;}*/
.btnModal h4 {color: #fff; background: #e2001a; width: 200px; text-align: center; font-weight: 700; font-size: 14px; height: 30px; line-height: 30px}

/*#userPanelModal .modal-dialog, #userPanelYesNo .modal-dialog {width: 100%; height: 100%; background: rgba(0,0,0,.9); position: fixed;}*/
#userPanelYesNo {-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; cursor: default;}
#userPanelYesNo .modal-content, #userPanelModal .modal-content {height: 200px;}
#userPanelYesNo .modal-body button:last-child {margin-left: 50px}
#userPanelYes,#userPanelNo, #userPanelOK {background: none; border: 1px solid #e5e5e5; padding: 0px 30px 0px 30px; font-size: 12px; text-transform: uppercase; height: 30px; line-height: 30px; -webkit-transition: all 0.6s;}
#userPanelOK:hover, #userPanelYes:hover {background: #e2001a; border: 1px solid #e5e5e5; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s;}
#userPanelNo:hover {background: #000; border: 1px solid #000; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s;}

/* edycja nowe studio */
input.h2 {font-size: 36px; font-weight: bold; margin-left: 0; color: #000; border: none; outline: none; display: block; width: 100%; margin-top: 30px;}
input.h2::-webkit-input-placeholder {color: #e5e5e5; opacity: 1;}
input.h2::-moz-placeholder {color: #e5e5e5; opacity: 1;}
input.h2::-ms-input-placeholder {color: #e5e5e5; opacity: 1;}

textarea.p {display: block; margin: 35px 0 40px; font-size: 15px; font-weight: 300; margin-left: 0; color: #000; width: 100%; border: none !important; outline: none !important; -webkit-appearance:none !important; padding-left: 0px}
textarea.p::-webkit-input-placeholder {color: #e5e5e5; opacity: 1;}
textarea.p::-moz-placeholder {color: #e5e5e5; opacity: 1;}
textarea.p::-ms-input-placeholder {color: #e5e5e5; opacity: 1;}

.nicEdit-main {padding: 0px; min-height: 220px}
.nicEdit-main a, div.header a {font-size: 15px; color: #e2001a;}

.portfolio .rightHeaderProtfolio {margin-left: 0px; margin-bottom: 0px;}

.contentNicEdit {position: relative; border: 1px solid #ffffff}
.contentNicEdit .nicEdit-selected {border: none; outline: none}
.contentNicEdit > div:first-child {/*position: absolute; top: -20px;*/ display: none;}
.contentNicEdit .customMenu {position: absolute; bottom: -40px; left:-1px;}
.contentNicEdit .customMenu a {width: 40px; height: 40px; display: block; float: left; border: 1px solid #e5e5e5; border-right:none; margin: 0px; padding: 0px;}
.contentNicEdit .customMenu a:last-child {border-right: 1px solid #e5e5e5}

.customMenu a {font-size: 16px; width: 40px; line-height: 40px; color: #919191; text-align: center; transition: color 0.4s; -webkit-transition: color 0.4s;}
.customMenu a:hover {color: #e2001a; transition: color 0.4s; -webkit-transition: color 0.4s;}
.customMenu .customBtnDone {background: #919191; color: #fff; font-size: 32px; transition: background 0.4s; -webkit-transition: background 0.4s;}
.customMenu .customBtnDone:hover {background: #e2001a; color: #fff; transition: background 0.4s; -webkit-transition: background 0.4s;}
.customMenu .customBtnBold:before {content: 'B'; font-family: 'NeuzeitGrotesk'; font-weight: bold;}

.contentNicEdit .customMenu {display: none}
.contentNicEdit.onEdit, .contentNicEdit.onEditFirst {border: 1px solid #e5e5e5; padding: 5px}
.contentNicEdit.onEdit .customMenu {display: block}
/*.contentNicEdit > div:last-child {border-color: #fff !important;}*/
.addFirstImage {position: absolute; width: 100%; height: 100%; border: 1px solid #e5e5e5; text-align: center; cursor: pointer;}
/*.addFirstImage span {display: block; width: 40px; height: 40px; background: #ffffff url('./images/add_files.png') no-repeat center center}*/
.addFirstImage span {display: block; width: 40px; height: 40px; font-size: 35px;}
.addFirstImage h1 {color: #e5e5e5; font-weight: normal; padding: 0px; margin: 0px}

.breadcrumb2 {background: #fff; margin: 0px 0px 20px 42px; padding: 0px; font-size: 12px; color: #919191}
.breadcrumb2 span, .breadcrumb2 span a {color: #919191}
.breadcrumb2 span:first-child {color: #e2001a}

/* dateGraph */
.dGraph {font-size: 10px; position: relative; padding-left: 15px; padding-right: 15px; margin-bottom: 10px;}
.dGraph div {float: left;}
.dGraph hr {width: 100%; margin: 5px 0px 0px 0px}
.dGraph hr.red {position: relative; background-color: #e2001a; top:-8px;}

.article.dGraph {font-size: 12px; position: relative; padding-left: 15px; padding-right: 15px; margin-bottom: 10px}
.article.dGraph div {float: left;}
.article.dGraph hr {position: absolute; top: 0px; width: 100%; height: 3px; /* margin: 8px 0px 0px 0px*/}
.article.dGraph hr.red {position: absolute; background-color: #e2001a; top:0px;}

.d1 {margin-left: 10px;}
.line {width: 195px; height: 3px; padding-left: 10px; padding-right: 10px;}
.d2 {margin-right: 10px}

.article.dGraph {margin-top: 25px}
.article.dGraph .d1 {padding-left: 25px; margin-left: 0px; white-space: nowrap;}
.article.dGraph .line {position: relative; width: 47%; height: 3px; top: 2px; margin-left: 15px; margin-right: 15px; padding: 0px}
.article.dGraph span.marker {position: absolute; display: block; width: 1px; height: 25px; top: -6px; background-color: #e2001a;}
.article.dGraph .d2 {margin-right: 25px; white-space: nowrap;}

.formSelect.b-custom-select {width: 100%; margin-left: 0px}
.customform input[type=text], .customform input[type=password] {width: 100%;}
.CForm-ToolTip {right: 126px;}

.avatar {margin-left: 10px; margin-right: 20px}


#cookies_info p {position: fixed; width: 100%; left: 0px; bottom: 0px; /*height: 40px;*/ /*line-height: 40px;*/ margin: 0px; padding: 12px; color: #fff; font-size: 16px; text-align: center; cursor: default; background: #e2001a; font-family: "NeuzeitGrotesk";}
#cookies_info p span {cursor: pointer; font-weight: bold;}

/*#cookies_info {position: fixed; bottom: 10px; right: 10px; width: 297px; height: 204px; background: url('./images/cookies_bg.png') no-repeat center center; z-index: 100000}
#cookies_info p {position: absolute; width: 124px; height: 120px; right: 54px; top: 50px; color: #fff; font-size: 11px; text-align: center; cursor: default;}
#cookies_info span {position: absolute; width: 30px; height: 31px; right: 0px; top: 0px; cursor: pointer; display: block; background: url('./images/cookies_close.png') no-repeat center center}*/

button.fileBTN {background: #000; width: 100%; margin-bottom: 10px; height: 30px; line-height: 30px}
span.fileName {position: relative; line-height: 30px; height: 30px; display: block; border: 1px solid #e5e5e5; padding: 0px 10px 0px 10px; margin-left: -20px;}
input[name=avatar] {visibility: hidden; position: absolute;}
/*p.fileDesc {margin-left: -10px}*/

.avatarEdit {margin-left: 10px; margin-top: -30px; margin-bottom: 10px;}

/* nowy format ikony jako font */
.black {background: #000;}
.portfolio .red {background: #e2001a;}
/*.black span, .red span {color: #fff}*/
.icoFont {padding-left: 0px; position: relative;}
.icoFont span {font-size: 12px; font-family: "NeuzeitGrotesk"; text-transform: uppercase; padding-left: 55px; border: none; color: #000; display: inline-block; line-height: 40px; transition: color 0.4s; -webkit-transition: color 0.4s;}
.icoFont span:before {font-size: 16px; font-family: "stgu"; width: 35px; display: inline-block; padding-left: 12px; line-height: 40px; position: absolute; left: 0px;}
.icoFont.hover:hover span {color: #e2001a; transition: color 0.4s; -webkit-transition: color 0.4s;}
.icoFont.grey {background: #e5e5e5;}

a.icoFont {padding-left: 0px; position: relative; display: block; /*border: 1px solid red*/}
a.icoFont span {font-size: 12px; font-family: "NeuzeitGrotesk"; padding-left: 55px; border: none; color: #000; display: inline-block; line-height: 40px; transition: color 0.4s; -webkit-transition: color 0.4s;}
a.icoFont span:before {font-size: 16px; font-family: "stgu"; width: 35px; display: inline-block; padding-left: 12px; line-height: 40px; position: absolute; left: 0px;}
a.icoFont:hover span {color: #e2001a; transition: color 0.4s; -webkit-transition: color 0.4s;}

/*.topUserPanelMenu a.blackBtn {padding-left: 55px; font-size: 14px; height: 40px; display: block; background: #000; color: #fff; line-height: 40px; position: relative; color: #fff; transition: color .4s ease; -webkit-transition: color .4s ease;}*/
.topUserPanelMenu a.icoFont {height: 40px;}
.topUserPanelMenu a.icoFont span {font-size: 14px; color: #fff; text-transform: none;}

@media (min-width: 768px) {
	.avatarEdit {margin-left: 30px; margin-top: 0px; margin-bottom: 0px;}
	/*#cookies_info {position: fixed; bottom: 30px; right: 30px;}*/
	.img-responsive {max-height: 396px;}
	/*.formSelect.b-custom-select__dropdown {width: 256px;}*/
	.formSelect.b-custom-select {width: 100%; /*margin-left: 40px*/}
	.customform {margin-top: 30px;}
	.customform input[type=text], .customform input[type=password] {width: 100%;}
	.CForm-ToolTip {right: 66px;}
	/*.customform .form-Textarea textarea {width: 289px;}*/
	.customform span.cbChecked {left:-25px;}
	.article-content.form-content h1 {margin-top: 30px; margin-bottom: 30px;}
/*	.textAfter, .textBeforeForm {margin-left: 40px; margin-right: 40px;}
	.customform .form-item {margin-left: 40px;}
	.customform .form-group label {margin-left: 40px;}
*/	/*.portfolio .rightHeaderProtfolio {margin-left: 0px; margin-bottom: 0px;}*/
	.portStudio {padding: 0 20px 30px 20px;}
	.portStudio .inner {margin: 25px -20px 0 -20px;}

	.iosSliderPortfolio {margin-top: 0px;}
	.iosSliderPortfolio.inner .next {right: -15px;}
	.iosSliderPortfolio.inner .prev {left: -15px;}
		
	.headPortfolio .logoPort div.folio-data-right {width: 150px}
	.headPortfolio .logoPort div.folio-data-right2 {width: 280px}

	.rightHeaderProtfolio div:nth-child(3) {float: right; margin-right: 40px; margin-left: 0px;}
	.rightHeaderProtfolio div:nth-child(4) {float: right; margin-right: 40px; margin-left: 0px;}
	.vMarginBottom {margin-bottom: 20px}
	.vMarginBottom2 {margin-bottom: 80px}
	.vMarginTop {margin-top: 20px}
	.article-bottom h3 {font-size: 17px; padding: 19px 19px 0px 17px;}
	.userPanel li {width: 248px}

	/*.rightMenu {width: 122px;}*/
	span.fileName {margin-left: -20px;}

	.d1 {margin-left: 10px;}
	.line {width: 220px; padding-left: 10px; padding-right: 10px;}
	.d2 {margin-right: 10px}
	.max {margin-right: -20px; margin-left: -20px;}
	.coverPanelMenu a.icoAdd {left: 89px; top: 52px;}
	.addFirstImage span {margin: 60px auto 10px auto;}

	#orderModal .sortable {height: 210px;}
	
	.userPanelWindow > div {padding-top: 20px;}

	.article.dGraph .d1 {padding-left: 40px;}
	.article.dGraph .line {width: 468px; margin-left: 20px; margin-right: 20px;}
	.article.dGraph .d2 {margin-right: 40px;}

	.userPanelWindow div.btnYesNo {margin: 10px auto 10px auto;}
	.userPanelWindow .tagsList {width: 85%; margin: 0px auto;}
	.userPanelWindow div span.icoWindow {margin: 15px auto 15px auto; width: 30px; height: 30px;}
	.userPanelWindow .tagsList label {margin: 4px; padding:0px; height: 18px;}
	.userPanelWindow .tagsList span {font-size: 11px; height: 18px; line-height: 18px; padding: 0px 8px; margin: 0px;}
	.userPanelWindow div h3 {font-size: 18px; margin: 0px}
	.userPanelWindow p {font-size: 11px;}
	.userPanelYes, .userPanelNo, .userPanelOK {padding: 0px 18px 0px 18px; height: 23px; font-size: 13px; line-height: 18px;}
	.viewEmbed .editHtmlEmbed {height: 80px; font-size: 11px;}

	.coverWindow.userPanelWindow div h3 {font-size: 22px; margin: 20px 20px 0px 20px}
	.coverWindow.userPanelWindow > div {padding-top: 20px;}

	.slide .title {display: block;}

	.nicEdit-Title {font-size: 18px; margin: 15px 0px 15px 0px;}
}

@media (min-width: 992px) {
	.img-responsive {max-height: 620px;}
	/*.formSelect.b-custom-select__dropdown {width: 419px}*/
	.formSelect.b-custom-select {width: 100%;}
	.customform input[type=text], .customform input[type=password] {width: 100%;}
	.CForm-ToolTip {right: -36px;}
	.customform .form-item {margin-left: 20px}
	.formSelect.b-custom-select {margin-left: 20px}
	.customform span.cbChecked {left:-25px;}
	/*.customform .form-Textarea textarea {width: 460px;}*/
	.portfolio .rightHeaderProtfolio {margin-left: 0px; margin-bottom: 20px;}
	.portStudio {padding: 0 40px 30px 40px;}
	.portStudio .inner {margin: 25px -40px 0 -40px;}

	/*button.fileBTN {margin-left: 25px;}
	*/
	span.fileName {margin-left: -20px;}
	.contenerFileName {margin-left: 10px; margin-right: -30px;}
	
	.headPortfolio .logoPort div.folio-data-right {width: 250px}
	.headPortfolio .logoPort div.folio-data-right2 {width: 300px}

	.vMarginBottom {margin-bottom: 20px}
	.vMarginBottom2 {margin-bottom: 80px}
	.vMarginTop {margin-top: 20px}
	.article-bottom h3 {font-size: 18px; padding: 19px 10px 0px 21px;}
	.userPanel li {width: 220px}
	.d1 {margin-left: 10px;}
	.line {width: 167px; padding-left: 10px; padding-right: 10px;}
	.d2 {margin-right: 10px}
	.max {margin-right: -20px; margin-left: -20px;}
	.coverPanelMenu a.icoAdd {left: 89px; top: 52px;}
	.addFirstImage span {margin: 136px auto 10px auto;}

	#orderModal .sortable {height: 222px;}
	.userPanelWindow > div {padding-top: 1px;}
	.article.dGraph .line {width: 423px;}

	.userPanelWindow div.btnYesNo {margin: 30px auto 30px auto;}
	.userPanelWindow .tagsList {width: 75%; margin: 0px auto;}
	.userPanelWindow div span.icoWindow {margin: 24px auto 24px auto; width: 40px; height: 40px;}
	.userPanelWindow .tagsList label {margin: 4px; padding:0px; height: 25px;}
	.userPanelWindow .tagsList span {font-size: 13px; height: 25px; line-height: 25px; padding: 0px 8px; margin: 0px;}
	.userPanelWindow div h3 {font-size: 26px; margin: 30px}
	.userPanelWindow p {font-size: 13px;}
	.userPanelYes, .userPanelNo, .userPanelOK {padding: 0px 25px 0px 25px; height: 25px; font-size: 13px; line-height: 25px;}
	.viewEmbed .editHtmlEmbed {height: 100px; font-size: 13px;}

	.coverWindow.userPanelWindow div h3 {font-size: 26px; margin: 10px}
	.coverWindow.userPanelWindow > div {padding-top: 20px;}

	.nicEdit-Title {font-size: 26px; margin: 15px 0px 15px 0px;}
}

@media (min-width: 1200px) {
	.img-responsive {max-height: 790px;}
	/*.formSelect.b-custom-select__dropdown {width: 431px}*/
	.CForm-ToolTip {right: 6px;}
	.customform .form-item {margin-left: -20px}
	.formSelect.b-custom-select {margin-left: -20px}
	.customform span.cbChecked {left:-30px;}
	/*.customform .form-Textarea textarea {width: 465px;}*/
	/*.portfolio .rightHeaderProtfolio {margin-left: 0px; margin-bottom: 30px; margin-top: 30px;}*/

	button.fileBTN {margin-left: -15px;}
	span.fileName {margin-left: -20px;}
	.contenerFileName {margin-left: -30px; margin-right: 10px;}
	
	.portTitle {margin: 10px 0 40px 40px;}
	.vMarginBottom {margin-bottom: 30px}
	.vMarginBottom2 {margin-bottom: 80px}
	.vMarginTop {margin-top: 30px}
	.article-bottom h3 {font-size: 16px; padding: 19px 10px 0px 21px; max-height: 4em;}
	.userPanel li {width: 270px}
	.d1 {margin-left: 15px;}
	.line {width: 138px; padding-left: 10px; padding-right: 10px;}
	.d2 {margin-right: 15px}
	.max {margin-right: -20px; margin-left: -20px;}
	.coverPanelMenu a.icoAdd {left: 114px; top: 70px;}
	.addFirstImage span {margin: 176px auto 10px auto;}

	.userPanelWindow > div {padding-top: 40px;}
	.breadcrumb2 {background: #fff; margin: 0px 0px 30px 42px;}
	.article.dGraph .line {width: 604px;}

	.userPanelWindow .tagsList {width: 70%; margin: 0px auto;}
	.userPanelWindow div span.icoWindow {margin: 30px auto 30px auto; width: 45px; height: 45px;}
	.userPanelWindow .tagsList label {margin: 5px; padding:0px; height: 30px;}
	.userPanelWindow .tagsList span {font-size: 15px; height: 30px; line-height: 30px; padding: 0px 10px; margin: 0px;}
	.userPanelWindow div h3 {font-size: 33px; margin: 30px}
	.userPanelWindow p {font-size: 15px;}
	.userPanelYes, .userPanelNo, .userPanelOK {padding: 0px 30px 0px 30px; height: 30px; font-size: 15px; line-height: 32px;}
	.viewEmbed .editHtmlEmbed {height: 120px; font-size: 15px;}

	.coverWindow.userPanelWindow div h3 {font-size: 22px; margin: 20px}
	.coverWindow.userPanelWindow > div {padding-top: 20px;}
	.coverWindow.userPanelWindow div span.icoWindow {margin: 30px auto 30px auto; width: 35px; height: 35px;}

	.nicEdit-Title {font-size: 33px; margin: 20px 0px 20px 0px;}
}