/* Minification failed. Returning unminified contents. (137,1): run-time error CSS1019: Unexpected token, found '@import' (137,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Raleway:400,700,200)' (138,1): run-time error CSS1019: Unexpected token, found '@import' (138,9): run-time error CSS1019: Unexpected token, found 'url(font-awesome.min.css)' (236,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (246,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (266,1): run-time error CSS1019: Unexpected token, found '@keyframes' (267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1746,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1764,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1782,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1800,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2178,43): run-time error CSS1030: Expected identifier, found '.' (2178,60): run-time error CSS1031: Expected selector, found ')' (2178,60): run-time error CSS1025: Expected comma or open brace, found ')' (4819,24): run-time error CSS1030: Expected identifier, found 'iframe' (4819,30): run-time error CSS1031: Expected selector, found ')' (4819,30): run-time error CSS1025: Expected comma or open brace, found ')' (6203,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6217,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8569,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8570,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8583,5): run-time error CSS1019: Unexpected token, found '@keyframes' (8584,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8597,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8598,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8611,5): run-time error CSS1019: Unexpected token, found '@keyframes' (8612,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8621,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8622,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8631,5): run-time error CSS1019: Unexpected token, found '@keyframes' (8632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8641,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8642,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8651,5): run-time error CSS1019: Unexpected token, found '@keyframes' (8652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8668,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8669,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8685,5): run-time error CSS1019: Unexpected token, found '@keyframes' (8686,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8702,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8703,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8719,5): run-time error CSS1019: Unexpected token, found '@keyframes' (8720,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8735,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8736,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8750,1): run-time error CSS1019: Unexpected token, found '}' (9010,28): run-time error CSS1030: Expected identifier, found 'iframe' (9010,34): run-time error CSS1031: Expected selector, found ')' (9010,34): run-time error CSS1025: Expected comma or open brace, found ')' (9701,28): run-time error CSS1030: Expected identifier, found 'iframe' (9701,34): run-time error CSS1031: Expected selector, found ')' (9701,34): run-time error CSS1025: Expected comma or open brace, found ')' (10395,47): run-time error CSS1030: Expected identifier, found '.' (10395,64): run-time error CSS1031: Expected selector, found ')' (10395,64): run-time error CSS1025: Expected comma or open brace, found ')' (10400,51): run-time error CSS1030: Expected identifier, found '.' (10400,68): run-time error CSS1031: Expected selector, found ')' (10400,68): run-time error CSS1025: Expected comma or open brace, found ')' (10405,51): run-time error CSS1030: Expected identifier, found '.' (10405,68): run-time error CSS1031: Expected selector, found ')' (10405,68): run-time error CSS1025: Expected comma or open brace, found ')' (10627,28): run-time error CSS1030: Expected identifier, found 'iframe' (10627,34): run-time error CSS1031: Expected selector, found ')' (10627,34): run-time error CSS1025: Expected comma or open brace, found ')' (11350,61): run-time error CSS1030: Expected identifier, found 'iframe' (11350,67): run-time error CSS1031: Expected selector, found ')' (11350,67): run-time error CSS1025: Expected comma or open brace, found ')' (12722,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12725,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12728,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12735,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12739,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12743,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12747,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12751,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12755,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (12760,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (12765,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (12770,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12775,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12780,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12785,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12786,6): run-time error CSS1035: Expected colon, found '{' (12788,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12789,6): run-time error CSS1035: Expected colon, found '{' (12791,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12792,6): run-time error CSS1035: Expected colon, found '{' (12794,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12795,8): run-time error CSS1035: Expected colon, found '{' (12797,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12798,8): run-time error CSS1035: Expected colon, found '{' (12800,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12801,8): run-time error CSS1035: Expected colon, found '{' (12804,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12805,8): run-time error CSS1035: Expected colon, found '{' (12807,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12808,8): run-time error CSS1035: Expected colon, found '{' (12810,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12811,8): run-time error CSS1035: Expected colon, found '{' (12814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12815,6): run-time error CSS1035: Expected colon, found '{' (12817,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12818,6): run-time error CSS1035: Expected colon, found '{' (12820,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12821,6): run-time error CSS1035: Expected colon, found '{' (13913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13927,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13941,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13949,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13957,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13963,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13969,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13975,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13981,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13987,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13993,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13999,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14037,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14059,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14081,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14099,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14117,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14131,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14157,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14167,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14181,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14202,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14227,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14233,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14243,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14249,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14265,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14402,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (14403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14446,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! * Bootstrap v2.3.2 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container{margin:0 auto;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} .span12{width:940px;} .span11{width:860px;} .span10{width:780px;} .span9{width:700px;} .span8{width:620px;} .span7{width:540px;} .span6{width:460px;} .span5{width:380px;} .span4{width:300px;} .span3{width:220px;} .span2{width:140px;} .span1{width:60px;} [class*="span"] .row [class*="span"]{margin-left:2%;} [class*="span"] .row {margin-left:-2%;} [class*="span"] .row .span12{width:98%;} [class*="span"] .row .span11{width:89.7%;} [class*="span"] .row .span10{width:81.3%;} [class*="span"] .row .span9{width:73%;} [class*="span"] .row .span8{width:64.7%;} [class*="span"] .row .span7{width:56.3%;} [class*="span"] .row .span6{width:48%;} [class*="span"] .row .span5{width:39.7%;} [class*="span"] .row .span4{width:31.3%;} [class*="span"] .row .span3{width:23%;} [class*="span"] .row .span2{width:14.7%;} [class*="span"] .row .span1{width:6.3%;} .offset12{margin-left:980px;} .offset11{margin-left:900px;} .offset10{margin-left:820px;} .offset9{margin-left:740px;} .offset8{margin-left:660px;} .offset7{margin-left:580px;} .offset6{margin-left:500px;} .offset5{margin-left:420px;} .offset4{margin-left:340px;} .offset3{margin-left:260px;} .offset2{margin-left:180px;} .offset1{margin-left:100px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;} .row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;} .row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;} .row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;} .row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;} .row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;} .row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;} .row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;} .row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;} .row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;} .row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;} .row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;} .row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;} .row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;} .row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;} .row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;} .row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;} .row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;} .row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;} .row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;} .row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;} .row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;} .row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;} .row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;} .row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;} .row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;} .row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;} .row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;} .row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;} .row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;} .row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;} .row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;} .row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;} .row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;} .row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} @-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;} .visible-phone{display:none !important;} .visible-tablet{display:none !important;} .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important;} @media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;} @media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} [class*="span"] .row [class*="span"]{width:auto;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:static;} .navbar-fixed-top{margin-bottom:20px;} .navbar-fixed-bottom{margin-top:20px;} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .nav-collapse{clear:both;} .nav-collapse .nav{float:none;margin:0 0 10px;} .nav-collapse .nav>li{float:none;} .nav-collapse .nav>li>a{margin-bottom:2px;} .nav-collapse .nav>.divider-vertical{display:none;} .nav-collapse .nav .nav-header{color:#777777;text-shadow:none;} .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;} .nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2;} .navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999999;} .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111111;} .nav-collapse.in .btn-group{margin-top:5px;padding:0;} .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:none;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .nav-collapse .open>.dropdown-menu{display:block;} .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;} .nav-collapse .dropdown-menu .divider{display:none;} .nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none;} .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);} .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111111;border-bottom-color:#111111;} .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;} .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;} .navbar .btn-navbar{display:block;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}} /*----------------------------------------------------------------------------------- Template Name: Template URI: Description: Author: Author URI: ----------------------------------------------------------------------------------- 1. CSS Reset & Clearfix 2. Basic Elements & Classes 3. Header 4. Typography 5. Main Menu 6. Icons 7. Sliders 8. Twitter 9. Main Content Elements 10. Carousels 11. Tabs 12. Tables 13. Lists 14. Buttons 15. Forms 16. Accordion & Toggle 17. Footer 18. Animation 19. Responsive Change 20. Retina Ready */ @import url(http://fonts.googleapis.com/css?family=Raleway:400,700,200); @import url(font-awesome.min.css); /*Custom Miu*/ .text-product { font-size: 2em; color: #0a2f4a; position: absolute; justify-content: center; display: flex; align-items: center; width: 100%; height: 100%; text-align: center; font-weight: bold; z-index: 1; opacity: 0.8; } .text-product-bg { position: absolute; height: 100%; width: 100%; background: #c9cdd0; z-index: 1; opacity: 0.2; } .login-wrapper { background: #197ac0; position: absolute; display: none; min-width: 280px; } .img-logo-miu { width: 230px; padding: 10px; } .bg-product-miu { border: 1px solid #0176ac; margin: 10px 5px; } .owl-item { width: 300px !important; } .owl-wrapper { width: 600px !important; margin: 0 auto; } .our_clients_section { height: 236px; } .h1-home { font-size: 30px; } .our_clients, our_clients_first { z-index: -1 !important; } .footer-position { /*bottom: 61px;*/ } .title_container.type_2.t_align_center, .title_container.type_3.t_align_center { background-position: center !important; background: url(../Content/images/home_img_20.jpg) center no-repeat !important; } .product-miu-info { display: inline-block; width: 100%; height: 230px; } .rotate-logo-animation { width: 100px; -webkit-animation: rotateCard 1s infinite; -moz-animation: rotateCard 1s infinite; -o-animation: rotateCard 1s infinite; animation: rotateCard 1s infinite; } .button_style_03_giant:hover, .button_style_03_large:hover { border-color: #fff !important; color: #fff !important; } #link-login:hover { text-decoration: underline; } @-webkit-keyframes rotateCard { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @-moz-keyframes rotateCard { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @-o-keyframes rotateCard { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @keyframes rotateCard { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } .container-news { height: 395px; overflow-y: scroll; border-bottom: 1px solid #ddd; } .our_clients_section { margin-bottom: -118px; } .our_clients_prev { left: -85px !important; } .caroufredsel_wrapper { height: 85px !important; } .our_clients_next { left: auto; right: -79px !important; } .our_clients_first, .our_clients { z-index: 0 !important; } /*.span_clients_right { margin-right: 20px !important; } .span_clients_left { margin-left: 20px !important; }*/ .defaultimg { filter: grayscale(70%); } .triangle_shape_float.fade.fade-finished { color: #fff; } .error_alert_box, .confirm_alert_box { height: 60px; } .error_alert_box p { color: #fff; } .center { margin: 0 auto !important; float: none !important; } .field-validation-error { font-weight: bold; color: red; } * { margin: 0; padding: 0; border: none; } article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main { display: block } mark, rp, rt, ruby, summary, time { display: inline } a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background: transparent; border: 0 none; font-weight: normal; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } a { text-decoration: none; } b *, strong *, .author { font-weight: bold; } ul { list-style: none; } ol { list-style-position: inside; } q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; } img { vertical-align: top; max-width: 100%; } embed { vertical-align: top; } input { -webkit-appearance: none; } :focus { outline: none !important; } button::-moz-focus-inner { border: 0; } input, textarea { font-size: inherit; font-family: inherit; } /* 2. Basic Elements & Classes */ .clearfix:after { content: ""; display: block; clear: both; } ::-webkit-scrollbar-thumb { background: #0176ac; } ::-webkit-scrollbar { background: rgba(0,0,0,0.1); width: 10px; } ::-webkit-selection { background: #0176ac; color: #fff; } ::-moz-selection { background: #0176ac; color: #fff; } ::selection { background: #0176ac; color: #fff; } ::-webkit-input-placeholder { color: #000; } ::-moz-placeholder { color: #000; } :-ms-input-placeholder { color: #000; } mark { background: #0176ac; color: #fff; } a { color: #fff; } .f_left { float: left; } .f_right { float: right; } img.f_left { float: left; margin: 0 20px 0px 0; } img.f_right { float: right; margin: 0 0 0px 20px; } #preloader { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,1); text-align: center; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; } #preloader > img { -webkit-transform: scale(0.5); transform: scale(0.5); position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -125px; } a { -webkit-transition: color 0.4s ease, background 0.4s ease, border-color 0.4s ease; transition: color 0.4s ease, background 0.4s ease, border-color 0.4s ease; } .m_top_20, .latest_post_carousel > li > article { margin-top: 20px; } .m_top_30 { margin-top: 30px; } .m_top_40 { margin-top: 40px; } .m_top_60 { margin-top: 60px; } .m_top_15 { margin-top: 15px; } .m_top_0 { margin-top: 0 !important; } .offset2_5 { margin-left: 275px; } /* 3. Header */ .header { width: 100%; position: fixed; top: 0; left: 0; background: #f8f8f8; z-index: 22; -webkit-backface-visibility: hidden; -webkit-transition: background 0.4s ease,box-shadow 0.4s ease; transition: background 0.4s ease,box-shadow 0.4s ease; } .logo { margin-top: 17px; -webkit-transition: margin .4s ease,-webkit-transform .4s ease; transition: margin .4s ease,transform .4s ease; } .header.header-small { box-shadow: 0 2px 6px rgba(0,0,0,0.08); background: rgba(255,255,255,0.95); } .header.header-small .main_menu > li > a { padding-top: 10px; padding-bottom: 5px; } .header.header-small .main_menu > li:not(.current_item) > a { background: transparent; } .header.header-small .logo { margin-top: 2px; -webkit-transform: scale(0.94); transform: scale(0.94); } .full_w .header + * { margin-top: 0 !important; } /* 4. Typography */ body { font: 400 14px/1.5em 'Raleway', sans-serif; color: #fff; overflow-x: hidden !important; } h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2em; padding-bottom: 10px; } h1 { font-size: 3.2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); line-height: 1.2em; } .slides_blockquotes blockquote { font-size: 1.28em; line-height: 1.3em; } .author_container { font-size: 1.14em; } .register_container .slog { font-size: 3.78em; } .main_menu > li > a { color: #000; } .main_menu > li:hover > a, .main_menu > .current_item > a, .main_menu > li.current_subitem > a { color: #fff; } .main_menu ul li a { color: #fff; } h2 { font-size: 2em; } h3 { font-size: 1.8em; } h4 { font-size: 1.6em; } h5 { font-size: 1.4em; } h6 { font-size: 1em; } p { padding-bottom: 15px; } .about_us p { padding-bottom: 20px; } .title_container h1 { font-size: 4em; } .secondary_page h2.default, h2.default { font-size: 2.7em; } .secondary_page h2, .ld_container h2, .content_wrapper figure h2 { font-size: 3.4em; } .secondary_page h3 { font-size: 2.5em; } .skill_item > .inner, blockquote, [class^="twitter_carousel"] > .tweet_carousel .tweet_list > li .tweet_text, .photo_container { font-size: 1.28em; } .author_comment, .team_advertising > span { font-size: 1.2em; } .link_container > a > span:first-child, .date_container.hex_elem_rounded > div, .button_style_05, input[type="submit"] { font-size: 1.5em; } h2.content_items_title { font-size: 2.77em; padding-bottom: 22px; } .our_work_item p, .customer_comment h1, .customer_comment h2, .customer_comment h3, .customer_comment h4, .customer_comment h5, .customer_comment h6, .blockquotes_section, .register_container, .person_title, .post_tags_list > li > a, blockquote, .author_comment, .comment .author, .reply_button:hover, .categories_list > li > a, .archives_list > li > a, .shortcodes_list > li > a, .compressed_post_content > a, .portfolio_item_description h1, .portfolio_item_description h2, .portfolio_item_description h3, .portfolio_item_description h4, .portfolio_item_description h5, .portfolio_item_description h6, .work_info > li, .work_info a:hover, .like_buttons > li > a:hover, h6, [class*="list_style_"], [class*="list_style_"] a, .author > span, .tweet > .tweet_list > li > .tweet_time > a, [class^="tweet"] > .tweet_list > li a:hover, [class^="twitter_carousel"] > .tweet_carousel .tweet_list > li a:hover, .twitter_carousel_01 > .tweet_carousel .tweet_list li .tweet_time > a, .padding_list > li, .black, .home_blog article.style_01 .post_tags_list > li > a:hover, blockquote > p, .open_options > span:hover { color: #000; } .counting_inner > dt, .bold, .author_container, .author_container .color_scheme, .blog_isotope article blockquote .color_scheme, .compressed_post_content > a, .open_options > span, .pricing_table:hover .table_content ul > li > .color_scheme, .pricing_table.active .table_content ul > li > .color_scheme, .callout_01 .title > p, [class*="milestone_type_"] dl dd, [class$="_progress_bar_type_2"] > .progress_line > div, .author > span, .tweet_type_2 > .tweet_list > li .tweet_time > a, [class^="twitter_carousel"] > .tweet_carousel .tweet_list li .follow, [class^="twitter_carousel"] > .tweet_carousel .tweet_list li .follow > a, .photo_container, .photo_container > span, .date_container_type_02 dd, .date_container_type_02 dt, blockquote .color_scheme .black { font-weight: 700; } .customer_comment h1, .customer_comment h2, .customer_comment h3, .customer_comment h4, .customer_comment h5, .customer_comment h6, .show_step_container h1, .show_step_container h2, .show_step_container h3, .show_step_container h4, .show_step_container h5, .show_step_container h6, .title_container.type_2 h1, .title_container.type_2 h2, .title_container.type_2 h3, .title_container.type_2 h4, .title_container.type_2 h5, .title_container.type_2 h6, .shortcodes_list > li.active > a:before, .no-touch .shortcodes_list > li > a:hover:before { font-weight: 400; } .font_thin, .testimonial_type_2 > blockquote { font-weight: 300; } .white, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .date, .footer a:hover, .title_container.type_2 h1, .title_container.type_2 h2, .title_container.type_2 h3, .title_container.type_2 h4, .title_container.type_2 h5, .title_container.type_2 h6, .title_container.type_2 li > span, .button_style_05:hover, .open_options > ul > li, .colorbox_container.active .portfolio_item_description, .colorbox_container.active .portfolio_item_description h1, .colorbox_container.active .portfolio_item_description h2, .colorbox_container.active .portfolio_item_description h3, .colorbox_container.active .portfolio_item_description h4, .colorbox_container.active .portfolio_item_description h5, .colorbox_container.active .portfolio_item_description h6, #contact_form .hex_elem_rounded > span, .pricing_table:hover .table_content ul > li, .pricing_table.active .table_content ul > li, .pricing_table:hover .table_content ul > li > .color_scheme, .pricing_table.active .table_content ul > li > .color_scheme, .pricing_table:hover .table_icons > dl > dd, .pricing_table.active .table_icons > dl > dd, .accordion_group dt .icon > span:first-child + span > span:first-child + span, [class*="button_style_03"].transparent:hover, [class*="button_style_03"].arrow:hover, [class*="button_style_03"].thin:hover, [class$="_progress_bar_type_2"] > .progress_line > div, #tab_type_1.style_1 > .tabs_links > a.active, #tab_type_1.style_1 > .tabs_content_containers, #tab_type_1.style_3 > .tabs_links > .active, #tab_type_1.style_3 > .tabs_content_containers, .toggle_type_02 > dl > dt > .hex_elem_rounded, .tweet_type_2 > .tweet_list > li, .show_step_container h1, .show_step_container h2, .show_step_container h3, .show_step_container h4, .show_step_container h5, .show_step_container h6, .skills .show_step_container h1, .skills .show_step_container h2, .skills .show_step_container h3, .skills .show_step_container h4, .skills .show_step_container h5, .skills .show_step_container h6, .timeline_description .td_content, .our_work_services_item h1, .our_work_services_item h2, .our_work_services_item h3, .our_work_services_item h4, .our_work_services_item h5, .our_work_services_item h6, .main_menu > .current_item > a > .hex_elem_rounded > i, .main_menu > li:hover > a > .hex_elem_rounded > i, .social_icons > li > a:hover > i, .home_blog article.style_01 h2, .home_blog article.style_01 .post_tags_list > li > a, .home_blog .style_01, #company_description > span > h5, button[class^="latest_post"] > span, .portfolio_pagination > a:hover > span, #custom_cursor.active > span:not(.hex_elem_rounded), .content_wrapper > figure h2, .list_style_05 > li > .hex_elem_rounded > span, .social_icons_type_02 > li > a:hover > span:first-child, .tweet .tweet_list li .hex_elem_rounded > span, .twitter_carousel_01 > .hex_elem_rounded > span, .graph_type_1 .flot-y-axis, .graph_type_1 .flot-x-axis, .time, .time > *, .hex_elem_rounded_type_2.button_style:hover > span:first-child, .hex_elem_rounded_type_2.button_style.orange > span:first-child, .hex_elem_rounded_type_2.button_style.scheme_color > span:first-child, .portfolio_pagination .next:hover, .portfolio_pagination .prev:hover, .blockquotes_carousel_prev:hover > span, .blockquotes_carousel_next:hover > span, .twitter_prev:hover > span, .twitter_next:hover > span, .our_clients_prev:hover > span, .our_clients_next:hover > span, .faq_nav li .faq_title, .sm_button > h5, .rp_wrap h1, .rp_wrap h2, .rp_wrap h3, .rp_wrap h4, .rp_wrap h5, .rp_wrap h6 { color: #fff; } .heading_container_type_03, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .title_container h1, .title_container h2, .title_container h3, .title_container h4, .title_container h5, .title_container h6, .secondary_page h2, .skills h1, .skills h2, .skills h3, .skills h4, .skills h5, .skills h6, .secondary_page h3, .service figcaption h4, .service figcaption h1, .service figcaption h2, .service figcaption h3, .service figcaption h5, .service figcaption h6, .timeline_item h4, .home_blog h2, .ld_container h1, .ld_container h2, .ld_container h3, .ld_container h4, .ld_container h5, .ld_container h6, .content_wrapper figure h2 { text-transform: uppercase; } [class*="parallax_section"] h1, [class*="parallax_section"] h2, [class*="parallax_section"] h3, [class*="parallax_section"] h4, [class*="parallax_section"] h5, [class*="parallax_section"] h6, .title_container.type_2 h1, .title_container.type_2 h2, .title_container.type_2 h3, .title_container.type_2 h4, .title_container.type_2 h5, .title_container.type_2 h6, h1.default, h2.default, h3.default, h4.default, h5.default, h6.default, .show_step_container h1, .show_step_container h2, .show_step_container h3, .show_step_container h4, .show_step_container h5, .show_step_container h6 { text-transform: none; } h2.content_items_title, .service.type_2 figcaption h4, .service.type_2 figcaption h1, .service.type_2 figcaption h2, .service.type_2 figcaption h3, .service.type_2 figcaption h5, .service.type_2 figcaption h6 { text-transform: capitalize; } .heading_container_type_02, .parallax[class*="parallax_s"], .color_scheme_section, .author_container, .form_style_01, .footer_logo_container, .t_align_center, blockquote, .portfolio_item_description, .item_blog blockquote, [class^="twitter_carousel_"] > .tweet_carousel .tweet_list li, .team_person, .coming_soon, .wrap_404, .container_404, .counting_tape { text-align: center; } .t_align_right, .blockquotes_carousel blockquote:first-child { text-align: right; } .t_align_left { text-align: left !important; } .customer_reviews, .about_us p, .our_clients_title p, [class*="blog_"], .single_item, .advertising, .contact, .grey_text_color, [class^="accordion_type_"].faq, [class^="accordion_type_"].faq dd, ol > li { color: #747474; } .skills h1, .skills h2, .skills h3, .skills h4, .skills h5, .skills h6 { color: #f3f2eb; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); } [class*="parallax_section"] p { font-size: 2.1em; line-height: 1.3em; } .our_clients_title h1, .our_clients_title h2, .our_clients_title h3, .our_clients_title h4, .our_clients_title h5, .our_clients_title h6 { line-height: 1em; } .title_container.type_2 h1, .title_container.type_2 h2, .title_container.type_2 h3, .title_container.type_2 h4, .title_container.type_2 h5, .title_container.type_2 h6 { padding-bottom: 0; margin-bottom: -10px; } .content_items_title:before { content: "-"; display: inline-block; margin-right: 10px; } .first_letter > .hex_elem_rounded { float: left; width: 40px; height: 55px; border-radius: 10px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); margin: 5px 15px 0 8px; } .first_letter > .hex_elem_rounded > span { position: absolute; color: #fff; font-weight: 700; z-index: 1; width: 48px; left: -4px; text-transform: uppercase; height: 55px; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 7px; text-align: center; font-size: 3.25em; line-height: 1em; vertical-align: middle; } h1.default, h2.default, h3.default, h4.default, h5.default, h6.default, .show_step_container h1, .show_step_container h2, .show_step_container h3, .show_step_container h4, .show_step_container h5, .show_step_container h6 { text-shadow: none; } .our_work_title figure h1 { font-size: 7.42em; text-transform: uppercase; color: #f3f2eb; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); line-height: 0.8em; } .our_work_title figure p { color: #f3f2eb; font-size: 1.71em; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 0 20px; line-height: 1.2em; } /* 5. Main Menu */ .main_menu > li { float: left; margin-left: 1px; } .main_menu li { position: relative; } .main_menu a { -webkit-transition: color 0.4s ease,background 0.4s ease,box-shadow 0.4s ease,border-color 0.4s ease,padding .4s ease; transition: color 0.4s ease,background 0.4s ease,box-shadow 0.4s ease,border-color 0.4s ease,padding .4s ease; } .main_menu > li > a { display: block; width: 110px; padding: 25px 10px 21px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; position: relative; background: #fff; } .main_menu ul { display: none; backface-visibility: hidden; } .menu_button { display: none; width: 100%; padding: 5px 20px 5px 45px; cursor: pointer; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; transition: background 0.5s ease; } .menu_button > .r_button { display: block; margin: 17px 0; } .main_menu ul, .main_menu ul ul { position: absolute; top: 100%; left: 0; min-width: 250px; } .main_menu ul ul { top: 1px; left: 100%; } .main_menu ul li a { display: block; padding: 14px 25px 10px; border-top: 1px solid rgba(255,255,255, 0.1); } .main_menu ul li:first-child a { border-top: none; } .main_menu ul li:not(:last-child):hover > a, .main_menu ul li.current_sub_item:not(:last-child) > a { box-shadow: 0 1px 0 0 #3c9f9e; } .main_menu > li:hover > a > .active_icon, .main_menu > li.current_item > a > .active_icon, .colorbox_container.active .colorbox_inner_overlay, li > a:hover .active, .accordion_group.active dt .icon > span:first-child + span > span:first-child + span, [class^="toggle_type_"] > .active > dt > .hex_elem_rounded > span:nth-child(2), .prev_page:hover:before, .next_page:hover:before, .ls-bottom-slidebuttons > .ls-nav-active > span, .cd_container.finished .cd_shadow, .no-textshadow #company_description.hex_elem_rounded_type_2, .no-textshadow .cd_shadow, .open_options.active > ul > li:first-child > i, .full_screen_slider .flex-control-nav .flex-active > span, .full_screen_slider .flex-control-nav a:hover > span { opacity: 1; } .colorbox_container.active.opacity .colorbox_inner_overlay { opacity: 0.7; } .colorbox_container.active.opacity .portfolio_item_description { background-color: transparent; } .main_menu > li:hover > a > .default_icon, .main_menu > li.current_item > a > .default_icon, li > a > .active, li > a:hover .default, .accordion_group dt .icon > span:first-child + span > span:first-child + span, [class^="toggle_type_"] > dl > dt > .hex_elem_rounded > span:nth-child(2), [class^="toggle_type_"] > .active > dt > .hex_elem_rounded > span:first-child { opacity: 0; } .main_menu > li > a > .hex_elem_rounded { position: relative; display: block; width: 19px; height: 30px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(-30deg) translate3d(0,0,0); transform: rotate(-30deg); margin: 0 auto 7px; -webkit-transition: border-color 0.4s ease; transition: border-color 0.4s ease; } .main_menu > li > a > .hex_elem_rounded:after, .main_menu > li > a > .hex_elem_rounded:before { -webkit-transition: none; transition: none; } .main_menu > .current_item > a > .hex_elem_rounded, .main_menu > li:hover > a > .hex_elem_rounded { border-top-color: #fff; border-bottom-color: #fff; } .main_menu > li > a > .hex_elem_rounded > i { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; line-height: 30px; width: inherit; height: inherit; text-align: center; font-size: 1.4em; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .main_menu > li > a > .hex_elem_rounded > .icon-picture, .main_menu > li > a > .hex_elem_rounded > .icon-envelope { font-size: 1.32em; } /* 6. Icons */ .hex_elem_rounded { -webkit-transform-style: preserve-3d; -webkit-transform: rotate(-30deg) translate3d( 0, 0, 0); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } .hex_elem_rounded .hex_elem_rounded { -webkit-transform-style: preserve-3d; -webkit-transform: rotate(0deg) translate3d( 0, 0, 0); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .hex_elem_rounded > span, .hex_elem_rounded > div, .hex_elem_rounded > i, .hex_elem_rounded > img { -webkit-transform-style: preserve-3d; -webkit-transform: rotate(30deg) translate3d(0,0,0); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .hex_elem_rounded_type_2 > [class^="h_el_"] { width: inherit; height: inherit; border: inherit; position: absolute; display: block; top: 0; z-index: 0; border-radius: inherit; background: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: background-color 0.4s ease,border-color 0.4s ease; transition: background-color 0.4s ease,border-color 0.4s ease; } .check_icon_type { display: block; height: 36px; width: 36px; position: absolute; z-index: 1; left: 50%; bottom: 25%; margin-left: -18px; } .cornice > span:first-child + span, .cornice_button > span:first-child + span, .color_hexagon > span:first-child + span, .path_list > li > i:after, i[class^="icons_type_01"]:after, .clean_cornice:after, .hex_elem_rounded:after, i[class^="icons_type_02"]:after, .hex_elem_rounded_type_2 > .h_el_01 { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .cornice > span:first-child + span + span, .cornice_button > span:first-child + span + span, .color_hexagon > span:first-child + span + span, .path_list > li > i:before, i[class^="icons_type_01"]:before, .clean_cornice:before, .hex_elem_rounded:before, i[class^="icons_type_02"]:before, .hex_elem_rounded_type_2 > .h_el_02 { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } .our_work_icon_01 > .inner_icon { background: url("../Content/images/home_icon_04.png") no-repeat; } .our_work_icon_02 > .inner_icon { background: url("../Content/images/home_icon_10.png") no-repeat; } .our_work_icon_03 > .inner_icon { background: url("../Content/images/home_icon_11.png") no-repeat; } .counting_tape, .counting_tape_type_02 { display: block; position: absolute; width: 24px; height: 31px; padding-top: 7px; top: -12px; left: -4px; font-style: normal; line-height: 0.8em; background: url("../Content/images/home_icon_05.png") no-repeat; } .counting_tape:after, .counting_tape_type_02:after { content: ""; display: block; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #842e18; border-bottom: 3px solid transparent; position: absolute; top: 0; right: -4px; } .counting_tape_type_02:after { right: auto; left: -4px; border-left: none; border-top: 4px solid transparent; border-right: 4px solid #842e18; border-bottom: 3px solid transparent; } .counting_tape_type_02 { left: auto; right: 36px; color: #fff; } [class^="button_type_"] > i { display: block; width: 13px; height: 13px; position: absolute; top: 50%; margin-top: -7px; } [class^="button_type_"] > i.no_circle { height: 0; } [class^="button_type_"].f_right > i { left: -172px; } [class^="button_type_"].f_left > i { right: -172px; } [class^="button_type_"] > i:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 0px; opacity: 0; transition: width 1s ease,opacity 1s ease; background: rgba(255,255,255,0.45); } [class^="button_type_"] > .active:after { width: 160px; opacity: 1; } [class^="button_type_"].f_right > i:after { right: -160px; } [class^="button_type_"].f_left > i:after { left: -160px; } i[class^="active_icon_"] { opacity: 0; } .active_icon, .default_icon { display: block; width: 100%; height: 36px; position: absolute; text-align: center; top: 20px; left: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .social_icons > li > a { display: block; width: 35px; height: 35px; border-width: 1px; border-style: solid; border-radius: 3px; position: relative; } .social_icons > li > a > i { display: block; width: inherit; font-size: 1.5em; line-height: 33px; text-align: center; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .social_icons > li { float: left; margin-left: 5px; } .icon_parent { width: inherit; height: inherit; position: absolute; top: 0; z-index: 0; left: 0; background: url("../Content/images/home_icon_14.png") no-repeat; } .icon_inner { position: absolute; top: 0px; left: 0; padding: 0px 21px; z-index: 2; text-align: center; vertical-align: middle; width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .icon_inner > img, .blog_isotope .post_info > *, .like_buttons > li > a, .like_buttons > li img, .our_work_icon > img { vertical-align: middle; } .icon_inner > img { -webkit-backface-visibility: hidden; } .step_icon { position: absolute; top: 50%; right: -108px; border-radius: 12px; margin-top: -14px; padding: 3px 3px 3px 4px; width: 74px; text-align: center; line-height: 1.4em; border: 1px solid rgba(255,255,255,0.6); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: #ff8848; background: -webkit-linear-gradient(top,#ff8c49,#ff7a45); background: -moz-linear-gradient(top,#ff8c49,#ff7a45); background: -o-linear-gradient(top,#ff8c49,#ff7a45); background: -ms-linear-gradient(top,#ff8c49,#ff7a45); background: linear-gradient(top,#ff8c49,#ff7a45); background-clip: content-box; } .step_icon:after, .step_icon:before { content: ""; display: block; width: 26px; height: 1px; background: rgba(255,255,255,0.6); position: absolute; left: -26px; top: 50%; } .step_icon:before { left: auto; right: -26px; } .step_icon > i { position: absolute; top: 50%; margin-top: -6px; display: block; width: 11px; height: 11px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); z-index: 1; } .step_icon > i:first-child { left: -32px; } .step_icon > i:first-child + i { right: -32px; } .step_icon > div { position: absolute; top: -40px; width: 100%; text-align: center; margin-left: -5px; } .skill_item > .inner:after { display: inline-block; width: 42px; margin-top: 70px; } .path_list > li > i { width: 6px; height: 10px; display: block; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: absolute; top: 50%; left: 0; margin-top: -6px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .path_list > li > i:after, .path_list > li > i:before { content: ""; display: inherit; width: inherit; height: 10px; border: inherit; position: absolute; top: -1px; } i[class^="icons_type_01"], i[class^="icons_type_02"] { display: block; width: 49px; height: 30px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; } i[class^="icons_type_02"] { width: 38px; height: 64px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } i[class^="icons_type_01"]:after, i[class^="icons_type_01"]:before, .hex_elem_rounded:after, .hex_elem_rounded:before, i[class^="icons_type_02"]:after, i[class^="icons_type_02"]:before { content: ""; display: inherit; width: inherit; height: inherit; -webkit-border-radius: inherit; border-radius: inherit; background: inherit; position: absolute; border: inherit; -webkit-backface-visibility: hidden; box-sizing: inherit; -moz-box-sizing: inherit; } i[class^="icons_type_01"] > span, i[class^="icons_type_02"] > span { display: block; width: 49px; height: 55px; position: absolute; top: -13px; left: 0; z-index: 1; } i[class^="icons_type_02"] > span { -webkit-transform: rotate(30deg); transform: rotate(30deg); height: inherit; left: -11px; top: -6px; -webkit-backface-visibility: hidden; } .icons_type_01_like > span { background: url("../Content/images/icons_type_01_like.png") no-repeat; } .icons_type_01_circle > span { background: url("../Content/images/icons_type_01_circle.png") no-repeat; } .icons_type_01_winner > span { background: url("../Content/images/icons_type_01_winner.png") no-repeat; } .icons_type_01_mail > span { background: url("../Content/images/icons_type_01_mail.png") no-repeat; } .icons_type_01_world > span { background: url("../Content/images/icons_type_01_world.png") no-repeat; } .icons_type_01_percent > span { background: url("../Content/images/icons_type_01_percent.png") no-repeat; } .icons_type_01_phone > span { background: url("../Content/images/icons_type_01_phone.png") no-repeat; } .icons_type_01_eye > span { background: url("../Content/images/icons_type_01_eye.png") no-repeat; } .icons_type_01_rating > span { background: url("../Content/images/icons_type_01_rating.png") no-repeat; } .icons_type_02_marker > span { background: url("../Content/images/icons_type_02_marker.png") no-repeat; } .icons_type_02_human > span { background: url("../Content/images/icons_type_02_human.png") no-repeat; } .address_list > li:before, .social_icons_type_01 > li > a > .default, .social_icons_type_01 > li > a > div > .clean_cornice_2, .list_style_01 > li > .hex_elem_rounded > span, [class$="_alert_box"]:after, [class$="_alert_box_type_2"]:after, [class*="icon_part_"] span, .next_page:before, .prev_page:before, .countdown > dl, .wrap_404 > span:nth-child(2), .sitemap_title .sm_shadow, .full_width_slider .flex-direction-nav > li > a, .our_work_icon, .post_tag_icon, .ok_icon, .colorbox_container > a, .light_shadow, [class^="toggle_type_"] dl [class^="toggle_icon"], .colorbox_container > a > .active_icon, .social_icons_type_03 li .hex_elem_rounded_type_2 .s_icon, #contact_form button, [class^="rp_button_"], [class^="go_to_"] .active_icon, [class^="go_to_"], .full_screen_slider .flex-prev, .full_screen_slider .flex-next { background-image: url("../Content/images/interface.png"); background-repeat: no-repeat; } .social_icons_type_01 > li > a { display: block; width: 40px; height: 44px; position: relative; } .social_icons_type_01 > li > a > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; text-align: center; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .social_icons_type_01 > li > a > div > i { font-size: 1.7em; display: inline-block; vertical-align: middle; } .social_icons_type_01 > li > a > .active > i { color: #4e4e4e; margin-left: -4px; } .social_icons_type_01 { display: inline-block; width: 42px; margin-top: 70px; } .social_icons_type_01 > li > a > .active > .clean_cornice { width: 39px; height: 21px; top: 12px; left: 0px; z-index: -1 !important; -webkit-backface-visibility: hidden; } .social_icons_type_01 > li > a > .default { background-repeat: no-repeat; background-position: -260px -66px; } .social_icons_type_01 > li > a > div > .clean_cornice_2 { background-repeat: no-repeat; background-position: -1px -118px; width: inherit; height: inherit; position: absolute; top: 0; left: 0; z-index: 1; } .social_icons_type_02 > li { margin-left: 1px; } .social_icons_type_02 > li > .hex_elem_rounded_type_2 { display: block; width: 42px; height: 25px; position: relative; border-left-width: 2px; border-right-width: 2px; border-left-style: solid; border-right-style: solid; border-radius: 4px; margin: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; } .social_icons_type_02 > li > .hex_elem_rounded_type_2 > [class^="h_el_"] { background: #fff; left: -2px; border-radius: 5px; } .social_icons_type_02.grey_color > li > .hex_elem_rounded_type_2 > [class^="h_el_"] { background: #f3f2eb; } .social_icons_type_02 > li > a > span:first-child { display: block; position: absolute; width: inherit; height: inherit; text-align: center; font-size: 1.5em; padding-top: 2px; left: -2px; z-index: 1; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } @-moz-document url-prefix() { .social_icons_type_02 > li > a > span:first-child { padding-top: 0; } } .social_icons_type_03 > li { float: left; margin-left: 3px; } .social_icons_type_03 li .hex_elem_rounded_type_2 { display: block; position: relative; width: 51px; height: 31px; border-radius: 4px; margin: 13px 0; } .social_icons_type_03 li .hex_elem_rounded_type_2, .social_icons_type_03 li .hex_elem_rounded_type_2 > [class^="h_el_"] { -webkit-transition: background 0.9s ease; transition: background 0.9s ease; } .social_icons_type_03 li .hex_elem_rounded_type_2 > [class^="h_el_"] { z-index: 0; } .social_icons_type_03 li .hex_elem_rounded_type_2:hover, .social_icons_type_03 li .hex_elem_rounded_type_2:hover > [class^="h_el_"] { -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .social_icons_type_03 li.twitter .hex_elem_rounded_type_2:hover, .social_icons_type_03 li.twitter .hex_elem_rounded_type_2:hover > [class^="h_el_"] { background: #37bed6; } .social_icons_type_03 li.rss .hex_elem_rounded_type_2:hover, .social_icons_type_03 li.rss .hex_elem_rounded_type_2:hover > [class^="h_el_"] { background: #ff7e00; } .social_icons_type_03 li.facebook .hex_elem_rounded_type_2:hover, .social_icons_type_03 li.facebook .hex_elem_rounded_type_2:hover > [class^="h_el_"] { background: #295392; } .social_icons_type_03 li.yahoo .hex_elem_rounded_type_2:hover, .social_icons_type_03 li.yahoo .hex_elem_rounded_type_2:hover > [class^="h_el_"] { background: #cf3c3c; } .social_icons_type_03 li.stumbleupon .hex_elem_rounded_type_2:hover, .social_icons_type_03 li.stumbleupon .hex_elem_rounded_type_2:hover > [class^="h_el_"] { background: #278f4b; } .social_icons_type_03 li .hex_elem_rounded_type_2 .s_icon { display: block; position: relative; height: 27px; margin-top: 2px; margin-left: auto; margin-right: auto; z-index: 2; } .social_icons_type_03 li.twitter .hex_elem_rounded_type_2 .s_icon { background-position: -302px -124px; width: 17px; } .social_icons_type_03 li.rss .hex_elem_rounded_type_2 .s_icon { background-position: -323px -126px; width: 22px; } .social_icons_type_03 li.facebook .hex_elem_rounded_type_2 .s_icon { background-position: -351px -122px; width: 14px; } .social_icons_type_03 li.yahoo .hex_elem_rounded_type_2 .s_icon { background-position: -367px -126px; width: 32px; } .social_icons_type_03 li.stumbleupon .hex_elem_rounded_type_2 .s_icon { background-position: -404px -123px; width: 32px; } .hex_elem_rounded_type_2.ow_icon { position: absolute; z-index: 20; top: -22px; left: 50%; margin-left: -36px; width: 73px; height: 45px; border-radius: 7px; color: #fff; } .hex_elem_rounded_type_2.ow_icon > span:first-child { font-size: 2.9em; display: inline-block; padding-top: 2px; position: relative; z-index: 3; } .hex_elem_rounded_type_2.ow_icon:before { content: ""; display: block; width: 73px; height: 81px; background: url("../Content/images/our_work_icon_bg.png") no-repeat; z-index: 1; position: absolute; top: -18px; } .hex_elem_rounded_type_2.ow_icon > [class^="h_el_"] { z-index: -1; } /* 7. Sliders */ .bannercontainer { width: 100% !important; position: relative; padding: 0; max-height: 500px !important; overflow: hidden; z-index: 2; } .full_screen_slider > .flex-viewport { width: 100%; height: 100%; z-index: 20; position: relative; overflow: hidden; } .full_screen_slider .slides, .full_screen_slider .slides li { width: 100% !important; height: 100% !important; } .full_screen_slider .slides img { min-height: 100%; min-width: 100%; margin: 0 auto !important; } .layer_01 { -webkit-animation: rotate 4s linear infinite; -moz-animation: rotate 4s linear infinite; animation: rotate 4s linear infinite; } .layer_02 { -webkit-animation: rotateinverse 4s linear infinite; -moz-animation: rotateinverse 4s linear infinite; animation: rotateinverse 4s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateinverse { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes rotateinverse { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } .layer_03 { font-weight: 700; font-size: 3.35em; line-height: 0.9em !important; text-align: center; color: rgba(0,0,0,0.7); text-transform: uppercase; text-shadow: 1px 1px 1px rgba(99,118,130,0.7); } .layer_text_type_01 { font-size: 1.35em; } .layer_text_type_02, .layer_text_type_03 { color: #fff; text-transform: uppercase; font-size: 2.85em; text-align: right; line-height: 0.8em !important; } .layer_text_type_03 { text-align: left; width: 405px; } .layer_text_type_04 { font-size: 1.85em; } .layer_text_type_05 { font-size: 2.14em; color: #fff; } .tp-bullets > .bullet, .full_screen_slider .flex-control-nav > li > a { display: inline-block; margin-left: 7px !important; width: 16px !important; height: 16px !important; border: 2px solid rgba(255,255,255,0.3) !important; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: border-width .4s ease; transition: border-width .4s ease; } .tp-bullets > .bullet:hover, .full_screen_slider .flex-control-nav > li > a:hover { border-width: 4px; } .tp-bullets > .bullet > span, .full_screen_slider .flex-control-nav > li > a > span { opacity: 0; -webkit-transition: opacity 0.4s ease,background 0.4s ease; -moz-transition: opacity 0.4s ease,background 0.4s ease; -o-transition: opacity 0.4s ease,background 0.4s ease; -ms-transition: opacity 0.4s ease,background 0.4s ease; transition: opacity 0.4s ease,background 0.4s ease; display: block; width: 8px; height: 8px; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tp-bullets > .bullet:hover > span, .tp-bullets > .bullet.selected > span, .full_screen_slider .flex-control-nav > li > a:hover > span { opacity: 1; } .skew_sublayer, .skew_sublayer_02 { width: 799px; background: rgba(255,255,255,0.045); height: 100% !important; -webkit-transform: skewX(-35deg) !important; transform: skewX(-35deg) !important; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.3); box-shadow: 0 0 40px 0 rgba(0,0,0,0.3); } .skew_sublayer { -webkit-transform: skewX(35deg) !important; transform: skewX(35deg) !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .full_screen_slider .flex-control-nav { position: absolute; bottom: 60px; z-index: 5; width: 100%; text-align: center; } .touch .full_screen_slider .flex-next { right: 10px !important; } .touch .full_screen_slider .flex-prev { left: 10px !important; } .touch .full_screen_slider .flex-control-nav { display: block !important; } .full_screen_slider .flex-control-nav li { display: inline-block; } /* 8 Twitter */ [class^="tweet"] > .tweet_list > li { position: relative; padding: 0 0 0 50px; margin-bottom: 30px; } [class^="tweet"] > .tweet_list > li > .hex_elem_rounded { position: absolute; top: 4px; left: 9px; width: 21px; height: 35px; border-radius: 3px; } [class^="tweet"] > .tweet_list > li > .hex_elem_rounded > span { display: block; z-index: 1; width: inherit; height: inherit; text-align: center; position: absolute; font-size: 1.35em; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 8px; } .tweet_type_2 > .tweet_list > li { margin-bottom: 5px; padding: 10px 0 10px 62px; } .tweet_type_2 > .tweet_list > li > .hex_elem_rounded { top: 50%; left: 20px; margin-top: -17px; } .tweet_time { display: block; } [class^="twitter_carousel_"] { text-align: center; padding: 10px 0; position: relative; } [class^="twitter_carousel_"] > .hex_elem_rounded { position: relative; width: 49px; height: 75px; border-radius: 10px; margin: 5px auto 20px auto; } .twitter_carousel_01 > .hex_elem_rounded > span { display: block; width: inherit; height: inherit; position: absolute; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 3.1em; padding-top: 15px; } .twitter_carousel_02 > .hex_elem_rounded_type_2 { position: relative; width: 75px; height: 49px; border-left-width: 3px; border-right-width: 3px; border-left-style: solid; border-right-style: solid; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 10px; margin: 5px auto 20px auto; } .twitter_carousel_02 > .hex_elem_rounded_type_2 > [class^="h_el_"] { left: -3px; } .twitter_carousel_02 > .hex_elem_rounded_type_2 > [class^="icon-"] { font-size: 3.1em; line-height: 1.16em; } .twitter_carousel_02 .tweet_list { height: auto !important; } .twitter_next, .our_clients_prev, .our_clients_next, .twitter_prev, .twitter_carousel_02 .flex-direction-nav > li > a, .blockquotes_carousel_prev, .blockquotes_carousel_next { width: 41px; height: 41px; border-radius: 50%; cursor: pointer; background-color: transparent; border: 1px solid; position: absolute; left: 0; top: 50%; font-size: 1.3em; z-index: 1; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .blockquotes_carousel_prev > span, .blockquotes_carousel_next > span, .twitter_prev > span, .twitter_next > span, .our_clients_prev > span, .our_clients_next > span { -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .twitter_next { left: auto; right: 0; } .our_clients_next, .our_clients_prev { top: auto; bottom: -15px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 9px 0; } .our_clients_next { left: auto; right: -70px; } .our_clients_prev { left: -70px; } .twitter_next, .twitter_prev, .our_clients_prev, .our_clients_next, .blockquotes_carousel_prev, .blockquotes_carousel_next { -webkit-backface-visibility: hidden; } .tweet_carousel { padding: 0 50px; } .twitter_carousel_02 .flex-direction-nav .flex-prev { display: block; left: 50%; margin-left: -13px; width: 26px; height: 26px; bottom: 10px; top: auto; background-position: -391px 0; border-radius: 0; border: none; font-size: 2.2em; } .twitter_carousel_02 .flex-direction-nav .flex-next { display: block; right: 50%; left: auto; margin-right: -13px; width: 26px; height: 26px; top: 10px; bottom: auto; border-radius: 0; border: none; font-size: 2.2em; } [class^="twitter_carousel_"] .tweet_time { padding: 5px 0; } .twitter_carousel_02 .flex-direction-nav .flex-next:hover { -webkit-animation: arrowtop 0.4s ease; -moz-animation: arrowtop 0.4s ease; -o-animation: arrowtop 0.4s ease; -ms-animation: arrowtop 0.4s ease; animation: arrowtop 0.4s ease; } .twitter_carousel_02 .flex-direction-nav .flex-prev:hover { -webkit-animation: arrowbottom 0.4s ease; -moz-animation: arrowbottom 0.4s ease; -o-animation: arrowbottom 0.4s ease; -ms-animation: arrowbottom 0.4s ease; animation: arrowbottom 0.4s ease; } .twitter_carousel_02 { padding: 50px 0; } .twitter_carousel_02 .flex-direction-nav { height: 0; } /* 9. Main Content Elements */ /*hide*/ .cornice_button.type_2 > span:after, .title_container.single:after, #tab_type_1.style_3 > .tabs_links > a:nth-child(2n+1):before { display: none !important; } .no-csstransitions .contact_form_section, .no-csstransitions .flip_finished .contact_hexagons, blockquote.type_2:after, blockquote.type_2:before, .tweet_list > li:empty, .our_work_section_2 .our_work_services_item:nth-child(2):after, .our_work_section_2 .our_work_services_item:nth-child(3):before, .no-textshadow .cd_container, .full_screen_slider .flex-control-nav { display: none; } /* Color */ .main_menu > li:hover > a, .main_menu > .current_item > a, .menu_button, .main_menu > li.current_subitem > a, .main_menu ul, .main_menu ul ul, .header.header-small .main_menu > li:hover > a { background: #177ac1; } h2 { color: #177ac1; } .main_menu ul li:hover > a, .main_menu ul li.current_sub_item > a, .main_menu ul li.current_subitem > a { background: #3c9f9e; } .flex-control-nav:not(.full_screen_slider .flex-control-nav) .flex-active { background: #40b6b2; } .cornice_button > span, [class^="button_type_"] > i { background: #40c8ad; } .cornice > span, .date_container.hex_elem_rounded, .date_container.hex_elem_rounded > div:first-child, .archives_list > li > a > .hex_elem_rounded, .accordion_group dt, .accordion_type_02 .accordion_group dt .icon > span:first-child, .list_style_02 > li > .hex_elem_rounded, .list_style_03 > li > .hex_elem_rounded, .list_style_06 > li > .hex_elem_rounded, .team_person > .hex_elem_rounded, .twitter_carousel_02 > .hex_elem_rounded, .timeline_style_02 .hex_elem_rounded.timeline_icon > .hex_elem_rounded, .main_menu > li > a > .hex_elem_rounded, #custom_cursor { border-top-color: #48b8f9; border-bottom-color: #48b8f9; } .hex_elem_rounded_type_2.button_style, .social_icons_type_02 > li > .hex_elem_rounded_type_2, .hex_elem_rounded_type_2.services_type_2, .milestone_type_01 .hex_elem_rounded_type_2, .milestone_type_02 .hex_elem_rounded_type_2, .milestone_type_01 .hex_elem_rounded_type_2 > [class^="h_el_"], .milestone_type_02 .hex_elem_rounded_type_2 > [class^="h_el_"], .faq_nav > li .hex_elem_rounded_type_2.with_border, .faq_nav > li .hex_elem_rounded_type_2.with_border > [class^="h_el_"], .author_photo.hex_elem_rounded_type_2, .author_photo.hex_elem_rounded_type_2 > [class^="h_el_"], .sm_icon > [class^="h_el_"], .sm_icon, .twitter_carousel_02 > .hex_elem_rounded_type_2, .twitter_carousel_02 > .hex_elem_rounded_type_2 > [class^="h_el_"], .hex_elem_rounded_type_2.contact_info, .hex_elem_rounded_type_2.contact_info > [class^="h_el_"] { border-left-color: #48b8f9; border-right-color: #48b8f9; } .dashed_stripe { background: #48b8f9; } .counting_item, .dashed_stripe, .image_hex .circle, .image_hex .stripe, .faq_nav > li > .hex_elem_rounded_type_2 .stripe, .sitemap_title .stripe, .sitemap_title .circle { border-left-color: #48b8f9; } .layer_text_type_01, .counting_inner, .parallax[class*="parallax_s"] h1, .parallax[class*="parallax_s"] h2, .parallax[class*="parallax_s"] h3, .parallax[class*="parallax_s"] h4, .parallax[class*="parallax_s"] h5, .parallax[class*="parallax_s"] h6, .button_style_01:hover, .qutes_icon, .color_scheme, .register_container h1, .register_container h2, .register_container h3, .register_container h4, .register_container h5, .register_container h6, .form_style_01 input[type="submit"], .form_style_01 button[type="submit"], .title_container h1, .title_container h2, .title_container h3, .title_container h4, .title_container h5, .title_container h6, [class*="parallax_section"], .title_container.type_2 li, .secondary_page h3, .date_container.hex_elem_rounded > div, .post_tags_list > li > a:hover, .button_style_05, blockquote, h5, .reply_button, .require:after, input[type="submit"]:hover, h4, .categories_list > li > a:hover, [class$="_list"] > li > a:before, .archives_list > li > a:hover, .archives_list > li > a > .hex_elem_rounded > span, .compressed_post_content > a:hover, .k-header > span, .open_options > span, .portfolio_pagination > a, .portfolio_pagination a span, .portfolio_pagination > a, .work_info a, .like_buttons > li > a, .table_icons > dl, .button_style_06, .accordion_group dt .icon > span:first-child + span > span, .accordion_group dt:hover, .accordion_group.active dt, [class*="button_style_03"]:hover, [class*="button_style_03"].transparent, [class*="button_style_03"].arrow, [class*="button_style_03"].thin, [class*="list_style_"] > li:hover, [class*="list_style_"] a:hover, .callout_01 a:hover, .callout_02 a:hover, .callout_03 .title > span, .callout_03 a, .callout_01 .title > span, [class*="milestone_type_"] dl dt, blockquote .author, .testimonials_hexagon_wrap > .hexagon_small_container:after, .testimonials_hexagon_wrap > .hexagon_small_container:before, .tweet > .tweet_list > li a, .tweet > .tweet_list > li .at, [class^="twitter_carousel"] > .tweet_carousel .tweet_list > li a, [class^="twitter_carousel"] > .tweet_carousel .tweet_list li .follow, .twitter_carousel_01 > .tweet_carousel .tweet_list li .tweet_time > a:hover, .wrap_404 > span, .sitemap_list > li > a:hover, ol, h1.default, h2.default, h3.default, h4.default, h5.default, h6.default, .photo_container, .timeline_style_02 .timeline_description .td_content, .main_menu > li > a > .hex_elem_rounded > i, .social_icons > li > a > i, .blockquotes_carousel_prev > i, .blockquotes_carousel_next > i, .social_icons_type_01 > li > a > div > i, article:not(.style_01) .post_tag_icon > i, .home_blog .color_scheme_bg .date_container_type_02, .categories_list > li > a > span, #custom_cursor > span, #custom_cursor > [class^="hex_elem_rounded"], .shortcodes_list > li > a > span, .list_style_02 > li > .hex_elem_rounded > span, .list_style_03 > li > .hex_elem_rounded > span, .list_style_04 > li > a > span, .list_style_06 > li > .hex_elem_rounded > span, .testimonials_hexagon_wrap > .hexagon_small_container, .social_icons_type_02 > li > a > span:first-child, .tweet_type_2 .tweet_list li .hex_elem_rounded > span, .twitter_next, .twitter_prev, .our_clients_prev, .our_clients_next, .twitter_carousel_02 .flex-direction-nav > li > a, .twitter_carousel_02 > .hex_elem_rounded > span, [class^="graph_type_"]:not(.graph_type_1) .flot-y-axis, [class^="graph_type_"]:not(.graph_type_1) .flot-x-axis, .blockquotes_carousel_next, .blockquotes_carousel_prev, .timeline_style_02 .hex_elem_rounded.timeline_icon > .hex_elem_rounded > span, .sm_icon, .ok_icon > span, .hex_elem_rounded_type_2.button_style > span:first-child, .hex_elem_rounded_type_2.button_style.scheme_color:hover > span:first-child, .faq_nav li.active .faq_title, .faq_nav.our_team li .faq_title, .twitter_carousel_02 > .hex_elem_rounded_type_2 > [class^="icon-"] { color: #0176ac; } .recent_projects figcaption { background: rgba(69,98,135,0.7); } .recent_projects figcaption { border-color: #0176ac; } .social_icons > li > a, .button_style_01:hover, .slides_blockquote_prev, .slides_blockquote_next, .form_style_01 input[type="submit"], .form_style_01 button[type="submit"], .path_list > li > i, .our_clients_next, .button_style_05, input:not([type="submit"]), textarea, input[type="submit"], .portfolio_pagination > a, .button_style_06, .accordion_group.active dt .icon > span:first-child, [class*="button_style_03"]:hover, [class*="button_style_03"].transparent, [class*="button_style_03"].arrow, [class*="button_style_03"].thin, [class^="callout_"], .callout_01 a:hover, .time_circle, .blockquotes_carousel_prev, .blockquotes_carousel_next, .blockquotes_carousel_prev, .blockquotes_carousel_next, .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2:hover, .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2:hover > [class^="h_el_"] { border-color: #0176ac; } .tags_list > li > a > span, .like_buttons > li { border-left-color: #0176ac; } .skills_title_container > i, .open_options > ul > li:first-child > i, .team_advertising > .triangle { border-bottom-color: #0176ac; } .heading_container_type_03 .triangle_cornice, .divider_type_04, .time_container > span:nth-child(3), .time_container > span:nth-child(2), .date_container_type_02 > span { border-top-color: #0176ac; } .social_icons > li > a:hover, .color_scheme_section, .author_container:after, .author_container:before, .scrolltop:hover > span, i[class^="icons_type_01"], .skills_content_part, .skill_item > .clean_cornice, .our_clients_title > span:first-child, .our_clients_title > span:nth-child(2), .button_style_05:hover, .colorbox_inner_overlay, .reply_button > .hex_elem_rounded, input[type="submit"], .tags_list > li > a, .open_options > .hex_elem_rounded, .open_options > ul, .colorbox_container.active .portfolio_item_description, .portfolio_pagination > a:hover, i[class^="icons_type_02"], .contact_form_section, .social_icons_type_01 .clean_cornice, .pricing_table > header, .pricing_table > header > i, .pricing_table:hover .table_content, .pricing_table.active .table_content, .accordion_group dd, .accordion_group dd > i, .accordion_group.active dt .icon > span:first-child + span, [class*="button_style_03"], [class*="button_style_03"].transparent:hover, [class*="button_style_03"].arrow:hover, [class*="button_style_03"].thin:hover, .divider_type_03, .list_style_01 > li > .hex_elem_rounded, .list_style_05 > li > .hex_elem_rounded, .callout_01 a, .callout_02, #tab_type_1.style_1 > .tabs_links > a.active, #tab_type_1.style_1 > .tabs_content_containers, #tab_type_1.style_2 > .tabs_links > a, #tab_type_2 > .tabs_links > a, #tab_type_2 > .tabs_content_containers, #tab_type_1.style_3 > .tabs_links > .active, #tab_type_1.style_3 > .tabs_content_containers, #tab_type_1.style_3 > .tabs_links > a > span, .social_icons_type_02 > li > .hex_elem_rounded_type_2:hover, .social_icons_type_02 > li > .hex_elem_rounded_type_2:hover > [class^="h_el_"], .toggle_type_01 > dl > dt, .toggle_type_02 > dl > dt > .hex_elem_rounded, .testimonials_hexagon_wrap > span:nth-child(2), .testimonials_hexagon_wrap > span:nth-child(3), .tweet > .tweet_list > li > .hex_elem_rounded, .tweet_type_2 > .tweet_list > li, .twitter_carousel_01 > .hex_elem_rounded, .sitemap_list > li > span:nth-child(2), .sitemap_list > li > span:nth-child(3), .first_letter > .hex_elem_rounded, .blockquotes_carousel .testimonial_author_container > span:nth-child(2), .blockquotes_carousel .testimonial_author_container > span:nth-child(3), .hex_elem_rounded.timeline_icon, .timeline_description > .hex_elem_rounded, .timeline_description .td_content, .timeline_style_02, .timeline_style_02 .time_circle, .our_work_section_2, .our_team_title, .team_item_description:before, .version_one_page, #colorSelector, .heading_container_type_03.xs, .color_scheme_bg, #custom_cursor.active, .load_page .loader, .graph_type_1, .our_team_container .team_item:nth-child(2) .team_item_description > span, .our_team_container .team_item:nth-child(3) .team_item_description > span, .hex_elem_rounded_type_2.button_style:hover, .hex_elem_rounded_type_2.button_style:hover > [class^="h_el"], .hex_elem_rounded_type_2.button_style.scheme_color, .hex_elem_rounded_type_2.button_style.scheme_color > [class^="h_el_"], #flickr > li > a > .hex_elem_rounded_type_2, #flickr > li > a > .hex_elem_rounded_type_2 > [class^="h_el"], .blockquotes_carousel_prev:hover, .blockquotes_carousel_next:hover, .twitter_next:hover, .twitter_prev:hover, .our_clients_prev:hover, .our_clients_next:hover, .service:not(.type_2) .image_hex > .hex_elem_rounded_type_2, .service:not(.type_2) .image_hex > .hex_elem_rounded_type_2 > [class^="h_el_"], .image_hex > .circle, .milestone_type_02 .hex_elem_rounded_type_2 > [class^="h_el_"], .milestone_type_02 .hex_elem_rounded_type_2, .social_icons_type_03 li .hex_elem_rounded_type_2, .social_icons_type_03 li .hex_elem_rounded_type_2 > [class^="h_el_"], .faq_nav:not(.our_team) > li > .hex_elem_rounded_type_2, .faq_nav:not(.our_team) > li > .hex_elem_rounded_type_2 > [class^="h_el_"], .faq_nav > li > .hex_elem_rounded_type_2 .circle, .colorbox_container > a > .colorscheme_icon, [class^="go_to_"] .colorscheme_icon, #company_description.hex_elem_rounded_type_2, #company_description.hex_elem_rounded_type_2 > [class^="h_el_"], #contact_form .hex_elem_rounded_type_2, #contact_form .hex_elem_rounded_type_2 > [class^="h_el_"], .tp-bullets > .bullet > span, .sitemap_title, .sitemap_title > [class^="h_el_"], .sitemap_title .circle, .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2:hover, .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2:hover > [class^="h_el_"], [class*="_rp_filter"].active, .our_team_title_wrap > .content.ot_content_responsive, .full_screen_slider .flex-control-nav .flex-active > span, .hex_elem_rounded_type_2.open_contact_form, .hex_elem_rounded_type_2.open_contact_form > [class^="h_el_"], .hex_elem_rounded_type_2[class*="c_icon_"], .hex_elem_rounded_type_2[class*="c_icon_"] > [class^="h_el_"], .hex_elem_rounded_type_2.ow_icon, .hex_elem_rounded_type_2.ow_icon > [class^="h_el_"] { background: #0176ac; } [role="search"] input[type="submit"]:hover { background-color: #0176ac; } .layer_text_type_04 { color: #fff; font-weight: bold; } .cornice_button.type_2 > span { background: #456287; } .no-js.no-touch .ls-bottom-slidebuttons > a:hover:after, .no-js .ls-bottom-slidebuttons > .ls-nav-active:after, .no-touch .ls-bottom-slidebuttons > a:hover > span, .ls-bottom-slidebuttons > .ls-nav-active > span { background: #78cecc; } .step_icon > i { background: #84d2ff; } .link_container > a, .sitemap_title > .hex_elem_rounded_type_2, .sitemap_title > .hex_elem_rounded_type_2 > [class^="h_el_"] { background: #2b7e7c; } .our_work_title .title_cornice { border-top-color: #0ea29d; } .form_style_01 input[type="text"]:focus, .form_style_01 input[type="email"]:focus, .form_style_01 input[type="url"]:focus { box-shadow: 0 0 10px 0 rgba(62,181,177,0.5); } .menu_button > span:first-child, .address_list > li:first-child, .categories_list > li:first-child, .archives_list > li:first-child, .latest_post_carousel > li > article:first-child, aside > .widget:first-child, .timeline_item:first-child { margin-top: 0; } .ls-bottom-slidebuttons > a:first-child, .flex-control-nav li:first-child, .social_icons > li:first-child, .skills_wrap > .skill_item:first-child, .form_col:first-child, .social_icons_type_03 > li:first-child, #flickr > li:first-child, .same_works_list > li:first-child, .pricing_table:first-child, .button_style_container > [class*="button_style_"]:first-child, .countdown > dl:first-child, .faq_nav > li:first-child { margin-left: 0; } .post_tags_list > li:last-child, .tags_list > li:nth-child(3n) { margin-right: 0 !important; } .ls-bottom-slidebuttons > a, .no-js .ls-bottom-slidebuttons > a:after, .ls-bottom-slidebuttons > a > span, .dashed_stripe, [class^="button_type_"] > i, .flex-control-nav a, .step_icon > i, .slides_blockquote_prev, .slides_blockquote_next, .our_clients_next, .image_hex > .circle, .faq_nav > li > .hex_elem_rounded_type_2 .circle, .sitemap_title .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .our_work_item { position: relative; text-align: center; padding: 50px 95px 0; min-height: 247px; } .our_work_item > .ow_triangle { display: block; width: 349px; height: 349px; position: absolute; top: -178px; left: 7px; background: #f3f2eb; padding: 1px; border: 1px solid #e6e6e6; background-clip: content-box; z-index: 0; -webkit-transform: rotate(45deg) skew(11deg,11deg); transform: rotate(45deg) skew(11deg,11deg); } .our_work_item > figcaption, .our_work_item > p { position: relative; z-index: 1; } .counting_item { position: absolute; bottom: 0; right: -103px; width: 139px; height: 139px; } .cornice { -webkit-transform: rotate(30deg); transform: rotate(30deg); width: inherit; height: inherit; position: relative; } .cornice > span { display: block; position: absolute; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; width: 98px; height: inherit; -webkit-border-radius: 16px; border-radius: 16px; -webkit-backface-visibility: hidden; } .counting_inner { text-align: center; padding: 0 0px; position: absolute; left: -20px; top: 0px; width: inherit; } .counting_inner > dt { font-size: 5em; line-height: 1em; } .dashed_stripe { display: block; width: 7px; height: 7px; position: absolute; top: -75px; margin-left: -23px; left: 50%; } .dashed_stripe:after, .counting_item:after { content: ""; display: block; border-left-width: 1px; border-left-style: dashed; border-left-color: inherit; height: 46px; position: absolute; left: 50%; top: 7px; } .counting_item:after { margin-left: -20px; top: auto; bottom: 0; height: 20px; } .our_work_section { padding-bottom: 50px; -webkit-transition: -webkit-transform .6s ease; transition: transform .6s ease; } .customer_reviews { padding: 50px 0; position: relative; } .customer_reviews:after { content: ""; width: 0; height: 0; border-left: 26px solid transparent; border-top: 36px solid #fff; border-right: 26px solid transparent; position: absolute; bottom: -35px; left: 50%; margin-left: -26px; } .social_icons, .heading_container_type_02 > *, .heading_container_type_03, .register_container .slog, .register_container p, .photo, .title_container.type_2 > .container > *, .blog_isotope .post_info > *, .comment .author, .like_buttons, .social_icons_type_02, .team_person > .hexagon_big_container, .countdown, .register_container .social_icons_type_03, .inline { display: inline-block; } .relative, .icon_container, .footer_logo_container, .skills, .photo, .our_clients_section, .open_options, .advertising_images, .coming_soon > .container, .container_404 > .container, .title_container > .container, .full_width_slider { position: relative; } .left_arrow, .right_arrow { margin-bottom: -10px; vertical-align: bottom; } .left_arrow { margin-right: 20px; } .right_arrow { margin-left: 20px; } .parallax[class*="parallax_s"] { background: url("../Content/images/paralax-bg.jpg") no-repeat 50% 0 fixed; height: 180px; padding: 110px 0; } .no_parallax, .idevice [class*="parallax"] { background-position: 50% 20% !important; background-attachment: scroll !important; } .parallax.parallax_s_2, .article_parallax_02 { background: url("../Content/images/parallax_bg_02.png") no-repeat 50% 0 fixed; } .register_container.parallax { background: url("../Content/images/parallax_bg_04.png") no-repeat 50% 0px fixed; } .article_parallax { background: rgba(240,73,31,0.98) url("../Content/images/parallax_bg_01.png") no-repeat 50% 0 fixed; } .rp_wrap.parallax { padding: 60px 0 100px; background: rgba(240,73,31,0.98) url("../Content/images/parallax_bg_01.png") no-repeat 50% 0 fixed; } .color_scheme_section { padding: 30px 0; } .heading_container_type_03 { width: 200px; } .heading_container_type_03 h1 { line-height: 0.9em; } .color_scheme_section > .container { padding: 0 100px; box-sizing: border-box; -moz-box-sizing: border-box; } .color_scheme_section > .container:after, .slides_blockquotes > li:after, article:after, [id*="tab_type"] .tabs_links:after, .faq_nav:after, .blockquotes_carousel > li:after { content: ""; display: block; clear: both; } .show_step_container { width: 31%; float: left; margin-left: 3%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 55px; margin-top: 15px; position: relative; } .color_scheme_section .show_step_container:first-child { margin-left: 0; } .cornice_button.type_2 > span { width: 97px; height: 157px; box-shadow: none !important; } .icon_container > .cornice_button { top: 65px; left: 16px; } .icon_container { width: 195px; height: 220px; position: absolute; top: 0; left: -110px; } .icon_container.last { left: auto; right: -113px; } .show_step_container > p { padding-top: 100px; margin: 0 -67px; } .slides_blockquotes blockquote { width: 400px; font-weight: 300; margin-top: 25px; } .author_container { width: 365px; position: relative; } .qutes_icon { width: 35px; height: 26px; font-size: 120px; font-size: 8.7em; line-height: 1em; font-weight: bold; letter-spacing: -9px; position: absolute; top: -25px; left: 50%; margin-left: -28px; } .qutes_icon:after { content: open-quote; } .blockquotes_section .hexagon_small_container { margin: 30px auto 5px; width: 114px; } .author_container:after, .author_container:before { content: ""; display: block; width: 366px; height: 1px; position: absolute; top: 97px; left: -108px; -webkit-transform: rotate(-54deg); transform: rotate(-54deg); } .author_container:before { -webkit-transform: rotate(54deg); transform: rotate(54deg); left: auto; right: -108px; } .register_container { padding: 65px 0; background: rgba(254,253,235,0.3) url("../Content/images/home_img_18.png") repeat; } .register_container.type1.parallax { background: rgba(254,253,235,0.3) url("../Content/images/avpaulista.png") repeat 50% 0 fixed; } .register_container .slog { width: 40%; text-align: right; } .register_container p { width: 46%; margin-left: 2%; padding-top: 10px; } .register_container.news_letter .slog { width: 49%; } .register_container.news_letter p { width: 34%; } .divider_type_01 { display: inline-block; width: 50%; height: 1px; background: #7d7d7b; margin: 30px 0 25px; } .divider_type_02 { height: 1px; background: #e1decd; margin: 18px 0 17px; } .divider_type_03 { height: 8px; border-radius: 3px; margin: 15px 0; } .divider_type_04 { border-top-width: 1px; border-top-style: dashed; margin: 15px 0; } .footer .latest_posts article img { float: right; margin: 4px 0 0 10px; } .latest_posts > hr { width: 90%; height: 1px; margin: 14px 0 3px; background: #555; display: inline-block; } .title_container, .coming_soon, .container_404 { padding: 22px 0 25px; background: url("../Content/images/home_img_20.jpg") repeat; position: relative; } .title_container.type_3.with_links h1 { padding: 0 24%; word-break: break-all; } .about_us, .coming_soon { padding: 50px 0; } .skills_content_part { padding: 40px 0; } .skills_title_container { position: absolute; left: 50%; width: 492px; height: 344px; top: -344px; margin-left: -246px; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 98px; } .skills_title_container > i { display: block; width: 0; height: 0; border-left: 244px solid transparent; border-right: 244px solid transparent; border-bottom-width: 365px; border-bottom-style: solid; position: absolute; top: -19px; left: 2px; z-index: 1; } .skills_title_container:not(.about) > i:after, .skills_title_container:not(.about) > i:before { content: ""; height: 1px; width: 459px; background: #fff; position: absolute; top: 197px; } .skills_title_container > i:after { left: -357px; -webkit-transform: rotate(-56.3deg); transform: rotate(-56.3deg); } .skills_title_container > i:before { right: -357px; -webkit-transform: rotate(56.3deg); transform: rotate(56.3deg); } .skills_title_inner { position: relative; z-index: 2; } .skills_title_inner > img, [class*="list_style_"] { margin-bottom: 20px; } .skills_content_part > .line { height: 1px; width: 100%; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.7); position: absolute; left: 0; top: 82px; } .skill_item { width: 74px; height: 84px; position: relative; z-index: 2; margin-left: 71px; } .skill_item > .inner { width: inherit; height: inherit; position: relative; z-index: 2; background: url("../Content/images/percent_hexagon.png") no-repeat; padding: 25px 10px; box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 700; text-align: center; vertical-align: middle; } .skill_item > .clean_cornice { width: 61px; height: 35px; top: 25px; left: 5px; } .clean_cornice { position: absolute; z-index: 1; } .clean_cornice:after, .clean_cornice:before { content: ""; display: block; width: inherit; height: inherit; position: absolute; background: inherit; } .skills_wrap { padding: 0 40px; min-height: 380px; } .skill_item.active > .clean_cornice { background: #fc714e; } .skill_title { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; text-transform: uppercase; min-width: 312px; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; text-align: right; } .skill_title > div { display: inline-block; margin-top: 10px; width: 0; height: 1px; background: url("../Content/images/skills_dashed_line.png") repeat-x; } .our_team_section { background: #f3f2eb; padding: 40px 0; } .person_title > span { display: block; } .link_container { width: 240px; height: 151px; position: absolute; top: 62px; z-index: 2; background: #0176ac; border-radius: 20px; -webkit-transform: scale(0.3,0.3); transform: scale(0.3,0.3); opacity: 0; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; } .hexagon_big_container { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .photo.active .hexagon_big_container { opacity: 0; } .photo.active .link_container { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); } .link_container > .hex_elem_rounded_type_2 { display: block; width: 112px; height: 73px; position: absolute; z-index: 3; -webkit-border-radius: 13px; border-radius: 13px; top: 50%; left: 50%; opacity: 0; margin: -36px 0 0 -56px; -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transition-property: opacity,-webkit-transform; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0.2s; transition-property: opacity,transform; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0.2s; } .photo.active .link_container > a { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); } .link_container > a > span:first-child { position: absolute; display: block; text-align: center; font-weight: bold; vertical-align: middle; width: 112px; height: 100%; padding: 15px 10px; z-index: 5; box-sizing: border-box; -moz-box-sizing: border-box; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .photo { margin: 10px 0 8px; display: inline-block; } .parallax_section_about.parallax { padding: 75px 0 80px; position: relative; height: auto; background: url("../Content/images/about_parallax_bg.jpg") no-repeat fixed; } .parallax_section_about.parallax:after { content: ""; border-left: 26px solid transparent; border-top: 36px solid #f3f2eb; border-right: 26px solid transparent; position: absolute; top: 0; left: 50%; margin-left: -26px; } .our_clients_section { padding: 110px 0 45px; overflow: hidden; } .our_clients_title { text-align: center; position: relative; margin-top: -65px; } .our_clients_title > span { display: block; width: 600px; height: 1px; position: absolute; top: 171px; -webkit-transform: rotate(-54deg); transform: rotate(-54deg); } .our_clients_title > span:first-child { -webkit-transform: rotate(54deg); transform: rotate(54deg); left: -295px; } .our_clients_title > span:nth-child(2) { right: -288px; } .custom_span_4_5 { width: 420px; float: left; margin-left: 30px; } .title_container.type_2 .path_list { vertical-align: bottom; margin-right: 7px; } .title_container.type_2 { padding: 53px 0 65px; } .title_container.type_3 { padding: 35px 0; } .title_container.type_2:after, .title_container.type_3:after { content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 17px solid #fff; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin-left: -12px; } .article_container { padding-top: 60px; } article img.f_left, .colorbox_container.f_left, article iframe.f_left { margin: 8px 30px 0 0; } article img.f_right, .colorbox_container.f_right, article iframe.f_right { margin: 8px 0 0 30px; } .date_container.hex_elem_rounded { display: inline-block; position: relative; width: 60px; height: 88px; border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; border-radius: 7px; margin: -7px 40px 0 18px; -webkit-backface-visibility: hidden; } .date_container.hex_elem_rounded:after, .date_container.hex_elem_rounded:before, .list_style_02 > li > .hex_elem_rounded:after, .list_style_02 > li > .hex_elem_rounded:before, .list_style_03 > li > .hex_elem_rounded:after, .list_style_03 > li > .hex_elem_rounded:before, .team_person > .hex_elem_rounded:after, .team_person > .hex_elem_rounded:before, .twitter_carousel_02 > .hex_elem_rounded:after, .twitter_carousel_02 > .hex_elem_rounded:before, .hex_elem_rounded.timeline_icon > .hex_elem_rounded:after, .hex_elem_rounded.timeline_icon > .hex_elem_rounded:before { top: -3px; } .date_container.hex_elem_rounded > div { font-weight: 700; width: 61px; -webkit-backface-visibility: hidden; } .date_container.hex_elem_rounded > div:first-child { border-bottom-width: 1px; border-bottom-style: dashed; margin: 23px 0 0 4px; padding: 0 0 3px 3px; } .post_info { padding-bottom: 22px; } .post_tags_container { overflow: hidden; padding-bottom: 20px; } .colorbox_container { position: relative; overflow: hidden; } .colorbox_inner_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; opacity: 0; z-index: 2; } .colorbox_container > a, .go_to_photo, .go_to_single { display: block; width: 55px; height: 62px; position: absolute; top: -62px; left: 50%; background-position: -302px -46px; cursor: pointer; margin-top: -31px; margin-left: -27px; opacity: 0; z-index: 4; -webkit-transition: opacity 0.4s ease,top 0.4s ease,left 0.4s ease,right 0.4s ease; transition: opacity 0.4s ease,top 0.4s ease,left 0.4s ease,right 0.4s ease; } .colorbox_container.active > a { top: 50%; opacity: 1; } .colorbox_container > .go_to_single, .go_to_single { background-position: -362px -45px; } .colorbox_container > .go_to_video { background-position: -2px -632px; } .colorbox_container > .go_to_link { background-position: -61px -632px; } .colorbox_container.two_buttons_type > a { left: -62px; top: 50%; margin-left: -58px; } .colorbox_container.two_buttons_type .go_to_single { box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 16px; left: auto !important; right: -58px !important; margin-right: -62px; } .colorbox_container.two_buttons_type:hover > a { left: 50%; } .colorbox_container.two_buttons_type:hover > .go_to_single { right: 50% !important; } .colorbox_container img { backface-visibility: hidden; } .colorbox_container > a > .active_icon, .go_to_photo > .active_icon, .go_to_single > .active_icon { display: block; width: inherit; height: inherit; position: absolute; top: 0; left: 0; background-position: -219px -162px; z-index: 2; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .colorbox_container > .go_to_single > .active_icon, .go_to_single > .active_icon { background-position: -277px -162px; } .colorbox_container > .go_to_video > .active_icon { background-position: -335px -162px; } .colorbox_container > .go_to_link > .active_icon { background-position: -394px -162px; } .colorbox_container > a > .colorscheme_icon, [class^="go_to_"] .colorscheme_icon { display: block; width: inherit; height: 40px; position: absolute; left: 0; top: 10px; z-index: 1; opacity: 0; border-radius: 15px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .colorbox_container > a:hover > * { opacity: 1; } .audiojs { width: 100%; border-radius: 3px; background: -webkit-linear-gradient(top,#4a4c4d,#2b2d2d); background: -o-linear-gradient(top,#4a4c4d,#2b2d2d); background: -moz-linear-gradient(top,#4a4c4d,#2b2d2d); background: -ms-linear-gradient(top,#4a4c4d,#2b2d2d); background: linear-gradient(top,#4a4c4d,#2b2d2d); margin-bottom: 15px; } .audiojs .scrubber { background: #262929; border: 1px solid #000; border-radius: 2px; height: 8px; margin: 14px 0px 14px 10px; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; } .audiojs .progress { background: -webkit-linear-gradient(top,#00e6fb,#008ced); background: -o-linear-gradient(top,#00e6fb,#008ced); background: -moz-linear-gradient(top,#00e6fb,#008ced); background: -ms-linear-gradient(top,#00e6fb,#008ced); background: linear-gradient(top,#00e6fb,#008ced); height: 100%; border-radius: inherit; width: 100%; } .no-textshadow .audiojs .progress { background: #008ced; } .audiojs .time { float: right; } .audiojs .loaded { background: #464849; height: 100%; border-radius: inherit; } .play-pause { cursor: pointer; } .play-pause:hover { background: -webkit-linear-gradient(top,#2b2d2d,#4a4c4d); background: -o-linear-gradient(top,#2b2d2d,#4a4c4d); background: -moz-linear-gradient(top,#2b2d2d,#4a4c4d); background: -ms-linear-gradient(top,#2b2d2d,#4a4c4d); background: linear-gradient(top,#2b2d2d,#4a4c4d); } .play-pause .play, .play-pause .pause { position: relative; } .play-pause > .play:after { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #d2d6db; position: absolute; top: 8px; left: 10px; } .play-pause .pause:after, .play-pause .pause:before { content: ""; display: block; width: 4px; height: 10px; background: #d2d6db; position: absolute; top: 9px; left: 8px; } .play-pause .pause:before { left: 14px; } .blog_default article iframe { width: 570px; height: 357px; } [class*="blog_"] { padding-bottom: 90px; } .blog_isotope { padding-bottom: 60px; } .blog_default .article_container:nth-child(2n+1), .tweet_type_2 > .tweet_list > li > .hex_elem_rounded, [class^="accordion_type_"].faq dd { background: #f3f2eb; } .blog_full_width article iframe { width: 640px; height: 360px; margin: 0 auto; display: block; } .blog_full_width .post_info, .blog_full_width .post_tags_container, [class*="our_work_section_2"] p { padding-bottom: 0; } .blog_full_width .date_container.hex_elem_rounded { margin-top: 8px; } .blog_full_width .post_content, .blog_full_width .post_info h1, .blog_full_width .post_info h2, .blog_full_width .post_info h3, .blog_full_width .post_info h4, .blog_full_width .post_info h5, .blog_full_width .post_info h6 { padding-left: 115px; } .blog_two_columns .post_info { padding: 25px 0 10px; } .item_blog { width: 370px; margin: 0 0 30px 30px; } .blog_isotope .post_info, .blog_post .post_info { padding: 22px 0 12px; } .blog_isotope .date_container.hex_elem_rounded { margin-right: 28px; } .blog_isotope article .divider_type_02 { margin: 14px 0 12px; } .blog_isotope .post_info > .date_container.hex_elem_rounded + * { width: 252px; } .blog_isotope article blockquote .color_scheme { padding-top: 8px; } blockquote { padding: 40px 0; position: relative; quotes: "\201c" "\201d"; margin-bottom: 30px; text-align: left; } blockquote:after, blockquote:before, .testimonials_hexagon_wrap > .hexagon_small_container:after, .testimonials_hexagon_wrap > .hexagon_small_container:before { content: open-quote; font-size: 8.7em; line-height: 0.7em; display: block; position: absolute; left: 0; width: 100%; height: 25px; text-align: center; top: 0; color: inherit; } .testimonials_hexagon_wrap > .hexagon_small_container:after, .testimonials_hexagon_wrap > .hexagon_small_container:before { font-size: 12em; top: -40px; left: -8px; } .testimonials_hexagon_wrap > .hexagon_small_container:before { left: 12px; } blockquote:before { bottom: 0; top: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); } blockquote.type_2 { padding-top: 30px; } .blog_isotope iframe { width: 100%; height: 333px; } .blog_isotope article audio { margin: 0; } .blog_post .post_tags_list, blockquote > p { padding: 0; } .blog_post .post_tags_list { padding-left: 6px; } .author_comment, .other_comments_container, .p_top_30 { padding-top: 30px; } .widget { margin-top: 40px; } .author_comment .content_comment { padding-left: 134px; } .comment .content_comment { padding-left: 114px; } .author_photo.hex_elem_rounded_type_2 { width: 95px; height: 60px; border-left-width: 3px; border-right-width: 3px; border-left-style: solid; border-right-style: solid; position: relative; border-radius: 9px; -webkit-backface-visibility: hidden; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; margin: 18px 0; } .author_photo.hex_elem_rounded_type_2 > [class^="h_el_"] { box-sizing: border-box; -moz-box-sizing: border-box; left: -3px; } .author_photo.hex_elem_rounded_type_2 img { margin-top: -8px; } .comment { padding-top: 15px; } .comment_data { margin-bottom: 10px; } .comment.second_level { margin-left: 116px; } .comment.third_level { margin-left: 232px; } .widget > figcaption > * { position: relative; padding-left: 16px; } .widget > figcaption > *:before { content: ""; display: block; position: absolute; top: 4px; left: 0; border-left: 3px solid #ef5f3b; height: 18px; } .compressed_post_content { padding: 10px 0 0 100px; } .compressed_post_content > a { margin-bottom: 2px; display: inline-block; } .compressed_post_content > p { padding-bottom: 2px; } .latest_post_nav { position: absolute; top: -32px; right: 0; z-index: 1; } .open_options { width: 200px; } .open_options > span { display: block; padding-right: 10px; cursor: pointer; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .open_options > .hex_elem_rounded { width: 14px; height: 24px; border-radius: 2px; position: relative; cursor: pointer; margin: -1px 15px 0 0; } .open_options > .hex_elem_rounded > span { display: block; width: inherit; height: inherit; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; padding: 9px 0 8px 1px; z-index: 1; } .filter_select { padding: 40px 0; } .portfolio_item_description { background: #fff; position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px 7px 5px; z-index: 3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .portfolio_item_description > * { -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .portfolio_item_description:after { content: ""; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 19px solid #fff; position: absolute; top: -18px; left: 50%; margin-left: -14px; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .colorbox_container.active .portfolio_item_description:after { opacity: 0; } .portfolio_item { width: 100%; } .portfolio_isotope_container.two_columns .portfolio_item { width: 49.5%; float: left; margin: 0 0 5px 5px; } .portfolio_isotope_container.three_columns .portfolio_item { width: 32.8%; float: left; margin: 0 0 5px 5px; } .portfolio_isotope_container.three_columns, .portfolio_isotope_container.two_columns, .portfolio_isotope_container.four_columns { margin-left: -5px; } .portfolio_isotope_container.three_columns.gallery { margin-left: -20px; } .portfolio_isotope_container.four_columns .portfolio_item { float: left; width: 24.5%; margin: 0 0 5px 5px; } .portfolio_pagination { padding: 5px 0; margin-top: 10px; } .social_icons_type_01 > li > a > div:before, .icon_inner:after, .hex_elem_rounded.time > span:after, .our_work_icon:after, .post_tag_icon:after, .our_clients_prev > span:after, .our_clients_next > span:after, .hex_elem_rounded_type_2.services_type_2 .count:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .portfolio_isotope_container.three_columns.gallery .portfolio_item { float: left; margin: 0 0 20px 20px; width: 31.6%; } .portfolio_isotope_container.three_columns.gallery { padding-top: 90px; } .single_item_description { padding: 60px 0; } .work_info { margin-bottom: 35px; } .ld_container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; background: #fff; } .showcase_item { position: relative; opacity: 1; overflow: hidden; background: transparent; -webkit-transition: opacity 0.4s ease,margin-left 0.6s ease,-webkit-transform 3s ease; -moz-transition: opacity 0.4s ease,margin-left 0.6s ease,transform 3s ease; transition: opacity 0.4s ease,margin-left 0.6s ease,transform 3s ease; } .showcase_item .load_page, .load_page .loader, .content_wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: none; } .load_page .loader { width: 0%; z-index: 2; } .content_wrapper { width: 0; z-index: 3; overflow: hidden; height: inherit; } .content_wrapper > figure { text-align: center; padding: 0 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; } .showcase_item.dark > span, .showcase_item > span { display: block; left: 0; width: 100%; top: 0; height: 100%; position: absolute; cursor: url(/prospect/Content/images/cursor.gif), pointer; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; transition: background 0.4s ease; } .showcase_item.dark.hover_off:hover > span { background: rgba(0,0,0,0.4); } .showcase_item > span, .showcase_item.hover_off:hover > span { background: none; } .showcase_item.dark:hover > span, .showcase_item.dark.active > span { background: rgba(0,0,0,0.55); } .showcase_item:hover > span, .showcase_item.active > span { background: rgba(255,255,255,0.55); } .advertising { padding: 100px 0 80px; } .advertising_description { width: 480px; height: 570px; padding-top: 90px; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; } .advertising_images { width: 690px; height: 570px; } .advertising_images > img { position: absolute; } .advertising_images > img[src$="screen.png"] { left: 40px; } .advertising_images > img[src$="ipad.png"] { right: -60px; bottom: 80px; } .advertising_images > img[src$="iphone.png"] { left: 50px; bottom: 80px; } .advertising_images > img[src$="img_01.png"] { left: -124px; bottom: 49px; } .advertising_images > img[src$="keyboard.png"] { left: 230px; bottom: 81px; } .advertising.color { background: rgba(234,234,226,0.7) url("../Content/images/unique_color_bg.png") no-repeat 50% 0 fixed; padding: 0; } .advertising.color .advertising_description, .advertising.color .advertising_images { height: 547px; } .advertising.color .advertising_description { width: 385px; padding-top: 170px; } .advertising.color .advertising_images > img[src$="screen_01.png"] { left: 13px; top: 170px; } .advertising.color .advertising_images > img[src$="screen_02.png"] { left: 217px; top: 140px; } .advertising.color .advertising_images > img[src$="screen_03.png"] { left: 440px; top: 122px; } .advertising.color .advertising_images > img[src$="screen_04.png"] { left: 0px; top: 299px; } .advertising.color .advertising_images > img[src$="screen_05.png"] { left: 228px; top: 280px; } .advertising.color .advertising_images > img[src$="screen_06.png"] { left: 433px; top: 251px; } .advertising_images > img[src$="iphone_screen_04.png"] { right: 0; top: 0px; } .advertising_images > img[src$="iphone_screen_03.png"] { right: 141px; top: -11px; z-index: 1; } .advertising_images > img[src$="iphone_screen_02.png"] { right: 270px; top: 82px; z-index: 2; } .advertising_images > img[src$="screen_iphone_01.png"] { right: 345px; top: 73px; z-index: 3; } .advertising_images > img[src$="_mac.png"] { top: 15px; } .advertising_images > img[src$="_mac_02.png"] { top: 0; left: -114px; } .advertising.prlx .advertising_description { width: 518px; padding-top: 180px; } .advertising.prlx .advertising_images { width: 500px; } .advertising.icons { background: rgba(62, 181, 177,0.9) url("../Content/images/unique_icons_bg.png") no-repeat 50% 0 fixed; } .advertising.icons h2, .advertising.icons { color: #f3f2eb; } .advertising.icons .advertising_images { height: 462px; } .advertising.icons .advertising_description { height: 462px; padding-top: 130px; } .advertising_images > img[src$="ipad_02.png"] { top: 60px; } .advertising_images > img[src$="screen_07.png"] { top: 160px; left: 188px; } .advertising_images > img[src$="screen_08.png"] { top: 37px; left: 299px; } .advertising_images > img[src$="screen_09.png"] { top: -18px; left: 409px; } .advertising_images > img[src$="screen_10.png"] { top: 93px; left: 488px; } .advertising.builder { background: rgba(234,234,226,0.7) url("../Content/images/unique_builder_bg.png") no-repeat 50% 0 fixed; padding: 35px 0 0; } .advertising.builder .advertising_description { width: 417px; padding-top: 160px; } .advertising_images > img[src$="ipad_03.png"] { bottom: 0px; left: 140px; } .advertising_images > img[src$="_tables.png"] { bottom: 155px; left: 370px; } .advertising_images > img[src$="_graph.png"] { bottom: 301px; left: 44px; } .advertising_images > img[src$="_alerts.png"] { bottom: 41px; left: -4px; } .advertising.content .advertising_description { width: 578px; } .advertising.content .advertising_images { margin-left: -121px; } .advertising.content .advertising_images > img { max-width: none; } .main_section { padding: 50px 0 100px; } .gmap_container { position: relative; width: 100%; } #gmap { width: 100%; height: 100%; } .hex_elem_rounded_type_2.contact_info { width: 385px; height: 276px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 63px; border-left-width: 4px; border-left-style: solid; border-right-width: 4px; border-right-style: solid; position: relative; margin: 100px 0; text-align: center; padding: 0 50px; } .hex_elem_rounded_type_2.open_contact_form { width: 386px; height: 276px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 63px; position: relative; margin: 100px 0; text-align: center; padding: 0 50px; cursor: pointer; } .hex_elem_rounded_type_2.open_contact_form > [class^="h_el_"] { left: 0; } .hex_elem_rounded_type_2.contact_info > [class^="h_el_"] { left: -4px; } .hex_elem_rounded_type_2.open_contact_form > .hex_elem_rounded_type_2 { width: 129px; height: 88px; position: absolute; z-index: 2; top: 50%; left: 50%; box-sizing: border-box; -moz-box-sizing: border-box; margin: -47px 0 0 -64px; border-radius: 17px; background: #fff; opacity: 0; text-align: center; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .hex_elem_rounded_type_2[class*="c_icon_"] { width: 64px; height: 39px; position: relative; border-radius: 5px; margin: 18px auto 60px; } .hex_elem_rounded_type_2[class*="c_icon_"] > .ic { width: 64px; height: 70px; position: absolute; left: 0; top: -15px; } .hex_elem_rounded_type_2.c_icon_m > .ic { background: url("../Content/images/icons_type_02_marker.png") no-repeat; } .hex_elem_rounded_type_2.c_icon_h > .ic { background: url("../Content/images/icons_type_02_human.png") no-repeat; } .sm_button { position: absolute; width: 130px; height: 143px; background: url("../Content/images/sm_icon.png") no-repeat; text-align: center; z-index: 3; box-sizing: border-box; -moz-box-sizing: border-box; padding: 47px 0; top: 50%; left: 50%; margin: -74px 0 0 -65px; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .hex_elem_rounded_type_2.open_contact_form > .hex_elem_rounded_type_2 > [class^="h_el_"] { background: #fff; z-index: -1; } .hex_elem_rounded_type_2.icon > img { margin-top: 6px; display: inline-block; } .hex_elem_rounded_type_2.open_contact_form:hover > .sm_button { opacity: 0; } .hex_elem_rounded_type_2.open_contact_form:hover > .hex_elem_rounded_type_2.icon { opacity: 1; } .flip_container { position: relative; height: 620px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(800px); -o-transform: perspective(800px); transform: perspective(800px); } .flip_container > section { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; -moz-box-sizing: border-box; } .contact_hexagons { padding: 85px 0; } .contact_form_section { padding: 30px 0 60px; -webkit-transform: rotate3d(1,0,0,180deg) translateZ(0); transform: rotateX(180deg); } .flip_finished .contact_form_section { -webkit-transform: rotate3d(1,0,0,360deg) translateZ(1px); transform: rotateX(360deg); } .flip_finished .contact_hexagons { -webkit-transform: rotate3d(1,0,0,180deg) translateZ(0); transform: rotateX(180deg); } .no-csstransitions .flip_finished .contact_form_section { display: block; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .contact_form_section { transform: rotateX(180deg) perspective(600px); } } .no-csstransitions .flip_container { height: 607px; } .page_padding { padding: 50px 0 60px; } .page_padding.our_team_c { padding: 43px 0 60px; } .pricing_table { width: 24%; margin-left: 1.3%; } .pricing_table > header { font-size: 2.8em; text-align: center; padding: 18px 10px 23px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 4px 4px 0 0; position: relative; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .pricing_table > header > i { position: absolute; top: 100%; left: 50%; margin: -16px 0 0 -24px; display: block; border-radius: 48%; width: 48px; height: 25px; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .table_content { padding: 20px 15px; background: #f3f2eb; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; border-radius: 0 0 4px 4px; } .table_icons > dl { float: left; width: 33%; text-align: center; } .table_icons > dl > dt { font-size: 2em; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .table_icons > dl > dd { font-weight: 700; margin-top: 4px; font-size: 0.85em; line-height: 1.2em; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .table_icons { margin-bottom: 18px; } .pricing_table:hover header, .pricing_table:hover header > i, .pricing_table.active header, .pricing_table.active header > i, .price_container.hex_elem_rounded_type_2, .price_container.hex_elem_rounded_type_2 > [class^="h_el_"] { background: #ef5f3b; } .price_container.hex_elem_rounded_type_2 { width: 133px; height: 87px; border-radius: 15px; position: relative; margin: 27px auto 33px; -webkit-transition: background .4s ease,color .4s ease; transition: background .4s ease,color .4s ease; text-align: center; font-size: 1.3em; } .price_wrap { position: relative; z-index: 1; display: block; -webkit-transform: translateY(-7px); transform: translateY(-7px); } .price_wrap > span:first-child { vertical-align: bottom; display: inline-block; -webkit-transform: translateY(-6px); transform: translateY(-6px); } .price_wrap > span:first-child + span { font-weight: bold; font-size: 3.7em; display: inline-block; line-height: 1em; margin-bottom: 3px; } .price_container.hex_elem_rounded_type_2 > [class^="h_el_"] { z-index: 0; -webkit-transition: background .4s ease; transition: background .4s ease; } .pricing_table.active .hex_elem_rounded_type_2.price_container, .pricing_table.active .hex_elem_rounded_type_2.price_container > [class^="h_el_"], .pricing_table:hover .hex_elem_rounded_type_2.price_container, .pricing_table:hover .hex_elem_rounded_type_2.price_container > [class^="h_el_"] { background: #fff; } .pricing_table:hover .hex_elem_rounded_type_2.price_container, .pricing_table.active .hex_elem_rounded_type_2.price_container, .twitter_carousel_02 .tweet_carousel .tweet_list .tweet_time > a, .pricing_table:hover .table_icons dl > dt, .pricing_table.active .table_icons dl > dt { color: #ef5f3b; } [class^="callout_"] { border-width: 1px; border-style: solid; padding: 56px 20px 41px; border-radius: 3px; } .callout_01 .title { display: inline-block; width: 68%; margin: -5px 2% 0 0; } .callout_01 .title > span { font-size: 4em; line-height: 0.85em; } .callout_02, .timeline_style_02 .timeline_item .title > * { color: #f3f2eb; } .callout_02 .title > span, .callout_03 .title > span { font-size: 3.67em; display: inline-block; font-weight: 700; width: 49%; margin: -5px 1% 0 0; text-align: right; vertical-align: middle; } .callout_02, .callout_03 { padding: 36px 20px 30px; } .callout_02 .title > p, .callout_03 .title > p { display: inline-block; width: 49%; vertical-align: middle; padding: 0; font-weight: 700; } .callout_03 { background: rgba(243,242,235,0.4) url("../Content/images/home_img_18.png") no-repeat; } .callout_03.timeline.parallax { background: rgba(243,242,235,0.4) url("../Content/images/avpaulista.png") no-repeat 0 0 fixed; } .callout_03 .title > p, .callout_01 .title > p { color: rgba(0,0,0,0.8); } [class$="_alert_box"] { padding: 9px 20px 10px 50px; color: #fff; border-radius: 3px; position: relative; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; } [class$="_alert_box"] > span, [class$="_alert_box_type_2"] > span { font-size: 1.40em; font-weight: 700; display: block; } [class$="_alert_box"] > p, [class$="_alert_box_type_2"] > p { font-size: 0.9em; padding-bottom: 0; line-height: 1.05em; } [class$="_alert_box"]:after, [class$="_alert_box_type_2"]:after { content: ""; display: block; width: 31px; height: 35px; position: absolute; left: 10px; top: 50%; margin-top: -17px; z-index: 2; background-repeat: none; } .info_alert_box { background: #6fb1c7; } .info_alert_box:after, .info_alert_box_type_2:after { background-position: -66px 0; } .confirm_alert_box { background: #5bc3a2; } .confirm_alert_box:after, .confirm_alert_box_type_2:after { background-position: -97px 0; } .warning_alert_box { color: #9d8044; background: #fed16c; } .warning_alert_box:after, .warning_alert_box_type_2:after { background-position: -128px 0; } .error_alert_box { background: #d9675d; } .error_alert_box:after, .error_alert_box_type_2:after { background-position: -159px 0; } [class$="_alert_box_type_2"] { padding: 9px 20px 10px 60px; position: relative; margin-bottom: 10px; border-radius: 3px; background: #f3f2eb; overflow: hidden; border-right-width: 4px; border-right-style: solid; color: #747474; box-sizing: border-box; -moz-box-sizing: border-box; } [class$="_alert_box_type_2"]:before { content: ""; display: block; width: 50px; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .info_alert_box_type_2 { border-right-color: #6fb1c7; } .info_alert_box_type_2 > span { color: #6fb1c7; } .info_alert_box_type_2:before { background: #6fb1c7; } .confirm_alert_box_type_2 { border-right-color: #5bc3a2; } .confirm_alert_box_type_2 > span { color: #5bc3a2; } .confirm_alert_box_type_2:before { background: #5bc3a2; } .warning_alert_box_type_2 { border-right-color: #fed16c; } .warning_alert_box_type_2 > span { color: #dfaa34; } .warning_alert_box_type_2:before { background: #fed16c; } .error_alert_box_type_2 { border-right-color: #d9675d; } .error_alert_box_type_2 > span { color: #d9675d; } .error_alert_box_type_2:before { background: #d9675d; } [class*="milestone_type_"] dl dt { font-size: 3.42em; font-weight: 700; line-height: 1em; } .milestone_type_01 .hex_elem_rounded_type_2, .milestone_type_02 .hex_elem_rounded_type_2 { position: relative; width: 174px; height: 126px; border-left-width: 6px; border-right-width: 6px; border-left-style: solid; border-right-style: solid; border-radius: 30px; margin: 31px 0; box-sizing: border-box; -moz-box-sizing: border-box; } .milestone_type_02 .hex_elem_rounded_type_2 img { margin-top: -25px; z-index: 1; max-width: none; } .milestone_type_01 .hex_elem_rounded_type_2 img { margin-top: -25px; z-index: -1; max-width: none; } .milestone_type_01 .hex_elem_rounded_type_2 > [class^="h_el_"] { left: -6px; } .milestone_type_02 .hex_elem_rounded_type_2 > [class^="h_el_"] { left: -6px; z-index: -1; } .milestone_type_02 .hex_elem_rounded_type_2 img.m_width { max-width: 108%; margin: -34px 0 0 -6px; } [class*="milestone_type_"] > * { display: inline-block; vertical-align: middle; } [class*="milestone_type_"] > figcaption { margin-left: 15px; } [class^="icon_part_"] span { display: block; position: absolute; width: 120px; z-index: 1; top: 20px; left: -20px; height: 138px; background-repeat: no-repeat; background-position: -43px -120px; } .icon_part_customers_02 span { background-position: -171px -121px; left: -24px; top: 26px; } .icon_part_record span { background-position: -296px -120px; width: 167px; height: 173px; left: -26px; top: -4px; } .icon_part_partners span { background-position: -480px -121px; left: -27px; top: 18px; } [class$="_progress_bar"], [class$="_progress_bar_type_2"] { padding: 15px 20px; border-radius: 3px; overflow: hidden; margin-bottom: 10px; } [class$="_progress_bar_type_2"] { padding: 0 20px 0 0; background: #f3f2eb; } [class$="_progress_bar_type_2"] > .progress_title { padding: 15px 0 15px 20px; box-sizing: border-box; -moz-box-sizing: border-box; } [class$="_progress_bar_type_2"] > .progress_line { margin: 15px 0; background: rgba(0,0,0,0.08); } [class*="_progress_bar"] .progress_line > div > span { display: none; } .progress_title { font-weight: 700; color: #fff; float: left; width: 14%; margin-right: 2%; } .green_progress_bar, .green_progress_bar_type_2 .progress_title, .green_progress_bar_type_2 .progress_line > div { background: #5bc3a2; } .blue_progress_bar, .blue_progress_bar_type_2 .progress_title, .blue_progress_bar_type_2 .progress_line > div { background: #6fb1c7; } .yellow_progress_bar, .yellow_progress_bar_type_2 .progress_title, .yellow_progress_bar_type_2 .progress_line > div { background: #fed16c; } .red_progress_bar, .red_progress_bar_type_2 .progress_title, .red_progress_bar_type_2 .progress_line > div { background: #d9675d; } .orange_progress_bar, .orange_progress_bar_type_2 .progress_title, .orange_progress_bar_type_2 .progress_line > div { background: #e77758; } .progress_line { background: rgba(0,0,0,0.2); height: 20px; border-radius: 3px; float: left; width: 84%; } .progress_line > div { color: #000; width: 0; overflow: hidden; padding: 0; height: 100%; background: #f3f2eb; border-radius: 3px; vertical-align: middle; font-size: 0.95em; text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,0.15); } .service { text-align: center; padding: 40px 15px 0; position: relative; } .ok_icon { display: block; width: 35px; height: 35px; padding-top: 6px; position: absolute; top: 128px; box-sizing: border-box; -moz-box-sizing: border-box; right: -33px; } .ok_icon.first { background-position: -249px -1px; } .ok_icon.second { background-position: -286px -1px; } .ok_icon.last { background-position: -323px -1px; } .image_hex { position: relative; display: inline-block; height: 198px; width: 167px; margin-bottom: 16px; } .image_hex > .hex_elem_rounded_type_2 { width: 164px; height: 108px; border-radius: 18px; position: relative; margin-top: 38px; } .hex_elem_rounded_type_2.services_type_2 { width: 164px; height: 108px; border-left-width: 5px; border-left-style: solid; border-right-width: 5px; border-right-style: solid; position: absolute; z-index: 3; border-radius: 18px; box-sizing: border-box; -moz-box-sizing: border-box; } .hex_elem_rounded_type_2.services_type_2 .count { display: block; width: 27px; height: 27px; border-radius: 50%; color: #fff; background: #ef5f3b; top: 0; right: -14px; z-index: 3; text-align: center; position: absolute; vertical-align: middle; } .image_hex > .circle, .faq_nav > li > .hex_elem_rounded_type_2 .circle, .sitemap_title .circle { display: block; width: 7px; height: 7px; position: absolute; left: 50%; margin-left: -4px; top: -37px; } .image_hex > .stripe, .faq_nav > li > .hex_elem_rounded_type_2 .stripe, .sitemap_title .stripe { border-left-width: 1px; border-left-style: dashed; height: 30px; position: absolute; top: -30px; left: 50%; margin-left: -1px; } .hex_elem_rounded_type_2.services_type_2 > [class^="h_el_"] { left: -5px; } .hex_elem_rounded_type_2.services_type_2 > img { position: relative; z-index: 0; margin-top: -30px; } .light_shadow { width: 125px; height: 167px; position: absolute; z-index: 0; background-position: -49px -123px; left: 0; top: -38px; } .service.type_2 { padding: 0; text-align: left; } .service.type_2 > figcaption { display: inline-block; vertical-align: middle; width: 57%; } .service.type_2 > .image_hex { width: 38%; height: 189px; margin-right: 4%; margin-top: 7px; vertical-align: middle; } iframe:not(.pp_content iframe) { width: 100%; height: 490px; } .team_person > .hexagon_big_container { margin-bottom: 10px; } .team_person > .hex_elem_rounded { position: relative; width: 149px; height: 220px; border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; border-radius: 25px; margin: 23px auto; } .team_person > .hex_elem_rounded > .hexagon_container { position: absolute; top: 17px; left: -45px; } blockquote .author { font-size: 1em; margin-top: 5px; } .testimonial > div { float: left; margin: 30px 20px 0 0; } .testimonials_hexagon_wrap { width: 284px; position: relative; margin-left: 23px; } .testimonial_type_2 blockquote { width: 846px; margin-left: -284px; } .testimonial_type_2 blockquote > div:not(.author) { height: 22px; width: 20px; float: left; clear: left; } .testimonial_type_2 blockquote > div:nth-child(1) { width: 212px; } .testimonial_type_2 blockquote > div:nth-child(2) { width: 229px; } .testimonial_type_2 blockquote > div:nth-child(3) { width: 250px; } .testimonial_type_2 blockquote > div:nth-child(4) { width: 267px; } .testimonial_type_2 blockquote > div:nth-child(5) { width: 283px; } .testimonial_type_2 blockquote > div:nth-child(6) { width: 304px; } .testimonial_type_2 blockquote > div:nth-child(7) { width: 320px; } .testimonial_type_2 blockquote > div:nth-child(8) { width: 330px; } .testimonials_hexagon_wrap > span { content: ""; display: block; width: 260px; height: 1px; position: absolute; top: 90px; left: -70px; -webkit-transform: rotate(-51deg); transform: rotate(-51deg); } .testimonials_hexagon_wrap > span:nth-child(3) { -webkit-transform: rotate(51deg); transform: rotate(51deg); left: auto; right: -70px; } .testimonials_hexagon_wrap > .hexagon_small_container { margin: 70px auto 0; width: 114px; position: relative; } .prev_page, .next_page { font-size: 2.58em; color: rgba(255,255,255,0.25); text-transform: capitalize; position: absolute; width: 156px; line-height: 1em; } .prev_page:hover, .next_page:hover { color: #fff; } .prev_page { top: 12px; left: 0; padding-right: 20px; text-align: right; } .next_page { top: 12px; right: 0; padding-left: 20px; text-align: left; } .prev_page:before, .next_page:before { content: ""; display: block; width: 51px; height: 51px; background-position: -548px -1px; opacity: 0.25; position: absolute; top: 50%; margin-top: -22px; right: -51px; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .next_page:before { right: auto; left: -51px; background-position: -603px -1px; } .countdown { margin: 70px 0 15px; } .countdown > dl { width: 134px; height: 80px; float: left; margin-left: 10px; padding: 35px 0; background-position: -660px -1px; } .countdown > dl > dt { font-weight: 700; font-size: 3.64em; line-height: 0.5em; margin: 2px 0 15px 0; } .countdown > dl > dd { font-size: 2.14em; line-height: 1em; } .countdown + p, .wrap_404 + p { font-weight: 700; font-size: 1.4em; line-height: 1.7em; padding: 0 28%; margin-bottom: 67px; } .wrap_404 + p { padding: 0 38%; } .wrap_404 { padding: 60px 0 65px; } .wrap_404 > span:not(:nth-child(2)) { font-size: 20em; font-weight: 700; line-height: 0.8em; } .wrap_404 > span { display: inline-block; vertical-align: middle; margin-right: 15px; } .wrap_404 > span:nth-child(2) { width: 184px; padding-top: 53px; height: 152px; font-weight: 700; font-size: 2.5em; text-transform: uppercase; line-height: 1.2em; text-shadow: 1px 0px 1px rgba(0,0,0,0.7); background-position: -795px -1px; -webkit-transform: translateY(20px); transform: translateY(30px); } #custom_cursor > .hex_elem_rounded.level_2:after, #custom_cursor > .hex_elem_rounded.level_2:before, .main_menu > li > a > .hex_elem_rounded:after, .main_menu > li > a > .hex_elem_rounded:before { top: -1px; } .sitemap_title { width: 140px; height: 88px; position: relative; border-radius: 12px; margin: 35px auto !important; text-align: center; } .sitemap_title [class^="h_el_"] { z-index: -1; } .sitemap_title > .hex_elem_rounded_type_2 { width: 111px; height: 71px; -webkit-transform: translateY(9px); transform: translateY(9px); margin: 0 auto; position: relative; border-radius: 12px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; z-index: 2; font-size: 1.2em; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 3px; } .sitemap_title .circle { top: -68px; } .sitemap_title .stripe { top: -65px; } .sitemap_title > .hex_elem_rounded_type_2 > [class^="h_el_"] { border-radius: 10px; left: -1px; } .sitemap_title > .hex_elem_rounded_type_2 { border-left-color: #56c6c3; border-right-color: #56c6c3; } .sitemap_title .sm_shadow { display: block; width: 110px; height: 144px; position: absolute; z-index: 5; top: -34px; left: 0; background-position: -242px -493px; } .faq_nav { padding-top: 37px; margin-bottom: 20px; } .faq_nav.our_team { margin-bottom: 37px; } .sitemap_title.home + .sitemap_list_divider { border: none; } .faq_nav > li { float: left; margin-left: 61px; text-align: center; } .faq_nav > li > .hex_elem_rounded_type_2 { display: block; position: relative; width: 144px; height: 100px; border-radius: 20px; margin: 30px 0; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .faq_nav > li > .hex_elem_rounded_type_2 .stripe { top: -60px; } .faq_nav > li > .hex_elem_rounded_type_2 .circle { top: -67px; } .faq_nav > li > .hex_elem_rounded_type_2 .counting_tape { top: -22px; left: 17px; } .faq_nav > li > .hex_elem_rounded_type_2 > [class^="h_el_"] { z-index: -1; } .faq_nav > li .hex_elem_rounded_type_2.with_border { display: block; width: 144px; height: 100px; border-left-width: 5px; border-right-width: 5px; border-left-style: solid; border-right-style: solid; z-index: 3; border-radius: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .faq_nav > li .hex_elem_rounded_type_2.with_border > [class^="h_el_"] { left: 0; } .faq_nav > li.active > .hex_elem_rounded_type_2, .faq_nav > li.active > .hex_elem_rounded_type_2 > [class^="h_el_"] { background: #fff; } .faq_title { display: inline-block; padding: 7px 20px 0; font-size: 1.2em; } .faq_title > [class^="icon-"] { display: block; font-size: 2.5em; line-height: 1em; margin-bottom: 2px; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } #custom_cursor:after, #custom_cursor:before { top: -4px; } .span7.custom { padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; } .triangle_shape_float > span { display: block; height: 21px; width: 10px; } .triangle_shape_float > span:nth-child(2n+1), .ot_title_shape > span:nth-child(2n+1) { float: left; clear: left; } .triangle_shape_float > span:nth-child(2n), .ot_title_shape > span:nth-child(2n) { float: right; clear: right; } .triangle_shape_float > span:nth-child(1), .triangle_shape_float > span:nth-child(2) { width: 95px; } .triangle_shape_float > span:nth-child(3), .triangle_shape_float > span:nth-child(4) { width: 74px; } .triangle_shape_float > span:nth-child(5), .triangle_shape_float > span:nth-child(6) { width: 36px; } .timeline_item { text-align: center; } .timeline_item .title { display: inline-block; text-align: right; width: 126px; height: 122px; padding-top: 34px; margin-left: 105px; margin-right: 10px; } .timeline_item > figure { display: inline-block; width: 675px; } .hex_elem_rounded.timeline_icon, .timeline_description > .hex_elem_rounded { position: relative; width: 88px; height: 136px; border-radius: 15px; float: left; margin: 10px 25px; } .hex_elem_rounded.timeline_icon { z-index: 2; } .hex_elem_rounded.timeline_icon > .hex_elem_rounded { position: absolute; width: 70px; height: 98px; border-top: 3px solid #95d6d4; border-bottom: 3px solid #95d6d4; border-radius: 12px; z-index: 1; top: 16px; left: 9px; } .hex_elem_rounded.timeline_icon > .hex_elem_rounded > span { display: block; position: absolute; width: inherit; height: inherit; text-align: center; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 24px; font-size: 3.5em; } .hex_elem_rounded.time { position: relative; width: 44px; height: 56px; border-top: 8px solid #ef5f3b; border-bottom: 8px solid #ef5f3b; border-radius: 5px; } .time_container { margin: 40px 55px 0; float: left; width: 44px; height: 56px; position: relative; z-index: 1; } .time_container > span { border-top-width: 1px; border-top-style: dashed; position: absolute; width: 43px; top: 62%; } .time_container > span:nth-child(3) { left: -57px; } .time_container > span:nth-child(2) { right: -58px; } .time_circle { display: block; width: 9px; height: 9px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; border-width: 3px; border-style: solid; position: absolute; right: -21px; top: 95px; background: #fff; z-index: 0; } .hex_elem_rounded.time:after, .hex_elem_rounded.time:before { top: -8px; z-index: 1; } .hex_elem_rounded.time > .hex_elem_rounded { width: 34px; height: 57px; border-radius: 3px; background: #f3f2eb; z-index: -1; position: absolute; left: 5px; } .hex_elem_rounded.time > span { display: block; color: #ef5f3b; position: absolute; z-index: 2; font-weight: 700; font-size: 1.14em; width: inherit; text-align: center; height: 100%; vertical-align: middle; } .timeline_description .td_content { float: left; border-radius: 4px; padding: 34px 20px 19px; width: 315px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; position: relative; z-index: 1; margin: 2px 0 0 -70px; } .timeline_description .td_content > p { margin-left: -42px; } .timeline_description { width: 383px; float: left; } .timeline_style_01 { padding: 50px 0 15px; } .timeline_style_02 { padding: 15px 0 50px; } .timeline_style_02 .time_container > span:nth-child(3), .timeline_style_02 .time_container > span:nth-child(2) { border-top-color: #f3f2eb; } .timeline_style_02 .time_circle { border-color: #f3f2eb; } .service_container { padding: 30px 0 40px; } .our_work_section_2 { padding: 80px 0 50px; } .our_work_title { width: 230px; position: absolute; top: 0; left: 50%; margin: -30px 0 0 -115px; } .our_work_title > figure { position: relative; z-index: 1; text-align: center; } .our_work_title .title_cornice { content: ""; position: absolute; display: block; top: -50px; left: -171px; z-index: 0; width: 0; height: 0; border-left: 282px solid transparent; border-right: 282px solid transparent; border-top-width: 376px; border-top-style: solid; } .our_work_services_item { width: 390px; color: #fff; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 55px; position: relative; float: left; } .our_work_services_item:after, .our_work_services_item:before { content: ""; display: block; width: 344px; height: 2px; background: rgba(255,255,255,0.3); position: absolute; top: 135px; } .our_work_services_item:before { -webkit-transform: rotate(54.9deg); transform: rotate(54.9deg); left: -71px; } .our_work_services_item:after { -webkit-transform: rotate(-53.9deg); transform: rotate(-53.9deg); right: -65px; } .our_work_icon { width: 91px; height: 10px; margin: 0 auto; background-position: -388px -492px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px; text-align: center; vertical-align: middle; } .our_work_section_2 .our_work_services_item:nth-child(1) .our_work_icon, .our_work_section_2 .our_work_services_item:nth-child(4) .our_work_icon { margin-top: 12px; } .our_work_section_2 .our_work_services_item:nth-child(2) { margin-left: -196px; padding-top: 87px; } .our_work_section_2 .our_work_services_item:nth-child(4) { margin-left: -194px; } .our_work_section_2 .our_work_services_item:nth-child(3) { padding-top: 87px; } .our_work_section_2 .our_work_services_item:nth-child(2):before { left: auto; right: -75px; } .our_work_section_2 .our_work_services_item:nth-child(3):after { left: -73px; } .our_work_icon { margin-bottom: 15px; } .our_team_container { background: rgba(254,253,235,0.3) url("../Content/images/our_team_bg.png") repeat 50% 0 fixed; } .team_item .team_item_description { float: left; width: 389px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .our_team_title { width: 323px; height: 323px; padding: 2px; position: absolute; -webkit-transform: rotate(45deg) skew(9deg,9deg); transform: rotate(45deg) skew(9deg,9deg); } .our_team_title > div { width: 100%; height: 100%; border: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; } .our_team_container .team_item:nth-child(2n+1) { float: left; } .our_team_container .team_item:nth-child(2n) { float: right; margin-right: 0px; } .our_team_container .team_item:nth-child(2n+1) .team_item_description { padding: 120px 97px 0; } .our_team_container .team_item:nth-child(2n) .team_item_description { padding: 40px 97px 0; } .our_team_container .team_item:nth-child(2) .team_item_description > span, .our_team_container .team_item:nth-child(3) .team_item_description > span { display: block; width: 328px; height: 1px; position: absolute; top: 134px; right: -63px; -webkit-transform: rotate(-55.3deg); transform: rotate(-55.3deg); } .our_team_container .team_item:nth-child(3) > [class^="triangle_container_"], .our_team_container .team_item:nth-child(4) > [class^="triangle_container_"], .menu_button > .r_button { float: right; } .our_team_container .team_item:nth-child(3) > .team_item_description, .our_team_container .team_item:nth-child(4) > .team_item_description { margin: 0 -194px 0 0; } .our_team_container .team_item:nth-child(1) > .team_item_description, .our_team_container .team_item:nth-child(2) > .team_item_description { margin: 0 0 0 -194px; } .our_team_container .team_item:nth-child(3) .team_item_description > span { right: auto; left: -63px; } .team_advertising > .triangle { width: 0; height: 0; border-left: 196px solid transparent; border-right: 196px solid transparent; border-bottom-width: 269px; border-bottom-style: solid; position: absolute; top: 0; left: 0; z-index: 0; } .team_advertising { position: absolute; bottom: 0; left: 50%; margin-left: -196px; width: 389px; height: 269px; } .team_advertising > span { display: block; text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 100px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); } .team_advertising > span > img { display: block; margin: 0 auto 20px; } .our_team_title_wrap { width: 393px; height: 539px; position: absolute; top: -163px; left: 50%; margin-left: -164px; } .our_team_title_wrap .content { position: absolute; top: -103px; left: -32px; width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 120px; text-align: center; color: #fff; } .content img { margin-bottom: 40px; } .content .title_item { min-height: 296px; } .content .title_item:not(:first-child) { display: none; } .ot_title_shape > span { display: block; height: 21px; } .ot_title_shape > span:nth-child(1), .ot_title_shape > span:nth-child(2) { width: 67px; } .ot_title_shape > span:nth-child(3), .ot_title_shape > span:nth-child(4) { width: 85px; } .ot_title_shape > span:nth-child(5), .ot_title_shape > span:nth-child(6) { width: 105px; } .ot_title_shape > span:nth-child(7), .ot_title_shape > span:nth-child(8) { width: 125px; } .our_team_container .container { display: block; } .teams_counts { margin-top: -27px; } .select_page, .select_page body { height: 100%; } [class^="version_"] { float: left; width: 50%; height: 100%; } .splash_logo { position: absolute; top: 50%; left: 50%; margin: -47px 0 0 -43px; } .screen { height: inherit; width: 70%; margin: 0 auto; overflow: hidden; display: block; position: relative; } .screen span { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: rgba(255,255,255,0.3); -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .screen:hover span { background: none; } .version_one_page .title { background: url("../Content/images/splash_icon_01.png") no-repeat 7px 0; } .version_multiple_pages .title { background: url("../Content/images/splash_icon_02.png") no-repeat 0 7px; } .screen .title { width: 465px; height: 455px; position: absolute; top: 50%; z-index: 2; left: 50%; margin: -227px 0 0 -232px; box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; font-size: 2em; font-weight: bold; text-transform: uppercase; padding: 190px 110px; line-height: 1em; text-align: center; } .screen_part { position: relative; height: 100%; } .screen_part img { position: absolute; top: 0; left: 0; } .blockquotes_carousel.default blockquote { padding-top: 0; } .home_blog article .post_info { padding-bottom: 7px; } .home_blog article.style_01 .divider_type_02 { background: rgba(255,255,255,0.3); } .home_blog article.style_01 [class^="button_"] { color: rgba(255,255,255,0.8); border-color: rgba(255,255,255,0.3); } .home_blog article.style_01 [class^="button_"]:hover { border-color: #fff; background: #fff; color: #000; } .home_blog article { padding: 90px 0 0; } .date_container_type_02 { position: absolute; top: 0; right: 0; color: #fff; font-size: 1.6em; text-align: center; padding: 20px 25px; } .date_container_type_02 > dl { position: relative; z-index: 1; } .date_container_type_02 > span { content: ""; position: absolute; z-index: 0; width: 0; height: 0; top: 0; right: -75px; border-left: 101px solid transparent; border-top-style: solid; border-top-width: 114px; border-right: 133px solid transparent; } .post_tag_icon { background-position: -219px -1px; width: 26px; height: 29px; margin-top: -2px; text-align: center; vertical-align: middle; } .post_tag_icon > i { vertical-align: middle; margin-left: 4px; } .home_blog article .colorbox_container.f_right .date_container_type_02 > span { border-left: 133px solid transparent; border-right: 101px solid transparent; right: auto; left: -75px; } .home_blog article .colorbox_container.f_right .date_container_type_02 { right: auto; left: 0px; } .home_blog article.style_01 .post_tag_icon { background-position: -191px -1px; } .home_blog .color_scheme_bg .date_container_type_02 > span { border-top-color: #fff; } .cd_container { position: absolute; top: 50%; left: 50%; z-index: -1; display: block; margin: -108px 0 0 -171px; } .cd_container.finished, .no-textshadow .cd_container { z-index: 0; } #company_description.hex_elem_rounded_type_2 { width: 342px; height: 216px; border-radius: 30px; position: relative; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #company_description > span:first-child { position: absolute; top: -72px; left: 0; width: inherit; height: 380px; padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; z-index: 1; display: block; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); } #company_description > span > img { max-width: none; margin: 10px 0; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } #company_description > span > img:nth-child(2) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } #company_description > span > span { display: inline-block; font-size: 1.35em; line-height: 1.3em; -webkit-transition-delay: 1s; transition-delay: 1s; } #company_description > span h5 { padding: 0; margin-top: 15px; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .cd_shadow { position: absolute; width: 848px; height: 905px; background: url("../Content/images/cd_shadow.png"); z-index: 1; top: -350px; left: -261px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; -webkit-transition: opacity 1s ease 1.3s; transition: opacity 1s ease 1.3s; } .textshadow #company_description > span:first-child > * { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 0; } .textshadow .cd_container.finished #company_description > span:first-child > *, .cd_container.finished #company_description.hex_elem_rounded_type_2 { opacity: 1; } .open_options > span.active { color: #000 !important; } #custom_cursor { position: absolute; width: 36px; height: 47px; /* border-top-width:4px; border-bottom-width:4px; border-top-style:solid; border-bottom-style:solid; border-radius:7px; */ z-index: 3; cursor: none; display: none; -webkit-transition: background 0.4s ease,color 0.4s ease; transition: background 0.4s ease,color 0.4s ease; } #custom_cursor.active:after, #custom_cursor.active:before { z-index: -1; } #custom_cursor > span { display: block; width: inherit; height: inherit; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 13px; text-align: center; z-index: 1; font-weight: 700; font-size: 4em; text-align: center; } #custom_cursor > .hex_elem_rounded.level_1 { position: absolute; width: 47px; height: 75px; top: -14px; left: -6px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; -webkit-transform: rotate(60deg); transform: rotate(60deg); border-radius: 7px; opacity: 0; visibility: hidden; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } #custom_cursor > .hex_elem_rounded.level_2 { position: absolute; width: 70px; height: 110px; border-radius: 10px; top: -32px; left: -18px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; -webkit-transform: rotate(60deg); transform: rotate(60deg); opacity: 0; visibility: hidden; } #custom_cursor.active > .hex_elem_rounded.level_2 { -webkit-animation: cursor 1.1s ease; animation: cursor 1.1s ease; } #custom_cursor.active > .hex_elem_rounded.level_1 { -webkit-animation: secondcursor 1.3s ease 0.15s; animation: secondcursor 1.3s ease 0.15s; } [class^="graph_type_"] { width: 100%; height: 300px; } .flot-y-axis > div, .flot-x-axis > div { font-size: 1.1em; text-transform: uppercase; font-weight: 700; } .sm_icon { display: block; border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; width: 31px; height: 18px; border-radius: 2px; margin: 10px auto 10px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; font-size: 1.18em; line-height: 0; position: relative; } .sm_icon > [class^="h_el_"] { z-index: 0; box-sizing: border-box; -moz-box-sizing: border-box; left: -1px; } .sm_icon i { display: block; } .iframe_video { width: 100%; height: 490px; } .faq_page_padding { padding: 20px 0 60px; } .ow_wrap { background: #fff; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .gmnoprint img { max-width: none; } .full_width_img_container { position: relative; z-index: 20; text-align: center; } .full_width_img_container img { min-height: 100%; } #video_container { position: relative; z-index: 20; margin-top: 0 !important; } #video_container.pause { cursor: url("../Content/images/video_play.png"),default; } #video_container.play { cursor: url("../Content/images/video_pause.png"),default; } #video_container > video { position: absolute; bottom: 0; right: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; overflow: hidden; } .onlyIDevice #video_container, #video_container + .full_width_img_container { display: none; } .onlyIDevice #video_container + .full_width_img_container { display: block; } /* 10. Carousels */ .hexagon_container.f_left { margin-right: 5px; } .hexagon_container.f_right { margin-left: 5px; } .customer_comment { padding-top: 40px; } .slides_blockquotes > li, .latest_projects > li, .icons_type_01 > li, .skill_item, .latest_post_carousel > li, .same_works_list > li, .like_buttons > li, .social_icons_type_02 > li, [class^="twitter_carousel_"] .tweet_carousel .tweet_list > li, .blockquotes_carousel > li > *, .blockquotes_carousel > li, .our_team_container .team_item:nth-child(1) > [class^="triangle_container_"], .our_team_container .team_item:nth-child(2) > [class^="triangle_container_"], .our_team_carousel > li, .menu_button > .r_logo { float: left; } .slides_blockquotes > li { padding: 50px 0; cursor: default; } [class^="our_clients"] > li { float: left; padding: 0 35px; } [class^="our_clients"] > li > a { text-align: center; display: block; } [class^="our_clients"] > li > a:hover { -webkit-animation: scalestretch 0.4s ease; animation: scalestretch 0.4s ease; } @keyframes scalestretch { 0% { transform: scale(1,1); } 50% { transform: scale(1.3,1); } 100% { transform: scale(1,1); } } @-webkit-keyframes scalestretch { 0% { -webkit-transform: scale(1,1); } 50% { -webkit-transform: scale(1.3,1); } 100% { -webkit-transform: scale(1,1); } } .blockquotes_carousel .testimonial_author_container { width: 192px; position: relative; text-align: center; color: #000; } .blockquotes_carousel .testimonial_author_container .photo_container { margin: 0 -29px; } .blockquotes_carousel .testimonial_author_container > span { display: block; width: 1px; height: 335px; top: -98px; left: 2px; position: absolute; -webkit-transform: rotate(35deg); transform: rotate(35deg); } .blockquotes_carousel .testimonial_author_container > span:nth-child(2) { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); left: auto; right: -3px; } .blockquotes_carousel .testimonial_author_container .hexagon_small_container > canvas { margin: 20px auto 10px; } .blockquotes_carousel.first { padding-top: 80px; margin-top: -80px; } .caroufredsel_wrapper.first { padding-bottom: 80px; } .blockquotes_carousel.services { padding-top: 50px; margin-top: -50px; } .blockquotes_carousel.services > li { padding-top: 15px; } .caroufredsel_wrapper.services { padding-bottom: 24px; } .blockquotes_carousel.default { padding-top: 68px; } .caroufredsel_wrapper.default { padding-bottom: 83px; } .blockquotes_carousel blockquote { width: 486px; margin-bottom: 0; padding-top: 18px; padding-bottom: 0; } .blockquotes_carousel.services blockquote { padding-top: 45px; } .photo_container:after { content: open-quote; font-size: 8em; font-weight: 700; width: 100%; text-align: center; top: 23px; left: 3px; position: absolute; color: inherit; } /*Blocks for the text to wrap the shape*/ .blockquotes_carousel blockquote:first-child > div { float: right; clear: right; height: 17px; } .blockquotes_carousel blockquote:last-child > div { float: left; clear: left; height: 17px; } .blockquotes_carousel blockquote > div:nth-child(2) { width: 5px; } .blockquotes_carousel blockquote > div:nth-child(3) { width: 15px; } .blockquotes_carousel blockquote > div:nth-child(4) { width: 35px; } .blockquotes_carousel blockquote > div:nth-child(5) { width: 45px; } .blockquotes_carousel blockquote > div:nth-child(6) { width: 58px; } .blockquotes_carousel blockquote > div:nth-child(7) { width: 65px; } .blockquotes_carousel blockquote > div:nth-child(8) { width: 78px; } .blockquotes_carousel blockquote > div:nth-child(9) { width: 88px; } .blockquotes_carousel blockquote > div:nth-child(10) { width: 98px; } .blockquotes_carousel blockquote > div:nth-child(11) { width: 108px; } .blockquotes_carousel.services blockquote > div:nth-child(1) { width: 15px; } .blockquotes_carousel.services blockquote > div:nth-child(2) { width: 20px; } .blockquotes_carousel.services blockquote > div:nth-child(3) { width: 30px; } .blockquotes_carousel.services blockquote > div:nth-child(4) { width: 50px; } .blockquotes_carousel.services blockquote > div:nth-child(5) { width: 60px; } .blockquotes_carousel.services blockquote > div:nth-child(6) { width: 73px; } .blockquotes_carousel.services blockquote > div:nth-child(7) { width: 78px; } .blockquotes_carousel.services blockquote > div:nth-child(8) { width: 93px; } .blockquotes_carousel.services blockquote > div:nth-child(9) { width: 101px; } .blockquotes_carousel.services blockquote > div:nth-child(10) { width: 111px; } .blockquotes_carousel.services blockquote > div:nth-child(11) { width: 121px; } .blockquotes_carousel_next { left: auto; right: 30.5%; top: auto; bottom: 30px; } .blockquotes_carousel_prev { left: 30.5%; top: auto; bottom: 30px; } .our_team_prev, .our_team_next { display: inline-block; width: 40px; height: 26px; background-color: rgba(0,0,0,0.06); -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2) inset; border-right: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; cursor: pointer; z-index: 3; } .our_team_prev { background-image: url("../Content/images/home_icon_21.png"); background-repeat: no-repeat; background-position: 50% 50%; } .our_team_next { background-image: url("../Content/images/home_icon_22.png"); background-repeat: no-repeat; background-position: 50% 50%; } .slides_blockquotes > li { padding: 50px 0; cursor: default; } .caroufredsel_wrapper.services .photo_container:after { content: ""; border-left: 41px solid transparent; border-right: 41px solid transparent; border-bottom: 58px solid rgba(255,255,255,0.4); width: 0; height: 0; left: 58px; top: -67px; color: inherit; } .caroufredsel_wrapper.services .photo_container:before { content: open-quote; font-size: 5em; position: absolute; top: -16px; left: 81px; color: #fff; z-index: 1; color: inherit; } .recent_projects .owl-item, .recent_projects figure { position: relative; z-index: 2; } .recent_projects .owl-item:hover, .recent_projects figure:hover { z-index: 3; } .recent_projects figure { position: relative; } .recent_projects figure img { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; -webkit-backface-visibility: hidden; outline: 1px solid transparent; } .recent_projects figcaption { position: absolute; width: 109.5%; height: 109.5%; top: -5%; left: -4.7%; z-index: 3; box-sizing: border-box; -moz-box-sizing: border-box; padding: 43px 25px 20px; text-align: center; border-width: 1px; border-style: solid; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); display: none; } @-moz-document url-prefix() { .recent_projects figcaption { top: -4.7%; height: 109%; } } .recent_projects figcaption h5 { color: #fff; font-weight: 400; } .recent_projects figcaption hr { display: inline-block; height: 1px; width: 321px; margin: 10px 0 15px; background: url("../Content/images/rp_hr.png") no-repeat; } .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2, .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2 > [class^="h_el_"] { border-color: #fff; background: transparent; } .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2 > [class^="h_el_"] { z-index: -1; } .recent_projects figcaption .social_icons_type_02 > li > .hex_elem_rounded_type_2 [class^="icon-"] { color: #fff; } .recent_projects [class^="go_to_"] { position: relative; top: auto; left: auto; opacity: 1; display: inline-block; margin: 0 5px; } .recent_projects [class^="go_to_"]:hover > * { opacity: 1; } /* 11. Tabs */ [id*="tab_type"] .tabs_links > a { text-transform: uppercase; font-weight: 700; display: block; padding: 10px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; float: left; font-size: 0.95em; word-break: break-all; } #tab_type_1 > .tabs_links > a { width: 133px; } #tab_type_1.style_1 > .tabs_links > a, #tab_type_1.style_3 > .tabs_links > a { background: #f3f2eb; color: #000; } #tab_type_1.style_2 > .tabs_links > .active, #tab_type_2 .tabs_links > .active { background: #f3f2eb; color: #000; } #tab_type_1.style_2 > .tabs_content_containers, #tab_type_2 > .tabs_content_containers, .version_multiple_pages, .home_blog article.style_02 { background: #f3f2eb; } [id*="tab_type"] > .tabs_content_containers { position: relative; overflow: hidden; } [id*="tab_type"] > .tabs_content_containers > div { padding: 25px 35px; position: absolute; top: 0; left: 0; } #tab_type_2, .o_hide { overflow: hidden; } #tab_type_2 > .tabs_links { float: left; } #tab_type_2 > .tabs_links > a { float: none; width: 136px; } #tab_type_2 .tabs_content_containers > div { padding: 24px 27px; } #tab_type_1.style_3 > .tabs_links > a { width: 50%; position: relative; } #tab_type_1.style_3 > .tabs_links > a > span { display: block; position: absolute; left: -12px; top: 50%; margin-top: -10px; padding: 1px 0; color: #fff; text-transform: lowercase; width: 27px; font-weight: 700; } /* 13. Lists */ .address_list > li { margin-top: 6px; } .social_icons_type_02 { margin: 6px 0; } .address_list > li:before { content: ""; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; } .address_list > li.address:before { background-position: 0 -41px; width: 17px; height: 19px; } .address_list > li.phone:before { background-position: -19px -41px; width: 13px; height: 18px; margin: 0 12px 0 2px; } .address_list > li.mail:before { background-position: -33px -44px; width: 17px; height: 12px; } .address_list > li.web:before { background-position: -51px -42px; width: 16px; height: 16px; margin: 0 10px 0 1px; } .latest_projects { padding-top: 4px; width: 174px; } .latest_projects > li { margin: 0 3px 3px 0; } .latest_projects > li > a { display: block; } .path_list > li { margin-left: 10px; padding-left: 19px; position: relative; display: inline-block; color: rgba(255,255,255,0.7); } .path_list > li:first-child { margin: 0; padding: 0; } .icons_type_01 > li { margin: 14px 10px 14px 0; } .icons_type_01, .portfolio_item_description > a { display: inline-block; } .title_container.type_2 li { margin-left: 7px; padding-left: 0; } .post_tags_list { padding: 17px 0 0 5px; } .post_tags_list > li > a { padding-left: 10px; } .post_tags_list > li { float: left; margin-right: 23px; margin-bottom: 10px; } .blog_isotope .post_tags_list > li { margin-right: 17px; } .archives_list > li, .shortcodes_list > li, .categories_list > li { margin-top: 12px; padding-left: 19px; -webkit-transition: padding-left 0.4s ease; transition: padding-left 0.4s ease; } .categories_list > li > a > span, .shortcodes_list > li > a > span { font-size: 1em; font-weight: 300; margin-right: 10px; } .shortcodes_list > li > a { -webkit-transition: padding-left 0.4s ease,color 0.4s ease,font-weight 0.4s ease; transition: padding-left 0.4s ease,color 0.4s ease,font-weight 0.4s ease; } .shortcodes_list > li.active > a, .no-touch .shortcodes_list > li > a:hover { color: #ef5f3b; font-weight: 700; padding-left: 18px; } .archives_list > li > a > .hex_elem_rounded { width: 9px; height: 13px; position: relative; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; float: left; margin: 2px 12px 0 0; } .archives_list > li > a > .hex_elem_rounded > span { position: absolute; width: inherit; height: inherit; font-size: 0.9em; top: 1px; left: 3px; -webkit-backface-visibility: hidden; } .archives_list > li > a > .hex_elem_rounded:after, .archives_list > li > a > .hex_elem_rounded:before, .list_style_06 > li > .hex_elem_rounded:after, .list_style_06 > li > .hex_elem_rounded:before, #custom_cursor > .hex_elem_rounded.level_1:after, #custom_cursor > .hex_elem_rounded.level_1:before { top: -2px; } #flickr > li { float: left; margin-left: 1px; } #flickr > li > a { position: relative; display: block; } #flickr > li > a > .hex_elem_rounded_type_2 { position: absolute; top: 21px; left: 0; z-index: 2; width: 89px; height: 58px; border-radius: 10px; opacity: 0; text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-size: 4em; font-weight: 700; -webkit-backface-visibility: hidden; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 17px; } #flickr > li > a > .hex_elem_rounded_type_2 > [class^="h_el_"] { z-index: -1; } #flickr > li > a > * { -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } #flickr > li > a:hover > * { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #flickr > li > a:hover > .hex_elem_rounded_type_2 { opacity: 1; } #flickr > li > a:hover > .hexagon_mini_container { opacity: 0; } .tags_list > li { float: left; margin: 0 17px 5px 0; } .tags_list > li > a { display: block; padding: 3px 11px; color: #fff; position: relative; border-radius: 2px 0 0 2px; -webkit-transition: background 0.9s ease; transition: background 0.9s ease; } .tags_list > li > a > span { content: ""; display: block; border-top: 14px solid transparent; border-bottom: 13px solid transparent; border-left-width: 10px; border-left-style: solid; position: absolute; top: 0; right: -10px; -webkit-transition: border-left-color 0.9s ease; transition: border-left-color 0.9s ease; } .tags_list > li > a:before { content: ""; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: 11px; right: -2px; z-index: 1; } .tags_list > li > a:hover { background: #000; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .tags_list > li > a:hover > span { border-left-color: #000; -webkit-transition: border-left-color 0.4s ease; transition: border-left-color 0.4s ease; } .open_options > ul > li { cursor: pointer; width: 140px; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; border-top: 1px solid rgba(255,255,255,0.2); -webkit-transition: background 0.4s ease, border-color 0.4s ease; transition: background 0.4s ease, border-color 0.4s ease; } .open_options > ul > li:hover { background: rgba(255,255,255,0.2); } .open_options > ul > li:hover + li { border-color: rgba(255,255,255,0.3); } .open_options > ul { position: absolute; top: 100%; margin-top: 10px; right: 0px; z-index: 3; display: none; } .open_options > ul > li:first-child > i { position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom-width: 3px; border-bottom-style: solid; position: absolute; top: -3px; right: 16px; opacity: 0; -webkit-transition: opacity 0.5s ease 0.4s; transition: opacity 0.5s ease 0.4s; } .open_options > ul > li:first-child, .like_buttons > li:first-child { border: none; } .portfolio_pagination > ul { margin: 2px 5px; } .portfolio_pagination > ul > li > a > span:first-child { font-size: inherit; font-weight: 700; z-index: 1; } .same_works_list > li { margin-left: 24px; } .same_works_list > li > a { display: block; } .same_works_list { padding: 35px 0 50px; } .like_buttons > li { display: block; padding: 0 13px; border-left-width: 1px; border-left-style: dashed; } .like_buttons > li > a > span { font-size: 1.5em; margin-right: 5px; vertical-align: middle; } .table_content ul { margin: 0 -15px 20px; } .table_content ul > li { text-align: center; font-size: 1.14em; color: #747474; padding: 8px 0; border-bottom: 1px solid #fff; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .table_content ul > li > .color_scheme { -webkit-transition: color 0.4s ease, font-weight 0.4s ease; transition: color 0.4s ease, font-weight 0.4s ease; } .list_style_01 > li > .hex_elem_rounded { display: block; position: relative; width: 16px; height: 24px; float: left; margin: -2px 10px 0 0; border-radius: 4px; } .list_style_01 > li > .hex_elem_rounded > span { position: absolute; width: 26px; height: 20px; display: block; z-index: 1; top: 2px; left: -1px; background-repeat: no-repeat; background-position: -68px -39px; } [class*="list_style_"] > li { padding: 5px 0; } .list_style_02 > li > .hex_elem_rounded, .list_style_03 > li > .hex_elem_rounded { width: 16px; height: 20px; position: relative; border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; border-radius: 3px; float: left; margin: -3px 12px 0 0; } .list_style_02 > li > .hex_elem_rounded > span, .list_style_03 > li > .hex_elem_rounded > span { display: block; width: inherit; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; padding: 2px 0 0 1px; } .list_style_04 > li > a > span { display: inline-block; -webkit-transform: translateY(-1px); transform: translateY(-1px); margin-right: 7px; } .list_style_05 > li > .hex_elem_rounded { width: 9px; height: 16px; position: relative; float: left; border-radius: 1px; margin: 2px 10px 0 0; } .list_style_05 > li > .hex_elem_rounded > span, .list_style_06 > li > .hex_elem_rounded > span { display: block; position: absolute; font-size: 1em; width: inherit; height: inherit; text-align: center; z-index: 1; } .list_style_06 > li > .hex_elem_rounded > span { top: -1px; left: 1px; } .list_style_06 > li > .hex_elem_rounded { width: 9px; height: 12px; position: relative; border-radius: 1px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; float: left; margin: 2px 10px 0 0; } .sitemap_list_divider { padding: 40px 0 10px 15px; margin: -40px 0 -10px -15px; border-left: 1px solid #e7e5d7; } .sitemap_list { padding-top: 18px; } .sitemap_list > li { padding: 18px 0; text-align: center; position: relative; } .sitemap_list > li > a { font-weight: 700; color: #000; } .sitemap_list > li > span:nth-child(2), .sitemap_list > li > span:nth-child(3) { content: ""; display: block; position: absolute; left: 50%; margin-left: -4px; width: 8px; height: 8px; border-radius: 50%; bottom: -4px; } .sitemap_list > li > span:nth-child(3) { bottom: auto; top: -4px; } .padding_list > li, .comments_list > li, .timeline_item { margin-top: 10px; } [class*="button_style_03"].arrow > span { margin-right: 10px; } /* 14. Buttons */ [class^="button_type_"] { width: 173px; height: 194px; position: relative; display: block; } [class^="button_type_"].f_right { margin: -25px -70px 0 0; } [class^="button_type_"].f_left { margin: -25px 0 0 -70px; } .button_parrent_icon { width: inherit; height: inherit; background: url("../Content/images/home_icon_07.png") no-repeat 50% 50%/60% 60%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: background-size 1.5s ease, opacity 1.5s ease; } .waterdrop { background-size: 100% 100%; opacity: 1; } .cornice_button > span { display: block; width: 80px; height: 130px; position: absolute; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } .cornice_button > span:first-child + span:after, .cornice_button > span:first-child:after, .cornice_button > span:first-child + span + span:after { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0; right: 0; background: rgba(0,0,0,0.045); } .cornice_button > span:first-child:after { width: 100%; height: 20%; top: auto; bottom: 0; } .cornice_button > span:first-child + span + span:after { width: 100%; height: 65%; top: auto; bottom: -20px; -webkit-transform: skewY(29deg); transform: skewY(29deg); } .cornice_button { position: absolute; z-index: 2; left: 19px; top: 60px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .button_type_02 .cornice_button > span:first-child:after { width: 50%; height: 100%; top: 0; bottom: auto; left: 0; } .button_type_02 .cornice_button > span:first-child + span:after { width: 100%; height: 30%; top: auto; bottom: 0; } .button_type_02 .cornice_button > span:first-child + span + span:after { top: -15%; bottom: auto; -webkit-transform: skewY(-29deg); transform: skewY(-29deg); } .cornice_button > span:first-child { box-shadow: 0 2px 0px 0 rgba(0,0,0,0.2); } .cornice_button > span:first-child + span { box-shadow: 0 2px 0px 0 rgba(0,0,0,0.1); } .button_inner { width: inherit; position: absolute; top: 50px; left: 0; text-align: center; padding: 0 30px; z-index: 3; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 1.42em; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); } .button_inner > span { display: block; } .button_inner > img { margin-bottom: 10px; } [class*="parallax_section"] .button_style_01 { width: 220px; text-align: center; } .button_style_01 { display: inline-block; padding: 15px 30px; color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.3); border-radius: 3px; font-size: 1.6em; -webkit-transition: color 0.4s ease,border-color 0.4s ease; transition: color 0.4s ease,border-color 0.4s ease; } .slides_blockquote_prev, .slides_blockquote_next { display: block; width: 40px; height: 30px; border-width: 1px; border-style: solid; cursor: pointer; position: absolute; bottom: 30px; left: 335px; z-index: 1; text-align: center; padding-top: 10px; } .slides_blockquote_next { left: auto; right: 335px; } .scrolltop { position: absolute; right: 20px; bottom: 75px; display: block; cursor: pointer; width: 54px; height: 46px; background: url("../Content/images/scrolltop_icon.png") no-repeat center; z-index: 1; } .scrolltop > span { background-color: #000; overflow: hidden; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 30px; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } .scrolltop > span:first-child { z-index: 1; background-image: inherit; background-repeat: inherit; background-position: inherit; } .color_hexagon > span { display: block; width: inherit; position: absolute; } .post_tags_list + .button_style_05 { margin-top: 6px; } .button_style_05 { display: inline-block; font-weight: 200; padding: 10px 25px; border-width: 1px; border-style: solid; border-radius: 3px; } .reply_button { background: none; cursor: pointer; overflow: hidden; width: 81px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 4px 0 2px; font-weight: 700; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .reply_button > .hex_elem_rounded { display: block; position: relative; width: 14px; height: 24px; float: right; border-radius: 2px; margin: -3px 10px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reply_button > .hex_elem_rounded > img { position: absolute; z-index: 3; top: 5px; left: 1px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .reply_button { width: 74px; } } .latest_post_prev, .latest_post_next { float: left; position: relative; width: 19px; height: 19px; cursor: pointer; } .latest_post_prev { background: url("../Content/images/lp_prev.png") no-repeat; } .latest_post_next { margin-left: 5px; background: url("../Content/images/lp_next.png") no-repeat; } .portfolio_pagination > a { display: inline-block; padding: 7px 16px 7px 16px; border-width: 2px; border-style: solid; border-radius: 3px; font-weight: 700; position: relative; } .portfolio_pagination > a > span { font-size: 1.2em; margin: 0 9px 0 0; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; -webkit-transform: translateY(1px); transform: translateY(1px); } .portfolio_pagination > .next > span { margin: 0 0 0 9px; } .button_style_06 { display: block; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 1.14em; border-width: 2px; border-style: solid; padding: 12px; border-radius: 3px; } .pricing_table:hover .button_style_06, .pricing_table.active .button_style_06 { border-color: #fff; color: #fff; background: rgba(255,255,255,0.1); } [class*="button_style_03"] { display: inline-block; font-weight: 700; text-align: center; border-radius: 4px; font-size: 2em; line-height: 1em; border: 2px solid transparent; cursor: pointer; -webkit-apperance: none; word-break: break-all; padding: 14px; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; width: 260px; color: #fff; -webkit-transition: background 0.4s ease,color 0.4s ease,border-color 0.4s ease; transition: background 0.4s ease,color 0.4s ease,border-color 0.4s ease; } .button_style_03_large { font-size: 1.28em; width: 191px; } .button_style_03_medium { font-size: 1.1em; width: 170px; padding: 12px; } .button_style_03_small { width: 140px; font-size: 1em; padding: 10px; } .button_style_container > [class*="button_style_"] { margin-left: 32px; } .button_style_container { margin-top: 10px; } [class*="button_style_03"].orange { background: #ef5f3b; } [class*="button_style_03"].orange:hover { border-color: #ef5f3b; color: #ef5f3b; } [class*="button_style_03"].transparent { border-width: 3px; } [class*="button_style_03"].arrow { background-color: transparent; } [class*="button_style_03"].thin { background-color: transparent; border-width: 1px; font-weight: 300; } .hex_elem_rounded_type_2.button_style.orange, .hex_elem_rounded_type_2.button_style.orange > [class^="h_el_"] { background: #ef5f3b; border-left-color: #ef5f3b; border-right-color: #ef5f3b; } .hex_elem_rounded_type_2.button_style.orange:hover > span:first-child { color: #ef5f3b; } .hex_elem_rounded_type_2.button_style.orange:hover, .hex_elem_rounded_type_2.button_style.orange:hover > [class^="h_el_"], .hex_elem_rounded_type_2.button_style.scheme_color:hover, .hex_elem_rounded_type_2.button_style.scheme_color:hover > [class^="h_el_"] { background: #fff; } .hex_elem_rounded_type_2.button_style { display: block; position: relative; width: 135px; height: 84px; cursor: pointer; border-left-width: 2px; border-right-width: 2px; border-left-style: solid; border-right-style: solid; background: transparent; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; margin: 34px 0; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; -webkit-backface-visibility: hidden; } .hex_elem_rounded_type_2.button_style > [class^="h_el_"] { left: -2px; background: #fff; } .hex_elem_rounded_type_2.button_style > span:first-child { position: absolute; display: block; width: inherit; left: -2px; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 11px; text-align: center; font-size: 2.2em; line-height: 1em; font-weight: 300; z-index: 1; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; -webkit-backface-visibility: hidden; } .hex_elem_rounded_type_2.button_style.medium > span:first-child { font-size: 1.7em; } .hex_elem_rounded_type_2.button_style.medium { height: 69px; width: 110px; margin: 27px 0; } .hex_elem_rounded_type_2.button_style.orange { background: #ef5f3b; border-color: #ef5f3b; } .button_hex_style_container > div:nth-child(2), .button_hex_style_container:nth-child(2) > div:nth-child(2) { margin-left: 28px; } .button_hex_style_container > div:nth-child(3) { margin: 140px 0 0 -217px; } .button_hex_style_container:nth-child(2) > div:nth-child(3) { margin: 115px 0 0 -179px; } .button_hex_style_container:nth-child(2) { margin-left: 50px; margin-right: 50px; } .hex_elem_rounded_type_2.button_style.small > span:first-child { font-size: 1.3em; } .hex_elem_rounded_type_2.button_style.small { height: 55px; width: 85px; margin: 20px 0; } .button_hex_style_container:nth-child(3) > div:nth-child(2) { margin-left: 22px; } .button_hex_style_container:nth-child(3) > div:nth-child(3) { margin: 95px 0 0 -139px; } .button_hex_style_container { width: 298px; } .button_hex_style_container:nth-child(2) { width: 253px; } .button_hex_style_container:nth-child(3) { width: 197px; } [class*="callout_"] a { display: inline-block; border: 1px solid transparent; padding: 18px; text-align: center; border-radius: 4px; font-size: 1.5em; box-sizing: border-box; -moz-box-sizing: border-box; width: 244px; } [class*="callout_"].timeline { border-radius: 0; border: none; } .callout_02 a { color: #f3f2eb; display: block !important; margin: 25px auto 0; background: rgba(255,255,255,0.2); border-color: #fff; } .callout_02 a:hover, .callout_03 a:hover { background: #fff; } .callout_03 a { background: rgba(255,255,255,0.2); border-color: #fff; display: block !important; margin: 25px auto 0; } .full_width_slider .flex-direction-nav > li > .flex-prev, .full_width_slider .flex-direction-nav > li > .flex-next, .full_screen_slider .flex-prev, .full_screen_slider .flex-next { display: block; position: absolute; z-index: 2; width: 51px; top: 50%; margin-top: -25px; height: 51px; left: 10px; background-position: -548px -1px; opacity: 0.4; } .full_width_slider .flex-direction-nav > li > .flex-next, .full_screen_slider .flex-next { background-position: -603px -1px; left: auto; right: 10px; } .full_width_slider .flex-direction-nav > li:nth-child(2), .our_team_next { margin-left: 1px; } button[class^="latest_post"] > span { font-size: 1em; margin-top: -1px; display: block; } .full_screen_slider .flex-prev { left: -51px; -webkit-transition: left .65s ease; transition: left .65s ease; } .full_screen_slider .flex-next { right: -51px; -webkit-transition: right .65s ease; transition: right .65s ease; } [class^="rp_button_"] { position: absolute; display: block; background-color: transparent; width: 51px; height: 51px; top: 50%; margin-top: -25px; z-index: 7; cursor: pointer; -webkit-transition: right .2s ease,left .2s ease; transition: right .2s ease,left .2s ease; } .rp_button_next { background-position: -603px -1px; } .rp_button_prev { background-position: -548px -1px; } .no-touch .rp_button_prev { left: -51px; } .no-touch .rp_button_next { right: -51px; } .no-touch .rp_wrap:hover .rp_button_prev, .touch .rp_button_prev { left: 20px; } .no-touch .rp_wrap:hover .rp_button_next, .touch .rp_button_next { right: 20px; } /* 15. Forms */ input[type="submit"] { display: block; color: #fff; padding: 8px 15px; border-radius: 3px; border-width: 1px; border-style: solid; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; -webkit-transition: color 0.4s ease, background 0.4s ease; transition: color 0.4s ease, background 0.4s ease; } .form_style_01, .blog_full_width .post_info { margin-top: 10px; } .form_style_01 input[type="text"], .form_style_01 input[type="email"], .form_style_01 input[type="url"] { width: 420px; background: transparent; border: 1px solid #fff; padding: 12px 15px; margin-right: 10px; } .form_style_01 input[type="submit"], .form_style_01 button[type="submit"] { width: 211px; height: 43px; border-width: 3px; border-style: solid; display: inline-block; cursor: pointer; background: rgba(255,255,255,0.1); font-weight: 700; font-size: 1.28em; -webkit-transition: color 0.4s ease,border-color 0.4s ease; transition: color 0.4s ease,border-color 0.4s ease; } .form_style_01 input[type="submit"]:hover, .form_style_01 button[type="submit"]:hover { border-color: #000; color: #000; } .form_style_01 input[type="submit"], .form_style_01 button[type="submit"], .form_style_01 input[type="text"], .form_style_01 input[type="email"], .form_style_01 input[type="url"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; } label { display: block; } .require:after { content: "*"; vertical-align: top; font-size: 1.8em; } .form_col { margin: 0 0 17px 20px; display: inline-block; width: 31.4%; } input:not([type="submit"]), textarea { font-family: inherit; padding: 12px 15px; border-width: 1px; border-style: solid; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; margin: 4px 0; border-radius: 3px; } textarea { min-height: 167px; margin-bottom: 17px; } input[type="submit"]:hover, [class*="button_style_03"]:hover, [class*="button_style_03"].transparent, .callout_01 a:hover { background: none; } [role="search"] input[type="text"] { width: 83%; border-radius: 3px 0 0 3px; float: left; height: 48px; border-right: none; } [role="search"] input[type="submit"] { border-radius: 0 3px 3px 0; width: 17%; float: left; height: 48px; margin-top: 4px; background-image: url("../Content/images/interface.png"); background-repeat: no-repeat; background-position: 0 8px; border: none; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } [role="search"] input[type="submit"]:hover { opacity: 0.7; } [role="search"] { margin-bottom: 16px; } #contact_form [type="submit"] { background-color: transparent; } #contact_form img { display: block; margin: 30px auto; } #contact_form textarea { background: transparent url("../Content/images/contact_form_line.png") repeat 0 -1px; font-size: 1.75em; line-height: 2.36em; min-height: 230px; overflow: hidden; resize: none; margin-bottom: 30px; color: rgba(255,255,255,0.7); border: none; } #contact_form button { display: block; width: 103px; height: 115px; text-align: center; cursor: pointer; margin: 0 auto; position: relative; background-position: -217px -240px; } #contact_form .hex_elem_rounded_type_2 { display: block; position: absolute; border-radius: 13px; width: 105px; z-index: 2; height: 68px; cursor: pointer; margin: -35px 0 23px -1px; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; } /* IE 10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #contact_form .hex_elem_rounded_type_2 { margin: -34px 0 23px -1px; } .recent_projects li figure:first-child figcaption { height: 109%; top: -4.5%; } .recent_projects li figure:last-child figcaption { top: -4.5%; } } @-moz-document url-prefix() { #contact_form .hex_elem_rounded_type_2 { margin: -34px 0 23px -3px; } } #contact_form button > span:first-child { font-size: 1.2em; color: #fff; display: inline-block; padding-top: 35px; width: 100%; text-align: center; position: absolute; z-index: 3; top: 0; left: 0; } #contact_form .hex_elem_rounded_type_2 > [class^="h_el_"] { z-index: -1; left: 0; -webkit-transition-delay: 0; transition-delay: 0; } #contact_form button .hex_elem_rounded_type_2, #contact_form button .hex_elem_rounded_type_2 > [class^="h_el_"] { background: #ef5f3b; } #contact_form button:hover .hex_elem_rounded_type_2 { opacity: 1; } .close_form { display: block; color: #fff; width: 15px; height: 15px; font-size: 1.8em; line-height: 0; text-align: center; cursor: pointer; position: absolute; top: 20px; right: 0; background: none; } #cf_status { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; right: 0; bottom: 0; z-index: 999; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,2px); } #cf_status [class*="alert_box"] { width: 350px; position: absolute; top: 47%; left: 50%; margin-left: -175px; -webkit-transform: translate3d(0,0,2px); } #cf_status #preloader { background: none; } /* 16. Accordion & Toggle */ .accordion_group dt { font-weight: 700; font-size: 1.28em; padding: 22px 0 22px 60px; border-bottom-width: 1px; position: relative; border-bottom-style: solid; cursor: pointer; -webkit-transition: color 0.4s ease,background 0.4s ease; transition: color 0.4s ease,background 0.4s ease; } .accordion_group:first-child dt { border-top-width: 1px; border-top-style: solid; } .accordion_group dt .icon { display: block; float: left; position: absolute; width: 50px; height: 56px; left: 0; top: 50%; margin-top: -25px; } .accordion_group dt .icon > span:first-child { display: block; position: absolute; top: 0; left: 10px; width: 29px; height: 37px; border-radius: 3px; border-top: 6px solid #ef5f3b; border-bottom: 6px solid #ef5f3b; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); z-index: 2; -webkit-transition: border-color 0.4s ease; transition: border-color 0.4s ease; } .accordion_group dt .icon > span:first-child:after, .accordion_group dt .icon > span:first-child:before { top: -6px; -webkit-backface-visibility: hidden; } .accordion_group dt .icon > span:first-child + span { display: block; width: 25px; height: 41px; background: #f3f2eb; border-radius: 3px; position: absolute; top: 4px; left: 12px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); z-index: 1; -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .accordion_group dt .icon > span:first-child + span > span { position: absolute; z-index: 3; -webkit-transform: rotate(30deg); transform: rotate(30deg); font-weight: 700; font-size: 2.5em; text-align: center; width: inherit; height: inherit; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 10px; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .accordion_group dt .icon > span:first-child + span > span:first-child + span { padding-top: 9px; } .accordion_group dd { color: #fff; position: relative; padding: 20px 28px; } .accordion_group.active dd { display: block; } .accordion_group dd > i { display: none; width: 20px; height: 20px; position: absolute; top: 2px; left: 13px; border-radius: 4px; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(35deg) rotate(-26deg); transform: skewX(35deg) rotate(-26deg); } .accordion_type_02 .accordion_group dt, .toggle_type_02 > dl > dt, .timeline_style_02 .hex_elem_rounded.timeline_icon, .timeline_style_02 .hex_elem_rounded.timeline_icon, .timeline_style_02 .timeline_description > .hex_elem_rounded, .timeline_style_02 .timeline_description .td_content { background: #f3f2eb; } .accordion_type_02 .accordion_group.active dt { background: none; } [class^="toggle_type_"] > dl [class^="toggle_icon"] { width: 28px; height: 32px; position: absolute; top: 50%; margin-top: -16px; right: 13px; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .toggle_type_01 > dl .toggle_icon_default { background-position: -391px -2px; } .toggle_type_01 > dl .toggle_icon_active { background-position: -360px -2px; } .toggle_type_02 > dl .toggle_icon_default { background-position: -221px -124px; } .toggle_type_02 > dl .toggle_icon_active { background-position: -252px -124px; } [class^="toggle_type_"] > dl .toggle_icon_active, .toggle_type_02 > dl.active .toggle_icon_default { opacity: 0; } [class^="toggle_type_"] > dl.active .toggle_icon_active { opacity: 1; } [class^="toggle_type_"] { margin-bottom: 20px; } [class^="toggle_type_"] > dl { margin-bottom: 1px; } [class^="toggle_type_"] > dl > dt { font-size: 1.28em; font-weight: 700; padding: 20px 50px 20px 20px; position: relative; cursor: pointer; } [class^="toggle_type_"] > dl > dt > .hex_elem_rounded { position: absolute; right: 20px; top: 50%; margin-top: -14px; display: block; width: 17px; height: 28px; border-radius: 3px; } [class^="toggle_type_"] > dl > dd { padding: 18px 20px; } .toggle_type_01 > dl > dt > .hex_elem_rounded { background: #f3f2eb; color: #ef5f3b; } .toggle_type_01 > dl > dt { color: #fff; } [class^="accordion_type_"].faq dt { border: none; padding-top: 19px; padding-bottom: 19px; } /* 17. Footer */ .footer { background: rgba(0,0,0,0.85) url("../Content/images/avpaulista.png") no-repeat 0 0 fixed; overflow: hidden; color: #b3b3b1; position: relative; padding: 53px 0 0; -webkit-transition: -webkit-transform 5s ease; transition: transform 5s ease; background-size: 100% auto; } .footer_cornice { position: absolute; top: 0; height: 100%; width: 100%; } .footer_cornice > .container, .footer_cornice .relative { height: inherit; } [class^="skew_elem_"] { background: rgba(255,255,255,0.063); width: 800px; height: 100%; position: absolute; top: 0; z-index: 0; } .footer_inner { position: relative; z-index: 1; } .skew_elem_01 { left: 0; -webkit-transform: skewX(-34deg); transform: skewX(-34deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .skew_elem_02 { left: 0px; -webkit-transform: skewX(34deg); transform: skewX(34deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .footer .latest_posts article a { padding-bottom: 3px; display: block; } .footer a { color: #b3b3b1; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { padding-bottom: 20px; } .footer_logo_container { margin-top: -25px; } .footer_logo_container:after { content: ""; display: block; width: 140px; height: 187px; border: 1px solid #61615f; background: rgba(0,0,0,0.2); position: absolute; top: -142px; left: -19px; z-index: 0; -webkit-transform: rotate(53deg) skewX(16deg); transform: rotate(53deg) skewX(16deg); } .footer figure p { padding-bottom: 0px; } .copyright_container { margin-top: 53px; background: rgba(0,0,0,0.4); padding: 20px 0; position: relative; z-index: 1; } /* 18. Animation */ @media only screen and (min-width:1050px) { .fade-to-bottom { -webkit-transform: translateY(-60px); transform: translateY(-60px); opacity: 0; } .fade-to-top, .fast-fade-to-top { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } .size-jump, [class*="center-to"] { -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; } .fade, [class*="fade-to-"] { -webkit-transition: -webkit-transform 0.8s ease,opacity 0.8s ease; transition: transform 0.8s ease,opacity 0.8s ease; } [class*="fast-"] { -webkit-transition: -webkit-transform 0.4s ease,opacity 0.4s ease; transition: transform 0.4s ease,opacity 0.4s ease; } .fade-to-bottom-finished, .fade-to-top-finished, .fast-fade-to-top-finished { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .fade-to-left, .fast-fade-to-left { -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; } .fade-to-right, .fast-fade-to-right { -webkit-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; } .center-to-left { -webkit-transform: translateX(320px); transform: translateX(320px); opacity: 0; -webkit-transition: -webkit-transform 0.4s ease,opacity 0.4s ease; transition: transform 0.4s ease,opacity 0.4s ease; } .center-to-right { -webkit-transform: translateX(-235px); transform: translateX(-235px); -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .slide-to-left { position: relative; right: -401px; opacity: 0; -webkit-transition: right .4s ease,opacity .4s ease; transition: right .4s ease,opacity .4s ease; } .slide-to-right { position: relative; left: -401px; opacity: 0; -webkit-transition: left .4s ease,opacity .4s ease; transition: left .4s ease,opacity .4s ease; } .center-to-left-second { -webkit-transform: translateX(480px); transform: translateX(480px); -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .center-to-right-second { -webkit-transform: translateX(-480px); transform: translateX(-480px); -webkit-transition: -webkit-transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease,opacity 0.2s ease; opacity: 0; } .center-to-ls1 { -webkit-transform: translateX(166px); transform: translateX(166px); } .center-to-ls2 { -webkit-transform: translateX(-166px); transform: translateX(-166px); opacity: 0; } .center-to-ls3 { -webkit-transform: translateX(495px); transform: translateX(495px); opacity: 0; } .center-to-ls4 { -webkit-transform: translateX(-495px); transform: translateX(-495px); opacity: 0; } .fast-fade-top-left { -webkit-transform: translate(60px,40px); transform: translate(60px,40px); opacity: 0; } .fast-fade-top-left-finished { -webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1; } .skew-to-left { opacity: 0; } .skew-to-left-finished { animation: stl 0.4s linear; -webkit-animation: stl 0.4s linear; transform: translateX(0) skewX(0deg); -webkit-transform: translateX(0) skewX(0deg); opacity: 1; } .slide-to-left-finished { right: 0; opacity: 1; } .slide-to-right-finished { left: 0; opacity: 1; } .fade-to-left-finished, .fade-to-right-finished, .center-to-left-finished, .center-to-right-finished, .fast-fade-to-left-finished, .fast-fade-to-right-finished, .center-to-left-second-finished, .center-to-right-second-finished, .center-to-ls1-finished, .center-to-ls2-finished, .center-to-ls3-finished, .center-to-ls4-finished { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .size-jump { -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); opacity: 0; } .size-jump-finished { -webkit-transform: scale(1,1); transform: scale(1,1); opacity: 1; } .second-size-jump { -webkit-transform: scale(0.3,0.3); transform: scale(0.3,0.3); opacity: 0; } .second-size-jump-finished { -webkit-animation: sizejump 0.3s ease; -moz-animation: sizejump 0.3s ease; animation: sizejump 0.3s ease; opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); } .fade, .fast-fade { opacity: 0; } .fade-finished, .fast-fade-finished { opacity: 1; } .wind { position: relative; -webkit-transition: opacity 0.5s ease,left 0.5s ease; transition: opacity 0.5s ease,left 0.5s ease; opacity: 0; } .wind-finished { -webkit-animation: wind 0.5s ease; animation: wind 0.5s ease; opacity: 1; } @keyframes sizejump { 0% { transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); } 50% { transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); } 100% { transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); } } @-webkit-keyframes sizejump { 0% { -webkit-transform: scale(1,1); } 50% { -webkit-transform: scale(1.2,1.2); } 100% { -webkit-transform: scale(1,1); } } @keyframes wind { 0% { left: -30px; } 50% { left: 40px; } 100% { left: 0px; } } @-webkit-keyframes wind { 0% { left: -30px; } 50% { left: 40px; } 100% { left: 0px; } } @keyframes arrowtop { 0%,100% { margin-top: 0; } 50% { margin-top: -2px; } } @-webkit-keyframes arrowtop { 0%,100% { margin-top: 0; } 50% { margin-top: -2px; } } @keyframes arrowbottom { 0%,100% { margin-bottom: 0; } 50% { margin-bottom: -2px; } } @-webkit-keyframes arrowbottom { 0%,100% { margin-bottom: 0; } 50% { margin-bottom: -2px; } } @keyframes cursor { 0% { opacity: 0; visibility: visible; } 50% { opacity: 1; } 100% { transform: rotate(60deg) scale(3); opacity: 0; visibility: hidden; } } @-webkit-keyframes cursor { 0% { opacity: 0; visibility: visible; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(60deg) scale(3); opacity: 0; visibility: hidden; } } @keyframes secondcursor { 0% { opacity: 0; visibility: visible; } 50% { opacity: 1; } 100% { transform: rotate(60deg) scale(4.5); opacity: 0; visibility: hidden; } } @-webkit-keyframes secondcursor { 0% { opacity: 0; visibility: visible; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(60deg) scale(4.5); opacity: 0; visibility: hidden; } } @keyframes stl { 0% { transform: skewX(-15deg) translateX(350px); } 70% { transform: skewX(15deg) translateX(-50px); opacity: 0.8; } 100% { transform: skewX(0) translateX(0px); opacity: 1; } } @-webkit-keyframes stl { 0% { -webkit-transform: skewX(-15deg) translateX(350px); } 70% { -webkit-transform: skewX(15deg) translateX(-50px); opacity: 0.8; } 100% { -webkit-transform: skewX(0) translateX(0px); opacity: 1; } } } @media only screen and (min-width:1101px) and (max-width:1900px) { .recent_projects figcaption { padding-top: 15%; } .recent_projects figcaption hr { width: 90%; background-size: 100% 100%; } .recent_projects figcaption p { display: none; } } /* 19. Responsive change */ @media only screen and (min-width:960px) and (max-width:1200px) { .skew_sublayer, .skew_sublayer_02, .our_work_section_2 .our_work_services_item:after, .our_work_section_2 .our_work_services_item:before, .team_item .team_item_description, .step_icon, .cd_shadow, .recent_projects figure figcaption p, .recent_projects figure figcaption hr { display: none; } [class^="button_type_"] { float: none; } .our_work_item > .ow_triangle { -webkit-transform: rotate(45deg) skew(20deg,20deg); transform: rotate(45deg) skew(20deg,20deg); left: -24px; } .check_icon_type { bottom: 7%; } .our_work_item { padding-top: 45px; } .our_work_section { padding-bottom: 65px; } .f_right[class^="button_type_"], .f_left[class^="button_type_"] { margin: 20px auto; } .f_right[class^="button_type_"] > i, .f_left[class^="button_type_"] > i { left: -30px; top: -100px; } .f_left[class^="button_type_"] > i { left: auto; right: -30px; } .f_right[class^="button_type_"] > i:after, .f_left[class^="button_type_"] > i:after { -webkit-transform: rotate(55deg); transform: rotate(55deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; width: 135px; right: -130px; top: 100%; } .f_left[class^="button_type_"] > i:after { -webkit-transform: rotate(-55deg); transform: rotate(-55deg); transform-origin: 100% 0; -webkit-transform-origin: 100% 0; left: -130px; } .left_arrow, .right_arrow { width: 80px; margin: 0; } .skill_item { margin-left: 38px; } .blog_default article iframe { height: 298px; } [class*="blog_"] { padding-bottom: 60px; } .blog_full_width article iframe { height: 294px; width: 525px; } .blog_default .colorbox_container, .blog_default article iframe { width: 460px; } article img.f_left, .colorbox_container.f_left, article iframe.f_left { margin-right: 20px; } article img.f_right, .colorbox_container.f_right, article iframe.f_right { margin-left: 20px; } .blog_default .post_info { padding-bottom: 0; } .item_blog { width: 293px; } .blog_isotope .post_info > .date_container.hex_elem_rounded + * { width: 183px; word-break: break-all; } .blog_isotope iframe { height: 174px; } [role="search"] input[type="text"] { width: 79%; } [role="search"] input[type="submit"] { width: 21%; } .kalendae .k-days span { width: 23px !important; } .kalendae .k-header span { width: 28px !important; } .tags_list > li:nth-child(3n) { margin-right: 17px !important; } .form_col { width: 31%; } .portfolio_isotope_container.two_columns .portfolio_item { width: 49.4%; } .portfolio_isotope_container.four_columns .portfolio_item { width: 24.4%; } .portfolio_isotope_container.three_columns.gallery .portfolio_item { width: 31.3%; } .contact_hexagons { padding: 120px 0; } .gmap_container { height: 450px; } .offset2_5 { margin-left: 220px; } .skew_elem_01 { -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .skew_elem_02 { -webkit-transform: skewX(25deg); transform: skewX(25deg); } .footer_logo_container:after { left: -25px; } [class^="skew_elem_"] { width: 670px; } .table_icons > dl > dd { font-size: 0.75em; } .button_style_container, .button_hex_style_container:nth-child(2) { margin: 0; } .button_hex_style_container > div { margin: 0 20px !important; } .button_style_container > button { margin: 5px 0; } .button_hex_style_container { width: 100% !important; } .callout_01 .title { width: 60%; margin-top: 0; } .callout_01 .title > span { font-size: 2.9em; } .callout_01 > * { vertical-align: middle; } .callout_01 { padding: 56px 20px; } .callout_02 .title > p, .callout_03 .title > p { width: 38%; } .callout_02 .title > span, .callout_03 .title > span { line-height: 0.9em; width: 60%; } [class*="_progress_bar_type_2"] .progress_title { width: 20%; } .progress_line { width: 78%; } .service.type_2 > figcaption { width: 46%; } .service.type_2 > .image_hex { width: 48%; } iframe:not(.pp_content iframe) { height: 395px; } .team_person > .hexagon_big_container { -webkit-transform: scale(0.85); transform: scale(0.85); margin: 0 0 -8px -10px; } .wrap_404 + p { padding: 0 36%; } .sitemap_list_divider { padding: 40px 0 10px 10px; margin: -40px 0 -10px -10px; } [class*="span"] .span5 > .hexagon_big_container { -webkit-transform: scale(0.7); transform: scale(0.7); margin-top: -41px; } [class*="span"] .span3 > .hexagon_container { -webkit-transform: scale(0.7); transform: scale(0.7); margin-top: -35px; } .blockquotes_carousel blockquote { width: 371px; } .blockquotes_carousel_next { right: 38%; bottom: 59px; } .blockquotes_carousel_prev { left: 38%; bottom: 59px; } .our_work_services_item { width: 332px; } .our_work_section_2 .our_work_services_item:nth-child(3):after { left: -71px; } .our_work_section_2 .our_work_services_item:nth-child(3):after, .our_work_section_2 .our_work_services_item:nth-child(2):before { display: block; } .our_work_icon { margin: 7px auto 8px; } .team_item:nth-child(1) { -webkit-transform: translate(471px,269px); transform: translate(471px,269px); } .team_item:nth-child(2) { -webkit-transform: translateX(-81px); transform: translateX(-81px); } .team_item:nth-child(3) { -webkit-transform: translateX(81px); transform: translateX(81px); } .team_item:nth-child(4) { -webkit-transform: translate(-471px,-269px); transform: translate(-471px,-269px); } .show_step_container { padding: 0 43px; } .icon_container, .icon_container.last { -webkit-transform: scale(0.8); transform: scale(0.8); top: 8px; } .show_step_container > p { padding: 100px 10px 0; } .testimonial_type_2 blockquote { width: 676px; } #tab_type_1 > .tabs_links > a { width: 114px; } .icons_type_01 > li { margin-right: 2px; } .photo { -webkit-transform: scale(0.85) translateX(-10px); transform: scale(0.85) translateX(-10px); } .custom_span_4_5 { width: 330px; } .our_clients_title > span:first-child { -webkit-transform: rotate(61deg); transform: rotate(61deg); left: -290px; } .our_clients_title > span:nth-child(2) { -webkit-transform: rotate(-61deg); transform: rotate(-61deg); right: -293px; } .ok_icon { right: -28px; } /* advertsising styles*/ .advertising.color .advertising_description, .advertising.color .advertising_images { height: 480px; } .advertising_description, .advertising.prlx .advertising_description { width: 45%; height: 416px; padding-top: 20px; } .advertising_images, .advertising.prlx .advertising_images { width: 55%; height: 416px; } .advertising.icons .advertising_images { height: 350px; } .advertising.icons .advertising_description { height: 350px; padding-top: 70px; } .advertising.color .advertising_description { padding-top: 140px; } .advertising.layout .advertising_description { padding-top: 80px; } .advertising.builder .advertising_description { width: 377px; padding-top: 80px; } .advertising.content .advertising_images { margin-left: 0; } .advertising.content .advertising_description { width: 45%; } .advertising_images > img[src$="ipad.png"] { right: -31px; width: 180px; bottom: 14px; } .advertising_images > img[src$="iphone.png"] { width: 80px; left: 75px; bottom: 13px; } .advertising_images > img[src$="img_01.png"] { width: 150px; left: -42px; bottom: -2px; } .advertising_images > img[src$="keyboard.png"] { left: 141px; bottom: -10px; } .advertising.color .advertising_images > img[src*="screen_0"] { width: 270px; } .advertising.color .advertising_images > img[src$="screen_02.png"] { left: 153px; } .advertising.color .advertising_images > img[src$="screen_03.png"] { left: 313px; } .advertising.color .advertising_images > img[src$="screen_04.png"] { top: 264px; } .advertising.color .advertising_images > img[src$="screen_05.png"] { left: 177px; top: 254px; } .advertising.color .advertising_images > img[src$="screen_06.png"] { left: 318px; top: 225px; } .advertising_images > img[src$="iphone_screen_04.png"] { right: 30px; top: -20px; width: 200px; } .advertising_images > img[src$="iphone_screen_03.png"] { right: 123px; top: -13px; width: 222px; } .advertising_images > img[src$="iphone_screen_02.png"] { right: 212px; top: 43px; width: 140px; } .advertising_images > img[src$="screen_iphone_01.png"] { right: 267px; top: 41px; width: 141px; } .advertising_images > img[src$="ipad_02.png"] { width: 250px; top: 84px; } .advertising_images > img[src$="screen_07.png"] { left: 119px; top: 121px; width: 200px; } .advertising_images > img[src$="screen_08.png"] { width: 200px; left: 187px; top: 35px; } .advertising_images > img[src$="screen_09.png"] { width: 200px; left: 255px; top: -18px; } .advertising_images > img[src$="screen_10.png"] { width: 200px; left: 320px; top: 83px; } .advertising_images > img[src$="ipad_03.png"] { width: 305px; } .advertising_images > img[src$="_graph.png"] { width: 200px; bottom: 234px; } .advertising_images > img[src$="_alerts.png"] { width: 185px; bottom: 23px; left: 58px; } .advertising_images > img[src$="_tables.png"] { bottom: 155px; left: 295px; width: 240px; } .advertising_images > img[src$="_mac_02.png"] { width: 709px; left: 0; } .advertising.content .advertising_images > img { max-width: 100%; vertical-align: middle; position: relative; } .advertising.content .advertising_images:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .content_wrapper h2 { font-size: 2.8em; } .same_works_list > li { -webkit-transform: scale(0.7); transform: scale(0.7); margin-left: -91px; } #myChart, #myChart2, [id^="chartPie_"] { -webkit-transform: scale(0.85) translateX(-20px); transform: scale(0.85) translateX(-20px); } .iframe_video { height: 393px; } .faq_nav > li { margin-left: 15px; } .social_icons_type_03:not(.inline) li:nth-child(4) { margin-left: 28px; } .social_icons_type_03:not(.inline) li:nth-child(4), .social_icons_type_03:not(.inline) li:nth-child(5) { margin-top: -10px; } .faq_nav.our_team > li { margin-left: 1px; } .recent_projects figure img { max-width: 100%; } .recent_projects figure figcaption { padding: 18px 10px; } .accordion_group dt .icon > span:first-child + span > span:first-child + span { padding-top: 7px; margin-left: -1px; } .main_menu .icon-file-alt { -webkit-transform: translateX(1px) rotate(30deg); transform: translateX(1px) rotate(30deg); } .hex_elem_rounded_type_2.contact_info { width: 309px; height: 232px; } .hex_elem_rounded_type_2.open_contact_form { width: 321px; height: 221px; border-radius: 46px; } .o_hide.not_hide_sm { overflow: visible; } } @media only screen and (min-width:768px) and (max-width:979px) { .our_work_item > .ow_triangle, .left_arrow, .right_arrow, #options_panel, [class^="skew_"], .our_work_section_2 .our_work_services_item:after, .our_work_section_2 .our_work_services_item:before, .team_item .team_item_description, .step_icon, .triangle_shape_float > span:empty, .our_clients_title > span, .cd_shadow, .faq_nav.our_team > li .hex_elem_rounded_type_2 .stripe, .faq_nav.our_team > li .hex_elem_rounded_type_2 .circle, .recent_projects figure figcaption hr, .recent_projects figure figcaption p { display: none; } .same_works_list > li { float: none; } .our_work_section_2 .our_work_services_item { float: none; } .callout_01 .title, .service.type_2 > figcaption { width: 100%; } .button_hex_style_container { width: 100% !important; } .main_menu > li > a { width: 75px; padding: 20px 10px 17px; } .active_icon, .default_icon { top: 15px; } .our_work_item { padding: 50px 24px 0; } .dashed_stripe:after { margin-left: -1px; } .f_right[class^="button_type_"], .f_left[class^="button_type_"], .our_work_section_2 .our_work_services_item, .our_work_section_2 .our_work_services_item:nth-child(3), .our_work_section_2 .our_work_services_item:nth-child(2), .our_work_section_2 .our_work_services_item:nth-child(4) { margin: 20px auto; } .f_right[class^="button_type_"] > i, .f_left[class^="button_type_"] > i { left: -75px; top: -120px; } .f_left[class^="button_type_"] > i { left: auto; right: -75px; } .f_right[class^="button_type_"] > i:after, .f_left[class^="button_type_"] > i:after { -webkit-transform: rotate(55deg); transform: rotate(55deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; width: 175px; right: -170px; top: 100%; } .f_left[class^="button_type_"] > i:after { -webkit-transform: rotate(-55deg); transform: rotate(-55deg); transform-origin: 100% 0; -webkit-transform-origin: 100% 0; left: -170px; } .blog_default article iframe { height: 222px; } [class*="blog_"] { padding-bottom: 60px; } .blog_full_width article iframe { height: 227px; width: 402px; } .blog_default .colorbox_container, .blog_default article iframe { width: 352px; } article img.f_left, .colorbox_container.f_left, article iframe.f_left { margin-right: 20px; } article img.f_right, .colorbox_container.f_right, article iframe.f_right { margin-left: 20px; } .blog_default .post_info { padding-bottom: 0; } .item_blog { width: 221px; } .blog_isotope .post_info > .date_container.hex_elem_rounded + * { word-break: break-all; text-align: center; width: 100%; } .blog_isotope iframe { height: 174px; } .blog_isotope .post_info .date_container.hex_elem_rounded { display: block; margin: 0 auto 10px; } [role="search"] input[type="submit"] { width: 27%; } [role="search"] input[type="text"] { width: 73%; } .kalendae .k-days span { width: 18px !important; } .kalendae .k-header span { width: 23px !important; } .tags_list > li:nth-child(3n) { margin-right: 17px !important; } .form_col { width: 30.3%; } .latest_post_nav { position: static; margin-bottom: 5px; display: inline-block; } .blog_post .post_tags_list { margin-top: 10px; } .portfolio_isotope_container.two_columns .portfolio_item { width: 49.3%; } .portfolio_isotope_container.three_columns .portfolio_item { width: 32.7%; } .portfolio_isotope_container.four_columns .portfolio_item { width: 24.3%; } .portfolio_isotope_container.four_columns .portfolio_item .colorbox_container > a { top: 40%; } .portfolio_isotope_container.three_columns.gallery .portfolio_item { width: 30.7%; } .contact_hexagons { padding: 120px 0; } .flip_container { height: 543px; } #contact_form img { margin: -5px auto; } .gmap_container { height: 380px; } .offset2_5 { margin-left: 189px; } .footer_logo_container:after { left: -33px; top: -156px; } .pricing_table .button_style_06 { padding: 4px; } .table_icons > dl { width: 38%; } .table_icons > dl:first-child { margin-left: -8px; } .table_icons > dl:last-child { margin-right: -8px; } .table_icons > dl > dd { font-weight: 400; font-size: 0.68em; } .table_content ul > li { font-size: 0.96em; } .pricing_table > header { padding-left: 5px; padding-right: 5px; } .button_style_container, .button_hex_style_container:nth-child(2) { margin: 0; } .button_style_container > button { margin: 5px 0; } .button_hex_style_container > div { margin: 0 20px !important; } .callout_01 { padding: 41px 20px; } .callout_01 .title > span { font-size: 2.8em; } .callout_01 .title, [class^="milestone_type_"] > figcaption, .widget .relative, .service.type_2 { text-align: center; } .callout_01 a { display: block; margin: 0 auto; } .callout_02 .title > span, .callout_03 .title > span { line-height: 0.85em; font-size: 2.77em; width: 47%; } [class^="milestone_type_"] .hex_elem_rounded_type_2 { display: block; margin-left: auto; margin-right: auto; } [class^="milestone_type_"] > * { display: block; } [class*="_progress_bar"] .progress_title { width: 22%; } [class$="_progress_bar"] .progress_line { width: 76%; } [class$="_progress_bar_type_2"] .progress_title { width: 24%; } .progress_line { width: 74%; } .service.type_2 > .image_hex { width: 160px; } .service:not(.type_2) > .image_hex { margin-left: -10px; } iframe:not(.pp_content iframe) { height: 303px; } .team_person > .hexagon_big_container { -webkit-transform: scale(0.72); transform: scale(0.72); margin: 0 0 -30px -34px; } .team_person > .hex_elem_rounded > .hexagon_container { -webkit-transform: rotate(30deg) scale(0.75); transform: rotate(30deg) scale(0.75); top: -18px; left: -59px; } .team_person > .hex_elem_rounded { width: 122px; height: 169px; } .register_container.news_letter .slog { width: 52%; } .register_container.news_letter p { width: 45%; } .countdown + p, .wrap_404 + p { padding: 0 21%; margin-bottom: 30px; } .coming_soon h1, .coming_soon h2, .coming_soon h3, .coming_soon h4, .coming_soon h5, .coming_soon h6, .countdown { margin-top: 50px; } .coming_soon .next_page, .coming_soon .prev_page { top: -50px; } .sitemap_list_divider { padding: 40px 0 10px 10px; margin: -40px 0 -10px -10px; } .sitemap_title { -webkit-transform: scale(0.7) translateX(-25px); transform: scale(0.7) translateX(-25px); } .faq_nav:not(.our_team) > li { -webkit-transform: scale(0.74); transform: scale(0.74); margin-left: -32px; display: inline-block; float: none; } .faq_nav, .our_work_section_2 .our_work_services_item:nth-child(3), .our_work_section_2 .our_work_services_item:nth-child(2), .show_step_container { padding: 0; } [class*="span"] .span5 > .hexagon_big_container { -webkit-transform: scale(0.5); transform: scale(0.5); margin-top: -68px; } [class*="span"] .span3 > .hexagon_container { -webkit-transform: scale(0.55); transform: scale(0.55); margin-top: -45px; } .blockquotes_carousel blockquote { width: 263px; } .blockquotes_carousel_next { right: 40%; bottom: 27px; } .blockquotes_carousel_prev { left: 40%; bottom: 27px; } .blockquotes_carousel > li { padding-bottom: 20px; } .blockquotes_carousel .testimonial_author_container > span { height: 300px; left: 12px; top: -93px; } .blockquotes_carousel .testimonial_author_container > span:nth-child(2) { right: 6px; top: -93px; } .title_container.type_3.with_links h1 { padding: 0 38%; } .time_container { margin: 40px 19px 0; } .timeline_item > figure { width: 603px; } .timeline_item .title { width: 107px; margin: 0 10px 0 0; word-break: break-all; } .our_work_services_item { width: 332px; } .our_work_icon { margin: 7px auto 8px; } .caroufredsel_wrapper.services + .blockquotes_carousel_prev + .blockquotes_carousel_next { right: 34%; bottom: auto; top: 180px; } .caroufredsel_wrapper.services + .blockquotes_carousel_prev { left: 34%; bottom: auto; top: 180px; } .blockquotes_carousel.services blockquote { padding-top: 23px; } .our_work_title { margin-top: -315px; } .our_work_section_2 { padding-top: 345px; } .service > .image_hex { -webkit-transform: scale(0.87); transform: scale(0.87); } .team_item { width: 362px; } .team_item:nth-child(1) { -webkit-transform: translate(363px,269px); transform: translate(363px,269px); } .team_item:nth-child(4) { -webkit-transform: translate(-363px,-269px); transform: translate(-363px,-269px); } .icon_container, .icon_container.last { -webkit-transform: scale(0.7); transform: scale(0.7); top: 8px; } .show_step_container > p { margin: 0; padding: 130px 5px 0; } .fade-to-top, .fast-fade-to-top, .fade-to-bottom, .fast-fade-to-bottom { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .home_blog article .colorbox_container { width: 400px; } .testimonial_type_2 blockquote { width: 515px; } #tab_type_1 > .tabs_links > a { width: 87px; } .skills_wrap { min-height: 458px; } .icons_type_01.media_f_right > li { float: right; margin: 14px 0 14px 10px; } .photo { -webkit-transform: scale(0.68) translateX(-52px); transform: scale(0.68) translateX(-52px); margin: 0; } .custom_span_4_5 { width: 249px; } [class^="our_clients"] > li { padding: 0 10px; } .our_clients_title > figure > h2 { word-break: break-all; } .ok_icon { right: -31px; } .faq_nav.our_team { text-align: center; } /* advertsising styles*/ .advertising.color .advertising_description, .advertising.color .advertising_images { height: 480px; } .advertising_description, .advertising.prlx .advertising_description { width: 40%; height: 416px; padding-top: 20px; } .advertising_images, .advertising.prlx .advertising_images { width: 60%; height: 416px; } .advertising.icons .advertising_images { height: 350px; } .advertising.icons .advertising_description { height: 350px; padding-top: 20px; } .advertising.builder .advertising_description, .advertising.content .advertising_description { width: 40%; } .advertising.color .advertising_description { width: 40%; padding-top: 100px; } .advertising.builder .advertising_description { padding-top: 70px; } .advertising.content .advertising_images { margin-left: 0; } .advertising_images > img[src$="ipad.png"] { right: -38px; width: 180px; bottom: 60px; } .advertising_images > img[src$="iphone.png"] { width: 60px; left: 99px; bottom: 63px; } .advertising_images > img[src$="img_01.png"] { width: 100px; left: 24px; bottom: 65px; } .advertising_images > img[src$="keyboard.png"] { width: 250px; left: 141px; bottom: 40px; } .advertising.color .advertising_images > img[src*="screen_0"] { width: 200px; } .advertising.color .advertising_images > img[src$="screen_01.png"] { left: 0; } .advertising.color .advertising_images > img[src$="screen_02.png"] { left: 94px; } .advertising.color .advertising_images > img[src$="screen_03.png"] { left: 207px; } .advertising.color .advertising_images > img[src$="screen_04.png"] { top: 248px; } .advertising.color .advertising_images > img[src$="screen_05.png"] { left: 124px; top: 232px; } .advertising.color .advertising_images > img[src$="screen_06.png"] { left: 219px; top: 203px; } .advertising_images > img[src$="iphone_screen_04.png"] { right: 30px; top: -20px; width: 200px; } .advertising_images > img[src$="iphone_screen_03.png"] { right: 123px; top: -13px; width: 222px; } .advertising_images > img[src$="iphone_screen_02.png"] { right: 212px; top: 43px; width: 140px; } .advertising_images > img[src$="screen_iphone_01.png"] { right: 267px; top: 41px; width: 141px; } .advertising_images > img[src$="ipad_02.png"] { width: 170px; top: 124px; } .advertising_images > img[src$="screen_07.png"] { left: 78px; top: 65px; width: 150px; } .advertising_images > img[src$="screen_08.png"] { width: 150px; left: 138px; top: 27px; } .advertising_images > img[src$="screen_09.png"] { width: 150px; left: 205px; top: -18px; } .advertising_images > img[src$="screen_10.png"] { width: 150px; left: 273px; top: 62px; } .advertising_images > img[src$="ipad_03.png"] { width: 250px; left: 80px; } .advertising_images > img[src$="_graph.png"] { width: 130px; bottom: 214px; left: 28px; } .advertising_images > img[src$="_alerts.png"] { width: 155px; bottom: 23px; left: 14px; } .advertising_images > img[src$="_tables.png"] { bottom: 200px; left: 220px; width: 180px; } .advertising_images > img[src$="_mac_02.png"] { width: 709px; left: 0; } .advertising.content .advertising_images > img { max-width: 100%; top: 100px; } .content_wrapper h2 { font-size: 2em; } .same_works_list > li > a { display: inline-block; } section[class^="version_"] { float: none; width: 100%; } .screen { width: 60%; } .version_one_page { padding-bottom: 70px; } .version_multiple_pages { padding-top: 70px; } .splash_logo { -webkit-transform: rotate(90deg) translate3d(0,0,0); transform: rotate(90deg); } #myChart, #myChart2, [id^="chartPie_"] { -webkit-transform: scale(0.65); transform: scale(0.65); margin-left: -47px; } #chartPie_4 > canvas { margin-top: -88px !important; } .row.second_charts_line { margin-top: -150px !important; } .iframe_video { height: 301px; } .social_icons_type_03:not(.inline) li:nth-child(4) { margin-left: 28px; } .social_icons_type_03:not(.inline) li:nth-child(4), .social_icons_type_03:not(.inline) li:nth-child(5) { margin-top: -10px; } .faq_nav.our_team > li { float: none; text-align: center; margin-left: 0; margin-bottom: 5px; } .faq_nav.our_team > li > .hex_elem_rounded_type_2 { display: inline-block; } .skew_sublayer_02, .skew_sublayer { display: none !important; } .recent_projects figure img { max-width: 100%; } .recent_projects figure figcaption { padding: 59px 20px 20px; } .hex_elem_rounded_type_2.price_container { -webkit-transform: scale(0.8); transform: scale(0.8); margin-left: -17px; } .accordion_group dt .icon > span:first-child + span > span:first-child + span { padding-top: 7px; margin-left: -1px; } .secondary_page h3 { font-size: 1.5em; } .audiojs { margin-top: 50px; } .blog_isotope .audiojs, .blog_full_width .audiojs { margin-top: -20px; } .main_menu .icon-file-alt { -webkit-transform: translateX(1px) rotate(30deg); transform: translateX(1px) rotate(30deg); } .hex_elem_rounded_type_2.contact_info { width: 240px; height: 170px; border-radius: 38px; margin: 50px 0; padding: 0 35px; } .hex_elem_rounded_type_2.open_contact_form { width: 244px; height: 163px; border-radius: 31px; margin: 55px 0; padding: 0 20px; } .hex_elem_rounded_type_2[class*="c_icon_"] { margin: 0px auto 22px; } .o_hide.not_hide_sm { overflow: visible; } .full_width_img_container img { min-height: 0; } .full_width_img_container { height: auto !important; } } @media only screen and (min-width:480px) and (max-width:767px), only screen and (max-width:479px) { .container { padding-left: 10px; padding-right: 10px; } .login-wrapper { min-width: 100%; } .our_work_item > .ow_triangle, .dashed_stripe, .counting_item:after, [class^="button_type_"] > i, .left_arrow, .right_arrow, #options_panel, .main_menu > li > a > i, .close_form, .footer_logo_container:after, [class^="skew_"], .blockquotes_carousel blockquote > div:empty, .blockquotes_carousel .testimonial_author_container > span:nth-child(2), .blockquotes_carousel .testimonial_author_container > span:nth-child(3), .photo_container:after, .hex_elem_rounded.timeline_icon > i, .timeline_description > .hex_elem_rounded, .our_work_title .title_cornice, .our_work_services_item:after, .our_work_services_item:before, .step_icon, .triangle_cornice, .testimonial_type_2 blockquote > div:empty, .blockquotes_carousel.services .photo_container:after, .blockquotes_carousel.services .photo_container:before, .skills_content_part > .line, .our_clients_title > span, .ok_icon, .our_team_title > div, .ot_title_shape > span:empty, .our_team_container .team_item:nth-child(2) .team_item_description > span, .our_team_container .team_item:nth-child(3) .team_item_description > span, .team_item [class^="triangle_container_"] canvas, .team_advertising, header .logo, .main_menu > li > a > .hex_elem_rounded, .cd_shadow, .content_wrapper p, .faq_nav > li .stripe, .faq_nav > li > .hex_elem_rounded_type_2 .circle, .sitemap_title .circle, .sitemap_title .stripe, .tp-bullets, .recent_projects figure figcaption hr, .recent_projects figure figcaption p, .title_item p, .our_team_title, .prev_page:before, .next_page:before, .skill_title > div, .hex_elem_rounded_type_2.open_contact_form { display: none; } .menu_button { display: block; } .skew_sublayer_02, .skew_sublayer { display: none !important; } .main_menu { width: 100%; margin: 1px auto; } .main_menu > li > ul { margin-bottom: 2px; } .header .logo, .header .main_menu, .main_menu > li, [class^="button_type_"], .colorbox_container, .blog_default article iframe, .portfolio_isotope_container.two_columns .portfolio_item, .portfolio_isotope_container.three_columns .portfolio_item, .portfolio_isotope_container.four_columns .portfolio_item, .portfolio_isotope_container.three_columns.gallery .portfolio_item, .footer .latest_posts article img, .pricing_table, .button_hex_style_container > div, [class*="_progress_bar"] > *, .faq_nav > li, .blockquotes_carousel > li > *, .hex_elem_rounded.timeline_icon, .time_container, .timeline_description, .show_step_container, .date_container.hex_elem_rounded, .team_item, .our_team_container .team_item:nth-child(2n+1), .our_team_container .team_item:nth-child(2n), .our_team_container .team_item:nth-child(2) > [class^="triangle_container_"], .our_team_container .team_item:nth-child(1) > [class^="triangle_container_"], .our_team_container .team_item:nth-child(3) > [class^="triangle_container_"], .our_team_container .team_item:nth-child(4) > [class^="triangle_container_"], .same_works_list > li { float: none; } .item_blog, .pricing_table, .timeline_item > figure { width: auto; } .sitemap_title { margin: 50px auto !important; } .logo { text-align: center; display: block; padding: 10px 0; } .main_menu > li > a, .header.header-small .main_menu > li > a { padding: 14px; width: 100%; } .header.header-small { box-shadow: none; } .main_menu > li { margin-bottom: 1px; } .main_menu ul, .main_menu ul ul, .header, .flip_container > section { position: relative; } .main_menu ul, .main_menu ul ul { top: 1px; left: 0; } .header + * { margin-top: 0 !important; } .main_menu { margin-bottom: 9px; } .our_work_item { min-height: 0; } .counting_item { margin: 20px auto 60px; position: relative; bottom: auto; right: -20px; } .check_icon_type { position: static; margin: 0 auto 35px; } .ls-bottom-nav-wrapper { bottom: 17%; } [class^="button_type_"], .f_right[class^="button_type_"], .f_left[class^="button_type_"], .our_work_services_item, .our_work_section_2 .our_work_services_item:nth-child(4), .our_work_section_2 .our_work_services_item:nth-child(2), .show_step_container { margin: 20px auto; } .flex-control-nav:not(.full_screen_slider .flex-control-nav) { top: 215px; margin-left: -6%; } .flex-control-nav:not(.full_screen_slider .flex-control-nav) li { float: left; margin-left: 10px; } .flex-control-nav:not(.full_screen_slider .flex-control-nav) .flex-active { margin-top: -1px; } .parallax[class*="parallax_s"] { height: 325px; } article img.f_left, .colorbox_container.f_left, article iframe.f_left, article img.f_right, .colorbox_container.f_right, article iframe.f_right, .register_container.news_letter p, .form_style_01, .faq_nav > li, .blockquotes_carousel .testimonial_author_container .photo_container, .timeline_item .title, .testimonial_type_2 blockquote, .same_works_list > li { margin: 0; } .blog_full_width .post_info { margin-top: 30px; padding-bottom: 0; } .blog_default .post_info, .footer_logo_container, .pricing_table, .sitemap_title, #tab_type_1.style_2, #tab_type_1.style_3 { margin-top: 30px; } [class*="blog_"] article iframe, .portfolio_isotope_container.three_columns .portfolio_item, .portfolio_isotope_container.four_columns .portfolio_item, .portfolio_isotope_container.two_columns .portfolio_item, .portfolio_isotope_container.three_columns.gallery .portfolio_item, .callout_01 .title, [class*="_progress_bar"] > *, .service.type_2 > figcaption, .register_container.news_letter .slog, .register_container.news_letter p, .form_style_01 input[type="text"], .form_style_01 input[type="email"], .form_style_01 input[type="url"], .blockquotes_carousel blockquote, .blockquotes_carousel, .timeline_item .title, .timeline_description, .our_work_services_item, .show_step_container, .testimonial_type_2 blockquote, .blockquotes_carousel .testimonial_author_container, .register_container .slog, .register_container p { width: 100%; } .blockquotes_carousel .testimonial_author_container, .blockquotes_carousel > li { padding-bottom: 20px; } .blog_isotope .post_info > .date_container.hex_elem_rounded + * { word-break: break-all; text-align: center; width: 100%; } .blog_isotope .post_info .date_container.hex_elem_rounded { display: block; margin: 0 auto 10px; } .colorbox_container, .hex_elem_rounded.timeline_icon { margin: 0 auto; } .form_col { width: 29.7%; } [role="search"] input[type="text"] { width: 90%; } [role="search"] input[type="submit"] { width: 10%; } .blog_post .post_tags_list, .home_blog article .post_info { margin-top: 10px; } .comment.second_level { margin-left: 46px; } .comment.third_level { margin-left: 172px; } .tags_list > li:nth-child(3n) { margin-right: 17px !important; } .kalendae { width: 264px !important; } .archives_list > li > a > .hex_elem_rounded { margin-top: 2px; } .portfolio_item .colorbox_container { padding-bottom: 70px; } .portfolio_item .colorbox_container > a { top: 40%; } .portfolio_isotope_container.two_columns .portfolio_item .colorbox_container > a, .portfolio_isotope_container.three_columns .portfolio_item .colorbox_container > a, .portfolio_isotope_container.four_columns .portfolio_item .colorbox_container > a { top: 50%; } .portfolio_isotope_container.three_columns .portfolio_item .colorbox_container, .portfolio_isotope_container.four_columns .portfolio_item .colorbox_container { padding-bottom: 0px; } .gmap_container { height: 300px; } .contact_hexagons { padding: 40px 0; } .flip_container { height: auto; } .contact_form_section { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .offset2_5, .main_menu > li { margin-left: 0; } .footer [class*="span"], [class*="callout_"], [class^="milestone_type_"] > figcaption, [class*="_progress_bar"] > *, .service.type_2, .register_container .slog, .register_container.news_letter p, .blockquotes_carousel blockquote, .blockquotes_carousel blockquote:first-child, .timeline_item .title, article, .about_us figure, .register_container p { text-align: center; } .latest_posts > hr { width: 50%; margin: 14px 0 9px; } .social_icons_type_01 > li { float: left; margin-right: 1px; } .social_icons_type_01 { margin: 30px 0; width: auto; } .latest_projects, .same_works_list > li > a { display: inline-block; } .address_list { display: inline-block; } .button_style_container, .button_hex_style_container:nth-child(2), .button_hex_style_container > div { margin: 0 !important; } .button_style_container > [class*="button_style_03"], .button_style_container > [class*="button_style_03"]:first-child { margin: 10px auto; display: block; } .button_hex_style_container { width: 100% !important; } .button_hex_style_container > div > * { margin: 25px auto !important; } .callout_01 .title > span, .callout_02 .title > span, .callout_03 .title > span, .callout_01 .title > p, .callout_02 .title > p, .callout_03 .title > p { display: block; width: 100%; text-align: center; } .callout_01 .title > span, .callout_02 .title > span, .callout_03 .title > span { line-height: 1em; padding-bottom: 15px; } [class^="milestone_type_"] .hex_elem_rounded_type_2 { display: block; margin-left: auto; margin-right: auto; } [class^="milestone_type_"] > * { display: block; } [class*="_progress_bar"] > * { margin: 0 0 10px 0; } [class$="_progress_bar_type_2"] { padding-right: 0; } [class$="_progress_bar_type_2"] > .progress_line { width: 92%; margin: 15px auto; } .service.type_2 > .image_hex { width: 160px; margin-right: 0; } iframe:not(.pp_content iframe) { height: 260px; } .team_person, .form_style_01 input[type="text"], .form_style_01 input[type="email"], .form_style_01 input[type="url"], aside { margin-bottom: 10px; } .countdown + p, .wrap_404 + p { padding: 0 2%; margin-bottom: 25px; } .coming_soon h1, .coming_soon h2, .coming_soon h3, .coming_soon h4, .coming_soon h5, .coming_soon h6, .countdown { margin-top: 40px; } .prev_page, .next_page { top: -46px; font-size: 1.4em; } .prev_page { padding: 0 10px; text-align: left; } .next_page { padding: 0 10px; text-align: right; } .wrap_404, .blockquotes_carousel blockquote { padding-top: 0; } .wrap_404 > span:not(:nth-child(2)) { font-size: 14em; } .sitemap_list_divider { border: none; } [class*="span"] .span5 > .hexagon_big_container > canvas, [class*="span"] .span3 > .hexagon_container > canvas { margin: 10px auto; } .blockquotes_carousel_prev, .blockquotes_carousel_next { top: 50%; } .blockquotes_carousel_prev { left: 10px; } .blockquotes_carousel_next { right: 10px; } .full_width_slider .flex-direction-nav { bottom: 0; } .timeline_item .title { height: auto; margin-bottom: 15px; } .time_container { margin: 35px auto; } .time_container > span { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .time_container > span:nth-child(3) { left: 7px; top: -20px; width: 30px; } .time_container > span:nth-child(2) { right: -48px; bottom: -89px; width: 30px; } .timeline_description > .td_content { margin: 5px auto 0; padding: 20px; width: 100%; } .timeline_description > .td_content > p, .our_clients_title, .content img { margin: 0; } .our_work_section_2 { padding-top: 250px; } .our_work_title { margin-top: -200px; } .our_work_services_item, .our_work_section_2 .our_work_services_item:nth-child(2), .our_work_section_2 .our_work_services_item:nth-child(3), header .container { padding: 0; } .blockquotes_carousel.services blockquote { padding-top: 10px; } .caroufredsel_wrapper.services { padding-bottom: 50px; } .icon_container, .icon_container.last { position: relative; top: 0; left: 0; margin: 10px auto; } .show_step_container, .color_scheme_section > .container, .our_team_container .team_item:nth-child(2n+1) .team_item_description, .our_team_container .team_item:nth-child(2n) .team_item_description { padding: 0; } .show_step_container > p { margin: 10px 0 0; padding: 0; } .home_blog article { padding: 60px 0 0; text-align: center; } .isotope_container.isotope .isotope-item .colorbox_container { width: 372px; } .date_container.hex_elem_rounded { margin: 10px auto; display: block; text-align: left; } .blog_full_width .post_content, .post_content, .blog_full_width .post_info h1, .blog_full_width .post_info h2, .blog_full_width .post_info h3, .blog_full_width .post_info h4, .blog_full_width .post_info h5, .blog_full_width .post_info h6 { padding: 0; } .article_container { padding-top: 30px; } #tab_type_1:not(.style_3) > .tabs_links > a { width: 72px; } .skills_title_container { position: relative; top: 0; } .skills_title_container > i { top: 0; } .skills_wrap { min-height: none; padding: 0; } .skill_title { position: relative; text-align: center; -webkit-transform: none; transform: none; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .skill_item, .skills_wrap .skill_item:first-child { float: none; margin: 0 auto; } .parallax[class*="parallax_s"] { height: auto; } .custom_span_4_5 { margin-left: 0; width: 100%; float: none; } .our_clients_section { padding: 30px 0; } .our_team_title_wrap { position: relative; } .our_team_title { -webkit-transform: none; transform: none; width: 100%; height: 100%; top: 0; left: 0; padding: 0; } .our_team_title_wrap { left: 0; top: 0; height: auto; min-height: 260px; width: 100%; margin: 0; } .our_team_title_wrap > .content { padding: 10px 0; left: 0; top: 0; height: auto; } .content .title_item { min-height: 0 } .faq_nav.our_team { padding-top: 0; } .team_item [class^="triangle_container_"] img { display: block !important; margin: 0 auto; } .team_item .team_item_description { float: none; width: 100%; } .our_team_container .team_item:nth-child(2) > .team_item_description, .our_team_container .team_item:nth-child(4) > .team_item_description { margin: 10px 0; } .our_team_container .team_item:nth-child(1) > .team_item_description, .our_team_container .team_item:nth-child(3) > .team_item_description { margin: 10px 0 0; } #cf_status [class*="alert_box"] { width: 80% !important; } .cd_container { -webkit-transform-style: preserve-3d; -webkit-transform: scale(0.6) translate3d(0,0,0); transform: scale(0.6) translate3d(0,0,0); -webkit-backface-visibility: hidden; } .content_wrapper h2 { font-size: 1.3em; } .header + .ld_container + * { margin-top: 0 !important; } /*advertising styles*/ .advertising { padding: 50px 0; } .advertising_description, .advertising_images { width: 100% !important; padding-top: 0 !important; height: auto !important; float: none; } .advertising_images { height: 300px !important; } .advertising.prlx .advertising_images { height: 200px !important; } .advertising_description { text-align: center; } .advertising.content .advertising_images { margin-left: 0; height: 200px !important; } .advertising_images > img[src$="ipad.png"] { width: 160px; right: -10px; bottom: 0; } .advertising_images > img[src$="iphone.png"] { width: 60px; left: 85px; bottom: 0; } .advertising_images > img[src$="img_01.png"] { width: 80px; left: 29px; bottom: 30px; } .advertising_images > img[src$="screen.png"] { left: 0; height: inherit; padding: 0 25%; } .advertising_images > img[src$="keyboard.png"] { width: 200px; bottom: -10px; left: 100px; } .advertising.color .advertising_description { padding-top: 20px !important; } .advertising.color .advertising_images > img[src*="screen_0"] { width: 180px; } .advertising.color .advertising_images > img[src$="screen_01.png"] { top: 120px; left: 0; } .advertising.color .advertising_images > img[src$="screen_02.png"] { top: 104px; left: 108px; } .advertising.color .advertising_images > img[src$="screen_03.png"] { top: 90px; left: 216px; } .advertising.color .advertising_images > img[src$="screen_04.png"] { top: 191px; } .advertising.color .advertising_images > img[src$="screen_05.png"] { left: 108px; top: 177px; } .advertising.color .advertising_images > img[src$="screen_06.png"] { left: 216px; top: 162px; } .advertising_images > img[src$="iphone_screen_04.png"] { width: 100px; right: 100px; } .advertising_images > img[src$="iphone_screen_03.png"] { width: 100px; right: 148px; top: 21px; } .advertising_images > img[src$="iphone_screen_02.png"] { right: 200px; top: 44px; width: 70px; } .advertising_images > img[src$="screen_iphone_01.png"] { width: 70px; top: 44px; right: 230px; } .advertising_images > img[src$="ipad_02.png"] { width: 150px; top: 100px; left: 30px; } .advertising_images > img[src$="screen_07.png"] { width: 100px; top: 69px; left: 106px; } .advertising_images > img[src$="screen_08.png"] { width: 100px; top: 37px; left: 152px; } .advertising_images > img[src$="screen_09.png"] { width: 100px; top: 1px; left: 202px; } .advertising_images > img[src$="screen_10.png"] { top: 72px; left: 244px; width: 100px; } .advertising_images > img[src$="ipad_03.png"] { width: 210px; left: 110px; } .advertising_images > img[src$="_alerts.png"] { width: 80px; left: 77px; bottom: 49px; } .advertising_images > img[src$="_graph.png"] { width: 90px; bottom: 149px; left: 72px; } .advertising_images > img[src$="_tables.png"] { width: 150px; left: 228px; bottom: 128px; } .advertising_images > img[src$="_mac_02.png"] { left: 20px; width: 360px; } section[class^="version_"] { float: none; width: 100%; height: 300px; } .screen { width: 60%; } .version_one_page { padding-bottom: 70px; } .version_multiple_pages { padding-top: 70px; } .splash_logo { -webkit-transform: rotate(90deg) translate3d(0,0,0); transform: rotate(90deg); } .version_one_page .title { background-position: 67px 67px !important; } section[class^="version_"] .title { background-size: 340px 320px; background-position: 63px 67px; margin-top: -246px; } .our_work_item { padding-left: 0; padding-right: 0; } #myChart, #myChart2, [id^="chartPie_"] > canvas { display: block; margin: 10px auto; } [class^="milestone_type_"] { padding-bottom: 20px; } .iframe_video { height: 209px; } .faq_nav > li > .hex_elem_rounded_type_2 { margin: 30px auto; } .faq_nav > li { margin: 80px 0; } .faq_nav > li:first-child { margin-top: 0; } .recent_projects figure img { max-width: 100%; } .recent_projects figure figcaption { padding: 25px 20px; } .rp_button_next { right: 10px; } .rp_button_prev { left: 10px; } .our_work_section .our_work_item:first-child { padding-top: 120px; } .counting_item { margin-bottom: 0; } .our_work_section { padding-bottom: 0; } .recent_projects figure figcaption { padding: 40px 30px; } .our_team_title_wrap { min-height: 0px; } .our_team_title_wrap > .content { position: relative; } .title_container.type_3 { padding: 65px 0 20px; } #comment_form { margin-bottom: 20px; } .full_width_slider .flex-direction-nav > li > .flex-prev, .full_width_slider .flex-direction-nav > li > .flex-next { margin-top: -30px; } .span9 .button_hex_style_container:nth-child(1) > div { padding-bottom: 25px; } .span9 .button_hex_style_container:nth-child(2) > div { padding-bottom: 15px; } .span9 .button_hex_style_container:nth-child(3) > div { padding-bottom: 1px; } .counting_tape, .counting_tape_type_02 { color: #fff !important; } .title_container h1, .skills h1, .skills h2, .skills h3, .skills h4, .skills h5, .skills h6 { word-break: break-all; } aside { padding-top: 25px; } .skill_title { min-width: 0; min-width: none; } .skill_item > .inner { padding-top: 28px; } .our_team_container { background-image: none; } .cd_container { display: none !important; } .recent_projects [class^="go_to_"] { margin: 0 1px; } .o_hide_m { overflow: hidden; } .testimonial_type_2 { padding-top: 10px; } .skills { overflow: hidden; } .full_screen_slider, .full_width_img_container { height: auto !important; } body.full_w .header { top: 0 !important; } [id^="chartPie_"] { margin: 70px 0 70px 200px !important; } .hex_elem_rounded_type_2.contact_info { width: 240px; height: 170px; border-radius: 38px; margin: 120px auto; padding: 0 35px; float: none; } .hex_elem_rounded_type_2[class*="c_icon_"] { margin: 0px auto 22px; } .contact_hexagons { padding: 0; } .full_width_img_container img, .full_screen_slider .slides img { min-height: 0; min-height: none; } .full_width_img_container, .full_screen_slider { height: auto !important; } .full_screen_slider { position: relative; } .full_screen_slider .flex-control-nav { bottom: 10px; } .our_work_item .hex_elem_rounded_type_2.ow_icon { top: 40px; } .title_container h1, .secondary_page h2 { font-size: 2.5em; } .secondary_page h3 { font-size: 1.7em; } .onlyIDevice .accordion_group dt .icon > span:first-child + span > span:first-child + span { padding-top: 7px; padding-right: 1px; } .gmap_container { height: 200px !important; } } @media only screen and (max-width:380px) { .login-wrapper { min-width: 100%; } [id^="chartPie_"] { margin: 70px 0 70px 80px !important; width: 200px !important; } .onlyIDevice [id^="chartPie_"] { margin: 130px 0 130px 10px !important; width: 200px !important; } .testimonial_type_2 > blockquote > div:empty, .portfolio_item_description > p, .recent_projects figure figcaption ul, .recent_projects figure figcaption h5 { display: none; } [class*="blog_"] article iframe, iframe:not(.pp_content iframe) { height: 190px; } .blog_default article iframe { height: 163px; } .post_content, .blog_full_width .post_info h1, .blog_full_width .post_info h2, .blog_full_width .post_info h3, .blog_full_width .post_info h4, .blog_full_width .post_info h5, .blog_full_width .post_info h6 { padding-left: 0; } .comment.second_level, .comment.third_level { margin-left: 0; } [role="search"] input[type="text"] { width: 86%; } [role="search"] input[type="submit"] { width: 14%; } .form_col { width: 28%; } .portfolio_pagination > *, .countdown > dl { float: none; } .portfolio_pagination > ul > li { margin-top: 0; } .portfolio_pagination > ul { padding: 5px 0; } .testimonials_hexagon_wrap { margin: 0 auto; padding-top: 70px; float: none; } .testimonials_hexagon_wrap > .hexagon_small_container, .countdown { margin-top: 0; } .countdown > dl { margin: 10px auto; } .wrap_404 > span:not(:nth-child(2)) { font-size: 7em; } .wrap_404 > span:nth-child(2) { -webkit-transform: scale(0.62) translateY(25px); transform: scale(0.62) translateY(25px); } .wrap_404 > span:not(:first-child) { margin-left: -40px; } .isotope_container.isotope .isotope-item .colorbox_container { width: 312px; } .graph_type_3 .flot-y-axis, .graph_type_3 .flot-x-axis { font-size: 0.75em; } .menu_button { padding: 5px 10px; } .recent_projects figure figcaption { padding: 40px 20px; } /*advertising styles*/ .advertising_images { height: 240px !important; } .advertising_images > img[src$="ipad.png"] { width: 100px; right: -10px; bottom: 33px; } .advertising_images > img[src$="iphone.png"] { width: 40px; left: 50px; bottom: 34px; } .advertising_images > img[src$="img_01.png"] { width: 60px; left: 8px; bottom: 46px; } .advertising_images > img[src$="screen.png"] { left: 0; } .advertising_images > img[src$="keyboard.png"] { width: 200px; bottom: 10px; left: 60px; } .advertising.color .advertising_description { padding-top: 20px !important; } .advertising.color .advertising_images > img[src*="screen_0"] { width: 110px; } .advertising.color .advertising_images > img[src$="screen_01.png"] { top: 130px; left: 30px; } .advertising.color .advertising_images > img[src$="screen_02.png"] { top: 120px; left: 94px; } .advertising.color .advertising_images > img[src$="screen_03.png"] { top: 114px; left: 165px; } .advertising.color .advertising_images > img[src$="screen_04.png"] { top: 173px; left: 30px; } .advertising.color .advertising_images > img[src$="screen_05.png"] { left: 97px; top: 165px; } .advertising.color .advertising_images > img[src$="screen_06.png"] { left: 162px; top: 155px; } .advertising_images > img[src$="_mac.png"] { top: 30px; } .advertising_images > img[src$="iphone_screen_04.png"] { width: 100px; right: 60px; } .advertising_images > img[src$="iphone_screen_03.png"] { width: 100px; right: 108px; top: 21px; } .advertising_images > img[src$="iphone_screen_02.png"] { right: 160px; top: 44px; width: 70px; } .advertising_images > img[src$="screen_iphone_01.png"] { width: 70px; top: 44px; right: 190px; } .advertising_images > img[src$="ipad_02.png"] { width: 150px; top: 100px; left: 0px; } .advertising_images > img[src$="screen_07.png"] { width: 90px; top: 69px; left: 68px; } .advertising_images > img[src$="screen_08.png"] { width: 90px; top: 37px; left: 118px; } .advertising_images > img[src$="screen_09.png"] { width: 90px; top: 1px; left: 168px; } .advertising_images > img[src$="screen_10.png"] { top: 63px; left: 201px; width: 90px; } .advertising_images > img[src$="ipad_03.png"] { width: 160px; left: 70px; } .advertising_images > img[src$="_alerts.png"] { width: 70px; left: 44px; bottom: 32px; } .advertising_images > img[src$="_graph.png"] { width: 70px; bottom: 149px; left: 47px; } .advertising_images > img[src$="_tables.png"] { width: 103px; left: 166px; bottom: 128px; } .advertising_images > img[src$="_mac_02.png"] { left: 0px; width: 280px; } .same_works_list > li, .same_works_list > li:first-child { -webkit-transform: scale(0.8); transform: scale(0.8); margin-left: -35px; } .same_works_list { padding: 0; } section[class^="version_"] { float: none; width: 100%; height: 250px; } section[class^="version_"] .title { background-size: 240px 220px; background-position: 112px 97px; margin-top: -215px; font-size: 1em; } .version_one_page .title { background-position: 115px 97px !important; } .iframe_video { height: 157px; } .skills_title_inner > img { margin-bottom: 10px; } .skills_title_container { width: auto; left: auto; height: auto; margin-left: 0; } .skills_title_container > i { left: -94px; } .skills > .color_scheme_section { padding-top: 60px; margin-top: -60px; } } /* 20. Retina Ready */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144 dpi) { .address_list > li:before, .social_icons_type_01 > li > a > .default, .social_icons_type_01 > li > a > div > .clean_cornice_2, .list_style_01 > li > .hex_elem_rounded > span, [class$="_alert_box"]:after, [class$="_alert_box_type_2"]:after, [class*="icon_part_"] span, .next_page:before, .prev_page:before, .countdown > dl, .wrap_404 > span:nth-child(2), .sitemap_title .sm_shadow, .full_width_slider .flex-direction-nav > li > a, .our_work_icon, .post_tag_icon, .ok_icon, .colorbox_container > a, .light_shadow, [class^="toggle_type_"] dl [class^="toggle_icon"], .colorbox_container > a > .active_icon, .social_icons_type_03 li .hex_elem_rounded_type_2 .s_icon, #contact_form button, [class^="rp_button_"], [class^="go_to_"] .active_icon, [class^="go_to_"], .full_screen_slider .flex-prev, .full_screen_slider .flex-next, [role="search"] input[type="submit"] { background-image: url("../Content/images/interface@2x.png"); background-size: 1000px 1000px; } .our_work_icon_01 > .inner_icon { background-image: url("../Content/images/home_icon_04@2x.png"); background-size: 76px 83px; } .our_work_icon_02 > .inner_icon { background-image: url("../Content/images/home_icon_10@2x.png"); background-size: 76px 83px; } .our_work_icon_03 > .inner_icon { background-image: url("../Content/images/home_icon_11@2x.png"); background-size: 76px 83px; } .counting_tape, .counting_tape_type_02 { background-image: url("../Content/images/home_icon_05@2x.png"); background-size: 24px 38px; } .icons_type_02_marker > span { background-image: url("../Content/images/icons_type_02_marker@2x.png"); background-size: 64px 70px; } .icons_type_02_human > span { background-image: url("../Content/images/icons_type_02_human@2x.png"); background-size: 64px 70px; } .icons_type_01_like > span { background-image: url("../Content/images/icons_type_01_like@2x.png"); background-size: 49px 55px; } .icons_type_01_circle > span { background-image: url("../Content/images/icons_type_01_circle@2x.png"); background-size: 49px 55px; } .icons_type_01_winner > span { background-image: url("../Content/images/icons_type_01_winner@2x.png"); background-size: 49px 55px; } .icons_type_01_mail > span { background-image: url("../Content/images/icons_type_01_mail@2x.png"); background-size: 49px 55px; } .icons_type_01_world > span { background-image: url("../Content/images/icons_type_01_world@2x.png"); background-size: 49px 55px; } .icons_type_01_percent > span { background-image: url("../Content/images/icons_type_01_percent@2x.png"); background-size: 49px 55px; } .icons_type_01_phone > span { background-image: url("../Content/images/icons_type_01_phone@2x.png"); background-size: 49px 55px; } .icons_type_01_eye > span { background-image: url("../Content/images/icons_type_01_eye@2x.png"); background-size: 49px 55px; } .icons_type_01_rating > span { background-image: url("../Content/images/icons_type_01_rating@2x.png"); background-size: 49px 55px; } .skill_item > .inner { background-image: url("../Content/images/percent_hexagon@2x.png"); background-size: 74px 84px; } .latest_post_prev { background-image: url("../Content/images/lp_prev@2x.png"); background-size: 19px 19px; } .latest_post_next { background-image: url("../Content/images/lp_next@2x.png"); background-size: 19px 19px; } .hex_elem_rounded_type_2.c_icon_m > .ic { background-image: url("../Content/images/icons_type_02_marker@2x.png"); background-size: 64px 70px; } .hex_elem_rounded_type_2.c_icon_h > .ic { background-image: url("../Content/images/icons_type_02_human@2x.png"); background-size: 64px 70px; } .hex_elem_rounded_type_2.ow_icon:before { background-image: url("../Content/images/our_work_icon_bg@2x.png"); background-size: 73px 81px; } .our_team_prev { background-image: url("../Content/images/home_icon_21@2x.png"); background-size: 27px 8px; } .our_team_next { background-image: url("../Content/images/home_icon_22@2x.png"); background-size: 27px 8px; } /* canvas */ [id^="chartPie_"] > canvas { -webkit-transform: scale(0.5); transform: scale(0.5); } } /*----------------------------------------------------------------------------- - Revolution Slider 1.5.3 - Screen Stylesheet version: 2.1 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- - Revolution Slider 2.0 Captions - Screen Stylesheet version: 1.4.5 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .banner-font-border { color: #fff !important; font-weight: bold !important; } .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1;} .tp-caption.big_white{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color:#000; letter-spacing: 0px; } .tp-caption.big_orange{ position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: Arial; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#fb7354; letter-spacing: -1.5px; } .tp-caption.big_black{ position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: -1.5px; } .tp-caption.medium_grey{ position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#888; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.small_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.medium_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_black_text{ position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 42px; line-height: 42px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.very_large_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); letter-spacing: 0px; } .tp-caption.very_large_black_text{ position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 72px; line-height: 72px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.bold_red_text{ position: absolute; color: #d31e00; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.bold_brown_text{ position: absolute; color: #a04606; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.bold_green_text{ position: absolute; color: #5b9830; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.very_big_white{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 3px 4px; padding-top: 1px; background-color:#7e8e96; } .tp-caption.very_big_black{ position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 0px 4px; padding-top: 1px; background-color:#fff; } .tp-caption.modern_medium_fat{ position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: 'Open Sans', sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.modern_medium_fat_white{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: 'Open Sans', sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.modern_medium_light{ position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; font-family: 'Open Sans', sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.modern_big_bluebg{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; font-family: 'Open Sans', sans-serif; padding: 3px 10px; margin: 0px; border-width: 0px; border-style: none; background-color:#4e5b6c; letter-spacing: 0; } .tp-caption.modern_big_redbg{ position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; font-family: 'Open Sans', sans-serif; padding: 3px 10px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color:#de543e; letter-spacing: 0; } .tp-caption.modern_small_text_dark{ position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;} .purchase:hover, .button:hover, .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .button.green, .button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .button.blue, .button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .button.red, .button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .button.orange, .button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .button.darkgrey,.button.grey, .button:hover.darkgrey,.button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .button.lightgrey, .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:20; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; width:20px; height:20px; margin-right:0px; float:left; margin-top:-10px; margin-left:3px;} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px;position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;} .tp-loader { background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:none !important; } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; padding:22px 0; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../images/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; z-index:22; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../images/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; box-sizing:content-box; -moz-box-sizing:content-box; width:auto !important; border-radius:0 !important; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../images/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(../images/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(../images/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(../images/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(../images/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(../images/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(../images/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../images/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } #options_panel{ position:absolute; right:0; background:#f8f8f8; width:220px; top:100%; z-index: 3; -webkit-backface-visibility:hidden;} #options_panel > i{ display:block; width:61px; height:61px; cursor:pointer; background:url("../images/options_panel_icons.png") no-repeat -172px -6px; position:absolute; top:0; right:0; z-index:2; } #options_panel h5,#options_panel h6{ color:#000; } #options_panel h6{ font-weight:400; padding-bottom:15px; } #options_panel hr{ height:1px; background:#e3e2dc; margin:8px 0 15px; } #options_panel_inner{ position:relative; z-index:1; padding:25px 20px; } #options_panel_inner:before{ content:""; display:block; width:100%; height:6px; background:url("../images/options_panel_icons.png") no-repeat; position:absolute; top:0; left:0; } #options_panel_inner button{ padding:2px 0px 3px; width:87px; text-align:center; color:#88867c; background:#e3e2dc; cursor:pointer; border-bottom:1px solid #c9c9c9; box-sizing:border-box; -moz-box-sizing:border-box; border-top:1px solid transparent; } #options_panel_inner button:disabled{ background:#fff; cursor:default; border:1px solid #c9c9c9; } .layout_options{ margin-bottom:13px; } .color_options{margin-bottom:13px;} .color_options > li:first-child{ margin-left:0; } .color_options > li{float:left; margin-left:6px; width:25px; height:25px; cursor:pointer; } .color_options > li[title="default"]{background:#54abaa;} .color_options > li[title="light_blue"]{background:#437db6;} .color_options > li[title="purple"]{background:#7164a8;} .color_options > li[title="light_green"]{background:#5ead5f;} .color_options > li[title="light_purple"]{background:#af6993;} .color_options > li[title="brown"]{background:#af9c69;} #colorSelector{width:25px; height:25px;cursor:pointer;} .pick_color > * {display:inline-block;} .pick_color > h6{margin-top:2px;padding-bottom:0 !important;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144 dpi){ #options_panel > i,#options_panel_inner:before{background-image:url("../images/options_panel_icons@2x.png");background-size:233px 67px;} } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ 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(../images/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(../images/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(../images/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(../images/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(../images/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(../images/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(../images/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(../images/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(../images/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(../images/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(../images/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(../images/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } 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 { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(../images/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(../images/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; 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: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(../images/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(../images/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(../images/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../images/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ 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 .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ 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(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_gallery ul li a img{max-width:none;height:100%;} 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_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .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 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .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 #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .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(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/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 { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .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 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }