/*All CSS Files*/ /*IE8 Bootstrap Fix*/ .ie8 .row { margin-left: -30px!important; *zoom: 1!important; } .ie8 .row:before, .ie8 .row:after { display: table!important; line-height: 0!important; content: ""!important; } .ie8 .row:after { clear: both!important; } .ie8 .container, .ie8 .navbar-static-top .container, .ie8 .navbar-fixed-top .container, .ie8 .navbar-fixed-bottom .container { width: 1170px!important; } .ie8 .span12 { width: 1170px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span11 { width: 1070px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span10 { width: 970px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span9 { width: 870px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span8 { width: 770px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span7 { width: 670px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span6 { width: 570px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span5 { width: 470px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span4 { width: 370px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span3 { width: 270px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span2 { width: 170px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .span1 { width: 70px!important; margin-left: 30px!important; float: left!important; min-height: 1px!important; } .ie8 .offset12 { margin-left: 1230px!important; } .ie8 .offset11 { margin-left: 1130px!important; } .ie8 .offset10 { margin-left: 1030px!important; } .ie8 .offset9 { margin-left: 930px!important; } .ie8 .offset8 { margin-left: 830px!important; } .ie8 .offset7 { margin-left: 730px!important; } .ie8 .offset6 { margin-left: 630px!important; } .ie8 .offset5 { margin-left: 530px!important; } .ie8 .offset4 { margin-left: 430px!important; } .ie8 .offset3 { margin-left: 330px!important; } .ie8 .offset2 { margin-left: 230px!important; } .ie8 .offset1 { margin-left: 130px!important; } .ie8 .row-fluid { width: 100%!important; *zoom: 1!important; } .ie8 .row-fluid:before, .ie8 .row-fluid:after { display: table!important; line-height: 0!important; content: ""!important; } .ie8 .row-fluid:after { clear: both!important; } .ie8 .row-fluid [class*="span"] { display: block!important; float: left!important; width: 100%!important; min-height: 30px!important; margin-left: 2.564102564102564%!important; *margin-left: 2.5109110747408616%!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .ie8 .row-fluid [class*="span"]:first-child { margin-left: 0!important; } .ie8 .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%!important; } .ie8 .row-fluid .span12 { width: 100%!important; *width: 99.94680851063829%!important; } .ie8 .row-fluid .span11 { width: 91.45299145299145%!important; *width: 91.39979996362975%!important; } .ie8 .row-fluid .span10 { width: 82.90598290598291%!important; *width: 82.8527914166212%!important; } .ie8 .row-fluid .span9 { width: 74.35897435897436%!important; *width: 74.30578286961266%!important; } .ie8 .row-fluid .span8 { width: 65.81196581196582%!important; *width: 65.75877432260411%!important; } .ie8 .row-fluid .span7 { width: 57.26495726495726%!important; *width: 57.21176577559556%!important; } .ie8 .row-fluid .span6 { width: 48.717948717948715%!important; *width: 48.664757228587014%!important; } .ie8 .row-fluid .span5 { width: 40.17094017094017%!important; *width: 40.11774868157847%!important; } .ie8 .row-fluid .span4 { width: 31.623931623931625%!important; *width: 31.570740134569924%!important; } .ie8 .row-fluid .span3 { width: 23.076923076923077%!important; *width: 23.023731587561375%!important; } .ie8 .row-fluid .span2 { width: 14.52991452991453%!important; *width: 14.476723040552828%!important; } .ie8 .row-fluid .span1 { width: 5.982905982905983%!important; *width: 5.929714493544281%!important; } .ie8 .row-fluid .offset12 { margin-left: 105.12820512820512%!important; *margin-left: 105.02182214948171%!important; } .ie8 .row-fluid .offset12:first-child { margin-left: 102.56410256410257%!important; *margin-left: 102.45771958537915%!important; } .ie8 .row-fluid .offset11 { margin-left: 96.58119658119658%!important; *margin-left: 96.47481360247316%!important; } .ie8 .row-fluid .offset11:first-child { margin-left: 94.01709401709402%!important; *margin-left: 93.91071103837061%!important; } .ie8 .row-fluid .offset10 { margin-left: 88.03418803418803%!important; *margin-left: 87.92780505546462%!important; } .ie8 .row-fluid .offset10:first-child { margin-left: 85.47008547008548%!important; *margin-left: 85.36370249136206%!important; } .ie8 .row-fluid .offset9 { margin-left: 79.48717948717949%!important; *margin-left: 79.38079650845607%!important; } .ie8 .row-fluid .offset9:first-child { margin-left: 76.92307692307693%!important; *margin-left: 76.81669394435352%!important; } .ie8 .row-fluid .offset8 { margin-left: 70.94017094017094%!important; *margin-left: 70.83378796144753%!important; } .ie8 .row-fluid .offset8:first-child { margin-left: 68.37606837606839%!important; *margin-left: 68.26968539734497%!important; } .ie8 .row-fluid .offset7 { margin-left: 62.393162393162385%!important; *margin-left: 62.28677941443899%!important; } .ie8 .row-fluid .offset7:first-child { margin-left: 59.82905982905982%!important; *margin-left: 59.72267685033642%!important; } .ie8 .row-fluid .offset6 { margin-left: 53.84615384615384%!important; *margin-left: 53.739770867430444%!important; } .ie8 .row-fluid .offset6:first-child { margin-left: 51.28205128205128%!important; *margin-left: 51.175668303327875%!important; } .ie8 .row-fluid .offset5 { margin-left: 45.299145299145295%!important; *margin-left: 45.1927623204219%!important; } .ie8 .row-fluid .offset5:first-child { margin-left: 42.73504273504273%!important; *margin-left: 42.62865975631933%!important; } .ie8 .row-fluid .offset4 { margin-left: 36.75213675213675%!important; *margin-left: 36.645753773413354%!important; } .ie8 .row-fluid .offset4:first-child { margin-left: 34.18803418803419%!important; *margin-left: 34.081651209310785%!important; } .ie8 .row-fluid .offset3 { margin-left: 28.205128205128204%!important; *margin-left: 28.0987452264048%!important; } .ie8 .row-fluid .offset3:first-child { margin-left: 25.641025641025642%!important; *margin-left: 25.53464266230224%!important; } .ie8 .row-fluid .offset2 { margin-left: 19.65811965811966%!important; *margin-left: 19.551736679396257%!important; } .ie8 .row-fluid .offset2:first-child { margin-left: 17.094017094017094%!important; *margin-left: 16.98763411529369%!important; } .ie8 .row-fluid .offset1 { margin-left: 11.11111111111111%!important; *margin-left: 11.004728132387708%!important; } .ie8 .row-fluid .offset1:first-child { margin-left: 8.547008547008547%!important; *margin-left: 8.440625568285142%!important; } /*Point Theme Version: 1.0.0*/ /*-----------------------------*/ /* *** animate.css *** */ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the O license (http://licence.visualidiot.com/) Copyright (c) 2012 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } /* *** nivo-slider.css *** */ /* * jQuery Nivo Slider v3.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { width:34px!important; height:34px!important; display:block; margin:-17px 0 0 0!important; top:50%!important; bottom:auto!important; position:absolute!important; background-color:#a1a1a1!important; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; cursor:pointer; z-index:99; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: background-color 300ms, opacity 300ms; -webkit-transition:background-color 300ms, opacity 300ms; -moz-transition:background-color 300ms, opacity 300ms; -o-transition:background-color 300ms, opacity 300ms; } .nivo-directionNav a:before { content:''!important; width:44px!important; height:44px!important; display:block!important; position:absolute!important; left:-5px!important; top:-5px!important; overflow:hidden!important; } .nivoSlider:hover .nivo-directionNav a { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .nivo-prevNav { background-image:none!important; left:5px!important; right:auto!important; } .nivo-prevNav:before { background-image:url(../img/slider_prev.png)!important; border-top-right-radius:2px; border-bottom-right-radius:2px; } .nivo-nextNav { background-image:none!important; right:5px!important; left:auto!important; } .nivo-nextNav:before { background-image:url(../img/slider_next.png)!important; border-top-left-radius:2px; border-bottom-left-radius:2px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*CustomCSS*/ .nivo-controlNav {display:none!important;} /* REVOLUTION SLIDER */ /* *** fullwidth.css *** */ /*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }*/ html { overflow-x:hidden; padding: 0 !important; background:#fff; margin:0px !important; } .fullwidthbanner-container{ width:100% !important; position:relative; padding:0; max-height:520px !important; overflow:hidden; background: #222a37; } /* *** responsive.css *** */ .bannercontainer { padding:0px; background-color:#fff; width:1170px; position:relative; position:relative; margin-left:auto; margin-right:auto; } .banner { width:1170px; height:490px; position:relative; overflow:hidden; } .right-sidebar .banner, .right-sidebar .bannercontainer, .left-sidebar .banner, .left-sidebar .bannercontainer { width:870px; height:364px; } @media only screen and (min-width: 960px) and (max-width: 1200px) { .bannercontainer, .banner { width:940px; height:394px; } .right-sidebar .banner, .right-sidebar .bannercontainer, .left-sidebar .banner, .left-sidebar .bannercontainer { width:700px; height:293px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .banner, .bannercontainer { width:724px; height:303px; } .right-sidebar .banner, .right-sidebar .bannercontainer, .left-sidebar .banner, .left-sidebar .bannercontainer { width:538px; height:225px; } .Company-profile h3{ margin-left: 100px !important; } .Company-profile p{ margin-left: 0px!important; width: 100%!important; } .compny-btn{ margin-left: 270px!important; } footer{ height: auto!important; } .addressinfo{ margin-left: 0px!important; } #footer_bar > div:nth-child(3) > div > h3{ margin-left: 0px!important; } .feedback_form input,.feedback_form textarea{ width: auto!important; } .blue-section h3, .inblue-section h3, .green-section h3, .orange-section h3 { font-size: 17px!important; margin-left: 93px!important; } .blue-section, .inblue-section, .green-section, .orange-section { height: 99px!important; margin-bottom: 12px; } .blue-section img, .inblue-section img, .green-section img, .orange-section img { margin-left: 0px!important; padding: 0 19px 17px 10px!important; width: 15%; } .quick{ font-size: 19px!important; } header .slogan { display:none!important; } header nav { display:none!important; } header .mobile_menu { background:#2c2c2c url(../img/bg_pattern3.png) repeat; position:static; } header .mobile_menu li { padding:2px 0 0 0; position:relative; } header .mobile_menu li::before { content:''; display:block; width:100%; height:2px; background:url(../img/menu_seperator2.png) repeat-x; position:absolute; left:0; bottom:0; } header .mobile_menu > li > a { font-size:14px; text-transform:uppercase; font-weight:bold; color:#f3f3f3; } header .mobile_menu > li > ul.sub-menu li a { padding-left:45px!important; } header .mobile_menu > li > ul.sub-menu li ul.sub-menu li a { padding-left:65px!important; } header .mobile_menu li a { padding:10px 25px; line-height:20px; font-size:12px; color:#fff; display:block; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } header .mobile_menu li a span { display:none!important;} a.menu_toggler { display:block; position:absolute; top:27px; right:0px; width:40px; height:40px; background:url(../img/menu_btn.png) no-repeat; } header .mobile_menu li ul.sub-menu { display:block!important; visibility:visible!important; position:static!important; width:100%!important; } header .mobile_menu > li { width:100%!important; } a.menu_toggler{ display: block!important; height: 40px; position: absolute; right: 10px; top: 18px; width: 40px; } .portal, .trader{ display: none!important; } .portals, .traders{ display:block !important; } .header_search_block, .header_social_block, .portal, .trader{ display: none!important; } .header_language_block > a { height: 44px; left: -40px!important; position: absolute; top: 18px!important; width: 44px; } .language img { margin-top: 18px!important; padding-right: 28px !important; width: 57%; } header .mobile_menu_wrapper {background: transparent!important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .banner, .bannercontainer { width:420px; height:176px; } .right-sidebar .banner, .right-sidebar .bannercontainer, .left-sidebar .banner, .left-sidebar .bannercontainer { width:420px; height:176px; } .blue-section h3, .inblue-section h3, .green-section h3, .orange-section h3 { font-size: 17px!important; margin-left: 93px!important; } .blue-section, .inblue-section, .green-section, .orange-section { height: 99px!important; margin-bottom: 12px; width: 300px!important; } .blue-section img, .inblue-section img, .green-section img, .orange-section img { margin-left: 0px!important; padding: 0 19px 17px 10px!important; width: 15%; } .quick{ font-size: 19px!important; } header .slogan { display:none!important; } header nav { display:none!important; } header .mobile_menu { background:#2c2c2c url(../img/bg_pattern3.png) repeat; position:static; } header .mobile_menu li { padding:2px 0 0 0; position:relative; } header .mobile_menu li::before { content:''; display:block; width:100%; height:2px; background:url(../img/menu_seperator2.png) repeat-x; position:absolute; left:0; bottom:0; } header .mobile_menu > li > a { font-size:14px; text-transform:uppercase; font-weight:bold; color:#f3f3f3; } header .mobile_menu > li > ul.sub-menu li a { padding-left:45px!important; } header .mobile_menu > li > ul.sub-menu li ul.sub-menu li a { padding-left:65px!important; } header .mobile_menu li a { padding:10px 25px; line-height:20px; font-size:12px; color:#fff; display:block; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } header .mobile_menu li a span { display:none!important;} a.menu_toggler { display:block; position:absolute; top:27px; right:0px; width:40px; height:40px; background:url(../img/menu_btn.png) no-repeat; } header .mobile_menu li ul.sub-menu { display:block!important; visibility:visible!important; position:static!important; width:100%!important; } header .mobile_menu > li { width:100%!important; } .header_search_block, .header_social_block, .portal, .trader{ display: none!important; } .header_language_block > a { height: 44px; left: -40px!important; position: absolute; top: 18px!important; width: 44px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .banner, .bannercontainer { width:300px;height:126px; } .right-sidebar .banner, .right-sidebar .bannercontainer, .left-sidebar .banner, .left-sidebar .bannercontainer { width:300px;height:126px; } #footer_bar > div:nth-child(3) > div > h3{ margin-left: 0px!important; } .addressinfo{ margin-left: 0px!important; } footer{ height: auto!important; } .fullwidthbanner-container{ float: none!important; } .Company-profile h3{ font-size: 17px!important; margin-left: 0px!important; padding-right:10px!important; } .Company-profile p{ margin-left:0px!important; width: 100%!important; } .compny-title h4{ float:none!important; font-size: 14px!important; } .blue-section h3, .inblue-section h3, .green-section h3, .orange-section h3 { font-size: 17px!important; margin-left: 93px!important; padding-top: 15px!important; } .blue-section, .inblue-section, .green-section, .orange-section { height: 99px!important; margin-bottom: 12px; width: 300px!important; } .blue-section img, .inblue-section img, .green-section img, .orange-section img { margin-left: 0px!important; padding: 10px 19px 17px 10px !important; width: 15%; } .quick{ font-size: 19px!important; } .compny-btn { margin-bottom: -21px !important; margin-left: 60px !important; } .carousel-wrap li{ width:300px!important; } .footer_tools{ float: none!important; } .tp-button.red{ font-size: 11px!important; } .rev_slider_wrapper:hover .tparrows{ display: none; } .tp-button{ font-size: 14px!important; } .tp-button.red { background-color: #a41e34 !important; border: medium none !important; border-radius: 0; box-shadow: none !important; color: white !important; display: inline-block; float: left; font-weight: 400; margin-left: 0 !important; margin-top: 5px !important; padding: 0px 15px 10px 10px !important; text-align: center; text-decoration: none; height: 20px!important; line-height: 28px!important; } .shortcode_tab_item_title{ font-size: 12px!important; } .header_search_block, .header_social_block, .portal, .trader{ display: none!important; } header .logo img{ width: 70%!important; } .header_language_block > a { height: 44px; left: -40px!important; position: absolute; top: 18px!important; width: 44px; } .inblue-section, .green-section, .orange-section{ margin-top: 0px!important; } .designdevlp p{ margin-left: 52px!important; float: none!important; } #breadcrumb-menu-header-menu-1 { padding-left: 0px!important; } .all_body_cont{ padding-left: 0px!important; } .recognitions ul li{ margin-bottom: 0px!important; padding-right: 3px!important; } #footer_bar{ display: inline-block; } .footline{ margin-top: 60px; } .feedback_form { margin-bottom: 23px; } .menu-footer-menu-container { margin-bottom: 57px; } .compny-btn{ margin-left: 60px!important; } } /* *** tipsy.css *** */ .tipsy { font-size: 13px; position:absolute; padding: 0 0 8px 0; z-index: 100000; } .tipsy-inner { background:#292929 url(../img/bg_pattern3.png) repeat; border-radius:2px!important; max-width: 200px; padding: 8px 15px; text-align: center; font-size:13px; text-transform:none; line-height:16px; color:#5c5c5c; display: none; } /* Rounded corners */ .tipsy-inner { /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; */} /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #3d3d3d; } .tipsy-arrow-s { border:none!important; background:url(../img/arrow_tipsy.png) no-repeat; width:8px; height:8px; display:block; } /*.tipsy-arrow-s .tipsy-inner {color:#3d3d3d;}*/ .tipsy-arrow-e { border-left-color: #3d3d3d; } .tipsy-arrow-w { border-right-color: #3d3d3d; } .tipsy-e { margin-left:-10px} .tipsy-w { margin-left:10px} .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-s { margin-top:-7px;} .tipsy-n {margin-top:7px} /* *** prettyPhoto.css *** */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/s.blue-section h3, .inblue-section h3, .green-section h3 { font-size: 19px; margin-left: 93px; }prite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* prettyPhoto styling for small screens */ @media only screen and (max-width: 767px) { .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; } a.pp_close { right: 10px!important; top: 10px!important; } div.pp_default div .pp_content {min-height: 50px;} } /* *** portfolio_isotope.css *** */ /*All Resolutions =================*/ .filter_img { overflow:hidden; } .portfolio_block { margin-bottom:0!important } .filter_block, .filter_navigation, .filter_navigation ul, .filter_navigation ul li ul { display:inline-block!important; width:auto!important; } .filter_navigation { margin-bottom:32px!important; } .filter_navigation ul, .filter_navigation ul li ul { padding:0!important; margin:0!important; list-style:none!important; } .filter_navigation ul li, .filter_navigation ul li ul li { padding:0!important; margin:0!important; } .filter_navigation ul li:before, .filter_navigation ul li ul li:before { content:''!important; padding:0!important; } .filter_navigation ul li ul { background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; overflow:hidden; border-radius:2px; } .filter_navigation ul li ul li { display:inline-block; float:left; position:relative; } .filter_navigation ul li ul li a { background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; padding:8px 12px 8px 14px; text-transform:uppercase; color:#e4e4e4; font-weight:bold; display:block; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .filter_navigation ul li ul li a:hover { background-color:#454545; color:#e4e4e4!important; } .filter_navigation ul li ul li a:before { content:''; width:2px; height:100%; position:absolute; display:block; left:0px; top:0px; z-index:5; background:url(../img/menu_seperator.png) repeat-y; } .filter_navigation ul li ul li.selected a { color:#ffffff!important; } .filter_navigation ul li ul li:first-child a { padding-left:12px!important; } .filter_navigation ul li ul li:first-child a:before { content:''; display:none!important; } .image-grid .element { background:none; overflow:hidden; display:inline-block; margin-bottom:30px; } .filter_img { position:relative; } .filter_img img { display:block; width:100%; height:auto; } /*Widths*/ .columns1 { margin:0 0 0 0px!important; width:1170px; } .columns1 .filter_img { overflow:hidden; border-radius:2px!important; } .columns1 .element { width:100%; margin-left: 0; min-height:284px; } .columns2, .columns3, .columns4 { margin:0 0 0 -30px!important; width:1200px; } .columns2 .filter_img, .columns3 .filter_img, .columns4 .filter_img { overflow:hidden; border-radius:2px; } .columns2 .element .portfolio_info_wrapper, .columns2 .element .portfolio_dscr, .columns3 .element .portfolio_info_wrapper, .columns3 .element .portfolio_dscr, .columns4 .element .portfolio_info_wrapper, .columns4 .element .portfolio_dscr { background:#454545 url(../img/bg_pattern3.png) repeat 0 0; } .columns1 .element .portfolio_preview_head:before, .columns2 .element .portfolio_info_wrapper:before, .columns3 .element .portfolio_dscr:after, .columns4 .element .portfolio_dscr:after { content:''; background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; position:absolute; left:0px; top:0px; width:84px; height:100%; display:block; z-index:3; } .columns2 .element { width:570px; margin:0 0 30px 30px; min-height:400px; float:left; display:inline-block; } .columns2 .element img { display:block; } .columns3 .element { width:370px; margin-left:30px; min-height:260px; } .columns4 .element { width:270px; margin-left:30px; min-height:200px; } .filter_navigation { overflow:hidden } /*Portfolio Description*/ .columns1 .portfolio_preview_head { border-radius:2px!important; overflow:hidden; margin-bottom:15px; } .columns1 .portfolio_preview_head { background:#454545 url(../img/bg_pattern3.png) repeat 0 0; min-height: 58px; padding: 16px 17px 10px 103px; position: relative; } .columns1 .more-link { font-size:13px; } .columns1 .portfolio_preview_head h5 { margin: 0 0 7px 0!important; color:#f3f3f3; text-transform:uppercase; font-weight:bold; transition: color 400ms; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; } .columns1 .portfolio_preview_head .portfolio_descr_in, .columns1 .portfolio_preview_head .portfolio_descr_in a { font-size:12px; line-height:16px; color:#a1a1a1; } .columns1 .portfolio_preview_head .portfolio_descr_info { display:block; } .columns1 .portfolio_preview_head .portfolio_descr_info div { display:inline-block; } .columns1 .portfolio_preview_head .portfolio_descr_info div:before { content:':'; padding:0 10px 0 9px; color:#757474; font-size:12px; line-height:16px; } .columns1 .portfolio_preview_head .portfolio_descr_info div:first-child:before { content:''!important; padding:0!important; } .columns1 .portfolio_preview_head .portfolio_descr_info div { font-size:12px; line-height:16px; color:#a1a1a1; } .columns1 .portfolio_preview_head .portfolio_descr_info div a, .columns1 .portfolio_preview_head .portfolio_descr_info div span, .columns1 .portfolio_preview_head .portfolio_descr_in a { color:#f3f3f3; } .columns2 .portfolio_info_wrapper { border-bottom:#1c1c1c 2px solid; min-height: 58px; padding: 16px 17px 10px 103px; position: relative; } .columns2 .portfolio_info_wrapper h5 { margin: 0 0 7px 0!important; color:#f3f3f3; text-transform:uppercase; font-weight:bold; } .columns2 .portfolio_info_wrapper .portfolio_descr_info { overflow:hidden; } .columns2 .portfolio_info_wrapper .portfolio_descr_info div { display:inline-block; float:left; } .columns2 .portfolio_info_wrapper .portfolio_descr_info div:before { content:':'; padding:0 13px 0 12px; color:#757474; font-size:12px; line-height:16px; } .columns2 .portfolio_info_wrapper .portfolio_descr_info div:first-child:before { content:''!important; padding:0!important; } .columns2 .portfolio_info_wrapper .portfolio_descr_info div { font-size:12px; line-height:16px; color:#a1a1a1; } .columns2 .portfolio_info_wrapper .portfolio_descr_info div a, .columns2 .portfolio_info_wrapper .portfolio_descr_info div span { color:#f3f3f3; } .columns2 .portfolio_dscr { position:relative; padding:15px 22px 20px 22px; color:#a1a1a1; } .columns2 .portfolio_dscr a { color:#f3f3f3; } .columns2 .portfolio_dscr:before { width:100%; height:1px; background:#ffffff; position:absolute; top:0px; left:0px; display:block; content:''; opacity: 0.09; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=9); z-index:7; } .ie8 .columns2 .portfolio_dscr:before { background:#545454; } .columns2 .portfolio_descr_in { color:#a1a1a1; } .columns2 .portfolio_descr_in a { color:#f3f3f3; } .columns3 .portfolio_info_wrapper, .columns4 .portfolio_info_wrapper { background:#454545 url(../img/bg_pattern3.png) repeat 0 0; display:block; padding:15px 20px 13px 20px; border-bottom:#1c1c1c 2px solid; } .columns3 .portfolio_info_wrapper h5, .columns4 .portfolio_info_wrapper h5 { color:#f3f3f3; margin:0!important; font-weight:bold; } .exc a:hover{ color:#ffffff !important; } .carouselslider ul li .item:hover h5 a{ background-color: #a41e34 !important; color: white !important; } .columns2 .portfolio_info_wrapper h5 a, .columns3 .portfolio_info_wrapper h5 a, .columns4 .portfolio_info_wrapper h5 a { color:#f3f3f3; text-transform:uppercase; font-weight:bold; } .columns3 .portfolio_dscr, .columns4 .portfolio_dscr { min-height: 58px; padding: 14px 16px 12px 104px; position: relative; } .columns3 .portfolio_dscr, .columns3 .portfolio_dscr p, .columns4 .portfolio_dscr, .columns4 .portfolio_dscr p { color:#a1a1a1; } .columns3 .portfolio_dscr a, .columns4 .portfolio_dscr a { color:#f3f3f3; } .columns3 .portfolio_dscr:before, .columns4 .portfolio_dscr:before { width:100%; height:1px; background:#ffffff; position:absolute; top:0px; left:0px; display:block; content:''; opacity: 0.09; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=9); z-index:7; } .ie8 .columns3 .portfolio_dscr:before, .ie8 .columns4 .portfolio_dscr:before { background:#545454; } /*Portfolio Post Icons*/ .columns1 .element .post_type:before, .columns2 .element .post_type:before, .columns3 .element .post_type:before, .columns4 .element .post_type:before { background: url(../img/arrow.png) no-repeat scroll 0 0 transparent; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 21px; width: 8px; } .columns1 .element .post_type, .columns2 .element .post_type, .columns3 .element .post_type, .columns4 .element .post_type { background-position: 0 0; background-repeat: no-repeat; display: block; width: 84px; height: 84px; left: 0; top: 0; z-index:5; position: absolute; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .columns1 .element .post_type_image, .columns2 .element .post_type_image, .columns3 .element .post_type_image, .columns4 .element .post_type_image { background-image:url(../img/icons/post_type-image.png); } .columns1 .element .post_type_slider, .columns2 .element .post_type_slider, .columns3 .element .post_type_slider, .columns4 .element .post_type_slider{ background-image:url(../img/icons/post_type-slider.png); } .columns1 .element .post_type_text, .columns2 .element .post_type_text, .columns3 .element .post_type_text, .columns4 .element .post_type_text { background-image:url(../img/icons/post_type-text.png); } .columns1 .element .post_type_link, .columns2 .element .post_type_link, .columns3 .element .post_type_link, .columns4 .element .post_type_link { background-image:url(../img/icons/post_type-link.png); } .columns1 .element .post_type_video, .columns2 .element .post_type_video, .columns3 .element .post_type_video, .columns4 .element .post_type_video { background-image:url(../img/icons/post_type-video.png); } .btn_load_more:hover { color:#3d3d3d!important; } .left-sidebar .columns1, .right-sidebar .columns1 { width:870px; } .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:900px; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element { width:420px; } .left-sidebar .columns3 .element, .right-sidebar .columns3 .element { width:270px; } .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:195px; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; transition: none; } /* *** Style.css *** */ /*-- iPhone Fixes --*/ input, textarea, button { outline:none!important; background:none; border-radius:0; box-shadow:none!important; -webkit-appearance: none!important; } * { outline:none!important; } ::selection { color:#ffffff; opacity:1; } ::-moz-selection { color:#ffffff; opacity:1; } /*-- Main Styles --*/ body { padding:0; margin:0; width:100%; height:100%; } body { background:#ffffff; overflow-x:hidden; text-align:center; position:relative; } .user_bg_layout body { background:none; overflow-x:hidden; text-align:center; z-index:auto; } .user_pic_layout body { background:none!important; } form, body, iframe { margin: 0; padding: 0; } img, table, iframe { border: 0;} p { margin-top:0; margin:0 0 5px 0; } table { border-collapse:collapse;} table td { padding:0;} .h100 { height:100%;} a { text-decoration:none; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } a:hover { text-decoration:none; } ul { list-style:none; margin:0; padding:0 } #preloader { position:fixed; left:50%; top:50%; margin:-15px 0 0 -15px; display:block; } /*H E A D E R --------------*/ .main_wrapper { width:1170px; padding:25px 30px 0 30px; background:#ffffff; display:block; margin:0 auto 6px auto; } .user_bg_layout .main_wrapper { box-shadow:rgba(0, 0, 0, 0.36) 0px 0px 10px; border-radius:2px; } @media only screen and (max-width: 1200px) { .main_wrapper { width:940px; /*padding:47px 20px 0 20px;*/ } } header { position:relative; min-height:215px; margin-bottom:0px; text-align:left; } hr.headline { border:none; background:#2c2c2c url(../img/bg_pattern3.png) repeat; display:block; position:absolute; left:0; top:0; height:6px; width:100%; } header .logo { float:left; margin:6px 14px 11px 0; display:inline-block; } header .logo img { display:block; width: 100%; } header .slogan { padding:0px 0 6px 20px; height:42px; display:inline-block; position:relative; float:left; color:#2c2c2c; font-size:12px; line-height:14px; } header .slogan span { display: block; font-size: 21px; font-weight: 700; line-height: 18px; padding-top: 32px; text-transform: uppercase; } header .slogan hr { background: #d5d5d5 none repeat scroll 0 0; border: medium none; height: 110px; left: 0; position: absolute; top: 0px; width: 1px; } header .header_tools { display:inline-block; float:right; } .header_cart_content, .header_social_content, .header_search_content { display:block; width:1px; overflow:hidden; float:left; height:54px; transition: width 400ms, opacity 300ms; -webkit-transition: width 400ms, opacity 300ms; -moz-transition: width 400ms, opacity 300ms; -o-transition: width 400ms, opacity 300ms; } .header_search_block, .header_social_block, .header_cart_block { display:inline-block; float:left; margin-left:5px; padding-left:44px; min-width:10px; height:54px; position:relative; margin-bottom: 15px; } .header_search_block > a, .header_social_block > a, .header_cart_block > a { display:inline-block; width:44px; height:44px; position:relative; /*background:#e4e4e4; url(../img/btn_topbtn_bg.png) repeat*/ position:absolute; left:5px; top:5px; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .header_search_block > a:before, .header_social_block > a:before, .header_cart_block > a:before { content:''; display:block; position:absolute; left:-5px; top:-5px; width:54px; height:54px; border-radius:2px; overflow:hidden; } .header_search_block > a:before { background:url(../img/btn_top_search.png) no-repeat; margin-left: -2px; } .header_social_block > a:before { background:url(../img/btn_top_social.png) no-repeat; } .header_cart_block > a:before { background:url(../img/btn_top_cart.png) no-repeat; } .header_social_block .header_social_content { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .header_social_block .header_social_content, .header_cart_block.toggled .header_cart_content, .header_search_block.toggled .header_search_content { display:block; /*background:url(../img/bg_pattern3.png) repeat;*/ height:54px; position:relative; z-index:2; padding-left:10px; border-top-right-radius:2px; border-bottom-right-radius:2px; } .header_social_block .header_social_content:before, .header_cart_block.toggled .header_cart_content:before, .header_search_block.toggled .header_search_content:before { content:''; width:10px; height:54px; display:block; position:absolute; left:0px; top:0px; background:url(../img/header_tools_arrow.png) no-repeat; } .header_cart_block.toggled .header_cart_content { display:block; width:78px; } .header_cart_content .cart_cost { color:#ffffff; font-size:14px; line-height:16px; font-weight:bold; padding:12px 0 0 13px; display:block; } .header_cart_content .cart_count { color:#ffffff; font-size:12px; line-height:14px; font-weight:normal; padding:1px 0 0 13px; display:block; } .header_social_block .header_social_content { display:block; /*width:452px;*/ overflow:hidden; } .header_social_content ul { padding:11px 0 0 8px; height:32px; display:block; } .header_social_content ul li { width:32px; height:32px; display:inline-block; margin-left:4px; float:left; margin-bottom:11px; } .header_social_content ul li a { width:32px; height:32px; display:block; background-color:#e4e4e4; border-radius:2px; background-position:0 0; background-repeat:no-repeat; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .header_social_block.head_hided .header_social_content:before { display:none; } .header_social_block.head_hided .header_social_content { width:1px!important; padding-left:0px!important; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } a.ico_header-facebook { background-image:url(../img/icons/ico_header-facebook.png); } a.ico_header-twitter { background-image:url(../img/icons/ico_header-twitter.png); } a.ico_header-flickr { background-image:url(../img/icons/ico_header-flickr.png); } a.ico_header-vimeo { background-image:url(../img/icons/ico_header-vimeo.png); } a.ico_header-tumblr { background-image:url(../img/icons/ico_header-tumblr.png); } a.ico_header-delicious { background-image:url(../img/icons/ico_header-delicious.png); } a.ico_header-pinterest { background-image:url(../img/icons/ico_header-pinterest.png); } a.ico_header-dribbble { background-image:url(../img/icons/ico_header-dribbble.png); } a.ico_header-instagram { background-image:url(../img/icons/ico_header-instagram.png); } a.ico_header-youtube { background-image:url(../img/icons/ico_header-youtube.png); } a.ico_header-gplus { background-image:url(../img/icons/ico_header-gplus.png); } a.ico_header-linked { background-image:url(../img/icons/ico_header-linked.png); } .header_search_block .header_search_content { display:block; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .header_search_block.toggled .header_search_content { padding:0 20px 0 30px; width:242px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .header_search_block .header_search_content .field_search { width:240px!important; height:16px!important; font-size:14px!important; line-height:16px!important; background:none!important; border:none!important; padding:0!important; margin:19px 0!important; box-shadow:none!important; color:#ffffff!important; } header nav { width:100%; height: 60px !important; min-height: 60px; background:#2c2c2c; } /*.fs-slider header nav { background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; url("../../../uploads/2016/06/Menu-Band.jpg") repeat 0 0 } */ .user_bg_layout header nav { background:none!important; } header nav ul.menu { margin:0; padding:0; list-style:none; position:relative; z-index:300; } header nav ul.menu > li { min-height:60px; display:inline-block; float:left; position:relative; height: 60px!important; } header nav ul.menu > li > a:before { content:''; height:60px; width:2px; display:block; position:absolute; left:0px; top:0px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); background:url(../img/menu_seperator.png) repeat-y; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } header nav ul.menu > li:first-child > a:before { display:none!important; } .fs-slider header nav ul.menu > li:first-child > a:before { display:block!important; } header nav ul.menu > li.current-menu-parent > a:before { /*opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ } header nav ul.menu > li:first-child > a { border-top-left-radius:2px; border-bottom-left-radius:2px; overflow:hidden; } .fs-slider header nav ul.menu > li:last-child > a:after { content:''; height:90px; width:2px; display:block; position:absolute; right:0px; top:0px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); background:url(../img/menu_seperator.png) repeat-y; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .user_bg_layout header nav ul.menu > li:first-child > a:before { display:none; } .user_bg_layout header nav ul.menu > li:last-child > a:after { display:none; } header nav ul.menu > li:last-child > a { border-top-right-radius:2px; border-bottom-right-radius:2px; overflow:hidden; } .fs-slider header nav ul.menu > li:first-child > a { border-top-left-radius:0px!important; border-bottom-left-radius:0px!important; overflow:hidden; height: 40px; } .fs-slider header nav ul.menu > li:last-child > a { border-top-left-radius:0px!important; border-bottom-left-radius:0px!important; overflow:hidden; } header nav ul.menu > li > a { display:block; height:36px; padding:20px 35px 0 24px; position:relative; background:#2c2c2c url(../img/bg_pattern3.png) repeat; color:#e4e4e4; font-size:14px; line-height:14px; text-align: center; font-weight:bold; text-decoration:none!important; text-transform:uppercase; transition: background-color 300ms, color 300ms; -webkit-transition: background-color 300ms, color 300ms; -moz-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; } header nav ul.menu > li > a:hover, header nav ul.menu > li:hover > a { background-color:#454545; color:#f3f3f3!important; } header nav ul.menu > li > a span { display:block; padding:10px 0 0 0; margin:0; font-size:12px; line-height:12px; color:#787878; text-transform:none!important; } header nav ul.menu > li > a:hover span, header nav ul.menu > li:hover > a span { color:#a1a1a1; } header nav ul.menu > li.current-menu-parent > a, header nav ul.menu > li.current-menu-item > a, header nav ul.menu > li.current-menu-ancestor > a, header nav ul.menu > li.current-menu-parent > a span, header nav ul.menu > li.current-menu-item > a span, header nav ul.menu > li.current-menu-ancestor > a span { color:#ffffff; } header nav ul.menu > li > ul.sub-menu { top:55px; left:0; display:none; } header nav ul.menu > li > ul.sub-menu:before { content:''; display:block; width:8px; height:8px; position:absolute; top:-8px; left:27px; background:url(../img/menu_arrow.png) no-repeat; } header ul.sub-menu { /*background:#2c2c2c url(../img/bg_pattern3.png) repeat;*/ position:absolute; } header ul.sub-menu li a { background:#2c2c2c url(../img/bg_pattern3.png) repeat; padding:12px 25px 10px 25px; line-height:20px; font-size:12px; color:#a1a1a1; display:block; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } header ul.sub-menu { position:absolute; } header ul.sub-menu li { position:relative; } header ul.sub-menu li:before { content:''; display:block; width:100%; height:2px; background:url(../img/menu_seperator2.png) repeat-x; position:absolute; left:0; top:0; } header ul.sub-menu > li:first-child { padding:0!important; } header ul.sub-menu > li:first-child:before { display:none!important; } header ul.sub-menu li ul.sub-menu { position:absolute; padding-left:2px!important; left:auto; right:-170px; top:0px; margin-left:2px!important; width:168px; } header nav ul.menu > li:hover > ul.sub-menu { display:block!important; } header nav ul.menu > li:hover > ul.sub-menu > li > ul.sub-menu { display:none!important; } header nav ul.menu > li:hover > ul.sub-menu > li:hover > ul.sub-menu { display:block!important; } .dn { display: none; } /*Footer ---------*/ .pre_footer { width:100%; text-align:center; background:#f5f4f4; display:block; margin:0 auto; /*border-top:1px solid #c3c3c3;*/ padding:35px 0px; /*margin-top: -31px; */ } .pre_footer .container { margin:0 auto; } .user_bg_layout .pre_footer { width:1170px; padding:35px 30px; box-shadow:rgba(0, 0, 0, 0.36) 0px 0px 10px; border-radius:2px; border:none!important; } @media only screen and (max-width: 1200px) { .pre_footer { width:100%; padding:25px 0px; } .user_bg_layout .pre_footer { width:940px; padding:25px 20px; } } .pre_footer .sidepanel { margin-bottom:0!important; } #footer_bar { text-align:left; } .designdevlp{ color: #fff; margin-left: -30px; } .designdevlp p{ text-align: center; margin-left: 0; color: #fff; font-weight: 300; margin-top: 30px; } .designdevlp a{ font-weight: 300; color: #fff!important; } footer { position:relative; background:#000116; /*box-shadow:inset rgba(0, 0, 0, 0.36) 0px 0px 10px;*/ height: 82px; } .user_bg_layout footer { background:none; box-shadow:none!important; } footer hr { border:none; background:url(../img/bg_pattern3.png) repeat; display:block; position:absolute; left:0; bottom:0; height:6px; width:100%; } .footer_wrapper { width:1170px; /*padding:42px 0 47px 0;*/ display:block; text-align:left; } .user_bg_layout .footer_wrapper { width:1230px; padding:42px 0 47px 0; } .user_pic_layout .footer_wrapper { width:1170px; padding:37px 30px 47px 30px; margin-top:6px; background:#ffffff; border-top-left-radius:2px; border-top-right-radius:2px; overflow:hidden; } .user_pic_layout .footer_wrapper .copyright hr { background:#bebebe!important; } @media only screen and (max-width: 1200px) { .footer_wrapper { width:940px; padding:42px 0 47px 0; } .user_bg_layout .footer_wrapper { width:980px; padding:42px 0 47px 0; } .user_pic_layout .footer_wrapper { width:940px; padding:37px 20px 47px 20px; margin-top:6px; background:#ffffff; border-top-left-radius:2px; border-top-right-radius:2px; overflow:hidden; } .user_pic_layout .footer_wrapper .copyright hr { background:#bebebe!important; } } .user_pic_layout .footer_search_block > a, .user_pic_layout .footer_social_block > a { background-color:#e4e4e4!important; } .user_pic_layout .footer_social_content ul li a { background-color:#e4e4e4!important; } .user_pic_layout .footer_search_block .footer_search_content .field_search { color:#e4e4e4; } footer .logo { float:left; margin-right:14px; display:inline-block; } footer .logo img { display:block; width: 100%; margin-top: 15px; } footer .copyright { color: #fff; display: inline-block; float: right; font-size: 12px; line-height: 14px; min-height: 42px; padding: 30px 0 0 10px; position: relative; } footer .copyright span { display:block; color:#2c2c2c; font-size:14px; line-height:16px; text-transform:uppercase; font-weight:bold; } footer .copyright hr { margin:0; padding:0; border:none; width:1px; height:42px; position:absolute; top:6px; left:0px; display:block; background:#454545; } /*Footer Tools*/ .footer_tools { display:block; float:right; margin-right: -14px!important; } .footer_social_content, .footer_search_content { display:block; width:1px; overflow:hidden; float:left; height:54px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: width 400ms, opacity 400ms; -webkit-transition: width 400ms, opacity 400ms; -moz-transition: width 400ms, opacity 400ms; -o-transition: width 400ms, opacity 400ms; } .footer_search_block, .footer_social_block { display:inline-block; float:left; margin-left:5px; padding-left:44px; min-width:10px; height:54px; position:relative; } .footer_search_block > a, .footer_social_block > a { display:inline-block; width:44px; height:44px; position:relative; background:#5c5c5c; position:absolute; left:5px; top:5px; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .footer_search_block > a:hover, .footer_social_block > a:hover { background:#7c7c7c; } .footer_search_block > a:before, .footer_social_block > a:before { border-radius:2px; overflow:hidden; content:''; display:block; position:absolute; left:-10px; top:-5px; width:54px; height:54px; } .footer_search_block > a:before { background:url(../img/btn_footer_search.png) no-repeat; } .footer_social_block > a:before { background:url(../img/btn_footer_social.png) no-repeat; } .footer_social_block .footer_social_content, .footer_search_block .footer_search_content { display:block; /*background:#3b3b3b url(../img/bg_pattern2.png) repeat;*/ background:#a41e34 url(../img/bg_pattern2.png) repeat; height:54px; position:relative; z-index:2; border-radius:2px; } .footer_social_block .footer_social_content, .footer_search_block.toggled .footer_search_content { padding-left:10px; } .footer_social_block .footer_social_content:before, .footer_search_block.toggled .footer_search_content:before { content:''; width:10px; height:54px; display:block; position:absolute; left:0px; top:0px; background:url(../img/footer_tools_arrow.png) no-repeat; } .footer_social_block .footer_social_content { display:block; overflow:hidden; opacity: 1; width: 100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .footer_social_content ul { padding:11px 0 0 8px; height:32px; display:block; } .footer_social_content ul li { width:32px; height:32px; display:inline-block; margin-left:4px; float:left; margin-bottom:11px; } .footer_social_content ul li a { width:24px; height:24px; margin:4px; display:block; position:relative; background-color:#fff!important; background-repeat:no-repeat; background-image:none!important; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .footer_social_content ul li a:before { content:''; background-position:0 0; background-repeat:no-repeat; overflow:hidden; border-radius:2px; width:32px; height:32px; position:absolute; left:-4px; top:-4px; z-index:5; } .footer_social_block.head_hided .footer_social_content:before { display:none; } .footer_social_block.head_hided .footer_social_content { width:1px!important; padding-left:0px!important; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .footer_social_content a.ico_header-facebook:before { background-image:url(../img/icons/ico_header-facebook.png); } .footer_social_content a.ico_header-twitter:before { background-image:url(../img/icons/ico_header-twitter.png); } .footer_social_content a.ico_header-flickr:before { background-image:url(../img/icons/ico_header-flickr.png); } .footer_social_content a.ico_header-vimeo:before { background-image:url(../img/icons/ico_header-vimeo.png); } .footer_social_content a.ico_header-tumblr:before { background-image:url(../img/icons/ico_header-tumblr.png); } .footer_social_content a.ico_header-delicious:before { background-image:url(../img/icons/ico_header-delicious.png); } .footer_social_content a.ico_header-pinterest:before { background-image:url(../img/icons/ico_header-pinterest.png); } .footer_social_content a.ico_header-dribbble:before { background-image:url(../img/icons/ico_header-dribbble.png); } .footer_social_content a.ico_header-instagram:before { background-image:url(../img/icons/ico_header-instagram.png); } .footer_social_content a.ico_header-youtube:before { background-image:url(../img/icons/ico_header-youtube.png); } .footer_social_content a.ico_header-gplus:before { background-image:url(../img/icons/ico_header-gplus.png); } .footer_social_content a.ico_header-linked:before { background-image:url(../img/icons/ico_header-linked.png); } .footer_social_content ul li a:hover { background-color:#7c7c7c; } .footer_search_block .footer_search_content { display:block; } .footer_search_block.toggled .footer_search_content { padding:0 20px 0 30px; width:242px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .footer_search_block .footer_search_content .field_search { width:240px!important; height:16px!important; font-size:14px!important; line-height:16px!important; background:none!important; border:none!important; padding:0!important; margin:19px 0!important; box-shadow:none!important; color:#7c7c7c!important; } /*Content block ----------------*/ .content_wrapper { } .content_block { text-align:left; } .no-sidebar .left-sidebar-block, .no-sidebar .right-sidebar-block { display:none!important; } .left-sidebar .right-sidebar-block { display:none!important; } .left-sidebar .left-sidebar-block { display:block!important; float:left!important; } .left-sidebar .posts-block { float:right!important; } .right-sidebar .left-sidebar-block { display:none!important; } .right-sidebar .right-sidebar-block { display:block!important; } .right-sidebar .right-sidebar-block, .left-sidebar .left-sidebar-block { padding-top:8px; } /*Blog Classes ---------------*/ .right-sidebar .featured_image_full, .left-sidebar .featured_image_full, .both-sidebars .featured_image_full, .right-sidebar .featured_image_full img, .left-sidebar .featured_image_full img, .both-sidebars .featured_image_full img { float: none; width:100%; height:auto; } .featured_image_full iframe { height:529px; } .right-sidebar .featured_image_full iframe, .left-sidebar .featured_image_full iframe { height:394px; } /*BlogPost Preview*/ .blog_post_preview { border-radius:2px; overflow:hidden; margin-bottom:14px; position:relative; } .pf_video_container { position:relative; overflow:hidden; } .blog_post_preview { } .blog_post_preview .featured_image_full img, .blog_post_head .featured_image_full img { width:100%; height:auto; } .blog_post_page .blogpost_info_wrapper:before { width:54px; height:100%; content:''; display:block; position:absolute; left:0; top:0; background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; } .blog_post_preview .blogpost_info_wrapper:before { width:84px; height:100%; content:''; display:block; position:absolute; left:0; top:0; background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; } .blog_post_preview .blogpost_info_wrapper, .blog_post_preview article.contentarea, .blog_post_preview .blogpost_info_wrapper, .blog_post_preview article.contentarea { background:#454545 url(../img/bg_pattern3.png) repeat 0 0; } .blog_post_preview .blogpost_info_wrapper { /*border-bottom:#1c1c1c 2px solid;*/ min-height: 58px; padding: 16px 17px 10px 103px; position: relative; } .blog_post_preview .blogpost_info_wrapper h5 { margin: 0 0 7px 0!important; color:#f3f3f3; text-transform:uppercase; font-weight:bold; transition: color 400ms; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; } .blog_post_preview .blogpost_info_wrapper .blog_info_block { overflow:hidden; } .blog_post_preview .blogpost_info_wrapper .blog_info_block div { display:inline-block; float:left; } .cbp-hrmenu > ul > li:nth-child(4) > .cbp-hrsub > .cbp-hrsub-inner > div { *width: 20.2% !important; } .scrap a{ color:#CFCDCD !important; font-size: 13px !important; font-weight: 700; } .blog_post_preview .blogpost_info_wrapper .blog_info_block div:before { content:':'; padding:0 13px 0 12px; color:#757474; font-size:12px; line-height:16px; } .blog_post_preview .blogpost_info_wrapper .blog_info_block div:first-child:before { content:''!important; padding:0!important; } .blog_post_preview .blogpost_info_wrapper .blog_info_block div { font-size:12px; line-height:16px; color:#a1a1a1; } .blog_post_preview .blogpost_info_wrapper .blog_info_block div a, .blog_post_preview .blogpost_info_wrapper .blog_info_block div span { color:#f3f3f3; } .blog_post_preview article.contentarea { position: relative; padding: 0 0 0 22px; color: #5a5a5a; } /*.blog_post_preview article.contentarea p { color:#a1a1a1; }*/ .blog_post_preview article.contentarea a { color:#f3f3f3; } .blog_post_preview article.contentarea:before { width:100%; height:1px; background:#ffffff; position:absolute; top:0px; left:0px; display:block; content:''; opacity: 0.09; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=9); } .ie8 .blog_post_preview article.contentarea:before { background:#545454; } .blog_post_preview .category { color:#a1a1a1; } .blog_post_preview .category a { color:#f3f3f3; } /*Blog Post Page*/ .blog_post_head { border-radius:2px; overflow:hidden; margin-bottom:20px; } .blog_post_head .blogpost_info_wrapper { background:#454545 url(../img/bg_pattern3.png) repeat 0 0; } .blog_post_head .blogpost_info_wrapper { min-height: 28px; padding: 10px 160px 12px 70px; position: relative; } .blog_post_head .blogpost_info_wrapper .blog_info_block { overflow:hidden; } .blog_post_head .blogpost_info_wrapper .blog_info_block div { display:inline-block; float:left; } .blog_post_head .blogpost_info_wrapper .blog_info_block div:before { content:':'; padding:0 13px 0 12px; color:#757474; font-size:12px; line-height:16px; } .blog_post_head .blogpost_info_wrapper .blog_info_block div:first-child:before { content:''!important; padding:0!important; } .blog_post_head .blogpost_info_wrapper .blog_info_block div, .blog_post_head .blogpost_info_wrapper .category { font-size:12px; line-height:16px; color:#a1a1a1; } .blog_post_head .blogpost_info_wrapper .blog_info_block div a, .blog_post_head .blogpost_info_wrapper .blog_info_block div span, .blog_post_head .blogpost_info_wrapper .category a { color:#f3f3f3; } .blog_post_head .blogpost_share { position:absolute; right:12px; top:11px; } .blog_post_head .blogpost_share a { margin-right:0px!important; margin-left:3px!important; } /*Blog_post_preview Icons*/ .blog_post_preview .post_type:before { background: url(../img/arrow.png) no-repeat scroll 0 0 transparent; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 21px; width: 8px; } .blog_post_preview .post_type { background-position: 0 0; background-repeat: no-repeat; display: block; width: 84px; height: 84px; left: 0; top: 0; position: absolute; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .blog_post_preview .post_type_image { background-image:url(../img/icons/post_type-image.png); } .blog_post_preview .post_type_slider { background-image:url(../img/icons/post_type-slider.png); } .blog_post_preview .post_type_text { background-image:url(../img/icons/post_type-text.png); } .blog_post_preview .post_type_link { background-image:url(../img/icons/post_type-link.png); } .blog_post_preview .post_type_video { background-image:url(../img/icons/post_type-video.png); } /*Blog_post_page Icons*/ .blog_post_head .post_type:before { background: url(../img/arrow.png) no-repeat scroll 0 0 transparent; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 9px; width: 8px; } .blog_post_head .post_type { background-position: 0 0; background-repeat: no-repeat; display: block; width: 54px; height: 54px; left: 0; top: 0; position: absolute; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .blog_post_head .post_type_image { background-image:url(../img/icons/post_type-ltl-image.png); } .blog_post_head .post_type_slider { background-image:url(../img/icons/post_type-ltl-slider.png); } .blog_post_head .post_type_text { background-image:url(../img/icons/post_type-ltl-text.png); } .blog_post_head .post_type_link { background-image:url(../img/icons/post_type-ltl-link.png); } .blog_post_head .post_type_video { background-image:url(../img/icons/post_type-ltl-video.png); } .pagerblock { list-style:none; margin:0; padding:0; overflow:auto; } .pagerblock li { padding:0!important; margin:0!important; float:left; margin-right:3px!important; display:inline-block; border-radius:2px; overflow:hidden; } .pagerblock li:before { display:none!important; } .pagerblock li a { font-size:12px; font-weight:bold; display:block; width:32px; height:32px; line-height:32px; text-align:center; color:#e4e4e4; text-decoration:none; background:#2b2b2b url(../img/bg_pattern3.png) repeat 0 0; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } .pagerblock li a:hover, .pagerblock li a.current { color:#ffffff!important; } .pagerblock li a span { text-indent:-10000px; display:block; width:26px; height:26px; } .pagerblock li a span.btn_prev { background:url(../img/pager_prev.png) no-repeat center; } .pagerblock li a span.btn_next { background:url(../img/pager_next.png) no-repeat center; } /*.blog_post_page article { border-bottom:#d5d5d5 1px solid; padding-bottom:15px; margin-bottom:35px; }*/ .postcomment { margin:0px 0 17px 0; } .postcomment span.post_type { width:30px; height:30px; display:inline-block; float:left; text-align:left; font-size:16px; line-height:30px; margin-right:10px; position:relative; } .postcomment span.post_type span.ico { font-size:16px; line-height:30px; width:20px; padding-left:7px; height:30px; display:block; text-transform:none; } /*Comments*/ .comment-notes { margin-bottom:16px; } #comments { margin-bottom:0px; } #reply-title { margin-bottom:16px!important; } ol.commentlist { list-style:none; margin:0 0 0px 0; padding:0; } ol.commentlist li { padding:0!important; list-style:none; margin:0; } ol.commentlist li:before { content:''!important; margin:0!important; padding:0!important; } ol.commentlist li .stand_comment { margin:0 0 20px 0; display:block; overflow:hidden; position:relative; border-radius:2px; } ol.commentlist li .stand_comment .thiscommentbody p:last-child { margin:0; } ol.commentlist li ul { padding-left:40px!important; } ol.commentlist li .commentava { float:left; display:block; position:relative; } ol.commentlist li .commentava img { display:block; } ol.commentlist li .commentava:before { background:url(../img/arrow.png) 0 0 no-repeat; width:8px; height:8px; display:block; content:''; position:absolute; right:0px; top:20px; } ol.commentlist li .stand_comment { overflow:hidden; } ol.commentlist li .thiscommentbody { margin:0px; padding:15px 28px 10px 17px; float:left; min-height:59px; display:block; background:#454545 url(../img/bg_pattern3.png) repeat 0 0; } ol.commentlist li .thiscommentbody p { margin:0 0 5px 0; color:#a1a1a1; } ol.commentlist li .thiscommentbody .comment_info { margin:-1px 0 5px 0; color:#a1a1a1; } ol.commentlist li .thiscommentbody .comment_info span { display:inline-block; color:#a1a1a1; font-size:12px; line-height:15px; } ol.commentlist li .thiscommentbody .comment_info span:before { padding:0 10px 0 10px; content: ':'; font-size:12px; line-height:15px; color:#727272; } ol.commentlist li .thiscommentbody .comment_info span:first-child:before { padding:0!important; content:''!important; } ol.commentlist li .thiscommentbody .comment_info span a { color:#f3f3f3; font-size:12px; line-height:15px; text-decoration:none!important; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } form.comment-form { margin-top:10px; } form.comment-form p { margin:0 0 7px 0; color:#3d3d3d; } /*Portfolio ------------*/ .btn_load_more, .btn_back { transition: background-color 300ms, color 300ms; -webkit-transition: background-color 300ms, color 300ms; -moz-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; } .module_back { margin-bottom:50px!important; } .module_back hr { margin-bottom:1px!important; } .btn_load_more span { transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .module_postinfo .portfolio_type1 .portfolio_article { display:block; margin-bottom:20px; } .module_postinfo .portfolio_type2 .portfolio_article { display:none; } .module_postinfo .portfolio_date a, .module_postinfo .portfolio_skills a, .module_postinfo .portfolio_categ a, .module_postinfo .portfolio_url a, .module_postinfo .portfolio_tags a, .module_postinfo .portfolio_date, .module_postinfo .portfolio_skills, .module_postinfo .portfolio_categ, .module_postinfo .portfolio_url, .module_postinfo .portfolio_tags { color:#a9a9a9; font-style:italic; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .module_postinfo .portfolio_date a:hover, .module_postinfo .portfolio_skills a:hover, .module_postinfo .portfolio_categ a:hover, .module_postinfo .portfolio_url a:hover, .module_postinfo .portfolio_tags a:hover { color:#5a5a5a; text-decoration:none; } .module_postinfo .portfolio_skills, .module_postinfo .portfolio_categ, .module_postinfo .portfolio_url, .module_postinfo .portfolio_tags { padding-bottom:14px; } .module_postinfo .portfolio_date span, .module_postinfo .portfolio_skills span, .module_postinfo .portfolio_categ span, .module_postinfo .portfolio_url span, .module_postinfo .portfolio_tags span { color:#5a5a5a; font-style:normal; } .module_postinfo .portfolio_share a { margin:0 3px 0 0!important; } .module_postinfo .portfolio_date { line-height:26px; height:35px; padding:0 0 0 37px; position:relative; color:#a9a9a9; font-style:italic; white-space: nowrap; } .module_postinfo .portfolio_date .post_type { width:26px; height:26px; display:block; position:absolute; left:0px; top:0px; background-color:#dcdcdc!important; background-repeat:no-repeat; background-position:0 0; transition: bottom 400ms; -webkit-transition: bottom 400ms; -moz-transition: bottom 400ms; -o-transition: bottom 400ms; } .module_postinfo .portfolio_date .post_type_slider { background-image:url(../img/icons/blogpost_slider.png); } .module_postinfo .portfolio_date .post_type_video { background-image:url(../img/icons/blogpost_video.png); } .module_postinfo .portfolio_date .post_type_image { background-image:url(../img/icons/blogpost_image.png); } .module_postinfo .portfolio_date .post_type_text { background-image:url(../img/icons/blogpost_text.png); } .module_postinfo .portfolio_type2 { border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; padding:4px 0; } .module_postinfo .portfolio_type2 .portfolio_info_item { float:left; display:inline-block; } .module_postinfo .portfolio_type2 .portfolio_date, .module_postinfo .portfolio_type2 .portfolio_skills, .module_postinfo .portfolio_type2 .portfolio_categ, .module_postinfo .portfolio_type2 .portfolio_url, .module_postinfo .portfolio_type2 .portfolio_tags { padding-top:5px; padding-bottom:5px; } .portfolio_type2 { position:relative; } .portfolio_type2 .portfolio_info_item:after { content: '/'; color:#a9a9a9; padding:0 8px; } .portfolio_type2 .portfolio_info_item:last-child:after { content: ''; padding:0; } .portfolio_type2 .portfolio_tags:after { content: ''; padding:0; } .module_postinfo .portfolio_type2 .portfolio_date { height:16px; line-height:16px; } .module_postinfo .portfolio_type2 .portfolio_share { right:-2px; top:4px; display:inline-block; position:absolute; } .worksslider ul { margin-left:-20px; } .worksslider ul li { width:100px!important; padding:0 10px!important; float:left; display:inline-block; text-align:center; } .worksslider li .item { width:100px; height:100px; display:block; position:relative; margin:0 auto; } .worksslider li .item .portfolio_wrapper { position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .item a.wrapped_link { width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; } .worksslider li .item:hover .portfolio_wrapper { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .worksslider li .item:hover a { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .worksslider .ico_zoom { margin:-8px 0 0 -29px; } .worksslider .ico_link { margin:-8px 0 0 10px; } /*Images ---------*/ img.alignright { float:right; margin:5px 12px 0px 0; } img.alignleft { float:left; margin:5px 12px 0px 0; } img.alignnone { float:none; display:block; margin:0px 0 15px 0px; } /*Lists --------*/ .contentarea ul, .content_area ol { list-style:none; margin:0; /*padding:0 0 18px 0px;*/ } .contentarea ul li, .content_area ol li { line-height:20px; /*margin:-9px 0 0 0px; */ padding:0 0 0 16px; position:relative; color:#000; } .contentarea ul li:before { content: '\25cf'; padding-right: 0px; position:absolute; left:0px; top:0px; line-height:20px; color: #A2003A; } .contentarea ol { counter-reset:li; list-style:none; padding:0 0 15px 0; margin:0!important; } .qatarlist li:before{ padding-top: 8px; } .qatarlist li{ border-top: 1px solid #E0E0E0; padding-top: 8px !important; } .qatarlist li:last-child{ border-bottom: 1px solid #E0E0E0; padding-bottom: 8px !important; } .contentarea ol li { line-height:20px; margin:0 0 0 0px; padding:0 0 0 18px; position:relative!important; color:#454545; } .contentarea ol li:before { counter-increment: li; content:counter(li)"."; padding-right: 0px; position:absolute; left:0px; top:0px; font-weight:bold; color:#454545; } .contentarea ol li ol, .contentarea ol li ul, .contentarea ul li ul, .contentarea ul li ol { padding:0 0 0px 10px } .contentarea ul.list_type1 li:before, .contentarea ul.list_type2 li:before, .contentarea ul.list_type3 li:before, .contentarea ul.list_type4 li:before, .contentarea ul.list_type5 li:before, .contentarea ul.list_type6 li:before { content: ''; width:12px; height:11px; display:block; top:5px; } .contentarea ul.list_type1 li:before { background:url(../img/marker_list1.png) no-repeat 0 0; } .contentarea ul.list_type2 li:before { background:url(../img/marker_list2.png) no-repeat 0 0; } .contentarea ul.list_type3 li:before { background:url(../img/marker_list3.png) no-repeat 0 0; } .contentarea ul.list_type4 li:before { background:url(../img/marker_list4.png) no-repeat 0 0; } .contentarea ul.list_type5 li:before { background:url(../img/marker_list5.png) no-repeat 0 0; } .contentarea ul.list_type6 li:before { background:url(../img/marker_list6.png) no-repeat 0 0; top:5px; } .contentarea ul.list_type4 li { padding-left:18px; } ul.list_type0 { padding:0 0 0 10px; margin:0 0 10px 0; } ul.list_type0 li { color:#ababab; position:relative; padding:0 0 0 15px; } ul.list_type0 li:before { display:block; position:absolute; left:0; top:0; content:'\25cf'; font-size:14px; line-height:18px; font-weight:normal; } ul.list_type0 li ul { padding-left:15px; } /*Shortcodes List*/ ul.list { list-style:none; margin:0; padding:0 0 0px 18px; overflow:hidden } ul.list li { line-height:16px; color:#a5a5a5; position:relative!important; } ul.list li:before { content: '\25cf'; padding-right: 0px; position:absolute; left:0px; top:0px; font-size:12px; font-weight:normal; line-height: 18px; font-family:Arial, Helvetica, sans-serif; } ul.list.plus li:before { content: '+'; padding: 0px 5px 0 2px; padding-right: 0px; position:absolute; left:0px; top:2px; font-size:14px; line-height: 14px; font-weight:normal; } ol.list { counter-reset:li; padding:0 0 0px 18px; margin:0; list-style:none; } ol.list li { margin:0 0 0 0px; padding:0 0 0 15px; color:#a5a5a5; position:relative!important; } ol.list li:before { content:counter(li)"."; counter-increment:li; padding-right: 0px; position:absolute; left:0px; top:0px; font-weight:bold; } /*Sidebar ----------*/ .sidepanel { margin:0 0 30px 0; } .sidebar .sidepanel { margin:0 0 25px 0; } .sidebar .sidepanel h3 { margin-bottom:17px!important; } .widget_nav_menu, .widget_archive { border-bottom:none!important; } .widget_video iframe { width:100%; height:auto; } /*-- Popular Posts & Recent Posts --*/ .popular_posts, .recent_posts { list-style:none; margin: 0; padding:0; } .popular_posts li, .recent_posts li { float:none; margin:0; overflow:hidden; margin-top:9px; overflow:hidden; min-height:84px!important; } .popular_posts li.no_img, .recent_posts li.no_img { min-height:30px!important; } .popular_posts li:first-child, .recent_posts li:first-child { padding-top:0px; border:none; margin-top:0px; } .popular_posts li .img_wrapper, .recent_posts li .img_wrapper { float:left; display:inline-block; position:relative; border-top-left-radius:2px; border-bottom-left-radius:2px; } .popular_posts li .img_wrapper:before, .recent_posts li .img_wrapper:before { content:''; width:8px; height:8px; display:block; position:absolute; right:0px; top:20px; background:url(../img/arrow.png) no-repeat; } .popular_posts li img, .recent_posts li img { display:block; margin:0!important; width:84px; height:84px; border-top-left-radius:2px; border-bottom-left-radius:2px; } .recent_posts_content { color:#a1a1a1; padding:15px 20px 14px 20px; float:left; display:inline-block; background:#454545 url(../img/bg_pattern3.png) repeat; border-top-right-radius:2px; border-bottom-right-radius:2px; min-height:55px; } .ie8 .recent_posts_content { float:none!important; display:block!important; } .no_img .recent_posts_content { border-top-left-radius:2px; border-bottom-left-radius:2px; float:none!important; display:block!important; } .no_img .recent_posts_content { padding-left:20px; padding-bottom:10px; display:block!important; } .popular_posts li p, .recent_posts li p { color:#a1a1a1; margin-bottom:6px; } .popular_posts li .read_more a, .recent_posts li .read_more a { color:#f3f3f3; } .popular_posts li .read_more a:hover, .recent_posts li .read_more a:hover { color:#f3f3f3; } .popular_posts li .read_more a:hover, .recent_posts li .read_more a:hover { color:#3d3d3d; } .popular_posts li a:hover, .recent_posts li a:hover { color:#3d3d3d; text-decoration:none; } /* About */ .widget_about .signature { font-style:italic; } .widget_about img { margin-top:1px; } /*-- Flickr --*/ .flickr_widget_wrapper { margin:0 0 -9px -9px; padding:0 0 0px 0; list-style:none; overflow:hidden; } .widget_flickr .flickr_badge_image { float:left; display:inline-block; margin:0 0 9px 9px!important; width:84px!important; height:84px!important; position:relative; border-radius:2px!important; overflow:hidden; } .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img { display:block!important; width:84px!important; height:84px!important; border-radius:2px; } .widget_flickr .flickr_badge_image .flickr_fadder { width:84px; height:84px; display:block; position:absolute; left:0; top:0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .widget_flickr .flickr_badge_image:hover .flickr_fadder { opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); } .widget_flickr .flickr_badge_image .flickr_wrapper { display:none; } .widget_flickr .flickr_badge_image:hover .flickr_wrapper { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /*-- BlockRoll --*/ .widget_block_list { list-style:none; margin: 0; padding:0; } .widget_block_list li { float:none; margin:0; padding:6px 0; line-height:17px; color:#2c2c2c; overflow:hidden; } .widget_block_list li a { color:#2c2c2c; text-decoration:none; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } /*-- Twitter --*/ .twitter_list { list-style:none; margin:0; padding:0; } .twitter_list li { float:none; margin:0; overflow:hidden; position:relative; background:none; margin-top:12px; } .twitter_list li:first-child { border:none; padding-top:0; margin-top:0px; } /*-- Text Widget --*/ .widget_text div { color:#a7a7a7; padding-bottom:7px; } .widget_text .textwidget { color:#2c2c2c; } /*-- Menu Widget --*/ .widget_nav_menu ul, .widget_archive ul, .widget_pages ul, .widget_categories ul, .widget_recent_entries ul { padding:0; margin:0; } .widget_nav_menu ul li, .widget_archive ul li, .widget_pages ul li, .widget_categories ul li, .widget_recent_entries ul li { margin-bottom:3px; position:relative; margin-left:44px; border-top-right-radius:2px; border-bottom-right-radius:2px; } .widget_nav_menu ul li:before, .widget_archive ul li:before, .widget_pages ul li:before, .widget_categories ul li:before, .widget_recent_entries ul li:before { content:''; padding:0!important; display:block!important; width:2px; height:100%; position:absolute; left:-1px; top:0px; background:url(../img/menu_seperator.png) repeat-y; z-index:6; } .widget_nav_menu ul li, .widget_archive ul li, .widget_pages ul li, .widget_categories ul li, .widget_recent_entries ul li { background:#454545; /*url(../img/bg_pattern3.png) repeat*/ transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .widget_nav_menu ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_categories ul li a, .widget_recent_entries ul li a { word-wrap:break-word; padding:13px 12px 13px 18px; line-height:18px; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:14px; display:block; border-top-right-radius:2px; border-bottom-right-radius:2px; position:relative; transition: color 400ms, background-color 400ms; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; } .widget_nav_menu ul li a:before, .widget_archive ul li a:before, .widget_pages ul li a:before, .widget_categories ul li a:before, .widget_recent_entries ul li a:before { content:''; display:block; position:absolute; left:-39px; top:5px; width:34px; height:34px; background:#a1a1a1; z-index:5; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .widget_nav_menu ul li a:after, .widget_archive ul li a:after, .widget_pages ul li a:after, .widget_categories ul li a:after, .widget_recent_entries ul li a:after{ content:''; display:block; position:absolute; left:-44px; top:0px; width:44px; height:44px; background:url(../img/custom_menu_arrow.png) no-repeat scroll 0 0; z-index:7; border-top-left-radius:2px; border-bottom-left-radius:2px; } .widget_nav_menu ul li:after, .widget_archive ul li:after, .widget_pages ul li:after, .widget_categories ul li:after, .widget_recent_entries ul li:after { content:''; display:block; position:absolute; left:-44px; top:0; width:44px; height:100%; z-index:4; background:#2c2c2c; /* url(../img/bg_pattern3.png) repeat*/ border-top-left-radius:2px; border-bottom-left-radius:2px; } .ie8 .widget_nav_menu ul li a:after, .ie8 .widget_archive ul li a:after, .ie8 .widget_pages ul li a:after, .ie8 .widget_categories ul li a:after, .ie8 .widget_recent_entries ul li a:after { /*display:none!important;*/ } .widget_nav_menu ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_categories ul li a:hover, .widget_recent_entries ul li a:hover { color:#ffffff!important; } .widget_recent_comments li { border-top:#d5d5d5 1px solid; padding-top:10px; padding-bottom:10px; } .widget_recent_comments li:first-child { border:none; padding-top:0px; } .widget_calendar table { width:100%; } .widget_calendar table th { padding-bottom:5px; text-align:center; } .widget_calendar table td { border-top:#d5d5d5 1px solid; padding:5px 0; text-align:center; } .widget_calendar table caption { font-weight:bold; text-transform:uppercase; padding-bottom:10px; } .widget_tag_cloud .tagcloud, .widget_tag_cloud .tagcloud a { line-height:1!important; } .widget_recent_entries li span.post-date { padding:0 0 12px 18px; color:#FFFFFF; display:block; } .widget_nav_menu ul li .sub-menu li:after, .widget_nav_menu ul li .sub-menu li a:before, .widget_nav_menu ul li .sub-menu li a:after { display:none!important; } .widget_nav_menu ul li .sub-menu li:before { content:''; display:block!important; width:100%!important; height:2px!important; background:url(../img/menu_seperator2.png) repeat-x 0 0!important; position:absolute!important; left:0px!important; top:0px!important; } .widget_nav_menu ul li .sub-menu { background:#454545 url(../img/bg_pattern3.png) repeat scroll 0 0; } .widget_nav_menu ul li .sub-menu li { margin:0!important; background:none!important; } .widget_nav_menu ul li .sub-menu li a { color:#A1A1A1; font-size: 12px!important; line-height: 20px!important; text-transform:none!important; background:none!important; font-weight:normal!important; } .widget_nav_menu ul li .sub-menu li ul li { padding:0 0 0 20px!important; } .widget_nav_menu ul li .sub-menu li:hover .sub-menu li a { color:#A1A1A1; } .widget_rss li { padding-top:15px!important; } .widget_rss li:first-child { padding-top:0px!important; border-radius:2px!important; } .widget_archive select, .widget_categories select { width:100%!important; border-radius:2px!important; border:1px solid #D5D5D5 !important; color:#979696!important; font-size: 13px!important; line-height: 16px!important; } /*Typograph ------------*/ h1, h2, h3, h4, h5, h6 { padding:0; color:#454545; font-family: 'Segoe UI' !important; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#454545; text-decoration:none!important; font-family: 'Segoe UI' !important; } h1 { font-weight:bold; } h2, h3, h4, h5, h6 { font-weight:600; } h1, h2, h3, h5, h1 span, h2 span, h3 span, h5 span, h1 a, h2 a, h3 a, h5 a { text-transform:uppercase; } h1 { margin:0px 0 12px 0; } h2 { margin:0px 0 21px 0; } h3 { margin:0px 0 22px 0; } h4 { margin:0px 0 24px 0; } h5 { margin:0px 0 25px 0; } h6 { margin:0px 0 18px 0; } p.light { color:#8a8a8a; } headInModule.h2 { margin:0px 0 12px 0; } h3.headInModule { margin:0px 0 23px 0; /*margin-top: 14px;*/ } .module_feature_posts .headInModule, .module_teamslider .headInModule, .module_testimonial .headInModule, .module_text_area .headInModule { border-bottom: 1px solid #c3c3c3; font-size: 32px; padding-bottom: 20px; padding-right: 50px; font-weight: 500; } .page_title { height:50px; display:block; overflow:hidden; } .page_title h1 { margin:0; color:#3d3d3d; } .ico { font-family:'FBiconsRegular'} hr { margin:0; padding:0; border:none; height:20px; display:block; border-top:#d5d5d5 1px solid; } hr.light { height:21px!important; border:none!important; background:#ffffff url(../img/hr.png) no-repeat top center; } hr.dark{ border-color:#787878; } hr.invisible { border:none!important; height:15px!important } hr.no-margin{ margin:0!important; height:1px!important; } hr.content_type { height:13px!important; border-top:none!important; border-bottom:#d5d5d5 1px solid; } .text_light, .text_colored a, .text_light a:hover { color:#ababab; } .dropcap { margin:-3px 9px -3px 0; text-transform:uppercase; float:left; font-size:30px; line-height:32px; font-weight:600; color:#454545; } .dropcap.light { color:#c0c0c0; } blockquote { padding:0 0 0px 0px; border:none; margin:0 0 10px 0; border-left:#d5d5d5 3px solid; } blockquote p, blockquote span { padding-left:17px; } blockquote.type1 { border-color:#787878; } blockquote p { color:#8a8a8a; font-weight:normal; font-weight:400!important; margin-bottom:5px; } blockquote span { display:block; font-weight:normal; font-weight:400!important; } blockquote.right { width:47.5%; float:right; padding-right:0!important; margin-left:2.5%; } blockquote.left { width:47.5%; margin-right:2.5%; float:left; } .demo_columns { background:#3d3d3d; line-height:140px; color:#dadada; text-align:center; font-size:14px; } /*Contacts & Forms -------------------*/ /*-- Contact --*/ .contact_info { margin-bottom:20px } .contact_info li { padding:0 0 8px 25px; position:relative; } .contact_info .ico_contact { position:absolute; left:0px; top:0px; height:16px; width:16px; } .module_contact_info .continfo_item { display:block; padding:7px 0 9px 40px; line-height:16px; position:relative; margin-bottom:3px; } .continfo_item, .continfo_item a { word-wrap:break-word; } .module_contact_info .continfo_item span { position:absolute; left:0; top:0; margin:0!important; } .module_contact_info .continfo_item span:hover { background-color:#2B2B2B!important; } .module_contact_info p { margin-top:8px; } .filter_navigation ul li ul li a:hover { background-color:#3d3d3d; } /*-- Form --*/ .feedback_form { width:100%; } .feedback_form .field-name, .feedback_form .field-email, .feedback_form .field-subject, .feedback_form .field-message, .login_form .form_field, #commentform .form_field, .search_form .field_search { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #d5d5d5 !important; border-radius: 2px !important; box-shadow: none !important; color: #979696; font-size: 13px; height: 14px; line-height: 0px; margin-bottom: 3px; padding: 8px 14px; position: relative; transition: color 400ms ease 0s; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; } .feedback_form .field-name:focus, .feedback_form .field-email:focus, .feedback_form .field-subject:focus, .feedback_form .field-message:focus, .login_form .form_field:focus, #commentform .form_field:focus, .search_form .field_search:focus { color:#2c2c2c; } .login_form .form_field { padding-top:6px!important; padding-bottom:8px!important; color:#979696; font-size:13px; line-height:16px; } .feedback_form .field-message { height: 35px; margin-bottom: 3px; padding-top: 18px; } #commentform #comment-message { height:76px; margin-bottom:3px; } #comments { border-bottom:#e3e3e3 1px solid; padding-bottom:15px; margin:0 0 35px 0; } #respond { padding-bottom:5px; } .feedback_form .feedback_go, .feedback_form .feedback_reset, #commentform #reset, #commentform #submit, .btn_login { border:none; height:44px; border-radius:2px!important; display:inline-block; text-transform:uppercase; cursor:pointer; padding:12px 17px; font-size:14px; line-height:20px; font-weight:bold; background-image:url(../img/bg_pattern3.png)!important; background-repeat:repeat!important; transition: color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; } .feedback_form .feedback_reset, #commentform #reset, #commentform #submit:hover, .feedback_form .feedback_go:hover, .btn_login { color:#e4e4e4; background-color:#2c2c2c; } .feedback_form .feedback_reset:hover, #commentform #reset:hover, #commentform #submit, .feedback_form .feedback_go, .btn_login:hover { color:#ffffff; } .btn_login { margin-top:7px; padding-top:0px!important; padding-bottom:0px!important; height:32px!important; display:inline-block; float:left; } .forgot_password { float:left; padding:13px 0 0 11px; display:inline-block; } .forgot_password a { font-size:12px; line-height:15px; } .ajaxanswer span { padding:10px 0; } /*ShortCodes -------------*/ .fullscreen_image_wrapper { overflow:hidden; } .carouselslider { /* opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .carouselslider.show_carousel { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /*-- My Team --*/ .carousel_wrapper { background:#3d3d3d; width:100%; height:100%; position:absolute; left:0px; top:-100%; display:none; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); transition: top 400ms; -webkit-transition: top 400ms; -moz-transition: top 400ms; -o-transition: top 400ms; } .carouselslider .item:hover .img_block .carousel_wrapper { top:0%; } .carousel-wrap .carousel_wrapper { display:block; } .carouselslider, .team_slider { position:relative; } .team_slider .img_block { position:relative; } .team_slider { margin-bottom:20px!important} .left-sidebar .carouselslider, .left-sidebar .team_slider, .right-sidebar .carouselslider, .right-sidebar .team_slider { position:relative; } .carouselslider ul { margin:0; padding:0; list-style:none; margin:0 0 0 -30px; } .carouselslider ul li:before { content:''!important; margin:0!important; padding:0!important } .carouselslider ul li { float:left; display:inline-block; padding:0 0 0 30px!important; margin:0; } .team_slider ul li .item, .featured_slider ul li .item { border-radius:2px; overflow:hidden; } .team_slider ul li .carousel_desc, .featured_slider ul li .carousel_desc { background:#454545; } /*url(../img/bg_pattern3.png) repeat*/ .left-sidebar .team_slider ul li, .right-sidebar .team_slider ul li { float:left; display:inline-block; margin:0!important; padding:0 10px; /*width:160px;*/ } .team_slider ul li .img_block, .featured_slider ul li .img_block { display:block; } .team_slider ul li .img_block img, .featured_slider ul li .img_block img { width:100%; height:auto; padding:0; margin:0; display:block; } .carouselslider ul li .carousel_title { background:#454545 url(../img/bg_pattern3.png) repeat; border-bottom:#1c1c1c 2px solid; position:relative; } .carouselslider ul li .carousel_title h5 { margin:0!important; } .team_slider .carousel_title { display:block; text-align:center; padding:14px 15px 14px 15px; } .team_slider .carousel_title h5 { color:#ffffff; font-size:14px!important; line-height:18px!important; font-weight:bold; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .team_slider ul li .op { display:block; clear:both; padding-top:1px; color:#a1a1a1; text-align:center; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .team_slider ul .item:hover .op { color:#f3f3f3; } .team_slider ul .item .carousel_desc { position:relative; padding:13px 15px 15px 15px; } .team_slider ul .item .carousel_desc .exc { color:#a1a1a1; text-align:center; } .team_slider ul .item .carousel_desc:before { background: none repeat scroll 0 0 #FFFFFF; content: ""; height: 1px; left: 0; opacity: 0.09; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=9)!important; position: absolute; top: 0; width: 100%; z-index: 5; } .ie8 .team_slider ul .item .carousel_desc:before { background:#545454; } .carouselslider ul li .smallproflinks { text-align:center; padding:16px 0 1px 0 } .carouselslider ul li .smallproflinks a { width:22px; height:22px; display:inline-block; margin: 5px 7px 5px 7px; padding:0!important; background-color:#ffffff; position:relative; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .carouselslider ul li .smallproflinks a:before { position:absolute; left:-5px; top:-5px; width:32px; background-repeat:no-repeat; background-position:0 0; height:32px; content:''; display:block; border-radius:2px; overflow:hidden; } .carouselslider ul li .smallproflinks a.facebook_link:before { background-image:url(../img/icons/ico_carousel_facebook.png); } .carouselslider ul li .smallproflinks a.twitter_link:before { background-image:url(../img/icons/ico_carousel_twitter.png); } .carouselslider ul li .smallproflinks a.tumbler_link:before { background-image:url(../img/icons/ico_carousel_tumbler.png); } .carouselslider ul li .smallproflinks a.linkedin_link:before { background-image:url(../img/icons/ico_carousel_linked.png); } .carouselslider ul li .smallproflinks a.member_email:before { background-image:url(../img/icons/ico_carousel_mail.png); } .carouselslider ul li h5 a { text-align:left; display:block; padding:14px 20px 12px 20px; color:#ffffff; font-size:14px!important; line-height:18px!important; font-weight:bold; background:#454545; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .carouselslider ul li .item h5 a:hover { color:#ffffff!important; } .carouselslider ul li .carousel_desc a { color:#a9a9a9; font-style:italic; } .carousel-previous, .carousel-next { background-color: transparent !important; border: medium none; border-radius: 0 !important; cursor: pointer; display: block; /* height: 42px;*/ left: auto !important; opacity: 1 !important; padding: 0 !important; position: absolute !important; top: 153px !important; /* width: 42px !important;*/ width: 43px !important; height: 43px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; } .carouselslider a { transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .carousel-previous { left:0px !important; background:url(../../../uploads/2016/07/Prev-Btn.png) no-repeat 0 0; z-index: 1; } .carousel-next { right:0px; background:url(../../../uploads/2016/07/Next-Btn.png) no-repeat 0 0; } .carouselslider .carousel-previous:hover, .carouselslider .carousel-next:hover { /*background-position:0 -16px!important; */} .carouselslider .disabled, .carouselslider .disabled:hover { /*cursor:default!important; background-position:0 -32px!important; */ } .featured_slider ul li .carousel_title { padding:0!important; } .featured_slider ul li .carousel_title h5{ line-height:20px!important; } .featured_slider .img_block { position:relative; overflow:hidden; } .featured_slider .img_block a { display:block; } .featured_slider ul li .carousel_desc { padding:14px 16px 12px 104px; position:relative; min-height:58px; } .featured_slider ul li .carousel_desc:after { content:''; width:100%; height:1px; background:#ffffff; opacity: 0.09; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=9); position:absolute; top:0px; left:0px; z-index:5; } .ie8 .featured_slider ul li .carousel_desc:after { background:#545454; } .featured_slider ul li .carousel_desc:before { z-index:3px; content:''; position:absolute; left:0px; top:0px; width:84px; height:100%; display:block; background:#2c2c2c url(../img/bg_pattern3.png) repeat; } /*.ie8 .featured_slider ul li .carousel_desc:before { display:none!important; }*/ .featured_slider ul li .carousel_desc .exc, .featured_slider ul li .carousel_desc .exc p { padding:0; color:#a1a1a1; text-align:left; } .featured_slider ul li .carousel_desc .exc p { margin-bottom:5px!important; } .featured_slider ul li .carousel_desc .carousel_readmore { color:#f3f3f3; font-style:normal!important; font-size:12px!important; } .featured_slider .item .post_type { display:block; width:84px; height:84px; position:absolute; left:0; top:0; background-position:0 0; z-index:5; background-repeat:no-repeat; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .featured_slider .item .post_type:before { width:8px; height:8px; display:block; position:absolute; top:21px; right:0; background:url(../img/arrow.png) no-repeat; content:''; } .featured_slider .carouselslider ul li:nth-child(1) .item .post_type_image { background-image: url(../img/icons/corporatebrochure-featured.png); } .featured_slider .carouselslider ul li:nth-child(2) .item .post_type_image { background-image: url(../img/icons/corporatebrochure-featured.png); } .featured_slider .carouselslider ul li:nth-child(3) .item .post_type_image { background-image: url(../../../../wp-content/uploads/2016/07/2.png); } .featured_slider .carouselslider ul li:nth-child(4) .item .post_type_image { background-image:url(../img/icons/sustainability-featured.png); } .featured_slider .carouselslider ul li:nth-child(5) .item .post_type_image { background-image:url(https://www.qatarsteel.com.qa/wp-content/uploads/2016/08/qatarization-featured-1.png); } .featured_slider .carouselslider ul li:nth-child(6) .item .post_type_image { background-image: url(https://www.qatarsteel.com.qa/wp-content/uploads/2016/08/annualreport-featured.png); } .featured_slider .item .post_type_image { background-image:url(https://www.qatarsteel.com.qa/wp-content/uploads/2016/08/magazine-featured.png); } .featured_slider .item .post_type_slider { background-image:url(../img/icons/post_type-slider.png); } .featured_slider .item .post_type_text { background-image:url(../img/icons/corporatebrochure-featured.png); } .featured_slider .item .post_type_link { background-image:url(../img/icons/post_type-link.png); } .featured_slider .item .post_type_video { background-image:url(../img/icons/post_type-video.png); } .featured_slider .featured_post_info { border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; margin:13px 0 2px 0; } .featured_slider .featured_post_info span { line-height:32px; padding:0 9px; } .featured_slider .featured_post_info, .featured_slider .featured_post_info span, .featured_slider .featured_post_info a { line-height:32px; color:#a9a9a9; font-style:italic; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .featured_slider .featured_post_info a:hover { text-decoration:none; color:#5a5a5a; } .featured_slider .related_projects .item { border:none!important; } .module_testimonial .item { border:none!important} .testimonials_list { /*width:458px!important;*/ } .testimonials_list li { /*width:458px!important;*/ float:left; display:inline-block; margin:0!important; } .testimonials_list li .item { padding-left:100px; position:relative; min-height:84px; } .testimonials_list li .testimonials_photo { position:absolute; left:0px; top:3px; border-radius:2px; overflow:hidden; width:84px; height:84px; display:block; } .testimonials_list li .testimonials_photo:before { background:url(../img/arrow_white.png) no-repeat; content:''; display:block; position:absolute; right:0px; top:20px; width:8px; height:8px; } .testimonials_list li .testimonials_text p, .testimonials_list li .testimonials_text { color:#454545; } .testimonials_list li .testimonials_text p { margin-bottom:4px; } .testimonials_list li .author, .testimonials_list li .author_position { color:#afafaf; font-style:italic; } .testimonials_list h6 { margin-bottom:10px; } .sponsors_works li .item { position:relative; display:block; /*opacity: 0.2; */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .sponsors_works li .item img { width:100%; height:auto; display:block; } .sponsors_works li .item:hover { opacity:0.99; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); } .module_partners_wrapper .item_content img, .module_partners_wrapper .item_content a { width:100%; height:auto; display:block!important; } .module_partners .item { /*opacity: 0.6;*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .module_partners .item:hover { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /*-- Accordion --*/ .shortcode_accordion_shortcode, .shortcode_toggles_shortcode { margin:0px 0 0px 0; } .shortcode_accordion_item_title, .shortcode_toggles_item_title { background:#454545 url(../img/bg_pattern3.png) repeat; padding:13px 12px 13px 18px; margin-left:44px; line-height:18px; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:14px; display:block; border-top-right-radius:2px; border-bottom-right-radius:2px; position:relative; cursor:pointer; margin-bottom:3px!important; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms; } .shortcode_accordion_item_title:before, .shortcode_toggles_item_title:before { content:''; display:block; position:absolute; left:-44px; top:0; width:44px; height:100%; z-index:3; background:#2c2c2c url(../img/bg_pattern3.png) repeat; border-top-left-radius:2px; border-bottom-left-radius:2px; } .shortcode_accordion_item_title:hover, .shortcode_toggles_item_title:hover, .shortcode_accordion_item_title.ui-state-active, .shortcode_toggles_item_title.ui-state-active { color:#ffffff; } .shortcode_accordion_item_title .ico, .shortcode_toggles_item_title .ico { content:''; display:block; position:absolute; left:-39px; top:5px; width:34px; height:34px; background:#a1a1a1 no-repeat; z-index:5; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .shortcode_accordion_item_title .ico:before, .shortcode_toggles_item_title .ico:before { position:absolute; left:-5px; top:-5px; display:block; content:''; width:44px; height:44px; background-image:url(../img/accordion_plus.png); border-top-left-radius:2px; border-bottom-left-radius:2px; overflow:hidden; } .shortcode_accordion_item_title:after, .shortcode_toggles_item_title:after { content:''; padding:0!important; display:block!important; width:2px; height:100%; position:absolute; left:-1px; top:0px; background:url(../img/menu_seperator.png) repeat-y; z-index:6; } .shortcode_accordion_item_title.ui-state-active .ico:before, .shortcode_toggles_item_title.ui-state-active .ico:before { background-image:url(../img/accordion_minus.png); } .shortcode_accordion_item_body, .shortcode_toggles_item_body { padding:4px 0px 8px 0px; color:#454545; border:none; border-top:none; } .shortcode_toggles_item_body { display:none } .shortcode_accordion_item_body div, .shortcode_toggles_item_body div { color:#454545; } /*IconBoxes*/ .shortcode_iconbox { background:#454545 url(../img/bg_pattern3.png) repeat; border-radius:2px; overflow:hidden; display:block; padding:16px 16px 10px 104px; min-height:58px; position:relative; } .shortcode_iconbox:before { content:''; display:block; width:84px; height:100%; position:absolute; left:0px; top:0px; background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; } .shortcode_iconbox .iconbox_title { color:#f3f3f3; text-transform:uppercase; font-weight:bold; margin-bottom:6px!important; } .shortcode_iconbox, .shortcode_iconbox p { color:#a1a1a1; margin-bottom:0; } .shortcode_iconbox .ico { display:block; width:55px; height:84px; position:absolute; left:0; top:0; font-size:27px; line-height:84px; padding-left:29px; background:#2c2c2c url(../img/bg_pattern3.png) repeat; transition: color 400ms; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; } .shortcode_iconbox .ico:before { width:8px; height:8px; display:block; position:absolute; top:21px; right:0; background:url(../img/arrow.png) no-repeat; content:''; } /*-- Gallery --*/ .module_gallery .list-of-images { margin-left: -30px; text-align: center; } .module_gallery .list-of-images .gallery_item { display: inline-block; float: left; margin: 0 0 30px 30px; overflow: hidden; position: relative; border-radius: 2px; overflow: hidden; } .module_gallery .list-of-images .gallery_item a { position:relative; overflow:hidden; display:block; } .module_gallery .list-of-images .gallery_item img { -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .module_gallery .gallery_descr { background: url(../img/bg_pattern3.png) repeat scroll 0 0 #454545; display: block; min-height: 84px; position:absolute; bottom:-100%; left:0px; text-align:left; width:100%; transition: bottom 400ms; -webkit-transition: bottom 400ms; -moz-transition: bottom 400ms; -o-transition: bottom 400ms; } .gallery_descr:before { content:''; background: url(../img/bg_pattern3.png) repeat scroll 0 0 #2c2c2c; width:84px; height:100%; display:block; position:absolute; left:0px; top:0px; z-index:3; } .module_gallery .gallery_descr .titleCaption { padding: 16px 16px 10px 104px; margin-bottom:0!important; } .module_gallery .gallery_item:hover .gallery_descr { bottom:0%; } .module_gallery .gallery_descr .gallery_desc_text { color:#a1a1a1; display:block; margin-bottom:5px; } .module_gallery .gallery_descr a { color:#f3f3f3; font-size:12px; } .module_gallery .post_type { display:block; width:84px; height:84px; position:absolute; left:0; top:0; z-index:5; background-position:0 0; background-repeat:no-repeat; } .module_gallery .post_type:before { width:8px; height:8px; display:block; position:absolute; top:21px; right:0; background:url(../img/arrow.png) no-repeat; content:''; } .module_gallery .post_type_image { background-image:url(../img/icons/post_type-image.png); } .module_gallery .post_type_slider { background-image:url(../img/icons/post_type-slider.png); } .module_gallery .post_type_text { background-image:url(../img/icons/post_type-text.png); } .module_gallery .post_type_link { background-image:url(../img/icons/post_type-link.png); } .module_gallery .post_type_video { background-image:url(../img/icons/post_type-video.png); } /*-- Promoblock --*/ .shortcode_promoblock { padding:23px 0 22px 0; text-align:center; position:relative; } .shortcode_promoblock:before { position:absolute; left:0px; top:0px; width:100%; height:1px; background:url(../img/hr.png) no-repeat center; z-index:5; content:''; } .shortcode_promoblock:after { position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:url(../img/hr.png) no-repeat center; z-index:5; content:''; } .shortcode_promoblock h1 { margin-bottom:5px!important; } .shortcode_promoblock h4 { color:#454545; margin-bottom:6px!important; } .shortcode_promoblock .promo_text_block.span9 { text-align:right!important; } .shortcode_promoblock .promo_button_block { padding-top:8px!important; } /*-- Tabs --*/ .shortcode_tabs { padding:0 0 0px 0; overflow:hidden; } .shortcode_tabs .all_heads_cont { display:block; overflow:hidden; position:relative; z-index:5; } .shortcode_tabs .all_heads_cont:after { content:''; clear:both; } .shortcode_tab_item_title { color:#e4e4e4; text-transform:uppercase; font-weight:bold; display:inline-block; float:left; padding:12px 15px; margin:0px 3px 0 0; margin-bottom:15px; font-size:14px; line-height:18px; background:#2c2c2c url(../img/bg_pattern3.png) repeat; cursor:pointer; border-top-left-radius:2px; border-top-right-radius:2px; overflow:hidden; position:relative; width: 330px !important; transition: background-color 400ms; -webkit-transition: background-color 400ms; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; } .shortcode_tab_item_title:before { position:absolute; bottom:0; left:0; width:100%; height:1px; display:block; background:#000000; content:''; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .shortcode_tab_item_title:hover:before, .shortcode_tab_item_title.active:before { display:none; } .shortcode_tab_item_title.active { /*background-color:#454545;*/ background-color:#A41E34; color:#ffffff!important; /*margin-bottom:0px; padding-bottom:13px;*/ margin-bottom: 15px; padding-bottom: 13px; width: 330px !important; } .shortcode_tab_item_title.active:hover:before, .shortcode_tab_item_title.active.active:before { display:block; background:#454545 url(../img/bg_pattern3.png) repeat; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .shortcode_tab_item_title:hover { color:#ffffff; } .all_body_cont { margin:0; border:none; position:relative; /*background:#454545 url(../img/bg_pattern3.png) repeat;*/ border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; overflow:hidden; margin-top:-1px; padding:0px 18px 11px 18px; padding-left: 0px!important; } .all_body_cont:before { content:''; position:relative; background:#545454; background:(255,255,255,0.09); height:1px; width:100%; position:absolute; left:0px; top:0px; } .all_body_cont, .all_body_cont p { /*color:#a1a1a1;*/ line-height: 18px; margin-bottom: 40px; color:#454545; } .all_body_cont h1, .all_body_cont h2, .all_body_cont h3, .all_body_cont h4, .all_body_cont h5, .all_body_cont h6 { color:#454545; margin-bottom:12px; } .shortcode_tab_item_body { display:none; } .all_body_cont a { color:#99162d; } .shortcode_tab_item_body.active { display:block; } /*.facility{ margin-top: -37px !important; }*/ /*-- Message Boxes --*/ .shortcode_messagebox { background:#454545 url(../img/bg_pattern3.png) repeat; position:relative; overflow:hidden; display:block; border-radius:2px; min-height: 58px; padding: 16px 20px 10px 104px; color:#a1a1a1; } .shortcode_messagebox:before { content:''; display:block; width:84px; height:100%; position:absolute; left:0px; top:0px; background:#2c2c2c url(../img/bg_pattern3.png) repeat 0 0; } .shortcode_messagebox h5 { color:#f3f3f3; font-weight:bold; text-transform:uppercase; margin-bottom:6px!important; } .shortcode_messagebox .box_icon { display:block; position:absolute; left:5px; top:5px; width:74px; height:74px; } .shortcode_messagebox .box_icon:after { width:84px; height:84px; display:block; left:-5px; top:-5px; position:absolute; content:''; border-radius:3px; overflow:hidden; } .shortcode_messagebox .box_icon:before { content:''; position:absolute; right:0; top:21px; display:block; width:8px; height:8px; background:url(../img/arrow.png) no-repeat; } .shortcode_messagebox.box_type1 .box_icon { background-color:#5cab00; } .shortcode_messagebox.box_type2 .box_icon { background-color:#edc50c; } .shortcode_messagebox.box_type3 .box_icon { background-color:#dc3a36; } .shortcode_messagebox.box_type4 .box_icon { background-color:#00b9de; } .shortcode_messagebox.box_type5 .box_icon { } .shortcode_messagebox.box_type1 .box_icon:after { background-image:url(../img/messagebox_success.png); } .shortcode_messagebox.box_type2 .box_icon:after { background-image:url(../img/messagebox_warning.png); } .shortcode_messagebox.box_type3 .box_icon:after { background-image:url(../img/messagebox_error.png); } .shortcode_messagebox.box_type4 .box_icon:after { background-image:url(../img/messagebox_info.png); } .shortcode_messagebox.box_type5 .box_icon:after { background-image:url(../img/messagebox_notice.png); } .shortcode_messagebox .box_close { width:10px; height:10px; position:absolute; right:21px; top:19px; display:block; background:url(../img/messagebox_btn_close.png) no-repeat left top; } .shortcode_messagebox .box_close:hover { background-position:right top; } /*-- Diagrams --*/ .skills_list { padding:0!important; list-style:none!important; margin:0!important; } .skills_list li { padding:0!important; margin:0 0 8px 0!important; color:#454545; font-size:14px; line-height:18px; font-weight:bold; text-transform:uppercase; } .skills_list li:before { display:none!important; } .skills_list li:last-child { margin-bottom:0px!important; } .skill_li .diagram_bg { display:block; background:#454545 url(../img/bg_pattern3.png) repeat scroll 0 0; border-radius: 2px; display: block; overflow: hidden; padding: 0 5px 0 8px; margin-top:2px; position: relative; } .skill_li .diagram_bg .skill_percent { float:right; width:55px; text-align:right; color:#f3f3f3; font-size:14px; line-height:20px; font-weight:bold; } .skill_li .diagram_bg .skill_div { display:block; background:url(../img/bg_pattern3.png) repeat scroll 0 0; border-radius: 2px; display: block; overflow: hidden; height:4px; margin:8px 0 8px 0; float:left; } /* Price Table*/ .module_price_table { overflow:hidden; position:relative; border-radius:2px; } .price_item { display:inline-block; float:left; background:#454545 url(../img/bg_pattern3.png) repeat scroll 0 0; position:relative; text-align:center; } .price_item:before { content:''; position:absolute; left:-1px; top:0; width:2px; height:100%; display:block; background:url(../img/menu_seperator.png) repeat-y; } .price_item:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px; } .price_item:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px; } .most_popular { background:#5f5f5f url(../img/bg_pattern3.png) repeat scroll 0 0; } .price_table_wrapper { border-radius:2px; overflow:hidden; } .price_item .price_item_title h4 { font-size:18px; line-height:19px; padding:16px 15px 18px 15px; text-transform:uppercase; font-weight:bold; color:#f3f3f3; text-align:center; margin:0!important; border-bottom:#111111 1px solid; border-bottom:rgba(0, 0, 0, 0.75) 1px solid; } .most_popular .price_item_title h4 { border-bottom:#292929 1px solid; border-bottom:rgba(0, 0, 0, 0.55) 1px solid; } .price_item_cost { padding: 22px 15px 17px 15px; line-height:53px; background:#2c2c2c url(../img/bg_pattern3.png) repeat scroll 0 0; } .price_item_cost h1, .price_item_cost h1 span { line-height:53px; margin:0; } .price_item_cost h1 { font-size:50px; font-weight:800; } .price_item_cost h1 span { font-weight:400; font-size:18px; text-transform:none; } .price_item_text { padding:11px 15px; display:block; color:#a1a1a1; text-align:center; border-top:#545454 1px solid; border-top:rgba(255,255,255,0.09) 1px solid; border-bottom:#292929 1px solid; border-bottom:rgba(0,0,0,0.4) 1px solid; } .most_popular .price_item_text { color:#d4d4d4; } .most_popular .price_item_cost { background-color:#434343; } .price_item_btn { border-top:#545454 1px solid; border-top:rgba(255,255,255,0.09) 1px solid; height:43px; background:#454545 url(../img/bg_pattern3.png) repeat scroll 0 0; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .price_item_btn a { line-height:43px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#f3f3f3!important; text-align:center; display:block; } .price_item_btn:first-child, .price_item_btn:first-child a { border-bottom-left-radius:2px; } .price_item_btn:last-child, .price_item_btn:last-child a { border-bottom-right-radius:2px; } .price_item_btn a:hover { color:#ffffff!important; } .most_popular .price_item_btn { background:#5f5f5f url(../img/bg_pattern3.png) repeat scroll 0 0; } /*-- Buttons --*/ .shortcode_button { display:inline-block; margin:0 3px 3px 0px; border:none; text-decoration:none; float:left; background-image:url(../img/bg_pattern3.png)!important; background-position:0 0; background-repeat:repeat!important; color:#f3f3f3; border-radius:2px; text-transform:uppercase; } .shortcode_button.btn_small { line-height:32px; font-size:12px; padding:0 15px; font-weight:800; } .shortcode_button.btn_normal { line-height:44px; font-size:14px; padding:0 21px; font-weight:bold; } .shortcode_button.btn_large { line-height:54px; font-size:18px; font-weight:bold; padding: 0 30px; font-weight:bold; } .shortcode_button, .shortcode_button .ico { transition: background-color 300ms, color 300ms, border-color 300ms; -webkit-transition:background-color 300ms, color 300ms, border-color 300ms; -moz-transition:background-color 300ms, color 300ms, border-color 300ms; -o-transition:background-color 300ms, color 300ms, border-color 300ms; } .shortcode_button.btn_type1 { color:#f3f3f3; background-color:#2c2c2c; } .shortcode_button.btn_type2 { color:#f3f3f3; background-color:#454545; } .shortcode_button.btn_type3 { color:#f3f3f3; background-color:#a1a1a1; } .shortcode_button.btn_type4 { color:#f3f3f3; } .shortcode_button.btn_type5 { color:#f3f3f3; } .shortcode_button.btn_type6 { color:#f3f3f3; background-color:#f04523; } .shortcode_button.btn_type7 { color:#f3f3f3; background-color:#ff8400; } .shortcode_button.btn_type8 { color:#f3f3f3; background-color:#ffd600; } .shortcode_button.btn_type9 { color:#f3f3f3; background-color:#d5d803; } .shortcode_button.btn_type10 { color:#f3f3f3; background-color:#72bb00; } .shortcode_button.btn_type11 { color:#f3f3f3; background-color:#00b9de; } .shortcode_button.btn_type12 { color:#f3f3f3; background-color:#1a68ec; } .shortcode_button.btn_type13 { color:#f3f3f3; background-color:#8c45f6; } .shortcode_button.btn_type14 { color:#f3f3f3; background-color:#b62bed; } .shortcode_button.btn_type15 { color:#f3f3f3; background-color:#e63dea; } .shortcode_button.btn_type16 { color:#f3f3f3; background-color:#ea497e; } .shortcode_button:hover { text-decoration:none; color:#ffffff!important; background-color:#2c2c2c!important; } .shortcode_button.btn_type1:hover { color:#f3f3f3!important; } /*-- VideoFrame --*/ iframe.alignleft { float:left; margin:0 20px 10px 0 } iframe.alignright { float:right; margin:0 0px 10px 20px } iframe.alignnone { float:none!important; width:100%!important; } .demo_frame { border:#3d3d3d 6px solid; } .demo_frame iframe { display:block!important; float:none!important; margin:0!important; } /*-- Socials Icons --*/ .ico_socialize { display:inline-block; float:left; margin:0 3px 3px 0; background-color:#2b2b2b; background-position:center; background-repeat:no-repeat; overflow:hidden; border-radius:2px; position:relative; background-image:url(../img/bg_pattern3.png)!important; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .ico_socialize:before { content:''; display:block; position:absolute; left:0px; top:0px; background-position:center; } .ico_socialize:hover { background-color:#5a5a5a; } .ico_socialize.type1 { width:32px; height:32px; } .ico_socialize.type1:before { width:32px; height:32px; } .ico_socialize.type2 { width:40px; height:40px; } .ico_socialize_facebook1:before { background-image:url(../img/icons/ico_socialize_facebook1.png) } .ico_socialize_facebook2:before { background-image:url(../img/icons/ico_socialize_facebook2.png) } .ico_socialize_twitter1:before { background-image:url(../img/icons/ico_socialize_twitter1.png) } .ico_socialize_twitter2:before { background-image:url(../img/icons/ico_socialize_twitter2.png) } .ico_socialize_twitter3:before { background-image:url(../img/icons/ico_socialize_twitter3.png) } .ico_socialize_digg1:before { background-image:url(../img/icons/ico_socialize_digg1.png) } .ico_socialize_digg2:before { background-image:url(../img/icons/ico_socialize_digg2.png) } .ico_socialize_google1:before { background-image:url(../img/icons/ico_socialize_google1.png) } .ico_socialize_google2:before { background-image:url(../img/icons/ico_socialize_google2.png) } .ico_socialize_tumbler:before { background-image:url(../img/icons/ico_socialize_tumbler.png) } .ico_socialize_delicious:before { background-image:url(../img/icons/ico_socialize_delicious.png) } .ico_socialize_plixi:before { background-image:url(../img/icons/ico_socialize_plixi.png) } .ico_socialize_dribbble1:before { background-image:url(../img/icons/ico_socialize_dribbble1.png) } .ico_socialize_dribbble2:before { background-image:url(../img/icons/ico_socialize_dribbble2.png) } .ico_socialize_stubleUpon:before { background-image:url(../img/icons/ico_socialize_stubleUpon.png) } .ico_socialize_lastfm:before { background-image:url(../img/icons/ico_socialize_lastfm.png) } .ico_socialize_moby:before { background-image:url(../img/icons/ico_socialize_moby.png) } .ico_socialize_vimeo:before { background-image:url(../img/icons/ico_socialize_vimeo.png) } .ico_socialize_youtube1:before { background-image:url(../img/icons/ico_socialize_youtube1.png) } .ico_socialize_youtube2:before { background-image:url(../img/icons/ico_socialize_youtube2.png) } .ico_socialize_myspace:before { background-image:url(../img/icons/ico_socialize_myspace.png) } .ico_socialize_linkedIn:before { background-image:url(../img/icons/ico_socialize_linkedIn.png) } .ico_socialize_pinterest:before { background-image:url(../img/icons/ico_socialize_pinterest.png) } .ico_socialize_flickr:before { background-image:url(../img/icons/ico_socialize_flickr.png) } .ico_socialize_vk1:before { background-image:url(../img/icons/ico_socialize_vk1.png) } .ico_socialize_vk2:before { background-image:url(../img/icons/ico_socialize_vk2.png) } .ico_socialize_odnoklassniki:before { background-image:url(../img/icons/ico_socialize_odnoklassniki.png) } .ico_socialize_gowalla:before { background-image:url(../img/icons/ico_socialize_gowalla.png) } .ico_socialize_dropbox:before { background-image:url(../img/icons/ico_socialize_dropbox.png) } .ico_socialize_skype:before { background-image:url(../img/icons/ico_socialize_skype.png) } .ico_socialize_iChat:before { background-image:url(../img/icons/ico_socialize_iChat.png) } .ico_socialize_instagram:before { background-image:url(../img/icons/ico_socialize_instagram.png) } .ico_socialize_evernote:before { background-image:url(../img/icons/ico_socialize_evernote.png) } .ico_socialize_deviantart:before { background-image:url(../img/icons/ico_socialize_deviantart.png) } .ico_socialize_blogspot:before { background-image:url(../img/icons/ico_socialize_blogspot.png) } .ico_socialize_reddit:before { background-image:url(../img/icons/ico_socialize_reddit.png) } .ico_socialize_technorati:before { background-image:url(../img/icons/ico_socialize_technorati.png) } .ico_socialize_yahoo:before { background-image:url(../img/icons/ico_socialize_yahoo.png) } .ico_socialize_diigo:before { background-image:url(../img/icons/ico_socialize_diigo.png) } .ico_socialize_blinklist:before { background-image:url(../img/icons/ico_socialize_blinklist.png) } .ico_socialize_bing:before { background-image:url(../img/icons/ico_socialize_bing.png) } .ico_socialize_behnce:before { background-image:url(../img/icons/ico_socialize_behnce.png) } .ico_socialize_picasa:before { background-image:url(../img/icons/ico_socialize_picasa.png) } .ico_socialize_forrst:before { background-image:url(../img/icons/ico_socialize_forrst.png) } .ico_socialize_ffffound:before { background-image:url(../img/icons/ico_socialize_ffffound.png) } .ico_socialize_viddler:before { background-image:url(../img/icons/ico_socialize_viddler.png) } .ico_socialize_friendfeed:before { background-image:url(../img/icons/ico_socialize_friendfeed.png) } .ico_socialize_mobileMe:before { background-image:url(../img/icons/ico_socialize_mobileMe.png) } .ico_socialize_wordpress:before { background-image:url(../img/icons/ico_socialize_wordpress.png) } .ico_socialize_drupal:before { background-image:url(../img/icons/ico_socialize_drupal.png) } .ico_socialize_paypal:before { background-image:url(../img/icons/ico_socialize_paypal.png) } .ico_socialize_share:before { background-image:url(../img/icons/ico_socialize_share.png) } .ico_socialize_mail:before { background-image:url(../img/icons/ico_socialize_mail.png) } .ico_socialize_rss:before { background-image:url(../img/icons/ico_socialize_rss.png) } .ico_socialize_home:before { background-image:url(../img/icons/ico_socialize_home.png) } .ico_socialize_phone:before { background-image:url(../img/icons/ico_socialize_phone.png) } .ico_socialize_facebook1:hover { background-color:#405890; } .ico_socialize_facebook2:hover { background-color:#405890; } .ico_socialize_twitter1:hover { background-color:#00abf0; } .ico_socialize_twitter2:hover { background-color:#00abf0; } .ico_socialize_twitter3:hover { background-color:#00abf0; } .ico_socialize_digg1:hover { background-color:#1a5891; } .ico_socialize_digg2:hover { background-color:#1a5891; } .ico_socialize_google1:hover { background-color:#1022ba; } .ico_socialize_google2:hover { background-color:#cb2028; } .ico_socialize_tumbler:hover { background-color:#2f4f68; } .ico_socialize_delicious:hover { background-color:#0000fe; } .ico_socialize_plixi:hover { background-color:#06b3f2; } .ico_socialize_dribbble1:hover { background-color:#f16097; } .ico_socialize_dribbble2:hover { background-color:#f16097; } .ico_socialize_stubleUpon:hover { background-color:#52b857; } .ico_socialize_lastfm:hover { background-color:#d21309; } .ico_socialize_moby:hover { background-color:#3199cc; } .ico_socialize_vimeo:hover { background-color:#1ab7ea; } .ico_socialize_youtube1:hover { background-color:#eb0000; } .ico_socialize_youtube2:hover { background-color:#eb0000; } .ico_socialize_myspace:hover { background-color:#00349a; } .ico_socialize_linkedIn:hover { background-color:#0072a4; } .ico_socialize_pinterest:hover { background-color:#cb2028; } .ico_socialize_flickr:hover { background-color:#ff0084; } .ico_socialize_vk1:hover { background-color:#4b6e91; } .ico_socialize_vk2:hover { background-color:#4b6e91; } .ico_socialize_odnoklassniki:hover { background-color:#f48222; } .ico_socialize_gowalla:hover { background-color:#fb7809; } .ico_socialize_dropbox:hover { background-color:#0f57a3; } .ico_socialize_skype:hover { background-color:#00aff0; } .ico_socialize_iChat:hover { background-color:#2388cd; } .ico_socialize_instagram:hover { background-color:#a4765c; } .ico_socialize_evernote:hover { background-color:#87c442; } .ico_socialize_deviantart:hover { background-color:#c8da30; } .ico_socialize_blogspot:hover { background-color:#f6821f; } .ico_socialize_reddit:hover { background-color:#fe4600; } .ico_socialize_technorati:hover { background-color:#00c400; } .ico_socialize_yahoo:hover { background-color:#650f6d; } .ico_socialize_diigo:hover { background-color:#4b8dc6; } .ico_socialize_blinklist:hover { background-color:#fe6400; } .ico_socialize_bing:hover { background-color:#067ecc; } .ico_socialize_behnce:hover { background-color:#2f99d2; } .ico_socialize_picasa:hover { background-color:#b262c7; } .ico_socialize_forrst:hover { background-color:#34712b; } .ico_socialize_ffffound:hover { background-color:#f81b98; } .ico_socialize_viddler:hover { background-color:#288cda; } .ico_socialize_friendfeed:hover { background-color:#a8c9f2; } .ico_socialize_mobileMe:hover { background-color:#1574ce; } .ico_socialize_wordpress:hover { background-color:#1d5379; } .ico_socialize_drupal:hover { background-color:#0173ba; } .ico_socialize_paypal:hover { background-color:#183962; } .ico_socialize_share:hover { background-color:#1d7c3e; } .ico_socialize_mail:hover { background-color:#06b3f2; } .ico_socialize_rss:hover { background-color:#ff9000; } .ico_socialize_home:hover, .ico_socialize_phone:hover { background-color:#a3a3a3; } /*SiteMap*/ .sitemap_list { padding:0!important; margin:0 0 30px 0!important; list-style:none!important; } .sitemap_block_title { margin-bottom:11px!important; } .sitemap_margin { display:none; } .sitemap_list li span, .sitemap_list li span a { font-size:12px!important; } ul.sitemap_list li { color: #8A8A8A; line-height: 16px; margin: 0; padding: 2px 0 2px 18px; position: relative !important; } ul.sitemap_list li:before { background: url(../img/marker_list1.png) no-repeat scroll 0 0 transparent; content: ''; display: block; height: 11px; top: 5px; left: 0; width: 12px; line-height: 20px; padding-right: 0; position: absolute; } ul.sitemap_list li ul { padding:8px 0; } ol.sitemap_list { padding-top:2px!important; } ol.sitemap_list li { padding:0px 0 12px 24px; line-height:16px; } ol.sitemap_list li span.sitemap_author:before, ol.sitemap_list li span.sitemap_comments:before { content:':'; color:#d3d3d3; padding:0 9px 0 7px; } /*Wrappers -----------*/ /*Misc*/ .module_revolution_slider iframe.video_frame { width:100%; height:auto; } .module_theme_slider .slider_type1 { overflow:hidden!important; border-radius:3px!important; } .module_theme_slider .subscribe p { display:block; width:365px; white-space:normal!important; margin-bottom:15px!important; padding-bottom:0px!important; } .left-sidebar .subscribe p, .right-sidebar .subscribe p { display:none!important; } .module_theme_slider .subscribe .inline { display:inline-block; float:left; height:32px; margin-left:3px; } .left-sidebar .module_theme_slider .subscribe .inline, .right-sidebar .module_theme_slider .subscribe .inline { float:none; display:block; } .module_theme_slider .subscribe .subscribe_field { width:221px; height:16px; padding:7px 10px; color:##979696!important;; box-shadow:none!important; border-radius:2px!important; border:1px solid #c7c7c7 !important } .module_theme_slider .subscribe .subscribe_field:focus { color:#2c2c2c; } .module_theme_slider .subscribe #btn_subscribe { height:32px; } .left-sidebar .module_theme_slider .subscribe #btn_subscribe, .right-sidebar .module_theme_slider .subscribe #btn_subscribe { margin-top:3px; } .module_theme_slider .fullscreen_slider { margin-top:-30px!important; z-index: 1; } @media only screen and (min-width: 960px) and (max-width: 1200px) { .module_theme_slider .subscribe p { display:block; width:265px!important; padding-bottom:0px!important; } .module_theme_slider .subscribe #btn_subscribe { margin-top:3px; } .left-sidebar .subscribe p, .right-sidebar .subscribe p { display:none!important; } .left-sidebar .module_theme_slider .subscribe .inline, .right-sidebar .module_theme_slider .subscribe .inline { float:none; display:block; } .left-sidebar .module_theme_slider .subscribe #btn_subscribe, .right-sidebar .module_theme_slider .subscribe #btn_subscribe { margin-top:3px; } .left-sidebar .module_theme_slider .subscribe .subscribe_field, .right-sidebar .module_theme_slider .subscribe .subscribe_field { width:200px!important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .module_theme_slider .subscribe p { display:none!important; } .module_theme_slider .subscribe #btn_subscribe { margin-top:3px; } .module_theme_slider .subscribe .subscribe_field { width:200px!important; } .left-sidebar .module_theme_slider .subscribe, .right-sidebar .module_theme_slider .subscribe { display:none!important; } } @media only screen and (max-width: 767px) { .module_theme_slider .subscribe { display:none!important; } .left-sidebar .module_theme_slider .subscribe, .right-sidebar .module_theme_slider .subscribe { display:none!important; } } .custom_bg_cont { background-repeat:repeat; position:fixed; z-index:-1; width:100%; height:100%; display:block; left:0px; top:0px; background:#505050 url(../img/bg_pattern1.png) repeat; } .custom_bg_cont.bg_pic { background-position:center; background-repeat:no-repeat; background-color:#505050; } .clear { clear:both; } .btn2top { border-radius:2px; background:#5c5c5c url(../img/btn2top.png) no-repeat 0 0; overflow:hidden; float:left; margin-left:5px; width:54px; height:54px; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; display: none; } .btn2top:hover { background-color:#7c7c7c; } .user_pic_layout .btn2top { background-color:#e4e4e4; } } @media only screen and (max-width: 1200px) { .btn2top {display:none!important} } .wrapper404 img { width:100%; height:auto; } /*Layout Styles*/ div.user_bg_image { background-attachment: fixed; background-size: cover; } div.user_bg_image, div.user_bg_layout { width:100%; height:100%; z-index:-1; position:fixed; left:0; top:0; display:block; } /*Module Padding*/ .module_cont { margin-bottom: 35px; } .module_normal_padding { margin-bottom: 40px !important; } .module_medium_padding { margin-bottom: 20px !important; } .module_small_padding { margin-bottom: 10px !important; } .module_none_padding { margin-bottom: 0px !important; } /* Nivo Slider */ /*Chrome Fix*/ @media screen and ( -webkit-min-device-pixel-ratio : 0 ) { .fl-container .feedback_reset, .fl-container .feedback_go, .fl-container .comment_reset, .fl-container .send_comment, .contentarea .feedback_reset, .contentarea .feedback_go, .contentarea .comment_reset, .contentarea .send_comment { padding-top:10px!important; -webkit-appearance: none!important; -webkit-border-radius:2px!important } .field-message, #commentform textarea { margin-bottom:3px!important; } .arrowButton .prevArrow { left:-1px!important; } .shortcode_accordion_item_title, .shortcode_toggles_item_title { overflow:visible!important; } .popular_posts li, .recent_posts li { overflow:visible!important; } } /* *** base.css *** */ footer .logo img.logo_retina, header .logo img.logo_retina { display:none!important; } a.menu_toggler { display:none; } header .mobile_menu_wrapper { display:none; background:#3d3d3d; } nav.mobile_header { display:none!important; } .span12 .items6 li { width:170px; } .span12 .items5 li { width:210px; } .span12 .items4 li { width:270px; } .span12 .items3 li { width:370px; } .span12 .items2 li { width:570px; } .span12 .items1 li { width:1170px; } .span6 .items6 li { width:70px; } .span6 .items5 li { width:90px; } .span6 .items4 li { width:120px; } .span6 .items3 li { width:170px; } .span6 .items2 li { width:270px; } .span6 .items1 li { width:570px; } .span4 .items6 li { width:36px; } .span4 .items5 li { width:50px; } .span4 .items4 li { width:70px; } .span4 .items3 li { width:103px; } .span4 .items2 li { width:170px; } .span4 .items1 li { width:370px; } .span3 .items6 li { width:20px; } .span3 .items5 li { width:30px; } .span3 .items4 li { width:45px; } .span3 .items3 li { width:70px; } .span3 .items2 li { width:120px; } .span3 .items1 li { width:270px; } .span8 .items6 li { width:103px; } .span8 .items5 li { width:130px; } .span8 .items4 li { width:170px; } .span8 .items3 li { width:236px; } .span8 .items2 li { width:370px; } .span8 .items1 li { width:770px; } .span9 .items6 li { width:120px; } .span9 .items5 li { width:150px; } .span9 .items4 li { width:195px; } .span9 .items3 li { width:270px; } .span9 .items2 li { width:420px; } .span9 .items1 li { width:870px; } /* items size with sidebar*/ .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li { width:120px; } .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li { width:150px; } .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li { width:195px; } .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li { width:270px; } .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li { width:425px; } .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li { width:870px; } .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li { width:52px; } .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li { width:67px; } .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li { width:83px; } .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li { width:121px; } .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li { width:197px; } .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li { width:424px; } .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li { width:27px; } .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li { width:37px; } .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li { width:46px; } .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li { width:71px; } .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li { width:122px; } .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li { width:275px; } .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li { width:15px; } .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li { width:22px; } .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li { width:27px; } .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li { width:47px; } .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li { width:85px; } .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li { width:201px; } .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li { width:77px; } .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li { width:97px; } .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li { width:120px; } .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li { width:170px; } .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li { width:271px; } .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li { width:572px; } .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li { width:89px; } .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li { width:111px; } .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li { width:139px; } .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li { width:195px; } .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li { width:308px; } .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:647px; } /*Responsive*/ /*Style.css*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { header .slogan { display:none!important; } header nav ul.sub-menu li ul.sub-menu { display:block; position:absolute; left:-170px!important; top:0px!important; margin-left:0!important; padding-left:0!important; padding-right:2px!important; border-left:#2e2e2e 1px solid; } /*Shortcodes*/ .carousel_desc { padding-left:16px!important; } .carousel_desc .post_type { display:none!important; } .shortcode_promoblock { padding:30px!important; } /* .shortcode_promoblock .promo_text_block, .shortcode_promoblock .promo_text_block { width:100%!important; }*/ .shortcode_promoblock .promo_text_block h4, .shortcode_promoblock .promo_text_block h1 { width:100%!important; text-align:right!important; } .shortcode_promoblock .span12.promo_text_block h4, .shortcode_promoblock .span12.promo_text_block h1 { width:100%!important; text-align:center!important; } .shortcode_promoblock .span12 .promo_text_block, .shortcode_promoblock .span12 .promo_text_block { width:100%!important; } .user_bg_layout header, .user_img_layout header, .user_bg_layout .content_wrapper, .user_img_layout .content_wrapper, .user_bg_layout .pre_footer, .user_img_layout .pre_footer { width:940px; } .user_bg_layout .pre_footer, .user_img_layout .pre_footer { padding-left:20px!important; padding-right:20px!important; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:67px!important; height:67px!important; } footer .copyright { width:170px!important; } .footer_wrapper.container { width:980px!important; } .footer_wrapper .copyright span { display:none!important; } .user_bg_layout .footer_wrapper { width:980px; padding:42px 0 47px 0; } .user_pic_layout .footer_wrapper { width:940px!important; padding-left:20px!important; padding-right:20px!important; } .image-grid .post_type { display:none!important; } .image-grid .portfolio_info_wrapper { padding-left:16px!important; } .popular_posts li .img_wrapper:before, .recent_posts li .img_wrapper:before { display:none!important; } .popular_posts li .img_wrapper, .recent_posts li .img_wrapper { display:block; width:100%; height:auto; float:none!important; } .popular_posts li .img_wrapper img, .recent_posts li .img_wrapper img { width:100%; height:auto; display:block; margin:0!important; float:none!important; } .recent_posts_content { padding:15px!important; float:none!important; display:block!important; } .featured_slider ul li .carousel_desc:before { display:none!important; } .columns2 .element .portfolio_info_wrapper:before, .columns3 .element .portfolio_dscr:after, .columns4 .element .portfolio_dscr:after { content:''; display:none!important; } } @media only screen and (min-width: 766px) and (max-width: 959px) { .featured_slider ul li .carousel_desc:before { display:none!important; } header { min-height:150px!important; } header nav { min-height:54px!important; } header nav ul.menu > li { min-height:54px!important; } header nav ul.menu > li > ul.sub-menu { top:54px!important; } header ul.sub-menu li a { padding-left:12px!important; padding-right:12px!important; } header nav ul.menu > li > a { padding-left:12px!important; padding-right:12px!important; padding-bottom:20px!important; height:auto!important; min-height:14px!important; font-size:12px!important; text-align:center!important; } header nav ul.menu > li > a:before { height:54px!important; } header nav ul.menu > li > a span { display:none!important; } header .header_search_block, header .header_social_block { display:none!important; } .list-of-images { margin-left:-20px!important; } .list-of-images .gallery_item { margin-left:20px!important; max-width:352px!important; margin-bottom:20px!important; } .list-of-images .gallery_item { max-width:352px!important; } .left-sidebar .list-of-images, .right-sidebar .list-of-images { margin-left:-14px!important; } .left-sidebar .list-of-images .gallery_item, .right-sidebar .list-of-images .gallery_item { margin-left:14px!important; max-width:262px!important; margin-bottom:14px!important; } .left-sidebar .list-of-images .gallery_item, .right-sidebar .list-of-images .gallery_item { max-width:262px!important; } .price_item { width:50%!important; margin-bottom:3px!important; } .content_wrapper { width:724px!important; } .main_wrapper, .pre_footer, .content_wrapper { width:100%!important; padding-left:0!important; padding-right:0!important; } .user_bg_layout .main_wrapper, .user_img_layout .main_wrapper, .user_bg_layout .pre_footer, .user_img_layout .pre_footer { width:724px!important; padding-left:10px!important; padding-right:10px!important; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:78px!important; height:78px!important; } footer .footer_wrapper { width:724px; } footer .footer_wrapper .footer_tools { display:none!important; } /*ShortCodes*/ .shortcode_iconbox { padding-left:16px!important; } .shortcode_iconbox .ico, .shortcode_iconbox:before { display:none!important; } .carousel_desc, .portfolio_dscr { padding-left:16px!important; } .carousel_desc .post_type, .portfolio_dscr .post_type { display:none!important; } .user_bg_layout .footer_wrapper { width:744px; padding:42px 0 47px 0; } .user_pic_layout .footer_wrapper { width:724px; padding:37px 20px 47px 20px; } .image-grid .post_type { display:none!important; } .image-grid .portfolio_info_wrapper { padding-left:16px!important; } .popular_posts li .img_wrapper:before, .recent_posts li .img_wrapper:before { display:none!important; } .popular_posts li .img_wrapper, .recent_posts li .img_wrapper { display:block; width:100%; height:auto; float:none!important; } .popular_posts li .img_wrapper img, .recent_posts li .img_wrapper img { width:100%; height:auto; display:block; margin:0!important; float:none!important; } .recent_posts_content { padding:15px!important; } .columns2 .element .portfolio_info_wrapper:before, .columns3 .element .portfolio_dscr:after, .columns4 .element .portfolio_dscr:after { content:''; display:none; } } a.menu_toggler { display:none; } @media only screen and (max-width: 760px) { .gallery_descr:before { display:none!important; } /*.main_wrapper { padding: 53px 30px 0 30px !important; }*/ header { min-height:54px!important; margin-bottom:0!important; } header .logo { margin-bottom:15px!important; } body { padding:0!important; } header .slogan { display:none!important; } header nav { display:none!important; } header .mobile_menu { background:#2c2c2c url(../img/bg_pattern3.png) repeat; position:static; } header .mobile_menu li { padding:2px 0 0 0; position:relative; } header .mobile_menu li::before { content:''; display:block; width:100%; height:2px; background:url(../img/menu_seperator2.png) repeat-x; position:absolute; left:0; bottom:0; } header .mobile_menu > li > a { font-size:14px; text-transform:uppercase; font-weight:bold; color:#f3f3f3; } header .mobile_menu > li > ul.sub-menu li a { padding-left:45px!important; } header .mobile_menu > li > ul.sub-menu li ul.sub-menu li a { padding-left:65px!important; } header .mobile_menu li a { padding:10px 25px; line-height:20px; font-size:12px; color:#fff; display:block; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; font-weight: 700; text-transform:uppercase; } header .mobile_menu .menu li.level1 a{ font-size: 12px; font-weight: 700; text-transform:uppercase; } header .mobile_menu .menu li.level2 a, header .mobile_menu .menu li.level1 .sub-menu a, header .mobile_menu .menu li.level-3.level2 .sub-menu a { font-size: 12px; font-weight: 400; color:#a1a1a1; text-transform: capitalize !important; } header .mobile_menu .menu li.level-3.level2 a { font-size: 13px; color:#f3f0f0; text-transform: uppercase !important; } header .mobile_menu_wrapper { /* margin-left: -32px;*/ width: 100%; } header .mobile_menu li a span { display:none!important;} a.menu_toggler { display:block; position:absolute; /*top:27px; right:0px;*/ top: 16px; right: 14px; width:40px; height:40px; background:url(../img/menu_btn.png) no-repeat; } header .mobile_menu li ul.sub-menu { display:block!important; visibility:visible!important; position:static!important; width:100%!important; } header .mobile_menu > li { width:100%!important; } /* .footer_tools, footer nav, footer .copyright { display:none!important; }*/ .footer_wrapper { height:auto!important; padding:0!important; text-align:center!important; padding:15px 0 21px 0!important; } #footer_bar .sidepanel { margin-bottom:20px!important; } .logo { display:inline-block!important; margin:0 auto!important; float:none!important; } .flickr_wrapper { display:none!important; } .module_google_map iframe { height:320px!important; } .price_item { width:100%!important; margin-bottom:5px!important; } /*.span3 aside.sidebar { margin-top:40px!important; }*/ iframe.alignleft, iframe.alignright { width:100%; display:block; float:none!important; padding:0!important; margin-left:0px!important; margin-right:0px!important; } .module_gallery { margin-left:0!important; } .list-of-images { margin-left:-2.5%!important; } .module_gallery .gallery_item { margin-left:2.5%!important; margin-bottom:2.5%!important; width:47.5%!important; } .module_gallery .gallery_item img { width:100%!important; height:auto!important; } ol.commentlist li ul { padding-left:0px!important; } .pre_footer { padding-left:10px!important; padding-right:10px!important; /*margin-top: -97px !important;*/ padding-top: 8px; } .shortcode_tab_item_title { margin-top:3px; } .gallery_descr { display:none!important} .blogpost_info_wrapper:before { display:none!important; } .blogpost_info_wrapper { padding-left:16px!important; padding-right:16px!important; padding-top:53px!important; } .blog_post_preview .blogpost_info_wrapper { padding-top:16px!important; } .blogpost_info_wrapper .blogpost_share { right:auto!important; left:11px!important; } .blogpost_info_wrapper .post_type { display:none!important; } .blogpost_info_wrapper div:before { display:none!important; } .blogpost_info_wrapper div { float:none!important; display:block!important; } } @media only screen and (min-width: 459px) and (max-width: 766px) { .featured_slider ul li .carousel_desc:after { display:block!important; } .container { width:420px; margin:0 auto; } .logo { max-width:400px!important; } .logo img { max-width:400px!important; display:block!important; } .content_wrapper { width:420px!important; } .main_wrapper, .pre_footer { width:420px!important; } .user_bg_layout .footer_wrapper { width:440px; padding:42px 0 47px 0; } .user_pic_layout .footer_wrapper { width:420px; padding-left:10px!important; padding-right:10px!important; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:134px!important; height:134px!important; } .portfolio_descr_info div:before { display:block!important; } .portfolio_descr_info div { display:block!important; float:none!important; } .portfolio_info_wrapper { /*padding-left:16px!important;*/ } .portfolio_info_wrapper .post_type { display:block!important; } } @media only screen and (max-width: 459px) { .container { width:300px; margin:0 auto; } .logo { max-width:300px!important; } .logo img { max-width:300px!important; display:block!important; } /*.content_wrapper { width:300px!important; }*/ .main_wrapper, .pre_footer { /*width:300px!important;*/ /*margin-top:0px;*/ } /*.main_wrapper { padding: 53px 30px 0 10px !important; }*/ .user_bg_layout .footer_wrapper { width:320px!important; } .user_pic_layout .footer_wrapper { width:300px!important; padding-left:10px!important; padding-right:10px!important; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:94px!important; height:94px!important; } .portfolio_descr_info div { display:block!important; float:none!important; } } /*portfolio_isotope.css*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { .columns1 { width:940px!important; margin:0; } .columns1 .element { min-height:322px!important; } /*Widths*/ .columns2 .portfolio_dscr, .columns3 .portfolio_dscr, .columns4 .portfolio_dscr { padding-left:16px!important; } .columns2, .columns3, .columns4 { margin:0 0 0 4px; width:960px; margin-left:-20px!important; } .columns2 .element { width:460px!important; min-height:323px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .columns2 .element img { display:block; } .columns3 .element { width:300px!important; margin-left:20px; margin-bottom:20px; min-height:211px!important; } .columns4 .element { width:220px!important; margin-left:20px; margin-bottom:20px; min-height:154px!important; } .columns1 .portfolio_preview_head { padding-left:16px!important; } .left-sidebar .columns1, .right-sidebar .columns1 { width:700px!important; } .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:720px!important; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element { width:340px!important; } .left-sidebar .columns3 .element, .right-sidebar .columns3 .element { width:220px!important; } .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:160px!important; } } @media only screen and (min-width: 767px) and (max-width: 959px) { .columns1 { width:724px!important; } .columns1 .portfolio_dscr { padding:0!important; } .columns1 .portfolio_preview_head { padding-left:16px!important; } .columns2, .columns3, .columns4 { margin:0 0 0 4px; width:744px; margin-left:-20px!important; } .columns2 .element { width:352px!important; min-height:247px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .columns2 .element img { display:block; } .columns3 .element { width:228px!important; min-height:160px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .columns4 .element { width:166px!important; min-height:116px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .left-sidebar .columns1, .right-sidebar .columns1 { width:538px!important; } .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:558px!important; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element { width:259px!important; } .left-sidebar .columns3 .element, .right-sidebar .columns3 .element { width:166px!important; } .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:119px!important; } } @media only screen and (min-width: 459px) and (max-width: 766px) { /*Widths*/ .columns1, .columns2, .columns3, .columns4 { margin:0 0 0 0px!important; width:420px!important; } .columns2 .element, .columns3 .element, .columns4 .element { width:420px!important; margin:0 0 20px 0px!important; min-height:271px!important; /*float:none!important;*/ display:inline-block!important; } .columns1 .element img, .columns2 .element img, .columns3 .element img, .columns4 .element img { display:block!important; } .filter_navigation { overflow:hidden!important; } .columns1 .filter_img { float:none!important; width:420px!important; margin-bottom:15px!important; } .columns1 .portfolio_dscr { float:none!important; width:420px!important; margin:0px!important; } .columns2 .element .portfolio_content p, .columns3 .element .portfolio_content p, .columns4 .element .portfolio_content p, .columns2 .element .portfolio_content h5, .columns3 .element .portfolio_content h5, .columns4 .element .portfolio_content h5 { display:none!important; } .columns1 .portfolio_dscr { padding:0!important; } .left-sidebar .columns1, .right-sidebar .columns1, .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:420px!important; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element, .left-sidebar .columns3 .element, .right-sidebar .columns3 .element, .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:420px!important; } .pf_video_container iframe { height:220px!important; } .promo_text_block h1, .promo_text_block h4, .promo_button_block { text-align:center!important; } .promo_button_block .shortcode_button { margin:0 auto!important; float:none!important; } header ul.sub-menu li ul.sub-menu { margin:0!important; padding:0!important; } } @media only screen and (max-width: 459px) { /*Widths*/ .columns1, .columns2, .columns3, .columns4 { margin:0 0 0 0px!important; width:300px!important; } .columns1 .element { margin:0 0 20px 0!important; } .advps-slide-field-three > a{ float: none; min-height: 165px !important; height: 100% !important; width: 100% !important; margin: 0px !important; } .advps-excerpt-three { padding-left: 15px !important; padding-top: 20px !important; } .columns1 .element, .columns2 .element, .columns3 .element, .columns4 .element { width:300px!important; margin:0 0 20px 0px!important; min-height:194px!important; float:none!important; display:block!important; } .columns1 .element img, .columns2 .element img, .columns3 .element img, .columns4 .element img { display:block; } .columns2 .element .portfolio_content p, .columns3 .element .portfolio_content p, .columns4 .element .portfolio_content p, .columns2 .element .portfolio_content h5, .columns3 .element .portfolio_content h5, .columns4 .element .portfolio_content h5 { display:none!important; } .filter_navigation { overflow:hidden } .columns1 .filter_img { float:none!important; width:300px!important; margin-bottom:15px!important; } .columns1 .portfolio_dscr { float:none!important; width:300px!important; margin:0px!important; } .columns1 .portfolio_dscr { padding:0!important; } .left-sidebar .columns1, .right-sidebar .columns1, .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:300px!important; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element, .left-sidebar .columns3 .element, .right-sidebar .columns3 .element, .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:300px!important; } .pf_video_container iframe { height:160px!important; } .promo_text_block h1, .promo_text_block h4, .promo_button_block { text-align:center!important; } .promo_button_block .shortcode_button { margin:0 auto!important; float:none!important; } header ul.sub-menu li ul.sub-menu { margin:0!important; padding:0!important; } } /*-- Carousel --*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .carouselslider ul { } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider { width:940px; } .tp-bullets{ top: 336px; left: 107px !important; } .span6 .carouselslider { width:458px; } .span4 .carouselslider { width:298px; } .span3 .carouselslider { width:220px; } .span8 .carouselslider { width:618px; } .span9 .carouselslider { width:700px; } .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider { width:700px; } .left-sidebar .posts-block .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider { width:341px; } .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider { width:221px; } .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider { width:161px; } .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider { width:460px; } .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider { width:520px; } .span12 .items5 li { width:172px; } .span12 .items4 li { width:220px; } .span12 .items3 li { width:300px; } .span12 .items2 li { width:460px; } .span12 .items1 li { width:940px; } .span6 .items5 li { width:75px; } .span6 .items4 li { width:99px; } .span6 .items3 li { width:139px; } .span6 .items2 li { width:219px; } .span6 .items1 li { width:458px; } .span4 .items5 li { width:43px; } .span4 .items4 li { width:59px; } .span4 .items3 li { width:86px; } .span4 .items2 li { width:139px; } .span4 .items1 li { width:298px; } .span3 .items5 li { width:28px; } .span3 .items4 li { width:40px; } .span3 .items3 li { width:60px; } .span3 .items2 li { width:100px; } .span3 .items1 li { width:220px; } .span8 .items5 li { width:107px; } .span8 .items4 li { width:139px; } .span8 .items3 li { width:192px; } .span8 .items2 li { width:299px; } .span8 .items1 li { width:618px; } .span9 .items5 li { width:124px; } .span9 .items4 li { width:160px; } .span9 .items3 li { width:220px; } .span9 .items2 li { width:340px; } .span9 .items1 li { width:700px; } /* items size with sidebar*/ .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li { width:124px; } .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li { width:160px; } .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li { width:220px; } .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li { width:340px; } .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li { width:700px; } .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li { width:52px; } .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li { width:70px; } .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li { width:100px; } .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li { width:160px; } .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li { width:341px; } .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li { width:28px; } .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li { width:40px; } .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li { width:60px; } .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li { width:100px; } .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li { width:221px; } .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li { width:16px; } .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li { width:25px; } .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li { width:40px; } .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li { width:70px; } .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li { width:161px; } .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li { width:76px; } .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li { width:100px; } .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li { width:140px; } .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li { width:220px; } .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li { width:460px; } .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li { width:88px; } .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li { width:115px; } .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li { width:160px; } .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li { width:250px; } .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:520px; } } @media only screen and (min-width: 767px) and (max-width: 959px) { .carouselslider ul { } .carouselslider ul li { padding:0 0 0 20px!important; } .left-sidebar .carouselslider ul, .right-sidebar .carouselslider ul { } .left-sidebar .carouselslider ul li, .right-sidebar .carouselslider ul li { padding:0 0 0 14px!important; } .tp-bullets{ top: 259px; left: 80px !important; } .span12 .carouselslider { width:724px!important; } .span6 .carouselslider { width:352px!important; } .span4 .carouselslider { width:228px!important; } .span3 .carouselslider { width:166px!important; } .span8 .carouselslider { width:476px!important; } .span9 .carouselslider { width:538px!important; } .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider { width:538px!important; } .left-sidebar .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider { width:424px!important; } .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider { width:169px!important; } .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider { width:123px!important; } .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider { width:354px!important; } .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider { width:400px!important; } .span12 .items6 li { width:104px!important; } .span12 .items5 li { width:136px!important; } .span12 .items4 li { width:166px!important; } .span12 .items3 li { width:228px!important; } .span12 .items2 li { width:352px!important; } .span12 .items1 li { width:724px!important; } .span6 .items6 li { width:42px!important; } .span6 .items5 li { width:54px!important; } .span6 .items4 li { width:73px!important; } .span6 .items3 li { width:104px!important; } .span6 .items2 li { width:166px!important; } .span6 .items1 li { width:352px!important; } .span4 .items6 li { width:21px!important; } .span4 .items5 li { width:29px!important; } .span4 .items4 li { width:42px!important; } .span4 .items3 li { width:62px!important; } .span4 .items2 li { width:104px!important; } .span4 .items1 li { width:228px!important; } .span3 .items6 li { width:11px!important; } .span3 .items5 li { width:17px!important; } .span3 .items4 li { width:26px!important; } .span3 .items3 li { width:42px!important; } .span3 .items2 li { width:73px!important; } .span3 .items1 li { width:166px!important; } .span8 .items6 li { width:62px!important; } .span8 .items5 li { width:79px!important; } .span8 .items4 li { width:104px!important; } .span8 .items3 li { width:145px!important; } .span8 .items2 li { width:228px!important; } .span8 .items1 li { width:476px!important; } .span9 .items6 li { width:73px!important; } .span9 .items5 li { width:91px!important; } .span9 .items4 li { width:119px!important; } .span9 .items3 li { width:166px!important; } .span9 .items2 li { width:259px!important; } .span9 .items1 li { width:538px!important; } /* items size with sidebar*/ .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li { width:78px!important; } .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li { width:96px!important; } .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li { width:124px!important; } .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li { width:170px!important; } .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li { width:262px!important; } .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li { width:538px!important; } .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li { width:59px!important; } .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li { width:73px!important; } .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li { width:95px!important; } .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li { width:132px!important; } .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li { width:205px!important; } .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li { width:424px!important; } .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li { width:16px!important; } .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li { width:22px!important; } .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li { width:31px!important; } .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li { width:47px!important; } .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li { width:77px!important; } .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li { width:169px!important; } .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li { width:8px!important; } .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li { width:13px!important; } .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li { width:20px!important; } .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li { width:31px!important; } .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li { width:54px!important; } .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li { width:123px!important; } .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li { width:47px!important; } .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li { width:59px!important; } .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li { width:78px!important; } .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li { width:108px!important; } .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li { width:170px!important; } .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li { width:354px!important; } .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li { width:55px!important; } .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li { width:68px!important; } .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li { width:89px!important; } .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li { width:124px!important; } .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li { width:193px!important; } .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:400px!important; } } @media only screen and (min-width: 459px) and (max-width: 766px) { .carouselslider ul { } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider, .span6 .carouselslider, .span4 .carouselslider, .span3 .carouselslider, .span8 .carouselslider, .span9 .carouselslider, .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider, .left-sidebar .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider, .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider, .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider, .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider, .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider, .span12 .items6 li, .span12 .items5 li, .span12 .items4 li, .span12 .items3 li, .span12 .items2 li, .span12 .items1 li, .span6 .items6 li, .span6 .items5 li, .span6 .items4 li, .span6 .items3 li, .span6 .items2 li, .span6 .items1 li, .span4 .items6 li, .span4 .items5 li, .span4 .items4 li, .span4 .items3 li, .span4 .items2 li, .span4 .items1 li, .span4 .items6 li, .span4 .items5 li, .span3 .items4 li, .span3 .items3 li, .span3 .items2 li, .span3 .items1 li, .span8 .items6 li, .span8 .items5 li, .span8 .items4 li, .span8 .items3 li, .span8 .items2 li, .span8 .items1 li, .span8 .items6 li, .span9 .items5 li, .span9 .items4 li, .span9 .items3 li, .span9 .items2 li, .span9 .items1 li, .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li, .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li, .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li, .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li, .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li, .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li, .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li, .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li, .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li, .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li, .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li, .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li, .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li, .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li, .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li, .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li, .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li, .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li, .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li, .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li, .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li, .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li, .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li, .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li, .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li, .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li, .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li, .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li, .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li, .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li, .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li, .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li, .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li, .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li, .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li, .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:420px!important; } } @media only screen and (max-width: 459px) { .carouselslider ul { } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider, .span6 .carouselslider, .span4 .carouselslider, .span3 .carouselslider, .span8 .carouselslider, .span9 .carouselslider, .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider, .left-sidebar .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider, .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider, .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider, .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider, .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider, .span12 .items6 li, .span12 .items5 li, .span12 .items4 li, .span12 .items3 li, .span12 .items2 li, .span12 .items1 li, .span6 .items6 li, .span6 .items5 li, .span6 .items4 li, .span6 .items3 li, .span6 .items2 li, .span6 .items1 li, .span4 .items6 li, .span4 .items5 li, .span4 .items4 li, .span4 .items3 li, .span4 .items2 li, .span4 .items1 li, .span4 .items6 li, .span4 .items5 li, .span3 .items4 li, .span3 .items3 li, .span3 .items2 li, .span3 .items1 li, .span8 .items6 li, .span8 .items5 li, .span8 .items4 li, .span8 .items3 li, .span8 .items2 li, .span8 .items1 li, .span8 .items6 li, .span9 .items5 li, .span9 .items4 li, .span9 .items3 li, .span9 .items2 li, .span9 .items1 li, .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li, .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li, .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li, .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li, .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li, .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li, .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li, .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li, .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li, .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li, .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li, .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li, .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li, .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li, .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li, .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li, .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li, .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li, .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li, .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li, .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li, .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li, .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li, .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li, .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li, .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li, .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li, .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li, .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li, .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li, .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li, .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li, .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li, .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li, .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li, .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:300px !important; } } @media only screen and (min-width: 761px) { /*header .mobile_menu_wrapper { display:none!important; }*/ } /*RETINA*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) { footer .logo img.logo_retina, header .logo img.logo_retina { display:none;!important; } .logo img.logo2_def, .logo img.logo_def { display:block;!important; } a.menu_toggler { background-image:url(../img/retina/menu_btn.png)!important; background-size: 40px 40px!important; } /*Arrow*/ .columns1 .element .post_type:before, .columns2 .element .post_type:before, .columns3 .element .post_type:before, .columns4 .element .post_type:before, .blog_post_preview .post_type:before, .blog_post_head .post_type:before, ol.commentlist li .commentava:before, .popular_posts li .img_wrapper:before, .recent_posts li .img_wrapper:before, .featured_slider .item .post_type:before, .shortcode_iconbox .ico:before, .module_gallery .post_type:before, .shortcode_messagebox .box_icon:before { background-size: 8px 8px!important; background: url(../img/retina/arrow.png) no-repeat scroll 0 0 transparent; } .testimonials_list li .testimonials_photo:before { background-size: 8px 8px!important; background: url(../img/retina/arrow_white.png) no-repeat scroll 0 0 transparent; } /*Shortcodes*/ .shortcode_accordion_item_title.ui-state-active .ico:before, .shortcode_toggles_item_title.ui-state-active .ico:before { background-size: 44px 44px!important; background-image:url(../img/retina/accordion_minus.png); } .shortcode_accordion_item_title .ico:before, .shortcode_toggles_item_title .ico:before { background-size: 44px 44px!important; background-image:url(../img/retina/accordion_plus.png); } .ico_socialize:before { background-size: 26px 26px!important; } .ico_socialize_facebook1:before { background-image:url(../img/retina/icons/ico_socialize_facebook1.png) } .ico_socialize_facebook2:before { background-image:url(../img/retina/icons/ico_socialize_facebook2.png) } .ico_socialize_twitter1:before { background-image:url(../img/retina/icons/ico_socialize_twitter1.png) } .ico_socialize_twitter2:before { background-image:url(../img/retina/icons/ico_socialize_twitter2.png) } .ico_socialize_twitter3:before { background-image:url(../img/retina/icons/ico_socialize_twitter3.png) } .ico_socialize_digg1:before { background-image:url(../img/retina/icons/ico_socialize_digg1.png) } .ico_socialize_digg2:before { background-image:url(../img/retina/icons/ico_socialize_digg2.png) } .ico_socialize_google1:before { background-image:url(../img/retina/icons/ico_socialize_google1.png) } .ico_socialize_google2:before { background-image:url(../img/retina/icons/ico_socialize_google2.png) } .ico_socialize_tumbler:before { background-image:url(../img/retina/icons/ico_socialize_tumbler.png) } .ico_socialize_delicious:before { background-image:url(../img/retina/icons/ico_socialize_delicious.png) } .ico_socialize_plixi:before { background-image:url(../img/retina/icons/ico_socialize_plixi.png) } .ico_socialize_dribbble1:before { background-image:url(../img/retina/icons/ico_socialize_dribbble1.png) } .ico_socialize_dribbble2:before { background-image:url(../img/retina/icons/ico_socialize_dribbble2.png) } .ico_socialize_stubleUpon:before { background-image:url(../img/retina/icons/ico_socialize_stubleUpon.png) } .ico_socialize_lastfm:before { background-image:url(../img/retina/icons/ico_socialize_lastfm.png) } .ico_socialize_moby:before { background-image:url(../img/retina/icons/ico_socialize_moby.png) } .ico_socialize_vimeo:before { background-image:url(../img/retina/icons/ico_socialize_vimeo.png) } .ico_socialize_youtube1:before { background-image:url(../img/retina/icons/ico_socialize_youtube1.png) } .ico_socialize_youtube2:before { background-image:url(../img/retina/icons/ico_socialize_youtube2.png) } .ico_socialize_myspace:before { background-image:url(../img/retina/icons/ico_socialize_myspace.png) } .ico_socialize_linkedIn:before { background-image:url(../img/retina/icons/ico_socialize_linkedIn.png) } .ico_socialize_pinterest:before { background-image:url(../img/retina/icons/ico_socialize_pinterest.png) } .ico_socialize_flickr:before { background-image:url(../img/retina/icons/ico_socialize_flickr.png) } .ico_socialize_vk1:before { background-image:url(../img/retina/icons/ico_socialize_vk1.png) } .ico_socialize_vk2:before { background-image:url(../img/retina/icons/ico_socialize_vk2.png) } .ico_socialize_odnoklassniki:before { background-image:url(../img/retina/icons/ico_socialize_odnoklassniki.png) } .ico_socialize_gowalla:before { background-image:url(../img/retina/icons/ico_socialize_gowalla.png) } .ico_socialize_dropbox:before { background-image:url(../img/retina/icons/ico_socialize_dropbox.png) } .ico_socialize_skype:before { background-image:url(../img/retina/icons/ico_socialize_skype.png) } .ico_socialize_iChat:before { background-image:url(../img/retina/icons/ico_socialize_iChat.png) } .ico_socialize_instagram:before { background-image:url(../img/retina/icons/ico_socialize_instagram.png) } .ico_socialize_evernote:before { background-image:url(../img/retina/icons/ico_socialize_evernote.png) } .ico_socialize_deviantart:before { background-image:url(../img/retina/icons/ico_socialize_deviantart.png) } .ico_socialize_blogspot:before { background-image:url(../img/retina/icons/ico_socialize_blogspot.png) } .ico_socialize_reddit:before { background-image:url(../img/retina/icons/ico_socialize_reddit.png) } .ico_socialize_technorati:before { background-image:url(../img/retina/icons/ico_socialize_technorati.png) } .ico_socialize_yahoo:before { background-image:url(../img/retina/icons/ico_socialize_yahoo.png) } .ico_socialize_diigo:before { background-image:url(../img/retina/icons/ico_socialize_diigo.png) } .ico_socialize_blinklist:before { background-image:url(../img/retina/icons/ico_socialize_blinklist.png) } .ico_socialize_bing:before { background-image:url(../img/retina/icons/ico_socialize_bing.png) } .ico_socialize_behnce:before { background-image:url(../img/retina/icons/ico_socialize_behnce.png) } .ico_socialize_picasa:before { background-image:url(../img/retina/icons/ico_socialize_picasa.png) } .ico_socialize_forrst:before { background-image:url(../img/retina/icons/ico_socialize_forrst.png) } .ico_socialize_ffffound:before { background-image:url(../img/retina/icons/ico_socialize_ffffound.png) } .ico_socialize_viddler:before { background-image:url(../img/retina/icons/ico_socialize_viddler.png) } .ico_socialize_friendfeed:before { background-image:url(../img/retina/icons/ico_socialize_friendfeed.png) } .ico_socialize_mobileMe:before { background-image:url(../img/retina/icons/ico_socialize_mobileMe.png) } .ico_socialize_wordpress:before { background-image:url(../img/retina/icons/ico_socialize_wordpress.png) } .ico_socialize_drupal:before { background-image:url(../img/retina/icons/ico_socialize_drupal.png) } .ico_socialize_paypal:before { background-image:url(../img/retina/icons/ico_socialize_paypal.png) } .ico_socialize_share:before { background-image:url(../img/retina/icons/ico_socialize_share.png) } .ico_socialize_mail:before { background-image:url(../img/retina/icons/ico_socialize_mail.png) } .ico_socialize_rss:before { background-image:url(../img/retina/icons/ico_socialize_rss.png) } .ico_socialize_home:before { background-image:url(../img/retina/icons/ico_socialize_home.png) } .ico_socialize_phone:before { background-image:url(../img/retina/icons/ico_socialize_phone.png) } /*PostType*/ .columns1 .element .post_type_image, .columns2 .element .post_type_image, .columns3 .element .post_type_image, .columns4 .element .post_type_image, .blog_post_preview .post_type_image, .featured_slider .item .post_type_image, .module_gallery .post_type_image { background-image:url(../img/retina/icons/post_type-image.png); background-size: 84px 84px!important; } .columns1 .element .post_type_slider, .columns2 .element .post_type_slider, .columns3 .element .post_type_slider, .columns4 .element .post_type_slider, .blog_post_preview .post_type_slider, .featured_slider .item .post_type_slider, .module_gallery .post_type_slider { background-image:url(../img/retina/icons/post_type-slider.png); background-size: 84px 84px!important; } .columns1 .element .post_type_text, .columns2 .element .post_type_text, .columns3 .element .post_type_text, .columns4 .element .post_type_text, .blog_post_preview .post_type_text, .featured_slider .item .post_type_text, .module_gallery .post_type_text { background-image:url(../img/retina/icons/post_type-text.png); background-size: 84px 84px!important; } .columns1 .element .post_type_link, .columns2 .element .post_type_link, .columns3 .element .post_type_link, .columns4 .element .post_type_link, .blog_post_preview .post_type_link, .featured_slider .item .post_type_link, .module_gallery .post_type_link { background-image:url(../img/retina/icons/post_type-link.png); background-size: 84px 84px!important; } .columns1 .element .post_type_video, .columns2 .element .post_type_video, .columns3 .element .post_type_video, .columns4 .element .post_type_video, .blog_post_preview .post_type_video, .featured_slider .item .post_type_video, .module_gallery .post_type_video { background-image:url(../img/retina/icons/post_type-video.png); background-size: 84px 84px!important; } .blog_post_head .post_type_image { background-image:url(../img/retina/icons/post_type-ltl-image.png); background-size: 54px 54px!important; } .blog_post_head .post_type_slider { background-image:url(../img/retina/icons/post_type-ltl-slider.png); background-size: 54px 54px!important; } .blog_post_head .post_type_text { background-image:url(../img/retina/icons/post_type-ltl-text.png); background-size: 54px 54px!important; } .blog_post_head .post_type_link { background-image:url(../img/retina/icons/post_type-ltl-link.png); background-size: 54px 54px!important; } .blog_post_head .post_type_video { background-image:url(../img/retina/icons/post_type-ltl-video.png); background-size: 54px 54px!important; } .contentarea ul.list_type1 li:before { background:url(../img/retina/marker_list1.png) no-repeat 0 0; background-size: 8px 11px!important; } .contentarea ul.list_type2 li:before { background:url(../img/retina/marker_list2.png) no-repeat 0 0; background-size: 9px 11px!important; } .contentarea ul.list_type3 li:before { background:url(../img/retina/marker_list3.png) no-repeat 0 0; background-size: 8px 11px!important; } .contentarea ul.list_type4 li:before { background:url(../img/retina/marker_list4.png) no-repeat 0 0; background-size: 12px 11px!important; } .contentarea ul.list_type5 li:before { background:url(../img/retina/marker_list5.png) no-repeat 0 0; background-size: 8px 11px!important; } .contentarea ul.list_type6 li:before { background:url(../img/retina/marker_list6.png) no-repeat 0 0; background-size: 8px 11px!important; } .carouselslider ul li .smallproflinks a:before { background-size: 32px 32px!important; } .carouselslider ul li .smallproflinks a.facebook_link:before { background-image:url(../img/retina/icons/ico_carousel_facebook.png); } .carouselslider ul li .smallproflinks a.twitter_link:before { background-image:url(../img/retina/icons/ico_carousel_twitter.png); } .carouselslider ul li .smallproflinks a.tumbler_link:before { background-image:url(../img/retina/icons/ico_carousel_tumbler.png); } .carouselslider ul li .smallproflinks a.linkedin_link:before { background-image:url(../img/retina/icons/ico_carousel_linked.png); } .carouselslider ul li .smallproflinks a.member_email:before { background-image:url(../img/retina/icons/ico_carousel_mail.png); } .carouselslider .carousel-previous { background: url(../../../uploads/2016/07/Prev-Btn.png) no-repeat 0 0; } .carouselslider .carousel-next { background: url(../../../uploads/2016/07/Next-Btn.png) no-repeat 0 0; } .nivo-nextNav { background-image:url(../img/retina/slider_next.png)!important; background-size: 44px 44px!important; } .nivo-prevNav { background-image:url(../img/retina/slider_prev.png)!important; background-size: 44px 44px!important; } .tp-leftarrow { background-image:url(../img/retina/slider_prev.png)!important; background-size: 44px 44px!important; } .tp-rightarrow { background-image:url(../img/retina/slider_next.png)!important; background-size: 44px 44px!important; } .btn2top { background-size: 54px 54px!important; background-image:url(../img/btn2top.png); } .header_search_block > a:before { background-size: 54px 54px!important; background:url(../img/retina/btn_top_search.png) no-repeat; } .header_social_block > a:before { background-size: 54px 54px!important; background:url(../img/retina/btn_top_social.png) no-repeat; } .header_cart_block > a:before { background-size: 54px 54px!important; background:url(../img/retina/btn_top_cart.png) no-repeat; } .widget_nav_menu ul li a:after, .widget_archive ul li a:after, .widget_pages ul li a:after, .widget_categories ul li a:after, .widget_recent_entries ul li a:after{ background-size: 44px 44px!important; background-image:url(../img/retina/custom_menu_arrow.png); } .header_social_block.toggled .header_social_content:before, .header_cart_block.toggled .header_cart_content:before, .header_search_block.toggled .header_search_content:before, .footer_social_block.toggled .footer_social_content:before, .footer_search_block.toggled .footer_search_content:before { background-size: 10px 54px!important; background-image:url(../img/retina/header_tools_arrow.png); } .shortcode_messagebox .box_close { background-size: 20px 10px!important; background-image:url(../img/retina/messagebox_btn_close.png); } .shortcode_messagebox.box_type1 .box_icon:after { background-size: 84px 84px!important; background-image:url(../img/retina/messagebox_success.png); } .shortcode_messagebox.box_type2 .box_icon:after { background-size: 84px 84px!important; background-image:url(../img/retina/messagebox_warning.png); } .shortcode_messagebox.box_type3 .box_icon:after { background-size: 84px 84px!important; background-image:url(../img/retina/messagebox_error.png); } .shortcode_messagebox.box_type4 .box_icon:after { background-size: 84px 84px!important; background-image:url(../img/retina/messagebox_info.png); } .shortcode_messagebox.box_type5 .box_icon:after { background-size: 84px 84px!important; background-image:url(../img/retina/messagebox_notice.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 500px) { .arrowButton .prevArrow { background-size:10px 18px!important; background-image:url(../img/retina/slider_prev.png)!important; } .arrowButton .nextArrow { background-size:10px 18px!important; background-image:url(../img/retina/slider_next.png)!important; } } /*kogomori styles*/ .shortcode_promoblock .promo_button_block{ text-align: left; } .shortcode_promoblock .promo_button_block .promo_button{ background: url("../img/bg_pattern3.png") repeat scroll 0 0 #2C2C2C; color: #ECECEC; display: inline-block; font-size: 20px; font-weight: bold; line-height: 48px; margin-top: 7px; padding: 0 35px; text-align: center; transition: all 400ms ease 0s; } .inf_list .tsmnl .tsmnl-img { float: left; overflow: hidden; margin-top: 3px; } .inf_list .tsmnl .tsmnl-cont p{ padding-left: 100px; font-size: 13px; } .inf_list .tsmnl .tsmnl-cont span{ color: #EA497E; padding-left: 100px; } .googlemaps_point p{ margin:40px 0px 40px 0px; font-size: 13px; } .git_list ul li{ list-style: none; float: left; width: 360px; line-height: 28px; } .git_list ul li:before{ content: none; } .git_list ul li span{ padding-left: 5px; } /*Revolution Slider Settings*/ .module_revolution_slider ul { margin:0!important; padding:0!important; list-style:none!important; } .module_revolution_slider ul li { margin:0!important; padding:0!important; list-style:none!important; position:absolute!important; display:block; } .module_revolution_slider ul li:before { content:''!important; display:none!important; } .module_revolution_slider .banner { background:url(../img/slider/bg_slider.png) repeat 0 0; } .module_revolution_slider .banner, .module_revolution_slider .fullwidthbanner { border-radius:2px; overflow:hidden; } .slotholder { width:100%; height:auto; display:block; } @media only screen and (max-width: 760px) { .module_theme_slider .fullscreen_slider { margin-top:0px!important; } } .featured_slider { margin-bottom: -38px !important; } .caption.fullscreenvideo iframe { max-height:460px!important; } .tp-bannershadow { display:none!important; } .rev_slider_wrapper { padding:0!important; } .rev_slider_wrapper ul { /*position:relative;*/ } .rev_slider_wrapper li { position:absolute!important; left:0px; top:0px!important; } .tparrows { width:34px!important; height:34px!important; display:block; margin:-17px 0 0 0!important; top:50%!important; bottom:auto!important; position:absolute!important; background-color:transparent!important; background-position:0 0; background-repeat:no-repeat; } .tparrows:before { content:''!important; width:48px!important; height:76px!important; display:block!important; position:absolute!important; top:-5px!important; overflow:hidden!important; } .rev_slider_wrapper .tparrows { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .rev_slider_wrapper:hover .tparrows { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .tp-leftarrow { background-image:none!important; left:5px!important; right:auto!important; } .tp-rightarrow { background-image:none!important; right:5px!important; left:auto!important; } .tp-leftarrow:before { background-image:url("../../../uploads/2016/06/Carousel.png")!important; /*border-top-right-radius:2px; border-bottom-right-radius:2px;*/ background-repeat: no-repeat; left:50px; } .tp-rightarrow:before { background-image:url("../../../uploads/2016/06/Next-Carousel.png")!important; /*border-top-left-radius:2px; border-bottom-left-radius:2px;*/ background-repeat: no-repeat; right:50px; } .rs-fullscreen .tp-leftarrow { left:9px!important; right:auto!important; } .rs-fullscreen .tp-rightarrow { right:9px!important; left:auto!important; } /*404 Page*/ .wrapper404 { position:relative!important; background:url(../img/404_img.jpg) no-repeat; background-size: 1170px 264px; width:1170px; height:264px; } .wrapper404 .title404 { color:#4e4e4e; text-transform:uppercase; font-size:33px; line-height:35px; position:absolute; left:606px; top:53px; } .wrapper404 .title404 span { color:#4e4e4e; text-transform:uppercase; font-size:33px; line-height:35px; font-weight:bold; } .wrapper404 .text404 { color:#8d8d8d; font-size:15px; line-height:17px; position:absolute; left:608px; top:92px; } @media only screen and (min-width: 960px) and (max-width: 1200px) { .wrapper404 { background-size: 940px 212px; width:940px; height:212px; } .wrapper404 .title404 { left:487px; top:38px; font-size:33px; line-height:35px; } .wrapper404 .title404 span { font-size:33px; line-height:35px; } .wrapper404 .text404 { left:488px; top:71px; font-size:12px; line-height:14px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .wrapper404 { background-size: 724px 163px; width:724px; height:163px; } .wrapper404 .title404 { left:375px; top:25px; font-size:24px; line-height:26px; } .wrapper404 .title404 span { font-size:24px; line-height:26px; } .wrapper404 .text404 { left:376px; top:50px; font-size:12px; line-height:14px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .wrapper404 { background-size: 420px 95px; width:420px; height:95px; } .wrapper404 .title404, .wrapper404 .title404 span { left:217px; top:21px; font-size:16px; line-height:18px; } .wrapper404 .text404 { display:none!important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .wrapper404 { background-size: 300px 68px; width:300px; height:68px; } .wrapper404 .title404, .wrapper404 .title404 span { left:150px; top:15px; font-size:12px; line-height:14px; } .wrapper404 .text404 { display:none!important; } } .main_wrapper { padding-bottom: 30px; } .shortcode_iconbox p { padding-bottom: 5px; } .gallery_item .gallery_desc_text { display: block; padding-top: 6px; } .gallery_item .gallery_title { color:#ffffff; } .module_cont { min-height: 20px !important; } hr.light { background-color: transparent !important; } .module_normal_padding { margin-bottom: 35px !important; } .module_medium_padding { margin-bottom: 20px !important; } .module_small_padding { margin-bottom: 10px !important; } .module_none_padding { margin-bottom: 0 !important; } .shortcode_messagebox { padding-bottom: 15px; } .sitemap_with_parent { margin: 0 0 0 18px !important; } .blog_post_head .blogpost_info_wrapper { min-height: 32px; } .shortcode_promoblock .promo_button_block { padding-top: 6px !important; } /*.contentarea p { padding-bottom: 12px; } */ .contentarea p:last-child { padding-bottom: 0; } blockquote.shortcode_blockquote p, .testimonials_list p, .shortcode_iconbox p, .portfolio_dscr p { padding-bottom: 0; } .form-allowed-tags { display: none; } .aligncenter, .bypostauthor, .gallery-caption, .sticky, .wp-caption-text, .wp-caption { } .pf_video_container { line-height: 0; } .ajaxanswer { padding-top: 10px; } /* PORTFOLIO MODULE SUPPORT*/ .module_portfolio.span12 .columns1 { width:1170px; margin:0px!important; } .module_portfolio.span6 .columns1 { width:570px; margin:0px!important; } .module_portfolio.span9 .columns1 { width:870px; margin:0px!important; } .module_portfolio.span8 .columns1 { width:770px; margin:0px!important; } .module_portfolio.span4 .columns1 { width:370px; margin:0px!important; } .module_portfolio.span3 .columns1 { width:270px; margin:0px!important; } .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1 { width:870px; margin:0px!important; } .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1 { width:424px; margin:0px!important; } .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1 { width:647px; margin:0px!important; } .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1 { width:573px; margin:0px!important; } .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1 { width:275px; margin:0px!important; } .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1 { width:201px; margin:0px!important; } .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4 { width:1200px; margin:0px 0 0 -30px!important; } .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4 { width:600px; margin:0px 0 0 -30px!important; } .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4 { width:900px; margin:0px 0 0 -30px!important; } .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4 { width:800px; margin:0px 0 0 -30px!important; } .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4 { width:400px; margin:0px 0 0 -30px!important; } .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4 { width:300px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4 { width:900px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4 { width:454px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4 { width:677px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4 { width:603px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4 { width:305px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:231px; margin:0px 0 0 -30px!important; } .module_portfolio.span12 .columns2 .element { margin-left:30px; width:570px; min-height:10px; } .module_portfolio.span12 .columns3 .element { margin-left:30px; width:370px; min-height:10px; } .module_portfolio.span12 .columns4 .element { margin-left:30px; width:270px; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:30px; width:420px; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:30px; width:270px; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:30px; width:195px; min-height:10px; } .module_portfolio.span6 .columns2 .element { margin-left:30px; width:270px; min-height:10px; } .module_portfolio.span6 .columns3 .element { margin-left:30px; width:170px; min-height:10px; } .module_portfolio.span6 .columns4 .element { margin-left:30px; width:120px; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:30px; width:197px; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:30px; width:121px; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:30px; width:83px; min-height:10px; } .module_portfolio.span9 .columns2 .element { margin-left:30px; width:420px; min-height:10px; } .module_portfolio.span9 .columns3 .element { margin-left:30px; width:270px; min-height:10px; } .module_portfolio.span9 .columns4 .element { margin-left:30px; width:195px; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:30px; width:308px; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:30px; width:195px; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:30px; width:139px; min-height:10px; } .module_portfolio.span8 .columns2 .element { margin-left:30px; width:370px; min-height:10px; } .module_portfolio.span8 .columns3 .element { margin-left:30px; width:236px; min-height:10px; } .module_portfolio.span8 .columns4 .element { margin-left:30px; width:170px; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:30px; width:271px; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:30px; width:171px; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:30px; width:120px; min-height:10px; } .module_portfolio.span4 .columns2 .element { margin-left:30px; width:170px; min-height:10px; } .module_portfolio.span4 .columns3 .element { margin-left:30px; width:103px; min-height:10px; } .module_portfolio.span4 .columns4 .element { margin-left:30px; width:70px; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:30px; width:122px; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:30px; width:71px; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:30px; width:46px; min-height:10px; } .module_portfolio.span3 .columns2 .element { margin-left:30px; width:120px; min-height:10px; } .module_portfolio.span3 .columns3 .element { margin-left:30px; width:70px; min-height:10px; } .module_portfolio.span3 .columns4 .element { margin-left:30px; width:45px; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:30px; width:85px; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:30px; width:47px; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:30px; width:27px; min-height:10px; } /*Landscape iPad*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { .module_portfolio.span12 .columns1 { width:940px!important; margin:0px!important; } .module_portfolio.span6 .columns1 { width:460px!important; margin:0px!important; } .module_portfolio.span9 .columns1 { width:700px!important; margin:0px!important; } .module_portfolio.span8 .columns1 { width:620px!important; margin:0px!important; } .module_portfolio.span4 .columns1 { width:300px!important; margin:0px!important; } .module_portfolio.span3 .columns1 { width:220px!important; margin:0px!important; } .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1 { width:700px!important; margin:0px!important; } .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1 { width:343px!important; margin:0px!important; } .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1 { width:521px!important; margin:0px!important; } .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1 { width:462px!important; margin:0px!important; } .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1 { width:223px!important; margin:0px!important; } .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1 { width:164px!important; margin:0px!important; } .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4 { width:960px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4 { width:480px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4 { width:720px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4 { width:640px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4 { width:320px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4 { width:240px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4 { width:720px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4 { width:363px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4 { width:541px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4 { width:482px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4 { width:243px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:184px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span12 .columns2 .element { margin-left:20px; width:460px!important; min-height:10px; } .module_portfolio.span12 .columns3 .element { margin-left:20px; width:300px!important; min-height:10px; } .module_portfolio.span12 .columns4 .element { margin-left:20px; width:220px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:20px; width:340px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:20px; width:220px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:20px; width:160px!important; min-height:10px; } .module_portfolio.span6 .columns2 .element { margin-left:20px; width:220px!important; min-height:10px; } .module_portfolio.span6 .columns3 .element { margin-left:20px; width:140px!important; min-height:10px; } .module_portfolio.span6 .columns4 .element { margin-left:20px; width:100px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:20px; width:161px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:20px; width:101px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:20px; width:70px!important; min-height:10px; } .module_portfolio.span9 .columns2 .element { margin-left:20px; width:340px!important; min-height:10px; } .module_portfolio.span9 .columns3 .element { margin-left:20px; width:220px!important; min-height:10px; } .module_portfolio.span9 .columns4 .element { margin-left:20px; width:160px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:20px; width:250px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:20px; width:160px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:20px; width:115px!important; min-height:10px; } .module_portfolio.span8 .columns2 .element { margin-left:20px; width:300px!important; min-height:10px; } .module_portfolio.span8 .columns3 .element { margin-left:20px; width:193px!important; min-height:10px; } .module_portfolio.span8 .columns4 .element { margin-left:20px; width:140px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:20px; width:221px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:20px; width:140px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:20px; width:100px!important; min-height:10px; } .module_portfolio.span4 .columns2 .element { margin-left:20px; width:140px!important; min-height:10px; } .module_portfolio.span4 .columns3 .element { margin-left:20px; width:86px!important; min-height:10px; } .module_portfolio.span4 .columns4 .element { margin-left:20px; width:60px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:20px; width:101px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:20px; width:61px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:20px; width:40px!important; min-height:10px; } .module_portfolio.span3 .columns2 .element { margin-left:20px; width:100px!important; min-height:10px; } .module_portfolio.span3 .columns3 .element { margin-left:20px; width:60px!important; min-height:10px; } .module_portfolio.span3 .columns4 .element { margin-left:20px; width:40px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:20px; width:72px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:20px; width:41px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:20px; width:26px!important; min-height:10px; } } /*Portrait iPad*/ @media only screen and (min-width: 760px) and (max-width: 959px) { .module_portfolio.span12 .columns1 { width:724px!important; margin:0px!important; } .module_portfolio.span6 .columns1 { width:352px!important; margin:0px!important; } .module_portfolio.span9 .columns1 { width:538px!important; margin:0px!important; } .module_portfolio.span8 .columns1 { width:476px!important; margin:0px!important; } .module_portfolio.span4 .columns1 { width:228px!important; margin:0px!important; } .module_portfolio.span3 .columns1 { width:166px!important; margin:0px!important; } .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1 { width:538px!important; margin:0px!important; } .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1 { width:262px!important; margin:0px!important; } .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1 { width:400px!important; margin:0px!important; } .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1 { width:354px!important; margin:0px!important; } .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1 { width:169px!important; margin:0px!important; } .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1 { width:123px!important; margin:0px!important; } .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4 { width:744px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4 { width:372px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4 { width:558px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4 { width:496px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4 { width:248px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4 { width:186px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4 { width:558px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4 { width:282px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4 { width:420px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4 { width:374px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4 { width:189px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:143px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span12 .columns2 .element { margin-left:20px; width:352px!important; min-height:10px; } .module_portfolio.span12 .columns3 .element { margin-left:20px; width:228px!important; min-height:10px; } .module_portfolio.span12 .columns4 .element { margin-left:20px; width:166px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:20px; width:259px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:20px; width:166px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:20px; width:119px!important; min-height:10px; } .module_portfolio.span6 .columns2 .element { margin-left:20px; width:166px!important; min-height:10px; } .module_portfolio.span6 .columns3 .element { margin-left:20px; width:104px!important; min-height:10px; } .module_portfolio.span6 .columns4 .element { margin-left:20px; width:73px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:20px; width:121px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:20px; width:74px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:20px; width:50px!important; min-height:10px; } .module_portfolio.span9 .columns2 .element { margin-left:20px; width:259px!important; min-height:10px; } .module_portfolio.span9 .columns3 .element { margin-left:20px; width:166px!important; min-height:10px; } .module_portfolio.span9 .columns4 .element { margin-left:20px; width:119px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:20px; width:190px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:20px; width:120px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:20px; width:85px!important; min-height:10px; } .module_portfolio.span8 .columns2 .element { margin-left:20px; width:228px!important; min-height:10px; } .module_portfolio.span8 .columns3 .element { margin-left:20px; width:145px!important; min-height:10px; } .module_portfolio.span8 .columns4 .element { margin-left:20px; width:104px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:20px; width:167px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:20px; width:104px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:20px; width:73px!important; min-height:10px; } .module_portfolio.span4 .columns2 .element { margin-left:20px; width:104px!important; min-height:10px; } .module_portfolio.span4 .columns3 .element { margin-left:20px; width:62px!important; min-height:10px; } .module_portfolio.span4 .columns4 .element { margin-left:20px; width:42px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:20px; width:74px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:20px; width:43px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:20px; width:27px!important; min-height:10px; } .module_portfolio.span3 .columns2 .element { margin-left:20px; width:73px!important; min-height:10px; } .module_portfolio.span3 .columns3 .element { margin-left:20px; width:42px!important; min-height:10px; } .module_portfolio.span3 .columns4 .element { margin-left:20px; width:26px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:20px; width:51px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:20px; width:27px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:20px; width:15px!important; min-height:10px; } } /*Landscape iPhone*/ @media only screen and (min-width: 475px) and (max-width: 759px) { .module_portfolio.span12 .columns1, .module_portfolio.span6 .columns1, .module_portfolio.span9 .columns1, .module_portfolio.span8 .columns1, .module_portfolio.span4 .columns1, .module_portfolio.span3 .columns1, .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1, .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1, .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1, .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1, .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1, .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1, .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4, .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4, .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4, .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4, .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4, .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4, .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4, .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4, .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4, .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4, .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4, .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:420px!important; margin:0px 0 0 0px!important; } .module_portfolio.span12 .columns2 .element, .module_portfolio.span12 .columns3 .element, .module_portfolio.span12 .columns4 .element, .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element, .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element, .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element, .module_portfolio.span6 .columns2 .element, .module_portfolio.span6 .columns3 .element, .module_portfolio.span6 .columns4 .element, .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element, .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element, .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element, .module_portfolio.span9 .columns2 .element, .module_portfolio.span9 .columns3 .element, .module_portfolio.span9 .columns4 .element, .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element, .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element, .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element, .module_portfolio.span8 .columns2 .element, .module_portfolio.span8 .columns3 .element, .module_portfolio.span8 .columns4 .element, .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element, .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element, .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element, .module_portfolio.span4 .columns2 .element, .module_portfolio.span4 .columns3 .element, .module_portfolio.span4 .columns4 .element, .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element, .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element, .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element, .module_portfolio.span3 .columns2 .element, .module_portfolio.span3 .columns3 .element, .module_portfolio.span3 .columns4 .element, .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element, .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element, .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:0px!important; width:420px!important; min-height:10px; } } /*Portrait iPhone*/ @media only screen and (max-width: 474px) { .module_portfolio.span12 .columns1, .module_portfolio.span6 .columns1, .module_portfolio.span9 .columns1, .module_portfolio.span8 .columns1, .module_portfolio.span4 .columns1, .module_portfolio.span3 .columns1, .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1, .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1, .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1, .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1, .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1, .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1, .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4, .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4, .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4, .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4, .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4, .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4, .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4, .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4, .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4, .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4, .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4, .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:300px!important; margin:0px 0 0 0px!important; } .module_portfolio.span12 .columns2 .element, .module_portfolio.span12 .columns3 .element, .module_portfolio.span12 .columns4 .element, .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element, .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element, .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element, .module_portfolio.span6 .columns2 .element, .module_portfolio.span6 .columns3 .element, .module_portfolio.span6 .columns4 .element, .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element, .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element, .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element, .module_portfolio.span9 .columns2 .element, .module_portfolio.span9 .columns3 .element, .module_portfolio.span9 .columns4 .element, .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element, .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element, .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element, .module_portfolio.span8 .columns2 .element, .module_portfolio.span8 .columns3 .element, .module_portfolio.span8 .columns4 .element, .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element, .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element, .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element, .module_portfolio.span4 .columns2 .element, .module_portfolio.span4 .columns3 .element, .module_portfolio.span4 .columns4 .element, .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element, .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element, .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element, .module_portfolio.span3 .columns2 .element, .module_portfolio.span3 .columns3 .element, .module_portfolio.span3 .columns4 .element, .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element, .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element, .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:0px!important; width:300px!important; min-height:10px; } } /*IE8 Fixes*/ .ie8 li.recentcomments:before { display:none!important; } /* Carousel Fixes*/ .margin-fixer { margin-left:-30px!important; height:auto!important; } .carousel-wrap ul { margin-left:0px; } .carousel-wrap, .carousel-wrap li { height:auto!important; } .item_list { overflow:hidden;} /*-- Carousel --*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .margin-fixer { margin-left:-20px!important; height:auto!important; } .carouselslider ul li { padding:0 0 0 20px!important; } } @media only screen and (min-width: 767px) and (max-width: 959px) { .margin-fixer { margin-left:-20px!important; height:auto!important; } .carouselslider ul li { padding:0 0 0 20px!important; } } @media only screen and (min-width: 459px) and (max-width: 766px) { .margin-fixer { margin-left:-20px!important; height:auto!important; } .carouselslider ul li { padding:0 0 0 20px!important; } } @media only screen and (max-width: 459px) { .margin-fixer { margin-left:-20px!important; height:auto!important; } .carouselslider ul li { padding:0 0 0 20px!important; } } .covered { background-attachment: fixed; background-size: cover; } .layout_trigger { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2; } .image_bg_cont { background-size: cover; } .module_testimonial .module_content{ background-color: #f2f2f2; } .testimonials_title h2{ color: #a41e34; font-size: 14px; padding-left: 40px; padding-top: 30px; font-weight: 600; } .testimonials_title h4{ font-size: 26px; padding-left: 40px; word-wrap: break-word; width: 80%; line-height: 1.1; font-weight: 600; margin-top: -15px; } .testimonials_title p{ font-size: 20px!important; line-height: 29px!important; padding-left: 40px; margin-top: 24px; font-weight: 400; } .module_content .item{ padding-left: 30px!important; } .testimonials_content img{ width: 100%; margin-bottom: 0px; } .feedback_go{ display: block!important; margin-left: 182px; } .addressinfo li:nth-child(1){ color: rgb(164, 30, 52); font-size: 14px; } .addressinfo li:nth-child(2),.addressinfo li:nth-child(3) { line-height: 20px; } #footer_bar > .sidebar_header:nth-child(3){ margin-left: 40px!important; } .addressinfo li:nth-child(4){ color: rgb(164, 30, 52); font-size: 14px; margin-bottom: 20px; padding-top: 20px; } .blue-section{ background-color: #31cece; height: 160px; padding: 15px 12px 15px 15px; width: 570px; margin-top: 18px; /* margin-top: 30px;*/ } .inblue-section { background-color: #65cdf2; height: 160px; padding: 15px 12px 15px 15px; width: 570px; margin-top: 18px; /*margin-top: 30px;*/ } .green-section { background-color: #96d06a; height: 160px; margin-top: 30px; padding: 15px 12px 15px 15px; width: 570px; } .orange-section { background-color: #ff6748; height: 160px; margin-top: 30px; padding: 15px 12px 15px 15px; width: 570px; } .blue-section img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 25px 33px; } .blue-section h3, .inblue-section h3, .green-section h3, .orange-section h3 { color: #fff; font-size: 24px; margin-left: 165px; padding-top: 15px; text-transform: capitalize; } .blue-section p, .green-section p, .inblue-section p { color: #fff; font-size: 15px!important; margin-left: 165px; margin-top: -7px; font-weight: 400; width: 57%; line-height: 20px!important; padding-bottom: 0px; } .orange-section p { color: #fff; font-size: 15px!important; margin-left: 165px; margin-top: -12px; font-weight: 400; width: 57%; line-height: 16px!important; } .inblue-section img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 25px 33px; } .green-section img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 42px 33px; } .orange-section img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 8px 33px; } .quick { font-size: 24px; color: #fff; text-transform: capitalize; font-weight: 400; } .Company-profile { margin-bottom: -38px; margin-top: 50px; } .Company-profile h3 { border-right: 1px solid #9fa1a4; color: #a41e34; float: left; font-size: 28px; height: 29px; margin-left: 274px; padding-right: 20px; padding-top: 6px; font-weight: bolder; } .compny-title h4 { float: left; padding-left: 25px; color: #9fa1a4; font-size: 28px; font-weight: bold; text-align: center; padding-top: 6px; } .Company-profile p { color: #000116; float: left; font-size: 15px; font-weight: lighter; letter-spacing: 0.2px; line-height: 20px; margin-left: 48px; margin-top: 7px; text-align: center; width: 87%; margin-bottom: 16px; } .Company-profile button { font-size: 12px; text-align: center; } .carousel-wrap .item{ padding-left: 0px!important; } .addressinfo{ margin-left: 101px; margin-bottom: 38px; } .header_language_block > a::before { background: rgba(0, 0, 0, 0) url("../../../uploads/2016/06/Language-btn.png") no-repeat scroll 0 0; } .header_language_block > a::before { border-radius: 2px; content: ""; display: block; height: 54px; left: -50px; overflow: hidden; position: absolute; top: -5px; width: 94px; } .header_language_block > a{ background: #e4e4e4; /* url("../img/btn_topbtn_bg.png") repeat scroll 0 0*/ display: inline-block; height: 44px; left: 5px; position: absolute; top: 5px; transition: background-color 300ms ease 0s; width: 44px; } .header_language_block{ display: inline-block; float: left; height: 54px; margin-left: 5px; min-width: 10px; padding-left: 44px; position: relative; } .portal { color: #9fa1a4; display: inline-block; font-size: 14px; margin-left: 60px; margin-top: 14px; margin-right: 12px; } .trader { border-left: 1px solid #9fa1a4; color: #9fa1a4; /* float: right; */ font-size: 14px; padding-left: 17px; } .trader img{ margin-right:10px; } .sample-test{ margin-left: 22px!important; } .jsn-bootstrap3 .glyphicon { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; position: relative; top: -2px!important; font-size: 8px!important; } .menu-terms-and-conditions-container ul li a:after{ content:''; display:block; position:absolute; left:-44px; top:0px; width:44px; height:44px; background:url("../../../uploads/2016/06/Terms-Conditions-Icon.png") no-repeat scroll 0 0; z-index:7; border-top-left-radius:2px; border-bottom-left-radius:2px; } #footer_bar > div:nth-child(3) > div > h3{ margin-left: 101px; } .portal img{ padding-right: 8px; } .wr-megamenu-container ul.wr-mega-menu > li::before { } .tp-button.red { background-color: #a41e34 !important; border: medium none !important; box-shadow: none !important; color: white !important; display: inline-block; float: left; font-weight: 400; margin-left: 0 !important; margin-top: 25px; padding: 1px 23px 15px; text-align: center; text-decoration: none; border-radius: 0px; } #breadcrumb-menu-header-menu{ padding-left: 20px!important; } .trail-items li::after { content: ">"!important; padding: 0 0.5em; } .trail-begin a{ color: #000!important; } .trail-end > span{ color: #a41e34; } .tparrows:hover{ background-color: transparent !important; } .magazine img{ width: 150px; height: 200px; } .magazine h4{ color: #99162d; font-size: 16px; margin-bottom: 10px; /* margin-top: 10px; */ text-align: left; } .tab-content { overflow: hidden !important; } .preview-text p{ color: #fff!important; } .block-sub-menu{ padding-top: 10px; } .preview-text h4{ } #magazine-class img{ height: 200px; width: 150px; } .dw-mega-menu-row ul li { display: block !important; width: 24%!important; float: left!important; } .dw-sub-menu li{ display: inline-block !important; float: left !important; width: 31% !important; } .feedback_form textarea{ resize: none; } .block-sub-menu{ margin-top: 10px; } .preview-text h4{ margin-top: -5px!important; } .home #breadcrumb-menu-header-menu{ display: none; } .preview-text p{ margin-right: 50px!important; } .block-sub-menu{ margin-left: 50px!important; } /*#aboutus{ margin-bottom: 20px; }*/ #address1 .preview-text{ height: 155px; } #address2 .preview-text{ height: 155px; } #address1 p{ margin-right: 50px!important; } #address2 p,#address2 h4{ margin-left: 50px!important; } #aboutus .preview-text{ height: 150px; } #breadcrumb-menu-header-menu-1{ padding-left: 0px; margin-top: 14px; } .dropdown-toggle::after{ content: ""; font-size: 20px!important; position: relative!important; width: 48px!important; padding: 0px 30px 0px 0px; border:none; color: #fff; background: url("../../../uploads/2016/06/Down-1.png") no-repeat; } .dropdown-toggle { background-color: transparent !important; border: medium none!important; float: right !important; font-size: 20px !important; position: relative; top: -30px !important; } .upmark::after{ content: ""; background: url("../../../uploads/2016/06/Up-1.png") no-repeat; padding: 0px 30px 0px 0px; color: #fff; position: relative!important; width: 48px!important; border:none; } .upmark{ background-color: transparent !important; border: medium none!important; float: right !important; font-size: 20px !important; position: relative; top: -30px !important; } .quicklink{ border-top:1px solid #c3c3c3; } .portdes{ float: right; margin-top: -50px; } .language img{ /*margin-top: 27px;*/ margin-top: 16px; padding-right: 28px !important; width: 57%; } .module_partners{ margin-top: 17px; } .recognitions h3 { color: #252525; font-size: 32px; margin-bottom: 47px; text-align: left; font-weight: 500; margin-top: 44px; } .recognitions ul { padding-left: 0; padding-right: 0; } .recognitions ul li { float: left; list-style: outside none none; margin-bottom: -53px; padding-right: 8px; } .recognitions{ margin-left: 0px; /* height: 244px;*/ height: 285px; /* height: 306px;*/ } .footline{ border-top:1px solid #c3c3c3; float: left; width:100%; margin-bottom: 37px; } #wpfront-scroll-top-container img{ width: 83%!important; } .ip{ font-size: 14px!important; line-height: 18px!important; } .blue-section1 img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 25px 33px; } .inblue-section1 img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 25px 33px; } .green-section1 img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 42px 33px; } .orange-section1 img { border-right: 1px solid #ffffff; float: left; padding: 22px 35px 8px 33px; } .blue-section1 { background-color: #31cece; height: 80px; margin-top: 18px; padding: 15px 12px 0px 10px; width: 250px; margin-left: 0px!important; } .inblue-section1 { background-color: #65cdf2; height: 80px; margin-top: 18px; padding: 15px 12px 0px 10px; width: 250px; margin-left: 0; margin-right: 15px !important; } .green-section1 { background-color: #96d06a; height: 80px; margin-top: 18px; padding: 15px 12px 0px 10px; width: 250px; margin-left: 15px !important; } .orange-section1 { background-color: #ff6748; height: 80px; margin-top: 18px; padding: 15px 12px 0px 10px; width: 250px; margin-left: 15px !important; } .blue-section1 img { margin-left: 0 !important; padding: 10px 19px 17px 10px !important; width: 15%; margin-right: 13px; } .inblue-section1 img { margin-left: 0 !important; padding: 10px 19px 17px 10px !important; width: 15%; margin-right: 13px; } .green-section1 img{ margin-left: 0 !important; padding: 10px 19px 26px 10px !important; width: 15%; margin-right: 13px; } .orange-section1 img{ margin-left: 0 !important; padding: 10px 19px 8px 10px !important; width: 15%; margin-right: 15px; } .blue-section1 h3, .inblue-section1 h3, .green-section1 h3, .orange-section1 h3 { font-size: 15px !important; margin-left: 0px !important; padding-top: 19px !important; text-transform: none; color: #fff; font-weight: 600; text-align: left; } .quick1 { color: #fff; font-size: 15px; font-weight: 500; text-transform: capitalize; } .usermng{ /*margin-left: 0px!important;*/ } .designdevlp a:hover{ text-decoration: underline; color: #fff!important; } .page-id-195 .usermng{ /* margin-bottom: 75px!important;*/ } .module_tabs{ margin-bottom: -63px !important; } .ip > h2{ margin-bottom: 20px !important; margin-top: -12px; } .ip > p, .innovationimage > p, .electrodeimage > p, .corrosionimage >p{ margin-bottom: 10px; font-size: 14px!important; } .ip > strong{ margin-bottom: 10px; font-size: 14px!important; } .main-prod{ margin-left: 0px!important; } .corrosionimage > h4{ width: 93%; word-wrap:break-word; line-height: 26px; } .ip > p, .careeropen > p, .scholarship > p, .qatarization > p, .qatari > p { font-size: 14px !important; margin-bottom: 10px; } .ip > p, .safeimage5 > p, .safeimage6 > p{ font-size: 14px !important; margin-bottom: 10px; } .prodction-facility{ margin-bottom: 18px !important; } .roadmap li{ margin-bottom: 10px; } .tp-caption.black{ text-transform: uppercase; } .innovation1 { clear: both; margin-left: 28px !important; } .innovation1 li{ list-style: none; text-transform: capitalize; } .audit{ margin-top: 17px; } .magazine{ margin-bottom: 8px; padding-left: 0px; margin-left: 0px!important; } .qatari-section h5, .qatari-section1 h5{ margin-bottom: 17px; } .historyrecog{ margin-bottom: 36px; margin-left: 0 !important; margin-top: 25px; } .historyyear { margin-right: -20px; } .historypara p{ margin-left: 20px; } .historypara ul li{ color:#454545; } .year1{ border-right: 1px solid #cccccc; height: 100%; min-height: 58px !important; } .history{ border-left:1px solid #cccccc; } .sidebar-mainmenu > li:first-child{ text-transform: capitalize; font-weight: 700 !important; } @media only screen (min-width: 980px) and (max-width: 1280px) { .Company-profile h3 { margin-left: 168px; } } @media only screen (min-width: 768px) and (max-width: 979px) { .inblue-section1 { width: 300px; } .inblue-section1 img { padding: 7px 19px 12px 10px !important; } } @media only screen (min-width: 360px) and (max-width: 640px) { .main_wrapper { width: 0px !important; } } @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) { .tp-bullets{ left: 631px !important; margin-top: -31px; } } @media screen and (max-width: 640px){ #advps_container3 h2.advs-title, #advps_container3 h2.advs-title a { font-size:18px !important; line-height:20px !important; } } /* march13*/ .portals { color: rgb(159, 161, 164); display: block; font-size: 14px; margin-right: 12px; margin-top: 16px; float:left; margin-left:20px; } .traders { color: rgb(159, 161, 164); display: block; font-size: 14px; margin-right: 12px; margin-top: 16px; float:left; } .row.hidden-lg { border-bottom: 1px solid #ccc; } @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation:landscape) { .container { width:545px; } .language { margin-right: 6px !important; } a.menu_toggler { right: 48px !important; top: 43px !important; } .carousel-next { margin-right: -29px !important; } .blue-section, .inblue-section, .green-section, .orange-section { height: 123px !important; width: 100%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape) { .container { width:420px; } .carousel-next { right: 90px; } .blue-section, .inblue-section, .green-section, .orange-section { height: 123px !important; width: 100%; } }