/*

Theme Name: Firstcom Solutions

Author: Firstcom Solutions

Author URI: http://firstcom.com.sg/

Version: 1.0

*/







/*  Font Embedding */



/*

@font-face {

    font-family: 'HelveticaNeue';

    src: url('fonts/HelveticaNeue.woff') format('woff'),

         url('fonts/HelveticaNeue.ttf') format('truetype');

}

*/



@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300');



/* General / Foundation Overrides */



/* Foundation container size */

.row{

    max-width: 1050px;

}


body{

    /* Uncomment this to make the website unresponsive, and use small columns in the html */

    /* min-width: 1050px; */

    font-family: Open Sans;

    color: #4d4d4f;

    font-size: 16px;

}



body p,

body li{

    color: #222222;

    font-size: 14px;

}

body p,

body li{

	font-family: Open Sans;

    color: #4d4d4f;

    font-size: 16px;

}

body a{

    color: inherit;

}



body a:hover,

body a:focus{

    color: #343453;

}



body input,

body textarea{

    margin-bottom: 8px;

}



textarea,

textarea[rows]{

    height: 100px;

}



.margin-bottom-small{

    margin-bottom: 15px;

}



.margin-bottom-medium{

    margin-bottom: 30px;

}



.margin-bottom-large{

    margin-bottom: 60px;

}



.margin-top-small{

    margin-top: 15px;

}



.margin-top-medium{

    margin-top: 30px;

}



.margin-top-large{

    margin-top: 60px;

}





/* WordPress TinyMCE */

/* These styles are required for alignment to work */



img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }







/* Wordpress Plugins - Contact Form 7 */



.wpcf7-form-control-wrap{

    width: 100%;

}



.wpcf7-not-valid-tip{

    margin-bottom: 10px;

}



.wpcf7-response-output{

	margin: 0 !important;

}







/* Wordpress Plugins - Slider Revolution */

/* Arrows and Bullets */



/*

.tp-leftarrow{

    width: 18px !important;

    height: 28px !important;

    background-image: url() !important;

}



.tp-rightarrow{

    width: 18px !important;

    height: 28px !important;

    background-image: url() !important;

}



.tp-bullets.simplebullets.round .bullet{

    border-radius: 50%;

    background: none;

    background-color: white;

    border: none;

    width: 14px;

    height: 14px;

    margin: 0 8px;

}



.tp-bullets.simplebullets.round .bullet.selected{

    border-radius: 50%;

    background: none;

    background-color: red;

    border: none;

    width: 14px;

    height: 14px;

}

*/







/* Header & Menu */



header{

    background-color: #fff;

    padding: 10px 0;

}



#logo{

    display: inline-block;

}



.menu{

    list-style-type: none;

    margin: 0;

    margin-top: 30px;

    width: 100%;

    font-family: Open Sans;

    font-size: 13px;
    
padding-bottom: 20px;

}



.menu a{

    color: #222222;

}



.menu > li{

    display: inline-block;

    margin-right: 20px;

    position: relative;

}



.menu > li:last-child{

    margin-left: 0;

}



.menu > li:hover > a,

.menu > .current-menu-item > a,

.menu > .current-menu-parent > a,

.menu > .current_page_ancestor > a{

    text-decoration: underline;

}



.menu .sub-menu{

    display: none;

    list-style-type: none;

    margin: 0;

}



.menu > .menu-item-has-children:hover > .sub-menu{

    display: block;

    position: absolute;

}



.menu .sub-menu > li {

    display: block;

    background: white;

    width: 100px;

    text-align: left;

}



.menu .sub-menu > li > a {

    display: block;

    padding: 5px 10px;

}







/* Footer * Copyright */



footer{

    background-color: #a8a8a8;

    padding: 20px 0;

}



.copyright{

    text-align: center;

    font-size: 12px;

}







/* Content */



.slider{

    

}



.home-content{

    padding: 50px 0;

    background-color: white;

}



.gmap iframe{

    width: 100%;

    height: 300px;

    line-height: 0;

}



.footer-con{

    background-color: #1a3761;

    height: 70px;

}



.footer-copyright-text{

    font-family: Open Sans;

    font-size:12px;

    color: #fff;

    padding-top: 24px;

}



.terms-policy{

        font-family: Open Sans;

    font-size:12px;

    color: #fff;

    padding-top: 24px;

}



.menu > li:hover > a, .menu > .current-menu-item > a, .menu > .current-menu-parent > a, .menu > .current_page_ancestor > a{

    text-decoration: none;

    padding-bottom: 0;

    border-bottom: 6px solid #afa06c; 

}



.banner-text-1{

    font-family: Open Sans Condensed;

    font-size: 48px;

    color: #4d4d4f;

    font-weight: bold;



}



.banner-text-2{

    font-family: Open Sans Condensed;

    font-size: 85.93px;

    color: #b1a27f;

    font-weight: bold;

}



.banner-text-3{

    font-family: open-sans.light;

    font-size: 30px;

    color: #4d4d4f;

    font-weight: normal;

}



.featured > .row{

    max-width: 100%;

}



.image1-text-pos{

    position: absolute; 

    right: 138px;

    top: 49px;

}



.dash{

    height: 5px;

    width: 94px;

    background-color: #fff;

    position: absolute;

    right: 222px;

    top: 80px;



}



.text-image1{

    color: #fff;

    font-family: Open Sans Condensed;

    font-size: 39.98px;

    font-weight: bold;

}



.text2-image1{

    color: #fff;

    font-family: Open Sans Condensed;

    font-size: 72.96px;

    font-weight: bold;  

}

.text3-image1{

    color: #fff;

    font-family: Open Sans Condensed;

    font-size: 39.98px;

    font-weight: bold;

}

.text2-image1-con{

    position: absolute;

    top: 27px;

    left: -107px;



}



        .text3-image1{

            position: absolute;

    top: 54px;

    left: -20px;

}



.home-hover{

       opacity: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

    /*top: 12px;*/

    /*left: 13px; */

}

.myheight
{
        height: 227px;
}
tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
    max-height: 484px !important;
    min-height: 484px !important;
    height: 484px !important;
}
.home-hover:hover {

    background-color: #1a4b8c;

    opacity: .9;

    background-image: url('img/icon01.png');

    background-position: 50% 30% ;

    background-repeat: no-repeat;

}



.hover-text{

    color: #fff;

    font-size: 18px;

    font-family: Open Sans;

}



.home-about-title1-text{

    font-family: Open Sans Condensed;

    font-size: 40px;

    color: #4d4d4f;

    font-weight: bold;



}



.home-about-title2-text{

    font-family: Open Sans Condensed;

    font-size: 73px;

    font-weight: bold;

    color: #a79878;

}



.dash-about{

    height: 5px;

    width: 94px;

    background-color: #4d4d4f;

    position: relative;

    right: -1px;

    top: 33px;



}



.home-about-title1{

    position: relative;

    left: 105px;

}



.about-con{

    margin-top: 37px;

    padding-left: 92px;

}



.home-about-title2{

    position: relative;

    top: -59px;

}



.home-about-read-more{

    height: 46px;

    width: 120px;

    background-image: url('img/ChoonInsulation_03.png');

}



.about-phar-1{

    font-size: 16px;

    font-family: Open Sans;

    color: #4d4d4f;

}



.home-pages > .row{

    max-width: 100%;

}



/*.pic1{

    padding-right: 5px;

}*/



@media only screen {

  .row .columns, .row .column {

    padding-left: 5px; /* change the values to anything that you want */

    padding-right: 5px;

  }

}



.service-text-pos{



}



.home-service-feat-con{

    position:absolute;

}



.dash-home-services{

    height: 5px;

    width: 75px;

    background-color: #fff;

    position: relative;

    left: 50px;

    top: 50px;



}



.service-text1{

    font-family: Open Sans Condensed;

    font-weight: bold;

    font-size: 40px;

    color: #fff;

}



.service-text1-pos{
    position: absolute;
    left:135px;
    top: 15px;
    width: 100%;
}



.service-text2{

    font-family: Open Sans Condensed;

    font-weight: bold;

    font-size: 4em;

    color: #a79878;   

}



.service-text2-pos{

    position: relative;

    left: 50px;

    top: 41px;



}



.home-service-viewmore-pos{

    position: relative;

    left: 50px;

    top: 20px;



}



.home-service-viewmore{

    height: 45px;

    width: 116px;

    background-image: url('img/viewmore_05.png');

}



.dash-about-page{

    height: 5px;

    width: 94px;

    background-color: #4d4d4f;

    position: relative;

    top: 35px;

    left: 64px;

}



.about-page-title-pos{

    position: relative;

    left: 174px;



}



.about-page-title{

    font-family: Open Sans Condensed;

    font-size: 40px;

    color: #4d4d4f;

    font-weight: bold;

}



.margin-about-page{

    margin-right: 50px;

}



.about-page-title2{

    font-family: Open Sans Condensed;

    font-size: 73px;

    color: #a79878;

    font-weight: bold;

}



.about-page-title2-pos{

    position: relative;

    top: -52px;

    left: 57px;

}



.about-content{

    font-family: Open Sans;

    font-size: 16px;

    color: #4d4d4f;

}



input[type="submit"]{

    height: 41px;

    width: 115px;

    background-image: url('img/submitform_03.png');

    background-color: #fff;

    border: none;

    position: relative;

    position: relative;

    top: 33px;

}



.contact-company-name{

    font-family: Open Sans;

    font-size: 23.98px;

    color: #a79878;

    font-weight: normal;

}



.address{

    font-style: normal;

    font-family: Open Sans;

    font-size: 15.28px;

    color: #4d4d4f;



}



.number{

    font-style: normal;

    font-family: Open Sans;

    font-size: 15.28px;

    color: #4d4d4f;

    font-weight: normal;

}



.contact{

    color: #a79878;

    font-family: Open Sans;

    font-size: 15.28px; 

}



.email{

    color: #a79878;

}



.contact-message{

    color: #4d4d4f;

    font-family: Open Sans;

    font-size: 16px; 

}



.services-title{

    font-family: Open Sans Condensed;

    color: #4d4d4f;

    font-size: 30px;

    font-weight: bold;

}


.services-info-holder {     padding-left: 2em;
    width: 94%;     margin-bottom: 1em;}
.services-info-holder ol li {    padding: .5em 0; }
.services-title-des{

    font-family: Open Sans;

    color: #4d4d4f;

    font-size: 16px;

}



.services-info-title{

    font-family: Open Sans;

    font-weight: bold;

    color: #4d4d4f;

    font-size: 18px;

}



.info-cat{

    font-family: Open Sans;
    color: #4d4d4f;
    font-size: 16px;
    margin: 0.5em 0em;

}



li span { 

    position: relative; 


}



.service-title3{

    font-family: Open Sans Condensed;

    color: #4d4d4f;

    font-size: 30.05px;

    font-weight: bold;

}



.slick-next{

    display: inline-block;

    position: absolute;

    right:20px;

    top: 45%;

    background-image: url('img/arrow01.png');

    width: 15px;

    height: 28px;
	color: transparent !important;
	 background-repeat: no-repeat;
	background-color: transparent;
	    background-position: right;
}



.slick-prev{

    display: inline-block;

    position: absolute;

    left: 20px;

    top: 45%;

    background-image: url('img/prev.png');

    width: 15px;

    height: 28px;
    color: transparent !important;
	    background-repeat: no-repeat;
	background-color: transparent;
	z-index: 1;

}

.slick-next:hover, .slick-prev:hover, .slick-next:active, .slick-prev:active,button, .button, button:active, .button:active, button:hover, .button:hover{

	background-color: transparent !important;
        border: 0 !important
}

.gray-div{

    height: 190px;

    width: 181px;

    background-color: transparent;

    float: right;

    position: relative;

    right: 57px;

}



.project-image-con{

    height: 190px;

    width: 500px;



}



.overlay-image {
    background-color: transparent;
    position: absolute;
    width: 172px;
    height: 161px;
    /*right: -193px;*/
    z-index: 99;
    top: 14px;
    opacity: .8;
    float: left;
}



.project-image-text{

    font-family: Open Sans;

    color: #1a3761;

    font-size: 16px;

}



.project-image-text2{

    font-family: Open Sans;

    color: black;

    font-size: 14.02px;

    margin-top: 20px;

}

.contact-field{
    background: transparent;
    border: solid 1px;
}
.rm-style{
    list-style-type: none;
}
.contact-messages{
    background: transparent; 
    display:table-cell; 
    width:100%;
    border: solid 1px;
}
.modal-slick-img{
    width: 100%;
}
.nopadding{
    padding: 0px;
}
.modal-padding{
    padding: 1em;
}
.click-to-enlarge{

    font-family: Open Sans;
    color: #1a3761;
    font-size: 14.02px;
    margin: 0em;
}
.client-col{
    padding-left: 1em !important;
    padding-right: 1em !important;
}
.fancybox-title  .child { display:none; }
.content-clientel {     padding: 0 1em;}

.item-clientel { vertical-align: top;   width: 100%;
    display: inline-block;  }
.content-clientel ol li {    font-size: 14.02px; }
.content-clientel ul li {    font-size: 14.02px; }
.cat-con{

    height: 33px;

    width: 906px;

    border-top: solid 1px #a79878;

    border-bottom: solid 1px #9b9b9b;

    position: relative;

}



@media only screen and (max-width: 1024px) { 

    .menu > li{

        display: table;

        padding: 3%;

        margin-left: 10%



    }

        .menu > li:last-child{

       

        margin-left: 10%



    }



}



li.cat-item { 

    font-weight: bold;

    font-size: 20px;

    font-family: Open Sans Condensed;

    color: #4d4d4f;

    margin:auto;

    padding-left: 17px;

    padding-right: 17px;

    border-right: 2px solid #4d4d4f;



 }



 li.cat-item-11{

    border-right: none;

 }



 .cat-item-13{

    padding-left: 0px !important;

 }



 body a:hover, body a:focus{

    color: #a79878;

 }



 .product-text{



 }



 .white-div{

    height: 6px;

    width: 906px;

    background-color: #fff;

    position: absolute;

    z-index: 99;

 }



 .white-div2{

    height: 6px;

    width: 906px;

    background-color: #fff;

    position: absolute;

    z-index: 99;

    bottom: 0px;

}



.product-cat-title{

    font-family: Open Sans;

    font-size: 18px;

    color: #4d4d4f;

}

.d_img{
	height: 190px;
	width: 262px;
        float: right;
}
.fancybox-title-float-wrap{
    bottom: -16px;
    right: 247px;
}


.fancybox-inner{
    width: 529px;
    height: 360px;
}

.fancybox-skin{
    width: 533px;
}

ul.pagination li.current a, ul.pagination li.current button{
    background: #1a3761;
}

p{
	font-family: Open Sans;

    color: #4d4d4f;

    font-size: 16px;
}

div.mobile_view > ul.menu > li.menu-item > a{
    color: white;
}

#toTop{
    position: fixed;
    bottom: 0px;
    left: 50%;
    z-index: 99;
    display: none;
    cursor: pointer;
    cursor: hand;
}
.menu .sub-menu > li{
     width: 200px !important;
}

@media(max-width: 1920px){

	/*tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {*/
	/*	max-height: 683px !important;*/
	/*	min-height: 683px !important;*/
	/*	height: 683px !important;*/
	/*}*/
}
@media(max-width: 1680px){

	/*tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {*/
	/*	max-height: 597px !important;*/
	/*	min-height: 597px !important;*/
	/*	height: 597px !important;*/
	/*}*/
}
@media(max-width: 1600px){

	/*tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {*/
	/*	max-height: 569px !important;*/
	/*	min-height: 569px !important;*/
	/*	height: 569px !important;*/
	/*}*/
}
@media(max-width: 1440px){

	/*tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {*/
	/*	max-height: 511px !important;*/
	/*	min-height: 511px !important;*/
	/*	height: 511px !important;*/
	/*}*/
}
@media(max-width: 1366px){

	/*tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {*/
	/*	max-height: 484px !important;*/
	/*	min-height: 484px !important;*/
	/*	height: 484px !important;*/
	/*}*/
}
@media(max-width: 1280px){

	/*tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {*/
	/*	max-height: 453px !important;*/
	/*	min-height: 453px !important;*/
	/*	height: 453px !important;*/
	/*}*/
}
@media(max-width: 1024px){
	.paddingslide{
		padding-left: 3em;
	}
	#logo{
		padding-left: 2em;
	}
	.about-con{
		padding-left: 5em !important;
	}
	.padding1em{

		padding: 1em;
	}
	.for-none{
		display: none;
	}
	.d_img{
		width: 45% !important;
		height: auto;
	}
.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
		margin-bottom: 20px !important;
	}
}
@media(max-width: 800px){
.about-con {
    padding-left: 2em !important;
}
.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img, .tp-bgimg, .defaultimg, .slotholder, .rev_slider, .tp-revslider-slidesli, .active-revslide, .rev_slider_wrapper, .fullwidthbanner-container, .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
		margin-bottom: 20px !important;
	}
}
.banner-text-2{
	font-size: 65px;
}
@media(max-width: 768px){
	.about-phar-1 {
    		font-size: 16px;
   		 font-family: Open Sans;
   		 color: #4d4d4f;
   		 padding-top: 6em;
   		 margin-left: -50px;
   		 width: 80%;
	}
}
@media(max-width: 480px){
	#rev_slider_1_1_wrapper{
		display: none;
	}
}
@media(max-width: 414px){
	.banner-text-2{
		font-size: 45px;
	}
	.banner-text-1{
		font-size: 40px;
	}
	.banner-text-3{
		font-size: 25px;
	}
	#rev_slider_1_1_wrapper{
		display: none;
	}
	.about-phar-1 {
    		font-size: 16px;
   		 font-family: Open Sans;
   		 color: #4d4d4f;
   		 padding-top: 6em;
   		 margin-left: -50px;
   		 width: 100%;
	}
	.about-con{
		padding-left: 2em !important;
	}
}

@media(max-width: 412px){
	#rev_slider_1_1_wrapper{
		display: none;
	}
}
@media(max-width: 412px){
	#rev_slider_1_1_wrapper{
		display: none;
	}
}
@media(max-width: 360px){
	.paddingslide{
		padding-left: 1em;
	}
	.banner-text-2{
		font-size: 40px;
	}
	.banner-text-1{
		font-size: 35px;
	}
	.banner-text-3{
		font-size: 20px;
	}
	#rev_slider_1_1_wrapper{
		display: none !important;
	}
	.about-phar-1 {
    		font-size: 16px;
   		 font-family: Open Sans;
   		 color: #4d4d4f;
   		 padding-top: 6em;
   		 margin-left: -50px;
   		 width: 100%;
	}
	.about-con{
		padding-left: 2em !important;
	}
	.home-about-title2-text {
	    font-size: 45px;
	}
	.home-about-title1-text {
    		font-size: 27px;
    		padding-bottom: 1em;
	}
}
@media(max-width: 320px){
	#rev_slider_1_1_wrapper{
		display: none;
	}
}


.large-3 img{
	width: 90%;
}