#myTabContent .containerX{ background-color: #000000; } #myTabContent #projects-container-sidebar .project-item { width: 270px; border-radius: 5px; margin-top: 15px; } #myTabContent #projects-container-sidebar { visibility: visible; margin: 0px; height: 300px; overflow-y: auto; background-color: #000000; } #myTabContent #portfolio-sidebar-header { padding: 5px 40px 55px; border-top: none; background-color: #000000; } #myTabContent #projects-container-sidebar .project-item.filtered { opacity: 0; transform: scale(0); } #page-loader2 { background: #c2521c none repeat scroll 0 0; bottom: 0; position: fixed; right: 0; width: 55px; height: 55px; z-index: 999999; font-size: 40px; color: #FFFFFF; text-align: center; display: none; } .bootbox .modal-dialog { width: 600px; } #iconoSidebar { width: 42px; padding-top: 11px; padding-left: 6px; } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ @media (max-width: 767px) { #style-switcher { display: none; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991px) { #style-switcher { display: none; } } /* Medium devices (desktops, 992px and up) */ /* Large devices (large desktops, 1200px and up) */ /* Overwrite Bootstrap */ #style-switcher #myTabs li { width: 150px; height: 50px; margin: -12px 0 0; text-align: center; font-size: 20px; background-color: #FFFFFF; border-radius: 0px; } #style-switcher #myTabs li.active { background-color: #F7F7F7; } .tab-content { margin-top: 13px; background-color: #F7F7F7; } .nav-tabs { border-bottom: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 1px solid #ee882e; background-color: #ee882e; /*font-family: "Open Sans Condensed",sans-serif;*/ color: #000000; font-weight: bold; } .nav-tabs > li > a { border-left: 1px solid #e6e6e6; border-radius: 0px; margin-right: -1px; /*font-family: "Open Sans Condensed",sans-serif;*/ color: #000000; font-weight: bold; } .nav > li > a { /*padding: 13px 15px;*/ } /*#style-switcher { background-color: #F7F7F7; border: none; }*/ #toggle-switcher { background-color: #000000; /*border-radius: 0px;*/ /*border: none;*/ } .breadcrumb a { color: #808080; font-family: "Open Sans Condensed", sans-serif; font-size: 16px; font-weight: 300; padding: 5px; text-align: center; text-transform: uppercase; } #myTabContent #filter-works-sidebar ul li a, #myTabContent #filter-works-sidebar ul li a:active, #myTabContent #filter-works-sidebar ul li a:hover { font-size: 18px; } #myTabContent #filter-works-sidebar ul li { width: auto; } #myTabContent #portfolio-sidebar .section-title { margin-bottom: 18px; } /* Contact slider */ #contact2 { padding: 10px; width: 600px; } #contact2 address { font-size: 17px; } #contact2 .socials { font-size: 20px; } #contact-form2 .btn-theme { padding: 15px 0px; width: 100%; } /*---------------------- -----Contact 2 Styles----- ------------------------*/ #contact-form2 .form-group label { display: none; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; } #contact-form2.no-placeholder .form-group label { display: block; } #contact-form2 .form-control { background: #fff; background: rgba(255, 255, 255, 0.9); border: none; border-radius: 1px; outline: none; box-shadow: none; margin-bottom: 30px; height: 68px; font-size: 30px; line-height: 48px; font-weight: 300; color: #c2521c; padding-left: 64px; } #contact-form2 .form-group { position: relative; } #contact-form2 .form-group [class*="fa"] { display: block; width: 64px; position: absolute; top: 0; left: 5px; color: #c2521c; font-size: 32px; line-height: 68px; text-align: center; font-weight: 300; } #contact-form2.no-placeholder .form-group [class*="fa"] { top: 30px; } #contact-form2 textarea.form-control { height: auto; max-width: 100%; min-width: 100%; font-size: 30px; line-height: 42px; padding-top: 14px; } #contact-form .form-control:focus { border: none; outline: none; box-shadow: none; } #contact-form2 .form-control::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } #contact-form2 .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; } #contact-form2 .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; } #contact-form2 .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } #contact-form2 .error-message { background: red; padding: 10px 20px; position: absolute; top: -10px; right: -10px; font-size: 16px; font-weight: 400; }