html,
body {
  font-family:'Raleway', Arial, Helvetica, sans-serif;
  background-color:#ffffff; font-style:12px;
  color:#333333;
}

.row { margin:0px; padding:0px; } 

h1 { font-family: 'Oswald', sans-serif; font-size:36px; color:#937700; line-height:48px; }
h2 { font-family: 'Oswald', sans-serif; font-size:36px; color:#0091b8; line-height:48px; }
h3 { font-family: 'Oswald', sans-serif; font-size:22px; color:#000000; line-height:26px; margin:10px 0px; }
h4 { font-family: 'Oswald', sans-serif; font-size:22px; color:#ffffff; line-height:16px; }

b, strong { font-weight:bold !important; }

.carousel-control-next,.carousel-control-prev{width:5%;color:#000;}

.navbar-toggler .navbar-toggler-icon {
	color:#fe9004;
}
.navbar-toggler:hover .navbar-toggler-icon,
.navbar-toggler:focus .navbar-toggler-icon {
	color:#cccccc;
	border: none;
	outline:0;
}

.navbar-nav li a:hover { color:#fe9004; }

button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover{   
    outline:none !important;
}

#intro { font-family: 'Oswald', sans-serif; color:#ffffff; font-size:20px; margin:0px; padding:50px 0px; animation:fadein 3s;  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.heading { background-image: url("../img/layout/white.png"); text-align:center; padding:20px 20px; font-size:50px; margin-top:60px; margin-bottom:60px; }
#intro h2 { font-family: 'Oswald', sans-serif; color:#ffffff; font-size:46px; text-align:center; padding:50px 0px; }
#intro-small h2 { font-size:58px; line-height:45px; color:#ffffff; }
#intro h3 a, #intro h3 a:hover { color:#000000; }
#intro li { font-size:20px; line-height:28px; color:#555555; }
.intro-home { background-image: url("../img/product-background/commit.jpg"); }
.intro-top { background-image: url("../img/product-background/commit.jpg"); }
.intro-investor { background-image: url("../img/product-background/investor.jpg"); }
.intro-main { background:#f79524; font-family: 'Oswald', sans-serif; color:#ffffff; font-size:46px; text-align:left; padding:40px 0px; }
.intro-company { background:#333e48; font-family: 'Oswald', sans-serif; color:#ffffff; font-size:46px; text-align:center; padding:100px 0px; }
.orange { color:#333; }

.product { min-height:350px; padding:20px 20px; text-align:center; color:#0f2944; font-size:16px; }
.product h3 { font-family: 'Oswald', sans-serif; font-size:28px; color:#0f2944; line-height:26px; margin:20px auto; }

a:hover.btn-outline-light { color:#000000 !important; }

p b { font-family:'Oswald', Arial, Helvetica, sans-serif; }
p a, table a, li a { color:#0091b8; }
p a:hover, table a:hover, li a:hover { color:#0091b8; }

.bcrumb { font-size:14px; color:#000000; margin-top:20px; }
.bcrumb a { color:#000000; }
.quote { font-family: 'Oswald', sans-serif; font-size:26px; color:#f79524; }
.people { margin:10px 0px; }

.off-white-section { background:#f5f6f6; text-align:center; color:#333333; padding:60px 0px; }
.off-white-section p a, .off-white-section p a:hover { font-weight:bold; color:#333333; }
.off-white-section h1 { font-family: 'Oswald', sans-serif; font-size:26px; color:#000000; line-height:26px; margin:0px auto 10px auto; }
.off-white-section h2 { color:#f79524; font-size:26px; }
.off-white-section h3 { color:#333e48; font-size:26px; margin-bottom:20px; }
.off-white-section h4 { color:#333e48; font-size:26px; margin:20px 0px; }
.off-white-bg { background:#fff; padding:20px 0px 10px 0px; }

.white-section { background:#ffffff; text-align:center; color:#333333; padding:60px 0px; }
.white-section p a, .white-section p a:hover { font-weight:bold; color:#333333; }
.white-section h1 { font-family: 'Oswald', sans-serif; font-size:26px; color:#f79524; line-height:26px; margin:0px auto 10px auto; }
.white-section h2 { color:#f79524; font-size:26px; margin-bottom:10px; }
.white-section h3 { color:#333e48; font-size:26px; margin-bottom:20px; }
.white-section h3 a:link, .white-section h3 a:hover, .white-section h3 a:visited { color:#333e48; text-decoration:none; }
.white-section h4 { color:#333e48; font-size:26px; margin:20px 0px; }
.white-bg { background:#fff; padding:20px 0px 10px 0px; }

.blue-section { background:#333; padding:60px 0px; text-align:center; }
.blue-section p { color:#ffffff; }
.blue-section h1 { font-family: 'Oswald', sans-serif; font-size:32px; color:#ffffff; line-height:36px; margin:10px auto; }
.blue-section h2 { font-family: 'Oswald', sans-serif; font-size:32px; color:#ffffff; line-height:26px; margin:10px auto 30px auto; }
.blue-section h3 { font-family: 'Oswald', sans-serif; font-size:22px; color:#ffffff; line-height:26px; margin:20px auto 20px auto; }

#intro-bg { /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; min-height:400px; }
.orange-section { padding:60px 0px; text-align:left; color:#333e48; }
.orange-section h1 { font-family: 'Oswald', sans-serif; font-size:32px; color:#333e48; line-height:36px; margin:10px auto; }
.orange-section h2 { font-family: 'Oswald', sans-serif; font-size:32px; color:#333e48; line-height:36px; margin:10px auto 10px auto; }
.orange-section h3 { font-family: 'Oswald', sans-serif; font-size:26px; color:#333e48; line-height:26px; margin:20px auto 10px auto; }

.visit-section { padding:60px 0px; text-align:left; background:#f79524; }

.border-orange { border-bottom:5px solid #f79524; width:40px; margin:22px auto; }
.border-white { border-bottom:5px solid #ffffff; width:40px; margin:22px auto; }
.border-main { border-bottom:5px solid #ffffff; width:60px; margin:0px auto; }
.border-company { border-bottom:5px solid #f79524; width:60px; margin:0px auto; }

.number { font-size:48px; font-family:'Raleway', Arial, Helvetica, sans-serif; }

.social { background:#0091b8; color:#ffffff; padding:10px 0px 10px 0px; margin-top:20px; }
.social-office { background:#0091b8; color:#ffffff; padding:10px 0px 10px 0px; }
.copyright { background:#f79524; color:#333333; font-family:'Oswald'; font-size:12px; text-transform:uppercase; padding:10px 0px 1px 0px; }
.bottom { background:#333333; color:#ffffff; padding:40px 0px 30px 0px; font-size:14px; }
.bottom h3 { color:#ffffff; font-family:'Raleway'; font-weight:normal; font-size:22px; padding:0px 0px; margin:0px 0px 5px 0px; }
.bottom ul { list-style:none; margin:0px 0px 20px 0px; padding:0px; }
.bottom li { margin:0px; color:#ffffff; padding:5px 0px 5px 0px; line-height:1.5em; }
.bottom a:link, .bottom a:hover, .bottom a:visited { color:#ffffff; font-weight:bold; }
.bottom h2 { margin:0px 0px 20px 0px; font-size:24px; }

.split { border-bottom:1px solid #efefef; width:100%; margin:40px auto; }

ul.menu li { padding-bottom:8px; }

.navbar { background:#fff; }
.navbar-nav>li>a { color:#000; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:16px; margin:10px 12px; text-transform:uppercase; }

.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{
    background-color: #009999 !important;
  }
  
.btn { padding:12px 12px 8px 12px; font-family:'Raleway', Arial, Helvetica, sans-serif; }

#back-top {
	position:fixed; bottom:40px; right:20px; background:#f79524;
	border-radius:4px;
}

#back-top a {
	display:block; padding:10px 14px;
	text-align:center; font-size:16px;
	text-transform:uppercase; font-weight:lighter;
	text-decoration:none;
	color:#fff; transition:1s;
}

#back-top a:hover { background:#333e48; }

#back-top span {
	display:block;
	transition:1s;
}

.dropdown-menu .dropdown-item:focus {
background-color:#efefef !important;
color:#333333 !important;
}

p.margin-top { margin-top:35px; }

.btn { text-transform:uppercase; font-weight:lighter!important; font-family:'Oswald', Arial, Helvetica, sans-serif; border-radius:0px; padding:8px 40px; } 
.btn-outline-light{font-size:13px}.btn-outline-light:hover{color:#fe9004;}
.btn-outline-light2{color:#fff;background-color:#333e48;background-image:none;border-color:#333e48; font-size:13px}.btn-outline-light2:hover{color:#f79524;background-color:#333e48;border-color:#333e48}
.btn-outline-dark{color:#fff;background-color:transparent;background-image:none;border-color:#f79524; font-size:13px}.btn-outline-dark:hover{color:#0f2944;background-color:#fff;border-color:#fff}
.btn-outline-dark2{color:#ffffff;background-color:#0f2944;border-color:#0f2944;font-size:13px}.btn-outline-dark2:hover{color:#fe9004;background-color:#0f2944;border-color:#0f2944;}
.btn-outline-dark3{color:#333e48;background-color:#transparent;border-color:#333e48;font-size:13px}.btn-outline-dark3:hover{color:#ffffff;background-color:#333e48;border-color:#333e48;}
.btn-outline-property{color:#6b9eaf;background-color:transparent;background-image:none;border-color:#6b9eaf}.btn-outline-property:hover{color:#fff;background-color:#6b9eaf;border-color:#6b9eaf}
.btn-outline-motor{color:#937600;background-color:transparent;background-image:none;border-color:#937600}.btn-outline-motor:hover{color:#fff;background-color:#937600;border-color:#937600}

.bg-warning { padding:20px; border-radius:10px; background:#937700; }
.bg-success { padding:20px; border-radius:10px; }
.cpt { color:#d56233; }

.search_icon { display:none; }

@media (max-width: 1300px) {
	.search_icon { display:block; }
	.search_form { display:none; }
	.fw_icon { display:none; }
	a.top-icon { font-size:18px; } .overlay h2 { padding-top:20px; }
}


@media (max-width: 1100px) {
.heading { font-size:30px; background:#333e48; text-align:center; padding:20px 20px; margin-top:20px;  }
#intro { background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: relative; min-height:300px; height:70vh; }
}

@media (max-width: 990px) {

#intro { background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: relative; min-height:300px; height:60vh; }
#intro-foot { background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: relative; min-height:300px; }
#intro-small { background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: relative; min-height:150px; }
.introduction { margin-top:50px; margin-bottom:50px; text-align:right; }
#intro-small h1 { font-size:32px; line-height:36px; margin-top:0px; text-align:center; }	#intro-small h2 { font-size:32px; line-height:36px; margin-top:0px; text-align:center; }
#intro h2 { font-size:32px; line-height:36px; margin-top:0px; text-align:right; }	#intro-small h2 { font-size:32px; line-height:36px; margin-top:0px; text-align:center; }
#intro p { font-size:18px; line-height:28px; color:#ffffff; text-align:right; }
.client { padding:0px 0px; text-align:center; }
.clients { padding:0px 0px; text-align:center; }
.navbar { background:#ffffff; }
.navbar-nav>li>a { color:#f79524; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:14px; margin:10px 12px; text-transform:uppercase; }
.dropdown-menu {border:none; background:none;}
}

@media (max-width: 480px) {

#intro { height:16vh; }
#intro h2 { font-size:28px; line-height:36px; margin-top:0px; text-align:center; }
#intro p { font-size:18px; line-height:28px; color:#ffffff; text-align:right; }
.client { padding:0px 0px; text-align:center; }
.clients { padding:0px 0px; text-align:center; }
.navbar { background:#ffffff; }
.navbar-nav>li>a { color:#f79524; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:14px; margin:10px 12px; text-transform:uppercase; }
.dropdown-menu {border:none; background:none;}
.btn-outline-dark3 {margin-bottom:30px;}
}

.col-md-4 a:hover { text-decoration:none !important;}