body { background: #fff; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #888; /*text-align: center;*/ }
body.dark { background: #404040; }

strong { font-weight: 700; }

a, a:hover, a:focus {
	color: #d9d936; text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 { margin-top: 10px; font-size: 42px; font-weight: 700; color: #444; line-height: 54px; text-transform: uppercase; }
h2 { text-align: left; }

h3 { font-size: 26px; font-weight: 700; color: #ffffff; line-height: 30px; text-transform: uppercase; }

h4 { font-size: 18px; font-weight: 700;font-weight: normal; color: #ffffff; line-height: 22px; text-transform: uppercase; }

img { max-width: 100%; }

::-moz-selection { background: #d9d936; color: #fff; text-shadow: none; }
::selection { background: #d9d936; color: #fff; text-shadow: none; }


/***** Loader *****/

.loader {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; overflow: hidden !important; z-index: 99999;
}

.loader-img {
	position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px;
	background: url(../img/loading.gif) center center no-repeat;
}


/***** General style, all sections *****/
.container-fluid{padding:0;}
.section-container { margin: 0 auto; padding-bottom: 60px; }
.section-container-gray { background: #f8f8f8; }

.section-container-full-bg, 
.section-container-full-bg h1, 
.section-container-full-bg h2, 
.section-container-full-bg h3, 
.section-container-full-bg h4 { color: #fff; }

.section-description { margin-top: 60px; padding-bottom: 10px; }
.section-description p { margin-top: 30px; font-size: 22px; line-height: 36px; text-align: left; }

.section-bottom-link { padding-top: 15px; padding-bottom: 20px; }

/* button link 1 */
.btn-link-1 {
	display: inline-block; height: 52px; margin: 5px; padding: 0 20px; background: #2ba560; border: 0;
	font-size: 22px; font-weight: 300; line-height: 50px; color: #fff;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active, .btn-link-1:active:focus  { outline: 0; background: #279456; color: #fff; }

.btn-link-1 i { padding-right: 5px; }

/* button link 2 */
.btn-link-2 {
	display: inline-block; height: 52px; margin: 5px; padding: 0 20px; background: none; border: 1px solid #fff;
	font-size: 22px; font-weight: 300; line-height: 48px; color: #fff;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus {
	outline: 0; background: none; border-color: #ddd; border-color: rgba(255, 255, 255, 0.6); color: #fff;
}

.green-text { color: #d9d936; }


/***** Dividers *****/

.divider-1 { text-align: left; }
.divider-1 span { display: inline-block; width: 300px; height: 1px; background: #ddd; }
.divider-1-bottom { padding-top: 10px; padding-bottom: 5px; }


/***** Top menu *****/

.navbar {
	margin-bottom: 0; padding: 4px 0; background: #ff8d00; border: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
	backface-visibility: hidden;
}

.navbar-no-bg { padding: 0px 0; background: #ff8d00; background: #ff8d00;text-align: left; }
.navbar-single-page { padding: 8px 0; }

ul.navbar-nav {font-family: 'Roboto', sans-serif; font-size: 15px; margin-top:20px; color: #888; text-transform: uppercase; }

ul.navbar-nav li a { color: #fff;  }
ul.navbar-nav li a:hover { background: none; color: #ffff00; }
ul.navbar-nav li a:focus { background: none; color: #ffff00; outline: 0; }
ul.navbar-nav li a.active { position: relative;color:#ffff00; }
ul.navbar-nav li a.active:after {
	content: ""; position: absolute; bottom: 12px; left: 47%; width: 15%; height: 1px; background: #ffff00;;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
ul.navbar-nav li a.active:hover:after,
ul.navbar-nav li a.active:focus:after { background: #ffff00; }

.navbar>.container .navbar-brand { /*margin-left: 0; */}
.pageSubmenu li a.active:after{bottom:-6px !important;}
.navbar-brand { 
    width: auto; 
    /* background: url(../img/logo.png) left center no-repeat; 
    text-indent: -99999px;  */
    font-size:18px;
    color:#FFFFFF;
    padding:0px 0px;
    height: auto !important;
}

.navbar-header .companyTitle {
    display: inline-block;
    position: relative;
    left: 0px;
    color: #fff;
}
.navbar-header .companyTitle {
    font-size: 16px;
    line-height: 22px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    text-align: left;
    margin:0px;
}
.navbar-header .companyTitle span{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: normal !important;
    text-transform:capitalize;
    margin:0px;
}
.navbar-nav>li>a{
   /* padding-top:20px;*/
}
.collapse {
    display: none;
}
.navbar .list-unstyled {
    padding-left: 0;
    list-style: none;
    position: absolute;
    background: #ffa50091;
    width: 200px;
    margin-top: 4px;
    margin-left: 15px;
    padding: 5px;
}
.navbar .list-unstyled li{
    padding: 5px 10px;
    text-align: left;
}
.navbar-no-bg .list-unstyled {
    padding-left: 0;
    list-style: none;
    position: absolute;
    background: #ffa50091;
    width: 200px;
    margin-top: 8px;
    margin-left: 15px;
    padding: 5px;
}
/* .navbar-no-bg .list-unstyled li{
    padding: 5px 10px;
    text-align: left;
} */
.list-unstyled li a:hover{
    background: #882c2c;
    color: #fff;
}
.navbar-gradient{
    /* Gradient Effect */
    background: rgba(250,250,250,0.9);
    background: -moz-linear-gradient(left, rgba(250,250,250,0.9) 29%, rgba(250,250,250,0.9) 30%, rgba(203,141,155,0.9) 48%, rgba(143,2,34,0.94) 71%, rgba(109,0,25,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(29%, rgba(250,250,250,0.9)), color-stop(30%, rgba(250,250,250,0.9)), color-stop(48%, rgba(203,141,155,0.9)), color-stop(71%, rgba(143,2,34,0.94)), color-stop(100%, rgba(109,0,25,1)));
    background: -webkit-linear-gradient(left, rgba(250,250,250,0.9) 29%, rgba(250,250,250,0.9) 30%, rgba(203,141,155,0.9) 48%, rgba(143,2,34,0.94) 71%, rgba(109,0,25,1) 100%);
    background: -o-linear-gradient(left, rgba(250,250,250,0.9) 29%, rgba(250,250,250,0.9) 30%, rgba(203,141,155,0.9) 48%, rgba(143,2,34,0.94) 71%, rgba(109,0,25,1) 100%);
    background: -ms-linear-gradient(left, rgba(250,250,250,0.9) 29%, rgba(250,250,250,0.9) 30%, rgba(203,141,155,0.9) 48%, rgba(143,2,34,0.94) 71%, rgba(109,0,25,1) 100%);
    background: linear-gradient(to right, rgba(250,250,250,0.9) 29%, rgba(250,250,250,0.9) 30%, rgba(203,141,155,0.9) 48%, rgba(143,2,34,0.94) 71%, rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#6d0019', GradientType=1 );
}
.navbar-bottom-shadow{
    /* Drop Shadow */
    -webkit-box-shadow1: 2px 0px 2px 3px #333 !important;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow1:    2px 0px 2px 3px #333 !important;  /* Firefox 3.5 - 3.6 */
    box-shadow1:         2px 0px 2px 3px #333 !important;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    -webkit-box-shadow: 10px 10px 10px -10px rgba(51,51,51,1);
    -moz-box-shadow: 10px 10px 10px -10px rgba(51,51,51,1);
    box-shadow: 10px 10px 10px -10px rgba(51,51,51,1);
}
/***** Page title *****/

.page-title { 
    /*padding: 260px 0 210px 0;*/
    padding:50px 0;
   /* background:url(../img/bg_1.jpg); */
   background:url('../../assets/img/slider/4.jpg');
    background-size: cover; 
    background-repeat: no-repeat; 
}

.page-title-text { width: 550px; margin: 0 auto; color: #fff; }
.page-title-text h1 { color: #fff; text-shadow: 0 1px 6px rgba(51, 51, 51, 0.2); }
.page-title-text p { margin-top: 20px; font-size: 22px; line-height: 36px; text-shadow: 0 1px 5px rgba(51, 51, 51, 0.4); }

.page-title-bottom-link { padding-top: 25px; padding-bottom: 7px; }


/***** Single page *****/

.s-page-container { padding-top: 120px; text-align: left; }
.s-page-text p { margin-top: 30px; font-size: 22px; line-height: 36px; }
.s-page-icon { padding-top: 10px; font-size: 160px; color: #eee; line-height: 160px; text-align: center; }
.s-page-portfolio .s-page-icon,
.s-page-contact .s-page-icon { padding-top: 0; }



/***** Footer *****/

footer { padding: 25px 0 20px 0; background: #404040; text-align: right; }

footer .scroll-to-top { font-size: 36px; text-align: center; }
footer .scroll-to-top a { color: #666; }
footer .scroll-to-top a:hover, footer .scroll-to-top a:focus, footer .scroll-to-top a:active { outline: 0; opacity: 0.6; color: #666; }

.footer-copyright { margin: 11px 0 0 0; font-size: 18px; color: #fff; line-height: 32px; text-align: left; }
.footer-copyright a { color: #fff; border: 0; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #fff; border-bottom: 1px dotted #fff; }

.footer-social a { margin: 0 8px; font-size: 39px; color: #666; }
.footer-social a:hover, .footer-social a:focus { color: #666; opacity: 0.6; }