.navstyle{
    color: black;
}

.navedit{
    border-bottom: 2px solid black;
}

.navedit a{
    font-size:1.7em;
    font-family: Arial, Helvetica, sans-serif;
}

.navlogo{
    width: 50%;
}

/* Jumbotron*/

.pagetitle{
    background-color: black;
    color: white;
}
.pagetitle h1{
    font-size: 4em;
}

.pagetitle:hover{
    background-color: white;
    color:black;
    transition: 0.5s;
}

/* font class webpage*/
.editfont{
    font-family: Arial, Helvetica, sans-serif;
}

/* background image*/

.backimage{
    background: url("pics/back3.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
}

/*Text */
.textservices h2{
    background-color: white;
    font-size: 2.8em;
}
.textservices p{
    background-color: white;
    font-size: 1.2em;
}


/* illustrator photoshop drawing*/

.ba-slider {
    position: relative;
    overflow: hidden;
}

.ba-slider img {
    width: 100%;
    display:block;
}

.ba-slider .resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}


.handle {
    /* Thin line seperator */
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 4px;
margin-left: -2px;
background: rgba(0, 0, 0, .5);
cursor: ew-resize;
}

.handle:after {
       /* Big green knob  */
position: absolute;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;

/* a dark green */
font-weight:bold;
font-size: 48px;
text-align: center;
line-height: 64px;
background: #99ff99;
/* @darker green of gradient */
/* a green */
border-radius: 50%;
transition: all 0.3s ease;

/* lighter green in gradient */
}

.handle.draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
    line-height: 48px;
    font-size: 30px;
}


















/* Footer*/
/* Main Footer */
footer .main-footer{  padding: 20px 0;  background: #000000;}
footer ul{  padding-left: 0;  list-style: none;}

/* Copy Right Footer */
.footer-copyright { background: rgb(0, 0, 0); padding: 5px 0;}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {  list-style: none; margin: 0;  padding: 0;}
.footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block;  line-height: 12px;  margin: 0;  padding: 0 8px;}
.footer-copyright nav ul li a{  color: #969696;}
.footer-copyright nav ul li:first-child { border: medium none;  padding-left: 0;}
.footer-copyright p { color: #969696; margin: 2px 0 0;}
/*==================== 
Widgets 
====================== */
.widget{  padding: 20px;  margin-bottom: 40px;}
.widget.widget-last{  margin-bottom: 0px;}
.widget.no-box{ padding: 0; background-color: transparent;  margin-bottom: 40px;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{  margin-bottom: 18px;}
.widget li a{ color: rgb(228, 86, 86);}
.widget li a:hover{ color: #e2aaaa;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #8b2020 none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{ float: right; background: #7f7f7f;}

.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{  color: rgb(228, 86, 86);}

ul.social-footer2 { margin: 0;padding: 0; width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:rgb(228, 86, 86);}
ul.social-footer2 li a {display: block; height:30px;width: 30px;text-align: center;}
.btn{background-color: rgb(228, 86, 86); color:#fff;}
.btn:hover, .btn:focus, .btn.active {background: rgb(228, 86, 86);color: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;
}