Your IP : 216.73.216.43
/* ============================================================================
Menu
============================================================================= */
nav#nav ul li.item-1570,
nav#nav ul li.item-1571,
nav#nav ul li.item-1572,
nav#nav ul li.item-1573,
nav#nav ul li.item-1574,
nav#nav ul li.item-1575,
nav#nav ul li.item-1577,
nav#nav ul li.item-1578{
max-width:110px;
text-align:center;
}
nav#nav ul li.item-1585,
nav#nav ul li.item-1586,
nav#nav ul li.item-1587,
nav#nav ul li.item-1588,
nav#nav ul li.item-1589,
nav#nav ul li.item-1590,
nav#nav ul li.item-1591,
nav#nav ul li.item-1592{
max-width:110px;
text-align:center;
}
nav#nav ul li.item-1594,
nav#nav ul li.item-1595,
nav#nav ul li.item-1596,
nav#nav ul li.item-1597,
nav#nav ul li.item-1598,
nav#nav ul li.item-1599,
nav#nav ul li.item-1600,
nav#nav ul li.item-1601{
max-width:120px;
text-align:center;
padding:0;
}
li.item-1570 > a,
li.item-1571 > a,
li.item-1572 > a,
li.item-1573 > a,
li.item-1574 > a,
li.item-1575 > a,
li.item-1577 > a,
li.item-1578 > a,
li.item-1570.current-menu-item.active.current-menu-item > a,
li.item-1571.current-menu-item.active.current-menu-item > a,
li.item-1572.current-menu-item.active.current-menu-item > a,
li.item-1573.current-menu-item.active.current-menu-item > a,
li.item-1574.current-menu-item.active.current-menu-item > a,
li.item-1575.current-menu-item.active.current-menu-item > a,
li.item-1577.current-menu-item.active.current-menu-item > a,
li.item-1578.current-menu-item.active.current-menu-item > a{
max-height:80px;
}
li.item-1585 > a,
li.item-1586 > a,
li.item-1587 > a,
li.item-1588 > a,
li.item-1589 > a,
li.item-1590 > a,
li.item-1591 > a,
li.item-1592 > a,
li.item-1585.current-menu-item.active.current-menu-item > a,
li.item-1586.current-menu-item.active.current-menu-item > a,
li.item-1587.current-menu-item.active.current-menu-item > a,
li.item-1588.current-menu-item.active.current-menu-item > a,
li.item-1589.current-menu-item.active.current-menu-item > a,
li.item-1590.current-menu-item.active.current-menu-item > a,
li.item-1591.current-menu-item.active.current-menu-item > a,
li.item-1592.current-menu-item.active.current-menu-item > a{
max-height:80px;
}
li.item-1594 > a,
li.item-1595 > a,
li.item-1596 > a,
li.item-1597 > a,
li.item-1598 > a,
li.item-1599 > a,
li.item-1600 > a,
li.item-1601 > a,
li.item-1594.current-menu-item.active.current-menu-item > a,
li.item-1595.current-menu-item.active.current-menu-item > a,
li.item-1596.current-menu-item.active.current-menu-item > a,
li.item-1597.current-menu-item.active.current-menu-item > a,
li.item-1598.current-menu-item.active.current-menu-item > a,
li.item-1599.current-menu-item.active.current-menu-item > a,
li.item-1600.current-menu-item.active.current-menu-item > a,
li.item-1601.current-menu-item.active.current-menu-item > a{
max-height:80px;
text-align:center;
padding:0;
}
/* ============================================================================
Formulaire
============================================================================= */
div.rsform-block.rsform-block-nom > div.formControls > p.formDescription,
div.rsform-block.rsform-block-societe > div.formControls > p.formDescription,
div.rsform-block.rsform-block-tel > div.formControls > p.formDescription,
div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
div.rsform-block.rsform-block-message > div.formControls > p.formDescription,
div.rsform-block.rsform-block-antispam > div.formControls > p.formDescription,
div.rsform-block.rsform-block-envoyer > div.formControls > p.formDescription{display:none;}
div.rsform-block.rsform-block-antispam > div.formControls > div.formBody,
div.rsform-block.rsform-block-antispam > div.formControls > div.formBody > div#g-recaptcha-58 > div > div{
padding:0;
margin:0;
}
/* ============================================================================
Fiche produit
============================================================================= */
#fiche-produit{
padding:0;
margin:0;
}
#equipement{
float:left;
width:75%;
padding:0 10px;
margin:0;
}
#right{
float:left;
width:25%;
padding:0 10px;
margin:0;
}
.titre-equipement{
padding:0;
margin:0 0 15px 0;
border-bottom:1px dotted #ddd;
width:100%;
}
.titre-equipement h1{
padding:0;
}
.image-equipement{
float:left;
}
.description-equipement{
float:left;
padding:25px 0;
text-align:justify;
}
.album-equipement{
float:left;
padding:0 10px;
margin-bottom:20px;
}
.actualite-equipement{
clear:both;
border-top:1px dotted #ddd;
}
.emballage-equipement{
clear:both;
border-top:1px dotted #ddd;
padding-bottom:15px;
}
.navigation{
float:left;
border-top:1px solid #ddd;
width:100%;
text-align:center;
}
.video{
margin:0 auto;
text-align:center;
padding-bottom:20px;
border-bottom:1px dotted #ddd;
}
.aliment{
margin:0 auto;
padding-bottom:20px;
border-bottom:1px dotted #ddd;
}
.aliment h2{
text-align:center;
}
div.aliment img.hasTooltip{
padding:1px;
border:1px solid #ddd;
border-radius:2px;
margin:2px;
}
.doc{
margin:0 auto;
padding-bottom:20px;
border-bottom:1px dotted #ddd;
}
.doc h2{
text-align:center;
}
#liste-equipements{
float:left;
width:75%;
margin-bottom:40px;
}
.resultat{
float:left;
width:95%;
}
.resultat tr{
background-color: #f9f9f9;
}
.resultat tr:nth-child(2n+2){
background-color: #fff;
}
.resultat td{
height:110px;
padding:0;
margin:0;
}
td.liste-equipement h3 a{
font-size: 16px;
font-weight:bold;
line-height: 30px;
}
td.vignette-equipement{
width:135px;
height:110px;
}
td.liste-equipement{
width:auto;
text-align:left;
height:110px;
padding-top:10px;
}
.selection{
background-color:#f1f1f1;
border:1px solid #ddd;
border-radius:5px;
padding:10px;
}
/* ============================================================================
Accès
============================================================================= */
/*-------------------------- Homepage ----------------------------------------*/
#acces1,
#acces2,
#acces3,
#acces4,
#acces5,
#acces6,
#acces7,
#acces8{
width:250px;
height:160px;
border-radius:5px;
position:relative;
margin:0 auto;
padding:0;
background-color:transparent;
background-repeat:no-repeat;
}
#acces1 a,
#acces2 a,
#acces3 a,
#acces4 a,
#acces5 a,
#acces6 a,
#acces7 a,
#acces8 a{
width:inherit;
height:inherit;
display:block;
text-decoration:none;
color:#fff;
padding-top:20px;
font-size:24px;
text-align:center;
}
#acces1 a:hover,
#acces2 a:hover,
#acces3 a:hover,
#acces4 a:hover,
#acces5 a:hover,
#acces6 a:hover,
#acces7 a:hover,
#acces8 a:hover{
display:block;
padding-top:70px;
}
#acces1 li,
#acces2 li,
#acces3 li,
#acces4 li,
#acces5 li,
#acces6 li,
#acces7 li,
#acces8 li{
list-style-type:none;
position:absolute;
margin:0;
padding:0;
}
#acces1{
background: url(../../../images/template/depilage.jpg);
background-position:0 -160px;
}
#acces1 a:hover{
background: url(../../../images/template/depilage.jpg);
}
#acces2{
background: url(../../../images/template/dosage.jpg);
background-position:0 -160px;
}
#acces2 a:hover{
background: url(../../../images/template//dosage.jpg);
}
#acces3{
background: url(../../../images/template/decoupe.jpg);
background-position:0 -160px;
}
#acces3 a:hover{
background: url(../../../images/template/decoupe.jpg);
}
#acces4{
background: url(../../../images/template/couverclage.jpg);
background-position:0 -160px;
}
#acces4 a:hover{
background: url(../../../images/template/couverclage.jpg);
}
#acces5{
background: url(../../../images/template/convoyage.jpg);
background-position:0 -160px;
}
#acces5 a:hover{
background: url(../../../images/template/convoyage.jpg);
}
#acces6{
background: url(../../../images/template/fin-de-ligne.jpg);
background-position:0 -160px;
}
#acces6 a:hover{
background: url(../../../images/template/fin-de-ligne.jpg);
}
/*-------------------------- Dépilage ----------------------------------------*/
#depilage-aliments,
#depilage-emballages{
width:500px;
height:320px;
border-radius:5px;
position:relative;
margin:0 auto;
padding:0;
background-color:transparent;
background-repeat:no-repeat;
}
#depilage-aliment a,
#depilage-emballages{
width:inherit;
height:inherit;
display:block;
text-decoration:none;
color:#fff;
padding-top:35px;
font-size:24px;
text-align:center;
}
#depilage-aliments a:hover,
#depilage-emballages a:hover{
display:block;
padding-top:120px;
}
#depilage-aliments,
#depilage-emballages{
list-style-type:none;
position:absolute;
margin:0;
padding:0;
}
#depilage-aliments{
background: url(../../../images/template/depilage-aliments.jpg);
background-position:0 -320px;
}
#depilage-aliments a:hover{
background: url(../../../images/template/depilage-aliments.jpg);
}
#depilage-emballages{
background: url(../../../images/template/depilage-emballages.jpg);
background-position:0 -320px;
}
#depilage-emballages a:hover{
background: url(../../../images/template/depilage-emballages.jpg);
}
/*-------------------------- Dosage ----------------------------------------*/
#depilage a,#dosage a,#decoupe a,#couverclage a,#convoyage a,#ligne a{
position:absolute;
left:0;
top:0;
width:250px;
height:160px;
display:block;
}
#depilage a:hover,#dosage a:hover,#decoupe a:hover,#couverclage a:hover,#convoyage a:hover,#ligne a:hover{
background-position:0 0;
display:block;
}
#dosage-pompable{
width:250px;
height:160px;
background: url(../images/dosage-pompable.jpg);
background-color:transparent;
background-repeat:no-repeat;
background-position:0 -160px;
position:relative;
margin:0 auto;
padding:0;
}
#dosage-pompable a:hover{
background: url(../images/dosage-pompable.jpg);
background-color:transparent;
background-repeat:no-repeat;
color:#fff;
padding-top:70px;
}
#dosage-peristaltique{
width:250px;
height:160px;
background: url(../images/dosage-peristaltique.jpg);
background-color:transparent;
background-repeat:no-repeat;
background-position:0 -160px;
position:relative;
margin:0 auto;
padding:0;
}
#dosage-peristaltique a:hover{
background: url(../images/dosage-peristaltique.jpg);
background-color:transparent;
background-repeat:no-repeat;
color:#fff;
padding-top:70px;
}
#dosage-volumetrique{
width:250px;
height:160px;
background: url(../images/dosage-volumetrique.jpg);
background-color:transparent;
background-repeat:no-repeat;
background-position:0 -160px;
position:relative;
margin:0 auto;
padding:0;
}
#dosage-volumetrique a:hover{
background: url(../images/dosage-volumetrique.jpg);
background-color:transparent;
background-repeat:no-repeat;
color:#fff;
padding-top:70px;
}
#dosage-topping{
width:250px;
height:160px;
background: url(../images/dosage-topping.jpg);
background-color:transparent;
background-repeat:no-repeat;
background-position:0 -160px;
position:relative;
margin:0 auto;
padding:0;
}
#dosage-topping a:hover{
background: url(../images/dosage-topping.jpg);
background-color:transparent;
background-repeat:no-repeat;
color:#fff;
padding-top:70px;
}
#dosage-pompable a,#dosage-peristaltique a,#dosage-volumetrique a,#dosage-topping a{
position:absolute;
left:0;
top:0;
width:250px;
height:160px;
display:block;
width:inherit;
height:inherit;
display:block;
text-decoration:none;
color:#fff;
padding-top:20px;
font-size:24px;
text-align:center;
}
#titre_3{
position:absolute;
left:0;
top:0;
width:250px;
height:160px;
display:block;
}
#titre_6{
position:absolute;
left:0;
top:0;
width:500px;
height:320px;
display:block;
}
#titre_3 a:hover,#titre_6 a:hover{
background-position:0 0;
display:block;
}
/* ============================================================================
Boxes
============================================================================= */
.box1{
background:#f3d3d9;
color:#731a36;
width:100%;
padding:15px 10px;
border-radius:5px;
min-height:180px;
}
.box2{
background:#e6a7b3;
color:#731a36;
width:100%;
padding:15px 10px;
border-radius:5px;
min-height:180px;
}
.box3{
background:#e691ab;
color:#731a36;
width:100%;
padding:15px 10px;
border-radius:5px;
min-height:180px;
}
.box1 h2,.box2 h2,.box3 h2{
color:#731a36;
font-weight:700;
}
/* ==========================================================================
1. CSS RESET
============================================================================= */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
a{list-style: none; text-decoration: none;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}
.clearfix{clear: both;}
#footer{padding-bottom:30px;}
body {
font-family: "Open Sans", Arial, sans-serif;
font-size: 13px;
line-height: 1.428571429;
color: #333333;
background: url('../images/pattern-2.png');
}
.breadcrumb>li{text-shadow:0 0px 0 #fff;}
#homepage{max-width:100%;}
#homepage.boxed #header-wrapper.static {max-width:1230px;}
#homepage.boxed {
background-repeat: repeat;
/*background-color: #6c6c6c;*/
max-width: 1230px;
margin: 0 auto;
box-shadow: 0 0 35px #aeaeae;
-webkit-box-shadow: 0 0 35px #aeaeae;
-moz-box-shadow: 0 0 35px #aeaeae;
-o-box-shadow: 0 0 35px #aeaeae;
position: relative;
overflow: hidden;
padding-top: 0;
}
.add-margin{
display: block;
margin-bottom: 30px !important;
float: left;
}
.no-bottom-margin{
margin-bottom: -80px;
}
/* 2. PAGE CONTENT BACKGROUNDS
============================================================================= */
.page-content{
width: 100%;
margin: 0 auto;
float: left;
}
.page-content.background-black{
background-color: #333;
}
.page-content.background-black h1,
.page-content.background-black h2,
.page-content.background-black h3,
.page-content.background-black h4,
.page-content.background-black h5,
.page-content.background-black h6{
color: #fff;
}
.page-content.background-black p,
.page-content.background-black a,
.page-content.background-black span{
color: #ccc;
}
.page-content.parallax{
padding-top: 30px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #eeeeee;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eeeeee;
overflow-x: hidden;
overflow-y: hidden;
}
.page-content.parallax-2{
background-color: transparent;
background-image: url("../images/pictures/parallax-bkg-2.jpg");
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: cover;
background-attachment: fixed;
background-repeat: repeat-y;
margin-top:25px;
border-top:8px solid #9c3354;
}
.trait{
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #333;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 60px;
margin-top: -20px;
}
.page-content.pattern{
background: url('../images/pattern-1.png') center center;
background-size: cover;
background-attachment: fixed;
}
.page-content.parallax-1{
background: url('../images/pictures/parallax-bkg-1.jpg');
background-size: cover;
background-attachment: fixed;
background-repeat: repeat-y;
padding:70px 0px 0px 0px;
margin-bottom:15px;
}
.page-content.parallax-3{
background: url('../images/pictures/parallax-bkg-3.jpg');
background-size: cover;
background-attachment: fixed;
background-repeat: repeat-y;
}
.page-content.parallax-4{
background: url('../images/pictures/parallax-bkg-4.jpg');
background-size: cover;
background-attachment: fixed;
background-repeat: repeat-y;
}
.page-content.parallax + .page-content{
margin-top: 80px;
}
#agenda{
background:#ccc;
border-radius:5px;
padding:5px;
margin:20px 0;
}
#agenda h2{
text-align:center;
font-size:24px;
padding:5px 0;
}
.stand{
text-align:center;
font-weight:bold;
}
.stand img{
margin-bottom:15px;
}
/* ==========================================================================
3. TYPOGRAPHY
============================================================================= */
p, a{
color: #666;
font: 13px 'Open Sans', Arial, sans-serif;
line-height: 22px;
}
p{padding-bottom:10px;}
a.read-more{
float: right;
font-family: 'Raleway', Arial, sans-serif;
position: relative;
padding-top: 10px;
}
a.read-more span{
padding-left: 0px;
}
a{
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.underlined{
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
font-weight: 400;
color: #39414b;
}
h1{
font: 32px 'Raleway', Arial, sans-serif;
line-height: 38px;
margin:25px 0 20px 0;
}
h2{
font: 19px 'Raleway', Arial , sans-serif;
line-height: 24px;
margin:15px 0 5px 0;
}
section.heading-centered.triggerAnimation.animated.bounceIn > h2{
color: #333;
font-size: 32px;
padding-bottom: 20px;
text-transform: uppercase;
}
section.page-content.parallax.parallax-2 > div.container > div.row > section.grid_12 > section.heading-centered.triggerAnimation.animated.bounceIn > h2{
color:#fff;
text-shadow: 2px 2px 2px black;
}
section.page-content.parallax.parallax-2 > div.container > div.row > section.grid_12 > section.heading-centered.triggerAnimation.animated.bounceIn > div.trait{
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #fff;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 60px;
margin-top: -20px;
}
h3{
font: 26px 'Raleway', Arial, sans-serif;
line-height: 28px;
}
h4{
font: 22px 'Raleway', Arial, sans-serif;
line-height: 24px;
}
h5{
font: 18px 'Raleway', Arial, sans-serif;
line-height: 22px;
}
h6{
font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
}
img.float-left{
float: left;
margin: 12px 12px 12px 0;
}
img.float-right{
float: right;
margin: 12px 0px 12px 12px;
}
img + p, p+img{
display: block;
margin-top: 15px;
}
.bottom-fixed{
margin-bottom: -80px;
position: absolute;
bottom: 0;
}
span.strong,
b{
font-weight: 600;
}
.text-red{
color: #ce292d;
}
/* ==========================================================================
4. HEADER
============================================================================= */
#page-wrapper{
margin-right: auto;
margin-left: auto;
width: 1230px;
max-width:100%;
background: #fff;
}
#page-stretch{
margin-right: auto;
margin-left: auto;
width: 100%;
background: #fff;
}
/* 4.1. GLOBAL STYLING
----------------------------------------------------------------------------- */
#header-wrapper{
width: 100%;
margin: 0 auto;
z-index: 1000;
position: relative;
background: #fff;
border-bottom:8px solid #9c3354;
-webkit-transition: height 0.2s ease 0s;
-moz-transition: height 0.2s ease 0s;
-ms-transition: height 0.2s ease 0s;
-o-transition: height 0.2s ease 0s;
transition: height 0.2s ease 0s;
}
#page-wrapper .static{
max-width: 1230px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
z-index: 9999;
}
#page-stretch .static{
max-width: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
z-index: 9999;
}
#top-bar-wrapper{
width: 100%;
background: #fff;
margin: 0 auto;
border-bottom: 1px solid #eee;
}
#top-bar{
margin: 0 auto;
width: 1170px;
}
#top-bar .contact-info{
width: 50%;
float: left;
padding-top: 16px;
}
#top-bar .contact-info li{
line-height: 0;
float: left;
margin-right: 25px;
color: #333333;
font-size: 12px;
}
#top-bar .contact-info li a,#top-bar .contact-info li a:hover{
line-height: 12px;
color: #333333;
}
#top-bar .social-links{
max-width: 50%;
float: right;
}
#top-bar .social-links li{
float: left;
background: #fff;
width: 45px;
height: 45px;
border-left: 1px solid #eee;
}
#top-bar .social-links li a{
color: #bbb;
width: 45px;
height: 45px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
#top-bar .social-links li:hover a{
color: #fff !important;
}
#top-bar .social-links li:last-child{
border-right: 1px solid #eee;
}
.social-links.presentation li a{
float: left;
width: 45px;
height: 45px;
margin-right: 2px;
margin-bottom: 2px;
font-size: 18px;
}
#header{
width: 1170px;
margin: 0 auto;
}
#logo{
margin:0;
float: left;
max-width: 262px;
}
/* 4.2. MAIN NAVIGATION
----------------------------------------------------------------------------- */
#nav-container{
width: 860px;
height: 80px;
margin-left: 0;
z-index: 1000;
position: relative;
float: left;
}
#nav{
height: 100%;
list-style: none;
max-width: 100%;
float: right;
}
#nav > ul{
display: block !important;
}
#nav li{
float: left;
position: relative;
cursor: pointer;
}
#nav > ul > li > a{
font: 13px 'Open Sans', Arial, sans-serif;
padding: 30px 15px;
}
#nav > ul > li.current-menu-item > a,
#nav > ul > li:hover > a{
background: #f6f6f6;
}
#nav > ul > li > a{
text-transform: uppercase;
}
#nav > ul > li{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#nav li a{
float: none;
display: block;
font: 13px 'Open Sans', Arial, sans-serif;
color: #333;
}
#nav > ul > li.no-sub:hover{
border-bottom: 4px solid #eee;
}
/* MAIN NAVIGATION SECOND LEVEL
----------------------------------------------------------------------------- */
#nav li ul{
display: none;
position: absolute;
margin: 0;
top: 100%;
left: 0;
z-index: 100;
width: 200px;
}
#nav li ul li{
background: #fff;
border-right: 4px solid #eee;
border-left: 4px solid #eee;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
#nav li ul li:first-child{
border-top: 4px solid #eee;
}
#nav li ul li:last-child{
border-bottom: 4px solid #eee;
}
#nav li ul li:hover{
background: #fff;
}
#nav li ul li a{
text-transform: none !important;
font: 13px 'Droid Sans', sans-serif;
line-height: 15px;
color: #777 !important;
padding: 10px 15px !important;
transition-property: text-indent;
transition-duration: 0.2s;
-webkit-transition-property: text-indent;
-webkit-transition-duration: 0.2s;
-moz-transition-property: text-indent;
-moz-transition-duration: 0.2s;
-o-transition-property: text-indent;
-o-transition-duration: 0.2s;
}
#nav li ul li:hover > a{
text-indent: 3px;
color: #333 !important;
background: #f6f6f6;
}
#nav li ul li, #nav li ul li a{
float: none;
}
#nav li.current-menu-item ul li.current-menu-item{
background: #f6f6f6;
}
/* MAIN NAVIGATION THIRD LEVEL
----------------------------------------------------------------------------- */
#nav li ul li ul {
display: none;
}
#nav li ul li:hover ul {
left: 100%;
top: -2px;
padding-top: 0 !important;
padding-left: 5px;
position: absolute;
display: block !important;
}
html.com_flexicontent.view-item.itemid-720.j36.js.no-touch.cssanimations.csstransitions > body.homepage > div#page-stretch > section.footer-wrapper > div.copyright-container > div.container > div.row > section.grid_6 > div.footer-breadcrumbs > div.moduletable > nav#nav > ul {
list-style:none;
display:inline;
color:#333;
font-size:10px;
font-family:Helvetica,Arial;
}
.shortcut1 h3,
.shortcut2 h3,
.shortcut3 h3,
div#Mod544.t3-module.module > div.module-inner > h3.module-title,
div#Mod564.t3-module.module > div.module-inner > h3.module-title,
div#Mod565.t3-module.module > div.module-inner > h3.module-title{
color:#fff;
font-size:18px;
text-transform:uppercase;
padding-left:28px;
}
.shortcut4 .fax{
background: url('../images/icon-fax.png') no-repeat 0 0;
font-weight:bold;
padding-left:18px;
}
.shortcut4 .phone{
background: url('../images/icon-phone.png') no-repeat 0 0;
font-weight:bold;
padding-left:18px;
}
.shortcut1 li,
.shortcut2 li,
.shortcut3 li,
.shortcut4 li{
width:90%;
}
.shortcut1 li a,
.shortcut2 li a,
.shortcut3 li a,
.shortcut4 li a{
color:#fff;;
padding-left:15px;
}
.shortcut1 li a:hover,
.shortcut2 li a:hover,
.shortcut3 li a:hover,
.shortcut4 li a:hover{
color:#E0B653;
}
.shortcut ul{
list-style:none;
display:inline;
color:#333;
font-size:10px;
font-family:Helvetica,Arial;
}
.shortcut li{
display:inline;
}
.shortcut li a{
padding:0 5px;
}
div.module-ct > div.custom > div.shortcut1 > ul > li > a,
div.module-ct > div.custom > div.shortcut2 > ul > li > a,
div.module-ct > div.custom > div.shortcut3 > ul > li > a,
div.module-ct > div.custom > div.shortcut4 > ul > li > a {
color:#fff;
}
div.module-ct > div.custom > div.shortcut1 > ul > li > a:hover,
div.module-ct > div.custom > div.shortcut2 > ul > li > a:hover,
div.module-ct > div.custom > div.shortcut3 > ul > li > a:hover,
div.module-ct > div.custom > div.shortcut4 > ul > li > a:hover {
color:#e0b653;
text-decoration:none;
}
/* 4.3. SEARCH
------------------------------------------------------------------------------*/
#search{
background: url('../images/search.png') no-repeat;
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
cursor: pointer;
margin-left: 30px;
top: 20px;
float: right;
z-index: 1005;
}
.search-submit{
width: 40px;
height: 40px;
border: none;
text-indent: -9999px;
position: absolute;
cursor: pointer;
}
#m_search{
background: #fff;
border: 1px solid #ddd;
padding: 8px 10px;
position: absolute;
top: 105%;
width: 135px;
margin-left: -112px;
font: italic 11px 'Raleway', Arial, sans-serif;
color: #777;
display: none;
}
/* ==========================================================================
4.4. HEADER STYLE 3 (grey colored top bar)
============================================================================= */
.header-style-3 #top-bar-wrapper{
background: #333;
border-bottom: none;
}
.header-style-3 #top-bar .contact-info li,
.header-style-3 #top-bar .contact-info li a{
color: #bbb;
}
.header-style-3 #top-bar .social-links li{
background: #444;
border-left: 1px solid #555;
border-right: 1px solid #333;
}
.header-style-3 #top-bar .social-links li:last-child{
border-right: none;
}
/* ==========================================================================
4.5. HEADER STYLE 4
============================================================================= */
.header-style-4 .social-links{
float: right;
margin-left: 30px;
max-width: 1030px;
margin-top: 25px;
}
.header-style-4 .social-links li{
float: left;
margin-left: 10px;
background-color: #eee;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header-style-4 .social-links li:hover a{
color: #fff !important;
}
.header-style-4 .social-links li a{
width: 30px;
font-size: 10px;
height: 30px;display: table-cell;
vertical-align: middle;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header-style-4 #nav-container{
width: 100%;
margin-left: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.header-style-4 #nav-container #nav{
max-width: 1100px;
float: left;
}
/* ==========================================================================
4.6. HEADER STYLE 5
============================================================================= */
.header-style-5 #logo{
width: 100%;
max-width: 100%;
margin: 20px auto;
float: none;
}
.header-style-5 #logo a{
display: table;
margin: 0 auto;
}
.header-style-5 #nav-container{
width: 100%;
margin-left: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.header-style-5 #nav-container #nav{
max-width: 1100px;
float: left;
}
/* ==========================================================================
5. PAGE TITLES
============================================================================= */
#page-title{
background: url('../images/page-titles/page-title-bkg.jpg') center center;
background-size: cover;
padding: 100px 0 0;
margin-bottom: 70px;
overflow: hidden;
position: relative;
background-attachment: fixed;
}
#page-titles{
background: url('../images/page-titles/page-title-bkg.jpg') center center;
background-size: cover;
padding: 400px 0 0;
margin-bottom: 70px;
overflow: hidden;
position: relative;
background-attachment: fixed;
}
#page-title.no-image .pt-title{
padding-bottom: 100px;
}
.pt-title{
padding: 20px 0;
}
.pt-title h1{
font-size: 36px;
line-height: 38px;
}
.pt-image-container{
float: right;
width: 100%;
}
.pt-image{
position: relative;
bottom: 0;
}
.pt-image .float-right{
margin: 0;
}
.page-title-1 .breadcrumbs{
padding: 5px 10px;
display: inline-block;
color: #fff;
position: absolute;
bottom: 0;
}
.breadcrumbs li{
color: #fff;
float: left;
padding-right: 5px;
line-height: 22px;
font-family: 'Raleway', Arial, sanserif;
}
.breadcrumbs li a{
color: #fff;
font-family: 'Raleway', Arial, sanserif;
}
.breadcrumbs li a:hover{
color: #ddd !important;
}
/* 5.1. PAGE TITLE 2
============================================================================= */
#page-title.page-title-2{
padding: 50px 0;
}
#page-title.page-title-2 .pt-title{
padding: 0;
float: left;
margin-right: 40px;
}
#page-title.page-title-2 .pt-title h1{
margin-bottom: 0;
}
#page-title.page-title-2 .breadcrumbs{
float: right;
padding: 5px 10px;
display: inline-block;
color: #fff;
}
/* 5.2. PAGE TITLE 3
============================================================================= */
#page-title.page-title-3{
background: #f6f6f6;
padding: 10px 0;
}
#page-title.page-title-3 .breadcrumbs li a{
color: #666;
}
/* ==========================================================================
6. ELEMENTS
============================================================================= */
/* 6.1. ACCORDION
============================================================================= */
.accordion .title{
background-repeat: no-repeat;
background-position: 10px 8px;
padding-left: 45px;
padding-top: 10px;
float: left;
background-color: #f6f6f6;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
}
.accordion .title a{
font-size: 14px;
font-family: 'Raleway', Arial, sans-serif;
}
.accordion .title span{
padding-right: 10px;
font-size: 16px;
}
.accordion .title,
.accordion .content{
padding-bottom: 10px;
float: left;
cursor: pointer;
width: 100%;
}
.accordion .title.active a{
color: #222;
font-weight: 500;
}
.accordion .title a:hover{
color: #333;
}
.accordion .content{
padding-bottom: 20px;
}
/* Accordion style 2
----------------------------------------------------------------------------- */
.accordion.style-2 .title{
background-color: #fff;
background-image: url('../images/accordion-closed2.png');
border: 1px solid #e6e6e6;
}
.accordion.style-2 .title.active{
background-image: url('../images/accordion-opened2.png');
}
/* 6.2. BLOCKQUOTE
============================================================================= */
blockquote{
background: #f6f6f6;
width: 100%;
padding: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
}
blockquote p{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font: italic 16px 'Open Sans', Arial, sans-serif;
font-weight: 300;
line-height: 26px;
}
cite{
font-size: 12px;
padding: 10px 0 0;
display: block;
width: 100%;
font-weight: 400;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
p + blockquote,
blockquote + p{
margin-bottom: 14px;
display: block;
margin-top: 14px;
float: left;
}
/* 6.3. BUTTONS
============================================================================= */
.btn-group{
width: 100%;
float: left;
}
.btn-group a.btn-medium,
.btn-group a.btn-big{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.btn-medium i,
.btn-big i{
padding-right: 8px;
}
.btn-medium{
padding: 10px 15px;
font: 13px 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
color: #fff;
float: left;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-big{
padding: 15px 18px;
font: 14px 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
color: #fff;
float: left;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-medium:hover,
.btn-big:hover{
color: #fff !important;
}
/* EMPTY BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.empty,
.btn-big.empty{
background: none;
color: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-medium.empty:hover,
.btn-big.empty:hover,
.btn-medium.empty.white,
.btn-big.empty.white{
color: #fff !important;
}
.btn-medium.empty.white,
.btn-big.empty.white{
border: 1px solid #fff;
}
/* BUTTONS COLORS
============================================================================= */
/* Black
----------------------------------------------------------------------------- */
.btn-medium.black,
.btn-big.black{
background: #333;
}
.btn-medium.black:hover,
.btn-big.black:hover{
background: #555;
}
.btn-medium.empty.black,
.btn-big.empty.black{
border: 1px solid #333;
color: #333 !important;
background: none;
}
.btn-medium.empty.black:hover,
.btn-big.empty.black:hover{
background-color: #333;
color: #fff !important;
}
/* Grey
----------------------------------------------------------------------------- */
.btn-medium.grey,
.btn-big.grey{
background: #777;
}
.btn-medium.grey:hover,
.btn-big.grey:hover{
background: #888;
}
.btn-medium.empty.grey,
.btn-big.empty.grey{
border: 1px solid #777;
color: #777 !important;
background: none;
}
.btn-medium.empty.grey:hover,
.btn-big.empty.grey:hover{
background-color: #777;
color: #fff !important;
}
/* Silver
----------------------------------------------------------------------------- */
.btn-medium.silver,
.btn-big.silver{
background: #aaa;
}
.btn-medium.silver:hover,
.btn-big.silver:hover{
background: #bbb;
}
.btn-medium.empty.silver,
.btn-big.empty.silver{
border: 1px solid #aaa;
color: #777 !important;
background: none;
}
.btn-medium.empty.silver:hover,
.btn-big.empty.silver:hover{
background-color: #aaa;
color: #fff !important;
}
/* Blue
----------------------------------------------------------------------------- */
.btn-medium.blue,
.btn-big.blue{
background: #2277eb;
}
.btn-medium.blue:hover,
.btn-big.blue:hover{
background: #4E92EF;
}
.btn-medium.empty.blue,
.btn-big.empty.blue{
border: 1px solid #2277eb;
color: #2277eb !important;
background: none;
}
.btn-medium.empty.blue:hover,
.btn-big.empty.blue:hover{
background-color: #2277eb;
color: #fff !important;
}
/* Red
----------------------------------------------------------------------------- */
.btn-medium.red,
.btn-big.red{
background: #d52b2a;
}
.btn-medium.red:hover,
.btn-big.red:hover{
background: #DD5555;
}
.btn-medium.empty.red,
.btn-big.empty.red{
border: 1px solid #d52b2a;
color: #d52b2a !important;
background: none;
}
.btn-medium.empty.red:hover,
.btn-big.empty.red:hover{
background-color: #d52b2a;
color: #fff !important;
}
/* Yellow
----------------------------------------------------------------------------- */
.btn-medium.yellow,
.btn-big.yellow{
background: #fcc820;
}
.btn-medium.yellow:hover,
.btn-big.yellow:hover{
background: #FDD34D;
}
.btn-medium.empty.yellow,
.btn-big.empty.yellow{
border: 1px solid #fcc820;
color: #fcc820 !important;
background: none;
}
.btn-medium.empty.yellow:hover,
.btn-big.empty.yellow:hover{
background-color: #fcc820;
color: #fff !important;
}
/* Orange
----------------------------------------------------------------------------- */
.btn-medium.orange,
.btn-big.orange{
background: #f8806c;
}
.btn-medium.orange:hover,
.btn-big.orange:hover{
background: #F99989;
}
.btn-medium.empty.orange,
.btn-big.empty.orange{
border: 1px solid #f8806c;
color: #f8806c !important;
background: none;
}
.btn-medium.empty.orange:hover,
.btn-big.empty.orange:hover{
background-color: #f8806c;
color: #fff !important;
}
/* Green
----------------------------------------------------------------------------- */
.btn-medium.green,
.btn-big.green{
background: #9ab869;
}
.btn-medium.green:hover,
.btn-big.green:hover{
background: #AEC687;
}
.btn-medium.empty.green,
.btn-big.empty.green{
border: 1px solid #9ab869;
color: #9ab869 !important;
background: none;
}
.btn-medium.empty.green:hover,
.btn-big.empty.green:hover{
background-color: #9ab869;
color: #fff !important;
}
/* Aqua
----------------------------------------------------------------------------- */
.btn-medium.aqua,
.btn-big.aqua{
background: #60cfc8;
}
.btn-medium.aqua:hover,
.btn-big.aqua:hover{
background: #80D9D3;
}
.btn-medium.empty.aqua,
.btn-big.empty.aqua{
border: 1px solid #60cfc8;
color: #60cfc8 !important;
background: none;
}
.btn-medium.empty.aqua:hover,
.btn-big.empty.aqua:hover{
background-color: #60cfc8;
color: #fff !important;
}
/* 6.4. CLIENT CAROUSEL
============================================================================= */
#client-carousel li{
width: 170px;
margin-right: 30px;
float: left;
display: block;
}
/* 6.5. DEVELOPMENT PROCESS BOXESS
============================================================================= */
.process-box{
background: #fff;
width: 90%;
float: right;
padding: 25px 15px 25px 70px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.process-box::after{
position: absolute;
display: block;
content: "";
background: url('../images/development-shadow.png') no-repeat center 0;
bottom: 0;
width: 100%;
height: 19px;
left: 0;
bottom: -19px;
opacity:0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.process-box:hover{
transform: translateY(-10px);
-ms-transform: translateY(-10px); /* IE 9 */
-webkit-transform: translateY(-10px); /* Safari and Chrome */
}
.process-box:hover h5,
.process-box:hover p{
color: #fff;
}
.process-box:hover::after{
opacity: 0.7;
}
.process-box .img-container{
width: 94px;
height: 94px;
position: absolute;
left: -50px;
top: 50%;
margin-top: -50px;
display: block;
float: left;
border: 3px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
overflow: hidden;
z-index: 30;
}
.process-box .img-container img{
width: 94px;
height: 94px;
display: block;
-webkit-border-radius: 50%;
}
.process-box h5{
margin-bottom: 15px;
}
/* 6.6. DROPCAPS
============================================================================= */
.dropcap{
color: #fff;
background: #333;
float: left;
margin-right: 10px;
font: 18px 'Open Sans', Arial, sans-serif;
line-height: 18px;
padding: 14px;
position: relative;
top: 8px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.dropcap.circle{
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
top: 5px;
}
/* 6.7. HEADING CENTERED
============================================================================= */
.heading-centered{
width: 100%;
margin-bottom: -40px;
}
.headingcentered{margin-bottom: 60px;float: left;text-align: center;}
.headingcentered h3{font: 32px 'Raleway', Arial , sans-serif;
line-height: 34px;width: 100%;
text-align: center;
margin-bottom: 10px;
}
.pricing-box{
margin-top: 50px;
}
.heading-centered h1,
.heading-centered h2,
.heading-centered h3,
.heading-centered h4,
.heading-centered h5,
.heading-centered h6,
.heading-centered p{
width: 100%;
text-align: center;
margin-bottom: 5px;
}
/* 6.8. HEADING WITH BORDERS
============================================================================= */
.heading-bordered{
border-bottom: 1px solid #e8eef6;
margin-bottom: 30px;
width: 100%;
float: left;
}
.heading-bordered h1,
.heading-bordered h2,
.heading-bordered h3,
.heading-bordered h4,
.heading-bordered h5,
.heading-bordered h6,.serviceboxe.partners h3{
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #a8b4c3;
display: inline-block;
margin-bottom: -1px;
}
.serviceboxe.partners h3{
margin-top: 40px;
}
.clients h3,.offerservice h3,.blogposts h3,.values h3,.ourskill h3{
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #a8b4c3;
/*display: inline-block;*/
}
/* 6.9. HIGHLIGHTED TEXT
============================================================================= */
.highlighted-color,
.highlighted-color:hover{
color: #fff !important;
margin-right: 3px;
}
/* 6.10. HISTORY SECTION
============================================================================= */
.history{
width: 100%;
float: left;
}
.history .year-holder{
width: 104px;
height: 104px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
float: left;
margin-right: 30px;
}
.history .year-holder .inner-holder{
position: relative;
top: 9px;
left: 9px;
}
.history .year-holder span.year{
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
position: relative;
font-size: 18px;
font-weight: 300;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.history h4{
margin-bottom: 12px;
padding-top: 15px;
padding-left: 140px;
}
.history-arrow-left,
.history-arrow-right{
width: 100%;
min-height: 104px;
}
.history p{
padding-left: 140px;
}
/* 6.11. ICONS LISTS
============================================================================= */
.icons-list li a, .icons-list li p {
padding-left: 10px;
display: inline;
}
.icons-list li{
padding-bottom: 3px;
}
.icons-list.big li{
font-size: 22px;
padding-bottom: 8px;
}
.icons-list.big li p{
font-size: 18px;
position: relative;
top: -2px;
font-family: 'Raleway', Arial, sans-serif;
}
/* 6.12. INFORMATIN BOXES
============================================================================= */
.information-boxes{
width: 100%;
float: left;
cursor: pointer;
}
.information-boxes .close{
width: 20px;
height: 20px;
display: block;
position: absolute;
background: url('../images/close.png') no-repeat;
display: block;
top: 5px;
right: 5px;
cursor: pointer;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.information-boxes:hover .close{
opacity: 1;
}
/* INFORMATION BOXES - INFO BOX
----------------------------------------------------------------------------- */
.infobox{
background: #e0f2ff;
border: 1px solid #c1def2;
width: 100%;
float: left;
margin-bottom: 10px;
position: relative;
}
.infobox p{
background: url('../images/info-box.png') no-repeat 0 center;
margin: 10px 30px 10px 10px;
padding-left: 25px;
color: #61adb0;
text-shadow: 0 1px 0 #fff;
}
/* Infromation boxes - WARNING BOX
----------------------------------------------------------------------------- */
.warning-box{
background: #f8f6bc;
border: 1px solid #e7e48b;
width: 100%;
float: left;
margin-bottom: 10px;
position: relative;
}
.warning-box p{
background: url('../images/warning-box.png') no-repeat 0 center;
margin: 10px 30px 10px 10px;
padding-left: 27px;
color: #989426;
text-shadow: 0 1px 0 #fff;
}
/* Infromation boxes - SUCCES BOX
----------------------------------------------------------------------------- */
.success-box{
background: #ebfdd7;
border: 1px solid #cef4a4;
border-radius: 3px;
width: 100%;
float: left;
margin-bottom: 10px;
position: relative;
}
.success-box p{
background: url('../images/success-box.png') no-repeat 0 center;
margin: 10px 30px 10px 10px;
padding-left: 25px;
color: #7eb244;
text-shadow: 0 1px 0 #fff;
}
/* Infromation boxes - ERROR BOX
----------------------------------------------------------------------------- */
.error-box{
background: #fadddd;
border: 1px solid #fcc1c1;
border-radius: 3px;
width: 100%;
float: left;
margin-bottom: 10px;
position: relative;
}
.error-box p{
background: url('../images/error-box.png') no-repeat 0 center;
margin: 10px 30px 10px 10px;
padding-left: 25px;
color: #d86d6d;
text-shadow: 0 1px 0 #fff;
}
/* 6.13. NOTES
============================================================================= */
.note h2{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.note .btn-medium,
.note .btn-big{
float: none;
display: table;
margin: 0 auto;
}
/* NOTE WITH BACKGROUND CENTERED */
.note.has-background{
background: #f6f6f6;
padding: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-content.background-black .note{
padding: 40px 0;
width: 100%;
}
.page-content.background-black .note h4{
color: #fff;
text-align: center;
}
/* 6.14. PORTFOLIO CAROUSEL
============================================================================= */
.carousel-nav-container{
width: 100%;
float: left;
}
.portfolio-carousel .isotope-item{
margin-bottom: 0;
margin-right: 2px;
display: block;
float: left;
height: auto;
}
.carousel-nav{
margin: 25px auto 0 ;
display: table;
}
.carousel-nav li{
width: 30px;
height: 30px;
float: left;
background-color: #eee;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin-right: 5px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.carousel-nav li a[class^="c_prev"]{
background-image: url('../images/c_prev.png');
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
display: block !important;
}
.carousel-nav li a[class^="c_next"]{
background-image: url('../images/c_next.png');
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
display: block !important;
}
/* 6.15. PRICING TABLES
============================================================================= */
.pricing-table-col{
border: 10px solid #eee;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pricing-table-col .head{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
}
.pricing-table-col .head h2{
padding: 20px 0;
text-align: center;
margin-bottom: 0;
font-size: 22px;
font-weight: 500;
}
.pricing-table-col .head .price{
background: #f6f6f6;
width: 100%;
padding: 10px 0;
text-align: center;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
display: block;
font: 12px Arial, sans-serif;
color: #333;
}
.head .price span{
font: 30px 'Open Sans', Arial, sans-serif;
font-weight: 300;
}
.pricing-table-col.selected .head .price span,
.pricing-table-col.selected .head .price{
color: #fff !important;
}
.pricing-table-col li{
color: #777;
padding: 8px;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #fff;
text-align: center;
width: 100%;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pricing-table-col li:first-child{
border: none;
float: none;
}
.pricing-table-col li.odd{
background-color: #fcfcfc;
}
li.pricing-footer{
height: auto !important;
width: 100%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-top: none;
}
.pricing-footer .btn-small,
.pricing-footer .btn-medium,
.pricing-footer .btn-big{
margin: 5px auto;
display: table;
float: none;
}
/* 6.16. SERVICES BOXES
============================================================================= */
#services-carousel li{
margin-right: 30px;
}
/* Service box style 1
----------------------------------------------------------------------------- */
.service-box-1{
width: 100%;
float: left;
cursor: pointer;
}
.service-box-1 .icon{
height: auto;
width: auto;
padding: 10px;
font-size: 16px;
background: #333;
color: #fff;
float: left;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
display: table-cell;
vertical-align: middle;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-box-1 h5{
padding-top: 7px;
margin-bottom: 20px;
padding-left: 50px;
}
.service-box-1:hover .icon{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/* Service box 2 (background and shadow)
----------------------------------------------------------------------------- */
.service-box-2{
width: 100%;
padding: 30px;
cursor: pointer;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.service-box-2 .icon{
width: 100%;
margin: 0 auto 15px;
display: table;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.service-box-2:hover .icon i{background:#fff!important;}
.service-box-2 .icon i{
font-size: 24px;
padding: 20px;
display: table;
vertical-align: middle;
text-align: center;
margin: 0 auto;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.service-box-2 h5{
text-align: center;
margin-bottom: 10px;
}
.service-box-2 p{
text-align: center;
}
.service-box-2 a.read-more{
width: 100%;
float: none;
text-align: center;
display: block;
}
.service-box-2:hover .icon i{
background-color: #fff;
}
.service-box-2:hover h5,
.service-box-2:hover p,
.service-box-2:hover a.read-more{
color: #fff;
}
.service-box-2 a.read-more:hover{
color: #fff !important;
}
.service-box-2:hover::before{
content: "";
position: absolute;
display: block;
background: url('../images/service-shadow-left.png') no-repeat;
top: 0;
left: -16px;
width: 16px;
height: 253px;
}
.service-box-2:hover::after{
content: "";
position: absolute;
display: block;
background: url('../images/service-shadow-right.png') no-repeat;
top: 0;
right: -16px;
width: 16px;
height: 253px;
}
/* 6.17. SERVICES OVERVIEW LIST
============================================================================= */
.services-overview li{
background: url('../images/checkmark.png') no-repeat 0 0;
float: left;
width: 100%;
padding-left: 70px;
margin-bottom: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.services-overview li h5{
margin-bottom: 15px;
}
/* 6.18. SERVICES VERTICAL TABS
----------------------------------------------------------------------------- */
.tabs.vertical.services-tabs{
width: 50%;
}
.tabs.vertical.services-tabs li{
background: none;
border: none;
margin-bottom: 30px;
}
.tabs.vertical.services-tabs li.active,
.tabs.vertical.services-tabs li:first-child{
border: none !important;
}
.tabs.vertical.services-tabs li.active{
background: none;
}
.tabs.vertical.services-tabs li a{
padding: 0;
}
.tabs.vertical.services-tabs li.active a{
color: #fff !important;
}
.tabs.vertical.services-tabs li .icon{
height: auto;
width: auto;
font-size: 30px;
padding: 20px;
background: #fff;
display: table-cell;
float: left;
border: 1px solid #eee;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tabs.vertical.services-tabs li:hover .icon{
color: #fff;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tabs.vertical.services-tabs li.active:hover .icon{
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.tabs.vertical.services-tabs li h5{
margin-bottom: 3px;
padding-left: 92px;
padding-top: 12px;
}
.tabs.vertical.services-tabs p{
padding-left: 92px;
}
.tab-content-wrap.vertical.services-tab-content-wrap{
background: none;
padding: 0 0 0 30px;
width: 50%;
}
.tab-content-wrap.vertical.services-tab-content-wrap .tab-content{
background: none;
}
/* 6.19. SKILLS CIRCULAR STYLE
============================================================================= */
.skills-circular{
margin: 40px 0px;
width: 100%;
float: left;
}
.skills-circular li{
float: left;
margin-right: 30px;
}
.skills-circular.big li{
margin-left: 30px;
margin-right: 60px;
min-height: 155px;
}
.skills-circular li:last-child{
margin-right: 0;
}
.chart {
position: relative;
display: inline-block;
width: 70px;
height: 70px;
text-align: center;
}
.skills-circular.big .chart{
width: 110px;
height: 110px;
}
.chart canvas {
position: absolute;
top: 38px;
left: 0;
}
.percent-container{
top: 50px;
left: 12px;
position: relative;
}
.percent {
display: table-cell;
width: 46px;
height: 46px;
color: #fff;
text-align: center;
vertical-align: middle;
z-index: 2;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.skills-circular.big .percent{
width: 86px;
height: 86px;
font-size: 22px;
}
.chart span.info{
padding-top: 70px;
float: left;
width: 100%;
}
/* 6.20. SKILLS RECTANLE STYLE
============================================================================= */
.skills-bar{
width: 100%;
position: relative;
float: left;
}
.skills{
padding-top: 20px;
display: block;
}
.skills li em{
position: relative;
top: -23px;
font: 12px 'Open Sans', Arial, sans-serif;
font-style: normal;
}
.skills li{
display: block;
height: 15px;
margin-bottom: 35px;
background: rgb(246,246,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
border: 1px solid #ddd;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.expand{
height: 15px;
position: absolute;
margin-top: -1px;
}
.skills .percentage-10 { width:10%; -moz-animation:percentage-10 2s ease-out; -webkit-animation:percentage-10 2s ease-out;}
.skills .percentage-20 { width:20%; -moz-animation:percentage-20 2s ease-out; -webkit-animation:percentage-20 2s ease-out;}
.skills .percentage-30 { width:30%; -moz-animation:percentage-30 2s ease-out; -webkit-animation:percentage-30 2s ease-out;}
.skills .percentage-40 { width:40%; -moz-animation:percentage-40 2s ease-out; -webkit-animation:percentage-40 2s ease-out;}
.skills .percentage-50 { width:50%; -moz-animation:percentage-50 2s ease-out; -webkit-animation:percentage-50 2s ease-out;}
.skills .percentage-60 { width:60%; -moz-animation:percentage-60 2s ease-out; -webkit-animation:percentage-60 2s ease-out;}
.skills .percentage-70 { width:70%; -moz-animation:percentage-70 2s ease-out; -webkit-animation:percentage-70 2s ease-out;}
.skills .percentage-80 { width:80%; -moz-animation:percentage-80 2s ease-out; -webkit-animation:percentage-80 2s ease-out;}
.skills .percentage-90 { width:90%; -moz-animation:percentage-90 2s ease-out; -webkit-animation:percentage-90 2s ease-out;}
.skills .percentage-100 { width:100%; -moz-animation:percentage-100 2s ease-out; -webkit-animation:percentage-100 2s ease-out;}
@-moz-keyframes percentage-10 { 0% { width:0px;} 100%{ width:10%;} }
@-moz-keyframes percentage-20 { 0% { width:0px;} 100%{ width:20%;} }
@-moz-keyframes percentage-30 { 0% { width:0px;} 100%{ width:30%;} }
@-moz-keyframes percentage-40 { 0% { width:0px;} 100%{ width:40%;} }
@-moz-keyframes percentage-50 { 0% { width:0px;} 100%{ width:50%;} }
@-moz-keyframes percentage-60 { 0% { width:0px;} 100%{ width:60%;} }
@-moz-keyframes percentage-70 { 0% { width:0px;} 100%{ width:70%;} }
@-moz-keyframes percentage-80 { 0% { width:0px;} 100%{ width:80%;} }
@-moz-keyframes percentage-90 { 0% { width:0px;} 100%{ width:90%;} }
@-moz-keyframes percentage-100 { 0% { width:0px;} 100%{ width:100%;} }
@-webkit-keyframes percentage-10 { 0% { width:0px;} 100%{ width:10%;} }
@-webkit-keyframes percentage-20 { 0% { width:0px;} 100%{ width:20%;} }
@-webkit-keyframes percentage-30 { 0% { width:0px;} 100%{ width:30%;} }
@-webkit-keyframes percentage-40 { 0% { width:0px;} 100%{ width:40%;} }
@-webkit-keyframes percentage-50 { 0% { width:0px;} 100%{ width:50%;} }
@-webkit-keyframes percentage-60 { 0% { width:0px;} 100%{ width:60%;} }
@-webkit-keyframes percentage-70 { 0% { width:0px;} 100%{ width:70%;} }
@-webkit-keyframes percentage-80 { 0% { width:0px;} 100%{ width:80%;} }
@-webkit-keyframes percentage-90 { 0% { width:0px;} 100%{ width:90%;} }
@-webkit-keyframes percentage-100 { 0% { width:0px;} 100%{ width:100%;} }
/* 6.21. STATS COUNTER
============================================================================= */
.numbers-counter{
width: 100%;
float: left;
}
.numbers-counter li span,
.numbers-counter li p{
color: #fff;
}
.numbers-counter li{
margin-left: 1px;
margin-bottom: 1px;
float: left;
}
.numbers-counter li span{
font-size: 32px;
width: 100%;
text-align: center;
display: block;
}
.numbers-counter li p{
width: 100%;
display: block;
text-align: center;
}
/* DIFFERENT GRIDS - FROM GRID_3 TO GRID_12 */
/* GRID_3 */
.grid_3 .numbers-counter li{
width: 134px;
height: 134px;
}
.grid_3 .numbers-counter li span{
padding-top: 30px;
}
/* GRID_4 */
.grid_4 .numbers-counter li{
width: 184px;
height: 184px;
}
.grid_4 .numbers-counter li span{
padding-top: 50px;
}
/* GRID_5 */
.grid_5 .numbers-counter li{
width: 155px;
height: 155px;
}
.grid_5 .numbers-counter li span{
padding-top: 40px;
}
/* GRID_6 */
.grid_6 .numbers-counter li{
width: 189px;
height: 189px;
}
.grid_6 .numbers-counter li span{
padding-top: 55px;
}
/* GRID_7 */
.grid_7 .numbers-counter li{
width: 166px;
height: 166px;
}
.grid_7 .numbers-counter li span{
padding-top: 45px;
}
/* GRID_8 */
.grid_8 .numbers-counter li{
width: 191px;
height: 191px;
}
.grid_8 .numbers-counter li span{
padding-top: 55px;
}
/* GRID_9 */
.grid_9 .numbers-counter li{
width: 173px;
height: 173px;
}
.grid_9 .numbers-counter li span{
padding-top: 55px;
}
/* GRID_12 */
.grid_12 .numbers-counter li{
width: 194px;
height: 194px;
}
.grid_12 .numbers-counter li span{
padding-top: 55px;
}
.grid_3 .numbers-counter li:nth-child(2n),
.grid_4 .numbers-counter li:nth-child(2n){
margin-right: 0;
}
.grid_5 .numbers-counter li:nth-child(3n),
.grid_6 .numbers-counter li:nth-child(3n){
margin-right: 0;
}
/* 6.22. TESTIMONIALS
============================================================================= */
.caroufredsel_wrapper{
float: left !important;
}
.testimonial-carousel{
float: left;
width: 100%;
}
.testimonial{
float: left;
width: 100%;
display: block;
height: auto;
}
.testimonial .testimonial-text{
width: 100%;
background: #f6f6f6;
padding: 30px 30px 60px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.testimonial .testimonial-text p{
font-size: 14px;
font-style: italic;
}
.testimonial-author{
width: 100%;
position: relative;
top: -40px;
padding-left: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.testimonial-image-container{
float: left;
width: 100px;
height: 100px;
margin-right: 20px;
border: 4px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
overflow: hidden;
}
.testimonial-image-container img{
dispaly: block;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
}
.testimonial-author-name{
margin-bottom: 0;
padding-top: 50px;
}
.testimonial-author-company{
width: 100%;
display: block;
font-style: italic;
font-weight: 300;
}
/* TESTIMONIAL STYLE 02
============================================================================= */
.testimonial.style-2 .testimonial-text{
background: none;
padding-bottom: 0;
}
.testimonial.style-2 .testimonial-text p{
text-align: center;
font-size: 18px;
line-height: 28px;
}
.testimonial.style-2 .testimonial-text span{
text-align: center;
padding-top: 10px;
width: 100%;
display: block;
font-style: italic;
}
/* 6.23. TABS HORISONTAL
============================================================================= */
.tabs,.tabs-icon{
overflow: hidden;
float: left;
}
.tabs i,.tabs-icon i{
padding-right: 5px;
font-size: 13px;
}
.tabs li,.tabs-icon li{
float: left;
border-left: 1px solid #eee;
overflow: hidden;
position: relative;
padding: 0;
line-height: 38px;
top: 1px;
background-color: #f6f6f6;
cursor: pointer;
}
.tabs li a,.tabs-icon li a{
color: #333;
padding: 0px 16px;
font: 13px 'Raleway', Arial, sans-serif;
line-height: 38px;
padding-top: 2px;
}
.tabs li.active,.tabs-icon li.active{
border-bottom: 1px solid #fff;
background-color: #fff;
}
.tabs li:first-child,.tabs-icon li:first-child{
border-left: none;
}
.tabs li.active:first-child,.tabs-icon li.active:first-child{
border-left: 1px solid #eee;
}
.tabs li.active:last-child,.tabs-icon li.active:last-child{
border-right: 1px solid #eee;
}
.tab-content-wrap{
width: 100%;
border: 1px solid #eee;
margin-top: -1px;
overflow: hidden;
float: left;
padding: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* 6.24. TABS VERTICAL
============================================================================= */
*[class*="grid_"].tabs.vertical,
*[class*="grid_"].tabs.vertical li.active{
overflow: visible;
}
.tabs.vertical{
overflow: hidden;
float: left;
width: 30%;
}
.tabs.vertical li{
float: left;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-top: none;
overflow: hidden;
padding: 0;
line-height: 42px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.tabs.vertical li:first-child{
border-top: 1px solid #eee !important;
}
.tabs.vertical li a{
color: #333;
padding: 15px;
font: 13px 'Open Sans', Arial, sans-serif;
float: left;
width: 100%;
box-sizing: border-box;
}
.tabs.vertical li a i{
font-size: 16px;
padding-right: 15px;
position: relative;
top: 2px;
}
.tabs.vertical li.active{
border-bottom: 1px solid #eee;
border-right: none;
border-top: none;
background: #fff;
position: relative;
}
.tabs.vertical li.active a{
color: #fff;
}
.tab-content-wrap.vertical{
margin-top: 0;
overflow: hidden;
float: left;
border: none;
width: 70%;
padding: 0;
}
.tab-content-wrap.vertical .tab-content{
padding-left: 30px;
background: #fff;
}
/* ==========================================================================
7. PAGE SPECIFIC STYLES
============================================================================= */
/* ==========================================================================
7.1. ABOUT PAGES
============================================================================= */
/* 7.1.1. TEAM MEMBERS
============================================================================= */
.team{
width: 100%;
float: left;
}
.team-img-container{
width: 100%;
margin-bottom: 20px;
position: relative;
float: left;
}
.team-img-container .team-img-hover{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.team-img-container .team-img-hover .mask{
background: rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.7);
width: 100%;
height: 100%;
opacity: 0;
display: block;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-img-container:hover .mask{
opacity: 1;
}
.team h6{
margin-bottom: 0;
}
.team .position{
font-style: italic;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
}
.team-social-links{
width: 100%;
margin-top: 15px;
float: left;
}
.team-social-links li{
float: left;
margin-right: 20px;
}
.team-social-links li a{
font-size: 16px;
color: #aaa;
}
/* 7.1.2. TEAM MEMBERS ALTERNATIVE
============================================================================= */
.team-alternative li{
float: left;
margin-right: 1px;
margin-bottom: 1px;
width: 284px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.team-member-hover{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-member-hover .mask{
opacity: 0.7;
width: 100%;
height: 100%;
z-index: 1;
}
.team-member:hover .team-member-hover{
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
opacity: 1;
}
.team-member-hover .team-member-info{
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.team-member-hover .team-member-info h5{
color: #fff;
text-align: center;
padding-top: 60px;
margin-bottom: 3px;
}
.team-member-hover .team-member-info .position{
width: 100%;
display: block;
text-align: center;
font-style: italic;
color: #fff;
margin-bottom: 30px;
}
.team-member-hover .btn-medium{
position: relative;
left: 90px;
}
/* ==========================================================================
7.2. PORTFOLIO
============================================================================= */
.row.portfolio-items-holder{
margin-bottom: 30px;
}
/* Portfolio filters
----------------------------------------------------------------------------- */
.row.portfolio-filters{
margin-bottom: 30px;
}
.portfolio-filters.portfolio-full ul{
display: table;
margin: 0 auto;
}
#filters li{
float: left;
padding-right: 20px;
margin-right: 20px;
cursor:pointer;
}
#filters li .item-number{
float: right;
background: #eee;
min-width: 25px;
min-height: 25px;
display: inline-block;
text-align: center;
margin-left: 10px;
font-family: 'Raleway', Arial, sans-serif;
padding-top: 2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#filters li a{
font-family: 'Raleway', Arial, sans-serif;
}
#filters li.active .item-number,
#filters li:hover .item-number{
color: #fff;
}
#filters li:last-child{
border-right: none;
}
/* PORTFOLIO ITEMS
----------------------------------------------------------------------------- */
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
}
.isotope-item{
float: left;
margin-bottom: 30px;
z-index: 2;
}
.portfolio-img-container .portfolio-img{
position: relative;
overflow: hidden;
width: 100%;
}
.portfolio-img-container .portfolio-img-hover{
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top:0;
left: 0;
transform: scale(0,0);
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-img-container .portfolio-img:hover .portfolio-img-hover{
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
opacity: 1;
}
.isotope-item .portfolio-style-2 .portfolio-img{
width: 100%;
overflow: hidden;
}
.isotope-item .portfolio-img-container .portfolio-img img{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolio-img-container .portfolio-img:hover img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.portfolio-img-container .portfolio-img-hover .mask{
opacity: 0.7;
width: 100%;
height: 100%;
}
.portfolio-img-container .portfolio-img-hover li{
background: #222;
width: 45px!important;
height: 45px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -22px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolio-img-container .portfolio-img-hover li.portfolio-zoom{
margin-left: -45px !important;
}
.portfolio-img-container .portfolio-img-hover li.portfolio-single{
margin-left: 5px !important;
}
.portfolio-img-container .portfolio-img-hover li a{
width: 45px;
height: 45px;
display: table-cell;
text-align: center;
vertical-align: middle;
color: #eee;
}
.portfolio-img-container .portfolio-img-hover li:hover a{
color: #fff !important;
}
.portfolio-img-container figcaption{
width: 100%;
background: #f6f6f6;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.portfolio-img-container figcaption .portfolio-item-like{
float: right;
padding-top: 5px;
}
.grid_6.isotope-item figcaption .title{
max-width: 500px;
}
#portfolioitems{
padding-left: 15px;
}
.portfolio-items-holder .isotope-item{
margin-bottom: 2px;
margin-right: 2px;
margin-left: 0;
}
.portfolio-items-holder .grid_6{
width: 584px;
}
.portfolio-items-holder .grid_4{
width: 388px;
}
.portfolio-items-holder .grid_3{
width: 291px;
}
.portfolio-items-holder .grid_6:nth-child(2n){
margin-right: 0;
}
.container.full #portfolioitems{
padding: 0;
}
.container.full .portfolio-items-holder .isotope-item{
width: 16.6%;
margin-right: 1px;
margin-bottom: 1px;
}
.pagination.portfolio-full{
width: 100%;
margin: 0 auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 30px;
}
.pagination.portfolio-full ul{
float: none;
display: table;
margin: 0 auto;
}
/* Portfolio single project
----------------------------------------------------------------------------- */
.portfolio-info li{
width: 100%;
padding-bottom: 3px;
}
.portfolio-single-like{
width: 100%;
}
.portfolio-single-like p{
display: inline;
float: left;
}
.portfolio-single-like .portfolio-item-like{
width: auto;
float: left;
padding-top: 5px;
padding-left: 10px;
}
/* ==========================================================================
7.3. BLOG
============================================================================= */
.blog-posts li.blog-post{
float: left;
margin-bottom: 80px;
width: 100%;
position: relative;
}
/* Blog media container (image, video, audio, ...)
----------------------------------------------------------------------------- */
#post-slider{
margin-bottom: 0;
}
.post-media-container{
text-align: center;
width: 100%;
margin-bottom: 30px;
position: relative;
float: left;
}
.post-media-container .post-media-hover{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.post-media-container .post-media-hover .mask{
background: rgba(255, 255, 255, 0.3);
box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.7);
width: 100%;
height: 100%;
opacity: 0;
display: block;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.post-media-container:hover .mask{
opacity: 1;
}
/* Video iframe
----------------------------------------------------------------------------- */
.post-media-container iframe{
width: 100%;
height: auto;
min-height: 371px;
}
.grid_12.blog-posts .post-media-container iframe{
min-height: 500px;
}
/* Audio blog post
----------------------------------------------------------------------------- */
.post-media-container .audio-player{
width: 100%;
}
.post-media-container .audio-player.with-image{
position: absolute;
bottom: 30px;
width: 90%;
left: 40px;
}
.grid_12.blog-posts .post-media-container .audio-player.with-image{
left: 60px;
}
/* Blog info icons
----------------------------------------------------------------------------- */
.post-info{
width: 110px;
float: left;
margin-right: 30px;
}
.post-info li,
.post-info-container .date-category li{
float: left;
width: 60px;
height: 60px;
border-radius: 50%;
}
.post-info .post-date,
.post-info-container .post-date{
background: #eee;
position: relative;
z-index: 20;
}
.post-info .post-date span,
.post-info-container .post-date span{
width: 100%;
display: block;
text-transform: uppercase;
}
.post-info .post-date .day,
.post-info-container .post-date .day{
text-align: center;
font: 19px 'Open Sans';
line-height: 20px;
font-weight: 600;
padding-top: 14px;
}
.post-info .post-date .month,
.post-info-container .post-date .month{
font-size: 9px;
text-align: center;
}
.post-info .post-category,
.post-info-container .post-category{
margin-left: -10px;
}
.post-info .post-category i,
.post-info-container .post-category i{
width: 60px;
height: 60px;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 18px;
color: #fff;
}
/* Post body
----------------------------------------------------------------------------- */
.post-body{
padding-left: 140px;
}
.post-body h3{
margin-bottom: 10px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.post-meta{
width: 100%;
margin-bottom: 20px;
float: left;
display: block;
}
.post-meta li{
height: auto;
width: auto;
float: left;
padding-right: 15px;
color: #666;
line-height: 22px;
}
.post-meta li span{
font: 13px 'Open Sans', Arial, sans-serif;
}
.post-meta li a{
position: relative;
display: inline-block;
margin-right: 3px;
}
.post-meta li a::after{
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
content: "";
opacity: 0;
-webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
-o-transition: height 0.2s, opacity 0.2s, transform 0.2s;
-ms-transition: height 0.2s, opacity 0.2s, transform 0.2s;
transition: height 0.2s, opacity 0.2s, transform 0.2s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.post-meta li a:hover::after{
height: 2px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
/* Pagination
----------------------------------------------------------------------------- */
.pagination{
width: 100%;
float: right;
}
.pagination ul{
float: right;
}
.pagination li{
float: left;
margin-right: 14px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #eee;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.pagination li:last-child{
margin-right: 0;
}
.pagination li a{
width: 50px;
height: 30px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.pagination li:hover a,
.pagination li.active a{
color: #fff !important;
}
.pagination li.current-page{
width: auto;
height: auto;
padding-top: 5px;
background: none;
margin-right: 25px;
}
.pagination li.current-page:hover{
background: none;
}
/* BLOG WITH SMALL IMAGES (BLOG.HTML)
============================================================================= */
.blog-posts.blog-post-small-image li .post-media-container{
width: 270px;
margin-right: 30px;
}
.blog-posts.blog-post-small-image li .post-body{
padding-left: 300px;
}
.blog-posts.blog-post-small-image .post-info-container{
width: 100%;
margin-bottom: 20px;
}
.blog-posts.blog-post-small-image .post-info-container .date-category{
width: 110px;
height: 60px;
margin-right: 20px;
float: left;
}
.blog-posts.blog-post-small-image .post-info-container .post-info{
padding-left: 130px;
width: 100%;
margin-right: 0;
float: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.blog-posts.blog-post-small-image .post-info-container .post-info li{
width: auto;
height: auto;
}
.blog-posts.blog-post-small-image .post-media-container iframe{
min-height: 212px;
}
.blog-posts.blog-post-small-image .post-media-container .audio-player.with-image{
left: 15px;
}
/* BLOG MASONRY
============================================================================= */
.blog-posts.isotope.cols li.blog-post.isotope-item{
width: 420px;
margin-right: 30px;
margin-bottom: 50px;
}
.blog-posts.isotope.cols li.blog-post.isotope-item:nth-child(2n){
margin-right: 0;
}
.blog-post.isotope-item .post-info{
width: 70px;
}
.blog-post.isotope-item .post-info .post-category{
margin-left: 0;
margin-top: -10px;
}
.blog-post.isotope-item .post-body{
padding-left: 100px;
}
.blog-post.isotope-item iframe{
min-height: 250px;
}
.blog-posts .blog-post.isotope-item .post-media-container iframe{
/*min-height: 300px;*/
min-height: 170px;
}
.blog-post.isotope-item .post-media-container .audio-player.with-image{
bottom: 20px;
left: 20px;
}
.blog-posts.isotope.full li.blog-post.isotope-item{
width: 370px;
margin-right: 30px;
margin-bottom: 50px;
}
.blog-posts.isotope.full li.blog-post.isotope-item:nth-child(3n){
margin-right: 0;
}
.blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider{
min-height: 158px;
}
/* BLOG SINGLE POST
============================================================================= */
.post-author{
float: left;
margin-bottom: 80px;
width: 100%;
}
.post-author .img-container{
width: 70px;
height: 70px;
float: left;
margin-right: 30px;
border: 3px solid #eee;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.post-author .info{
padding-left: 103px;
}
.post-author .info h6{
margin-bottom: 3px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.post-author .info span.member{
font-style: italic;
margin-bottom: 10px;
display: block;
}
/* ==========================================================================
POST COMMENTS
============================================================================= */
.post-comments{
width: 100%;
float: left;
}
.comments-li{
float: left;
margin-bottom: 30px;
}
.comments-li > li{
float: left;
width: 100%;
margin-bottom: 30px;
}
.comments-li > li:last-child .comment{
border: none;
margin-bottom: 0;
}
.comment{
float: left;
min-height: 60px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.post-comments .comment + .children{
margin-top: 30px;
}
.post-comments .children + .children{
margin-top: 30px;
}
.comment .avatar{
width: 70px;
height: 70px;
margin-right: 30px;
float: left;
border: 3px solid #eee;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.comment-meta li{
font-style: italic;
}
.comment-meta .author{
font: 15px 'Raleway', Arial, sans-serif;
font-weight: 600;
}
.comment .comment-body{
margin-left: 100px;
margin-top: 15px;
}
.comment .comment-reply-link{
display: block;
margin-top: 15px;
background: url('../images/icon-reply.png') no-repeat 0 center;
padding-left: 22px;
cursor: pointer;
text-transform: uppercase;
}
.post-comments .children{
margin-left: 20px;
float: left;
padding: 0 0 0 20px;
}
/* COMMENT FORM */
.comment-form, #respond{
float: left;
width: 100%;
}
#respond form{
margin-top: 20px;
}
#respond fieldset{
margin-bottom: 10px;
}
#respond label{
font-weight: normal;
width: 100%;
color: #444;
display: block;
margin-bottom: 7px;
}
#respond .name-container{
margin-right: 20px;
float: left;
}
#respond .email-container{
float: left;
}
#respond #formLog{float:left;}
#respond .name-container input,
#respond .email-container input{
background: #f6F6F6;
border: 1px solid #ddd;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height: 30px;
width: 308px;
font: 13px 'Open Sans', Arial, sans-serif;
padding-left: 10px;
padding-right: 10px;
float: left;
color: #666;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#respond .message{
float: left;
margin-top: 5px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#respond .message textarea{
background: #f6F6F6;
border: 1px solid #ddd;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font: 13px 'Open Sans', Arial, sans-serif;
line-height: 22px;
padding: 10px;
color: #666;
}
#respond #comment-reply{
color: #fff;
font: 12px 'Open Sans', Arial,sans-serif;
background-color: #333;
cursor: pointer;
padding: 8px 15px;
border: none;
float: right;
margin-top: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-transform: uppercase;
}
#respond .name-container input:focus,
#respond .email-container input:focus,
#respond .message textarea:focus{
border-color: #aaa;
}
/* SHARRE BLOG POSTS AND PORTFOLIO POSTS
============================================================================= */
.share-post{
float: left;
background: #f6f6f6;
margin-top: 30px;
padding: 10px 15px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.share-post span{
float: left;
display: block;
margin-right: 20px;
color: #333;
position: relative;
top: 2px;
}
.share-post #shareme{
float: left;
}
.sharrre .box{
background:#333;
-webkit-box-shadow:0 1px 1px #d3d3d3;
-moz-box-shadow:0 1px 1px #d3d3d3;
box-shadow:0 1px 1px #d3d3d3;
height:22px;
display:inline-block;
position:relative;
padding:0px 55px 0 8px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:12px;
float:left;
clear:both;
overflow:hidden;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
cursor: pointer;
}
.sharrre.portfolio-item-like .box{
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
padding: 0 5px 0 0;
position: relative;
top: -5px;
color: #666;
}
.sharrre .left{
line-height:22px;
display:block;
white-space:nowrap;
text-shadow:0px 1px 1px rgba(255,255,255,0.3);
color:#ffffff;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.sharrre .middle{
position:absolute;
height:22px;
top:0px;
right:30px;
width:0px;
background:#555;
text-shadow:0px -1px 1px #363f49;
color:#fff;
white-space:nowrap;
text-align:left;
overflow:hidden;
-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear;
}
.sharrre .middle a{
color:#ccc;
font-weight:bold;
padding:0 9px 0 9px;
text-align:center;
float:left;
line-height:22px;
-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
position:absolute;
right:0px;
top:0px;
height:100%;
width:45px;
text-align:center;
line-height:22px;
color:#fff;
}
.sharrre .box:hover{
padding-right:130px;
}
.sharrre.portfolio-item-like .box:hover{
padding-right: 5px;
}
.sharrre .middle a:hover{
text-decoration:none;
color: #fff !important;
}
.sharrre .box:hover .middle{
width:90px;
}
.blog-post .share-post{
margin-bottom: 80px;
}
/* ==========================================================================
7.4. CONTACT PAGE
============================================================================= */
/* GOOGLE MAP
------------------------------------------------------------------------------*/
.map_canvas{
width: 100%;
height: 550px;
}
.contact-info-list i{
padding-right: 10px;
padding-bottom: 5px;
}
.widget .contact-info-list li{
background: none;
border-bottom: none !important;
padding-left: 0;
}
/* CONTACT FORM
------------------------------------------------------------------------------*/
.wpcf7{
float: left;
width: 100%;
}
.sp_quickcontact{
float: left;
width: 100%;
margin-bottom: 40px;
}
.wpcf7 fieldset,.sp_quickcontact fieldset{
max-width: 100%;
margin-bottom: 20px;
}
.wpcf7 label,.sp_quickcontact label{
color: #444;
font: 13px Arial,sans-serif;
line-height: 18px;
margin-bottom: 5px;
display: block;
width: 100%;
float: left;
}
.wpcf7-text{
border-radius:0px!important;
max-width: 100%;
background: #f6f6f6!important;
border: 1px solid #ddd!important;
padding: 8px 10px!important;
box-sizing: border-box!important;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
}
.wpcf7-text#portfolio-link{
width: 100%;
}
.wpcf7-textarea{
border-radius:0px!important;
width: 100%;
box-sizing: border-box!important;;
-moz-box-sizing: border-box;
background: #f6f6f6;
border: 1px solid #ddd;
padding: 10px!important;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus{
border-color: #aaa;
}
.wpcf7-submit{
border: 0px solid;
font: 12px 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
line-height: 11px;
color: #fff;
background-color: #333!important;
padding: 10px 17px;
cursor: pointer;
float: right;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.wpcf7-select{
background: #f6f6f6;
border: 1px solid #ddd;
width: 100%;
line-height: 29px !important;
padding: 8px 8px 8px 10px;
font: 12px 'Open Sans', Arial, sans-serif;
color: #666;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* ==========================================================================
8. WIDGETS
============================================================================= */
/* SIDEBAR WIDGETS AND FOOTER WIDGETS GLOBAL STYLES
============================================================================= */
.widget h6{
margin-bottom: 20px;
text-transform: uppercase;
}
.footer-widget-container .widget h6{
color: #eee;
}
.aside-left{
margin-bottom: 0;
float: left;
}
.aside-right{
margin-bottom: 0;
float: right;
}
.widget{
display: block;
margin-bottom: 50px;
float: left;
width: 100%;
}
.widget li{
background: url('../images/aside-arrow.png') no-repeat 0 12px;
border-bottom: 1px dotted #ddd;
padding-left: 28px;
padding-bottom: 5px;
padding-top: 5px;
}
.widget li:last-child{
border-bottom: none !important;
padding-bottom: 0;
}
.footer-widget-container .widget li{
border-bottom: 1px dotted #555;
}
.footer-widget-container li.widget:last-child{
margin-bottom: 70px;
}
/* ASIDE SEARCH WIDGET
============================================================================= */
.widget_search form{
position: relative;
}
.widget_search #a_search{
background: #fff;
border: 1px solid #ddd !important;
width: 100%;
display: block;
font-size: 11px;
font-family: 'Open Sans', Arial, sans-serif;
color: #777;
font-style: italic;
left:0;
top: 0;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.widget_search .search-submit{
background: url('../images/aside-search.png') center center no-repeat;
width: 20px;
height: 100%;
border: none;
text-indent: -9999px;
position: absolute;
float: left;
cursor: pointer;
right: 6px;
top: 1px;
}
/* WIDEGT RECENT POSTS
============================================================================= */
.pi_recent_posts ul > li{
float: left;
border-bottom: none;
background: none;
margin-bottom: 15px;
padding-bottom: 0;
padding-left: 0;
}
.post-media img{height: 70px;}
.pi_recent_posts .post-media,.post-media{
width: 70px;
height: 70px;
overflow: hidden;
margin-right: 20px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pi_recent_posts .widget-post-info .meta li{
margin-bottom: 0px;
}
.pi_recent_posts .widget-post-info{
width: 100%;
padding-left: 90px;
padding-top: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pi_recent_posts .widget-post-info h6{
font-size: 15px;
text-transform: none;
margin-bottom: 0px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.pi_recent_posts .widget-post-info .meta{
width: 100%;
float: left;
}
.pi_recent_posts .widget-post-info .meta li{
width: 50%;
float: left;
padding-right: 10px;
color: #666;
}
.pi_recent_posts .widget-post-info .meta li span{
font: 13px 'Open Sans', Arial, sans-serif;
line-height: 22px;
color: #666;
}
.footer-widget-container .pi_recent_posts li{
border: none;
}
/* WIDEGT LATEST POSTS (ON HOME PAGE) - CAN GO IN GRID_3, GRID_6, GRID_9 AND GRID_12
============================================================================= */
.latest-posts{
width: 100%;
float: left;
}
.latest-posts li .post-media-container{
margin-bottom: 15px;
}
.latest-posts li h5{
width: 100%;
margin-bottom: 5px;
}
.latest-posts li.post{
width: 270px;
margin-right: 30px;
float: left;
}
.latest-posts li.post:last-child{
margin-right: 0;
}
/* WIDEGT RECENT COMMENTS
============================================================================= */
.widget_recent_comments li,#recent_comments li{
background: url('../images/icon-comment.png') no-repeat 0 center;
padding-left: 60px;
padding-top: 0;
min-height: 40px;
border: none;
margin-bottom: 15px;
}
.widget_recent_comments li a{
font-style: italic;
}
.widget_recent_comments li span{
font: 13px 'Open Sans', Arial, sans-serif;
line-height: 22px;
padding-left: 3px;
}
.footer-widget-container .widget_recent_comments li{
color: #bbb;
}
/* IMAGE PHOTO STREAMS/SOCIAL FEED WIDGET
============================================================================= */
.widget.social-feed li{
background: none;
border: none;
padding: 0;
float: left;
width: 66px;
height: 66px;
margin-right: 1px;
margin-bottom: 1px;
overflow: hidden;
}
.widget.social-feed li a img{
width: 66px;
height: 66px;
opacity: 0.6;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.widget.social-feed li a img:hover{
opacity:1;
}
.widget.social-feed li:nth-child(4n){
margin-right: 0;
}
/* NEWSLETTER SUBSCRIBE WIDGET
============================================================================= */
.newsletter .email{
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border: 1px solid #ddd;
color: #666;
width: 148px;
height: 28px;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 11px;
}
.footer-widget-container .newsletter .email{
background: #444;
border: 1px solid #555;
color: #ccc;
color: #bbb;
}
.widget .newsletter .submit{
height: 28px;
color: #eee;
font-size: 11px;
position: relative;
top: 0;
padding: 0 15px;
cursor: pointer;
border: 1px solid #555;
background: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
/* TAG CLOUD WIDGET
============================================================================= */
.widget_tag_cloud a{
background: #f6f6f6;
color: #777;
display: inline-block;
padding: 5px 10px;
margin-bottom: 5px;
margin-right: 2px;
}
.widget_tag_cloud a:hover{
color: #fff !important;
}
.footer-widget-container .widget_tag_cloud a{
background: #444;
color: #bbb;
font-size: 12px;
}
/* TWITTER WIDGET
============================================================================= */
#tweet-sroll-wrapper.widget li{
border: none;
background: url('../images/twitter.png') no-repeat 0 5px;
padding-left: 44px;
margin-bottom: 8px;
}
.footer-widget-container #tweet-sroll-wrapper.widget li a{
color: #ccc;
}
#tweet-sroll-wrapper.widget .tweets-list-container{
overflow: hidden;
width: 100%;
}
#tweet-sroll-wrapper.widget .tweet-list{
position: relative;
}
/* ==========================================================================
9. FOOTER
============================================================================= */
footer#footer.wrap.t3-footer{
background: #333;
border-top: 10px solid #e5e8ec;
padding: 70px 0 30px 0;
}
.footer-wrapper{
background: #27215B;
width: 100%;
float: left;
}
div#Mod254,
div#Mod255,
div#Mod256{
background:transparent;
}
div#Mod254 a,
div#Mod255 a,
div#Mod256 a{
color:#fff;
}
div#Mod254 a:hover,
div#Mod255 a:hover,
div#Mod256 a:hover{
color:#e0b653;
text-decoration:none;
}
#footer p,
footer a{
color: #fff;
}
/* COPYRIGHT CONTAINER
----------------------------------------------------------------------------- */
.copyright-container{
background: #fff;
padding: 20px 0;
width: 100%;
margin: 0 auto;
float: left;
}
.copyright-container a,
.copyright-container p{
line-height: 12px;
font-size: 10px;
color: #333;
}
.copyright-container p{
padding-top: 7px;
}
.footer-breadcrumbs{
float: right;
}
.footer-breadcrumbs a {
margin-right: 15px;
padding-bottom: 3px;
position: relative;
display: inline-block;
}
.footer-breadcrumbs a::after{
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #666;
height: 1px;
content: "";
opacity: 0;
-webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
-o-transition: height 0.2s, opacity 0.2s, transform 0.2s;
-ms-transition: height 0.2s, opacity 0.2s, transform 0.2s;
transition: height 0.2s, opacity 0.2s, transform 0.2s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.footer-breadcrumbs a:hover::after{
height: 2px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.scroll-up{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('../images/to-top.png') no-repeat;
}
.nicescroll-rails{
display:block;
z-index: 10000 !important;
}
/************************************CSS Added Tarikul**********************************/
.dl-menuwrapper #nav{float:none;}
#nav ul li ul{padding:0px;}
.dl-menu.dl-menuopen #nav{float:none;}
.dl-menu.dl-menuopen #nav ul li.dl-subviewopen a.dropdown-toggle{display:none!important;}
.dl-menu.dl-menuopen #nav ul li:last-child{border-bottom:0px;}
.dl-menu.dl-menuopen #nav ul li{float:none;}
.dl-menu.dl-menuopen #nav ul li.dl-subviewopen ul.dropdown-menu li{display:block!important;}
.dl-menu.dl-menuopen #nav ul li a:hover{
background: rgba(255,248,213,0.1);
color:#fff!important;
}
.dl-menu.dl-menuopen #nav li ul.dropdown-menu li.dl-back a{padding-left:30px!important;}
.dl-menu.dl-menuopen #nav li ul li:hover > a{/*background:transparent!important;*/}
.dl-menu.dl-menuopen #nav ul li a{
display: block;
position: relative;
padding: 15px 20px!important;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #fff!important;
outline: none;
}
.dl-menu.dl-menuopen #nav > ul > li.current-menu-item > a {
border-bottom: 0px;
}
.dl-menu.dl-menuopen #nav > ul > li.current-menu-item > a,.dl-menu.dl-menuopen #nav > ul > li:hover > a {
background: none;
}
.service-box-1 h5 a{
font: 18px 'Raleway', Arial, sans-serif!important;
}
.serviceboxe .ns2-art-controllers{
width: 80px;
margin: 0% 50%;
top: 30px;
position: relative;
}
.serviceboxe .ns2-art-prev{
width: 30px!important;
height: 30px!important;
float: left;
background-color: #eee!important;
border-radius: 50%!important;
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
margin-right: 5px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background-image: url(../images/c_prev.png)!important;
}
.serviceboxe .ns2-art-next{
width: 30px!important;
height: 30px!important;
float: left;
background-color: #eee!important;
border-radius: 50%!important;
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
margin-right: 5px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background-image: url(../images/c_next.png)!important;
}
.serviceboxe .ns2-art-prev, .serviceboxe .ns2-links-prev,.serviceboxe .ns2-art-next, .serviceboxe .ns2-links-next {
background-position: 0 0!important;
}
.serviceboxe.portfolio .ns2-art-controllers{
width: 80px;
margin: 0% 50%;
top: 45px;
position: relative;
}
.serviceboxe.portfolios .ns2-art-controllers,.serviceboxe.partners .ns2-art-controllers{top: 55px!important;}
.serviceboxe.portfolios{margin-bottom:100px;}
.serviceboxe.portfolio h3,.serviceboxe.portfolios h3{width: 100%;
text-align: center;font: 32px 'Raleway', Arial , sans-serif;
line-height: 90px;
}
.aboutmepagetitle02{border-radius: 0px;
float: right;
margin-right: 45px;
margin-top: -52px;
}
.breadcrumbss{
border-radius: 0px;
float: left;
margin-left: 55px;
margin-top: -52px;}
.portfolio-info .itemTags li{display: inline;}
.portfolio-info li p.skillss{float:left;}
/*.nivo-directionNav a {
position: absolute;
bottom: 3px;
z-index: 9;
cursor: pointer;
height: 100%;
opacity: 0;
}
.nivo-prevNav{
left:0px;
position:absolute;
width:60px;
height:100%;
background-color: rgba(114, 124, 137, 0.6);
}
.nivo-nextNav{
right:0px;
position:absolute;
width:60px;
height:100%;
background-color: rgba(114, 124, 137, 0.6);
}
.nivoSlider img{width:100%;}
.nivoSlider:hover .nivo-prevNav, .nivoSlider:hover .nivo-nextNav {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-transform: translateX(0%);
}
.nivo-prevNav {
text-indent: -9999px;
width: 60px;
height: 100%;
left: 0;
top: 0;
background-image: url('../images/nivo-left.png');
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-transform: translateX(-100%);
}
.nivo-nextNav {
text-indent: -9999px;
width: 60px;
height: 100%;
right: 0;
top: 0;
background-image: url('../images/nivo-right.png');
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
-transform: translateX(100%);
}
.nivo-prevNav, .nivo-nextNav {
background-color: rgba(114, 124, 137, 0.6);
}
.portfolioslides .ns2-art-next{background-position:0 0!important;}
.portfolioslides .ns2-art-prev:hover{
left: 1px!important;
top: 61px!important;
position: absolute!important;
background-position: 0 0!important;
width: 60px!important;
height: 89%!important;
background-color: rgba(114, 124, 137, 0.6)!important;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-transform: translateX(0%);
}
.portfolioslides .ns2-art-prev:after{top:50%}
.portfolioslides .ns2-art-next:hover{
right: 1px!important;
top: 61px!important;
position: absolute!important;
background-position: 0 0!important;
width: 60px!important;
height: 89%!important;
background-color: rgba(114, 124, 137, 0.6)!important;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-transform: translateX(0%);
}
.portfolioslides .ns2-art-prev{
left: 20px;
background-image: url('../images/nivo-left.png')!important;
background-repeat: no-repeat;
width: 30px!important;
height: 30px!important;
float: left;
text-indent: -999em;
margin: 0 2px;
position: absolute!important;
top: 50%;
z-index: 40;
}
.portfolioslides .ns2-art-next{
right: 20px;
background-image: url('../images/nivo-right.png')!important;
background-repeat: no-repeat;
width: 30px!important;
height: 30px!important;
float: right;
text-indent: -999em;
margin: 0 2px;
position: absolute!important;
top: 50%;
z-index: 41;
}*/
.itemToolbar.mytoolbar{padding:0;
margin: 0px;
border-top: 0px;
border-bottom: 0;
background: none;
}
.myitemview .page-content .row {padding-bottom:0px;}
.itemBody.myitembody,.catItemBody.myitembody{padding:0px!important;}
.page-content.mypattern{padding:0px;}
.itemView.myitemview{
margin: 0px;
border-bottom: 0px;
}
.catItemLinks.mylinks{margin:0px;}
.catItemView.myitemview{padding:0px;}
.itemView.aboutview {
position: relative;
padding:0px!important;
margin: 0px;
border-bottom: 0px;
}
.aboutview .grid_8.identification{
z-index: 40;
top: -212px;
position: absolute;
}
.aboutview .grid_4.identify_image{
top: -317px;
z-index: 43;
right: 0px;
position: absolute;
}
.responsive{margin-top: 100px;}
.icon-comments a.ns2-comments{background:none!important;margin:0px;padding: 0px!important;}
.moduletable.blogposts,.moduletable.clients{margin-top: 35px;}
.footersearch #m_search{
top: 65%;
margin-left:0px;
display:block;
background: #444;
border: 1px solid #555!important;
color: #bbb!important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
width: 148px;
height: 28px;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 11px;
}
.footersearch .btn-primary{
height: 28px;
color: #eee;
font-size: 11px;
left: 158px;
position: relative;
bottom: 50px;
padding: 0 15px;
cursor: pointer;
border: 1px solid #555;
background: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.tagcloud a{
background: #444;
display: inline-block!important;
padding: 5px 10px!important;
margin-bottom: 5px;
margin-right: 4px;
}
.tagcloud a:hover
{
color: #fff!important;
}
.categ{margin-top: 20px;}
.recentpost{margin-top: 38px;}
.recentpost2{margin-top: 30px;}
.recentpost2 .even{background:none;}
.tagcloud h3,.tweets h3,.contactinfo h3,.categ h3{
margin-bottom: 20px;
text-transform: uppercase;
color: #eee;font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
}
.categ .widget_categories{background: url('../images/aside-arrow.png') no-repeat 0 12px;
border-bottom: 1px dotted #555;
padding-left: 28px;
padding-bottom: 5px;
padding-top: 5px;
}
ul.categ li:last-child{border-bottom: 0px;}
.comments,.sidecateg{margin-top: 30px;}
.search-blog h3,.sidecateg h3,.comments h3{
margin-bottom: 20px;
font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;
}
.recentpost2 h3{
margin-bottom: 20px;
font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;
}
.recentpost h3{
padding-bottom: 15px;
border-bottom: 1px solid #a8b4c3;
margin-bottom: 10px;
font: 26px 'Raleway', Arial, sans-serif;
line-height: 20px;
}
.t3-sidebar-right .moduletable h3{
margin-bottom: 20px;
font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;}
.search-blog #a_search{
border-radius: 0px;
height:auto;
background: #fff;
border: 1px solid #ddd !important;
width: 100%;
display: block;
font-size: 11px;
font-family: 'Open Sans', Arial, sans-serif;
color: #777;
font-style: italic;
left: 0;
top: 0;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.search-blog .search-submit{
background: url('../images/aside-search.png') center center no-repeat;
width: 20px;
height: 100%;
border: none;
text-indent: -9999px;
position: absolute;
float: left;
cursor: pointer;
right: 6px;
top: 1px;
}
ul.aside_widgets li.postitem{
width: 100%;
float: left;
border-bottom: none;
background: none;
margin-bottom: 15px;
padding-bottom: 0;
padding-left: 0;
}
.meta li span {
font: 13px 'Open Sans', Arial, sans-serif;
line-height: 22px;
color: #666;
}
.meta {
width: 100%;
float: none;
}
.meta li {
color: #666;
float: left;
padding-right: 9px;
color: #666;
margin-bottom: 0px;
}
.recentpost .even {
background: none;
}
.widget-post-info h6 {
font-size: 15px;
text-transform: none;
margin-bottom: 0px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.sidecateg li{
background: url('../images/aside-arrow.png') no-repeat 0 12px;
border-bottom: 1px dotted #ddd;
padding-left: 28px;
padding-bottom: 5px;
padding-top: 5px;
}
.footermenu #nav > ul > li > a {
font: 13px 'Open Sans', Arial, sans-serif;
padding: 0px;
}
.footermenu #nav > ul > li.current-menu-item > a, .footermenu #nav > ul > li:hover > a {
background: none!important;
}
.flickr-list li {
background: none;
border: none;
padding: 0;
float: left;
width: 66px;
height: 66px;
margin-right: 1px;
margin-bottom: 1px;
overflow: hidden;
border-bottom: 1px dotted #ddd;
/*padding-bottom: 5px;
padding-left: 28px;
padding-top: 5px;*/
}
.flickr-list li a img {
width: 66px;
height: 66px;
opacity: 0.6;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.flickr-list li a img:hover {
opacity: 1;
}
.tagView img{width:100%;border:0px!important;}
.tagItemIntroText{width:700px;}
.serviceboxehome2,.OverSatisfied,.creative{padding:40px 0px;}
.values,.offerservice,.ourskill{padding:35px 0px;}
#nav ul.dropdown-menu li.active a{background:none;}
.portfolio.gallery .team-member{position:relative;}
.experiencein h3{font: 32px 'Raleway', Arial , sans-serif;
line-height: 34px;width: 100%;
text-align: center;
margin-bottom: 10px;
}
.nivoSlider.fullslider img{width:100%!important;position:relative;display:block;}
.myitems {
border-bottom: 0px!important;
}
ul.icons-list{width:auto;height:auto;}
.serviceboxe.partners{
/*border-bottom: 1px solid #e8eef6;*/
margin-bottom: 110px;
}
.serviceboxe.partners .ns2-wrap{margin-top:25px;}
.page-content .row.exceptional{margin-bottom: 20px;}
.itemFullText .row.skills{
bottom: 0px;
top: 115px;
right: 0px;
position: relative;
}
ul.sprocket-mosaic-container li{padding:1px;}
ul.sprocket-mosaic-container .portfolio-img-container .portfolio-img img{width:100%;}
.page-content .fullwidth{/*width:100%;*/}
.carousel.slide .carousel-control {
width:40px;
height:40px;
position: absolute;
top: 50%;
}
.carousel.slide .carousel-control:hover {width:40px!important;height:40px!important;}
.doservice{padding:40px 0px;}
.doservice .page-content.pattern{padding-bottom:0px;}
.serviceboxeservicepage .ns2-page-inner{padding: 40px 0px;}
.comments p.icon-clock{width:auto!important;height:auto!important;}
.myitems.fullwidth img{width:100%!important;}
a.scroll-up:hover{
width: 40px;
height: 40px;
}
.t3-content{}
.container.t3-mainbody{/*padding-left: 0px;*/}
.blog-posts.blog-post-small-image .post-media-container img{height:212px!important;}
.itemja_blog_small,.itemja_blog_big{margin-left:0px;}
.blog-posts.isotope.cols .itemja{margin-left: 0px;
margin-right: 35px;
width: 412px;}
.blog-posts.isotope.cols .itemja img{/*width:100%!important;*/}
.blog-posts.nosidebar{margin-left: 0px;}
.blog-posts.isotope.cols{margin-left:0px;margin-right:0px;}
.contactinformation,.contactform{margin-top:80px;}
.tab-title .heading-centered{margin-bottom:20px;}
.values.faccordion2{margin-top:55px;}
.values.faccordionstyle2{margin-top:113px;}
.accord2{margin-top:20px;}
.serviceboxe.portfolios.features .ns2-art-pages{height:100px!important;}
.caroufredsel_wrapper{/*width:100%!important;*/}
.caroufredsel_wrapper .isotope-item{/*width:100%!important;*/}
.serviceboxe.portfolio .ns2-art-pages,.serviceboxe.portfolios .ns2-art-pages{width:100%!important;}
.grid_12.fullwidth{/*width:100%;*/}
.page-content .grid_12.related{margin-right:0px;margin-left:30px;}
.grid_12.related ul#portfolio-carousels li.isotope-item{margin-left:2px;}
.container.full .fullwidth{width:100%!important;}
.related .isotope-item .portfolio-img-container .portfolio-img img {
width: 100%!important;
}
.full .full{padding-left:0px;padding-right: 30px;}
.ns2-row-inner .ns2-column:nth-child(3) .sharre-facebook{padding-right:30px;}
.jNewsMod .inputbox {
margin: 0px!important;
}
.jNewsLB>form>input.inputbox{
float:left;
background: #444;
border: 1px solid #555;
color: #bbb;
height: 28px;}
.jNewsLB input[type="button"], .jNewsLB input[type="reset"], .jNewsLB input[type="submit"]
{float:right;
height: 28px;
color: #eee;
font-size: 11px;
position: relative;
top: 0;
padding: 0 15px;
cursor: pointer;
border: 1px solid #555;
background: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;}
.jNewsLB input[type="button"]:hover, .jNewsLB input[type="reset"]:hover, .jNewsLB input[type="submit"]:hover{
border: 1px solid #39414b;background-color: #727c89;
}
.jNewsLB span.color_green{color: #bbb;}
/************* Update Code*************/
.ns2-row-inner{margin-bottom: 80px;
position: relative;
}
.sprocket-mosaic .sprocket-mosaic-container {
margin: 0px!important;
}
.comments{margin-bottom:50px;}