/*Theme Name: Firstcom Solutions
Author: Firstcom Solutions Developers
Author URI: http://firstcom.com.sg/
Version: 1.0*/
* {outline: none !important;}
/*body {padding-right:0px !important;margin-right:0px !important; }*/
body {background-color: #DDD;font-family: 'Titillium Web', sans-serif;padding-top: 95px;}
img { max-width:100%; }
a { color: #e11e25; }
a:focus,
a:hover { text-decoration: none; }
/*Addational Custom CSS*/
.list-table {display: table;width: 100%;}
.list-table > li {display: table-cell;}

textarea {resize: none;}
p:last-child { margin-bottom:0!important; }

input {margin-bottom: 15px;}

/*Header*/
header {background:#FFF;height: 95px;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.5); }

/* Footer * Copyright */
footer { background-color: #131313;padding: 20px 0; }

.contact iframe {width: 100%;height: 300px;line-height: 0;}

#logo { display: inline-block;padding: 15px 0px;position: relative;z-index: 100; }
#logo > img { height: 65px; }
#main_menu_nav { margin-left:-15px;margin-right:-15px; }
#main_menu_nav > ul > li > a { line-height: 95px;display: block;padding:0 15px;padding: 0 15px;font-size: 20px;color:#747474;position: relative; }
#main_menu_nav > ul > li > ul.sub-menu > li > a:hover,
#main_menu_nav > ul > li > a:hover { text-decoration:none; }
#main_menu_nav > ul { margin-right: 1em; margin-bottom:0;margin-left:0; }
#main_menu_nav > ul > li { padding:0;position: relative; }
#main_menu_nav > ul > li:hover > ul.sub-menu { display: block; }
#main_menu_nav > ul > li > ul.sub-menu { padding:0;position: absolute;z-index: 1;text-align: center;list-style-type: none;width:auto;display: none;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap;min-width: 200px; }
#main_menu_nav > ul > li > ul.sub-menu > li > a { display: block;background:#FFF;padding:10px 15px;font-size: 18px;color: #747474; }
#main_menu_nav > ul > li > ul.sub-menu > li > a:hover { color: #FFF;background:#ee1919; }
#footer_menu_nav { /*margin-bottom: 15px;*/ }
#footer_menu_nav > ul { margin:0; }
#main_menu_nav > ul > li.current-menu-parent > a:before,
#main_menu_nav > ul > li.current-menu-item > a:before,
#main_menu_nav > ul > li:hover > a:before { content: '';background: #ee1919;position: absolute;top: 15px;left: 5px;right: 5px;height: 4px; }
.menusearch:hover > a:before { content:none!important; }
.menusearch > a { color:rgba(255, 255, 255, 0)!important; background-image:url('img/searc-icon.png');background-size: 20px;background-position: center;background-repeat: no-repeat;max-width: 20px; }
.stylish_hover { position: relative;display: block;}
.stylish_hover:hover:after { content:''; background-image:url('img/view-icon.png');background-size: auto;background-position: center;position: absolute;left: 0;top: 0;  right: 0;bottom: 0;background-repeat: no-repeat;height: 100%;display: block;background-color: #333333ad; }
.designedby,
.copyright { color: #FFF;font-size:10px; }
#footer_menu_nav > ul > li > a { color: #FFF;font-size: 12px; }
.cover_bg { background-repeat: no-repeat;background-size: cover;background-position: center center; }

.page_banner > .desktoptable,
.page_banner { height: 400px; }
.page_wrapper { background-color: #FFF;background-size: 100% auto;background-position: center bottom;padding-bottom:50px;background:none!important; }
.page_sub_menu ul { list-style-type: none;text-align: right;padding:0; }
.page_sub_menu ul ul { display: none;position: absolute;left: 0;right: 0;top: 100%;background: #FFF;z-index: 1;border: 1px solid #ccc; }
.page_sub_menu ul > li { position: relative; }
.page_sub_menu ul > li:hover ul { display: block; }
.page_sub_menu ul ul > li:first-child > a { padding-top:15px; }
.page_main_content > h4 { font-size: 16px; }
.page_main_content > h2:first-child,
.margintopzero,
.page_main_content > h4,
.page_main_heading { margin-top:0; }
.page_main_content > h4:not(:first-child) { margin-top: 30px; }
.page_sub_menu,
.page_main_content { padding-top:50px; }
.page_main_content { font-weight: 600; }
.page_main_content p { margin-bottom: 10px;line-height: 1.8; }
.page_sub_menu ul > li:first-child.current-menu-item > a,
.page_sub_menu ul > li > a { padding: 15px 25px; }
.page_sub_menu ul > li > a { padding: 15px 25px;display: block;font-size: 14px;color:#999999;font-weight: bold;text-transform: uppercase; }
.page_sub_menu ul > li:first-child > a { padding-top:0; }
/*.page_sub_menu ul.dropdownlisting > li:hover > a,*/
.page_sub_menu ul ul > li:hover > a,
.page_sub_menu ul > li.current-menu-item > a { border:1px solid #333;color:#e11e25; }
.page_sub_menu ul ul > li:hover > a,
.page_sub_menu ul ul > li.current-menu-item > a { border:0; }
.page_sub_menu ul.dropdownlisting > li .side-up { display: none; }
.page_sub_menu ul.dropdownlisting > li:hover .side-up { display: block; }
.page_sub_menu ul.dropdownlisting > li .side-down { display: block; }
.page_sub_menu ul.dropdownlisting > li:hover .side-down { display: none; }
.page_sub_menu ul.dropdownlisting > li .side-icon { float:left;font-size: 14px;line-height: 20px; }
/*.page_sub_menu ul.dropdownlisting > li > a { border:1px solid; }*/
/*.page_sub_menu ul.dropdownlisting > li:before { content:'';border: solid #333333;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;position: absolute;left: 15px;width: 10px;height: 10px;top: 0;bottom: 0;margin: auto;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.page_sub_menu ul.dropdownlisting > li:hover:before { transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }*/
.quote_wrapper { padding-top:20px;padding-bottom:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.somegaptop { margin-top:30px; }
.somegapbtm { margin-bottom:30px; }
.somespacetop { padding-top:30px; }
.somespacebtm { padding-bottom:30px; }
.smallspacetop { padding-top:15px; }
.smallspacebtm { padding-bottom:15px; }
.ktcmodal,.ktcmodal .modal-content { border-radius: 0; }
/* .ktcmodal .modal-content { overflow: auto; } */
.ktcmodal p { margin-bottom:15px;line-height: 1.2; }
.ktcmodal .close::before {-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.ktcmodal .close::before, .close::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #e11e25;}
.ktcmodal .close::after {  -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.ktcmodal .close {position: relative;display: inline-block;width: 50px;height: 50px;overflow: hidden; float: none;opacity: 1; }
/** timeline box structure **/
.timeline {list-style: none;padding: 20px;position: relative;margin:0;}

.timeline:before {top: 0;bottom: 0;position: absolute;content: " ";width: 5px;background-color: #f5f5f5;left: 50%;margin-left: -1.5px;    border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;}

.timeline li { margin-bottom: 25px;position: relative;}

.timeline li:before, .timeline li:after {  content: " ";  display: table;}
.timeline li:after {  clear: both;}
.timeline li:before, .timeline li:after {  content: " ";  display: table;}

/** timeline panels **/
.timeline li .timeline-panel {width: 45%;float: left;position: relative;}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {  top:0;  right:0;  display: none;  border: 0;}
.timeline li.timeline-inverted .timeline-panel {float: right;}
.timeline li.timeline-inverted .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline li.timeline-inverted .timeline-panel:after {  border-left-width: 0;  border-right-width: 14px;  left: -14px;  right: auto;}

/** timeline circle icons **/
.timeline li .tl-circ {  position: absolute;  left: 50%;  text-align: center;  background: #404040;  width: 15px;  height: 15px;  line-height: 15px;  margin-left: -7px;border-top-right-radius: 50%;  border-top-left-radius: 50%;  border-bottom-right-radius: 50%;  border-bottom-left-radius: 50%;z-index: 10;}
/** timeline content **/
.tl-heading { color: #404040;font-weight: 700;display:inline-block;padding:8px 15px;background:#f9f9f9;border:1px solid #e6e6e6;border-radius:15px; }
.tl-body p, .tl-body ul { color: #333;margin-bottom: 0; }
.tl-body { font-size: 12px;margin-top: 20px; }
.page_main_heading { text-transform: uppercase;font-weight: 600; }
.policy_wrapper { padding:15px 0; }
.policy_wrapper:not(:last-child) { border-bottom: 1px solid #ccc; }
.profile_main_wrapper { padding-top:20px;margin-top:20px;border-top: 1px solid #d2d2d2; }
.pdf_btn { padding:8px 12px;color: #333;font-size: 12px;border:1px solid #ccc;display: inline-block; }
.pdf_btn > img { margin-right:20px; }
.square_div { padding-bottom: 100%;height: 0; }
.afiliate_link { display: block; }
.contain_bg { background-size: contain;background-repeat: no-repeat;background-position: center; }
.auto_bg { background-size: auto;background-repeat: no-repeat;background-position: center; }
.location_email_wrapper,
.location_purpose_wrapper { margin-top:25px; }
.redcolor { color:#e11e25 }
.blackcolor { color:#333 }
.stylish_btn { color: #e11e25;background: #FFF;padding: 8px 35px;border: 1px solid #333;display: inline-block;font-weight: bold;font-size:12px; }
.pdf_btn:hover,
.stylish_btn:hover { color:#FFF;background:#333; }
.form-control { border-radius: 0; }

.pagination a,.pagination .page-numbers.current { font-weight: normal; }
.pagination a { color:#333;display: inline-block;padding:0 8px; }
.pagination .page-numbers.current { color:#e11e25;padding: 0 8px; }
.pagination i.circular { display: block;width: 20px;height: 20px;line-height: 15px;text-align: center;border-radius: 50%;border: 1px solid #333; }
.pagination a.next.page-numbers { margin-left: 15px; }
.pagination a.prev.page-numbers { margin-right: 15px; }
#firstcom_url { color: #0181c4; }
#caro .carousel-indicators {position: static;left: 0;width: 100%;margin: 0;}
#caro .carousel-indicators li { border:0;background-color: #cac8c3;width:10px;height:10px;  }
#caro .carousel-indicators li.active { background-color: #333; }
.ktcmodal .carousel-control,
#caro .carousel-control { background:none; }
.video { height:auto;width: 100%;cursor: pointer; }
.bigletters { text-transform: uppercase; }
.whitebox { display: inline-block;background: #FFF;padding:20px 30px;}
.blockbtn { display: block; text-align: center;margin-top:20px;font-weight: bold;padding:8px 20px; }
.blackbtn { background: #333;color: #FFF; }
.ares .tp-bullet:hover:after, .ares .tp-bullet.selected:after { content:'';border-radius:50%;border: 2px solid #e11e25;position: absolute;left:-2px;top:-2px;bottom:-2px;right:-2px; }
.ares .tp-bullet { width:10px;height:10px; }
.no-padding {padding:0px;}
#homecaro .item.active .leftlayer { opacity: 1; }
#homecaro .item.active.left .leftlayer,
#homecaro .item.active.right .leftlayer { opacity: 0; }
.leftlayer { background:rgba(255, 255, 255, 0.9);padding: 15px 20px;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;opacity:0; }
.leftlayer .stylish_btn { background:#ffffff9e; }
.leftlayer .left,
.leftlayer .right { border:1px solid #333;display: block;padding: 20px; }
.leftlayer .right { background:#333;color:#FFF; }
.leftlayer .left { color:#333; }

#homecaro .carousel-indicators > li { border-color: #808080;background:#FFF;border-width:2px; }
#homecaro .carousel-indicators > li.active { border-color: #e11e25; }

.whitebackground { background-color:#FFF; }
.backgroundright { background-position: center right; }
.backgroundleft { background-position: bottom left; }

.margintopsome { margin-top:20px; }
#searchform_wrapper { position: relative; }
#searchform_wrapper .searchform > input { padding-right: 28px; }
#searchform_wrapper .searchform { display: block;position: static;padding:0; }
#searchform_wrapper .searchform > * { margin:0; }
.searchform .search_submit { display: none; }
#searchform_wrapper .searchform .search_submit { display: block;position: absolute;right: 8px;top: 0;bottom: 0;padding: 0;font-size: 15px;border: 0;background: none; }
.carousel-inner > .item > a > img { margin: 0 auto; }
.awards_modal .carousel-control { background:#ebebeb;opacity:1; }
.awards_modal .carousel-inner > .item > div { padding: 0 85px;position: relative; }
.awards_modal .carousel-inner > .item.active.left > div .carousel-control,
.awards_modal .carousel-inner > .item.active.right > div .carousel-control,
.awards_modal .carousel-inner > .item > div .carousel-control { opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear; }
.awards_modal .carousel-inner > .item.active > div .carousel-control { opacity: 1; }
.absolute_center { position: absolute;left: 0;right: 0;  margin: auto;top: 0;  bottom: 0;}
.ktcmodal .modal-dialog { position: relative; }
.ktcmodal .beforebtn,
.ktcmodal .afterbtn { width:35px;height:35px;position: absolute;margin:auto;top: 0;bottom: 0; }
.ktcmodal .afterbtn { right:-35px; }
.ktcmodal .beforebtn { left:-35px; }
.slider { overflow: hidden; }
.page_sub_menu ul.search_menu ul { position: static;display: block;background:none;border:0; }
.page_sub_menu ul.search_menu > li > a { color:#444; }
.page_sub_menu ul.search_menu .menusearch { display: none; }
.service_short_desc_wrapper { text-align: justify; }
#overall_content_wrapper { background-color:#FFF;background-size:100% auto;background-position: center bottom; }

@media (max-width: 1200px) {
  #main_menu_nav > ul > li > a { font-size:18px; }
}

@media (max-width: 991px) {
  #mymenubtn { float: right;top: 0;right: 0;width: 40px;height: 50px;text-align: center;line-height: 40px;font-size: 2rem;cursor: pointer;user-select: none;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;display: block;padding: 35px 10px;z-index: 100; }
  #mobile_nav_wrapper { padding-top:95px;background:#FFF;position: fixed;top: 0;left: 0;right: 0;bottom: 0;height: 0;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;overflow: hidden; }
  .icon-close { float: right;top: 0;right: 0;width: 40px;height: 50px;text-align: center;line-height: 40px;font-size: 2rem;cursor: pointer;user-select: none;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;display: block;padding: 16px 10px;z-index: 2; }
  .icon-close span { display: block;position: relative;width: 100%;opacity: 1;left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;background:#333;height: 4px; }
  .icon-close span:nth-child(1) {transform-origin: left center;margin-bottom: 3px;}
  .icon-close span:nth-child(2) {transform-origin: left center;margin-bottom: 3px;}
  .icon-close span:nth-child(3) {transform-origin: left center;}
  .icon-close.is_clicked span:nth-child(1) {transform: rotate(45deg);left: 3px;}
  .icon-close.is_clicked span:nth-child(2) {width: 0%;opacity: 0;}
  .icon-close.is_clicked span:nth-child(3) {transform: rotate(-45deg);left: 3px;}
  #mobile_nav_wrapper.is_clicked { height:100%; }
  header { position: fixed;left:0;right:0;top:0;z-index: 1039; }
  body { padding-top:95px; }
  #mobile_nav_wrapper.is_clicked #main_menu_nav { overflow-y: auto;max-height: 100%; }
  #main_menu_nav { margin:0; }
  #main_menu_nav > ul > li.current-menu-parent > a:before,
  #main_menu_nav > ul > li.current-menu-item > a:before, #main_menu_nav > ul > li:hover > a:before { content:none; }
  #main_menu_nav > ul > li { display: block; }
  #main_menu_nav > ul > li > a { text-align: center;line-height: 2.2;font-weight: bold;text-transform: uppercase; }
  #main_menu_nav > ul > li > ul.sub-menu { position: static;width:100%;display: block;left:0;-webkit-transform: none;-moz-transform: none;transform: none; }
  #main_menu_nav > ul > li > ul.sub-menu > li > a { background:#efefef; }
  .menusearch { display: none!important; }
  .mobile_marginzero { margin:0; }
  .whitebox { display: block; }
  .page_sub_menu ul { text-align: left; }
  .page_sub_menu ul.dropdownlisting { text-align:right; }
  .page_sub_menu ul.dropdownlisting ul { display: block;position: relative; }
  .page_sub_menu ul.dropdownlisting > li:first-child.current-menu-item > a,
  .page_sub_menu ul.dropdownlisting > li > a ,
  .page_sub_menu ul.dropdownlisting ul > li > a,
  .page_sub_menu ul.dropdownlisting li:first-child.current-menu-item ul > li > a { padding:8px; }
  .searchform { padding: 0 15px; }
}


@media (max-width: 767px) {
  .leftlayer { background:rgba(255, 255, 255, 0.7); }
  .mobilepaddingtop { padding-top:50px; }
  #mymenubtn { position: fixed;right: 15px;top: 0;padding:20px 10px; }
  #logo > img { height:35px; }
  header { height:65px; }
  #mobile_nav_wrapper,
  body { padding-top:65px; }
  .copyright,
  .designedby,
  #footer_menu_nav { text-align:center; }
  .designedby { margin-top:15px; }
  /*.home_banner > .desktoptable,*/
  .page_banner { height: 250px; }
  ul.timeline:before {left: 40px;}
  ul.timeline li { text-align: left; }
  ul.timeline li .timeline-panel {width: calc(100% - 50px);width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);}

  ul.timeline li .tl-circ {left: 22px;margin-left: -8px;}

  ul.timeline > li > .timeline-panel {float: right;}

  ul.timeline > li > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}

  ul.timeline > li > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
  .desktoptable > div.contact_cell > input,
  .desktoptable > div.contact_cell .pull-left { float:none!important; }
  .desktoptable > div.contact_cell > input { margin-top:20px; }
  .g-recaptcha { transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; }
}

@media (min-width: 768px) {
.whitebox { max-width: 280px; }
.desktoptable::before, .desktoptable::after { content:none; }
.desktoptable { display: table;table-layout: fixed;width:100%;margin:0; }
.desktoptable > div { float:none;display: table-cell;position: relative;vertical-align: top; }
.desktoptable > div.policydt_wrapper{padding: 0;vertical-align: middle;}
.desktoptable > div.homepage_video_cell { padding:0; }
.desktoptable > div.contact_cell { padding:0;vertical-align: bottom; }
.desktoptable > div.contact_cell > input { margin-bottom: 0; }
.desktoptable > div.homepage_about_us_cell { vertical-align: bottom; }
.quote_wrapper { position: absolute;left:0;top:0;bottom:0;right:0; }
.timeline li .timeline-panel { margin-top:-12px; }
.timeline li .timeline-panel:before { content:''; }
.milestones-content:before, .milestones-content:after { content:'';position: absolute;background:#e11e26;height:3px;width:15px;left:0;right:0;margin:auto;z-index:1; }

.designedby, .copyright { line-height: 20px; }
.home_banner > .desktoptable { height: 600px; }
.home_banner .leftlayer {height: 100%;}
	footer {position:absolute;bottom:0;width:100%;height:60px;}
	#overall_content_wrapper { min-height: 100%;position: relative;padding-bottom: 60px; }
	html, body { height:100%; }
}


@media (min-width: 992px) {
  .searchform { display: none;position: absolute;z-index: 100;right: 0;padding: 0 15px;background: #FFF;top: 95px;}
}

.quote_wrapper{
	display: table;
	width: 100%;
}