body {
     /* padding:0 30px;*/
     font-family: 'Oxygen', sans-serif;
}
.row {
     margin-left: 0px;
     margin-right: 0px;
}

.container {
     padding-left: 0px ;
     padding-right: 0px ;
}
a:hover, a:focus{
     text-decoration: none ;
}
h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
     color: #31A3DD;
     text-shadow: 0 0 1px rgba(0,0,0,0.01);
     font-family: 'Oxygen', sans-serif;
     font-weight: 700;
}
/***** Navbar Menu  **********************************************************************************
****************************************************************************************************/


.navigation_menu{
     width:100%;
     position: relative;
     padding-top: 20px;

}


#header_shadow {
     background: url('../images/shadow.png') no-repeat top center;
     position: absolute;
     top:100%;
     left: 0;
     right: 0;
     height: 20px;
     z-index: 99;
     width:100%;
}
.navbar-default {
     background-color: transparent;
     border:0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
     color:#31A3DD;
     font-family: 'Oxygen',Arial, Helvetica, sans-serif;
     font-weight: lighter;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
     color:#000000;
     font-family: 'Oxygen',Arial, Helvetica, sans-serif;
     font-weight: lighter;
}
.navbar-default .navbar-nav > li {
     border-right: 1px solid #31A3DD;
}
.navbar-default .navbar-nav > li:last-child {
     border-right: none;
}
.navbar-default .navbar-nav > li > a{
     color: #31A3DD;
     padding: 0px 17px;
     text-transform: uppercase;
     font-family: 'Oxygen',Arial, Helvetica, sans-serif;
     font-weight: lighter;
     font-size:21px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
     color:#000000;
}

.dropdown-menu {
     position: absolute;
     top: 100%;
     right: auto;
     left:0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 200px;
     padding: 0px 0;
     margin: 2px 0 0;
     font-size: 14px;
     list-style: none;
     background-clip: padding-box;
     border: 0px solid #fff;
     border: 0px solid rgba(0, 0, 0, .15);
     text-transform: uppercase;
     font-family: 'Oxygen',Arial, Helvetica, sans-serif;
}

.dropdown-menu > li > a {
     display: block;
     padding: 7px 20px 10px 5px;
     clear: both;
     font-weight: normal;
     line-height: 15px;
     white-space: nowrap;
     color:#31A3DD;
     -webkit-transition: padding 400ms;
     -moz-transition: padding 400ms;
     transition: padding 400ms;
     background-color: #ffffff;
     font-family: 'Oxygen',Arial, Helvetica, sans-serif;

}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
     color: #000;
     text-decoration: none;
     background-color: #ffffff;
     font-family: 'Oxygen',Arial, Helvetica, sans-serif;
}
.dropdown-menu > li > a:before {
     content: "\f105";
     font-family: FontAwesome;
     margin-right: 10px;
     opacity: 0;
     font-size:16px;
}
.dropdown-menu > li > a:hover:before {
     opacity: 1;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
     color: #333;
     text-decoration: none;
     background-color: #fff;
     outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
     color: #999;
}
.navbar-nav > .open > a:after {
     content: "\f0d8";
     font-family: FontAwesome;
     position: absolute;
     z-index: 9999;
     bottom: -6px;
     left: 80%;
     margin-left: -10px;
     font-size: 26px;
}
.navbar-nav > .open > a:after {
     color: #1fa67a;
     display:none;
}
.navbar-right .dropdown-menu {
     right: 0;
     right: auto;
}
.navbar-default .navbar-brand:hover {
     color: #999;
}
.navbar-default .navbar-brand {
     color: #999;
}
.navbar-brand {
     float: left;
     height: 50px;
     padding: 28px 20px;
     padding-left:50px;
     margin-bottom:30px;
     font-size: 18px;
     line-height: 20px;
     font-size: 30px;
     letter-spacing: -0.05em;
     text-transform: uppercase;
     font-weight: 800;
     font-family: 'Lato';

}
.navbar-brand :hover{
     float: left;
     height: 50px;
     padding: 28px 20px;
     padding-left:50px;
     font-size: 18px;
     line-height: 20px;
     font-size: 30px;
     letter-spacing: -0.05em;
     text-transform: uppercase;
     font-weight: 800;
     font-family: 'Lato';
}
.navbar-collapse {
     max-height: 340px;
     padding-right: 15px;
     margin-top: 5px;
     margin-bottom: 5px;
     overflow-x: visible;
     -webkit-overflow-scrolling: touch;
     border-top: 0px solid transparent;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

navbar-toggle {
     position: relative !important;
     float: right !important;
     padding: 9px 10px !important;
     margin-top: 10px !important;
     margin-right: 15px !important;
     margin-bottom: 0px !important;
     background-color: #049CFD !important;
     background-image: none !important;
     border: 1px solid #049CFD !important;
     width: 95% !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
     background-color: #049CFD;
}
.navbar-default .navbar-toggle .icon-bar {
     background-color: #fff;
}
.navber{
     border-top:none;
}
.fa-angle-down {
     font-size: 18px;
     margin-left: 6px;
}

.dropdown-submenu{
     position:relative;
}
.dropdown-submenu > .dropdown-menu
{
     top:6px;
     left:100%;
     margin-top:-6px;
     margin-left:-1px;

}
.dropdown-submenu:hover > .dropdown-menu{
     display:none;
}
.dropdown-submenu > a:after {
     display: block;
/*     content: "\f105";*/
     float: right;
     font-family: FontAwesome;
     font-weight: normal;
     font-style: normal;
     width: 10px;
     height: 10px;
     margin-top: 0px;
     font-size: 16px;
     margin-right: -15px;

}
.dropdown-submenu .pull-left{
     float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
     left:-100%;
     margin-left:10px;
     -webkit-border-radius:6px 0 6px 6px;
     -moz-border-radius:6px 0 6px 6px;
     border-radius:6px 0 6px 6px;
}

/** slider css ***/

.carousel-indicators li{
     width:19px;
     height:19px;
}

.carousel-indicators .active{
     width:19px;
     height:19px;
}

/*** page Header Breadcrum Title ******************************************************************************************************
**************************************************************************************************************************/

.enigma_header_breadcrum_title{
     margin-bottom:40px;
     background:#edf0f2;
     opacity:1;
     padding-top:8px;
     padding-bottom:8px;

}
.enigma_header_breadcrum_title h1{
     color:#777777;
}
.breadcrumb {
     font-size: 17px;
     padding: 0;
     position: relative;
     display: inline-block;
     background: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     list-style: none;
}
.breadcrumb li {
     display: inline-block;
}
.breadcrumb li a{
     color:#31A3DD;
}
.breadcrumb > .active {
     color: #000;
}
.breadcrumb > li + li:before {
     padding: 0 5px;
     color: #000;
     content: "/\00a0";
}
/** about us css ********/
.progress {
     height: 25px;
     margin-bottom: 12px;
     border-radius:0px;
}
.progress-bar {
     font-size: 16px;
     line-height: 30px;
     color: #fff;
     text-align: left;
     background-color: #31A3DD;
     padding-left:20px;
}

/*** blog css **/
.enigma_blog_right_side{
     float:right;
}
.enigma_sidebar_left_side{

     float:left;

}
/* search btn css **/
.btn-search{
     color:#fff;
     background:#31A3DD;
     border-radius:0px;
     font-size: 14px;

}

.input-group{
     margin-top:10px;
     margin-bottom:30px;

}
.form-control {
     border-radius:0px;
}
/** portfolio css **/
.nav-pills{
     margin-bottom:50px;
}
.nav-pills > li  > a{
     background: #ffffff;
     color: #3b3b3b;
     border: 3px solid #31A3DD;
     margin-right:15px;
     margin-bottom:15px;
     border-radius: 0px;
     padding: 9px 27px;
     background-size: 100% 200%;
     background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);
     -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
     transition: all ease 0.5s;
     font-family: 'Oxygen', sans-serif;

}
.nav-pills > li  > a:hover{
     color: #fff;
     background-position: 0 -100%;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
     color: #fff;
     background-image: linear-gradient(to bottom, #31A3DD 50%, #31A3DD 50%);
     -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
     transition: all ease 0.5s;
}
.nav-stacked{
     margin-bottom:50px;
}
.nav-stacked > li  > a
{
     background: #ffffff;
     color: #3b3b3b;
     border: 3px solid #31A3DD;
     margin-bottom:12px;
     border-width:3px !important;
     background-size: 100% 200%;
     background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);
     -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
     transition: all ease 0.5s;
     font-family: 'Oxygen', sans-serif;

}

.nav-stacked > li  > a:hover{
     color: #fff;
     background-position: 0 -100%;
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {
     color: #fff;
     background-image: linear-gradient(to bottom, #31A3DD 50%, #31A3DD 50%);
     -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
     transition: all ease 0.5s;
}

/*Accordion & Tabs Styles for shortcode*/

.nav-tabs li a {
     background: #F5F5F5;
     color: #666666;
     border: 1px solid #e8e8e8;
     border-radius:0px;
     margin-right:0px;
     font-family: 'Oxygen', sans-serif;
     font-weight: 600;
}
.nav-tabs li.active > a{
     border: 1px solid #e8e8e8;
     background: #fff;
     color: #555;
     border-bottom-color:transparent;
}
.nav-tabs li > a:hover {
     border: 1px solid #e8e8e8;
     background: #fff;
     color: #555;

}
/** panels style **/
.panel {
     margin-bottom: 20px;
     background-color: #ffffff;
     border: 1px solid transparent;
     border-radius: 4px;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 10px rgba(0, 0, 0, 0.175);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 10px rgba(0, 0, 0, 0.175);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 10px rgba(0, 0, 0, 0.175);
}
.panel-default {
     border-color: #e9e9e9;
}
.panel-default > .panel-heading {
     color: #333333;
     background-color: #f6f6f6;
     border-color: #e9e9e9;
}
.enigma_panel-pink {
     border-color: #F22853;
}
.enigma_panel-pink > .panel-heading {
     color: #fff;
     background-color: #F22853;
     border-color: #F22853;
}
.enigma_panel-green {
     border-color: #1FA67A;
}
.enigma_panel-green > .panel-heading {
     color: #fff;
     background-color: #1FA67A;
     border-color: #1FA67A;
}
.enigma_panel-black {
     border-color: #000000;
}
.enigma_panel-black > .panel-heading {
     color: #fff;
     background-color: #000000;
     border-color: #000000;
}
.enigma_panel-orange{
     border-color: #ff8300;
}
.enigma_panel-orange > .panel-heading {
     color: #fff;
     background-color: #ff8300;
     border-color: #ff8300;
}
.enigma_panel-blue {
     border-color: #31A3DD;
}
.enigma_panel-blue > .panel-heading {
     color: #fff;
     background-color: #31A3DD;
     border-color: #31A3DD;
}
.enigma_panel-red {
     border-color: #db2723;
}
.enigma_panel-red > .panel-heading {
     color: #fff;
     background-color: #db2723;
     border-color: #db2723;
}
.enigma_panel-purple {
     border-color: #800080;
}
.enigma_panel-purple > .panel-heading {
     color: #fff;
     background-color: #800080;
     border-color: #800080;
}
.enigma_panel-brown {
     border-color: #555555;
}
.enigma_panel-brown > .panel-heading {
     color: #fff;
     background-color: #555555;
     border-color: #555555;
}

/*** search button css ***/

.input-group-btn {
     display: inherit;
}
#searchform  .btn {

     font-size: 18px;
     font-weight: normal;
     height: 45px;
     width: 62px;

}

#searchform  .form-control {
     display: block;
     width: 100%;
     height: 45px;
     padding: 6px 12px;
     font-size: 17px;

}
.input-group {
     margin-top: 15px;
     margin-bottom: 15px;
}

ul#menu-topo li {
     list-style-type: none;
     display: inline;
     padding: 0px 6px;
     text-transform: uppercase;
     font-size: 12px;
}

ul#menu-topo li a {
     color:#666;
}
ul#menu-topo,
#menu {
     float:right;
}
.menu-topo-container {
     float: right;
     margin-top: 10px;
}