body {font-family: 'Ubuntu', sans-serif; line-height: 1.5;}
.pad-bottom {padding-bottom: 60px;}
.pad-bottom2 {padding-bottom: 10px;}
section {padding-bottom: 100px; padding-top: 60px;}
.btn {border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.set-bk-clr {background-color: #F60;}
.clr-set {color: #F60;}
.f-big {font-size: 40px; font-weight: 900;}
.set-bk-clr:hover {background-color:#F60;}
/*NAVBAR STYLES*/
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {color: #fff; font-size: 20px; text-transform: uppercase;}
	.navbar-brand {padding:0px;}
    .navbar-brand img {height:50px; padding-left:0px;}
	.navbar-default .navbar-toggle {border-color: #FFF;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: rgba(0, 0, 0, 0);}
.navbar-default .navbar-nav > li > a {color: #fff; font-weight: 600; text-transform: uppercase;}
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #F60;text-decoration: none;}
.navbar-default {background-color: #000; border-color: transparent;}
/* ADDED PADDING IN NAVBAR */
.navbar {padding: 15px; -webkit-transition: background .8s ease-out,padding .8s ease-out; -moz-transition: background .8s ease-out,padding .8s ease-out; transition: background .8s ease-out,padding .8s ease-out;}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {padding: 0px;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color:  #F60; background-color: rgba(0, 0, 0, 0); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.navbar-btn{color: #fff; font-size: 70px; padding: 30px;}
/*HEADER STYLES*/
#header {-webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
	}
    #header h1 {line-height: 60px; font-size: 45px; font-weight: bold; padding-top: 180px; padding-bottom: 35px; color: #F60;}
    #header h2 {color: #fff;}
/*about STYLES*/
#about {background-color: rgba(236, 236, 236, 1); padding-top: 60px; padding-bottom: 10px;}
    #about i {font-size: 80px; padding: 30px; color: #F60;}
    #about h4 {padding-bottom: 5px; padding-top: 5px; line-height: 1.5;}
/*services STYLES*/
#services {padding-top: 60px;padding-bottom: 90px;}
/*work STYLES*/
#works{padding-top: 60px; padding-bottom: 90px; background-color: rgba(236, 236, 236, 1);}
/* FOR CHANGING COLOR OF ACTIVE CATEGORY */
.categories a.active {background-color: #F60; border: 2px solid #F60;}
/* FOR TRANSITION BEAUTIFULLY */
.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s;}
#works .work-wrapper {padding-top: 30px;}
#works img {filter: gray; /* FOR IE6-9 */
    -webkit-filter: grayscale(1); /* FOR Google Chrome, Safari 6+ and  Opera 15+ */
    opacity: 0.8;}
    #works img:hover {filter: none; /* FOR IE6-9 */
        -webkit-filter: grayscale(0); /* FOR Google Chrome, Safari 6+ and  Opera 15+ */
        opacity: 1;}
#portfolio-div {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
.btn-info {color: #FFF; background-color: #999; border-color: #999;}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {color: #FFF; background-color: #777; border-color: #777;}
/*clients*/
#clients {padding-top: 60px; padding-bottom: 90px;}
.media img {padding-top: 30px;}
/*contact*/
#contact {padding-top: 60px; padding-bottom: 90px; background-color: rgba(236, 236, 236, 1);}
    #contact .overlay {min-height: 300px; padding-bottom: 60px;}
a {color: #F60; text-decoration: none;}
/*ideas*/
#ideas1 {background: url(../images/id-1.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;}
#ideas2 {background: url(../images/id-2.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;}
#ideas3 {background: url(../images/id-3.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;}
#ideas4 {background: url(../images/id-4.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;}
    #ideas1 .overlay, #ideas2 .overlay, #ideas3 .overlay, #ideas4 .overlay {background-image: url(overaly.png); min-height: 300px; font-size: 22px; text-shadow: #000 1px 1px 1px; color: #FFF; padding-top: 100px; padding-bottom: 100px; }
/*FOOTER*/
footer { padding: 25px; font-size: 15px; text-align: center; font-weight: 900; background-color: #000; }
/* scroll */
#arrow {background: transparent url(up.png) no-repeat; width: 30px; height: 30px; position: fixed; bottom: 20px; right: 20px; cursor: pointer; display: none; z-index: 999}
/* Basic Slider */
.txtoverlay{display:block; position:absolute; width:100%; height:100%; margin:0 auto; padding:0; white-space:normal; background-image: url(overaly.png);}
.verticalwrap{display:table; width:100%; height:100%; border:none; text-align:center;}
.txtoverlay article{display:table-cell; padding:0; border:none; vertical-align:middle;}
.txtoverlay .heading{font-size:40px; line-height:40px; margin-bottom:30px; font-weight: 500; }
.txtoverlay .btn{display:inline-block; padding:15px 30px; border-radius:8px; font-size:20px; font-weight:bold;}
.txtoverlay a{color: #fff;} a:active, a:hover {color: #000;}
.txtoverlay .pushright{margin-right:25px;}
.orange{background-color: #F60;}
/* ===== Begin Counter-Up ===== */
.counter-up .fact-inner {padding-top: 10px; font-size: 40px;}
.glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 36px; font-style: normal; font-weight: 100; line-height: 1; color: #F60;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
@media (max-width: 598px) {
.txtoverlay .heading{font-size:20px; line-height:20px; margin-bottom:30px; font-weight: bold; }
.txtoverlay .btn{display:inline-block; padding:10px 20px; border-radius:8px; font-size:14px; font-weight:bold;}
.fotorama{padding-top: 80px;}
}