	@charset "UTF-8";
	
	/*Gravity Forms Styles*/

.gform_wrapper .button {    margin-bottom: .5em;
    background: #d2a254;
    display: inline-block;
    text-align: center;
    color: #242e52;
    padding: 6px 40px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    border: none;}
	
.gform_wrapper .button:hover{    
    color: #ffffff;
}

h3.gform_title {display:none;}

.post-content a, .entry-content a {
color: #0c1658;
font-weight: bold;
}
.page-thouron-application .entry-content a {
font-weight: 400;
}

.post-content a:hover, .entry-content a:hover {
color: #29507f;
text-decoration: none;
}

a:hover{
text-decoration: none;
}

.btn{
text-transform: uppercase;
border-width: 0 0 3px !important;
border-style: solid;
border-radius: 6px;
}

#page > .row {
margin: 0;
}

#page > .row > div {
padding-left: 0;
padding-right: 0;
}

/*=================================

*======= 		BLOG	 ========

*===============================*/



body {
background: #fff;
font-size: 16px;
line-height: 23px;
font-weight: 400;
color: #3d3d3d;
font-family: 'Playfair Display', serif;
}

h1, h2, h3 {
font-family: 'Playfair Display SC', serif;
font-weight: 400;
color: #242e52;
}

h1, .h1 {
font-size: 46px;
}

h2 {
font-size: 32px;
}

h3{
font-size: 20px;
}

h4, h5, h6 {
font-family: 'Playfair Display', serif;
color: #00005f;
}

/* Dark Background */

#clients.dark-bg{
color: #fff;
color: rgba(255,255,255, .8);
}

#service-2.dark-bg h2,

#clients.dark-bg h2, .service-box-2 h3{
color: rgba(255,255,255, .8);
}

section#homepage-boxes, .row.bgcolumns > [class*="col-"] > div {
font-family: "proxima-nova",sans-serif;
}

section#homepage-boxes {
padding: 140px 0 60px;
background-size: cover;
}

section#homepage-boxes h3,

section#homepage-boxes h4, .row.bgcolumns > [class*="col-"] > div h3, .row.bgcolumns > [class*="col-"] > div h4 {
text-align: center;
}

section#homepage-boxes .col-sm-4 > div, .row.bgcolumns > [class*="col-"] > div {
background: #fcffeb;
border-top: 10px solid #054a8b;
padding: 40px;
}

section#homepage-boxes h4 {
margin-bottom: 10px !important;
}

section#homepage-boxes img, .row.bgcolumns > [class*="col-"] > div img {
margin: 0;
}

section#homepage-boxes .col-sm-4 > div .row, .row.bgcolumns > [class*="col-"] > div .row {
margin-bottom: 20px;
}

section#homepage-boxes .col-sm-4 > div .row:last-child, .row.bgcolumns > [class*="col-"] > div .row:last-child {
margin-bottom: 0px;
}

section#homepage-boxes .col-sm-4 > div hr, .row.bgcolumns > [class*="col-"] > div hr {
border-top: 1px solid #e7e9e4;
border-bottom: 1px solid #e7e9e4;
}

section#homepage-boxes .page-content > .row > div {
overflow: auto;
}

section#homepage-boxes h3, .row.bgcolumns > [class*="col-"] > div h3 {
font-family: 'Playfair Display', serif;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 2px;
color: #242e52;
margin-bottom: 35px !important;
margin-top: 5px !important;
}

section#homepage-boxes h4, .row.bgcolumns > [class*="col-"] > div h4 {
font-family: 'Playfair Display', serif;
font-size: 20px;
color: #242e52;
margin: 20px 0;
}

a.button {
background: #d2a254;
display: inline-block;
text-align: center;
color: #242e52;
padding: 12px 40px;
border-radius: 5px;
font-size: 20px;
font-weight: 400;
letter-spacing: 1px;
line-height: 20px;
}

.easingslider-slide-content .caption a.button {
  background: #d2a254 !important;}

a.button:hover {
color: #fff;
}

section#homepage-boxes a.button {
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
padding: 10px 40px;
margin-top: 20px;
}

.bigger {
font-size: 1.3em;
}

#home-3{
padding: 0;
}

.title-area{
text-align: center;
margin-bottom: 20px;
}

.title-area h1.title{
margin-top: 0;
}

.title-area .subtitle{
display: inline-block;
font-size: 34px;
line-height: 45px;
max-width: 900px

}

/*=================================

*======= NAVIGATION ========

*===============================*/

header#masthead button#sidrmenu {
margin: 10px;
outline: none;
background-color: #485889;
border-color: #fff;
border-radius: 0;
}

header#masthead button#sidrmenu .icon-bar {
background-color: #fff;
}

header#masthead button#sidrmenu:hover {
background-color: #29507F;
border-color: #d1a254;
}

header#masthead button#sidrmenu:hover .icon-bar {
background-color: #d1a254;
}

#navigation .navbar-brand {
text-decoration: none;
color: #29507F;
margin-top: 0;
padding: 0px 0 0px 10px;
line-height: 55px;
}

#navigation .navsearch {
float: right;
margin-top: 10px;
}

#navigation .navsearch #searchform {
position: relative;
}

#navigation .navsearch #searchform input.form-control {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 4px;
;
}

#navigation .navsearch #searchform:after {
content: "\f002";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #335988;
position: absolute;
right: 10px;
top: 10px;
}

#navigation .navbar-brand:hover{
text-decoration: none;
}

.navbar-brand .icon-comments{
font-size: 34px;
vertical-align: top;
}

.navbar-brand span{
display: inline-block;
font-size: 36px;
line-height: 32px;
margin-left: 5px;
vertical-align: bottom;
}

#navigation .navbar-nav{
float: left;
margin-left: 0px;
}

#navigation .navbar-nav > li > a{
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}

.navbar-collapse {
max-height: 220px;
}

#carousel-main .carousel-caption{
left: auto;
right: auto;
width: 100%;
text-align: center;
bottom: 25%;
z-index: 5;
}

#carousel-main .carousel-inner>.item>img{
margin: 0 auto;
}

#carousel-main .carousel-caption .lead {
margin-bottom: 30px;
text-align: center;
color: #beea2b;
}

#carousel-main .carousel-caption .lead h2 {
color: #beea2b;
font-size: 50px;
line-height: 1.3em;
font-weight: normal;
text-shadow:none;
}

#carousel-main .carousel-caption .lead h2 span {
color: #fff;
}

#carousel-main .carousel-caption .btn {
background: #82afe8;
border: none;
font-size: 1em;
line-height: 45px;
padding: 0 25px;
border-radius: 25px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#carousel-main .carousel-caption .btn:hover {
background: #29507f;
}

#carousel-main .carousel-control{
top: 50%;
width: 40px;
height: 40px;
background:rgba(0,0,0, .6);
opacity: .9;
box-shadow: 0px 0px 0px 1px rgba(0,0,0, .2);
border-radius: 3px;
z-index: 6;
}

#carousel-main .carousel-control i {
line-height: 40px;
}

@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}

60% {
opacity: 1;
transform: translateY(-30px);
}

80% {
transform: translateY(10px);
}

100% {
transform: translateY(0);
}

}

#carousel-main .active .bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.4s;
-moz-animation-delay:.4s;
-ms-animation-delay:.4s;
-o-animation-delay:.4s;
animation-delay:.4s;
}

@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}

60% {
opacity: 1;
-webkit-transform: translateY(30px);
}

80% {
-webkit-transform: translateY(-10px);
}

100% {
-webkit-transform: translateY(0);
}

}

@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}

60% {
opacity: 1;
-moz-transform: translateY(30px);
}

80% {
-moz-transform: translateY(-10px);
}

100% {
-moz-transform: translateY(0);
}

}

@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}

60% {
opacity: 1;
-o-transform: translateY(30px);
}

80% {
-o-transform: translateY(-10px);
}

100% {
-o-transform: translateY(0);
}

}

@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}

60% {
opacity: 1;
transform: translateY(30px);
}

80% {
transform: translateY(-10px);
}

100% {
transform: translateY(0);
}

}

#carousel-main .active .bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.4s;
-moz-animation-delay:.4s;
-ms-animation-delay:.4s;
-o-animation-delay:.4s;
animation-delay:.4s;
}

@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}

100% {
-webkit-transform: translateX(0);
}

}

@-moz-keyframes slideInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}

100% {
-moz-transform: translateX(0);
}

}

@-o-keyframes slideInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}

100% {
-o-transform: translateX(0);
}

}

@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}

100% {
transform: translateX(0);
}

}

#carousel-main .active .slideInLeft {
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.3s;
-moz-animation-delay:.3s;
-ms-animation-delay:.3s;
-o-animation-delay:.3s;
animation-delay:.3s;
}

@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}

100% {
-webkit-transform: translateX(0);
}

}

@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}

100% {
-moz-transform: translateX(0);
}

}

@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}

100% {
-o-transform: translateX(0);
}

}

@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}

100% {
transform: translateX(0);
}

}

#carousel-main .active .slideInRight {
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.4s;
-moz-animation-delay:.4s;
-ms-animation-delay:.4s;
-o-animation-delay:.4s;
animation-delay:.4s;
}

#carousel-main .carousel-control.left{
left: 30px;
}

#carousel-main .carousel-control.right{
right: 30px;
}

#carousel-main .carousel-control .icon-prev,

	#carousel-main .carousel-control .icon-next{
font-size: 36px;
margin-top: -14px;
}

#carousel-main .carousel-control .icon-next{
margin-right: -14px;
}

/*=================================

*======= CALL ACTION ============

*===============================*/



#call-to-action h2{
margin: 5px 0 0;
}

/*=================================

*======= COMPANY =================

*===============================*/



.feature-box{
overflow: hidden;
margin: 20px 0;
}

.feature-box-1{
margin-right: 20px;
}

.feature-box-1 span{
background: #82a12d;
color: #fff;
display: inline-block;
width: 55px;
height: 55px;
text-align: center;
border: 0 none;
border-radius: 50%;
}

.feature-box-1 .icon-custom-style{
font-size: 23px;
line-height: 55px;
}

.feature-box-2{
overflow: hidden;
}

.feature-box-2 h3{
margin-top: 0;
}

.feature-box-1.color-2 span{
background: #f06028;
}

.feature-box-1.color-3 span{
background: #37c9e8;
}

.feature-box-1.color-4 span{
background: #5d7289;
}

.feature-box-1.color-5 span{
background: #b955d6;
}

.feature-box-1.color-6 span{
background: #74b8e7;
}

.feature-box-1.color-7 span{
background: #899bde;
}

.feature-box-1.color-8 span{
background: #5dbc61;
}

/*=================================

*======= SERVICE =================

*===============================*/



#service{
background: #f6f6f6;
height: auto;
width: auto;
padding: 70px 0 65px;
position: relative;
}

.service-box{
overflow: hidden;
margin-top: 40px;
margin-bottom: 20px;
}

.service-box-1{
margin-right: 20px;
}

.service-box-1 span{
background: rgba(0,0,0, .3);
color: #fff;
display: inline-block;
height: 45px;
line-height: 45px;
width: 45px;
text-align: center;
border-radius: 3px;
}

.service-box-1 .icon-custom-style{
line-height: 45px;
font-size: 23px;
}

.service-box-2 {
overflow: hidden;
width: 80%;
height: 0;
padding-bottom: 80%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: 10%;
text-align: center;
}

.service-box-2:hover a {
color: #29507f;
}

.service-box-2 > div p {
margin-bottom: 0;
}

.service-box-2 > div a {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
padding: 5px 20px;
border-radius: 12px;
}

.service-box-2 > div {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 50%;
}

.service-box-2.blue {
background: #0c6ce6;
}

.service-box-2.blue a {
background: #2350b7;
}

.service-box-2.pink {
background: #ea2bc4;
}

.service-box-2.pink a {
background: #b52198;
}

.service-box-2.orange {
background: #e6510d;
}

.service-box-2.orange a {
background: #b13d08;
}

.service-box-2 h3{
margin-top: 0;
color: #fff;
font-size: 24px;
font-weight: normal;
margin-bottom: 20px;
}

/*=================================

*======= WORK =================

*===============================*/



#portfolio *{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}

#portfolio.page-wrapper{
padding-bottom: 0;
}

.portfolio{
margin-top: 60px;
}

.portfolio>div{
padding-left: 0;
padding-right: 0;
}

.portfolio-item .overlay{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0,0,0, .5);
z-index: 2;
opacity: 0;
-webkit-transition: opacity 400ms;
}

.portfolio-item:hover .overlay{
opacity: 1;
}

.portfolio-item a.btn-preview{
background: #5cb85c;
border-radius: 100%;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
font-size: 18px;
color: #fff;
-webkit-transition: margin-top 400ms;
}

.portfolio-item:hover a.btn-preview{
margin-top: -20px;
}

.portfolio-item a.btn-preview:hover{
background: #47a447;
}

.pp_social {
display: none;
}

/*=================================

*=========== CAREER =============

*===============================*/





#team-carousel{
margin-top: 50px;
}

#team-carousel .carousel-control{
background: transparent;
width: 20px;
height: 60px;
opacity: .6;
text-shadow:none;
}

#team-carousel .carousel-control i{
width: 20px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(148, 148, 148, 0.61);
-webkit-transition: 500ms;
-moz-transition: 500ms;
opacity: .9;
}

#team-carousel .carousel-control i:hover{
background: #34495E;
}

#team-carousel .carousel-control.left i{
border-radius: 3px 0 0 3px;
}

#team-carousel .carousel-control.right i{
border-radius: 0 3px 3px 0;
}

#team-carousel .carousel-control.left{
background: transparent;
left: -20px;
top: 40%;
}

#team-carousel .carousel-control.right{
background: transparent;
right: -20px;
top: 40%;
}

#team-carousel .carousel-control .icon-angle-left,

#team-carousel .carousel-control .icon-angle-right{
font-size: 60px;
line-height: 60px;
display: inline-block;
margin:0;
padding: 0;
width: auto;
height: auto;
position: relative;
top: -3px;
left: auto;
color: #8a8a8a;
text-shadow:none;
}

.team-box{
overflow: hidden;
text-align: center;
background: #fff;
-webkit-transition: 800ms;
}

.team-image img{
width: 100% !important;
}

.team-box:hover {
}

.team-box:hover ul.social li a {
color:#fff;
}

.team-box:hover .team-image img {
opacity: .6;
}

.team-desc{
padding: 15px;
}

.team-box ul.social{
list-style: none;
padding: 0;
margin: 0;
}

.team-box ul.social li{
display: inline-block;
margin: 0 5px;
}

.team-box ul.social li a {
}

/*=================================

*=========== COMPANY =============

*===============================*/



#company .page-content .feature-box{
-webkit-transition: opacity 1000ms;
cursor: pointer;
}

#company .page-content:hover .feature-box{
opacity: .2;
}

#company .page-content:hover .feature-box:hover{
opacity: 1;
-webkit-transition: opacity 800ms;
}

/*=================================

*=========== CLIENTS =============

*===============================*/



.clients{
margin: 0 auto;
max-width: 800px;
}

/*=================================

*=========== CLIENTS =============

*===============================*/



#footer{
background: #0c1658;
position: relative;
width: 100%;
height: auto;
padding: 70px 0 35px;
color: #fff;
font-weight: 100;
letter-spacing: 1px;
font-size: 14px;
font-family: "proxima-nova",sans-serif;
}

/*

#footer span {
color: #849bb2;
font-weight: bold;
}

*/

#footer a {
color: #fff;
}

.widget-box{
margin-bottom: 40px;
}

.wgt-title{
font-size: 20px;
margin-top: 0px;
}

.widgets-desc{
overflow: hidden;
}

.social-icon{
display: inline-block;
padding: 0px;
margin: 0px;
list-style: none;
font-size: 0px;
margin-top: 10px;
}

.social-icon li{
display: inline-block;
background: #2c3c4c;
font-size: 14px;
height: 32px;
width: 32px;
box-shadow: 0px 0px 0px 1px rgba(0,0,0, .1);
margin-left: 3px;
margin-right: 4px;
vertical-align: text-bottom;
transition:background .4s ease-in-out 0s;
}

.social-icon li:first-child{
margin-left: 1px;
}

.social-icon li:last-child{
margin-right: 0px;
}

.social-icon li a{
display: block;
text-align: center;
color: #fff;
text-decoration: none;
}

.social-icon li a .sl-icon{
font-size: 18px;
line-height: 32px;
}

.social-icon li:hover{
background: #23313e;
}

.latest-blog{
padding-top: 5px;
}

.latest-blog h5{
font-size: 15px;
margin-top: 0px;
}

.latest-blog small{
color: #b3b8be;
}

.photo-gallery ul{
margin: 0px;
padding: 0px;
margin-top: 5px;
list-style: none;
}

.photo-gallery ul li{
float: left;
margin-right: 7px;
margin-bottom: 7px;
width: 60px;
}

.photo-gallery ul li:nth-child(4n){
margin-right: 0px;
}

.subscribe{
margin-bottom: 10px;
box-shadow: 0px 0px 0px 1px rgba(0,0,0, .2);
}

.subscribe input{
border-radius: 0;
font-size: 14px;
}

.subscribe input:focus{
box-shadow: none;
border: 1px solid #CCCCCC;
}

.subscribe button, .subscribe button:hover{
color: #fff;
background: #ce4028;
border: 1px solid #ce4028;
border-radius: 0;
}

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;
-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;
-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}

.sidr .sidr-inner{padding:0 0 15px}

.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}

.sidr.right{left:auto;right:-260px}

.sidr.left{left:-260px;right:auto}

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);
-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}

.sidr p{font-size:13px;margin:0 0 12px}

.sidr p a{color:rgba(51,51,51,0.9)}

.sidr>p{margin-left:15px;margin-right:15px}

.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}

.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{border-top:none;line-height:49px}

.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;
-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}

.sidr ul li a, .sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}

.sidr ul li ul{border-bottom:none;margin:0}

.sidr ul li ul li{line-height:40px;font-size:13px}

.sidr ul li ul li:last-child{border-bottom:none}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}

.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;
-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}

.sidr ul li ul li a, .sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}

.sidr form{margin:0 15px}

.sidr label{font-size:13px}

.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select{width:100%;font-size:13px;padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}

.sidr input[type=checkbox]{width:auto;display:inline;clear:none}

.sidr input[type=button], .sidr input[type=submit]{color:#f8f8f8;background:#333}

.sidr input[type=button]:hover, .sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}

section#homepage-boxes .page-content > .row > div .mCSB_container {
top: 0;
}

/*

------------------------------------------------------------------------------------------------------------------------

1. BASIC STYLE

------------------------------------------------------------------------------------------------------------------------

*/



	.mCustomScrollbar{
-ms-touch-action: none;
touch-action: none;
/* MSPointer events - direct all pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar{
-ms-touch-action: auto;
touch-action: auto;
}

.mCustomScrollBox{
/* contains plugin's markup */

		position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}

.mCSB_container{
/* contains the original content */

		overflow: hidden;
width: auto;
height: auto;
}

/*

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR

y-axis

------------------------------------------------------------------------------------------------------------------------

*/



	.mCSB_inside > .mCSB_container{
margin-right: 25px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0;
}

/* non-visible scrollbar */



	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{
/* RTL direction/left-side scrollbar */

		margin-right: 0;
margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
margin-left: 0;
}

/* RTL direction/left-side scrollbar */



	.mCSB_scrollTools{
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */

		position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{
right: -26px;
}

/* scrollbar position: outside */



	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{
/* RTL direction/left-side scrollbar */

		right: auto;
left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{
left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */



	.mCSB_scrollTools .mCSB_draggerContainer{
/* contains the draggable element and dragger rail markup */

		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: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{
/* the draggable element */

		cursor: pointer;
width: 100%;
height: 30px;
/* minimum dragger height */

		z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
/* the dragger element */

		position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 12px;
/* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 8px;
/* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{
bottom: 0;
}

/*

------------------------------------------------------------------------------------------------------------------------

5. TRANSITIONS

------------------------------------------------------------------------------------------------------------------------

*/



	.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,

					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,

					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

					opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,

					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,

					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

					opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,

					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,

					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

					opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,

					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,

					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

					opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*

------------------------------------------------------------------------------------------------------------------------

6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS

------------------------------------------------------------------------------------------------------------------------

*/



	/*

	----------------------------------------

	6.1 THEMES

	----------------------------------------

	*/



	/* default theme ("light") */



	.mCSB_scrollTools{
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000;
background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff;
background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff;
background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff;
background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{
background-image: url(mCSB_buttons.png);
/* css sprites */

		background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*

		sprites locations

		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px

		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px

		*/

	}

.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*

		sprites locations

		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px

		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px

		*/

	}

.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*

		sprites locations

		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px

		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px

		*/

	}

.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*

		sprites locations

		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px

		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px

		*/

	}

.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)";
}

.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)";
}

/* theme: "dark" */



	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000;
background-color: rgba(0,0,0,0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000;
background-color: rgba(12, 22, 88, 0.7);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: rgba(12, 22, 88, 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-color: rgba(12, 22, 88, 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;
}

