@charset "utf-8";

/*

Theme Name: Aina Theme

Author: Surmezur

Author URI: http://www.surmezur.com

Description: Thème par défaut du site.

Version: 1.0

Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: customtheme



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



@media all and (min-width: 220px) and (max-width: 340px) 

{





.jquery-responsive-select-menu{

position:absolute;

top:95px;

text-align:center;

width:100% !important;

 background: url(image/menu3a.png) no-repeat ;

 height:50px;

background-size: 300px 50px!important;

border:none;

color:white;

font-size:18px;

text-indent: 40%;

}



	.toit {

	background-size: 320px 34px !important;

	margin-top:40px!important;

	height: 34px !important;

}



.cml_flags {

float:left !important;

margin-left:90% !important;

margin-top:10px !important;

}



.trip {

position:absolute !important;

top:10px !important;

right:90% !important;

margin-top:0px !important;

float:left !important;

margin-left:20px !important;

width:30px !important;

}



#tabs_container{

margin-top:40px !important;

}



.logo {



margin-top:15px !important;

}

.trip img {

width:30px !important;

margin-left:15px;

}



ul#tabs{

margin-top:-30px !important;

padding-bottom:10px !important;

}

#tabs li{

height:20px !important;

}

iframe {

width:280px !important;

}

#tabs{

top:0px !important;

position: relative !important;

margin-top:-30px !important;

padding-bottom:10px !important;

}

	.linteau {

	background-size: 320px 19px !important;

	height: 19px !important;

}



	.last {

	background-size: 320px 40px !important;

	height: 40px !important;

}



	.ground {

	background-size: 320px 29px !important;

	height: 29px !important;

	font-size:11px !important;

	padding:0px !important;

}



.inside {

	width: 280px !important;

	height: auto !important;

	margin-top: -2px!important;

}

.inside {

	width: 90% auto !important;

	height: auto !important;

}



.inside img{

    width:260px !important;



}



.last ul{

width:200px !important;

}



#contact{

display:none !important;}

#menuV{

position: fixed;

top: 30px !important;

width:100% !important;

display: block;

margin: 0;

padding: 0;

text-align: center;



}

.container_skitter { 

width:270px !important;

height:auto !important;  }

.box_clone{



width:270px !important;

height:auto !important; 

}

.image{

width:270px !important;



}

.box_skitter {

width:270px !important;

}

.info_slide{

left:45%;

}



}





@media all and (min-width: 350px) and (max-width: 610px) 

{





.jquery-responsive-select-menu{

position:absolute;

top:115px;

text-align:center;

width:300px !important;

background: url(image/menu3a.png) no-repeat ;

height:50px;

background-size: 300px 50px!important;

border:none;

margin-left:20%;

color:black;

font-size:22px;

text-indent: 40%;

}



	.toit {

	background-size: 450px 48px !important;

	margin-top:70px!important;

	height: 48px !important;

}



.cml_flags {

float:left !important;

margin-left:90% !important;

margin-top:10px !important;

}



.trip {

position:absolute !important;

top:10px !important;

right:90% !important;

margin-top:0px !important;

float:left !important;

margin-left:20px !important;

width:30px !important;

}



#tabs_container{

margin-top:40px !important;

}



.logo {



margin-top:15px !important;

}

.trip img {

width:30px !important;

margin-left:15px;

}



ul#tabs{

margin-top:-30px !important;

padding-bottom:10px !important;

}

#tabs li{

height:20px !important;

}

iframe {

width:350px !important;

}

#tabs{

top:0px !important;

position: relative !important;

margin-top:-30px !important;

padding-bottom:10px !important;

}

	.linteau {

	background-size: 450px 26px !important;

	height: 26px !important;

}



	.last {

	background-size: 450px 56px !important;

	height: 56px !important;

}



	.ground {

	background-size: 450px 41px !important;

	height: 41px !important;

	font-size:11px !important;

	padding:0px !important;

}



.inside {

	width:390px !important;

	height: auto !important;

	margin-top: -2px!important;

}

.inside {

	width: 90% auto !important;

	height: auto !important;

}



.inside img{

    width:370px !important;



}



.last ul{

width:200px !important;

}



#contact{

display:none !important;}

#menuV{

position: fixed;

top: 30px !important;

width:100% !important;

display: block;

margin: 0;

padding: 0;

text-align: center;



}

.container_skitter { 

width:350px !important;

height:auto !important;  }

.box_clone{



width:350px !important;

height:auto !important; 

}

.image{

width:350px !important;



}

.box_skitter {

width:350px !important;

}

.info_slide{

left:45%;

}



}







@media all and (min-width: 611px) and (max-width: 1025px) 

{





.jquery-responsive-select-menu{

position:absolute;

top:115px;

text-align:center;

width:300px !important;

background: url(image/menu3a.png) no-repeat ;

height:50px;

background-size: 300px 50px!important;

border:none;

margin-left:20%;

color:black;

font-size:22px;

text-indent: 40%;

}



	.toit {

	background-size: 650px 69px !important;

	margin-top:30px!important;

	height: 69px !important;

}



#menuV{

left:10px !important;



}

.cml_flags {

float:left !important;

margin-left:85% !important;

margin-top:30px !important;

}



.trip {

position:absolute !important;

top:40px !important;

right:5% !important;

margin-top:170px !important;

float:left !important;

margin-left:30px !important;

width:60px !important;

}



#tabs_container{

margin-top:40px !important;

}



.logo {



margin-top:15px !important;

}

.trip img {

width:60px !important;

margin-left:25px;

}



ul#tabs{

margin-top:-30px !important;

padding-bottom:10px !important;

}

#tabs li{

height:20px !important;

}

iframe {

width:570px !important;

}

#tabs{

top:0px !important;

position: relative !important;

margin-top:-30px !important;

padding-bottom:10px !important;

}

	.linteau {

	background-size: 650px 37px !important;

	height: 37px !important;

}



	.last {

	background-size: 650px 117px !important;

	height: 117px !important;

}



	.ground {

	background-size: 650px 59px !important;

	height: 59px !important;

	font-size:13px !important;

	padding:0px !important;

}



.inside {

	width:590px !important;

	height: 700px !important;

	margin-top: -2px!important;

}

.inside {

	width: 90% auto !important;

	height: 700px !important;

}



.inside img{

    width:570px !important;



}



.last ul{

width:200px !important;

}



#contact{ position: absolute !important;top:0px; right:10px;}



.container_skitter { 

width:570px !important;

height:auto !important;  }

.box_clone{



width:570px !important;

height:auto !important; 

}

.image{

width:570px !important;



}

.box_skitter {

width:570px !important;

}

.info_slide{

left:45%;

}



}



/*iframe {

width:570px;

}*/





@font-face {

    font-family:"kgsweet";

    src: url('font/kgsweet.eot');

    src: url('font/kgsweet.TTF') format('truetype'),

    url('font/kgsweet.eot?#iefix') format('embedded-opentype');

}



body{

    background: url(image/main-bg.png) #850c2c top repeat-x;

    margin:0;

    padding:0;

    font-family:"kgsweet";

}



*{

    transition:all 0.2s ease-in-out;

    -webkit-transition:all 0.2s ease-in-out;

    -moz-transition:all 0.2s ease-in-out;

    -o-transition:all 0.2s ease-in-out;

    -ms-transition:all 0.2s ease-in-out;

}

.logo{

    margin:0 auto;

    display:block

}



.main, .toit, .last, .linteau, .inside, .ground{

    background-position:50% 0;

	

    background-repeat:no-repeat;

    margin:0 auto

}

.toit {

background-size:800px 87px;

height:87px;

}

.linteau{

background-size:800px 48px;

height:48px;

}



.ground{

background-size:800px 72px;

height:44px;

}



.last{

background-size:800px 101px;

height:101px;

}





.main{

    width:100%;

}



.clear{

    clear:both;

}



#home{

    background-image: url(image/home-bg.png);

}

#home .toit{

    background-image:url(image/home-toit.png);

}

#home .linteau{

    background-image:url(image/home-linteau.png);

}

#home .ground{

    background-image:url(image/home-ground.png);

}

#home .last{

    background-image:url(image/home-last.png);

}

#home .inside{

    background:#ed1c24;	

}

#chambre{

    background-image: url(image/chambre-bg.png);

}

#chambre .toit{

    background-image:url(image/chambre-toit.png);

}

#chambre .linteau{

    background-image:url(image/chambre-linteau.png);

}

#chambre .ground{

    background-image:url(image/chambre-ground.png);

}

#chambre .last{

    background-image:url(image/chambre-last.png);

}

#chambre .inside{

    background:#cf3b7e;

}

#valeur{

    background-image: url(image/valeur-bg.png);

}

#valeur .toit{

    background-image:url(image/valeur-toit.png);

}

#valeur .linteau{

    background-image:url(image/valeur-linteau.png);

}

#valeur .ground{

    background-image:url(image/valeur-ground.png);

}

#valeur .last{

    background-image:url(image/valeur-last.png);

}

#valeur .inside{

    background:#f08600;

}

#service{

    background-image: url(image/service-bg.png);

}

#service .toit{

    background-image:url(image/service-toit.png);

}

#service .linteau{

    background-image:url(image/service-linteau.png);

}

#service .ground{

    background-image:url(image/service-ground.png);

}

#service .last{

    background-image:url(image/service-last.png);

}

#service .inside{

    background:#571d41;

}

#tarif{

    background-image: url(image/tarif-bg.png);

}

#tarif .toit{

    background-image:url(image/tarif-toit.png);

}

#tarif .linteau{

    background-image:url(image/tarif-linteau.png);

}

#tarif .ground{

    background-image:url(image/tarif-ground.png);

}

#tarif .last{

    background-image:url(image/tarif-last.png);

}

#tarif .inside{

    background:#f15a24;

}

#video{

    background-image: url(image/video-bg.png);

}

#video .toit{

    background-image:url(image/video-toit.png);

}

#video .linteau{

    background-image:url(image/video-linteau.png);

}

#video .ground{

    background-image:url(image/video-ground.png);

}

#video .last{

    background-image:url(image/video-last.png);

}

#video .inside{

    background:#03bab3;

}

#photo{

    background-image: url(image/photo-bg.png);

}

#photo .toit{

    background-image:url(image/photo-toit.png);

}

#photo .linteau{

    background-image:url(image/photo-linteau.png);

}

#photo .ground{

    background-image:url(image/photo-ground.png);

}

#photo .last{

    background-image:url(image/photo-last.png);

}

#photo .inside{

    background:#ed1c24;

}







.last p{

    text-align:center;

    color:white;

    font-size:0.8em;

    opacity:0.6

}

.last p a{

    color:white;

    text-decoration:none;

}

.last p a:hover{

    color:black

}



.last ul{

    padding:1em 0;

    width:547px;

    margin:0 auto

}

.last ul li{

    list-style:none;

    float:right;

    margin-left:10px

}

.last ul li a img{

    opacity:0.8;

}

.last ul li a img:hover{

    opacity:1;

}







/*h1{

	text-transform:lowercase !important;

}*/

.inside{

    width:700px;

    padding:0 0 0 20px;

/*    height:400px;*/

    color:white;

    display:block;

    text-align:center;

	overflow-y: scroll;

	font-family:'Arial', Helvetica, sans-serif;

	margin-top: -5px;

}

.inside::-webkit-scrollbar{

    width: 10px;

	cursor:pointer;

}

.inside::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

    border-radius: 10px;

	cursor:pointer;

}

.inside::-webkit-scrollbar-thumb{

    border-radius: 10px;

    background:rgba(255, 255, 255, 0.4);

	cursor:pointer;

}

.inside::-webkit-scrollbar-thumb:hover{

	background:rgba(255, 255, 255, 0.7);

}



.inside img{

    border:1px solid #fcf6d8;

    width:670px;

    height:auto;

    margin:1em auto;

    display:block

}

.ground{

	color: white;

	text-align: center;

	padding:10px;

	padding-top:16px;

	font-size:22px;

}



#menuV{

    position:fixed;

    top:0;

    left:20px;

    display:block;

    margin:0;

    padding:0;

    text-align:center;

    background:url(image/corde.png) 50% 0 no-repeat;

    min-height:400px;

    padding-top:100px

}

#menuV li{

    list-style:none;

    margin-bottom:0.2em;

}



#menuV li a{

    color:#fff;

    text-decoration:none;

    display:block;

    margin:0 auto;

}



#menuV li a.menu1{

    background:url(image/menu1a.png);

    width:85px;

    height:42px;

    line-height:42px;

}

#menuV li a.menu1:hover, #menuV li a.menu1.actif{

    background:url(image/menu1b.png);

}

#menuV li:nth-last-child(2) a, 

#menuV li a.menu2{

    background:url(image/menu2a.png);

    width:144px;

    height:38px;

    line-height:38px;

}

#menuV li:nth-last-child(2) a:hover, #menuV li:nth-last-child(2) a.actif,

#menuV li a.menu2:hover, #menuV li a.menu2.actif{

    background:url(image/menu2b.png);

}

#menuV li a.menu3{

    background:url(image/menu3a.png);

    width:134px;

    height:42px;

    line-height:42px

}

#menuV li a.menu3:hover, #menuV li a.menu3.actif{

    background:url(image/menu3b.png);

}

#menuV li a.menu4{

    background:url(image/menu4a.png);

    width:80px;

    height:33px;

    line-height:33px

}

#menuV li a.menu4:hover, #menuV li a.menu4.actif{

    background:url(image/menu4b.png);

}

#menuV li a.menu5{

    background:url(image/menu5a.png);

    width:129px;

    height:29px;

    line-height:29px

}

#menuV li a.menu5:hover, #menuV li a.menu5.actif{

    background:url(image/menu5b.png);

}

#menuV li:last-child a,

#menuV li a.menu6{

    background:url(image/menu6a.png);

    width:124px;

    height:45px;

    line-height:45px

}

#menuV li:last-child a:hover, #menuV li:last-child a.actif,

#menuV li a.menu6:hover, #menuV li a.menu6.actif{

    background:url(image/menu6b.png);

}

#menuV li a.menu7{

    background:url(image/menu7a.png);

    width:126px;

    height:37px;

    line-height:37px

}

#menuV li a.menu7:hover, #menuV li a.menu7.actif{

    background:url(image/menu7b.png);

}

#menuV li a.menu8{

    background:url(image/menu8a.png);

    width:144px;

    height:38px;

    line-height:38px

}

#menuV li a.menu8:hover, #menuV li a.menu8.actif{

    background:url(image/menu8b.png);

}

#menuV li a.menu9{

    background:url(image/menu9a.png);

    width:140px;

    height:40px;

    line-height:40px

}

#menuV li a.menu9:hover, #menuV li a.menu9.actif{

    background:url(image/menu9b.png);

}



#contact{

    position:fixed;

    background:url(image/contact.png);

    width:187px;

    height:103px;

    display:block;

    right:20px;

    margin:0;

    padding:64px 0px 18px 20px;    

}

#contact li{

    list-style:none;

    font-size:0.9em;

}

#contact li a{

    font-family: Arial, sans-serif;

    color:#fff;

    text-decoration:none;

}

#contact li img{

    margin-right:0.5em;

}



.cml_flags_on_top {

    float: right;

    padding-top: 10px;

    position: absolute;

    right: 29%;

    top: 0;

}

.cml_flags_on_top li {

    float: left;

    list-style-type: none;

}

.cml_flags_on_top img {

    width: auto;

    height: auto;

}



/* basic scrollbar styling */

/* vertical scrollbar */

.mCSB_container{

    width:auto;

    margin-right:20px;

    overflow:hidden;

}

.mCSB_container.mCS_no_scrollbar{

    margin-right:0;

}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,

.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{

    margin-right:30px;

}

.mCustomScrollBox>.mCSB_scrollTools{

    width:16px;

    height:100%;

    top:0;

    right:0;

}

.mCSB_scrollTools .mCSB_draggerContainer{

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    right:0;

    height:auto;

}

.mCSB_scrollTools a+.mCSB_draggerContainer{

    margin:20px 0;

}

.mCSB_scrollTools .mCSB_draggerRail{

    width:2px;

    height:100%;

    margin:0 auto;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

}

.mCSB_scrollTools .mCSB_dragger{

    cursor:pointer;

    width:100%;

    height:30px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:4px;

    height:100%;

    margin:0 auto;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

    text-align:center;

}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown{

    display:block;

    position:relative;

    height:20px;

    overflow:hidden;

    margin:0 auto;

    cursor:pointer;

}

.mCSB_scrollTools .mCSB_buttonDown{

    top:100%;

    margin-top:-40px;

}

/* horizontal scrollbar */

.mCSB_horizontal>.mCSB_container{

    height:auto;

    margin-right:0;

    margin-bottom:30px;

    overflow:hidden;

}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{

    margin-bottom:0;

}

.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,

.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{

    margin-right:0;

    margin-bottom:30px;

}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{

    width:100%;

    height:16px;

    top:auto;

    right:auto;

    bottom:0;

    left:0;

    overflow:hidden;

}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{

    margin:0 20px;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:2px;

    margin:7px 0;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{

    width:30px;

    height:100%;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:4px;

    margin:6px auto;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{

    display:block;

    position:relative;

    width:20px;

    height:100%;

    overflow:hidden;

    margin:0 auto;

    cursor:pointer;

    float:left;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{

    margin-left:-40px;

    float:right;

}

.mCustomScrollBox{

    -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/

}



/* default scrollbar colors and backgrounds (default theme) */

.mCustomScrollBox>.mCSB_scrollTools{

    opacity:0.75;

    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

}

.mCustomScrollBox:hover>.mCSB_scrollTools{

    opacity:1;

    filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */

}

.mCSB_scrollTools .mCSB_draggerRail{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.4);

    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.75);

    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(255,255,255,0.85);

    filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */

}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(255,255,255,0.9);

    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight{

    /*background-image:url(mCSB_buttons.png);

    background-repeat:no-repeat;

    opacity:0.4;*/

    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp{

    background-position:0 0;

    /* 

    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 

    */

}

.mCSB_scrollTools .mCSB_buttonDown{

    background-position:0 -20px;

    /* 

    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 

    */

}

.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:0 -40px;

    /* 

    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 

    */

}

.mCSB_scrollTools .mCSB_buttonRight{

    background-position:0 -56px;

    /* 

    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 

    */

}

.mCSB_scrollTools .mCSB_buttonUp:hover,

.mCSB_scrollTools .mCSB_buttonDown:hover,

.mCSB_scrollTools .mCSB_buttonLeft:hover,

.mCSB_scrollTools .mCSB_buttonRight:hover{

    opacity:0.75;

    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp:active,

.mCSB_scrollTools .mCSB_buttonDown:active,

.mCSB_scrollTools .mCSB_buttonLeft:active,

.mCSB_scrollTools .mCSB_buttonRight:active{

    opacity:0.9;

    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */

}



/*scrollbar themes*/

/*dark (dark colored scrollbar)*/

.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.15);

}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-80px 0;

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-80px -20px;

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-80px -40px;

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-80px -56px;

}

/*light-2*/

.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.1);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:4px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.75);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:4px;

    margin:6px auto;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(255,255,255,0.85);

}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(255,255,255,0.9);

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-32px 0;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-32px -20px;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-40px -40px;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-40px -56px;

}

/*dark-2*/

.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.1);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:4px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:4px;

    margin:6px auto;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-112px 0;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-112px -20px;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-120px -40px;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-120px -56px;

}

/*light-thick*/

.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.1);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:6px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.75);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:6px;

    margin:5px auto;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(255,255,255,0.85);

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(255,255,255,0.9);

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-16px 0;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-16px -20px;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-20px -40px;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-20px -56px;

}

/*dark-thick*/

.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.1);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:6px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:6px;

    margin:5px auto;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-96px 0;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-96px -20px;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-100px -40px;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-100px -56px;

}

/*light-thin*/

.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.1);

}

.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:2px;

}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:2px;

    margin:7px auto;

}

/*dark-thin*/

.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.15);

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:2px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:2px;

    margin:7px auto;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-80px 0;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-80px -20px;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-80px -40px;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-80px -56px;

}



/* tabs */

#tabs_wrapper {

    width: 95%;

	height:100%;

}

#tabs_container {



}

#tabs {

    list-style: none;

    padding: 5px 0 4px 0;

    margin: 0;

    font: 0.75em arial;

	top: 160px;

text-align:center;

position: absolute;

margin-left: auto;

margin-right: auto;

left: 0;

right: 0;

}

#tabs li {

    display: inline;

}

#tabs li a {

    border: 1px solid #ccc;

    padding:0px 6px;

    text-decoration: none;

    background-color: rgba(255, 255, 255, 0.5);

    outline: none;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    font-family:"kgsweet";

    font-size:1.2em;

    color:white;

	text-transform: uppercase;

	letter-spacing: -1px;

}

#tabs li a:hover {

    background-color:#cf3b7e;

    padding: 0px 6px;

}

#tabs li.active a {

    color:#cf3b7e;

    background-color: rgba(255, 255, 255, 1);

}

#tabs li.active a:hover {

    background-color:white;

    color:#cf3b7e

}



#tabs li a.icon_accept {

    background-image: url(accept.png);

    background-position: 5px;

    background-repeat: no-repeat;

    padding-left: 24px;

}

#tabs li a.icon_accept:hover {

    padding-left: 24px;

}



#tabs_content_container {

    border: none;

    border-top: none;

    padding: 10px;

    width: 100%;

}

.tab_content {

    display: none;

}

/* tabs */



/* slider */

/* =Skitter styles

----------------------------------------------- */

.box_skitter {

    position: relative;

    width: 467px;

    height: 448px !important;

    background: none;

margin-bottom: 50px;

}



.box_skitter img {

    max-width: none;

} /* Tip for stildv */

.box_skitter ul {

    display: none;

}



.box_skitter .container_skitter {

    overflow: hidden;

    position: relative;

}



.box_skitter .image {

    overflow: hidden;

}



.box_skitter .image img {

    display: none;

    width: 670px;

}



#photo .box_skitter{

	height:350px !important;

}

#photo .container_skitter{

	height:350px !important;

}

#photo .border_box{

	margin-top:25px;

}



/* =Box clone

-------------------------------------------------------------- */

.box_skitter .box_clone {

    position: absolute;

    top: 0;

    left: 0;

    width: 100px;

    overflow: hidden;

    display: none;

    z-index: 20;

}



.box_skitter .box_clone img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 20;

	height:350px;

}



/* =Navigation

-------------------------------------------------------------- */

.box_skitter .prev_button {

    position: absolute;

    top: 50%;

    left: 35px;

    z-index: 152;

    width: 42px;

    height: 42px;

    overflow: hidden;

    text-indent: -9999em;

    margin-top: -25px;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    transition: all 0.2s;

}



.box_skitter .next_button {

    position: absolute;

    top: 50%;

    right: 35px;

    z-index: 152;

    width: 42px;

    height: 42px;

    overflow: hidden;

    text-indent: -9999em;

    margin-top: -25px;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    transition: all 0.2s;

}



.box_skitter .prev_button:hover, .box_skitter .next_button:hover {

    opacity: 0.5 !important;

}



/* =Numbers

-------------------------------------------------------------- */

.box_skitter .info_slide {

    position: absolute;

    top: 15px;

    left: 65% !important;

    z-index: 100;

    background: #000;

    color: #fff;

    font: bold 11px arial;

    padding: 5px 0 5px 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    opacity: 0.75;

}



.box_skitter .info_slide .image_number {

    background: #333;

    float: left;

    padding: 0 7px;

    margin: 10px 5px 0 0;

    cursor: pointer;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    transition: all 0.2s;

    width:1px;

}



.box_skitter .info_slide .image_number:hover {

    background: #000;

}



.box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover {

    background: #cc3333;

    float: left;

    padding: 0 7px;

    margin: 0 5px 0 0;

}



/* =Thumbs

	Change width and height to customization dimension thumb

-------------------------------------------------------------- */

.box_skitter .container_thumbs {

    position: relative;

    overflow: hidden;

    height: 50px;

}



.box_skitter .info_slide_thumb {

    height: 50px;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    overflow: hidden;

    top: auto;

    top: 0;

    left: 0;

    padding: 0 !important;

    opacity: 1.0;

}



.box_skitter .info_slide_thumb .image_number {

    overflow: hidden;

    width: 100px;

    height: 50px;

    position: relative;

    margin: 0 !important;

    padding: 0 !important;

    -moz-border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    border-radius: 0 !important;

}



.box_skitter .info_slide_thumb .image_number img {

    position: absolute;

    top: -30px;

    left: -30px;

    height: 100px;

}



.box_skitter .box_scroll_thumbs {

    padding: 0;

}



.box_skitter .box_scroll_thumbs .scroll_thumbs {

    position: absolute;

    bottom: 60px;

    left: 50px;

    background: #ccc;

    background: -moz-linear-gradient(-90deg, #555, #fff);

    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));

    width: 200px;

    height: 10px;

    overflow: hidden;

    text-indent: -9999em;

    z-index: 101;

    cursor: pointer;

    border: 0px solid #333;

}



/* =Dots

-------------------------------------------------------------- */

.box_skitter .info_slide_dots {

    position: absolute;

    bottom: -40px;

    z-index: 151;

    padding: 5px 0 5px 5px;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

}



.box_skitter .info_slide_dots .image_number {

    background: #333;

    float: left;

    margin: 0 5px 0 0;

    cursor: pointer;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    width: 18px;

    height: 18px;

    text-indent: -9999em;

    overflow: hidden;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    transition: all 0.2s;

}



.box_skitter .info_slide_dots .image_number:hover {

    background: #000;

}



.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {

    background: #cc3333;

    float: left;

    margin: 0 5px 0 0;

}



/* =Loading

-------------------------------------------------------------- */

.loading {

    position: absolute;

    top: 50%;

    right: 50%;

    z-index: 10000;

    margin: -16px -16px;

    color: #fff;

    text-indent: -9999em;

    overflow: hidden;

    background: url(images/ajax-loader.gif) no-repeat left top;

    width: 32px;

    height: 32px;

}



/* =Label

-------------------------------------------------------------- */

.box_skitter .label_skitter {

    z-index: 150;

    position: absolute;

    bottom: 0px;

    left: 0px;

    display: none;

}





.label_skitter  { width:100% !important; 

	bottom:20px !important;  }

	

.box_skitter .label_skitter {

    z-index: 150;

    position: absolute;

    bottom: 0px;

    left: 0px;

    color: #000;

    display: none;

    opacity: 1;

    background:url(image/bg-caption.png) top repeat-x !important;

}



.box_skitter .label_skitter p {

    padding: 10px;

    margin: 0;

	font-size:1.2em !important;

    /*font-family:"kgsweet" !important;*/

	color:white;

}



.box_skitter .progressbar {

    background: #000;

    position: absolute;

    top: 5px;

    left: 15px;

    height: 5px;

    width: 200px;

    z-index: 99;

    border-radius: 20px;

}



/* =Preview slide

-------------------------------------------------------------- */

.box_skitter .preview_slide {

    display: none;

    position: absolute;

    z-index: 152;

    bottom: 30px;

    left: -40px;

    width: 100px;

    height: 100px;

    background: #fff;

    border: 1px solid #222;

    -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;

    -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;

    box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;

    overflow: hidden;

}



.box_skitter .preview_slide ul {

    height: 100px !important;

    overflow: hidden !important;

    margin: 0 !important;

    list-style: none !important;

    display: block !important;

    position: absolute !important;

    top: 0;

    left: 0;

}



.box_skitter .preview_slide ul li {

    width: 100px !important;

    height: 100px !important;

    overflow: hidden !important;

    float: left !important;

    margin: 0 !important;

    padding: 0 !important;

    position: relative !important;

    display: block !important;

}



.box_skitter .preview_slide ul li img {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    height: 150px !important;

    width: auto !important;

}



/* =Focus

-------------------------------------------------------------- */

#overlay_skitter {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9998;

    opacity: 1;

    background: #000;

}



.box_skitter .focus_button {

    position: absolute;

    top: 50%;

    z-index: 100;

    width: 42px;

    height: 42px;

    overflow: hidden;

    text-indent: -9999em;

    margin-top: -25px;

    opacity: 0;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    transition: all 0.2s;

}



.box_skitter .play_pause_button {

    position: absolute;

    top: 50%;

    z-index: 151;

    width: 42px;

    height: 42px;

    overflow: hidden;

    text-indent: -9999em;

    margin-top: -25px;

    opacity: 0;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    transition: all 0.2s;

}



.box_skitter .play_pause_button.play_button {

}





.box_skitter .play_pause_button:hover {

    opacity: 0.5 !important;

}



.box_skitter .focus_button:hover {

    opacity: 0.5 !important;

}



/* =Example for dimenions

-------------------------------------------------------------- */

.box_skitter_large {

    width: 100%;

    height: 320px;

}



.box_skitter_small {

    width: 200px;

    height: 100px;

}



/* =Default theme

-------------------------------------------------------------- */

.box_skitter .focus_button,

.box_skitter .next_button,

.box_skitter .prev_button,

.box_skitter .play_pause_button

{

    display: block;

    background: url('images/sprite-default.png') no-repeat;

}



.box_skitter .next_button {

    background-position: -0px -42px;

    width: 42px;

    height: 42px;

}



.box_skitter .prev_button {

    background-position: -42px -42px;

    width: 42px;

    height: 42px;

}



.box_skitter .play_pause_button {

    background-position: -0px -0px;

    width: 42px;

    height: 42px;

}



.box_skitter .play_pause_button.play_button {

    background-position: -0px -84px;

    width: 42px;

    height: 42px;

}



.box_skitter .focus_button {

    background-position: -42px -0px;

    width: 42px;

    height: 42px;

}



/* =Minimalist theme

-------------------------------------------------------------- */

.skitter-minimalist .prev_button,

.skitter-minimalist .next_button,

.skitter-minimalist .play_pause_button,

.skitter-minimalist .focus_button

{

    display: block;

    background: url('images/sprite-minimalist.png') no-repeat !important;

}



.skitter-minimalist .prev_button {

    background-position: -0px -0px !important;

    width: 24px !important;

    height: 28px !important;

    left: -45px !important;

}



.skitter-minimalist .next_button {

    background-position: -0px -28px !important;

    width: 24px !important;

    height: 28px !important;

    right: -45px !important;

}



.skitter-minimalist .play_pause_button {

    background-position: -0px -74px !important;

    width: 18px !important;

    height: 18px !important;

}



.skitter-minimalist .play_pause_button.play_button {

    background-position: -0px -56px !important;

    width: 18px !important;

    height: 18px !important;

}



.skitter-minimalist .focus_button {

    background-position: -0px -92px !important;

    width: 18px !important;

    height: 18px !important;

}



.skitter-minimalist .info_slide {

    background: transparent;

}



.skitter-minimalist .info_slide .image_number {

    background: #000;

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

    font-size: 12px;

    font-weight: normal;

}



.skitter-minimalist .info_slide .image_number:hover {

    background: #111;

}



.skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover {

    background: #cc3333;

}



.skitter-minimalist .info_slide_dots .image_number {

    width: 14px;

    height: 14px;

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

}



/* =Round theme

-------------------------------------------------------------- */

.skitter-round .prev_button,

.skitter-round .next_button,

.skitter-round .play_pause_button,

.skitter-round .focus_button

{

    display: block;

    background: url('images/sprite-round.png') no-repeat;

}



.skitter-round .prev_button {

    background-position: -0px -0px;

    width: 23px;

    height: 47px;

    left: -23px;

}



.skitter-round .next_button {

    background-position: -23px -0px;

    width: 23px;

    height: 47px;

    right: -23px;

}



.skitter-round .next_button:hover, .skitter-round .prev_button:hover {

    opacity: 1;

}



.skitter-round .play_pause_button {

    background-position: -0px -70px;

    width: 47px;

    height: 23px;

    top: 24px;

    left: 24px !important;

}



.skitter-round .play_pause_button.play_button {

    background-position: -0px -47px;

    width: 47px;

    height: 23px;

    top: 24px;

}



.skitter-round .focus_button {

    background-position: -0px -93px;

    width: 47px;

    height: 23px;

    top: 24px;

    left: 82px !important;

}



.skitter-round .info_slide {

    background: transparent;

}



.skitter-round .info_slide .image_number {

    background: #999;

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

    font-size: 12px;

    font-weight: normal;

}



.skitter-round .info_slide .image_number:hover {

    background: #333;

}



.skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover {

    background: #111;

}



.skitter-round .info_slide_dots .image_number {

    width: 14px;

    height: 14px;

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

    background: #999;

}



.skitter-round .info_slide_dots .image_number:hover {

    background: #333;

}



.skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover {

    background: #111;

}



.skitter-round .progressbar {

    top: -10px;

    left: 0px;

    background: #333;

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

}



/* =Clean theme

-------------------------------------------------------------- */

.skitter-clean .prev_button,

.skitter-clean .next_button,

.skitter-clean .play_pause_button,

.skitter-clean .focus_button

{

    display: block;

    background: url('images/sprite-clean.png') no-repeat;

}



.skitter-clean .prev_button {

    background-position: 0px 0px;

    width: 47px;

    height: 46px;

}



.skitter-clean .next_button {

    background-position: 0px -46px;

    width: 47px;

    height: 46px;

}



.skitter-clean .play_pause_button {

    background-position: -0px -133px;

    width: 41px;

    height: 41px;

}



.skitter-clean .play_pause_button.play_button {

    background-position: -0px -92px;

    width: 41px;

    height: 41px;

}



.skitter-clean .focus_button {

    background-position: -0px -174px;

    width: 41px;

    height: 41px;

}



.skitter-clean .info_slide {

    background: transparent;

}



.skitter-clean .info_slide .image_number {

    background: #fff;

    box-shadow: rgba(0,0,0,0.2) 1px 1px 0;

    font-size: 12px;

    font-weight: normal;

    color:rgba(255, 255, 255, 0);

}



.skitter-clean .info_slide .image_number:hover {

    background: #ccc;

}



.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover {

    background: #cf3b7e;

    color:rgba(255, 255, 255, 0);

    margin-top:10px

}



.skitter-clean .info_slide_dots {

    bottom: 10px;

    background: rgba(255,255,255,0.8);

    box-shadow: rgba(0,0,0,0.3) 1px 1px 0;

}



.skitter-clean .info_slide_dots .image_number {

    width: 14px;

    height: 14px;

    background: #999;

}



.skitter-clean .info_slide_dots .image_number:hover {

    background: #333;

}



.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover {

    background: #111;

}



.skitter-clean .progressbar {

    top: 5px;

    left: 5px;

    background: #fff;

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

}



/* =Square theme

-------------------------------------------------------------- */



.skitter-square .play_pause_button,

.skitter-square .next_button,

.skitter-square .focus_button,

.skitter-square .prev_button

{

    display: block;

    background: url('images/sprite-square.png') no-repeat;

}



.skitter-square .play_pause_button {

    background-position: -55px -0px;

    width: 55px;

    height: 55px;

    top: 10px !important;

    left: 10px !important;

    bottom: auto !important;

    right: auto !important;

    margin-top:0;

}



.skitter-square .play_pause_button.play_button {

    background-position: -0px -0px;

    width: 55px;

    height: 55px;

}



.skitter-square .focus_button {

    background-position: -55px -55px;

    width: 55px;

    height: 55px;

    top: 10px !important;

    left: 65px !important;

    bottom: auto !important;

    right: auto !important;

    margin-top:0;

}



.skitter-square .next_button {

    background-position: -0px -55px;

    width: 55px;

    height: 55px;

    top: auto;

    left: auto;

    bottom: 10px;

    right: 10px;

}



.skitter-square .prev_button {

    background-position: -0px -110px;

    width: 55px;

    height: 55px;

    top: auto;

    left: auto;

    bottom: 10px;

    right: 65px;

}



.skitter-square .info_slide {

    background: transparent;

}



.skitter-square .info_slide .image_number {

    background: #fff;

    box-shadow: rgba(0,0,0,0.2) 1px 1px 0;

    font-size: 12px;

    font-weight: normal;

    color:#333;

}



.skitter-square .info_slide .image_number:hover {

    background: #ccc;

}



.skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover {

    background: #111;

    color:#fff;

}



.skitter-square .info_slide_dots .image_number {

    width: 14px;

    height: 14px;

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

    background: #ccc;

}



.skitter-square .info_slide_dots .image_number:hover {

    background: #999;

}



.skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover {

    background: #555;

}



.skitter-square .progressbar {

    top:0 !important;

    left: 0 !important;

    width: 100%;

    background: #fff;

    border-radius: 0;

    height: 2px;

}

/* slider */

.trip{

	position:fixed;

	top:12em;

	right:2em;

}



div.reservation label{

	text-align:right;

}

div.reservation input[type="text"], div.reservation textarea, div.reservation input[type="email"], div.reservation select{

	padding:0 !important;

	font-family:"kgsweet";

	font-size:1.2em;

	width:55% !important;

}

div.reservation input.wpcf7-quiz {

    width: 45% !important;

	padding:0 !important;

	font-family:"kgsweet";

	font-size:1.2em;

}

div.reservation input[type="submit"]{

	font-family:"kgsweet";

	font-size:1.2em;

	background:#bd3b8b;

	border:none;

	padding:0.5em;

	color:white;

	cursor:pointer;

	border-radius:4px;

	-moz-border-radius:4px;

	-ms-border-radius:4px;

	-webkit-border-radius:4px;

	-o-border-radius:4px;

				

}

div.reservation input[type="submit"]:hover{

	background:#ff7bac;

}



h1{

	margin:0.5em 0 !important;

	padding:0 !important;

}



.mCustomScrollBox{

	margin-top:-20px;

}



#tarif .inside #tab1 table{

	border:1px solid rgba(255, 255, 255, 0.5);

}



#tarif .inside #tab1 table tr td{

	border-bottom:1px dashed rgba(255, 255, 255, 0.5);

}

@media all and (min-width: 350px) {

.container_skitter { width:670px !important;

height:auto !important;  }

.box_clone{

width:670px !important;

height:auto !important; 

}

}

.info_slide{

left:320px;

}

iframe {

    min-height: 150px;

}

.image_main .box_skitter img{

width:100% !important;

}

.tripfooter {

    max-width: 1050px;

    margin: 35px auto 10px;

}

#contact li:last-child {

    width: 98px;

    float: right;

    margin-top: -25px;

    margin-right: -10px;

}