/*#2A8AD6*/ /* ec6364 -> 146abb e85657 -> 074b8a */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:'Lato',sans-serif;vertical-align:baseline} #content{margin:0 auto;position:relative} .boxed #content{margin:30px auto;margin-top:0;width:990px;-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3)} .container{position:relative;width:930px;margin:0 auto} .column,.columns{float:left;display:inline;margin-left:30px;position:relative} .row{position:relative;margin-bottom:20px;clear:both} body .column.alpha,body .columns.alpha,body div .first{margin-left:0;clear:left} .container .one.column{width:50px} .container .two.columns{width:130px} .container .three.columns{width:210px} .container .four.columns{width:290px} .container .five.columns{width:370px} .container .six.columns{width:450px} .container .seven.columns{width:530px} .container .eight.columns{width:610px} .container .nine.columns{width:690px} .container .ten.columns{width:770px} .container .eleven.columns{width:850px} .container .twelve.columns{width:930px;margin-left:0} #top .offset-by-one{padding-left:80px} #top .offset-by-two{padding-left:160px} #top .offset-by-three{padding-left:240px} #top .offset-by-four{padding-left:320px} #top .offset-by-five{padding-left:400px} #top .offset-by-six{padding-left:480px} #top .offset-by-seven{padding-left:560px} #top .offset-by-eight{padding-left:620px} #top .offset-by-nine{padding-left:700px} #top .offset-by-ten{padding-left:780px} #top .offset-by-eleven{padding-left:860px} .partners-title{padding:10px;background:#5B94BF url(../images/pattern.png);padding-left:30px;padding-top:16px;padding-bottom:16px} .partners .partners_images{float:left} #container-blog-two-col div.one_half{overflow:hidden;margin-left:20px;width:295px;float:left;position:relative;margin-bottom:60px} #template-blog-masonry #container-blog-two-col{width:630px;position:relative;left:-20px} #container-blog-full div.one_half{overflow:hidden;margin-left:20px;width:455px;float:left;position:relative;margin-bottom:60px;padding-right:0} #container-blog-full div.one_third{overflow:hidden;margin-left:20px;width:296px;float:left;position:relative;margin-bottom:60px;padding-right:0} #template-blog-masonry #container-blog-full{width:950px;position:relative;left:-20px} #container-blog-two-col .one_half .blog-image{width:295px;height:94px} #container-blog-full .one_half .blog-image{width:455px;height:141px} #container-blog-full .one_third .blog-image{width:295px;height:94px} @media only screen and (min-width:768px) and (max-width:959px){.boxed #content{width:766px} .container{width:708px} .container .one.column{width:29px} .container .two.columns{width:88px} .container .three.columns{width:147px} .container .four.columns{width:206px} .container .five.columns{width:265px} .container .six.columns{width:324px} .container .seven.columns{width:383px} .container .eight.columns{width:442px} .container .nine.columns{width:501px} .container .ten.columns{width:560px} .container .eleven.columns{width:619px} .container .twelve.columns{width:708px} #top .offset-by-one{padding-left:59px} #top .offset-by-two{padding-left:118px} #top .offset-by-three{padding-left:177px} #top .offset-by-four{padding-left:236px} #top .offset-by-five{padding-left:295px} #top .offset-by-six{padding-left:354px} #top .offset-by-seven{padding-left:413px} #top .offset-by-eight{padding-left:472px} #top .offset-by-nine{padding-left:531px} #top .offset-by-ten{padding-left:590px} #top .offset-by-eleven{padding-left:649px} .partners-title{padding:10px;background:#5B94BF url(../images/pattern.png);padding-left:30px;padding-top:16px;padding-bottom:16px} .main_menu{float:left} .partners .partners_images{float:left} .contactform textarea{max-width:420px} .widget{width:215px} #flickr_widget{width:155px} #search_field_block{width:115px} #template-blog-masonry div .one_third{overflow:hidden;margin-left:0;padding-right:4%;width:46%;float:left;position:relative;margin-bottom:20px} #container-blog-two-col div.one_half{overflow:hidden;margin-left:20px;width:211px;float:left;position:relative;margin-bottom:60px} #template-blog-masonry #container-blog-two-col{width:462px;position:relative;left:-20px} #container-blog-full div.one_half{overflow:hidden;margin-left:20px;width:344px;float:left;position:relative;margin-bottom:60px;padding-right:0} #container-blog-full div.one_third{overflow:hidden;margin-left:20px;width:222px;float:left;position:relative;margin-bottom:60px;padding-right:0} #template-blog-masonry #container-blog-full{width:728px;position:relative;left:-20px} .post-v2{width:442px} .post-meta{width:442px} .post-v2 .post-content{width:442px;float:left} .post-page-content{width:442px} .post-page-content .post-content{width:442px;float:left} .post-comments{width:442px;float:left} .project-page-content{width:442px} .project-page-content .post-content{width:442px;float:left} #comments{width:442px} .comments{width:442px} .comment_here{width:442px} .comment_here .contactform textarea{width:420px} .inner_sidebar{width:215px} .one_fourth .portfolio-image img{width:155px;height:112px} .one_third .portfolio-image img{width:215px;height:155px} .one_half .portfolio-image img{width:339px;height:244px} #container-blog-two-col .one_half .blog-image{width:211px;height:69px} #container-blog-full .one_half .blog-image{width:344px;height:108px} #container-blog-full .one_third .blog-image{width:222px;height:90px} } @media only screen and (max-width:767px){.boxed #content{width:318px} .container{width:300px} .columns,.column{margin:0} .container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,#top .one_fifth,#top .one_fourth,#top .one_third,#top .two_fifth,#top .one_half,#top .three_fifth,#top .two_third,#top .three_fourth,#top .four_fifth{margin-left:0;margin-bottom:20px;width:300px} #top .offset-by-one,#top .offset-by-two,#top .offset-by-three,#top .offset-by-four,#top .offset-by-five,#top .offset-by-six,#top .offset-by-seven,#top .offset-by-eight,#top .offset-by-nine,#top .offset-by-ten,#top .offset-by-eleven{padding-left:0} .partners div{text-align:center} .partners-title{padding:10px;background:#5B94BF url(../images/pattern.png);padding-left:30px;margin-right:20px;padding-top:16px;padding-bottom:16px} .partner-arrow{margin-right:20px} .top-info{float:left} .top-info span{margin-left:0;margin-right:20px} .partners .partners_images{float:none} .contactform textarea{max-width:278px} .widget{width:300px} #search_field_block{width:200px} #template-blog-masonry div .one_third{overflow:hidden;margin-left:0;padding-right:0;width:300px;float:left;position:relative;margin-bottom:20px} #container-blog-two-col div.one_half{overflow:hidden;margin-left:0;width:300px;float:left;position:relative;margin-bottom:60px;padding-right:0} #template-blog-masonry #container-blog-two-col{width:300px;float:left;left:0} #container-blog-full div.one_half{overflow:hidden;margin-left:0;width:300px;float:left;position:relative;margin-bottom:60px;padding-right:0} #container-blog-full div.one_third{overflow:hidden;margin-left:0;width:300px;float:left;position:relative;margin-bottom:60px;padding-right:0} #template-blog-masonry #container-blog-full{width:300px;float:left;left:0} .post-v2{width:300px} .post-meta{width:300px} .post-v2 .post-content{width:300px;float:left} .post-page-content{width:300px} .post-page-content .post-content{width:300px;float:left} .post-comments{width:300px;float:left} .project-page-content{width:300px} .project-page-content .post-content{width:300px;float:left} #comments{width:300px} .comments{width:300px} .comment_here{width:300px} .comment_here .contactform textarea{width:276px} #price-table .pack{width:100%} .inner_sidebar{width:270px} .one_fourth .portfolio-image img{width:300px;height:216px} .one_third .portfolio-image img{width:300px;height:216px} .one_half .portfolio-image img{width:300px;height:216px} #container-blog-two-col .one_half .blog-image{width:300px;height:95px} #container-blog-full .one_half .blog-image{width:300px;height:95px} #container-blog-full .one_third .blog-image{width:300px;height:95px} } @media only screen and (min-width:480px) and (max-width:767px){.boxed #content{width:478px} .container{width:420px} .columns,.column{margin:0} .container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,#top .full,#top .one_fifth,#top .one_fourth,#top .one_third,#top .two_fifth,#top .one_half,#top .three_fifth,#top .two_third,#top .three_fourth,#top .four_fifth{width:420px;margin-left:0;margin-bottom:20px} .partners div{text-align:center} .partners-title{padding:10px;background:#5B94BF url(../images/pattern.png);padding-left:30px;margin-right:20px;padding-top:16px;padding-bottom:16px} .partner-arrow{margin-right:20px} .top-info{float:left} .top-info span{margin-left:0;margin-right:20px} .partners .partners_images{float:none} .contactform textarea{max-width:398px} .widget{width:420px} #search_field_block{width:320px} #template-blog-masonry div .one_third{overflow:hidden;margin-left:0;padding-right:0;width:420px;float:left;position:relative;margin-bottom:20px} #container-blog-two-col div.one_half{overflow:hidden;margin-left:0;width:420px;float:left;position:relative;margin-bottom:60px;padding-right:0} #template-blog-masonry #container-blog-two-col{width:420px;float:left;left:0} #container-blog-full div.one_half{overflow:hidden;margin-left:0;width:420px;float:left;position:relative;margin-bottom:60px;padding-right:0} #container-blog-full div.one_third{overflow:hidden;margin-left:0;width:420px;float:left;position:relative;margin-bottom:60px;padding-right:0} #template-blog-masonry #container-blog-full{width:420px;float:left;left:0} .post-v2{width:420px} .post-meta{width:420px} .post-v2 .post-content{width:420px;float:left} .post-page-content{width:420px} .post-page-content .post-content{width:420px;float:left} .post-comments{width:420px;float:left} .project-page-content{width:420px} .project-page-content .post-content{width:420px;float:left} #comments{width:420px} .comments{width:420px} .comment_here{width:420px} .comment_here .contactform textarea{width:398px} #price-table .pack{width:100%} .inner_sidebar{width:390px} .one_fourth .portfolio-image img{width:420px;height:303px} .one_third .portfolio-image img{width:420px;height:303px} .one_half .portfolio-image img{width:420px;height:303px} #container-blog-two-col .one_half .blog-image{width:420px;height:130px} #container-blog-full .one_half .blog-image{width:420px;height:130px} #container-blog-full .one_third .blog-image{width:420px;height:130px} } .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .row:after,.clearfix:after{clear:both} .row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} div .full{overflow:hidden;margin-left:0;width:100%;float:left;position:relative;margin-bottom:20px} div .one_fifth{overflow:hidden;margin-left:4%;width:16.5%;float:left;position:relative;margin-bottom:20px} div .one_fourth{overflow:hidden;margin-left:4%;width:22%;float:left;position:relative;margin-bottom:20px} div .one_third{overflow:hidden;margin-left:4%;width:30.5%;float:left;position:relative;margin-bottom:20px} div .two_fifth{overflow:hidden;margin-left:4%;width:38.5%;float:left;position:relative;margin-bottom:20px} div .one_half{overflow:hidden;margin-left:4%;width:48%;float:left;position:relative;margin-bottom:20px} div .three_fifth{overflow:hidden;margin-left:4%;width:57%;float:left;position:relative;margin-bottom:20px} div .two_third{overflow:hidden;margin-left:4%;width:65.5%;float:left;position:relative;margin-bottom:20px} div .three_fourth{overflow:hidden;margin-left:4%;width:74%;float:left;position:relative;margin-bottom:20px} div .four_fifth{overflow:hidden;margin-left:4%;width:79%;float:left;position:relative;margin-bottom:20px} .msie7 .one_fourth{width:21.5%} .msie7 div,.msie7 li{zoom:1} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} .contact{margin-bottom:20px} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} table{border-collapse:collapse;border-spacing:0} html,body{overflow-x:hidden} body{font:14px "PT Sans",sans-serif;line-height:22px;color:#000;-webkit-text-size-adjust:100%;background-color:#2f2935} a{color:#db3d93;text-decoration:none;outline:0} a:hover{color:#ed50a6;text-decoration:none} h1,h2,h3,h4,h5,h6{font-weight:inherit} /*; color:#fff*/ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;text-decoration:none;color:inherit} h1{font-size:38px;line-height:1.5em} h2{font-size:30px;line-height:1.5em} h3{font-size:22px;line-height:1.5em} h4{font-size:20px;line-height:1.5em} h5{font-size:16px;line-height:1.4em} h6{font-size:14px;line-height:1.3em} a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover{color:#ed50a6} .column_container h1,.column_container h1 a,.column_container h2,.column_container h2 a,.column_container h3,.column_container h3 a,.column_container h4,.column_container h4 a,.column_container h5,.column_container h5 a,.column_container h6,.column_container h6 a{font:13px/1.3em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:6px;font-weight:bold;text-transform:uppercase;letter-spacing:1px} .column_container h1{font-size:13px} .column_container h2{font-size:12px} .column_container h3{font-size:11px} .column_container h4,.column_container h5,.column_container h6{font-size:10px} p{margin:0 0 1em 0} p img{margin:0} p.lead{font-size:21px;line-height:27px} em{font-style:italic} strong{font-weight:400} small{font-size:80%} hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} *::selection{text-shadow:0 0 0 #000;background-color:#C33} *::-moz-selection{text-shadow:0 0 0 #000;background-color:#C33} *::-webkit-selection{text-shadow:0 0 0 #000;background-color:#C33} #content{border-top:solid 3px #c32079} #main{overflow:hidden;padding:5px 0 0px 0;font-size:15px; font-weight: 300;} /*background-color:#38303f*/ #header{background:#fff} #page-title{background:#fff} #header .container{min-height:50px;padding:10px 0;z-index:100} #header h1,#header h2,#header h3,#header h4,#header h5,#header h6,#header hp{color:#484848} #slideshow_big{margin-top:-20px;position:relative;z-index:20;background:#fff} #page-title h1,#page-title h2,#page-title h3,#page-title h4,#page-title h5,#page-title h6,#page-title hp{color:#919191} #slogan .container{padding:0 0 20px 0} #slogan h1,#slogan h2,#slogan h3,#slogan h4,#slogan h5,#slogan h6,#slogan hp{margin-bottom:0;text-align:center} .logo,.logo a{float:left;padding:0;position:relative;margin:0;display:block} .logo img{display:block} .contact-image{width:250px;height:250px;float:right} #top-bar{background-color:#eee} #top-bar p{color:#8e8497;margin-bottom:5px;margin-top:5px} .top-info{float:right;display:block;margin-top:6px;margin-bottom:10px} .top-info span{display:block;float:left;height:21px;line-height:21px;margin-left:20px;padding-left:20px;color:#63596b} .top-info span.tel{background:url(../images/icon-phone.png) no-repeat 0 3px} .top-info span.email{background:url(../images/icon-email.png) no-repeat 0 3px} .top-info span a{color:#63596b} .top-info span a:hover{color:#63596b} #top-bar a{color:#c1f0f5} #top-bar a:hover{text-decoration:underline} .main_menu{float:right;position:relative;top:8px;z-index:100;padding-bottom:20px} .main_menu .module-content{background:0;overflow:visible} .main_menu ul{margin:0;padding:0} .main_menu ul:first-child>li>a{display:block;text-decoration:none;padding:15px 20px 15px 20px;text-transform:uppercase} .main_menu ul li a{color:#594e63;font-weight:400;font-size:16px;line-height:16px} .main_menu ul li a span{color:#807688;font-size:10px} .main_menu ul li a:hover>span,.main_menu ul li a.active>span{color:#eee} .main_menu .menu li a.current,.main_menu .menu li a:hover{color:#fff;background:#5B94BF url(../images/patterns/pattern.png)} .main_menu ul li.active>a{color:#fff;background:#5B94BF url(../images/patterns/pattern.png)} .main_menu ul li ul li.active>a{color:#074b8a;background:0} .main_menu .menu li a strong{display:block;font-size:16px;cursor:pointer} #top .main_menu .menu li{float:left;position:relative;z-index:20;float:left;padding:0;margin:0} #top .main_menu .menu li ul li{margin:0 15px} .main_menu .menu ul{display:none;position:absolute;top:46px;width:190px;z-index:2;cursor:pointer;border-top:2px solid #c32079;background-color:#fff;-moz-box-shadow:0 4px 15px rgba(0,0,0,0.1);-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.1);box-shadow:0 4px 15px rgba(0,0,0,0.1)} .main_menu .menu ul li{border-bottom:1px solid #d4d4d4} .main_menu .menu ul li:last-child{border:0} #top .main_menu .menu li ul a{width:160px;height:auto;float:left;text-align:left;line-height:23px;padding:10px 0 8px 0;font-size:12px;min-height:23px;max-width:none;text-decoration:none} #top .main_menu .menu li ul a:hover,#top .main_menu .menu li ul a.current{background:0;color:#c32079} #top .main_menu .menu ul li:first-child a{background-image:url(../images/menu-up.png);background-repeat:no-repeat;background-position:0 0;margin-top:-9px;padding-top:17px!important} #top .main_menu .menu ul li:last-child a{background-image:none} #top .main_menu .menu ul ul{top:auto;padding-top:0!important} #top .main_menu .menu li ul ul{left:160px;top:-1px} #top .main_menu .menu li ul ul li:first-child a{background-image:url(../images/menu-left.png);background-repeat:no-repeat;background-position:0 20px;margin-left:-24px;padding-left:24px!important} #top .main_menu .menu li:hover ul ul,#top .main_menu .menu li:hover ul ul ul,#top .main_menu .menu li:hover ul ul ul ul{display:none} #top .main_menu .menu li:hover ul,#top .main_menu .menu li li:hover ul,#top .main_menu .menu li li li:hover ul,#top .main_menu .menu li li li li:hover ul{display:block} .skiptonav{display:none} .navbarmobile{display:none} #homepage-portfolio{margin-top:30px;margin-bottom:30px} #portfolio{margin-bottom:30px} #homepage-services{margin-top:30px;margin-bottom:30px} #team{margin-top:30px;margin-bottom:30px} #prices-services{margin-top:30px;margin-bottom:30px} #homepage-blog{margin-top:30px;margin-bottom:30px} #page-title .container{padding-top:20px;border-top:solid 1px #e1e1e1} .social_bookmarks{position:relative;float:left;margin:0;margin-top:5px;padding:0} .social_bookmarks li{height:100%;float:left;padding:0} .social_bookmarks li a{float:left;width:23px;line-height:23px;display:block;text-indent:-9999px;margin:0;margin-right:7px;outline:0;padding:0;min-height:23px;height:100%} .social_bookmarks .flickr{background:transparent url(../images/icon-flickr.png) 0 bottom no-repeat} .social_bookmarks .facebook{background:transparent url(../images/icon-facebook.png) 0 bottom no-repeat} .social_bookmarks .twitter{background:transparent url(../images/icon-twitter.png) 0 bottom no-repeat} .social_bookmarks .mail{background:transparent url(../images/icon-mail.png) 0 bottom no-repeat} .social_bookmarks .dribbble{background:transparent url(../images/icon-dribbble.png) 0 bottom no-repeat} .social_bookmarks .forrst{background:transparent url(../images/icon-forrst.png) 0 bottom no-repeat} .social_bookmarks .tumblr{background:transparent url(../images/icon-tumblr.png) 0 bottom no-repeat} .social_bookmarks .diig{background:transparent url(../images/icon-diig.png) 0 bottom no-repeat} .social_bookmarks .vimeo{background:transparent url(../images/icon-vimeo.png) 0 bottom no-repeat} .social_bookmarks .flickr:hover{background-position:0 0} .social_bookmarks .facebook:hover{background-position:0 0} .social_bookmarks .twitter:hover{background-position:0 0} .social_bookmarks .mail:hover{background-position:0 0} .social_bookmarks .dribbble:hover{background-position:0 0} .social_bookmarks .forrst:hover{background-position:0 0} .social_bookmarks .tumblr:hover{background-position:0 0} .social_bookmarks .diig:hover{background-position:0 0} .social_bookmarks .vimeo:hover{background-position:0 0} .title_container{border-bottom:1px solid;padding-bottom:22px;margin-bottom:20px;position:relative} .title_container h1{margin:0;font-weight:normal;font-size:28px;padding:11px 340px 12px 0;position:relative} div .no_padding_title h1{padding-right:0} .title_meta{display:block;position:absolute;right:0;top:50%;width:325px;height:40px;margin-top:-28px;z-index:2} #searchform{position:relative;float:left;margin:0} #searchsubmit{border:medium none;cursor:pointer;display:block;height:37px;outline:0;padding:0;position:absolute;right:0;text-indent:-9999px;top:0;width:37px;z-index:2;margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-image:url(../images/layout/icon-search.html);background-position:center center;background-repeat:no-repeat} #s{width:160px;padding:10px 40px 10px 10px;position:relative;margin:0} .moduletable #s{width:72%} .moduletable p{margin:0} .moduletable{margin-bottom:20px;float:left;width:100%} .moduletablelinks{margin-bottom:20px;float:left;width:100%} .moduletablearchive{margin-bottom:20px;float:left;width:100%} .moduletablesearch .module-content{padding:0} #search_block{display:block;height:44px;width:100%;float:left;background:#2f2935} #search_field_block{display:block;width:160px;border:0;padding-top:12px;padding-left:20px;background:0;float:left;color:#fff;outline:0} #search_field_block:focus{color:#eee} #search_submit_block{display:block;border:0;height:44px;width:60px;float:right;color:#eee;background:#5B94BF url(../images/patterns/pattern.png);cursor:pointer} #search_submit_block:hover{color:#fff} .moduletable #searchform{width:100%} .title_container #searchform{float:right;width:212px} .title_container #searchsubmit{top:1px;right:1px;height:35px;width:35px} .registration input{background-color:#22272f;border:1px dotted #666;color:#e1e1e1;font-size:14px;height:22px;margin-bottom:5px;margin-right:10px;max-width:275px;outline:medium none;padding:10px;width:90%} .registration button{display:inline-block;padding:5px 15px 5px 15px;background:#146abb url(../images/patterns/pattern-pink.png);color:white;font-size:12px} .userdata #modlgn-passwd,.userdata #modlgn-username{background-color:#22272f;border:1px dotted #666;color:#e1e1e1;font-size:14px;height:22px;margin-bottom:5px;margin-right:10px;max-width:275px;outline:medium none;padding:10px;width:90%} .userdata #modlgn-passwd:focus,.userdata #modlgn-username:focus{border:1px solid #146abb} .userdata #form-login-username,.userdata #form-login-password,.userdata #form-login-remember{margin:5px 0} .login-fields{width:500px} .login-fields label{width:100%;display:block} .login-fields #password,.login-fields #username{background-color:#22272f;border:1px dotted #666;color:#e1e1e1;font-size:14px;height:22px;margin-bottom:5px;margin-right:10px;max-width:275px;outline:medium none;padding:10px;width:90%} .login-fields #password:focus,.login-fields #username:focus{border:1px solid #146abb} .login-fields #username,.login-fields #password,.login-fields #form-login-remember{margin:5px 0} .content{display:block;clear:both;position:relative} .partners{background-color:#fff;padding-top:20px} .partners .partners_images{width:auto;height:46px} .partner-arrow{background:url(../images/partners.png) no-repeat top right} .partner-arrow h3{margin-bottom:0;text-align:center;background:url(../images/partners-left.png) no-repeat top left} .partners-title{padding-top:16px;padding-bottom:16px} .template-blog .post-entry{padding-bottom:85px} .blog-image{width:100%;height:auto;float:left;margin-bottom:20px;background:transparent url(../images/img-bg-white.png) no-repeat center center} .blog-image img{width:100%;height:auto;float:left;border:5px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .blog-image img:hover{border:5px solid #ed50a6} .post-entry{display:block;width:100%;position:relative;float:left;clear:both;padding-bottom:45px} .entry-content{position:static} .hero-text{font-size:14px;line-height:1.8em;margin-bottom:20px;position:relative} .more{margin-top:5px;display:block;width:auto} .more a{position:relative;padding:5px 10px 5px 10px;left:-10px} .more a:hover{background-color:#db3d93;color:#fff} .post{float:left;margin-bottom:60px} .post-v2{width:610px;float:left;margin-bottom:60px} .post-page-content{width:610px;float:left;margin-bottom:40px;padding-bottom:30px;border-bottom:dotted 1px #666} .project-page-content{width:610px;float:left;margin-bottom:20px} .article-meta{border-bottom:1px dotted;float:right;margin-right:-50px;padding-bottom:6px;margin-left:10px;width:160px} .article-meta li{list-style-type:none;margin-bottom:10px;padding-bottom:10px;line-height:12px;border-bottom:dotted 1px #666} .article-meta li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .article-meta li span{font-size:10px;text-transform:uppercase;line-height:16px;color:#9e9e9e} .article-info{width:160px;float:left;margin-right:20px;} .article-info dd{list-style-type:none;margin-bottom:6px;padding-bottom:6px;line-height:12px;border-bottom:dotted 1px #666;font-size:.9em} .article-info dt{list-style-type:none;margin-bottom:6px;padding-bottom:6px;line-height:12px;border-bottom:dotted 1px #666;font-size:1.2em} .article-info dd:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .article-info dd span{font-size:8px;text-transform:uppercase;line-height:16px;color:#9e9e9e} .actions{display:inline-block;float:right;position:relative;} .actions li{display:inline-block;margin-left:5px} .post-v2 .post-content{width:420px;float:right} .post-v2 .post-image img{margin-bottom:20px} .post-page-content .post-content{width:420px;float:right} .post-page-content .post-image img{margin-bottom:20px} .project-page-content .post-content{width:420px;float:right} .project-page-content .post-image img{margin-bottom:20px} .post-image img{width:100%;height:auto;float:left;margin-bottom:15px;border:5px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .post-image img:hover{border:5px solid #ed50a6} .post-comments{width:420px;float:right} #comments{width:420px;float:right} .comments{width:420px;float:right} .comment_block{float:right;width:100%;margin-top:20px} .comment_block h4{margin:0;margin-bottom:5px;margin-left:20px;font-weight:normal;float:left} .comment_block a h4{text-decoration:none} .comment_block a h4:hover{text-decoration:underline} .comment_block p{font-size:12px;margin:0;margin-left:20px;padding:0;width:100%;float:left} .comment_date{font-size:14px;margin-left:20px;padding:0} .comment_block img{padding:4px;float:left;background:#fff;border:solid 1px #eee} .comment_block p img{padding:0;border:0;clear:left} .comment-header{height:100%;width:100%;float:left} .comment-header-meta{width:74%;position:relative;float:left} .comment-header h4{margin-bottom:0} .comment-body{float:left;width:100%;background-color:#2f2935} .comment-body p{margin-left:0;display:block;padding:20px;padding-top:10px;padding-bottom:10px;float:left;width:auto} .comment_here{font-size:20px;font-family:'PT Sans',sans-serif;margin-top:25px;padding-top:20px;color:#666;float:right;width:420px;border-top:dotted 1px #999} .comment_input{width:420px;height:280px;margin-top:20px;margin-bottom:20px} .comment_input .input-textarea{padding:10px;border:1px dotted #666;max-width:275px;width:100%;height:22px;font-size:14px;color:#e1e1e1;background-color:#2f2935;margin-right:10px;border-image:initial;outline:0;margin-bottom:20px} .comment_here textarea{width:420px} #comments ul.children{list-style:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:right;width:85%} #comments ul.children .child-img{width:14px;height:12px;left:-30px;top:19px;position:relative;background:url(../images/comm-child.png) no-repeat;float:left} #comments ul.children .comment-header{position:relative} #comments ul.children .comment{width:100%;margin:0;padding:20px 0 10px 15px;float:left} .comment-reply-link{width:100%;color:#db3d93;display:inline-block;line-height:24px;margin:20px;margin-top:0;margin-bottom:0;float:left} .comment-reply-link:hover{color:#ed50a6} .contact-image img{max-width:100%;border:5px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .contact_form{font-size:16px;font-family:'PT Sans',sans-serif;color:#666;float:left;width:100%} .input-textarea{padding:10px;border:1px dotted #666;max-width:275px;width:100%;height:22px;font-size:14px;color:#e1e1e1;background-color:#2f2935;margin-right:10px;border-image:initial;outline:0;margin-bottom:20px} .input-textarea:focus{border:1px solid #db3d93} .comment_here .contactform textarea{width:398px} .contactform textarea{padding:10px;border:1px dotted #666;width:100%;max-width:588px;height:140px;font-size:14px;color:#eee;background-color:#2f2935;border-image:initial;outline:0} .contactform textarea:focus{border:1px solid #db3d93} .input-submit{margin-top:15px;width:100px;height:36px;background:#db3d93 url(../images/patterns/pattern-pink.png);color:#fff;border:0;cursor:pointer;border-image:initial;padding:0} .input-submit:hover{background-color:#ed50a6} .required{color:#e1e1e1} fieldset{border:0} .alingright .columns{float:right} .sidebar_left .column,.sidebar_left .columns{float:left;display:inline;margin-right:30px;margin-left:0;position:relative} .sidebar_left,.sidebar_right{margin-bottom:30px} .sidebar_left{float:left} .sidebar_right{float:right} .sidebar_left .inner_sidebar{padding-right:29px;float:left;padding-left:0;border-left:none;border-right:dotted 1px #666} .sidebar{margin-bottom:40px;position:relative;display:block;width:100%} .inner_sidebar{padding-left:29px;float:left;border-left:dotted 1px #666;width:260px} .inner_sidebar .vergleich{visibility:hidden} .fullwidth .sidebar{display:none} .module-title{color:#fff;padding:15px;padding-left:20px;padding-right:20px;font:13px/1.3em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#2f2935} .module-content{clear:both;position:relative;overflow:hidden;padding:20px;float:none;background-color:#CEDDE5 } /* background:#5B94BF url(../images/patterns/pattern.png) */ .sidebar form{margin:0} .sidebar .moduletable:last-child,.sidebar .moduletable:last-child .seperator{border-bottom:0} .moduletable ul li{float:left;margin:0;width:100%;padding:5px 0;} .moduletable .nav-child { list-style-type:circle; padding-left:30px; } .moduletable li .current a{} .moduletable a:hover{color:#E6E6E6} #top .moduletable ul li a{text-decoration:none} #top .moduletable ul li a:hover{text-decoration:none} .widget_archive li a,.widget_categories li a,.widget_pages li a,.widget_links li a,.widget_meta li a,.widget_nav_menu li a{font-size:11px} .moduletable .links li,.moduletable .archive li{display:block;padding:3px 0;border-bottom:dotted 1px #666} .moduletable .links li a{position:relative} .moduletable .links>ul,.moduletable .archive>ul{border-top:dotted 1px #666} .sidebar .moduletable .links>ul,.sidebar .moduletable .archive>ul{border-top:dotted 1px #fff} .moduletablelinks ul,ul .moduletablearchive{border-top:dotted 1px #fff} .moduletablelinks li,.moduletablearchive li{display:block;padding:3px 0;border-bottom:dotted 1px #fff} .moduletable ul li.current>a{font-weight: bolder;} .moduletable ul li ul li{border-bottom:dotted 1px #ccc;} .moduletable ul li ul li:last-child{border-bottom:none 0px #ccc;} .moduletable ul li{border-bottom:dotted 1px #ccc;} .sidebar a{color:#074b8a} .sidebar a:hover{color:#146abb} .sidebar .news-headline{color:#e1e1e1} .sidebar .news-link:hover>.news-headline{color:#fff} .widget_nav_menu{padding:0} .widget_nav_menu a{display:block;padding:4px 0 4px 08px;border-top-style:solid;border-top-width:1px} #top .widget_nav_menu li{position:relative} #top .widget_nav_menu li:before{content:"\2219";position:absolute;top:4px} .widget_nav_menu .current-menu-item>a,.widget_nav_menu .current_page_item>a{font-weight:bold} #top .widget_nav_menu ul{padding:0;margin:0;overflow:hidden} #top .widget_nav_menu .sub-menu,#top .widget_nav_menu .children{padding:0 0 0 10px;overflow:hidden;margin:0} .sidebar_right>.widget_nav_menu a{padding:4px 10px 4px 20px} #top .sidebar_right>.widget_nav_menu .sub-menu,#top .sidebar_right>.widget_nav_menu .children{padding:0 10px 0 10px} .widget_nav_menu li:first-child>a{border:0} #footer{overflow:hidden;padding:40px 0 0 0;font-size:11px;background-color:#2f2935} #footer .module-title{padding:0;font:13px/1.3em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:0} #footer .module-content{padding:0;background:0;font-size:13px;margin-top:20px} #footer .page_item .children{margin:0} .news-wrap{border:0;list-style-type:none;list-style-position:outside} .news-wrap li{border:0;background:0;text-indent:0} .news-link,.news-link:hover,.moduletable ul li .news-link:hover{display:block;position:relative;text-decoration:none;overflow:hidden;z-index:2} .news-headline{color:#fff;overflow:hidden;font-weight:bold;display:block;font-size:16px} .twitter-headline{color:#fff;overflow:hidden;font-weight:normal;display:block;font-size:13px} .news-link:hover>.news-headline{color:#db3d93} .news-time{color:#eee;font-weight:normal;clear:both;font-size:11px;display:block} .news-author{color:#eee;font-weight:normal;clear:both;font-size:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:dotted 1px #666;display:block} .news-author a{color:#fff;text-decoration:underline} .news-author a:hover{color:#fff;text-decoration:none} .follow-twitter{margin-top:10px;float:left;width:100%} #socket{overflow:hidden;font-size:12px;background-color:#2f2935} #socket .container{padding:14px 0 14px 0;border-top:dotted 1px #666} #socket .container a{color:#B1B1B1} #socket .container a:hover{color:#D6D6D6} .pagination{clear:both;padding:20px 0 20px 0;position:relative;z-index:3;line-height:13px;overflow:hidden;border-top:1px dotted #666} .pagination li,.pagination span,.pagination a{display:block;float:left;line-height:13px;text-decoration:none;padding:5px;width:auto;border-right:1px dotted #666} .pagination *:last-child{border:0} .pagenav li{display:inline-block;margin:5px} .pagenav li a{color:#fff;background:url("../images/patterns/pattern-pink.png") repeat scroll 0 0 #ec6364;cursor:pointer;display:inline-block;font-size:12px;margin-bottom:5px;margin-top:5px;padding:5px 15px} .buy_button{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:right;border-image:initial;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .buy_button:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .big_button_pink a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .big_button_pink a:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .medium_button_pink a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .medium_button_pink a:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .small_button_pink a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .small_button_pink a:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .big_button_blue a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#5B94BF url(../images/patterns/pattern.png);text-align:center} .big_button_blue a:hover{background:#25bece url(../images/patterns/pattern.png)} .medium_button_blue a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#5B94BF url(../images/patterns/pattern.png);text-align:center} .medium_button_blue a:hover{background:#25bece url(../images/patterns/pattern.png)} .small_button_blue a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#5B94BF url(../images/patterns/pattern.png);text-align:center} .small_button_blue a:hover{background:#25bece url(../images/patterns/pattern.png)} .backtop{float:right} .highlight_red{background:#c02323;color:#fff} .highlight_black{background:#000;color:#fff} .dropcap{display:block;float:left;margin:0 8px 0 0;padding-top:6px;font-size:40px;line-height:30px} .toggle{width:100%;margin-bottom:10px} .toggle-wrapper{padding-bottom:5px} h4.trigger{width:auto;padding:10px 15px;clear:both;margin:0;display:block;cursor:pointer;background:#2f2935} h4.trigger:hover,h4.trigger.active:hover{color:#ed50a6} h4.trigger.active{color:#ed50a6} .togglebox{width:auto;height:auto;overflow:hidden;margin:0} .togglebox div{padding-top:15px} .togglebox p{line-height:22px} #error404{width:100%;float:left;margin-bottom:110px} .error404{width:100%;text-align:center;padding-bottom:120px;padding-top:160px;font-size:160px;color:#fff;float:left} .center{width:100%;float:left;text-align:center} ul.lists{list-style:none;padding:0;margin:0;line-height:20px;font-size:14px} ul.arrow li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/arrow_bullet.png) no-repeat 0 11px transparent} ul.black li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/black_bullet.png) no-repeat 0 11px transparent} ul.red li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/red_bullet.png) no-repeat 0 11px transparent} ul.blue li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/blue_bullet.png) no-repeat 0 11px transparent} ul.yellow li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/yellow_bullet.png) no-repeat 0 11px transparent} ul.green li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/green_bullet.png) no-repeat 0 11px transparent} ul.square li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/square_bullet.png) no-repeat 0 11px transparent} ul.star li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/star_bullet.png) no-repeat 0 11px transparent} ul.arrow_down li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/arrow_down.png) no-repeat 0 11px transparent} ul.arrow_up li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/arrow_up.png) no-repeat 0 11px transparent} ul.arrow_left li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/arrow_left.png) no-repeat 0 11px transparent} ul.arrow_right li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/arrow_right.png) no-repeat 0 11px transparent} ul.bookmark li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/bookmark.png) no-repeat 0 11px transparent} ul.calendar-list li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/calendar.png) no-repeat 0 11px transparent} ul.check li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/check.png) no-repeat 0 11px transparent} ul.clipboard li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/clipboard.png) no-repeat 0 11px transparent} ul.clock li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/clock.png) no-repeat 0 11px transparent} ul.cross li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/cross.png) no-repeat 0 11px transparent} ul.crosshair li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/crosshair.png) no-repeat 0 11px transparent} ul.email li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/email.png) no-repeat 0 11px transparent} ul.favorite li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/favorite.png) no-repeat 0 11px transparent} ul.unfavorite li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/unfavorite.png) no-repeat 0 11px transparent} ul.heart li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/heart.png) no-repeat 0 11px transparent} ul.house li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/house.png) no-repeat 0 11px transparent} ul.lock li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/lock.png) no-repeat 0 11px transparent} ul.minus li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/minus.png) no-repeat 0 11px transparent} ul.plus li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/plus.png) no-repeat 0 11px transparent} ul.musical li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/musical.png) no-repeat 0 11px transparent} ul.settings_list li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/settings.png) no-repeat 0 11px transparent} ul.speech li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/speech.png) no-repeat 0 11px transparent} ul.tag li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/tag.png) no-repeat 0 11px transparent} ul.vcard li{list-style:none;padding:10px 5px 0 24px;background:url(../images/icons/vcard.png) no-repeat 0 11px transparent} ul.breadcrumb li{display:inline;} img.frame{padding:8px;background:#fff;border:1px solid #ebebeb} .frame_left{padding:8px;background:#fff;float:left;margin:0 20px 10px 0;text-align:center;border:1px solid #ebebeb} .frame_left .caption,.frame_right .caption,.frame_center .caption{margin:7px 0 2px 0;display:block;color:#999} .frame_right{padding:8px;background:#fff;float:right;margin:0 0 10px 20px;text-align:center;border:1px solid #ebebeb} .frame_center{padding:8px;background:#fff;margin:auto;margin-top:20px;margin-bottom:20px;text-align:center;clear:both;display:table;border:1px solid #ebebeb} dl#system-message{margin-bottom:20px} dl#system-message dt{border-bottom:3px double #ddd;border-bottom:3px double rgba(0,0,0,.1);font-weight:700;text-align:center} dl#system-message dt,dl#system-message dd{padding:10px;padding:1rem} dl#system-message>.message{background-color:#d9edf7;color:#3a87ad} dl#system-message>.notice{background-color:#d9edf7;color:#3a87ad} dl#system-message>.warning{background-color:#f2dede;color:#b94a48} dl#system-message ul{margin-bottom:0} #team div.one_third{margin-bottom:60px} .team-image{width:100%;height:auto;float:left;margin-bottom:20px;background:transparent url(../images/img-bg-white.png) no-repeat center center} .team-image img{width:100%;height:auto;float:left;border:5px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .team-position{color:#eee;font-weight:normal;clear:both;font-size:11px;display:block;padding-bottom:10px;border-bottom:dotted 1px #666;margin-bottom:20px} #price-table{width:100%;float:left} #price-table .pack{width:20%;float:left;text-align:center} #price-table h2{padding-top:10px} #price-table .service-list li{font-weight:bold} ul.price{padding:0;margin-bottom:20px;list-style:none;font-size:14px;color:#666} #contentWrap #price-table .service-list p{text-shadow:0} #price-table div.odd li.odd{background-color:#ccc} #price-table .pack p.intro_price{height:65px;padding:0 10px 20px 10px;margin-bottom:0;overflow:hidden} #price-table .pack li{height:30px;padding:15px 0 0 0;list-style:none;border-right:0;border-top:0} #price-table .pack .price-last li.buy,#price-table .pack li.buy{border:0} #price-table .pack li.odd{background-color:#ddd} #price-table .pack li.even{background-color:#2f2935} #price-table .pack li.buy{height:55px;padding-top:30px} #price-table .pack li.buy a.graph{float:none;margin:0 auto} #price-table .pack img{background-color:transparent;padding:0;border:0} #price-table.v2 .service-list .pt-header,#price-table.v2 .service-list.odd li,#price-table.v2 .service-list h2{background-color:#3a3a3a;color:#fff;text-shadow:0} #price-table.v2 .service-list p.intro_price{height:61px!important} #price-table.v2 .service-list li{font-weight:normal} #price-table.v2 .service-list.odd li.odd{background-color:#5c5c5c} .odd span{color:#fff} .even{} /*.button{display:inline-block;padding:5px 15px 5px 15px;background:#db3d93 url(../images/patterns/pattern-pink.png);color:white;font-size:12px;margin-top:5px;margin-bottom:5px;cursor:pointer}*/ .buy a{text-decoration:none} .buy a:hover{color:#fff;text-decoration:underline} ul.tabs{color:white;width:100%;float:left;font:13px/1.3em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#2f2935;margin-bottom:0} ul.tabs li{float:left;list-style:none;margin:0;padding:0} ul.tabs li a{display:block;position:relative;padding:15px 0 15px 20px;text-align:center;cursor:pointer} ul.tabs li a:hover{text-shadow:none;text-decoration:none;color:#FFF} ul.tabs li a:hover,ul.tabs li.active a{text-decoration:none;color:#FFF} .tab_container{border-top:0;clear:both;float:left;width:100%;margin:10px 0;background:#e8e8e8} .tab_content{padding:15px 15px 5px 15px} .panes{border-top:0;clear:both;float:left;width:100%;margin-bottom:40px;background:#675f6d} .pane{padding:20px} .pane p{margin-bottom:0;margin-top:10px} .column_container .widget:first-child{padding-top:0} .columns.template-dynamic{min-height:1px} #top .callout{text-align:center;font-size:26px;line-height:1.4em;padding:10px 0;margin:0} #top .callout p{padding:.5em 0;margin:0} .padding-active.content-area{padding-right:150px;text-align:left} #top .big_button{height:40px;line-height:40px;min-width:100px;position:absolute;right:0;top:50%;margin:-20px 0 0 0;z-index:3;font:12px/40px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold} .dynamic_template_column_container{position:relative;width:100%} .dynamic_template_column_container .arrow_controls{right:0;bottom:30px} @media only screen and (max-width:767px){#top .logo{float:none;margin:0 auto;display:block;text-align:center;width:100%} #top .logo a,#top .logo img{display:inline;float:none} #top .main_menu{width:100%} #top .mobileMenu{width:100%;margin:0 0 10px 0;max-width:767px;padding:10px} #top .inner_sidebar{border:0;padding:0} #top .pullquote,#top .inner_quote{width:auto;margin:1em 0 1em 50px;position:relative;left:0;top:0} div .pullquote_left::before{left:-54px} #top .inner_quote{padding:0;margin:0} #top .pullquote_boxed{margin:1em 0} #top .sidebar_left .post-title.offset-by-three{padding:0} #top .blog-inner-meta{border:0;padding:0} #top .minor-meta{display:inline-block} #top .blog-meta .text-sep{display:inline-block} #top .single-portfolio-entry .blog-meta .text-sep{display:none} .post-format .flag-diamond{display:none} .js_active .main_menu ul{display:none} #top #socket .social_bookmarks{position:relative;top:0} #top .slideshow_inner_caption{padding:3%;height:100%;width:94%;font-size:13px;line-height:1.5em} #top div .slideshow_caption{width:100%;background:rgba(0,0,0,0.5)} } @media only screen and (max-width:479px){.inner_sidebar{width:100%} #top .slideshow_inner_caption h1{font-size:14px} .main_menu{display:none} .skiptonav{background:none repeat scroll 0 0 #fff;color:#333;display:inline;float:right;position:absolute;right:0;top:0} .skiptonav a{padding:6px 20px;color:#333;display:block} .skiptonav a:hover{padding:6px 20px;color:#000;display:block} .navbarmobile{position:absolute;display:block;width:95%} .navbarmobile .module-content{width:100%;padding:10px} .navbarmobile ul{margin-bottom:30px} .navbarmobile ul.nav-child ul.nav-child li{display:none; padding-left:15px} .navbarmobile li a{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1),0px 1px 0 0 rgba(0,0,0,.1);text-decoration:none;line-height:3;text-transform:uppercase;display:block;margin-left:0;padding-left:2em} .navbarmobile li a:hover{background-color:#ACC1CC;} .navbarmobile li ul li a:hover{background-color:#9AC0CD;background-image:none} .navbarmobile li a:active{background-color:#5B94BF;background-image:-webkit-gradient(linear,left top,left bottom,from(#5B94BF),to(#0d6169));background-image:-webkit-linear-gradient(top,#5B94BF,#0d6169);background-image:-moz-linear-gradient(top,#5B94BF,#0d6169);background-image:-o-linear-gradient(top,#5B94BF,#0d6169);background-image:linear-gradient(to bottom,#5B94BF,#0d6169)} .navbarmobile ul li ul{margin-bottom:0;border-right:0;border-left:none;border-bottom:0} .navbarmobile ul li ul li a{clear:both;background:url(../images/right_arrow.png) 28px no-repeat;padding-left:60px;color:#666;text-shadow:0px 0px 0 } .navbarmobile .menu li>ul{display:block} .navbarmobile .menu li:target>ul{display:block} } blockquote{font-family:Georgia,"Times New Roman",Times,serif;clear:both;font-size:1.5em;line-height:1.4em;margin:0 0 0 54px;quotes:"\201C""\201D";position:relative;float:left} blockquote:before{content:open-quote;font-size:5em;line-height:.1em;margin-right:.25em;vertical-align:-0.5em;display:block;position:absolute;top:40px;left:-54px;opacity:.5;width:50px} blockquote p{position:relative;padding:5px 0;margin:0;font-style:italic;font-size:13px;float:right} blockquote cite:before{content:"\2014 \0020";padding:0 3px} blockquote small,blockquote cite,blockquote small a,blockquote cite a,blockquote a small,blockquote a cite{text-transform:uppercase;font-weight:bold;letter-spacing:1px;font-style:normal;font-size:12px;display:block;float:right} blockquote cite{display:block;margin-top:5px} h1.home,h2.home,h3.home,h4.home,h5.home,h6.home{padding:10px 0 5px 50px;background:url(../images/small-icons/home.png) no-repeat} .home{background:transparent url(../images/small-icons/home.png) no-repeat top left} .home p,.home h1,.home h2,.home h3,.home h4,.home h5,.home h6{padding-left:50px} a{outline:0} a:hover,a:focus,a:visited{outline:0;text-decoration:none} p a,p a:visited{line-height:inherit} img.scale-with-grid{max-width:100%;height:auto} img,a img{border:0;padding:0;margin:0;display:inline-block;max-width:100%;height:auto;image-rendering:optimizeQuality} .image-preloading{display:block;float:left;background-image:url("../images/indicator-white.gif");background-repeat:no-repeat;background-position:center center} .one_fourth .image-preloading{width:204px;height:147px} .one_third .image-preloading{width:283px;height:204px} .one_half .image-preloading{width:446px;height:320px} .msie7 img{-ms-interpolation-mode:bicubic} table{width:100%;padding:0;margin:0 0 20px 0;font-size:11px;border-top-style:solid;border-top-width:1px} table caption{padding:0 0 5px 0;width:auto;font-style:italic;text-align:right} th{font-weight:bold;letter-spacing:1.5px;line-height:1.5em;text-transform:uppercase;text-align:left;padding:6px 6px 6px 12px;border-style:solid;border-width:1px;border-left:none border-top:0} td{font-size:12px;padding:6px 6px 6px 12px;border-style:solid;border-width:1px;border-left:none;border-top:0} tr th:first-child,tr td:first-child{border-left-style:solid;border-left-width:1px} #top th.nobg{background:0;border-top:0} pre{border-style:solid;border-width:1px;overflow:auto;padding:2em;line-height:2em;font-size:12px;background-image:-webkit-linear-gradient(rgba(0,0,0,.05) 50%,transparent 50%,transparent);background-image:-moz-linear-gradient(rgba(0,0,0,.05) 50%,transparent 50%,transparent);background-image:-ms-linear-gradient(rgba(0,0,0,.05) 50%,transparent 50%,transparent);background-image:-o-linear-gradient(rgba(0,0,0,.05) 50%,transparent 50%,transparent);background-image:linear-gradient(rgba(0,0,0,.05) 50%,transparent 50%,transparent);-webkit-background-size:100% 4em;-moz-background-size:100% 4em;background-size:100% 4em;font-family:Monaco,"Andale Mono","Courier New",Courier,monospace;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s;margin-bottom:30px;position:relative;left:0} code{font-family:Monaco,"Andale Mono","Courier New",Courier,monospace} iframe,object,embed{max-width:100%} body .alignleft{float:left;margin:4px 10px 0 0;display:block} body .alignright{float:right;margin:4px 0 0 10px;display:block} body .aligncenter{clear:both;display:block;margin:10px auto;padding:10px 0} .alignleft img,.alignright img{display:block} .msie7 .flag .mini-seperator,.msie8 .flag .mini-seperator{right:-12px} .msie7 blockquote{margin-left:0} .msie7 .title_container #searchsubmit{top:2px} #content{border-top:solid 3px #074b8a} body{background:#F9F9F9} /*url(../images/patterns/bgnoise_lg.png)*/ #page-title{background:#EEE} #page-title .container{padding-top:10px;border-top:0} #page-title .container .full{margin-bottom:10px} #page-title .container .full h2{color:#9e9e9e;text-transform:uppercase;letter-spacing:1px} /*#main{background-color:#343b44}*/ #footer,#socket{background-color:#22272f} .entry-title span{background:#343b44} a{color:#074b8a} a:hover{color:#146abb} a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover{color:#146abb} .more a:hover{background-color:#074b8a} .news-link:hover>.news-headline{color:#146abb} .flickr_images:hover{background-color:#146abb} .main_menu .menu li a.current,.main_menu .menu li a:hover{background:#5B94BF url(../images/patterns/pattern.png)} .main_menu .menu ul{border-top:0;border:solid 1px #e1e1e1} .main_menu .menu ul li:first-child a{background-image:url(../images/menu-up.png);background-repeat:no-repeat;background-position:0 0;margin-top:-9px;padding-top:17px!important} #top .main_menu .menu li ul a:hover,#top .main_menu .menu li ul a.current{color:#074b8a} .partners-title{background:#5B94BF url(../images/patterns/pattern.png)} .buy_button{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:right;border-image:initial;background:#ec6364 url(../images/patterns/pattern-pink.png);text-align:center} .buy_button:hover{color:#fff;background:#e85657 url(../images/patterns/pattern-pink.png)} .widget-title{background:#22272f} .widget-content{background:#5B94BF url(../images/patterns/pattern.png)} #search_block{background:#22272f} #search_submit_block{background:#5B94BF url(../images/patterns/pattern.png)} .post-image img:hover{border:5px solid #146abb} .blog-image img:hover{border:5px solid #146abb} .comment-reply-link{color:#074b8a} .comment-reply-link:hover{color:#146abb} .comment-body{background-color:#22272f} .comment_input .input-textarea{background-color:#22272f} .input-textarea{background-color:#22272f} .contactform textarea{background-color:#22272f} .input-textarea:focus{border:1px solid #146abb} .contactform textarea:focus{border:1px solid #146abb} .input-submit{background:#5B94BF url(../images/patterns/pattern.png)} .input-submit:hover{background:#1fb0bf url(../images/patterns/pattern.png)} .big_button_pink a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .big_button_pink a:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .medium_button_pink a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .medium_button_pink a:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .small_button_pink a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#db3d93 url(../images/patterns/pattern-pink.png);text-align:center} .small_button_pink a:hover{background:#ed50a6 url(../images/patterns/pattern-pink.png)} .big_button_blue a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#5B94BF url(../images/patterns/pattern.png);text-align:center} .big_button_blue a:hover{background:#25bece url(../images/patterns/pattern.png)} .medium_button_blue a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#5B94BF url(../images/patterns/pattern.png);text-align:center} .medium_button_blue a:hover{background:#25bece url(../images/patterns/pattern.png)} .small_button_blue a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#5B94BF url(../images/patterns/pattern.png);text-align:center} .small_button_blue a:hover{background:#25bece url(../images/patterns/pattern.png)} .big_button_orange a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:right;margin-bottom:20px;border-image:initial;background:#e05e26 url(../images/patterns/pattern-pink.png);text-align:center} .big_button_orange a:hover{color:#fff;background:#f46f36 url(../images/patterns/pattern-pink.png)} .medium_button_orange a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#e05e26 url(../images/patterns/pattern-pink.png);text-align:center} .medium_button_orange a:hover{background:#f46f36 url(../images/patterns/pattern-pink.png)} .small_button_orange a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#e05e26 url(../images/patterns/pattern-pink.png);text-align:center} .small_button_orange a:hover{background:#f46f36 url(../images/patterns/pattern-pink.png)} .big_button_green a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:right;margin-bottom:20px;border-image:initial;background:#959758 url(../images/patterns/pattern-green.png);text-align:center} .big_button_green a:hover{color:#fff;background:#a1a366 url(../images/patterns/pattern-green.png)} .medium_button_green a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#959758 url(../images/patterns/pattern-green.png);text-align:center} .medium_button_green a:hover{background:#a1a366 url(../images/patterns/pattern-green.png)} .small_button_green a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#959758 url(../images/patterns/pattern-green.png);text-align:center} .small_button_green a:hover{background:#a1a366 url(../images/patterns/pattern-green.png)} .big_button_red a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:right;border-image:initial;margin-bottom:20px;background:#146abb url(../images/patterns/pattern-pink.png);text-align:center} .big_button_red a:hover{color:#fff;background:#074b8a url(../images/patterns/pattern-pink.png)} .medium_button_red a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#146abb url(../images/patterns/pattern-pink.png);text-align:center} .medium_button_red a:hover{background:#074b8a url(../images/patterns/pattern-pink.png)} .small_button_red a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#146abb url(../images/patterns/pattern-pink.png);text-align:center} .small_button_red a:hover{background:#074b8a url(../images/patterns/pattern-pink.png)} .big_button_purple a{padding:15px 20px;cursor:pointer;border:0;color:#eee;font-size:28px;line-height:1em;width:auto;float:right;margin-bottom:20px;border-image:initial;background:#9f4d59 url(../images/patterns/pattern-dark-purple.png);text-align:center} .big_button_purple a:hover{color:#eee;background:#a95965 url(../images/patterns/pattern-dark-purple.png)} .medium_button_purple a{padding:10px 15px;cursor:pointer;border:0;color:#eee;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#9f4d59 url(../images/patterns/pattern-dark-purple.png);text-align:center} .medium_button_purple a:hover{background:#a95965 url(../images/patterns/pattern-dark-purple.png)} .small_button_purple a{padding:10px 15px;cursor:pointer;border:0;color:#eee;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#9f4d59 url(../images/patterns/pattern-dark-purple.png);text-align:center} .small_button_purple a:hover{background:#a95965 url(../images/patterns/pattern-dark-purple.png)} .big_button_brown a{padding:15px 20px;cursor:pointer;border:0;color:#fff;font-size:28px;line-height:1em;width:auto;float:right;margin-bottom:20px;border-image:initial;background:#c3b47d url(../images/patterns/pattern-yellow.png);text-align:center} .big_button_brown a:hover{color:#fff;background:#d3c48d url(../images/patterns/pattern-yellow.png)} .medium_button_brown a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:20px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#c3b47d url(../images/patterns/pattern-yellow.png);text-align:center} .medium_button_brown a:hover{background:#d3c48d url(../images/patterns/pattern-yellow.png)} .small_button_brown a{padding:10px 15px;cursor:pointer;border:0;color:#fff;font-size:14px;line-height:1em;width:auto;float:left;border-image:initial;margin-bottom:20px;background:#c3b47d url(../images/patterns/pattern-yellow.png);text-align:center} .small_button_brown a:hover{background:#d3c48d url(../images/patterns/pattern-yellow.png)} ul.tabs{background:#22272f} .panes{background:#636260} h4.trigger.active{color:#074b8a} h4.trigger:hover,h4.trigger.active:hover{color:#074b8a} h4.trigger.active{color:#074b8a} h4.trigger{background:#22272f} #price-table .pack li.even{background-color:#22272f} /*.button{background:#146abb url(../images/patterns/pattern-pink.png)}*/ .button { background-color: #008CBA; border: none; color: white; padding: 6px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 4px 2px; cursor: pointer; } #filters a.active_sort{color:#074b8a} #filters a:hover{color:#074b8a} .flex-container a:active,.flexslider a:active{outline:0} .slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider{width:100%;margin:0;padding:0} .flexslider .slides>li{display:none} .flexslider .slides img{max-width:100%;display:block} .flex-pauseplay span{text-transform:capitalize} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .slides{display:block} * html .slides{height:1%} .no-js .slides>li:first-child{display:block} .flexslider{background:#fff;position:relative;margin-bottom:10px;margin-top:0px;float:left;zoom:1;z-index:1} .flexslider .slides{zoom:1} .flexslider .slides>li{position:relative} .flex-container{zoom:1;position:relative} .flex-caption{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1} .flex-caption{width:auto;padding:10px;margin-bottom:0;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.7);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px} .flex-direction-nav li a{width:34px;height:34px;margin:-13px 0 0;display:block;position:absolute;top:50%;cursor:pointer;text-indent:-9999px} .flex-direction-nav li .next{background:url(../images/next-bttn.png) no-repeat top left;right:20px} .flex-direction-nav li .prev{background:url(../images/prev-bttn.png) no-repeat top left;left:20px} .flex-direction-nav li .next:hover{background-position:bottom left} .flex-direction-nav li .prev:hover{background-position:bottom left} .flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default} .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center} .flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1;*display:inline} .flex-control-nav li:first-child{margin:0} .flex-control-nav li a{width:13px;height:13px;display:block;background:url(../images/bg_control_nav.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px} .flex-control-nav li a:hover{background-position:0 -13px} .flex-control-nav li a.active{background-position:0 -26px;cursor:default} #resultgrafik{ float:left; margin-right:20px; margin-bottom:5px; width: 400px ; } #resultbox-doc{ position: relative; bottom:0px; right: 0px; float:right; margin-left: 0px; margin-right:0px } .cleantable table{width:100%;padding:0;margin:0 0 20px 0;font-size:11px;border-top-style:solid;border-top-width:0px} .cleantable table caption{padding:0 0 5px 0;width:auto;font-style:italic;text-align:right} .cleantable th{font-weight:bold;letter-spacing:1.5px;line-height:1.5em;text-transform:uppercase;text-align:left;padding:6px 6px 6px 12px;border-style:solid;border-width:0px;border-left:none border-top:0} .cleantable td{font-size:12px;padding:6px 6px 6px 12px;border-style:solid;border-width:0px;border-left:none;border-top:0} .cleantable tr th:first-child, .cleantable tr td:first-child{border-left-style:solid;border-left-width:0px} /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */ /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .columno, .columnos { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 400px */ /* For devices larger than 550px */ @media (min-width: 768px) { .columno, .columnos { margin-left: 4%; } .columno:first-child, .columnos:first-child { margin-left: 0; } .one.columno, .one.columnos { width: 4.66666666667%; } .two.columnos { width: 13.3333333333%; } .three.columnos { width: 22%; } .four.columnos { width: 30.6666666667%; } .five.columnos { width: 39.3333333333%; } .six.columnos { width: 48%; } .seven.columnos { width: 56.6666666667%; } .eight.columnos { width: 65.3333333333%; } .nine.columnos { width: 74.0%; } .ten.columnos { width: 82.6666666667%; } .eleven.columnos { width: 91.3333333333%; } .twelve.columnos { width: 100%; margin-left: 0; } .one-third.columno { width: 30.6666666667%; } .two-thirds.columno { width: 65.3333333333%; } .one-half.columno { width: 48%; } /* Offsets */ .offset-by-one.columno, .offset-by-one.columnos { margin-left: 8.66666666667%; } .offset-by-two.columon, .offset-by-two.columnos { margin-left: 17.3333333333%; } .offset-by-three.columno, .offset-by-three.columnos { margin-left: 26%; } .offset-by-four.columno, .offset-by-four.columnos { margin-left: 34.6666666667%; } .offset-by-five.columno, .offset-by-five.columnos { margin-left: 43.3333333333%; } .offset-by-six.columno, .offset-by-six.columnos { margin-left: 52%; } .offset-by-seven.columno, .offset-by-seven.columnos { margin-left: 60.6666666667%; } .offset-by-eight.columno, .offset-by-eight.columnos { margin-left: 69.3333333333%; } .offset-by-nine.columno, .offset-by-nine.columnos { margin-left: 78.0%; } .offset-by-ten.columno, .offset-by-ten.columnos { margin-left: 86.6666666667%; } .offset-by-eleven.columno, .offset-by-eleven.columnos { margin-left: 95.3333333333%; } .offset-by-one-third.columno, .offset-by-one-third.columnos { margin-left: 34.6666666667%; } .offset-by-two-thirds.columno, .offset-by-two-thirds.columnos { margin-left: 69.3333333333%; } .offset-by-one-half.columno, .offset-by-one-half.columnos { margin-left: 52%; } } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; } label, legend { display: block; margin-bottom: .5rem; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } @media only screen and (max-width:768px) { select, textarea, input { font-size: 16px; margin-bottom: 15px; } .notonphone { display:none; } } /* Lists /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .row:after { content: ""; display: table; clear: both; } .register-switch { height: 32px; min-width: 90px; margin-bottom: 15px; padding: 4px; background: grey; border-radius: 2px; -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.02), inset -1px 0 rgba(0, 0, 0, 0.02); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.02), inset -1px 0 rgba(0, 0, 0, 0.02); } .register-switch-input { display: none; } .register-switch-label { float: left; width: 50%; line-height: 32px; color: white; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.2); cursor: pointer; } .register-switch-input:checked + .register-switch-label { font-weight: 500; color: #434248; text-shadow: 0 1px rgba(255, 255, 255, 0.5); background: white; border-radius: 2px; background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefefe, #eeeeee); background-image: -o-linear-gradient(top, #fefefe, #eeeeee); background-image: linear-gradient(to bottom, #fefefe, #eeeeee); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); } .myButton { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8a8a8a), color-stop(1, #858385) ); background:-moz-linear-gradient( center top, #8a8a8a 5%, #858385 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#858385'); background-color:#8a8a8a; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; text-indent:0px; border:1px solid #dcdcdc; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:normal; font-style:normal; height:36px; line-height:36px; width:129px; text-decoration:none; text-align:center; text-underline: none; a.text-decoration:none; cursor:pointer; } } .myButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #858385), color-stop(1, #8a8a8a) ); color:#ffffff; background:-moz-linear-gradient( center top, #858385 5%, #8a8a8a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#858385', endColorstr='#8a8a8a'); background-color:#858385; }.myButton:active { position:relative; top:1px; } .bodycheck table a:link { color: #666; font-weight: bold; text-decoration:none; } .bodycheck table a:visited { color: #999999; font-weight:bold; text-decoration:none; } .bodycheck table a:active, .bodycheck table a:hover { color: #bd5a35; text-decoration:underline; } .bodycheck table { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; text-shadow: 1px 1px 0px #fff; background:#eaebec; margin: 0 0 20px 0; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } .bodycheck table th { font-weight:bold;letter-spacing:1.5px;line-height:1.5em;text-transform:none;text-align:center;padding:6px 6px 6px 12px;border-style:solid;border-width:1px;border-left:none border-top:0; padding:21px 25px 22px 25px; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0; border-style:none; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } .bodycheck table th:first-child{ text-align: center; padding-left:20px; border-style:none; } .bodycheck table tr:first-child th:first-child{ -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; border-style:none; } .bodycheck table tr:first-child th:last-child{ -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; } .bodycheck table tr{ text-align: center; padding-left:20px; } .bodycheck table tr td:first-child{ text-align: left; padding-left:20px; border-left: 0; } .bodycheck table tr td { border-style:none; padding:18px; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: left; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } .bodycheck table tr.even td{ background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } .bodycheck table tr:last-child td{ border-bottom:0; } .bodycheck table tr:last-child td:first-child{ -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; border-left-style:none; } .bodycheck table tr:last-child td:last-child{ -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } .bodycheck table tr:hover td{ background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } .video-wrap{ height: 300px; background-color:#f4f4f4; position: relative; border-color:lightgrey; background-image: url("adult-1867743_640.jpg"); border-style: solid; border-width: 1px; max-width:600px; } .video-circle{ background: red; border-radius: 50px; height: 50px; position: absolute; left: 50%; top: 50%; width: 50px; margin: -25px 0 0 -25px; } .video-description{ color:white; text-shadow: 1px 1px black; height: 100px; position: relative; text-align: center; top: 70%; margin: -25px 0 0 -25px; } .video-circle_inner{ position: relative; height: 100%; } .video-circle_inner:before{ content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -7px; } .video-circle:hover{ background: orangered; cursor:pointer; } .video-wrap:hover{ opacity: 0.8; cursor:pointer; background-color: #ededed; }