.navigation{width:100%;float:left;margin:0px 0px;margin:0px 0px; background-color:#0188D8;}
.menu{ width:auto; float:left; margin:0px 0px; }
.menu ul{ width:auto; float:left; margin:0px 0px 0px 0px; padding:0px;}
.menu ul li{ width:auto; float:left; margin:0px 0px 0px 0px; padding:0px; }
.menu ul li a{float:left;font:normal 12px/15px "Roboto",sans-serif;color:#ffffff;text-decoration:none;text-transform: uppercase;}
.menu ul li a{margin:0px;padding:15px 10px ;}
.menu ul li a:hover{ color:#ffffff; background-color:#005E9E;  }
.menu ul .active a{ color:#ffffff; background-color:#005E9E; }
.menu .ul .li {display:inline; position:relative;}
.menu ul li:hover .subcat{ display:block; visibility:visible;}
.menu ul li .lastsb{ right:0px !important; left:inherit !important; width:150px !important; display:none !important;}
.menu ul li:hover a{color:#ffffff; background-color:#005E9E; }
.menu ul li .subcat{width:200px;float:left;margin:0px 0px; position:absolute; display:none;  }  
.menu ul li .subcat{left:0px;top:45px; z-index:9999;background-color:#005E9E; padding:0px 0px;}
.menu ul li .subcat{border-bottom:none; border-left:none; border-right:none;}
.menu ul li .subcat .serv1{width:100%;float:left;height:auto; margin:0px 5% 0px 0px;}
.menu ul li .subcat .serv1 h2{ text-transform:uppercase;font-size:16px; color:#000000; font-weight:normal;}
.sm-icon{ float:left; margin:3px 8px 0px 0px; }
.menu ul li .subcat ul li a span{ float:left; margin:0px 0px 0px 0px;}
.bord{ width:100%; float:left; height:4px; background-color:#DA4E09;}
.menu ul li .subcat ul{width:100%;float:left;margin:8px 0px 24px 0px;padding:0px;}
.menu ul li .subcat ul li{width:100%;float:left;padding:0px 0px 0px 0px;}
.menu ul li .subcat ul li{/*background:url(../images/sub-menu-arrow.png ) no-repeat center left!important;*/}
.menu ul li .subcat ul li{height:auto!important;margin: 0px 0px 0px 0px; list-style-type:none; border-bottom:1px solid #014675; }
.menu ul li .subcat ul li a{ height:auto important;font-size:12px; text-transform:inherit; color:#ffffff;padding:0px; background:none !important; padding:6px 0px;}
.menu ul li .subcat ul li a:hover{color:#F60 ;}
.menu ul li .subcat ul li a{ border:none !important; width:100%;  font-weight:normal;}
.menu ul li .subcat .forsp{ max-width:100%;padding:5px 20px 0px 20px; }
.menu ul .active ul li a{ }
.menu ul .active ul li a:hover{}
.menu ul li .subcat .seoser{ width:20% !important; float:right;}
.menu ul li .subcat .seoser img{ max-width:100%; max-height:150px; float:right;}
.menu ul li .subcat .navigt-Arrow{ width:100%; height:15px; background:url(../images/sub-menu-top-arrow.html) no-repeat center;position:absolute; top:-14px;}
/*.menu ul .submenu a:hover{ background:url(../images/sub-menu-top-arrow.png) no-repeat center bottom ;}*/
.menu ul .submenu:hover a{background:url(../images/sub-menu-top-arrow.html) no-repeat center bottom;}
.menu ul li .subcat .serv1 ul .li a{ text-transform:uppercase !important;}
.close-right{width:15px;height:15px;position:absolute; top:10px; right:10px;}
.close-right a{ padding:0px !important; border:none !important; background:none !important;} 
.close-right a img{width:18px; height:15px; }
.close-right a:hover{ padding:0px !important; background:none !important;}
.menu ul li .subcat ul .lastli{ border-bottom:none;}


/*----------------------------right-mobile mwnu------------------*/

.iner .showMb-bt{margin:18px 20px  !important; position:absolute !important;}	
.iner .menu-spce {height: 54px;}
.home .showMb-bt{ display:block !important;}	
.menu-spce{ width:100%; height:60px; float:left; background-color:#67B801;display:none;}
.link{ width:100%; float:left; margin:10px 0px 0px 0px;}
.menu-spce h4{ color:#ffffff; font-size:16px; float:left; margin:18px 0px 0px 15px; }

/*----------------------------right-mobile mwnu------------------*/

.close-right {width:18px;height: 15px;position: absolute;top:21px;right:15px;}
.close-right a{ background:none !important; padding:0px !important;}

.showMb-bt{display:none;width:24px;float:right;height:19px;margin:20px 20px;z-index:999999;top:0px;}
.showMb-bt{background-color: #000000;right: 0px;}
.showMb-bt a{ width:24px; float:left; height:19px; background:url(../images/mobile-menu-icon.png);}
.showMb-bt .active{ background:url(../images/mobile-close-icon.png) !important;}

/* General styles for all menus */
.cbp-spmenu { width:100% !important; }
.cbp-spmenu h3 {color: #ffffff;font-size: 26px;padding: 21px 19px 20px 19px;margin: 0;font-weight: bold;background: #054E83;}
.cbp-spmenu a {display: block;color:#000000;font-size:12px;font-weight: bold; text-decoration:none; }
/*.cbp-spmenu a:hover {background: #1E7D3B; color: #ffffff;}
.cbp-spmenu a:active {background: #1E7D3B;color: #ffffff;}*/

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {width: 250px ;height: 100%;top: 0;z-index: 99999;}
.cbp-spmenu-vertical a {padding:8px 20px;}
.cbp-spmenu-horizontal {width: 100%;height: 150px;left: 0;z-index: 1000;overflow: hidden;}
.cbp-spmenu-horizontal h3 {height: 100%;width: 20%;float: left;}
.cbp-spmenu-horizontal a {float: left;width: 20%;padding: 0.8em;border-left: 1px solid #258ecd;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {left: -200px;}
.cbp-spmenu-right {right: -200px ;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {top: -200px;}
.cbp-spmenu-bottom {bottom: -200px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}

/* Push classes applied to the body */

.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu-push-toright {left: 200px;}
.cbp-spmenu-push-toleft {left: -200px;}

/* Transitions */
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
/* Example media queries */

@media screen and (max-width: 55.1875em){

.cbp-spmenu-horizontal {font-size: 75%;height: 110px;}
.cbp-spmenu-top {top: -110px;}
.cbp-spmenu-bottom {bottom: -110px;}
}

@media screen and (max-width:840px){
	.showMb-bt{ display:block; margin:21px 0px 21px 10px;}
	.menu-spce{ display:block;}
	.menu{ margin:0px !important;}
	.cbp-spmenu {background:#FFFFFF; position:fixed; -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.2) inset;
box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.2) inset; width:200px !important; background-color:#083666; overflow-y: scroll;overflow-x: hidden;}
.menu ul li{ width:100% !important; margin: 0px 0px 0px 0px; border-bottom:1px solid #2867AA;}
.menu ul li a{ width:100%; padding:8px 0px; color:#ffffff;}
.menu ul li a span{ margin:0px 0px 0px 15px;}
.menu ul li a:hover{ color:#ffffff; background-color:#2867AA;}
.menu ul .active a{ color:#ffffff; background-color:#2867AA; }
.menu ul .active a{  border-bottom:none; padding:8px 0px; }
.menu ul li:hover a{border-bottom:none; padding:8px 0px; }
.menu ul li .subcat{ display:block; position:inherit; top:0px; background:none; width:100% !important; border-top:none;}
.menu ul li .subcat ul li{ background:none !important; padding:5px 0px 5px 15px; border:none;}
.menu ul li .subcat ul li a{ color:#ffffff;}
.menu ul li .subcat .forsp{ padding:0px 0px 0px 0px;}



}



#fpi_feedback {
    z-index: 999999;
    position: fixed;
    width: 60px;
    height: 200px;
    top:105px;
    left: 0px;
    font-size: 16px;
    color: white;
}

#fpi_title {
    position: absolute;
    right: -22px;
    top: 100px;
    background-color: #67B503;
    cursor: pointer;
}

    #fpi_title h2 {
        font-size: 18px;
        padding:18px 18px 18px 18px;
        margin: 0;
    }

#fpi_content {
    position: absolute;
    right: 60px;
    top: 0;
    width: 275px;
    height: auto;
    padding: 10px 20px 15px 20px;
    background-color: #4093C7;
}

    #fpi_content #fpi_header_message {
        margin-bottom: 20px;
        margin-left: 5px;
        height: 40px;
        overflow: hidden;
    }

    #fpi_content form {
        margin-right: 5px;
    }

    #fpi_content #fpi_submit_username, #fpi_content #fpi_submit_message {
        margin: 10px 5px;
    }

        #fpi_content #fpi_submit_username input, #fpi_content #fpi_submit_message textarea {
            width: 100%;
            resize: none;
        }


        #fpi_content #fpi_submit_message .error, #fpi_content #fpi_submit_username .error {
            background-color: #EDBE9C;
        }

        #fpi_content #fpi_submit_message textarea {
            height: 120px;
            font-family: georgia;
            font-size: 1em;
        }

#fpi_submit_loading {
    width: 110px;
    height: 10px;
    float: left;
    
}


#fpi_content #fpi_submit_submit {
    text-align: right;
    margin: 10px 0px;
}

    #fpi_content #fpi_submit_submit input {
        width: 80px;
        height: 30px;
        background: #F5410F none repeat scroll 0 0;
        outline-style: none;
        outline-width: medium;
        border: 3px solid #F52D0F;
        text-transform: uppercase;
        font-weight: bolder;
        color: white;
        opacity: .75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
        filter: alpha(opacity = 75);
    }

        #fpi_content #fpi_submit_submit input:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
            filter: alpha(opacity = 100);
            cursor: pointer;
        }

#fpi_content #fpi_ajax_message {
    padding-top: 50px;
    text-align: center;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.feedback-form iframe{ width:300px !important; height:385px !important;}