@charset "utf-8";

/* CSS Document */

@media (max-width:767px){

.mobi-icon {

display: block;

background: #111;

padding: 25px;

overflow: hidden;

z-index: 300;

position: relative;

cursor:pointer;

}
.home-body .mobi-icon{
position: absolute;
top: 0;
width: 100%;}
.home-body .mobile-menu{top: 70px !important;}

.mobile-menu {

display: none;

width: 176px;
margin: 0;
background: rgba(0,0,0,.89);
max-width: inherit;
position: absolute;
top: 73px;

}	
.what-we-do-cvr {
background: #fff;
overflow: hidden;
width: 94%;
height: 100%;
padding: 0 4%;
margin: auto;
margin-top: 20px;
}
.block-main {
display: block;
vertical-align: top;
width: 80%;
margin-right: 0;
margin: auto;
text-align: center;
}
.block-img {
margin-left: auto;
margin-right: auto;
}
.what-we-do {
text-align: center;
}
.menu li {

display: block;

border-bottom: 1px solid #fff;

}

.menu ul {

padding: 0;

}

.menu li a {

color: #fff;

font-size: 18px;

font-family: 'museo_sans300';

font-weight: normal;

padding: 14px 25px;

text-align: left;

}

.menu li:last-child{

border-bottom:0px none;	

}

.sub-nav>a{

background:url(../images/subnav-arrow.png) no-repeat 80% center;	

}

.menu-drop{

position:inherit !important;

left:inherit !important;

top: inherit !important;	

}

.menu li:hover .menu-drop {

padding: 0 13px 13px 23px !important;

}

.menu li .menu-drop li a {

color: #fff;

font-size: 17px;

padding: 3px 0 !important;

word-wrap: break-word;

font-family: 'museo_sans300';

}

.menu li a:hover{

	color:#008fb5;	

}

li.sub-nav ul.menu-drop li{

border:0px none;

}	

.inner-slider {

width: auto;

margin: auto;

margin-top: 65px;

padding: 27px;

}

.slidr-popup {

background: none;

width: 92%;

display:block;

}

.slidr-popup-left {

float: none;

width: auto !Important;

}

.slidr-popup-right {

float: none;

background: #fff;

clear:both;
padding: 20px;

margin-top: 10px;

height: auto;

width: auto;

}

.popup-close {

position: absolute;

bottom: 10px;

right: 10px;

}

.page-dott {

bottom: 10px;

}

.slidr-popup-left img {

max-width: 100%;

height: auto;

width: 100% !important;

}

.container-inner {
padding-left: 0;
}
.slider-pop-arrow {



}

span.pop-arrow-left {

left: -4px;

position: absolute;

top: 42%;

}

span.pop-arrow-right {

right: -4px;

position: absolute;

top: 42%;

}

.prdct-top-bar {

position: absolute;

top: 13px;

z-index: 500;

width: 100%;

right: 0;

}

.prdct-top-bar span.pop-arrow-left {

left: inherit;

right: 55px;

}

.prdct-top-name {

text-align: center;

}

.prdct-top-bar span.pop-arrow-right {

right: 26px;

}
.carousel .next {
right: -25px;
}
.carousel .prev {
left: -25px;
}
a.pop-next{
right: -7px !important;	
}
a.pop-prev{
left: -7px !important;	
}
.slidr-popup-mob{
padding:20px;	
position:absolute;
top:0;
left:0;
right:0;
width:88%;
height:440px;	
margin:auto;
bottom:0;
display:none;
z-index:200;
}
.inner-slider.visible-xs .mob-arrow {
top: 22px;
right: 0;
left: inherit;
display: block;
}
.logo {
z-index: 0;
}
.inner-slider.visible-xs a.prev.mob-prev {
left: 0;
}
.inner-slider.visible-xs .carousel {
position: absolute;
top: 4px;
width: 77%;
z-index: 1000000;
height: auto !important;
left: 20%;
}
.mob-top-arrow {
position: absolute;
right: 0px;
width: 88px;
overflow: hidden;
height: 56px;
top: 6px;
z-index: 600;
background: #111;
}
.inner-slider.visible-xs a.next.mob-next.mob-arrow.disabled {
display: none !important;
}
.inner-slider.visible-xs ul li p{
	margin: 25px 0 0 0;
	font-size: 16px;
	width: 70%
}
a.prev.mob-prev.mob-arrow.disabled {
display: none !important;
}
.slidr-popup-left-mob img {
max-width: 100%;
width:100% !important;
height: auto;
}
.slidr-popup-left-mob {
width: auto !Important;
}
}

@media (max-width:568px) and (min-width:0px){



}

}

@media (min-width:768px){

.mobile-menu{

	display:block;	

}		

}
@media (min-width:768px)  and (max-width:987px){
	
.slidr-popup {
height: 310px;
    width: 80% !important;

}
.slidr-popup-left {
    float: left;
    width: 68% !important;
}
.slidr-popup-right {
    color: #000;
    float: left;
    height: 100%;
    padding: 0 0 0 20px;
    position: relative;
    width: 30% !important;
}
.slidr-popup-left img {
 height: auto !important;
    max-width: 100%;
    width: auto !important;
}
}