/*

Template: The Corps — Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version:  1
Design and Developed by: potenzaglobalsolutions.com

Note: This is the file where you can add your custom styles to change the look of the
theme. But don't modify "style.css" file.

*/

/* Your custom css codes start from here: */


 .phone1 { 
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
	font-size:14px; 
}

.mega-menu .menu-links > li.active a {
    background-color: transparent;
    color: #FDC917;
}

.mega-menu .menu-links > li > a:hover {
	 color: #FDC917; 
}

.iconLanguage {
	width:50%; 
}

.text-yellow { 
	color: #FDC917;
}

.text-yellow2 { 
	color: #fbc53b;
}

.text-black {
	color: #222222;
}

.text-blue2 {
	color: #183681;
}

.topbar-left ul li i { 
	margin-right: 5px; 
	color: #FDC917;
}

h4 { 
	font-weight: bold;
}

p { font-size:17px

}

.image1{
	width:100% ; 
	height:220px;
	text-shadow: 2px 1px gray;
	}
	
.feature_div{
	border:#4f7dad solid 3px ;
}

/*about*/

.yellow-bg { 
	background: #6fa2d7; 
}

.text-white_ab {
	color: #FFFFFF;
	font-weight: bold;
}

.section-title-1 .title-line:before { background: #000000; content: ""; display: block; height: 3px; margin: 0 auto; width: 100px; }
.section-title-1 .title-line:after { background: #000000; content: ""; display: block; height: 3px; position: relative; top: -6px; margin: 0 auto;  width: 100px; }

.who-we-are-left{
	width:100% ; 
	height:350px;
}
.img-responsive {
	width:100% ; 
}

.text-gray1 {
	color:#535353;
	font-weight: bold;
}

.text-gray {
	color:#1E1E1E;
}

a.button {
	/*background-color: #393939;*/
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff; background-color: #FDC917; 
}

.text-copy { 
	color: #45423d; 
}

/*footer*/

.footer { 
	background: #4c8bcd; 
}

.text-white1 { 
	color: #fff; 
}

.addresss-info i{  
	color: #FDC917; padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 17px; 
}

.footer-widget { 
	background: #FFFFFF; padding: 20px 15px; 
}

.footer-widget-social a i { 
	display: inline-block; color: #fff; background: #85807f;
}
.footer-widget-social [data-tooltip]:after { 
	background-color: #FDC917; 
}


/*back top */
#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition:all .5s ease-in-out; position:fixed; bottom:105px; right:15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #FDC917; width: 40px; height: 40px; text-align: center; line-height: 38px; }

.footer-useful-link ul li a:hover {
    color: #FDC917; 
}

/*หน้า project*/
.bg-2 { background: url(../images/custom/bg.png);}

.testimonial-avatar img { 
	background: transparent; width: 800px; height: 500px; border-radius: 1%; 
}

.owl-carousel-4 .owl-nav i:hover { 
	background: transparent; color: #FDC917;
}

.owl-carousel-4 .owl-nav i { 
	font-size: 25px; color: #626262;width: 800px; height: 50px; line-height: 28px; margin: 250px 3px 0;  
}

.intro-title p { 
	font-size: 24px; text-transform: capitalize; 
}

h1 { 
	color: #FDC917;
}

.text-white { 
	color:#d8d8d8;
}

.testimonial-info strong { 
	font-weight: 500; font-size: 16px; color: #FDC917;
}


/*ปุ่มshare-button*/
.share.small ul { 
	width: 40px; padding: 3px 10px; 
}

.share .share-button { 
	background: #FDC917;
}

a, button, input { 
	color: #333333; 
}

/*หน้า coontact*/

span.tooltip-content-2 { 
	color: #FDC917;
}
.contact-box i { 
	color: #FDC917;
}
.contact-form .section-field i { 
	color: #FDC917;
}
.feature-3-title span { 
	color: #FDC917;
}

.img_bg {
	text-align:center;

	background-color:#eef7fa;
}

/*หน้า about*/
.owl-carousel-7 .owl-nav i:hover { 
	color: #fff; background: #FDC917;
}


/*หน้า product*/
.team:hover, .team.active { 
	background: #FDC917; 
}
.team:hover h4, .team.active h4 { 
	color: #000000; 
}
.team:hover p, .team.active p { 
	color: #000000; 
}

.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  { 
	background-color:#FDC917; border-color: #DFAD05; color: #fff; 
}

.mylink{
	color:#1E90FF;
}

.my_ul li{
	color:#626262;
	font-size:17px;
	list-style: square inside !important;
	text-align:left;
	margin-left: 5px;
    padding-left: 5px;
}

.owl-carousel-7 img {
	width: 90%;
	height: 160px;
}

.footer-logo img {
    width: 85% !important;
}

.bg-17 { background: url(../images/bg/17.png); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0;  }

.tp-caption.black-align-center,.black-align-center { font-size:60px; font-weight:500; font-family:'Roboto Condensed', sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:center; border-width:0px; border-color:rgb(0,0,0); border-style:none}

h1, h2, h3, h4, h5, h6 {
    font-family:'Roboto Condensed', sans-serif;
}

body {
    font-family: 'Lato', sans-serif;
}

.triangle {
	margin-top:-40px;
    position: absolute;
    left: 0;
    height: 0;
    width: 0;
    display: block;
    border-style: solid;
    pointer-events: none;
    z-index: 5;
}

.triangle--bottom-right {
  border-color: transparent #4c8bcd transparent transparent;
}

@media (max-width: 1700px) {
.mega-menu img { height: 75px; margin: 5px 0; }
} 

@media screen and (min-width: 993px) {
  .mega-menu.desktopTopFixed .menu-list-items {
    /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0px 10px;
    background: #3c6fa4;
  }
}

@media screen and (min-width: 992px){
	.cta-image3 img {
		margin-top: -190px;
		margin-left: 75px;
		z-index:99;
		position: absolute;
	}
}

@media screen and (min-width: 1500px){
	.cta-image3 img {
		margin-left: 175px;
	}
}


@media screen and (max-width: 991px){
	.cta-image3 img, .triangle--bottom-right {
		display:none;
	}
}