/*

Theme Name: Likipe.se

Theme URI: http://likipe.se

Author: Likipe

Author URI: http://likipe.se

Description: Likipe 2012

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: likipe

Text Domain: likipe.se

*/



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }



html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 13px; line-height: 1.4; }



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }



a { color: #666666; text-decoration: none; }

a:visited { color: #666666; }

a:hover { color: #666666; }

a:focus { outline: none; }

a:hover, a:active { outline: none; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }



q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }



label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }



table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }



.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



::selection {

    background: #8DC63F; /* Safari */

}

::-moz-selection {

    background: #8DC63F; /* Firefox */

}



body {

/*    background: url(img/bg.png) #e6e6e6;*/

    color: #555;

    font-family: Arial, helvetica, sans-serif;

    min-width: 960px;

    background-color: #E7E7E7;

}

header {

    background: url(img/bg.png) #e6e6e6;

    min-width: 952px;

    width: 100%;

    z-index: 5;

    min-height: 150px;

    position: relative;

/*    position: fixed;

    top: 0;*/

}

header .header, .wrap-container {

    margin: 0 auto;

    width: 952px;

}

header .header {

    min-height: 150px;

    position: relative;

}

.fb {

    float: left;

    height: 29px;

    width: 29px;

    background: url("img/icon_fb.png") no-repeat center center;

    z-index: 10;

    margin-top: 30px;

    margin-left: 10px;

}

.fb:hover {

    background: url("img/icon_fb_blue.png") no-repeat center center;

}

.page-template-page-service-php header {

    position: static !important;

    top: 0;

}

header .header .requestQuote,

header .header .moreContactInformation {

    background: url("img/ArrowUp.png") no-repeat center center;

    width: 149px;

    float: left;

    color: #FFFFFF;

    height: 21px;

    padding-top: 14px;

    margin-top: 25px;

}

header .header .requestQuote:hover,

header .header .moreContactInformation:hover {

    background: url("img/ArrowUpMO.png") no-repeat center center;

}

/*#head-contact {

    background: #fff;

    border: 2px solid #E7E7E7;

    border-radius: 8px 8px 8px 8px;

    font-size: 12px;

    height: 15px;

    padding: 5px 10px;

    position: absolute;

    width: 130px;

    text-align: center;

    -webkit-box-shadow: 1px 1px 1px 2px rgba(231, 231, 231, 0.5);

    box-shadow: 1px 1px 1px 2px rgba(231, 231, 231, 0.5);

    right: 30px;

}

#head-contact input {

    border: none;

}

#head-contact span {

    background: url("img/bg-sprite.png") no-repeat scroll 0 -540px transparent;

    display: block;

    float: right;

    height: 15px;

    margin: 2px -25px 0 0;

    width: 15px;

}*/

#contactUs {

    background: url("img/ContactUs.png") repeat scroll 0 0 transparent;

    height: 39px;

    position: absolute;

    right: 0;

    text-align: center;

    text-decoration: none;

    width: 300px;

    z-index: 2;

}

#contactUs h2 {

    margin-top: 0;

    color: white;

    font-size: 15px;

    margin-top: 5px;

}

#head-contact-form {

    display: none;

    position: absolute;

    right: 0;

    width: 298px;

    padding-top: 40px;

    background: url("img/bg-main-role.png") repeat-x scroll 0 0 #E6E6E6;

    border: 1px solid #9C9D95;

    z-index: 1;

    text-align: center;

}

#head-contact-form form.wpcf7-form label {

    display: none;

}

#head-contact-form input, #head-contact-form textarea {

    background-color: #FFFFFF;

    border-color: #aaaaaa #F8F8F6 #F8F8F6 #aaaaaa;

    border-radius: 3px 3px 3px 3px;

    border-style: solid;

    border-width: 1px;

    color: #555555;

    margin-bottom: 10px;

    padding: 3px;

    width: 230px;

}

#head-contact-form form > p{

    margin: 0px 0px 0px 0px;

}

#head-contact-form textarea {

    height: 80px;

}

#head-contact-form input[type=submit] {

    background: -moz-linear-gradient(center top , #F2F2EF 0%, #D3D2CD 100%) repeat scroll 0 0 transparent;

    border: 1px solid #8E8E8E;

    color: #7B7B72;

    left: 80px;

    padding: 5px 0;

    position: relative;

    width: 90px;

}

.offert-send {

    background: -moz-linear-gradient(center top , #F2F2EF 0%, #D3D2CD 100%) repeat scroll 0 0 transparent;

    border: 1px solid #8E8E8E;

    color: #7B7B72;

    padding: 5px 0;

    width: 190px;

    float: right;

} 

#closeContactForm {

    bottom: 1px;

    left: 1px;

    position: absolute;

}

.ie9 #head-contact span {

    margin-top: -15px;

}

#head-contact a {

    display: block;

    float: right;

    height: 15px;

    margin-right: -45px;

    width: 20px;

    background: url("img/bg-sprite.png") no-repeat 0 -140px transparent;

}

.ie9 #head-contact a {

    margin-top: -17px;

}

#logo {

    background: url(img/bg-sprite.png) no-repeat;

    display: block;

    width: 125px;

    height: 80px;

    float: left;

    margin-top: 20px;

}

#logo-sub-text {

    position: absolute;

    left: -35px;

    top: 117px;

    font-size: 8px;

    color: #719f33;

}

header nav {

    /*float: left;

    padding-top: 65px;*/

    text-transform: lowercase;

    position: absolute;

    left: 125px;

    top: 65px;

}

header nav#top-menu {

    position: absolute;

    right: 310px;

    padding-top: 1px;

}

nav ul li {

    float: left;

    padding-left: 24px;

    font-weight: bold;

    text-shadow: -1px 1px 1px #ffffff;

/*    filter: dropshadow(color=#ffffff, offx=-1, offy=1);*/

}

nav#top-menu ul li {

    float: left;

    padding-left: 20px;

    font-weight: normal;

    font-style: italic;

    text-shadow: -1px 1px 1px #ffffff;

/*    filter: dropshadow(color=#ffffff, offx=-1, offy=1);*/

}

nav ul li a:hover {

    color: #c9c9c9;

}

nav ul li.current-menu-item a, nav ul li.current-page-ancestor a, #form-login input[type=submit], nav ul li.current-menu-parent a {

    background: #cdcdcd;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2RjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmI2YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top,  #cdcdcd 0%, #c1c1c1 50%, #b6b6b6 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(50%,#c1c1c1), color-stop(100%,#b6b6b6));

    background: -webkit-linear-gradient(top,  #cdcdcd 0%,#c1c1c1 50%,#b6b6b6 100%);

    background: -o-linear-gradient(top,  #cdcdcd 0%,#c1c1c1 50%,#b6b6b6 100%);

    background: -ms-linear-gradient(top,  #cdcdcd 0%,#c1c1c1 50%,#b6b6b6 100%);

    background: linear-gradient(top,  #cdcdcd 0%,#c1c1c1 50%,#b6b6b6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#b6b6b6',GradientType=0 );

    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8);

    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset;

    -webkit-border-radius: 25px;

    border-radius: 25px;

    padding: 5px 10px 7px;

    border: 1px solid #b3b3b3;

    border-bottom: none;

}

nav#top-menu ul li.current-menu-item a, nav#top-menu ul li.current-menu-parent a {

    background: none;

    text-decoration: underline;

    box-shadow: none;

    border: none;

    padding: 0;

}

nav ul li.current-menu-item:hover a, nav ul li.current-category-ancestor:hover a, nav ul li.current-menu-parent:hover a {

    color: #666666;

}

.ie9 nav ul li.current-menu-item a, #form-login input[type=submit], nav ul li.current-category-ancestor a, nav ul li.current-post-parent a {

    padding: 5px 10px;

}



div[role=main] {

    background: url(img/bg-main-role.png) repeat-x #e6e6e6;

/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dfdfdf 5%, #e6e6e6 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(3%,#dfdfdf), color-stop(100%,#e6e6e6));

    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dfdfdf 5%,#e6e6e6 100%);

    background: -o-linear-gradient(top,  #e2e2e2 0%,#dfdfdf 5%,#e6e6e6 100%);

    background: -ms-linear-gradient(top,  #e2e2e2 0%,#dfdfdf 5%,#e6e6e6 100%);

    background: linear-gradient(top,  #e2e2e2 0%,#dfdfdf 5%,#e6e6e6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e6e6e6',GradientType=0 );*/

    border-bottom: 1px solid #ffffff;

    border-top: 1px solid #fff;

    position: relative;

}

.page-template-page-service-php div[role=main] {

    border-bottom: none;

    margin-top: 0px !important;

}

div.wrap-container {

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

}

div#container {

    min-height: 980px; 

    border-left: 1px solid #cacaca;

    border-right: 1px solid #cacaca;

    padding-top: 20px;

}

.page-template-page-service-details-php div#container,

.page-template-page-service-details-php div.service-container {

    min-height: 1015px;

    border-top: none;

}



.background div#container {

    padding-top: 0px;

}



/* Alignment */

.alignleft {

    display: inline;

    float: left;

    margin-right: 1.625em;

}

.alignright {

    display: inline;

    float: right;

    margin-left: 1.625em;

}

.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



/* HOME PAGE */

.home div#container {

    padding-top: 20px;

/*    color: #333;*/

/*    height: 100% !important;*/

}

#head-timeline {

    clear: both;

    font-family: georgia;

    font-size: 24px;

    font-style: italic;

    margin-top: 90px;

    position: absolute;

    text-align: center;

    width: 900px;

    left: 25px;

}

#head-timeline a.current {

    font-weight: bold;

}

/*#head-timeline ul {

    text-align: center;

    padding-left: 424px;

    margin-top: 5px;

}

#head-timeline ul li {

    float: left;

    list-style: none;

    background: #999999;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    height: 10px;

    width: 20px;

    margin: 0 3px;

    font-size: 10px;

    font-style: italic;

    font-weight: bold;

}

#head-timeline ul li.current {

    background: #9fc54c;

}

#head-timeline ul li a {

    padding-top: 10px;

    position: absolute;

    display: none;

}

#head-timeline ul li.current a, #head-timeline ul li:hover a {

    display: block;

}*/

#head-timeline div {

    margin-top: -10px;

}

#head-timeline span {

    background: none repeat scroll 0 0 #999999;

    border-radius: 3px 3px 3px 3px;

    display: inline-block;

    font-size: 10px;

    font-style: italic;

    font-weight: bold;

    height: 10px;

    margin: 0 3px;

    width: 20px;

}

#head-timeline span.current {

    background: #9fc54c;

}

#head-timeline span a {

    padding-top: 10px;

    position: absolute;

    display: none;

}

#head-timeline span.current a, #head-timeline span:hover a {

    display: block;

}



.home #container article {

    width: 423px;

    margin: 0 20px 30px 10px;

    padding: 15px 10px;

    float: left;

    border: solid 1px #f2f1f1;

    min-height: 140px;

    word-wrap: break-word;

    -webkit-box-shadow:  0px 0px 5px 2px #adadad;

    box-shadow:  0 0 5px 2px #828282;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background: #d5d4d4;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGI0YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top,  #d5d4d4 0%, #b4b4b4 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d4d4), color-stop(100%,#b4b4b4));

    background: -webkit-linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    background: -o-linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    background: -ms-linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    background: linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d4d4', endColorstr='#b4b4b4',GradientType=0 );

}

.home #container article.fake-article {

    visibility: hidden;

    height: 50px !important;

    min-height: 50px;

}

.home #container article.fake-article2 {
     visibility: hidden;

    height: 5px !important;

    min-height: 5px;
}

#container div.ar-head {

    border-bottom: 1px solid #fff;

    font-family: georgia, serif;

    font-style: italic;

    padding-bottom: 5px;

    text-align: right;

    height: 15px;

}

span.ar-cat {

    font-family: georgia, serif;

    font-style: italic;

    display: block;

    float: left;

    font-size: 20px;

    width: 220px;

    margin-top: -7px;

}

span.ar-date {

    color: #999999;

    font-size: 12px;

}

div.ar-head a {

    width: 20px;

    height: 20px;

    display: block;

    float: left;

}

div.ar-head a.like {

    background: url("img/bg-sprite.png") no-repeat 0 -160px;

}

div.ar-head a.share {

    background: url("img/bg-sprite.png") no-repeat 0 -180px;

}

div.ar-head a.share:hover {

    background: url("img/bg-sprite.png") no-repeat -20px -180px;

}

div.ar-head a.comment {

    background: url("img/bg-sprite.png") no-repeat 0 -200px;

}

div.ar-head a.comment:hover {

    background: url("img/bg-sprite.png") no-repeat -20px -200px;

}

div.ar-head iframe {

    float: left;

    margin: -3px 0 0 3px;

}

div.ar-img {

    margin-top: 5px;

    padding-bottom: 5px;

    border-bottom: 1px solid #fff;

}

div.ar-img a {

    display: block;

    text-align: center;

    width: 100%;

}

.ar-img-wrap {

    position: relative;

    display: inline-block;

    max-width: 100%;

    vertical-align: bottom;

}

.ar-img-wrap:after {

    content: ' ';

    width: 100%;

    height: 100%;

    position: absolute;

    top: -1px;

    left: -1px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

}



.ar-img-wrap img {

    vertical-align: bottom;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}



a.ar-title {

    float: left;

    font-family: Georgia, serif;

    font-size: 14px;

    font-style: italic;

    color: #505050;

    margin-top: 5px;

}

a.ar-by {

    background: url("img/bg-sprite.png") no-repeat scroll right -220px transparent;

    color: #505050;

    float: right;

    font-size: 10px;

    height: 20px;

    padding: 7px 30px 0 0;

    margin-top: 5px;

    text-align: right;

    width: 50px;

}

.home article p {

    clear: both;

}

ul.ar-comment {

    list-style: none;

    padding: 0;

    font-style: italic;

    font-family: Georgia, serif;

}

ul.ar-comment li {

    background: url("img/icon-comment.png") no-repeat;

    padding: 5px 0 7px 30px;

    border-top: 1px solid #e0e0e0;

}

.blog div[role="main"],
.timeline-spec {
    margin-top: 131px !important;
}

.timeline-container {

    text-align: center;

    color: #666666;

    margin: -50px auto 0;

    display: block;

    font-size: 20px;

    text-shadow: -1px 1px 1px #ffffff;

}

.timeline {

    background: none repeat scroll 0 0 #C2C2C2;

    border-left: 1px solid #999999;

    display: block;

    float: left;

    height: 100%;

    left: 475px;

    position: absolute;

    width: 1px;

    opacity: 0;

}

.rightCorner {

    background: url("img/bg-sprite.png") no-repeat scroll 0 -580px transparent;

    display: block;

    height: 29px;

    margin-left: 430px;

    margin-top: 25px;

    padding: 0;

    position: absolute;

    vertical-align: top;

    width: 35px;

    z-index: 2;

}

.leftCorner{

    background: url("img/bg-sprite.png") no-repeat scroll 0 -550px transparent;

    display: block;

    height: 29px;

    margin-left: -41px;

    margin-top: 25px;

    position: absolute;

    width: 35px;

    z-index: 2;

}

div#page-nav {

/*    bottom: 10px;*/

    bottom: 40%;

    position: absolute;

    visibility: hidden;

}

#infscr-loading {

    background: none repeat scroll 0 0 #000000;

    border-radius: 10px 10px 10px 10px;

    bottom: 10px;

    color: #FFFFFF;

    font-size: 11px;

    left: 50%;

    margin: 0 0 0 -110px;

    opacity: 0.6;

    padding: 5px 10px;

    position: absolute;

    text-align: center;

    width: 200px;

    z-index: 9998;

}

#infscr-loading div {



}

#infscr-loading img {

    padding-bottom: 10px;

    display: none;

}

.no-post {

    padding-top: 20%;

}

/* END HOME PAGE */



/* PORTFOLIO PAGE */

.wrap-container.portfolio {

    padding-bottom: 50px;

    position: relative;

}

.portfolio #container {

    padding: 20px 10px 50px 20px;

    clear: both;

}

.portfolio article {

    width: 295px;

    height: 200px;

    padding-bottom: 10px;

    border-bottom: 1px solid #cacaca;

    float: left;

    opacity: 0;

    transition: opacity 1s;

    -moz-transition: opacity 1s;

    -webkit-transition: opacity 1s;

    -o-transition: opacity 1s;

    margin-right: 10px;

}

.portfolio article:nth-child(3n+0) {

/*    margin-right: 100px;*/

/*  margin-right: 0px;*/

}

.lt-ie9 .portfolio article {

/*    margin-right: 100px;*/

    width: 293px;

}

.portfolio p {

/*    border-bottom: 1px solid white;*/

/*    height: 39px;*/

}





.portfolio span.ar-cat {

    background: url("img/bg-sprite.png") no-repeat scroll 0 -240px transparent;

    border-bottom: 1px solid #CACACA;

    margin-bottom: 10px;

    padding-bottom: 3px;

    padding-left: 40px;

    padding-top: 14px;

    width: 365px;

}

.portfolio span.ar-cat.cat-app {

    background-position: 0 -285px;

}

.portfolio span.ar-cat.cat-webdesign {

    background-position: 0 -240px;

}

.portfolio span.ar-cat.cat-logo {

    background-position: 0 -330px;

}

.portfolio a.ar-img {

    background: #414141;

    -webkit-border-radius: 5px 5px 0 0;

    border-radius: 5px 5px 0 0;

    height: 150px;

    display: block;

    clear: both;

    text-align: center;

    width: 100%;

    overflow: hidden;

}

.portfolio a.ar-title {

    background: none repeat scroll 0 0 #DBDBDB;

    border-radius: 0 0 5px 5px;

    color: #666666;

    display: block;

    height: 30px;

    margin-top: 0;

    padding-top: 8px;

    width: 100%;

}

.portfolio a.ar-title:hover {

    color: #aaa;

}

.portfolio a.ar-title span {

    background: url("img/bg-sprite.png") no-repeat 0 -80px transparent;

    font-family: Arial,helvetica,san-serif;

    font-style: normal;

    font-weight: bold;

    margin: 10px 0 0 20px;

    padding-left: 15px;

}

.portfolio .backside {

    height: 200px; 

    overflow: auto;

    display: none;

}



.home article section {

    display: none;

}

#cboxClose {

    top: 0;

    background: url("img/bg-sprite.png") no-repeat 0 -660px transparent;

    width: 25px;

    right: 20px;

}

#cboxOverlay {

    background: #555555;

}

div[id^=demo] {

    padding: 5px 10px 0;

}

div[id^=demo] > .left-col > img, div[id^=demo] > .right-col > p {

    float: left;

}

div[id^=demo] > .right-col > p {

/*    padding: 100px 0 0 30px;*/

    line-height: 2em;

    max-width: 350px;

}

div[id^=demo] > .right-col > p span {

    border-bottom: 1px solid #555555;

    display: block;

    font-family: georgia,serif;

    font-size: 24px;

    font-style: italic;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

#respond {

    border-top: 1px solid #555555;

}

#reply-title {

    display: block;

    width: 350px;

}

#commentform > p > label {

    display: block;

    width: 100%;

    float: left;

}

#commentform > p > span {

    display: none;

}

/* END PORTFOLIO PAGE */



/* SERVICE PAGE */

.service #container {

    position: relative;

}

.hd-service {

    clear: both;

    height: 283px;

    padding-top: 20px;

}

.hd-service img {

    float: left;

}

.hd-service div {

    float: right;

    width: 300px;

    font-family: helvetica, Arial,san-serif;

    padding: 80px 20px 0 0;

}

.hd-service div h2 {

    margin-bottom: 0;

}

.hd-service div p {

    margin-top: 0;

}

.hd-service p span, .hd-service h2, .hd-service h1, h1, h2 {

    font-family: georgia, serif;
    
    /*font-size: 28px;*/

    font-size: 26px;

    font-style: italic;

    font-weight: normal;

}

.service-container {

    float: left;

    width: 724px;

    border-right: 1px solid #cacaca;

    border-top: 1px solid rgb(255, 255, 255);

/*    -webkit-box-shadow:  1px 1px 0px 0px #fff;

    box-shadow:  1px 1px 0px 0px #fff;*/

}

.service-panel {

    float: right;

/*    position: absolute;*/

/*    right: 0;*/

    width: 224px;

/*    height: 500px;*/

    border-left: 1px solid #fff;

    background: #a4a4a4;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0YTRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top,  #a4a4a4 0%, #e6e6e6 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(100%,#e6e6e6));

    background: -webkit-linear-gradient(top,  #a4a4a4 0%,#e6e6e6 100%);

    background: -o-linear-gradient(top,  #a4a4a4 0%,#e6e6e6 100%);

    background: -ms-linear-gradient(top,  #a4a4a4 0%,#e6e6e6 100%);

    background: linear-gradient(top,  #a4a4a4 0%,#e6e6e6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#e6e6e6',GradientType=0 );

    border-top: 1px solid rgb(255, 255, 255);

}

#contactOffert {

    width: 224px;

    height: 470px;

    position: absolute;

    right: 0;

    top: 650px;

    border-left: 1px solid #fff;

    padding-top: 65px;

    padding-bottom: 0;

}

#contactOffert img {

    margin-bottom: 5px;

}

.page-template-page-service-details-php #contactOffert {

    top: 500px;

}

#top-info {

    border-bottom: 1px solid rgb(202, 202, 202);

}

#top-info > ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

#top-info > ul > li {

    display: block;

    width: 31%;

    float: left;

    margin-left: 3%;

}

#top-info > ul > li:first-child {

    margin-left: 1%;

}

#top-info > ul > li > h2 {

    font-size: 16px;

    padding: 0;

    margin: 0;

}

#top-info > ul > li p {

    font-size: 13px;

    margin: 0;

    padding: 0px 10px 0px 0px;

}

#top-info > ul > li:last-child p {

    padding-right: 15px;

}

.ide {

    padding-bottom: 10px;

/*  border-bottom: 1px solid rgb(202, 202, 202);*/

    border-top: 1px solid rgb(255, 255, 255);

}

.ide > h2 {

    font-size: 20px;

    text-align: center;

}

.ide > ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.ide > ul > li {

    display: block;

    width: 18%;

    float: left;

}

.ide > ul > li:first-child {

    margin-left: 30px;

}

.ide > ul > li > img {

    width: 45px;

    padding-left: 48px;

}



ul.main-items {

    list-style: none;

    padding: 0 0 40px 0;

    margin: 0;

    border-bottom: 1px solid rgb(202, 202, 202);

    padding-top: 15px;

}

ul.main-items li {

    width: 220px;

    float: left;

    padding: 0 14px 0px;

}

ul.main-items li:last-child {

    padding-right: 0px;

    width: 210px;

}

ul.main-items li > img {

    max-width: 200px;

}

ul.main-items li a {

    display: block;

    margin-left: -20px;

    padding: 10px 0 7px 20px;

    width: 200px;

}

ul.main-items li:first-child a {

    margin-left: -10px;

    padding: 10px 0 7px 10px;

}

ul.main-items li.current a {

    background: url("img/bg-item.png") repeat-x 0 0 transparent;

    border-right: 1px solid #D0D0D0;

    border-left: 1px solid #D0D0D0;

}

ul.main-items li.current:first-child a {

    border-left: none;

}

ul.main-items li span {

    font-size: 20px;

    font-family: Georgia, serif;

    font-style: italic;

    background: url(img/bg-sprite.png) no-repeat 0 -240px;

    padding: 10px 0 7px 40px;

    display: block;

    margin-top: 10px;

}

ul.main-items li:nth-child(2) span {

    background-position: 0 -285px;

}

ul.main-items li:nth-child(3) span {

    /*background-position: 0 -330px;*/

    background: url(img/Ecommerce_gray.png) no-repeat left center;

}

ul.main-items li p {

    margin-top: 10px;

}



.tek {





    padding-left: 3px;

    /*padding-left: 55px;*/

    margin-top: 40px;

     font-family: georgia,serif;

    font-size: 20px;

    padding-bottom: 20px;

}

/* control left submenu items */

ul.sub-items {

    float: left;

    width: 150px;

    list-style: none;

    padding-left: 10px;

    /*padding-left: 55px;*/

    margin-top: 20px;

}

/*.teknik ul.sub-items {

    padding-top: 30px;

} */

.teknik ul.sub-items {

    /*padding-top: 300px; */

}

ul.sub-items li {

    background: url(img/bg-sprite.png) no-repeat 0 -520px;

    padding-left: 15px;

    margin-bottom: 15px;

}

.service ul.sub-items li:first-child {

    background: none;

    padding-left: 0;

}

.service ul.sub-items li:first-child a {

    color: rgb(85, 85, 85);

}

ul.sub-items li.current, ul.sub-items li:hover {

    background-position: 0 -501px;

}

ul.sub-items li a {

    color: #ababab;

}

ul.sub-items li.current a, ul.sub-items li:hover a {

    color: #555;

}

#bottom-info {

    border-top: 1px solid rgb(202, 202, 202);

    border-bottom: 1px solid rgb(255, 255, 255);

}

#bottom-info > ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

#bottom-info > ul > li {

    display: block;

    width: 31%;

    float: left;

    margin-left: 3%;

    padding-top: 10px;

}

#bottom-info > ul > li:first-child {

    margin-left: 1%;

}

#bottom-info > ul > li > h2 {

    font-size: 16px;

    padding: 0;

    margin: 0;

}

#bottom-info > ul > li p {

    font-size: 13px;

    margin: 0;

    padding: 0px 10px 0px 0px;

}

.sub-content {

    float: right;

    width: 480px;

    padding-top: 10px;

    display: none;

    

    margin-right: 60px;

}

.teknik .sub-content {

    width: 485px;

}

.sub-content .sub-title, .service-panel span, .single .sub-title {

    font-size: 24px;

    font-family: Georgia, serif;

    font-style: italic;

}

.sub-content .sub-title, .single .sub-title {

    text-shadow: -1px 1px 1px #ffffff;

}

.service .content {

    border-top: 1px solid #cacaca;

    border-bottom: 1px solid #fff;

    clear: both;

    margin: 0 10px;

}

.teknik .content {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #cacaca;

    clear: both;

    margin: 0 auto;

    width: 762px;

    text-align: left;

}

.sub-content h2 {

    font-size: 20px;

    margin-bottom: -10px;

}

.sub-content p {

/*    line-height: 1.4;*/

}

.service-panel span {

    display: block;

    padding-left: 10px;

    padding-top: 0px;

/*    text-align: center;*/

    width: 100%;

}

.service-panel ul {

    list-style: none;

    padding-left: 15px;

}

.service-panel ul li a {

    background: url(img/bg-sprite.png) no-repeat 0 -501px;

    font-weight: bold;

    padding: 2px 0 0 15px;

}

.service-panel ul li p a {

    background: none;

    font-weight: normal;

    padding: 0;

}

.service-panel ul li p {

    margin-top: 5px;

    padding: 0 10px 20px 15px;

}

.service-panel ul li ul.children {

    margin-top: 5px;

}

.latestnewswidget {

    padding: 10px;

}

.latestnewswidget > div{

    padding: 3px;

    border-bottom: 1px solid #aaaaaa;

    border-top: 1px solid #FFFFFF;

}

.latestnewswidget > div .title-contribution{

    font-family: Arial,helvetica,sans-serif;

    font-size: 1.2em;

}

/* END SERVICE PAGE */



/* BACKGROUND PAGE */

.background.wrap-container {

    border: none;

}

.background #container {

    border: none;

    text-align: center;

}

.background ul.bg-items {

    background: url("img/bg-item-border.png") no-repeat scroll right 0 transparent;

    display: inline-block;

    margin-top: 0;

    padding-left: 0;

    list-style: none;

}

.background ul.bg-items li {

    background: url("img/bg-item-border.png") no-repeat scroll 0 0 transparent;

    float: left;

/*    display: inline-block;*/

    width: 190px;

    padding-bottom: 20px;

}

.background ul.bg-items li a {

    display: block;

    font-size: 18px;

    font-weight: bold;

    padding: 10px 0 7px;

    text-transform: uppercase;

    width: 100%;

}

.background ul.bg-items li.current a {

    background: url("img/bg-item.png") repeat-x scroll 0 0 transparent;

}

.background ul.bg-items li span {

    font-family: georgia, serif;

    font-style: italic;

}

.background article {

    text-align: left;

    width: 610px;

    margin: 0 auto;

    line-height: 1.7em;

    padding: 50px 0 0 30px;

    display: none;

}

.background article.current {

    display: block;

}

.background article span {

    font-family: georgia, serif;

    font-size: 24px;

    font-style: italic;

}

.background article span.wpcf7-form-control-wrap,

.background article span.wpcf7-not-valid-tip {

    font-family: georgia, serif;

    font-size: 13px;

    font-style: normal;

}

/* END BACKGROUND PAGE */









/************************************* NEW DEV****************************************'*/

/************************************* NEW DEV****************************************'*/

/************************************* NEW DEV****************************************'*/

/************************************* NEW DEV****************************************'*/

/************************************* NEW DEV****************************************'*/

/************************************* NEW DEV****************************************'*/

/************************************* NEW DEV****************************************'*/









.background ul.bg-items2 {

    /* background: url("img/bg-item-border.png") no-repeat scroll right 0 transparent; */

    display: inline-block;

    margin-top: 0;

    padding-left: 0;

    list-style: none;

    float: left;

}

.background ul.bg-items2 li {

    background: url("img/bg-item-border.png") no-repeat scroll 0 0 transparent;

    float: left;

/*    display: inline-block;*/

    width: 180px;

    padding-bottom: 20px;

    

}

.background ul.bg-items2 li a {

    display: block;

    font-size: 18px;

    font-weight: bold;

    padding: 10px 0 7px;

    text-transform: uppercase;

    width: 100%;

}

.background ul.bg-items2 li.current a {

    background: url("img/bg-item.png") repeat-x scroll 0 0 transparent;

}

.background ul.bg-items2 li span {

    font-family: georgia, serif;

    font-style: italic;

}









.teknik .sub-content2 {

    width: 550px;

    margin-left:0px;

}



.teknik .sub-image {

    background: url("img/examplepic.png") repeat-x scroll 0 0 transparent;

    width: 485px;

    height: 231px;

    margin-left:0px;

    margin-top: 30px;

}





.teknik .content2 {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #cacaca;

    clear: both;

    margin-left: 0px;

    width: 762px;

    text-align: left;

}

.teknik ul.sub-items2 {

    padding-top: 30px;

}





#contactOffert2 {

    width: 224px;

    height: 470px;

    position: absolute;

    right: 0;

    top: 500px;

    border-left: 1px solid #fff;

    padding-top: 65px;

    padding-bottom: 0;

}

#contactOffert2 img {

    margin-bottom: 5px;

}

.page-template-page-service-details-php #contactOffert2 {

    top: 500px;

} 







h99{

    font-family: georgia, serif;

    font-style: italic;

    display: block;

    float: left;

    font-size: 20px;

    width: 100%;

    margin-top: 0px;

    margin-left: 12px;

    vertical-align:top;

    /*border-bottom: 1px solid #fff; */

    

}



h98{



    margin-top: 0px;

    vertical-align:top;

    font-weight: bold;

    padding-left: 3px;

    /*border-bottom: 1px solid #fff; */

    

}





portbg{

    background: url("img/bg-sprite.png") no-repeat scroll 0 -240px transparent;

    /*border-bottom: 1px solid #CACACA; */

    margin-bottom: 10px;

    padding-bottom: 3px;

    padding-left: 40px;

    padding-top: 14px;

    width: 365px;

    font-family: georgia, serif;

    font-style: italic;

    display: block;

    float: left;

    font-size: 20px;

    width: 220px;

    margin-top: -7px;

    

}



containerarticle2 {

    

    width: 94.6%;



    margin: 0 20px 30px 4px;

    padding: 20px 20px;

    float: left;

    border: solid 1px #f2f1f1;

    min-height: 140px;

    word-wrap: break-word;

    -webkit-box-shadow:  0px 0px 5px 2px #adadad;

    box-shadow:  0 0 5px 2px #828282;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background: #d5d4d4;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGI0YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top,  #d5d4d4 0%, #b4b4b4 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d4d4), color-stop(100%,#b4b4b4));

    background: -webkit-linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    background: -o-linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    background: -ms-linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    background: linear-gradient(top,  #d5d4d4 0%,#b4b4b4 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d4d4', endColorstr='#b4b4b4',GradientType=0 );

}









test {

    background: none repeat scroll 0 0 #DBDBDB;

    border-radius: 0 0 5px 5px;

    color: #666666;

    display: block;

    height: 30px;

    margin-top: 0;

    padding-top: 8px;

    width: 100%;

}





p2{



    margin-top: 0px; !important;



    vertical-align:top; !important;



    align: right; !important;



    

    /*border-bottom: 1px solid #fff; */

    

}



demo2 {

    border-bottom: 1px solid #555555;

    margin-left: 0px;

    padding-left: 0px;

    display: block;

    font-family: georgia,serif;

    font-size: 24px;

    font-style: italic;

    padding-bottom: 10px;

    margin-bottom: 10px;

}





#head-vara {

    clear: both;

    font-family: georgia;

    font-size: 20px;

    font-style: italic;

    margin-top: 90px;

    position: absolute;

    text-align: center;

    width: 900px;

    left: 25px;

    list-style-type: none;

}

#head-vara a.current {

    font-weight: bold;

}

/*#head-vara ul {

    text-align: center;

    padding-left: 424px;

    margin-top: 5px;

}

#head-vara ul li {

    float: left;

    list-style: none;

    background: #999999;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    height: 10px;

    width: 20px;

    margin: 0 3px;

    font-size: 10px;

    font-style: italic;

    font-weight: bold;

}

#head-vara ul li.current {

    background: #9fc54c;

}

#head-vara ul li a {

    padding-top: 10px;

    position: absolute;

    display: none;

}

#head-vara ul li.current a, #head-timeline ul li:hover a {

    display: block;

}*/

#head-vara div {

    margin-top: -10px;

}

#head-vara span {

    background: none repeat scroll 0 0 #999999;

    border-radius: 3px 3px 3px 3px;

    display: inline-block;

    font-size: 10px;

    font-style: italic;

    font-weight: bold;

    height: 10px;

    margin: 0 3px;

    width: 20px;

}

#head-vara span.current {

    background: #9fc54c;

}

#head-vara span a {

    padding-top: 10px;

    position: absolute;

    display: none;

    list-style-type: none;

}

#head-vara span.current a, #head-timeline span:hover a {

    display: block;

}





.table {

    display: table;   /* Allow the centering to work */

    margin: 0 auto;

}



ul#horizontal-list {

    min-width: 696px;

    list-style: none;

    font-family: georgia;

    font-size: 20px;

    font-style: italic;

    margin-top: 95px;

    }

    ul#horizontal-list li {

        display: inline;

        border-left: 2px solid #666666;

        padding-left: 7px;

        padding-right: 7px;

    }

ul#horizontal-list li:first-child {

border-left: none;

}



/* REFERENCER */



    .lefcol {

padding-left: 20px;

font-size:18px;

    }



    .lefcol p {

padding-left: 20px;

font-size:18px;

    }





.wrap-container.portfolio2 {

    padding-bottom: 50px;

    position: relative;

}

.portfolio2 #container {

    padding: 20px 20px 50px 20px;

    clear: both;

}

.portfolio2 article {

    width: 295px;

    height: 200px;

    padding-bottom: 10px;

    border-bottom: 1px solid #cacaca;

    float: left;

    opacity: 0;

    transition: opacity 1s;

    -moz-transition: opacity 1s;

    -webkit-transition: opacity 1s;

    -o-transition: opacity 1s;

    margin-right: 10px;

}

.portfolio2 article:nth-child(3n+0) {

/*    margin-right: 100px;*/

/*  margin-right: 0px;*/

}

.lt-ie9 .portfolio2 article {

/*    margin-right: 100px;*/

    width: 293px;

}

.portfolio2 p {

padding-left: 12px;

padding-right: 0px;

}





.portfolio2 span.ar-cat {

    background: url("img/bg-sprite.png") no-repeat scroll 0 -240px transparent;

    border-bottom: 1px solid #CACACA;

    margin-bottom: 10px;

    padding-bottom: 3px;

    padding-left: 40px;

    padding-top: 14px;

    width: 365px;

}

.portfolio2 span.ar-cat.cat-app {

    background-position: 0 -285px;

}

.portfolio2 span.ar-cat.cat-webdesign {

    background-position: 0 -240px;

}

.portfolio2 span.ar-cat.cat-logo {

    background-position: 0 -330px;

}

.portfolio2 a.ar-img {

    background: #414141;

    -webkit-border-radius: 5px 5px 0 0;

    border-radius: 5px 5px 0 0;

    height: 150px;

    display: block;

    clear: both;

    text-align: center;

    width: 100%;

    overflow: hidden;

}

.portfolio2 a.ar-title {

    background: none repeat scroll 0 0 #DBDBDB;

    border-radius: 0 0 5px 5px;

    color: #666666;

    display: block;

    height: 30px;

    margin-top: 0;

    padding-top: 8px;

    width: 100%;

}

.portfolio2 a.ar-title:hover {

    color: #aaa;

}

.portfolio2 a.ar-title span {

    background: url("img/bg-sprite.png") no-repeat 0 -80px transparent;

    font-family: Arial,helvetica,san-serif;

    font-style: normal;

    font-weight: bold;

    margin: 10px 0 0 20px;

    padding-left: 15px;

}

.portfolio2 .backside {

    height: 200px; 

    overflow: auto;

    display: none;

}





div#container2 {

 

text-align: center;



}



.sub-content2 {

    float: left;

    width: 700px;

    padding-top: 10px;

    padding-left: 30px;

    display: none;

    min-height: 470px;

    

}



.teknik .sub-image2 {

    /*background: url("img/examplepic.png") repeat-x scroll 0 0 transparent; */

    width: 660px;

    height: 231px;

    margin-left:0px;

    margin-top: 30px;

}



.teknik .sub-content3 {

    width: 660px;

    margin-left:0px;

}

.sub-content3 {

    float: left;

    width: 660px;

    padding-top: 10px;

    padding-left: 33px;

    display: none;

    min-height: 470px;

    

}



/*************************************END NEW DEV****************************************'*/

/*************************************END NEW DEV****************************************'*/

/*************************************END NEW DEV****************************************'*/

/*************************************END NEW DEV****************************************'*/

/*************************************END NEW DEV****************************************'*/

/*************************************END NEW DEV****************************************'*/

/*************************************END NEW DEV****************************************'*/













/* CONTACT PAGE */

.contact.wrap-container, .contact #container {

    border: none;

}

.contact #container {

    position: relative;

}

.contact .contact-panel {

    position: absolute;

    width: 275px;

    float: left;

    height: 100%;

    border-right: 1px solid #cacaca;

}

.contact .contact-info {

    border-left: 1px solid #fff;

    float: left;

    margin-left: 276px;

}

.contact .contact-panel ul {

    border-bottom: 1px solid white;

    list-style: none outside none;

    margin-right: 30px;

    padding-left: 0;

}

.contact .contact-panel ul li {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #cacaca;

/*    margin-right: 20px;*/

    padding-bottom: 40px;

}

.contact .contact-panel ul li:first-child {

    border-top: none;

}

.contact .contact-panel ul li span, .contact .contact-info p {

    font-size: 24px;

    font-family: Georgia, serif;

    font-style: italic;

    text-shadow: -1px 1px 1px #ffffff;

}

.contact .contact-panel ul li span {

    margin-bottom: 10px;

    line-height: 1.7em;

}

.contact .contact-panel ul li a.find-us {

    background: url(img/bg-sprite.png) no-repeat 0 -610px;

    padding: 10px 0 20px 30px;

}

.contact .contact-panel ul li a.find-us:hover {

    background: url(img/bg-sprite.png) no-repeat -109px -610px;

}

.contact .contact-info ul {

    list-style: none;

}

.contact-info ul li {

    clear: both;

    margin-bottom: 15px;

    height: 175px;

}

.contact-info p {

    background: url("img/bg-sprite.png") no-repeat scroll 0 -400px transparent;

    margin: 10px 0 40px 40px;

    padding: 20px 40px 0 80px;

}

.contact-info ul li span.wrap-img {

    float: left;

    margin-right: 20px;

    width: 133px;

    min-height: 170px;

}

.contact-info ul li div {

    border-bottom: 1px solid #555555;

    margin: 0 0 5px 155px;

    padding: 45px 0 30px 0;

    width: 250px;

}

.contact-info ul li div span {

    font-size: 18px;

    font-family: Georgia, serif;

    font-style: italic;

    display: block;

    float: left;

    font-family: Georgia,serif;

    font-size: 18px;

    font-style: italic;

    width: 225px;

}

.contact-info ul li div a {

    background: url(img/bg-sprite.png) no-repeat 0 -455px;

    padding: 8px 20px 0 0;

    float: left;

}

.contact-info ul li div a:hover {

    background: url(img/bg-sprite.png) no-repeat -23px -455px;

}

.contact-info ul li div a:nth-child(3) {

    background-position: 0 -480px;

    margin-left: 10px;

}

.contact-panel section {

    display: none;

}

/* END CONTACT PAGE */



/* LOGIN FORM */

#form-login {

    display: none;

}

.login-cover {

    position: fixed;

    width: 100%;

    height: 100%;

    background: #555;

    opacity: 0.5;

    top: 0;

    left: 0;

    z-index: 4;

}

#form-login form {

    background: none repeat scroll 0 0 #FFFFFF;

    border-radius: 5px 5px 5px 5px;

    opacity: 1;

    padding: 20px;

    position: absolute;

/*    right: 110px;*/

    top: 55px;

    width: 295px;

    z-index: 5;

}

#form-login form span {

    background: url("img/bg-sprite.png") no-repeat scroll 0 -540px transparent;

    display: block;

    float: right;

    height: 15px;

    margin: -7px -35px 0 0;

    width: 15px;

}

#form-login form label {

    display: block;

    float: left;

    font-weight: bold;

    width: 80px;

}

#form-login form input[type=text], #form-login form input[type=password] {

    margin-bottom: 10px;

    width: 200px;

    border: none;

    background: #f3f3f3;

    padding: 2px 0;

}

#form-login a {

    padding: 0 10px 0 160px;

    font-style: italic;

    font-family: Georgia, serif;

}

#form-login input[type=submit] {

    font-weight: bold;

    float: right;

    margin-right: 20px;

}

/* END LOGIN FORM */



/* SINGLE PAGE */

.single {

    padding: 20px;

}

.single .ar-by {

    background: url("img/bg-sprite.png") no-repeat scroll right -220px transparent;

    color: #505050;

    font-size: 10px;

    height: 20px;

    padding: 7px 30px 0 0;

    margin-top: 5px;

    width: 50px;

}

.single div.ar-head {

    margin-bottom: 15px;

}

.single.cat article section {

    padding-left: 15px;

    width: 67%;

}

.single.cat article img {

    width: 30%;

}

.single.cat article section, .single.cat article img, .single.cat article span.ar-date {

    float: left;

}

.page-nav {

    border-bottom: 1px solid #CACACA;

    border-top: 1px solid #FFFFFF;

    height: 0;

    text-align: right;

    margin-bottom: 30px;

}

.page-nav .current {

    font-weight: bold;

}

.page-nav .page-numbers {

    padding: 3px 7px;

    background: #fff;

}

/* END SINGLE PAGE */



/* NOT FOUND PAGE */

.notfound {

    padding: 10px 20px;

}

/* END NOT FOUND PAGE */



/* REQUEST PAGE */

.request #container {

    padding: 20px 20px 50px;

}

.request h1 {

    font-family: georgia,serif;

    font-size: 24px;

}

.request h2 {

    font-family: georgia,serif;

    font-style: italic;

    font-weight: normal;

    font-size: 20px;

}

.leftColumn {

    float: left;

    /*width: 50%;*/

    width: 450px;

    margin-bottom: 20px;

    padding-right: 8px;

    border-right: 1px solid #CACACA;

}

.leftColumn p,

.rightColumn p {

    margin: 0px auto;

    position: relative;

    height: 30px;

}

.leftColumn p > label,

.rightColumn p > label{

    position: absolute;

    top: 3px;

    left: 0px;

    height: auto;

}

.rightColumn {

    float: right;

    /*width: 50%;*/

    width: 450px;

    text-align: right;

    margin-left: 0px;

}

.leftColumn label, .rightColumn label, .emailAccount label, .referenceLink label, .fileUpload label {

    /*float: left;*/

    display: inline-block;

}

.leftColumn label, .referenceLink label, .fileUpload label {

    width: 170px;

}

.leftColumn label span, .referenceLink label span {

    float: right;

}

.leftColumn input, .rightColumn input, .logoWrap input {

    width: 240px;

    margin-bottom: 10px;

    padding: 3px 5px;

    float: left;

}

.request .leftColumn input, .request .rightColumn input, .request .logoWrap input {

    margin-bottom: 0;

}

.rightColumn label {

    text-align: left;

    /* padding-left: 100px;

    width: 100px; */

    padding-left: 35px;

    width: 160px;

    display: inline-block;

    height: 30px;

}

.request .rightColumn label {

    height: auto;

}

.leftColumn span.wpcf7-form-control-wrap,

.rightColumn span.wpcf7-form-control-wrap {

    display: inline-block;

    width: 252px;

    position: absolute;

    right: 0px;

}

.request .leftColumn span.wpcf7-form-control-wrap,

.request  .rightColumn span.wpcf7-form-control-wrap {

    display: inline-block;

    width: 255px;

    position: inherit;

}

.request .wpcf7-checkbox {

    display: block;

    width: 270px;

}

.leftColumn input[type=checkbox], .rightColumn input[type=checkbox] {

    width: auto;

    margin-top: 2px;

}

.leftColumn .wrap-dup {

    clear: both;

    /*height: 60px;*/

}

.checkboxes {

    padding-left: 170px;

    position: relative;

    height: 50px;

}

.checkboxes label {

    width: 50px;

    padding-right: 10px;

}

.checkboxes label span {

    float: none;

}

.fileUpload > p {

    position: relative;

    height: 30px;

    margin: 0px auto;

}

.fileUpload > p > label {

    float: none;

    position: absolute;

    left: 0px;

    top: 3px;

}

.fileUpload > p > span.wpcf7-form-control-wrap {

    position: absolute;

    right: 0px;

    top: 0px;

}

#addDomainButton, #addEmailAccount, #referenceLink, #fileUpload, .iconRemove {

    background: url("img/add.png") no-repeat 13px 0 transparent;

    display: block;

    float: right;

    height: 16px;

    margin: 3px 0 0;

    padding: 5px;

    width: 16px;

}

.iconRemove {

    background: url(img/remove.png) no-repeat 13px 0;

}

.wholeColumn {

    clear: both;

    border-top: 1px solid #fff;

    margin-top: 20px;

}

.wholeColumn .host span label, .wholeColumn .cms span label {

    width: 140px;

    float: left;

    display: block;

}

#other-host label, #other-cms label {

    width: 10px;

    padding-right: 5px;

}

.emailAccount {

    width: 470px;

    padding-bottom: 10px;

}

.emailAccount label {

    width: 100px;

}

.request textarea {

    width: 100%;

}

.websiteStyleWrap {

    height: 40px;

    clear: both;

}

span.wpcf7-form-control-wrap.logoStyle {

    display: inline-block;

}

span.wpcf7-form-control-wrap.logoStyle .wpcf7-checkbox{

    display: inline-block;

    width: 100%;

}

.logoWrap .websiteStyleWrap {

    height: auto;

}

.websiteStyleWrap .wpcf7-list-item {

    display: block;

    float: left;

    margin-bottom: 10px;

    width: 170px;

}

.referenceLink {

    width: 470px;

    padding-bottom: 10px;

}

.fileUpload {

    width: 550px;

    clear: both;

}

.logoWrap label {

    width: 150px;

    display: block;

    float: left;

}

.logoName {

    margin-right: 50px;

}

#labelForLogoSubText {

    padding-left: 70px;

}

.logoWrap .logoStyle input {

    width: auto;

}

span.logoStyle {

    width: 100%;

}

#other-function span, #other-social span, #other-mobileFunction span, #other-facebookPage span {

    width: auto;

}

.functionWrap {

    clear: both;

    height: 100px;

}

#checkAllAuto .wpcf7-list-item {

    float: none;

/*    margin-bottom: -5px;*/

}

.mobileOption {

    clear: both;

}

#other-facebookPage span {

    clear: both;

}

.request input[type=submit] {

    border: none;

    background: #8ec63f;

    padding: 6px 12px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    text-shadow: 0px 1px 1px #4e632d;

    filter: dropshadow(color=#4e632d, offx=0, offy=1);

    color: #ffffff;

    font-size: 15px;

    font-weight: bold;

    font-family: Helvetica, Arial, Sans-Serif;

    vertical-align: middle;

    float: right;

}

.request input[type=submit]:hover {

    background: #a3d65e;

}

.leftColumn span.wpcf7-not-valid-tip, .rightColumn span.wpcf7-not-valid-tip {

    left: 30px;

    top: 10px;

    text-align: left;

    min-width: 230px;

}

a.toogle-row {

    background: url("img/add.png") no-repeat scroll right 5px transparent;

    padding-right: 30px;

}

a.toogle-row.toogle-remove {

    background: url("img/remove.png") no-repeat scroll right 5px transparent;

}

div.wholeColumn div.toggle-hide {

    display: none;

}

/* END REQUEST PAGE */



#head-contact-form span.wpcf7-form-control-wrap {

    display: inline-block;

    width: 238px;

    height: 34px;

    margin: 0px auto;

}

#head-contact-form span.wpcf7-form-control-wrap.your-message {

    height: 100%;

}

#head-contact-form span.wpcf7-not-valid-tip {

    border: 1px solid #3B5999;

    width: 220px;

    left: 10%;

    top: 50%;

}

#head-contact-form span.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip {

    top: 20px;

}

#head-contact-form div.wpcf7-validation-errors {

    background: #fff;

    border: 1px solid #E7E7E7;

    border-radius: 8px 8px 8px 8px;

    -webkit-box-shadow: 1px 1px 1px 2px rgba(231, 231, 231, 0.5);

    box-shadow: 1px 1px 1px 2px rgba(231, 231, 231, 0.5);

}

#head-contact-form div.wpcf7-response-output {

    margin: 0px 0.5em 35px;

}

footer {

    border-top: 1px solid #cacaca;

    background: #e6e6e6;

    padding-top: 20px;

/*    height: 105px;*/

    text-align: center;

    font-size: 12px;

    color: #555555;

    clear: both;

    z-index: 1;

    position: relative;

    min-height: 350px;

}

footer .partners {

    width: 950px;

    margin: 0 auto;

    overflow: hidden;

    float: none;

    border: none;

}

.home footer .partners,

.home footer .hLine {

    display: none;

}

footer .partners div[class^=col] {

    padding: 0 15px;

    width: 21%;

    text-align: left;

    float: left;

    border-right: 1px solid #fff;

    border-left: 1px solid #cacaca;

    height: 60px;

    font-size: 26px;

    font-family: georgia,serif;

    line-height: 60px;

}

footer .partners div a {

    display: block;

    height: 60px;

    line-height: 60px;

}

footer .partners .col-4 img {

    width: 90% !important;

}

footer .partners .col-1 {

    border-left: none !important;

    width: 22.2% !important;

}

footer .partners .col-2 {

}

footer .partners .col-3 {

}

footer .partners .col-4 {

    border-right: none !important;

}

.hLine {

    width:100%;

    height: 0px;

    border-top: 1px solid #FFFFFF;

    border-bottom: 1px solid #CACACA;

    margin: 20px 0;

}

footer ul {

    list-style: none;

    margin-bottom: 0;

}

.ft-wrap-col {

    width: 950px;

    margin: 0 auto;

    overflow: hidden;

    float: none;

    border: none;

}

footer .ft-wrap-col div[class^=col] {

/*    width: 31.6%;*/

    text-align: left;

    float: left;

    border-right: 1px solid #fff;

    border-left: 1px solid #cacaca;

    min-height: 225px;

}

footer .ft-wrap-col div.col-1 {

    border-left: none;

    padding-right: 15px;

    width: 365px;

}

footer .ft-wrap-col div.col-2 {

    padding: 0 15px;

    width: 276px;

}

footer .ft-wrap-col div.col-3 {

    border-right: none;

    text-align: right;

    float: right;

    width: 260px;

}

div.col-1 ul li {

    margin-top: 15px;

}

div.col-2 ul {

    padding-left: 10px;

    text-align: center;

    width: 100%;

}

div.col-2 ul li {

    float: left;

    margin-bottom: 5px;

    text-align: left;

    width: 135px;

}

footer span {

    font-weight: bold;

    font-size: 14px;

}

span.clear {

    clear: both;

    display: block;

    width: 100%;

}



.fb-comments {

    float:left;

    padding-left: 20px;

}

.right-col {

    float:left;

    width: 360px;

    overflow: hidden;

    padding-left: 10px;

}

.left-col {

    float: left;

    width: 462px;

    overflow: hidden;

}

#colorbox {

    max-width: 900px;

}

#cboxContent p {

    max-width: 900px;

}



/* Begin qtrans_generateLanguage */

.qtrans_generateLanguage {

    /*position: absolute;

    right: 320px;

    top: 0px;*/

    position: absolute;

    right: 1px;

    top: 130px;

}

ul.qtrans_language_chooser {

    list-style: none;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

}

ul.qtrans_language_chooser > li {

    float: left;

    margin-left: 15px;

}

ul.qtrans_language_chooser > li:first-child {

    margin-left: 0px;

}

ul.qtrans_language_chooser > li > a {

    display: block;

    background-position: 0 3px;

    padding-left: 22px;

}

ul.qtrans_language_chooser > li:hover > a,

ul.qtrans_language_chooser > li.active > a {

    text-decoration: underline;

    color: #3B5999;

}

/* End qtrans_generateLanguage */



#klarnaSignup{

    position:absolute;

    bottom:10px;

    right:5px;

}


#visaButton{

    position:absolute;

    top:97px;

    right:30px;

    font-family: georgia;

    font-size: 16px;

    font-style: italic;

}




@media only screen and (min-width: 35em) {





}



.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

span.logoStyle .wpcf7-checkbox:before, span.logoStyle .wpcf7-checkbox:after,

ul.qtrans_language_chooser:before, ul.qtrans_language_chooser:after,

.clearfix:before, .clearfix:after { content: ""; display: table; }

span.logoStyle .wpcf7-checkbox:after,

ul.qtrans_language_chooser:after,

.clearfix:after { clear: both; }

span.logoStyle,

ul.qtrans_language_chooser,

.clearfix { *zoom: 1; }



@media print {

    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }

    a, a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }

    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group; }

    tr, img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p, h2, h3 { orphans: 3; widows: 3; }

    h2, h3 { page-break-after: avoid; }

}

.sub-content3 .sub-items{margin-top:10px;border-right: thin solid white;margin-right: 15px;}

.sub-content3 .sub-items .tek{margin-top:18px;}