*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
a:hover {
cursor: pointer; }
a:focus {
outline: none; }
img,
object,
embed {
max-width: 100%;
height: auto; }
object,
embed {
height: 100%; }
img {
-ms-interpolation-mode: bicubic; }
.left {
float: left !important; }
.right {
float: right !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
.hide {
display: none; }
.antialiased {
-webkit-font-smoothing: antialiased; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; } .row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 73.9375em;
*zoom: 1; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse .column,
.row.collapse .columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left; }
.row .row {
width: auto;
margin-left: -1.34375em;
margin-right: -1.34375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
*zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column,
.columns {
position: relative;
padding-left: 1.34375em;
padding-right: 1.34375em;
width: 100%;
float: left; }
@media only screen {
.column,
.columns {
position: relative;
padding-left: 1.34375em;
padding-right: 1.34375em;
float: left; }
.small-1 {
position: relative;
width: 8.33333%; }
.small-2 {
position: relative;
width: 16.66667%; }
.small-3 {
position: relative;
width: 25%; }
.small-4 {
position: relative;
width: 33.33333%; }
.small-5 {
position: relative;
width: 41.66667%; }
.small-6 {
position: relative;
width: 50%; }
.small-7 {
position: relative;
width: 58.33333%; }
.small-8 {
position: relative;
width: 66.66667%; }
.small-9 {
position: relative;
width: 75%; }
.small-10 {
position: relative;
width: 83.33333%; }
.small-11 {
position: relative;
width: 91.66667%; }
.small-12 {
position: relative;
width: 100%; }
.small-offset-0 {
position: relative;
margin-left: 0%; }
.small-offset-1 {
position: relative;
margin-left: 8.33333%; }
.small-offset-2 {
position: relative;
margin-left: 16.66667%; }
.small-offset-3 {
position: relative;
margin-left: 25%; }
.small-offset-4 {
position: relative;
margin-left: 33.33333%; }
.small-offset-5 {
position: relative;
margin-left: 41.66667%; }
.small-offset-6 {
position: relative;
margin-left: 50%; }
.small-offset-7 {
position: relative;
margin-left: 58.33333%; }
.small-offset-8 {
position: relative;
margin-left: 66.66667%; }
.small-offset-9 {
position: relative;
margin-left: 75%; }
.small-offset-10 {
position: relative;
margin-left: 83.33333%; }
[class*="column"] + [class*="column"]:last-child {
float: right; }
[class*="column"] + [class*="column"].end {
float: left; }
.column.small-centered,
.columns.small-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; } } @media only screen and (min-width: 961px) {
.large-1 {
position: relative;
width: 8.33333%; }
.large-2 {
position: relative;
width: 16.66667%; }
.large-3 {
position: relative;
width: 25%; }
.large-4 {
position: relative;
width: 33.33333%; }
.large-5 {
position: relative;
width: 41.66667%; }
.large-6 {
position: relative;
width: 50%; }
.large-7 {
position: relative;
width: 58.33333%; }
.large-8 {
position: relative;
width: 66.66667%; }
.large-9 {
position: relative;
width: 75%; }
.large-10 {
position: relative;
width: 83.33333%; }
.large-11 {
position: relative;
width: 91.66667%; }
.large-12 {
position: relative;
width: 100%; }
.row .large-offset-0 {
position: relative;
margin-left: 0%; }
.row .large-offset-1 {
position: relative;
margin-left: 8.33333%; }
.row .large-offset-2 {
position: relative;
margin-left: 16.66667%; }
.row .large-offset-3 {
position: relative;
margin-left: 25%; }
.row .large-offset-4 {
position: relative;
margin-left: 33.33333%; }
.row .large-offset-5 {
position: relative;
margin-left: 41.66667%; }
.row .large-offset-6 {
position: relative;
margin-left: 50%; }
.row .large-offset-7 {
position: relative;
margin-left: 58.33333%; }
.row .large-offset-8 {
position: relative;
margin-left: 66.66667%; }
.row .large-offset-9 {
position: relative;
margin-left: 75%; }
.row .large-offset-10 {
position: relative;
margin-left: 83.33333%; }
.row .large-offset-11 {
position: relative;
margin-left: 91.66667%; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column.large-centered,
.columns.large-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; }
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right !important; } }
@media only screen and (max-width: 1182px) {
.row {
max-width: 962px;
}
}
@media only screen and (max-width: 961px) {
.row {
max-width: none;
}
.column, .columns {
margin-bottom: 30px;
}
.column:last-child, .columns:last-child {
margin-bottom: 0;
}
.large-12.column, .large-12.columns {
margin-bottom: 0;
}
}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}img {vertical-align: middle;}textarea {resize: vertical;}  @font-face {
font-family: 'Signika';
src: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-light-webfont.eot);
src: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-light-webfont.woff) format('application/font-woff'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-light-webfont.ttf) format('truetype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-light-webfont.svg#Signika) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Signika';
src: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-bold-webfont.eot);
src: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-bold-webfont.woff) format('application/font-woff'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-bold-webfont.ttf) format('truetype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/signika/signika-bold-webfont.svg#Signika) format('svg');
font-weight: bold;
font-style: normal;
}
body {
font-family: 'Signika', helvetica, arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
background-color: #556274;
color: #ffffff;
direction: ltr;
font-size: 100%;
}
a {
text-decoration: none;
color: #ee4c62;
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Signika', helvetica, arial, sans-serif;
}
h1 {
font-size: 1.75em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.375em;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1.125em;
}
h6 {
font-size: 1em;
}
input, textarea {
font-family: 'Signika', helvetica, arial, sans-serif;
}  .header {
width: 100%;
max-height: 120px;
background-color: #2d343e;
background-color: rgba(45,52,62,0.8);
padding: 20px 0;
position: fixed;
top: 0;
left: 0;
z-index: 100;
-webkit-transition: padding 0.3s ease-out;
-moz-transition: padding 0.3s ease-out;
-ms-transition: padding 0.3s ease-out;
-o-transition: padding 0.3s ease-out;
transition: padding 0.3s ease-out;
}
body.sticky-header-off .header {
position: absolute;
}
.logo {
float: left;
width: 10%;
-webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
-ms-transition: margin 0.3s ease-out;
-o-transition: margin 0.3s ease-out;
transition: margin 0.3s ease-out;
}
.logo img {
max-width: 100%;
height: auto;
max-height: 80px;
}
.main-navigation {
float: left;
width: 75%;
}
.main-navigation > ul {
display: inline-block;
width: 100%;
padding: 30px 0;
}
.main-navigation > ul > li {
float: left;
margin: 0 2.5%;
position: relative;
}
.main-navigation > ul > li a {   
font-family: 'Signika', Arial, Helvetica, sans-serif;  
font: 300;
color:#ffffff;  
font-size:1.2em;
display: inline-block;
width: 100%;
}
.main-navigation > ul > li a:hover, .main-navigation > ul li.current_page_item > a, .main-navigation > ul li.current_page_ancestor > a {  
color:#ee4c62;  
}
.main-navigation > ul li .sub-menu {
visibility: hidden;
position: absolute;
left: 0;
top: 50px;
width: 230px;
padding: 20px 0;
background-color: #2d343e;
background-color: rgba(45,52,62,1);
text-align: center;
border-radius: 3px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
-moz-transition:  visibility 0s linear 0.3s, opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
-ms-transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, -ms-transform 0.3s ease-out;
-o-transition:  visibility 0s linear 0.3s, opacity 0.3s ease-out, -o-transform 0.3s ease-out;
transition:  visibility 0s linear 0.3s, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.main-navigation > ul li .sub-menu .sub-menu {
left: 230px;
border-radius: 0 3px 3px 0;
}
.main-navigation > ul li:hover > .sub-menu {
visibility: visible;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
opacity: 1;
filter: alpha(opacity=100);
transition-delay: 0s;
}
.main-navigation > ul li .sub-menu:before {
position: absolute;
top: -30px;
left: 0;
content:"";
width: 100%;
height: 50px;
}
.main-navigation > ul > li > .sub-menu:after {
position: absolute;
top: -10px;
left: 110px;
content:"";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #2d343e transparent;
-webkit-transform:rotate(360deg);
}
.main-navigation > ul li .sub-menu li {
display: inline-block;
width: 100%;
margin-bottom: 15px;
font-size: 13px;
}
.main-navigation > ul li .sub-menu li:last-child {
margin-bottom: 0;
}
.selectnav { 
display: none;
} .main-navigation > .menu > ul {
display: inline-block;
width: 100%;
padding: 30px 0;
}
.main-navigation > .menu > ul > li {
float: left;
margin: 0 2.5%;
position: relative;
}
.main-navigation > .menu > ul > li a {   
font-family: 'Signika', Arial, Helvetica, sans-serif;  
font: 300;
color:#ffffff;  
font-size:1.2em;
}
.main-navigation > .menu > ul > li a:hover, .main-navigation > .menu > ul li.current_page_item > a, .main-navigation > .menu > ul li.current_page_ancestor > a {  
color:#ee4c62;  
}
.main-navigation > .menu > ul li .sub-menu {
visibility: hidden;
position: absolute;
left: 0;
top: 50px;
width: 230px;
padding: 20px 15px;
background-color: #2d343e;
background-color: rgba(45,52,62,1);
text-align: center;
border-radius: 3px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
-moz-transition:  visibility 0s linear 0.3s, opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
-ms-transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, -ms-transform 0.3s ease-out;
-o-transition:  visibility 0s linear 0.3s, opacity 0.3s ease-out, -o-transform 0.3s ease-out;
transition:  visibility 0s linear 0.3s, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.main-navigation > .menu > ul li:hover .sub-menu {
visibility: visible;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
opacity: 1;
filter: alpha(opacity=100);
transition-delay: 0s;
}
.main-navigation > .menu > ul li .sub-menu:before {
position: absolute;
top: -30px;
left: 0;
content:"";
width: 100%;
height: 50px;
}
.main-navigation > .menu > ul li .sub-menu:after {
position: absolute;
top: -10px;
left: 110px;
content:"";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #2d343e transparent;
-webkit-transform:rotate(360deg);
}
.main-navigation > .menu > ul li .sub-menu li {
display: inline-block;
width: 100%;
margin-bottom: 15px;
font-size: 13px;
}
.main-navigation > .menu > ul li .sub-menu li:last-child {
margin-bottom: 0;
}
.main-navigation > .menu > ul li .children {
display: none;
} .top-social-icons {
float: right;
width: 15%;
padding: 20px 0;
}
.top-social-icons ul {
display: inline-block;
width: 100%;
}
.top-social-icons ul li {
float: right;
margin-left: 8px;
}
.top-social-icons ul li:last-child {
margin-left: 0;
}
.top-social-icons ul li a {
display: inline-block;
background-color: #556274;
border-radius: 50%;
height: 38px;
width: 38px;
color: #ee4c62;
text-align: center;
padding: 11px 0;
}
.top-social-icons ul li a:hover {
background-color: #ee4c62;
color: #fff;
}
.header.on-scroll {
padding: 0;
}
.header.on-scroll .logo {
margin-top: -100px;
}
.header.on-scroll.on-touch .main-navigation {
padding-bottom: 20px;
}
.header.on-scroll .main-navigation ul {
padding: 32px 0 29px;
}
.header.on-scroll.on-touch .logo {
margin-top: -80px;
}
.header.on-scroll.on-touch .top-social-icons {
display: none;
}  .ronika-gallery-slider-bg {
float: left;
width: 100%;
background: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/images/home_background.jpg) no-repeat center;
height: 800px; 
background-size: cover;
padding-top: 187px;
overflow: hidden;
}
.ronika-gallery-slider {
width: 100%;
height: 545px;
overflow: hidden;
}
.ronika-gallery-items {
width: 100%;
height: 100%;
}
.ronika-gallery-items .item {
width: 376px;
margin: 3px;
opacity: 0;
filter: alpha(opacity=00);
}
.ronika-gallery-items .item-image img {
max-width: 100%;
}
.ronika-gallery-items .item:hover .item-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
.ronika-gallery-items .item-hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 38px;
background-color: rgb(238,76,98);
background-color: rgba(238,76,98,0.8);
text-align: left;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=00);
z-index: 5;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform: 0.3s ease-out, opacity 0.3s ease-out;
transition: transform: 0.3s ease-out, opacity 0.3s ease-out;
}
.ronika-gallery-items .item.one-third .item-hover {
padding: 48px 38px;
}
.ronika-gallery-items .item-hover a {
color: #fff;
}
.ronika-gallery-items .item-hover h3 {
font-size: 150%;
padding-bottom: 10px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
transform: translate(0,-10px);
-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out;
-o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.ronika-gallery-items .one-third .item-hover h3 {
position: relative;
z-index: -5;
padding-bottom: 5px;
margin-top: 5px;
}
.ronika-gallery-items .item:hover h3 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.ronika-gallery-items .item-hover p {
font-size: 87.5%;
line-height: 140%;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,30px);
-moz-transform: translate(0,30px);
-ms-transform: translate(0,30px);
-o-transform: translate(0,30px);
transform: translate(0,30px);
-webkit-transition: opacity 0.3s  ease-out, -webkit-transform 0.3s ease-out;
-moz-transition: opacity 0.3s  ease-out, -moz-transform 0.3s ease-out;
-ms-transition: opacity 0.3s  ease-out, -ms-transform 0.3s ease-out;
-o-transition: opacity 0.3s  ease-out, -o-transform 0.3s ease-out;
transition: opacity 0.3s  ease-out, transform 0.3s ease-out;
}
.ronika-gallery-items .item:hover .item-hover h3, .ronika-gallery-items .item:hover .item-hover p {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.ronika-gallery-items .item-hover .item-link {
background:#fff;
border-radius:50%;
height:40px;
width:40px;
color:#ee4c62;
text-align:center;
padding:11px 0;
display: inline-block;
position: absolute;
bottom: 20px;
right: 23px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
transform: translate(0,-10px);
-webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s ease-out;
-moz-transition: opacity 0.5s linear, -moz-transform 0.5s ease-out;
-ms-transition: opacity 0.5s linear, -ms-transform 0.5s ease-out;
-o-transition: opacity 0.5s linear, -o-transform 0.5s ease-out;
transition: opacity 0.5s linear, transform 0.5s ease-out;
}
.ronika-gallery-items .item-hover .item-link span:before {
content: "\e0af";
}
.ronika-gallery-items .item-hover .item-view {
background:#fff;
border-radius:50%;
height:40px;
width:40px;
color:#ee4c62;
text-align:center;
padding:11px 0;
display: inline-block;
position: absolute;
bottom: 20px;
right: 68px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
transform: translate(0,-10px);
-webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s ease-out;
-moz-transition: opacity 0.5s linear, -moz-transform 0.5s ease-out;
-ms-transition: opacity 0.5s linear, -ms-transform 0.5s ease-out;
-o-transition: opacity 0.5s linear, -o-transform 0.5s ease-out;
transition: opacity 0.5s linear, transform 0.5s ease-out;
}
.ronika-gallery-items .item:hover .item-link, .ronika-gallery-items .item:hover .item-view {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.ronika-gallery-items .item-hover .item-view.image span:before {
content: "\e152";
}
.ronika-gallery-items .item-hover .item-view.video span:before {
content: "\e0dc";
}
.ronika-gallery-items .item-hover .item-format {
float: left;
width: 60px;
height: 60px;
padding: 11px 0;
display: inline-block;
background:#fff;
border-radius:50%;
color:#ee4c62;
text-align: center;
font-size: 2em;
margin-right: 15px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
transform: translate(0,-10px);
-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out;
-o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.ronika-gallery-items .item-hover .item-format.image span:before {
content: "\e015";
}
.ronika-gallery-items .item-hover .item-format.video span:before {
content: "\e01a";
}
.ronika-gallery-items .item-hover .item-format.video {
padding: 13px 0;
}
.ronika-gallery-items .item:hover .item-format {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.ronika-gallery-items .item-hover .item-meta {
display: inline-block;
width: 70%;
font-size: 0.875em;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,10px);
-moz-transform: translate(0,10px);
-ms-transform: translate(0,10px);
-o-transform: translate(0,10px);
transform: translate(0,10px);
-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out;
-o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.ronika-gallery-items .item:hover .item-meta {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.isotope-item {
z-index: 2;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}
.isotope-item.stage-ready {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
-webkit-transition: -webkit-transform 0.9s ease-out, opacity 0.9s ease-out;
-moz-transition: -moz-transform 0.9s ease-out, opacity 0.9s ease-out;
-ms-transition: -ms-transform 0.9s ease-out, opacity 0.9s ease-out;
-o-transition: -o-transform: 0.9s ease-out, opacity 0.9s ease-out;
transition: transform: 0.9s ease-out, opacity 0.9s ease-out;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.scrollbar {
opacity: 0;
filter: alpha(opacity=00);
height: 12px;
border-radius: 0;
background-color: rgba(45, 52, 62, 0.25);
border: none;
margin-top: -12px;
position: relative;
}
html.touch .scrollbar, html.no-opacity .scrollbar {
opacity: 1;
filter: alpha(opacity=100);
}
.scrollbar .handle {
height: 12px;
border-radius: 0;
background-color: #ee4c62;
border: none;
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}  .content-container {
float: left;
width: 100%;
padding: 80px 0;
line-height: 1.5em;
overflow: hidden;
}
.content-container.bg-image {
overflow-y: hidden;
}
.content-container.parallax-effect {
background-attachment: fixed;
}
.dark-background {
background-color: #2d343e;
color: #fff;
}
.light-background {
background-color: #ffffff;
color: #2d343e;
}
.content-typography h1 {
font-size: 3em;
line-height: 1.2em;
}
.content-typography h2 {
font-size: 2.75em;
line-height: 1.2em;
}
.content-typography h3 {
font-size: 1.875em;
line-height: 1.2em;
}
.content-typography h4 {
font-size: 1.5em;
line-height: 1.2em;
}
.content-typography h5 {
font-size: 1.25em;
line-height: 1.2em;
}
.content-typography h6 {
font-size: 1em;
line-height: 1.2em;
}
.content-typography p {
font-size: 1em;
line-height: 1.4em;
}
.content-title {
font-size: 3.4375em !important;
line-height: 1em !important;
margin-bottom: 70px;
overflow: hidden;
}
.content-title.shortcode {
margin-bottom: 0;
}
.content-title span {
display: inline-block;
color:#ee4c62;
margin:0 5px 0 -4px;
position: relative;
z-index: 5;
}
.content-title strong {
display: inline-block;
font-style: normal;
font-weight: normal;
}
.centering .content-title span {
display: none;
}
.footer {
float: left;
width: 100%;
background-color: #556274;
padding: 30px 0;
text-align: center;
font-size: 1.125em;
line-height: 1.6em;
}
.footer-social-icons {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 10px;
}
.footer-social-icons li {
display: inline-block;
}
.footer-social-icons li a {
padding: 0 5px;
}  .wpcf7 label {
width:22%;
float: left;
font-size: 1.5em;
line-height:1.2em;
}
.wpcf7 p {
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.wpcf7 p:last-child {
margin-bottom: 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select {
border: none;
background: #556274;
width: 78%;
height: 40px;
font-size: 1em;
color: #ffffff;
padding: 10px;
outline: none;
border-radius: 3px;
}
.wpcf7 input[type="range"] {
padding: 0;
margin: 0;
width: 78%;
}
.wpcf7 textarea {
border: none;
background: #556274;
width: 78%;
height: 160px;
font-size: 1em;
color: #ffffff;
outline: none;
padding: 10px;
text-align: left;
resize: none;
border-radius: 3px;
}
.wpcf7 .wpcf7-submit {
float: right;
color: #ffffff;
width: 110px;
height: 40px;
background: #ee4c62;
font-size: 1.25em;
border-radius: 3px;
border: 0;
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.wpcf7-not-valid-tip {
display: none;
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {
border: 1px solid red !important;
}
.wpcf7 .wpcf7-submit:hover{
background: #ffffff;
color: #ee4c62;
cursor: pointer;
}
.wpcf7 .wpcf7-submit:focus{
background: #ffffff;
color: #ee4c62;
}
.wpcf7-response-output {
border: 0 !important;
margin: 0 !important;
padding: 15px 0 0 0 !important;
font-size: 14px !important;
line-height: 140%;
}
div.wpcf7-mail-sent-ng {
color: #ff0000;
}
div.wpcf7-mail-sent-ok {
color: #398f14;
}
div.wpcf7-spam-blocked {
color: #ffa500;
}
div.wpcf7-validation-errors {
color: #f7e700;
}
.wpcf7 p input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
color: #aeaeae;
}
.wpcf7 p input::-moz-input-placeholder, .wpcf7 textarea::-moz-input-placeholder {
color: #aeaeae;
}
.wpcf7 p input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder {
color: #aeaeae;
}  .blog-container {
float: left;
width: 100%;
background-color: #fff;
padding: 70px 0;
margin-top: 120px;
color: #2d343e;
}
.blog-container.blog-1 .blog-title {
margin-bottom: 120px;
}
.blog-container.blog-2 .blog-title {
margin-bottom: 70px;
}
.blog-container article {
display: inline-block;
width: 100%;
margin-bottom: 100px;
}
.blog-container.blog-2 article {
margin-bottom: 70px;
}
body.page-template-default .blog-container.blog-2 article {
margin-bottom: 0;
}
.entry-format {
display: inline-block;
width: 80px;
height: 80px;
text-align: center;
padding: 22px 0;
background-color: #ee4c62;
color: #fff;
border-radius: 50%;
font-size: 2em;
}
.entry-format:before {
content: "\e02c";
}
.entry-format.gallery:before {
content: "\e012";
}
.entry-format.audio:before {
content: "\e019";
}
.entry-format.video:before {
content: "\e01d";
}
.entry-format.link:before {
content: "\e0af";
}
.entry-format.quote:before {
content: "\e06a";
}
.entry-meta {
margin-top: 30px;
padding-left: 13px;
border-left: 2px solid #ee4c62;
color: #ababab;
}
.entry-meta span {
display: inline-block;
width: 100%;
margin-bottom: 6px;
line-height: 140%;
}
.entry-meta span:last-child {
margin-bottom: 0;
}
.entry-content > h2 {
font-size: 2.25em;
padding-bottom: 25px;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.blog-container.blog-2 .entry-content > h2 {
padding-bottom: 15px;
}
.blog-container.blog-2 article.meta-hide .entry-content > h2 {
padding-bottom: 20px;
}
.entry-content > h2 a:hover {
color: #2d343e;
}
.entry-content > figure {
padding-bottom: 25px;
}
.entry-content > figure > iframe {
width: 100%;
}
.entry-content > .content { line-height: 1.5em;
}
.entry-content > .content p {
margin-bottom: 15px;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.entry-content > .content p:last-child {
margin-bottom: 0;
}
.entry-content > .more-link {
display: inline-block;
color: #2d343e;
font-weight: bold;
margin-top: 25px;
}
.entry-content > .more-link:hover {
color: #ee4c62;
}
.entry-meta-mobile {
display: none;
margin: 14px 0 18px 2px;
padding-left: 13px;
border-left: 2px solid #ee4c62;
color: #ababab;
}
.entry-meta span {
display: inline-block;
margin-left: 10px;
}
.entry-tags {
display: block;
margin-top: 30px;
line-height: 140%;
}
.entry-tags .entry-tags-title {
color: #2d343e;
}
.blog-container.blog-2 .entry-meta-mobile {
display: block;
margin-top: 0;
}
.post-link {
text-align: center;
margin-bottom: 10px;
background: #fafafa;
padding: 10px 25px;
}
.post-quote {
display: inline-block;
width: 100%;
text-align: center;
padding: 0 50px 0 50px;
margin: 20px 0 25px 0;
}
.post-quote h4 {
font-size: 150% !important;
line-height: 140% !important;
font-weight: normal !important;
margin: 0 !important;
}
.post-quote span {
display: inline-block;
margin-top: 10px;
color: #909090;
}
.sidebar {
padding-left: 70px;
padding-top: 5px;
}
.search-box {
display: inline-block;
width: 100%;
position: relative;
border: 2px solid #c2c3c5;
height: 45px;
}
.search-box .search-box-text {
width: 100%;
height: 100%;
padding: 5px 15px;
border: none;
font-size: 1em;
}
.search-box .search-box-submit {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 100%;
border: none;
background: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/images/search-button.png) no-repeat center center;
}
.search-box .search-box-submit:hover {
cursor: pointer;
}
.ronika-pagination {
display: inline-block;
width: 100%;
}
.ronika-pagination span {
float: left;
margin-right: 5px;
background-color: #ee4c62;
color: #fff;
border-radius: 50%;
padding: 11px;
width: 38px;
height: 38px;
text-align: center;
}
.ronika-pagination a {
float: left;
display: inline-block;
background-color: #556274;
color: #fff;
border-radius: 50%;
padding: 11px;
width: 38px;
height: 38px;
text-align: center;
margin-right: 5px;
}
.ronika-pagination a:hover {
background-color: #ee4c62;
}
.page-container {
float: left;
width: 100%;
background-color: #fff;
padding: 70px 0;
margin-top: 120px;
color: #2d343e;
}
.page-container .content-title {
margin-bottom: 40px;
}
.single-sharing {
margin-top: 30px;
}
.single-sharing > span {
float: left;
font-size: 1.125em;
font-weight: bold;
margin-top: 7px;
}
.single-sharing ul {
float: right;
}
.single-sharing ul li {
float: right;
margin: 0 0 0 10px;
}
.single-sharing ul li a {
float: right;
display: inline-block;
background-color: #ee4c62;
color: #fff;
border-radius: 50%;
height: 38px;
width: 38px;
text-align: center;
padding: 11px 0;
}
.single-sharing ul li a:hover {
color: #ee4c62;
background-color: #556274;
}
.post-password-required input[type="password"] {
padding: 5px;
}
.post-password-required input[type="submit"] {
padding: 5px 10px;
background-color: #ee4c62;
color:#fff;
margin: 0;
padding: 8px 18px;
border:none;
font-size: 14px;
border-radius: 3px;
-webkit-transition: background-color 0.1s linear, color 0.2s linear;
-moz-transition: background-color 0.1s linear, color 0.2s linear;
-o-transition: background-color 0.1s linear, color 0.2s linear;
-ms-transition: background-color 0.1s linear, color 0.2s linear;
transition: background-color 0.1s linear, color 0.2s linear;
}
.post-password-required input[type="submit"]:hover {
cursor: pointer;
background-color: #556274;
color: #ffffff;
}
.entry-content > .content h1,
.entry-content > .content h2,
.entry-content > .content h3,
.entry-content > .content h4,
.entry-content > .content h5,
.entry-content > .content h6 {
line-height: 120%;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.entry-content > .content h1 {
font-size: 2.75em;
margin: 20px 0;
}
.entry-content > .content h2 {
font-size: 2.25em;
margin: 22px 0;
}
.entry-content > .content h3 {
font-size: 1.875em;
margin: 24px 0;
}
.entry-content > .content h4 {
font-size: 1.5em;
margin: 28px 0;
}
.entry-content > .content h5 {
font-size: 1.25em;
margin: 30px 0;
}
.entry-content > .content h6 {
font-size: 1em;
margin: 33px 0;
}
.entry-content > .content ul, .entry-content > .content ol, .entry-content > .content dl {
margin-left: 15px;
}
.entry-content > .content ol {
list-style: decimal inside;
}
.entry-content > .content ul {
list-style: square inside;
}
.entry-content > .content ul, .entry-content > .content ol  {
margin-bottom: 15px;
}
.entry-content > .content ul ul, .entry-content > .content ol ol, .entry-content > .content ul ol, .entry-content > .content ol ul {
margin-bottom: 0;
}
.entry-content > .content ul, .entry-content > .content ul ul {
margin: 0;
list-style: none;
}
.entry-content > .content address {
margin-bottom: 15px;
}
.entry-content > .content .ronika-gallery-items .item-hover h3 {
font-size: 150%;
padding: 0 0 10px 0;
margin: 0;
line-height: 1;
}
.entry-content > .content .ronika-gallery-items .one-third .item-hover h3 {
padding: 0 0 5px 0;
margin: 5px 0 0 0;
line-height: 1;
}
.entry-content > .content .ronika-gallery-items .item-hover p {
font-size: 87.5%;
line-height: 140%;
margin: 0;
padding: 0;
}  .wp-caption {
text-align: center;
margin: 0 20px 20px 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 5px;
}
.sticky{
}
.gallery-caption{
}
.bypostauthor{
}
.hidden {
display: none;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
.wp-caption.aligncenter {
margin: 20px auto;
}
.wp-caption.alignleft {
margin-left: 0;
}
.wp-caption.alignright {
margin-right: 0;
}
.wp-caption.alignnone {
margin-left: 0;
}
blockquote {
margin-left: 20px;
margin-bottom: 20px;
margin-top: 20px;
padding: 5px 0 5px 10px;
border-left: 5px solid #eaeaea;
font-style: italic;
}
blockquote.featured-quote {
padding: 0;
margin: 0 auto;
border: none;
color: inherit;
font-style: normal;
}
img.alignleft {
float: left;
margin: 0 30px 20px 0;
}
img.alignright {
display: block;
margin: 0 0 20px 30px;
}
img.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
img.alignnone {
display: block;
margin: 0 0;
}
caption {
text-align: left;
}
address {
font-style: italic;
}
abbr[title], acronym[title], dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
strong {
font-weight: bold;
}
em,dfn,cite {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup {
font-size: 11px;
vertical-align: top;
}
sub {
font-size: 11px;
vertical-align: bottom;
}
small {
font-size: 11px;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: underline;
}
code, pre {
line-height: 18px;
}
var, kbd, samp, code, pre {
font: 14px/19px Courier, "Courier New", monospace;
background: #f5f5f5;
color: #333;
margin-left: 5px;
margin-right: 5px;
}
kbd {
font-weight: bold;
}
samp, var {
font-style: italic;
}
code {
padding:0px 3px;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
table {
border: 1px solid #999;
border-width: 1px;
line-height: 18px;
text-align: left;
border-collapse:collapse;
width: 100%;
}
table .even {
background: #ddd;
}
caption {
text-align: left;
}
tr {
border-bottom: 1px solid #999;
}
th, td {
padding: 5px;
vertical-align: middle;
text-align: center;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 20px;
}
.not-found-404 {
text-align: center;
color: #ee4c62;
padding: 50px 0;
}
.not-found-404 h2 {
font-size: 12em;
}
.not-found-404 h3 {
font-size: 4em;
}
.entry-content .gallery dl {
margin-left: 0;
} #respond-inputs p {
float: left;
width: 31%;
margin-left: 3.5%;
}
#respond-inputs p:first-child {
margin-left: 0;
}
#respond-inputs p input {
display: inline-block;
width: 100%;
padding: 8px 18px;
background-color: #d2d3d4;
border:none;
font-size: 100%;
color: #ffffff;
border-radius: 3px;
}
#comment-text textarea {
display: inline-block;
width: 100%;
padding: 8px 18px;
background-color: #d2d3d4;
border:none;
font-size: 100%;
color: #ffffff;
margin: 20px 0 30px 0;
border-radius: 3px;
}
#respond-inputs p input::-webkit-input-placeholder, #comment-text textarea::-webkit-input-placeholder {
color: #ffffff;
}
#respond-inputs p input::-moz-input-placeholder, #comment-text textarea::-moz-input-placeholder {
color: #ffffff;
}
#respond-inputs p input:-ms-input-placeholder, #comment-text textarea:-ms-input-placeholder {
color: #ffffff;
}
#reply-title {
margin: 50px 0 20px 0;
}
#submit {
float: right;
background-color: #ee4c62;
color:#fff;
margin: 0;
padding: 8px 18px 9px;
border:none;
font-size: 106.3%;
border-radius: 3px;
-webkit-transition: background-color 0.1s linear, color 0.2s linear;
-moz-transition: background-color 0.1s linear, color 0.2s linear;
-o-transition: background-color 0.1s linear, color 0.2s linear;
-ms-transition: background-color 0.1s linear, color 0.2s linear;
transition: background-color 0.1s linear, color 0.2s linear;
}
#submit:hover {
cursor: pointer;
background-color: #556274;
color: #ee4c62;
} .nocomments {
margin: 0;
}
.comments-title {
font-size: 137.5%;
margin: 0 0 35px 0;
padding-bottom: 10px;
border-bottom: 5px solid #d2d3d5;
}
.comments-title span {
color: #ee4c62;
font-size: 125%;
}
.comments-list {
display: inline-block;
width: 100%;
}
.comments-list li {
margin: 0 0 25px 100px;
}
.comments-list li > div {
position: relative;
padding: 0 0 18px 0;
}
.avatar-border {
position: absolute;
left: -100px;
top: 0;
}
.avatar-border img {
border-radius: 50%;
}
.comment-meta {
display: inline-block;
width: 100%;
padding-bottom: 15px;
}
.comment-author {
font-size: 1.5em;
color: #30353b;
}
.comment-author cite {
font-style: normal;
}
.comment-author a {
color: #30353b;
}
.comment-reply-link {
float: right;
color:#ee4c62;
font-size: 13px;
margin-top: 4px;
margin-left: 15px;
}
.comment-reply-link:hover {
text-decoration: underline;
}
.comment-time {
display: block;
color: #aeaeae;
font-size: 13px;
margin-top: 15px;
}
.comment-body {
font-size: 14px;
line-height: 150%;
}
.comment-triangle {
background: url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/images/comment-triangle.png) no-repeat center center;
width: 16px;
height: 24px;
position: absolute;
top: 21px;
left: -16px;
}
.comment-edit-link {
font-size: 81.5%;
}
#cancel-comment-reply-link:before {
content: " / ";
}
#cancel-comment-reply-link {
font-size: 13px;
}
.comment #respond input, .comment #respond textarea {
box-shadow: 0px 0px 2px #DBDBF4;
}
.moderation {
display: inline-block;
font-size: 81.5%;
padding: 5px 10px;
margin-bottom: 10px;
color:#fff;
background-color: #ee4c62;
}
.nopassword {
font-size: 14px;
}
.comment .children {
margin-top: 20px;
}
.children li {
margin-bottom: 20px;
}
.comment #reply-title {
margin-top: 0;
}
.logged-in-as {
font-size: 14px;
}
.pings-title {
margin: 30px 0 0 0;
}
.pinglist {
margin: 25px 0 0 0;
}
.pinglist li {
display: inline-block;
width: 100%;
margin-bottom: 15px;
background-color: #fff;
line-height: 150%;
font-size: 14px;
}
.comment-body h1 {
line-height: 140%;
margin-bottom: 20px;
}
.comment-body h2 {
line-height: 140%;
margin-bottom: 20px;
}
.comment-body h3 {
line-height: 140%;
margin-bottom: 20px;
}
.comment-body h4 {
line-height: 140%;
margin-bottom: 20px;
}
.comment-body h5 {
line-height: 140%;
margin-bottom: 20px;
}
.comment-body h6 {
line-height: 140%;
margin-bottom: 20px;
}
.comment-body p {
margin-bottom:10px;
}
.comment-body p:last-child {
margin-bottom:0;
}
.comment-body ul, .comment-body ol{
margin-left:15px;
}
.comment-body ul, .comment-body ol, .comment-body dl {
margin-bottom:20px;
}
.comment-body dd {
margin-bottom:10px;
}
.comment-body ul li {
margin: 0;
list-style: square inside;
}
.comment-body ol li {
margin: 0;
list-style: decimal inside;
}
.comment-body table {
margin-bottom: 30px;
}  .widget {
display: inline-block;
width: 100%;
margin-bottom: 70px;
}
.widget > h3 {
font-size: 1.5em;
margin-bottom: 30px;
}
.widget > h3 span {
display: inline-block;
color:#ee4c62;
margin:0 8px 0 0;
position: relative;
z-index: 5;
}
.widget.widget_latest_portfolio ul {
display: inline-block;
width: 100%;
text-align: center;
}
.widget.widget_latest_portfolio ul li {
display: inline-block;
width: 45%;
max-width: 136px;
border: 5px solid #c2c3c5;
margin: 0 2.1% 20px;
-webkit-transition: border 0.3s ease-out;
-moz-transition: border 0.3s ease-out;
-ms-transition: border 0.3s ease-out;
-o-transition: border 0.3s ease-out;
transition: border 0.3s ease-out;
}
.widget.widget_latest_portfolio ul li:hover {
border-color: #ee4c62;
}
.widget ul li {
margin: 0 0 13px 16px;
line-height: 140%;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul li a:hover {
color: #2d343e;
}
.widget select {
padding: 10px 15px;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
padding-bottom: 10px;
}
.widget  ul li .children {
margin: 15px 0 0 15px;
}
.widget_rss ul li {
margin-bottom: 15px;
}
.widget_rss ul li:last-child {
margin-bottom: 15px;
}
.rss-date {
font-size: 12px;
color: #999;
}
.rssSummary {
margin-top: 5px;
font-size: 13px;
}
.textwidget {
line-height: 140%;
}
.tagcloud {
display: inline-block;
}
.tagcloud a {
float: left;
margin: 0 10px 10px 0;
padding:10px;
background-color: #ee4c62;
color: #fff;
font-size: 1em !important;
}
.tagcloud a:hover {
color: #ee4c62;
background-color: #fff;
}  .gap {
clear: both;
width: 100%;
margin: 0;
}
.alert-message {
display: inline-block;
width: 100%;
padding: 18px 20px;
text-align: left;
margin-bottom: 10px;
line-height: 150%;
font-size: 16px;
border-radius: 3px;
}
.alert-message:hover {
cursor: pointer;
}
.alert-message.notification {
background: #fff;
color: #2d343e;
box-shadow: 0px 0px 1px #c2c3c5;
}
.alert-message.warning {
background: #eeaf4c;
color: #fff;
}
.alert-message .retina-icon {
float: right;
font-size: 1.5em;
}
.alert-message.error {
background: #ee4c62;
color: #fff;
}
.alert-message.success {
background: #4cee9c;
color: #fff;
}
.alert-message.info {
background: #4c98ee;
color: #fff;
}
.ronika-button {
display: inline-block;
padding: 9px 20px;
font-size: 20px;
border-radius: 3px;
}
.ronika-button.default {
color: #fff;
background-color: #ee4c62;
}
.ronika-button.default:hover {
background-color: #fff;
color: #ee4c62;
}
.ronika-button.red {
color: #fff;
background-color: #ee4c62;
}
.ronika-button.red:hover {
color: #ee4c62;
background-color: #fff;
box-shadow: inset 0 0 0 1px #ee4c62;
}
.ronika-button.white {
color: #ee4c62;
background-color: #fff;
box-shadow: inset 0 0 0 1px #ee4c62;
}
.ronika-button.white:hover {
background-color: #ee4c62;
color: #fff;
}
.ronika-button.blue {
color: #fff;
background-color: #4c98ee;
}
.ronika-button.blue:hover {
background-color: #fff;
color: #4c98ee;
box-shadow: inset 0 0 0 1px #4c98ee;
}
.ronika-button.black {
color: #fff;
background-color: #303030;
}
.ronika-button.black:hover {
background-color: #fff;
color: #303030;
box-shadow: inset 0 0 0 1px #303030;
}
.ronika-button.small {
font-size: 16px;
padding: 5px 20px;
}
.ronika-button.medium {
font-size: 20px;
}
.ronika-button.large {
font-size: 24px;
padding-top: 13px;
padding-bottom: 13px;
line-height: 1;
}
.skill {
display: inline-block;
padding: 12px 15px;
background-color: #ee4c62;
color: #fff;
margin-bottom: 10px;
border-radius: 3px;
}
.skill:last-child {
margin-bottom: 0;
}
.icon-container {
display: inline-block;
width: 100%;
font-size: 1.125em;
padding: 0 0 0 0;
margin-bottom: 15px;
line-height: 1.6em;
}
.ronika-icon {
float: left;
width: 38px;
height: 38px;
padding: 11px 0;
text-align: center;
background-color: #556274;
color: #ee4c62;
border-radius: 50%;
font-size: 16px;
line-height: 1;
}
.ronika-icon.medium {
font-size: 32px;
width: 58px;
height: 58px;
padding: 12px 0;
}
.ronika-icon.large {
font-size: 64px;
width: 98px;
height: 98px;
padding: 15px 0;
}
.icon-content {
font-size: 18px;
margin-left: 53px;
margin-top: 5px;
}
.icon-content.medium {
margin-left: 73px;
}
.icon-content.large {
margin-left: 113px;
}
.ronika-tagline {
display: inline-block;
width: 100%;
padding: 0 3.5%;
text-align:left;
}
.ronika-tagline h2 {
float:left;
font-size: 2.25em;
line-height: 1.4em;
color:#ffffff;
}
.ronika-tagline-button {
float: right;
background: #ee4c62;
color: #ffffff;
font-size: 1.5em;
padding: 13px 1.14035087719298%;
border-radius: 3px;
}
.ronika-tagline-button:hover {
background: #ffffff;
color: #ee4c62;
}
.services-container {
text-align: center;
}
.service-circle-container {
display: inline-block;
width: 33%;
text-align: center;
vertical-align: middle;
}
.service-circle {
display: inline-block;
background-color: #ee4c62;
border-radius: 50%;
height: 350px;
width: 100%;
max-width: 350px;
text-align: center;
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.service-circle h2 {
font-size:2.25em;
line-height:1em;
margin-top: 10px;
}
.service-circle h2 a {
color: #fff;
}
.service-circle p {
margin-top: 10px;
font-size:0.875em;
line-height:1.4em;
padding:0 25px;
max-height:108px;
}
.service-circle:hover {
background:#ffffff;
color:#ee4c62;
}
.service-circle:hover a {
color:#ee4c62;
}
.service-circle-content {
padding: 17% 8%;
}
.service-circle-font-icon {
font-size: 4.375em;
}
img.service-circle-image {
max-height: 74px;
}
.ronika-highlight { color:#ffffff;
background-color:#ee4c62;
padding:4px 8px;
}
.featured-portfolio {
text-align: center;
margin-top: 100px !important;
}
.portfolio-item { margin-bottom: 45px;
}
.featured-portfolio .portfolio-image {
position: relative;
}
.featured-portfolio .portfolio-image img {
width: 100%;
}
.featured-portfolio h3 {
padding: 25px 0 10px;
font-size: 1.5em;
}
.featured-portfolio h3 a {
color: inherit;
}
.featured-portfolio h3 a:hover {
color: #ee4c62;
}
.featured-portfolio p {
padding: 0 5%;
line-height: 1.4em;
}
.featured-portfolio .portfolio-hover {
position: absolute;
width: 100%;
height: 100%;
background: rgb(238,76,98);
background: rgba(238,76,98,0.8);
opacity: 0;
filter: alpha(opacity=00);
left: 0;
top: 0;
display: table;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out, -ms-transform 0.3s ease-out;
-o-transition: opacity 0.3s ease-out, -o-transform 0.3s ease-out;
transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.featured-portfolio .portfolio-hover .item-format-center {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.featured-portfolio .portfolio-hover .item-format {
width: 60px;
height: 60px;
padding: 11px 0;
display: inline-block;
background:#fff;
border-radius:50%;
color:#ee4c62;
text-align: center;
font-size: 32px;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
transform: translate(0,-10px);
-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out;
-o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.featured-portfolio .portfolio-hover .item-format.image span:before {
content: "\e015";
}
.featured-portfolio .portfolio-hover .item-format.video span:before {
content: "\e01a";
}
.featured-portfolio .portfolio-hover .item-format.video {
padding: 13px 0;
}
.featured-portfolio .portfolio-image:hover .item-format {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.featured-portfolio .portfolio-image:hover .portfolio-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
.wtsay-content {
width: 95%;
margin: 0 auto;
text-align: left;
}
.wtsay-content ul {
display: inline-block;
width: 100%;
}
.wtsay-content ul li {
float: left;
width: 47%;
margin-left: 3%;
margin-bottom: 30px;
}
.wtsay-content ul li h3 {
font-size:1.75em;
line-height:1.4em;
}
.wtsay-content ul li h3 a {
color: inherit;
}
.wtsay-content ul li h3 a:hover {
color: #ee4c62;
}
.wtsay-content ul li p {
font-size:0.875em;
line-height:1.5em;
}
.wtsay-circle {
float:left;
margin:0 4% 0 0;
width:27%;
max-width: 136px;
background-color: #c7d3df;
border-radius: 50%;
border: 8px solid #ffffff;
-webkit-transition: border 0.3s ease-out;
-moz-transition: border 0.3s ease-out;
-ms-transition: border 0.3s ease-out;
-o-transition: border 0.3s ease-out;
transition: border 0.3s ease-out;
}
.wtsay-circle:hover {
background-color: #ffffff;
border: 8px solid #ee4c62;
}
.wtsay-circle img {
border-radius: 50%;
}
.wtsay-context {
float: left;
width: 69%;
}
.our-team {
margin-top: 40px;
}
.team-members {
display: inline-block;
width: 100%;
text-align: center;
}
.team-members > li {
display: inline-block;
height:270px;
width:270px;
background-color: #849899;
border-radius: 50%;
margin: 0 1% 20px;
position: relative;
-webkit-backface-visibility: hidden;
}
.team-members > li img {
width: 100%;
height: 100%;
border-radius: 50%;
border: 0 solid #ee4c62;
-webkit-transition: border 0.3s ease-out;
-moz-transition: border 0.3s ease-out;
-ms-transition: border 0.3s ease-out;
-o-transition: border 0.3s ease-out;
transition: border 0.3s ease-out;
}
.team-members > li:hover img {
border: 10px solid #ee4c62;
}
.team-members > li .team-hover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
background-color: rgba(45,52,62,0.1);
opacity: 0.8;
filter: alpha(opacity=80);
padding: 60px 30px;
color: #fff;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.team-members > li:hover .team-hover {
opacity: 0;
filter: alpha(opacity=00);
}
.team-members > li h4 {
font-size: 1.5em;
padding-bottom: 5px;
}
.team-members > li p {
font-size: 0.875em;
}
.team-social-icons {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 30px;
}
.team-social-icons li {
display: inline-block;
margin: 0 5px;
}
.team-social-icons li a {
color: #fff;
font-size: 1.5em;
}
.featured-quote {
width: 70%;
margin: 0 auto 0 auto;
text-align: center;
}
.featured-quote div {
font-size: 2em;
}
.featured-quote p {
display: inline;
}
.featured-quote a {
display: inline-block;
padding: 20px 0;
font-size: 1.5em;
color: #ee4c62;
}
.qoute-icon-font {
font-size: 1em;
}
.leftqoute-div {
width: 10%;
float: left;
padding-top: 20px;
}
.rightqoute-div {
width: 10%;
float: right;
padding-top: 20px;
}
.default-animate {
opacity: 0;
filter: alpha(opacity=00);
}
.title-animate span, .title-animate strong {
opacity: 0;
filter: alpha(opacity=00);
}
html.touch .title-animate span, html.touch .title-animate strong {
opacity: 1;
filter: alpha(opacity=100);
}
html.touch body.touch-animation-on .title-animate span, html.touch body.touch-animation-on .title-animate strong {
opacity: 0;
filter: alpha(opacity=00);
}
html.no-opacity .title-animate span, html.no-opacity .title-animate strong {
opacity: 1;
filter: alpha(opacity=100);
}
.effect-scale-up, .effect-scale-down, .effect-fade, .effect-fade-from-top, .effect-fade-from-bottom, .effect-fade-from-left, .effect-fade-from-right {
opacity: 0;
filter: alpha(opacity=00);
}
html.touch .effect-scale-up, html.touch .effect-scale-down, html.touch .effect-fade, html.touch .effect-fade-from-top, html.touch .effect-fade-from-bottom, html.touch .effect-fade-from-left, html.touch .effect-fade-from-right {
opacity: 1;
filter: alpha(opacity=100);
}
html.touch body.touch-animation-on .effect-scale-up, html.touch body.touch-animation-on .effect-scale-down, html.touch body.touch-animation-on .effect-fade, html.touch body.touch-animation-on .effect-fade-from-top, html.touch body.touch-animation-on .effect-fade-from-bottom, html.touch body.touch-animation-on .effect-fade-from-left, html.touch body.touch-animation-on .effect-fade-from-right {
opacity: 0;
filter: alpha(opacity=00);
}
html.no-opacity .effect-scale-up, html.no-opacity .effect-scale-down, html.no-opacity .effect-fade, html.no-opacity .effect-fade-from-top, html.no-opacity .effect-fade-from-bottom, html.no-opacity .effect-fade-from-left, html.no-opacity .effect-fade-from-right {
opacity: 1;
filter: alpha(opacity=100);
}  @media screen and (max-width: 1182px) {
body {
font-size: 87.5%;
}
.ronika-tagline {
padding: 0;
}
.wtsay-content {
width: 100%;
}
.service-circle {
height: 305px;
}
.portfolio-item {
margin-bottom: 35px;
}
.main-navigation > ul > li a {
font-size: 16px;
}
.main-navigation > ul {
padding-top: 32px;
}
img.service-circle-image {
max-height: 65px;
}
}
@media screen and (max-width: 961px) {
body {
font-size: 100%;
}
.header {
max-height: none;
}
.js #main-navigation {
display: none;
}
#selectnav1 { 
width:100%;
height:40px;
color:#ffffff;
border:none;
outline:none;
background-color:#556274;
font-size: 1em;
padding: 8px;
}
.js .selectnav {
display: block;
}
.logo {
float: none;
width: 100%;
text-align: center;
}
.main-navigation {
float: none;
width: 100%;
text-align: center;
padding-left: 0;
padding: 20px 0 0 0;
}
.top-social-icons {
float: none;
width: 100%;
text-align: center;
padding-bottom: 0;
}
.top-social-icons ul {
width: auto;
}
.ronika-gallery-slider-bg {
padding-top: 288px;
}
.ronika-gallery-slider {
height: 480px;
}
.ronika-gallery-items .item {
width: 340px;
}
.ronika-gallery-items .item-hover {
padding: 28px;
}
.ronika-gallery-items .item.one-third .item-hover {
padding: 41px 28px 0;
}
.service-circle {
height: 350px;
}
img.service-circle-image {
max-height: 74px;
}
.ronika-tagline {
text-align: center;
}
.ronika-tagline h2 {
float: none;
display: inline-block;
width: 100%;
text-align: center;
}
.ronika-tagline .ronika-tagline-button {
float: none;
display: inline-block;
margin-top: 20px;
font-size: 1.25em;
}
.service-circle-container {
width: 100%;
margin-bottom: 30px;
}
.service-circle-container:last-child {
margin-bottom: 0;
}
.wtsay-content {
width: 75%;
}
.wtsay-content ul li {
float: none;
display: inline-block;
width: 100%;
margin: 0 0 30px 0;
text-align: center;
}
.wtsay-content ul li:last-child {
margin-bottom: 0;
}
.wtsay-title {
padding-bottom: 45px;
}
.wtsay-circle {
float: none;
display: inline-block;
margin: 0 0 5px 0;
width: 120px;
height: 120px;
}
.wtsay-context {
float: none;
display: inline-block;
width: 100%;
}
.works-content {
margin-bottom: 40px;
}
.works-image {
text-align: center;
}
.sidebar {
padding-left: 1.34375em;
}
.widget.widget_latest_portfolio ul li {
display: inline-block;
}
.blog-container { -webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
-ms-transition: margin 0.3s ease-out;
-o-transition: margin 0.3s ease-out;
transition: margin 0.3s ease-out;
}
.featured-portfolio.row {
margin-left: 0;
margin-right: 0;
text-align: center;
}
.featured-portfolio .portfolio-item {
float: none;
display: inline-block;
max-width: 527px;
padding: 0;
margin-bottom: 35px;
}
.featured-portfolio .portfolio-item:last-child {
float: none;
}
.entry-side {
display: none;
}
.entry-meta-mobile {
display: block;
}
.entry-content > h2 {
padding-bottom: 0;
}
.blog-container.blog-1 .blog-title {
margin-bottom: 70px;
}
.page-container { -webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
-ms-transition: margin 0.3s ease-out;
-o-transition: margin 0.3s ease-out;
transition: margin 0.3s ease-out;
}
.page-container.sticky-header-on, .blog-container.sticky-header-on { }
.single-sharing > span {
float: none;
display: inline-block;
width: 100%;
text-align: center;
}
.single-sharing ul {
display: inline-block;
width: 100%;
margin-top: 20px;
text-align: center;
}
.single-sharing ul li {
float: none;
display: inline-block;
}
.content-title strong {
display: inline;
}
.comments-list li {
margin: 100px 0 25px 0;
}
.comments-list li li {
margin-top: 120px;
}
.comment-meta {
position: absolute;
top: -83px;
right: 0;
width: 82%;
}
.comment-time.romina-tip {
display: none;
}
.comment-time.tablet {
display: inline-block;
width: 100%;
margin-top: 10px;
}
.comment-reply-link {
margin-top: 2px;
}
.avatar-border {
top: -90px;
left: 0;
}
.avatar-border img {
width: 65px;
height: auto;
}
.content-container.parallax-effect {
background-position: center center !important;
}
}
@media screen and (max-width: 480px) {
.content-container {
padding: 60px 0;
}
.content-typography h1 {
font-size: 2.75em;
line-height: 1.2em;
}
.content-typography h2 {
font-size: 1.875em;
line-height: 1.2em;
}
.content-typography h3 {
font-size: 1.5em;
line-height: 1.2em;
}
.content-typography h4 {
font-size:: 1.25em;
line-height: 1.2em;
}
.content-typography h5 {
font-size: 1.125em;
line-height: 1.2em;
}
.content-typography h6 {
font-size: 1em;
line-height: 1.2em;
}
.content-typography p {
font-size: 0..875em;
line-height: 1.4em;
}
.content-title {
font-size: 3em !important;
margin-bottom: 40px;
}
.wtsay-content {
width: 100%;
}
.featured-quote {
width: 100%;
}
.wpcf7 label {
display: none;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="range"],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
}
.wpcf7 .wpcf7-submit {
width: 100%;
}
.comment-reply-link {
display: none;
}
.service-circle {
width: 305px;
height: 305px;
}
.service-circle-content {
padding: 25px 8%;
}
.service-circle p {
font-size: 13px;
}
}
@media screen and (max-width: 320px) {
.service-circle {
width: 277px;
height: 280px;
}
.service-circle-content {
padding: 25px 8%;
}
.service-circle h2 {
margin-top: 0;
font-size: 1.75em;
margin-top: 5px;
}
.service-circle p {
margin-top: 5px;
}
}.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row .onecol {
width: 4.85%;
}
.row .twocol {
width: 13.45%;
}
.row .threecol {
width: 22.05%;
}
.row .fourcol {
width: 30.75%;
}
.row .fivecol {
width: 39.45%;
}
.row .sixcol {
width: 48%;
}
.row .sevencol {
width: 56.75%;
}
.row .eightcol {
width: 65.4%;
}
.row .ninecol {
width: 74.05%;
}
.row .tencol {
width: 82.7%;
}
.row .elevencol {
width: 91.35%;
}
.row .twelvecol {
width: 100%;
float: left;
}
.last {
float: right;
margin-right: 0px;
}
@media screen and (max-width: 961px) {
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
display: inline-block;
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 45px;
}
.row .onecol:last-child, .row .twocol:last-child, .row .threecol:last-child, .row .fourcol:last-child, .row .fivecol:last-child, .row .sixcol:last-child, .row .sevencol:last-child, .row .eightcol:last-child, .row .ninecol:last-child, .row .tencol:last-child, .row .elevencol:last-child, .row .twelvecol:last-child {
margin-bottom: 0;
}
.row .onecol.last, .row .twocol.last, .row .threecol.last, .row .fourcol.last, .row .fivecol.last, .row .sixcol.last, .row .sevencol.last, .row .eightcol.last, .row .ninecol.last, .row .tencol.last, .row .elevencol.last, .row .twelvecol.last {
margin-bottom: 0;
}
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 1046; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
.mfp-iframe-holder .mfp-close {
top: -40px; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure {
line-height: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; } .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}  @font-face {
font-family: 'flexslider-icon';
src:url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/flexslider/flexslider-icon.eot);
src:url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/flexslider/flexslider-icon.eot?#iefix) format('embedded-opentype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/flexslider/flexslider-icon.woff) format('woff'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/flexslider/flexslider-icon.ttf) format('truetype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/flexslider/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flexslider {margin: 0; padding: 0; line-height: 1;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0 0 0; background: #fff; position: relative; zoom: 1; overflow: hidden; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}@font-face {
font-family: 'icomoon-ultimate';
src:url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/icomoon-ultimate/icomoon-ultimate.eot);
src:url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/icomoon-ultimate/icomoon-ultimate.eot?#iefix) format('embedded-opentype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/icomoon-ultimate/icomoon-ultimate.woff) format('woff'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/icomoon-ultimate/icomoon-ultimate.ttf) format('truetype'),
url(//www.salsayotra.fr/wp-content/themes/ronika_v.1.4/fonts/icomoon-ultimate/icomoon-ultimate.svg#icomoon-ultimate) format('svg');
font-weight: normal;
font-style: normal;
} [data-icon]:before {
font-family: 'icomoon-ultimate';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}  .icomoon-ultimate {
font-family: 'icomoon-ultimate';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-home, .icon-home-2, .icon-home-3, .icon-home-4, .icon-home-5, .icon-office, .icon-newspaper, .icon-pencil, .icon-pencil-2, .icon-quill, .icon-pencil-3, .icon-pen, .icon-pen-2, .icon-blog, .icon-palette, .icon-eyedropper, .icon-droplet, .icon-droplet-2, .icon-image, .icon-images, .icon-images-2, .icon-camera, .icon-camera-2, .icon-music, .icon-music-2, .icon-headphones, .icon-play, .icon-movie, .icon-movie-2, .icon-movie-3, .icon-film, .icon-gamepad, .icon-gamepad-2, .icon-bullhorn, .icon-chess, .icon-new, .icon-connection, .icon-mic, .icon-mic-2, .icon-mic-3, .icon-book, .icon-reading, .icon-graduation, .icon-file, .icon-file-2, .icon-file-3, .icon-files, .icon-file-4, .icon-folder, .icon-folder-download, .icon-folder-upload, .icon-folder-2, .icon-folder-3, .icon-tag, .icon-tag-2, .icon-tag-3, .icon-qrcode, .icon-cart, .icon-cart-2, .icon-basket, .icon-bag, .icon-coin, .icon-credit, .icon-phone, .icon-support, .icon-phone-2, .icon-envelop, .icon-email, .icon-location, .icon-pushpin, .icon-location-2, .icon-location-3, .icon-map, .icon-map-2, .icon-clock, .icon-clock-2, .icon-bell, .icon-calendar, .icon-calendar-2, .icon-print, .icon-print-2, .icon-screen, .icon-mobile, .icon-tablet, .icon-tv, .icon-mobile-2, .icon-box, .icon-download, .icon-upload, .icon-disk, .icon-cd, .icon-storage, .icon-database, .icon-undo, .icon-redo, .icon-rotate, .icon-rotate-2, .icon-align-bottom, .icon-bubble, .icon-bubble-2, .icon-bubbles, .icon-bubble-3, .icon-bubble-4, .icon-user, .icon-users, .icon-user-2, .icon-users-2, .icon-quotes-left, .icon-quotes-right, .icon-quotes-right-2, .icon-quotes-right-3, .icon-busy, .icon-spinner, .icon-spinner-2, .icon-binoculars, .icon-search, .icon-key, .icon-key-2, .icon-key-3, .icon-lock, .icon-unlocked, .icon-keyhole, .icon-equalizer, .icon-settings, .icon-wrench, .icon-equalizer-2, .icon-cog, .icon-cogs, .icon-cog-2, .icon-cog-3, .icon-factory, .icon-pie, .icon-stats, .icon-stats-2, .icon-bars, .icon-bars-2, .icon-stats-up, .icon-stats-down, .icon-chart, .icon-gift, .icon-gift-2, .icon-diamond, .icon-glass, .icon-mug, .icon-rocket, .icon-tree, .icon-tree-2, .icon-fire, .icon-bomb, .icon-skull, .icon-remove, .icon-briefcase, .icon-airplane, .icon-paper-plane, .icon-truck, .icon-cube, .icon-cube-2, .icon-pyramid, .icon-pyramid-2, .icon-puzzle, .icon-puzzle-2, .icon-brain, .icon-accessibility, .icon-shield, .icon-switch, .icon-power, .icon-power-2, .icon-clipboard, .icon-clipboard-2, .icon-list, .icon-numbered-list, .icon-grid, .icon-cloud, .icon-cloud-2, .icon-cloud-download, .icon-cloud-upload, .icon-link, .icon-link-2, .icon-link-3, .icon-eye, .icon-attachment, .icon-eye-blocked, .icon-heart, .icon-heart-2, .icon-contrast, .icon-thumbs-up, .icon-thumbs-down, .icon-thumbs-up-2, .icon-thumbs-up-3, .icon-happy, .icon-happy-2, .icon-smiley, .icon-smiley-2, .icon-tongue, .icon-tongue-2, .icon-sad, .icon-sad-2, .icon-wink, .icon-wink-2, .icon-grin, .icon-grin-2, .icon-cool, .icon-cool-2, .icon-angry, .icon-angry-2, .icon-evil, .icon-evil-2, .icon-shocked, .icon-shocked-2, .icon-confused, .icon-confused-2, .icon-neutral, .icon-neutral-2, .icon-wondering, .icon-wondering-2, .icon-resize, .icon-question, .icon-info, .icon-checkmark-circle, .icon-checkmark, .icon-checkmark-2, .icon-play-2, .icon-pause, .icon-stop, .icon-loop, .icon-arrow-up-left, .icon-arrow-up, .icon-arrow-up-right, .icon-arrow-right, .icon-arrow-down-right, .icon-arrow-down, .icon-arrow-down-left, .icon-arrow-left, .icon-arrow-up-2, .icon-arrow-right-2, .icon-arrow-down-2, .icon-arrow-left-2, .icon-circle, .icon-radio-checked, .icon-google, .icon-google-plus, .icon-google-plus-2, .icon-google-drive, .icon-facebook, .icon-instagram, .icon-twitter, .icon-feed, .icon-youtube, .icon-youtube-2, .icon-vimeo, .icon-lanyrd, .icon-flickr, .icon-picassa, .icon-dribbble, .icon-forrst, .icon-deviantart, .icon-steam, .icon-steam-2, .icon-github, .icon-github-2, .icon-github-3, .icon-github-4, .icon-github-5, .icon-wordpress, .icon-wordpress-2, .icon-joomla, .icon-blogger, .icon-blogger-2, .icon-tumblr, .icon-tumblr-2, .icon-pinterest, .icon-pinterest-2, .icon-stackoverflow, .icon-stumbleupon, .icon-stumbleupon-2, .icon-delicious, .icon-lastfm, .icon-lastfm-2, .icon-linkedin, .icon-reddit, .icon-skype, .icon-soundcloud, .icon-soundcloud-2, .icon-sound-cloud, .icon-windows8, .icon-windows, .icon-android, .icon-finder, .icon-apple, .icon-tux, .icon-yahoo, .icon-xing, .icon-xing-2, .icon-flattr, .icon-foursquare, .icon-foursquare-2, .icon-paypal, .icon-paypal-2, .icon-paypal-3, .icon-yelp, .icon-html5, .icon-html5-2, .icon-css3, .icon-chrome, .icon-firefox, .icon-IE, .icon-opera, .icon-safari, .icon-font, .icon-type, .icon-code, .icon-star, .icon-star-2, .icon-upload-2, .icon-download-2, .icon-download-3, .icon-upload-3, .icon-eye-2, .icon-eye-3, .icon-eye-blocked-2, .icon-eye-4, .icon-eye-5, .icon-radio-unchecked {
font-family: 'icomoon-ultimate';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-home:before {
content: "\e001";
}
.icon-home-2:before {
content: "\e002";
}
.icon-home-3:before {
content: "\e003";
}
.icon-home-4:before {
content: "\e004";
}
.icon-home-5:before {
content: "\e000";
}
.icon-office:before {
content: "\e005";
}
.icon-newspaper:before {
content: "\e006";
}
.icon-pencil:before {
content: "\e007";
}
.icon-pencil-2:before {
content: "\e008";
}
.icon-quill:before {
content: "\e009";
}
.icon-pencil-3:before {
content: "\e00a";
}
.icon-pen:before {
content: "\e00c";
}
.icon-pen-2:before {
content: "\e00d";
}
.icon-blog:before {
content: "\e00e";
}
.icon-palette:before {
content: "\e00b";
}
.icon-eyedropper:before {
content: "\e00f";
}
.icon-droplet:before {
content: "\e010";
}
.icon-droplet-2:before {
content: "\e011";
}
.icon-image:before {
content: "\e012";
}
.icon-images:before {
content: "\e013";
}
.icon-images-2:before {
content: "\e014";
}
.icon-camera:before {
content: "\e015";
}
.icon-camera-2:before {
content: "\e016";
}
.icon-music:before {
content: "\e017";
}
.icon-music-2:before {
content: "\e019";
}
.icon-headphones:before {
content: "\e018";
}
.icon-play:before {
content: "\e01a";
}
.icon-movie:before {
content: "\e01b";
}
.icon-movie-2:before {
content: "\e01c";
}
.icon-movie-3:before {
content: "\e01d";
}
.icon-film:before {
content: "\e01e";
}
.icon-gamepad:before {
content: "\e022";
}
.icon-gamepad-2:before {
content: "\e023";
}
.icon-bullhorn:before {
content: "\e01f";
}
.icon-chess:before {
content: "\e020";
}
.icon-new:before {
content: "\e021";
}
.icon-connection:before {
content: "\e024";
}
.icon-mic:before {
content: "\e027";
}
.icon-mic-2:before {
content: "\e025";
}
.icon-mic-3:before {
content: "\e026";
}
.icon-book:before {
content: "\e028";
}
.icon-reading:before {
content: "\e029";
}
.icon-graduation:before {
content: "\e02a";
}
.icon-file:before {
content: "\e02b";
}
.icon-file-2:before {
content: "\e02c";
}
.icon-file-3:before {
content: "\e02d";
}
.icon-files:before {
content: "\e02e";
}
.icon-file-4:before {
content: "\e030";
}
.icon-folder:before {
content: "\e02f";
}
.icon-folder-download:before {
content: "\e031";
}
.icon-folder-upload:before {
content: "\e032";
}
.icon-folder-2:before {
content: "\e033";
}
.icon-folder-3:before {
content: "\e034";
}
.icon-tag:before {
content: "\e037";
}
.icon-tag-2:before {
content: "\e038";
}
.icon-tag-3:before {
content: "\e035";
}
.icon-qrcode:before {
content: "\e036";
}
.icon-cart:before {
content: "\e039";
}
.icon-cart-2:before {
content: "\e03a";
}
.icon-basket:before {
content: "\e03b";
}
.icon-bag:before {
content: "\e03c";
}
.icon-coin:before {
content: "\e03d";
}
.icon-credit:before {
content: "\e03e";
}
.icon-phone:before {
content: "\e03f";
}
.icon-support:before {
content: "\e041";
}
.icon-phone-2:before {
content: "\e042";
}
.icon-envelop:before {
content: "\e040";
}
.icon-email:before {
content: "\e040";
}
.icon-location:before {
content: "\e043";
}
.icon-pushpin:before {
content: "\e044";
}
.icon-location-2:before {
content: "\e045";
}
.icon-location-3:before {
content: "\e046";
}
.icon-map:before {
content: "\e047";
}
.icon-map-2:before {
content: "\e048";
}
.icon-clock:before {
content: "\e049";
}
.icon-clock-2:before {
content: "\e04a";
}
.icon-bell:before {
content: "\e04b";
}
.icon-calendar:before {
content: "\e04c";
}
.icon-calendar-2:before {
content: "\e04d";
}
.icon-print:before {
content: "\e04e";
}
.icon-print-2:before {
content: "\e04f";
}
.icon-screen:before {
content: "\e050";
}
.icon-mobile:before {
content: "\e051";
}
.icon-tablet:before {
content: "\e052";
}
.icon-tv:before {
content: "\e053";
}
.icon-mobile-2:before {
content: "\e054";
}
.icon-box:before {
content: "\e055";
}
.icon-download:before {
content: "\e056";
}
.icon-upload:before {
content: "\e057";
}
.icon-disk:before {
content: "\e058";
}
.icon-cd:before {
content: "\e059";
}
.icon-storage:before {
content: "\e05a";
}
.icon-database:before {
content: "\e05b";
}
.icon-undo:before {
content: "\e05c";
}
.icon-redo:before {
content: "\e05d";
}
.icon-rotate:before {
content: "\e05e";
}
.icon-rotate-2:before {
content: "\e05f";
}
.icon-align-bottom:before {
content: "\e060";
}
.icon-bubble:before {
content: "\e061";
}
.icon-bubble-2:before {
content: "\e062";
}
.icon-bubbles:before {
content: "\e063";
}
.icon-bubble-3:before {
content: "\e064";
}
.icon-bubble-4:before {
content: "\e065";
}
.icon-user:before {
content: "\e066";
}
.icon-users:before {
content: "\e067";
}
.icon-user-2:before {
content: "\e068";
}
.icon-users-2:before {
content: "\e069";
}
.icon-quotes-left:before {
content: "\e06a";
}
.icon-quotes-right:before {
content: "\e06b";
}
.icon-quotes-right-2:before {
content: "\e06c";
}
.icon-quotes-right-3:before {
content: "\e06d";
}
.icon-busy:before {
content: "\e06e";
}
.icon-spinner:before {
content: "\e06f";
}
.icon-spinner-2:before {
content: "\e070";
}
.icon-binoculars:before {
content: "\e071";
}
.icon-search:before {
content: "\e072";
}
.icon-key:before {
content: "\e073";
}
.icon-key-2:before {
content: "\e074";
}
.icon-key-3:before {
content: "\e075";
}
.icon-lock:before {
content: "\e076";
}
.icon-unlocked:before {
content: "\e077";
}
.icon-keyhole:before {
content: "\e078";
}
.icon-equalizer:before {
content: "\e079";
}
.icon-settings:before {
content: "\e07a";
}
.icon-wrench:before {
content: "\e07b";
}
.icon-equalizer-2:before {
content: "\e07c";
}
.icon-cog:before {
content: "\e07d";
}
.icon-cogs:before {
content: "\e07e";
}
.icon-cog-2:before {
content: "\e07f";
}
.icon-cog-3:before {
content: "\e080";
}
.icon-factory:before {
content: "\e081";
}
.icon-pie:before {
content: "\e082";
}
.icon-stats:before {
content: "\e083";
}
.icon-stats-2:before {
content: "\e084";
}
.icon-bars:before {
content: "\e085";
}
.icon-bars-2:before {
content: "\e086";
}
.icon-stats-up:before {
content: "\e087";
}
.icon-stats-down:before {
content: "\e088";
}
.icon-chart:before {
content: "\e089";
}
.icon-gift:before {
content: "\e08a";
}
.icon-gift-2:before {
content: "\e08b";
}
.icon-diamond:before {
content: "\e08c";
}
.icon-glass:before {
content: "\e08d";
}
.icon-mug:before {
content: "\e08e";
}
.icon-rocket:before {
content: "\e08f";
}
.icon-tree:before {
content: "\e090";
}
.icon-tree-2:before {
content: "\e091";
}
.icon-fire:before {
content: "\e092";
}
.icon-bomb:before {
content: "\e093";
}
.icon-skull:before {
content: "\e094";
}
.icon-remove:before {
content: "\e095";
}
.icon-briefcase:before {
content: "\e096";
}
.icon-airplane:before {
content: "\e097";
}
.icon-paper-plane:before {
content: "\e098";
}
.icon-truck:before {
content: "\e099";
}
.icon-cube:before {
content: "\e09a";
}
.icon-cube-2:before {
content: "\e09b";
}
.icon-pyramid:before {
content: "\e09c";
}
.icon-pyramid-2:before {
content: "\e09d";
}
.icon-puzzle:before {
content: "\e09e";
}
.icon-puzzle-2:before {
content: "\e09f";
}
.icon-brain:before {
content: "\e0a0";
}
.icon-accessibility:before {
content: "\e0a1";
}
.icon-shield:before {
content: "\e0a2";
}
.icon-switch:before {
content: "\e0a3";
}
.icon-power:before {
content: "\e0a4";
}
.icon-power-2:before {
content: "\e0a5";
}
.icon-clipboard:before {
content: "\e0a6";
}
.icon-clipboard-2:before {
content: "\e0a7";
}
.icon-list:before {
content: "\e0a8";
}
.icon-numbered-list:before {
content: "\e0a9";
}
.icon-grid:before {
content: "\e0aa";
}
.icon-cloud:before {
content: "\e0ab";
}
.icon-cloud-2:before {
content: "\e0ac";
}
.icon-cloud-download:before {
content: "\e0ad";
}
.icon-cloud-upload:before {
content: "\e0ae";
}
.icon-link:before {
content: "\e0af";
}
.icon-link-2:before {
content: "\e0b0";
}
.icon-link-3:before {
content: "\e0b1";
}
.icon-eye:before {
content: "\e0b2";
}
.icon-attachment:before {
content: "\e0b3";
}
.icon-eye-blocked:before {
content: "\e0b4";
}
.icon-heart:before {
content: "\e0b5";
}
.icon-heart-2:before {
content: "\e0b6";
}
.icon-contrast:before {
content: "\e0b7";
}
.icon-thumbs-up:before {
content: "\e0b8";
}
.icon-thumbs-down:before {
content: "\e0b9";
}
.icon-thumbs-up-2:before {
content: "\e0ba";
}
.icon-thumbs-up-3:before {
content: "\e0bb";
}
.icon-happy:before {
content: "\e0bc";
}
.icon-happy-2:before {
content: "\e0bd";
}
.icon-smiley:before {
content: "\e0be";
}
.icon-smiley-2:before {
content: "\e0bf";
}
.icon-tongue:before {
content: "\e0c0";
}
.icon-tongue-2:before {
content: "\e0c1";
}
.icon-sad:before {
content: "\e0c2";
}
.icon-sad-2:before {
content: "\e0c3";
}
.icon-wink:before {
content: "\e0c4";
}
.icon-wink-2:before {
content: "\e0c5";
}
.icon-grin:before {
content: "\e0c6";
}
.icon-grin-2:before {
content: "\e0c7";
}
.icon-cool:before {
content: "\e0c8";
}
.icon-cool-2:before {
content: "\e0c9";
}
.icon-angry:before {
content: "\e0ca";
}
.icon-angry-2:before {
content: "\e0cb";
}
.icon-evil:before {
content: "\e0cc";
}
.icon-evil-2:before {
content: "\e0cd";
}
.icon-shocked:before {
content: "\e0ce";
}
.icon-shocked-2:before {
content: "\e0cf";
}
.icon-confused:before {
content: "\e0d0";
}
.icon-confused-2:before {
content: "\e0d1";
}
.icon-neutral:before {
content: "\e0d2";
}
.icon-neutral-2:before {
content: "\e0d3";
}
.icon-wondering:before {
content: "\e0d4";
}
.icon-wondering-2:before {
content: "\e0d5";
}
.icon-resize:before {
content: "\e0d6";
}
.icon-question:before {
content: "\e0d7";
}
.icon-info:before {
content: "\e0d8";
}
.icon-checkmark-circle:before {
content: "\e0d9";
}
.icon-checkmark:before {
content: "\e0da";
}
.icon-checkmark-2:before {
content: "\e0db";
}
.icon-play-2:before {
content: "\e0dc";
}
.icon-pause:before {
content: "\e0dd";
}
.icon-stop:before {
content: "\e0de";
}
.icon-loop:before {
content: "\e0df";
}
.icon-arrow-up-left:before {
content: "\e0e0";
}
.icon-arrow-up:before {
content: "\e0e1";
}
.icon-arrow-up-right:before {
content: "\e0e2";
}
.icon-arrow-right:before {
content: "\e0e3";
}
.icon-arrow-down-right:before {
content: "\e0e4";
}
.icon-arrow-down:before {
content: "\e0e5";
}
.icon-arrow-down-left:before {
content: "\e0e6";
}
.icon-arrow-left:before {
content: "\e0e7";
}
.icon-arrow-up-2:before {
content: "\e0e8";
}
.icon-arrow-right-2:before {
content: "\e0e9";
}
.icon-arrow-down-2:before {
content: "\e0ea";
}
.icon-arrow-left-2:before {
content: "\e0eb";
}
.icon-circle:before {
content: "\e0ed";
}
.icon-radio-checked:before {
content: "\e0ee";
}
.icon-google:before {
content: "\e0ef";
}
.icon-google-plus:before {
content: "\e0f0";
}
.icon-google-plus-2:before {
content: "\e0f1";
}
.icon-google-drive:before {
content: "\e0f4";
}
.icon-facebook:before {
content: "\e0f5";
}
.icon-instagram:before {
content: "\e0f8";
}
.icon-twitter:before {
content: "\e0fb";
}
.icon-feed:before {
content: "\e0fc";
}
.icon-youtube:before {
content: "\e0ff";
}
.icon-youtube-2:before {
content: "\e100";
}
.icon-vimeo:before {
content: "\e101";
}
.icon-lanyrd:before {
content: "\e104";
}
.icon-flickr:before {
content: "\e105";
}
.icon-picassa:before {
content: "\e109";
}
.icon-dribbble:before {
content: "\e10b";
}
.icon-forrst:before {
content: "\e10f";
}
.icon-deviantart:before {
content: "\e111";
}
.icon-steam:before {
content: "\e113";
}
.icon-steam-2:before {
content: "\e114";
}
.icon-github:before {
content: "\e115";
}
.icon-github-2:before {
content: "\e116";
}
.icon-github-3:before {
content: "\e117";
}
.icon-github-4:before {
content: "\e118";
}
.icon-github-5:before {
content: "\e119";
}
.icon-wordpress:before {
content: "\e11a";
}
.icon-wordpress-2:before {
content: "\e11b";
}
.icon-joomla:before {
content: "\e11c";
}
.icon-blogger:before {
content: "\e11d";
}
.icon-blogger-2:before {
content: "\e11e";
}
.icon-tumblr:before {
content: "\e11f";
}
.icon-tumblr-2:before {
content: "\e120";
}
.icon-pinterest:before {
content: "\e121";
}
.icon-pinterest-2:before {
content: "\e122";
}
.icon-stackoverflow:before {
content: "\e123";
}
.icon-stumbleupon:before {
content: "\e124";
}
.icon-stumbleupon-2:before {
content: "\e125";
}
.icon-delicious:before {
content: "\e126";
}
.icon-lastfm:before {
content: "\e127";
}
.icon-lastfm-2:before {
content: "\e128";
}
.icon-linkedin:before {
content: "\e129";
}
.icon-reddit:before {
content: "\e12a";
}
.icon-skype:before {
content: "\e12b";
}
.icon-soundcloud:before {
content: "\e12c";
}
.icon-soundcloud-2:before {
content: "\e12d";
}
.icon-sound-cloud:before {
content: "\e12d";
}
.icon-windows8:before {
content: "\e12e";
}
.icon-windows:before {
content: "\e12f";
}
.icon-android:before {
content: "\e130";
}
.icon-finder:before {
content: "\e131";
}
.icon-apple:before {
content: "\e132";
}
.icon-tux:before {
content: "\e133";
}
.icon-yahoo:before {
content: "\e134";
}
.icon-xing:before {
content: "\e135";
}
.icon-xing-2:before {
content: "\e136";
}
.icon-flattr:before {
content: "\e137";
}
.icon-foursquare:before {
content: "\e138";
}
.icon-foursquare-2:before {
content: "\e139";
}
.icon-paypal:before {
content: "\e13a";
}
.icon-paypal-2:before {
content: "\e13b";
}
.icon-paypal-3:before {
content: "\e13c";
}
.icon-yelp:before {
content: "\e13d";
}
.icon-html5:before {
content: "\e13e";
}
.icon-html5-2:before {
content: "\e13f";
}
.icon-css3:before {
content: "\e140";
}
.icon-chrome:before {
content: "\e141";
}
.icon-firefox:before {
content: "\e142";
}
.icon-IE:before {
content: "\e143";
}
.icon-opera:before {
content: "\e144";
}
.icon-safari:before {
content: "\e146";
}
.icon-font:before {
content: "\e145";
}
.icon-type:before {
content: "\e147";
}
.icon-code:before {
content: "\e148";
}
.icon-star:before {
content: "\e149";
}
.icon-star-2:before {
content: "\e14a";
}
.icon-upload-2:before {
content: "\e14b";
}
.icon-download-2:before {
content: "\e14c";
}
.icon-download-3:before {
content: "\e14d";
}
.icon-upload-3:before {
content: "\e14e";
}
.icon-eye-2:before {
content: "\e14f";
}
.icon-eye-3:before {
content: "\e150";
}
.icon-eye-blocked-2:before {
content: "\e151";
}
.icon-eye-4:before {
content: "\e152";
}
.icon-eye-5:before {
content: "\e153";
}
.icon-radio-unchecked:before {
content: "\e0f2";
}