/* CSS Document */

/*

* Skeleton V1.1

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 8/17/2011

*/





/* Table of Contents

==================================================

    #Base 960 Grid

    #Tablet (Portrait)

    #Mobile (Portrait)

    #Mobile (Landscape)

    #Clearing */







/* #Base 960 Grid

================================================== */



    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }

    .container .column,

    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    .row                                        { margin-bottom: 20px; }



    /* Nested Column Classes */

    .column.alpha, .columns.alpha               { margin-left: 0; }

    .column.omega, .columns.omega               { margin-right: 0; }



    /* Base Grid */

    .container .one.column,

    .container .one.columns                     { width: 40px;  }

    .container .two.columns                     { width: 100px; }

    .container .three.columns                   { width: 160px; }

    .container .four.columns                    { width: 220px; }

    .container .five.columns                    { width: 280px; }

    .container .six.columns                     { width: 340px; }

    .container .seven.columns                   { width: 400px; }

    .container .eight.columns                   { width: 460px; }

    .container .nine.columns                    { width: 520px; }

    .container .ten.columns                     { width: 580px; }

    .container .eleven.columns                  { width: 640px; }

    .container .twelve.columns                  { width: 700px; }

    .container .thirteen.columns                { width: 760px; }

    .container .fourteen.columns                { width: 820px; }

    .container .fifteen.columns                 { width: 880px; }

    .container .sixteen.columns                 { width: 940px; }



    .container .one-third.column                { width: 300px; }

    .container .two-thirds.column               { width: 620px; }



    /* Offsets */

    .container .offset-by-one                   { padding-left: 60px;  }

    .container .offset-by-two                   { padding-left: 120px; }

    .container .offset-by-three                 { padding-left: 180px; }

    .container .offset-by-four                  { padding-left: 240px; }

    .container .offset-by-five                  { padding-left: 300px; }

    .container .offset-by-six                   { padding-left: 360px; }

    .container .offset-by-seven                 { padding-left: 420px; }

    .container .offset-by-eight                 { padding-left: 480px; }

    .container .offset-by-nine                  { padding-left: 540px; }

    .container .offset-by-ten                   { padding-left: 600px; }

    .container .offset-by-eleven                { padding-left: 660px; }

    .container .offset-by-twelve                { padding-left: 720px; }

    .container .offset-by-thirteen              { padding-left: 780px; }

    .container .offset-by-fourteen              { padding-left: 840px; }

    .container .offset-by-fifteen               { padding-left: 900px; }







/* #Tablet (Portrait)

================================================== */



    /* Note: Design for a width of 768px */



    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .container                                  { width: 748px;}

        .container .column,

        .container .columns                         { margin-left: 10px; margin-right: 10px;  }

        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }

        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .alpha.omega                                { margin-left: 0; margin-right: 0; }



        .container .one.column,

        .container .one.columns                     { width: 28px; }

        .container .two.columns                     { width: 76px; }

        .container .three.columns                   { width: 124px; }

        .container .four.columns                    { width: 167px; }

        .container .five.columns                    { width: 220px; }

        .container .six.columns                     { width: 268px; }

        .container .seven.columns                   { width: 316px; }

        .container .eight.columns                   { width: 364px; }

        .container .nine.columns                    { width: 412px; }

        .container .ten.columns                     { width: 460px; }

        .container .eleven.columns                  { width: 508px; }

        .container .twelve.columns                  { width: 556px; }

        .container .thirteen.columns                { width: 604px; }

        .container .fourteen.columns                { width: 652px; }

        .container .fifteen.columns                 { width: 700px; }

        .container .sixteen.columns                 { width: 748px; }



        .container .one-third.column                { width: 236px; }

        .container .two-thirds.column               { width: 492px; }



        /* Offsets */

        .container .offset-by-one                   { padding-left: 48px; }

        .container .offset-by-two                   { padding-left: 96px; }

        .container .offset-by-three                 { padding-left: 144px; }

        .container .offset-by-four                  { padding-left: 192px; }

        .container .offset-by-five                  { padding-left: 240px; }

        .container .offset-by-six                   { padding-left: 288px; }

        .container .offset-by-seven                 { padding-left: 336px; }

        .container .offset-by-eight                 { padding-left: 384px; }

        .container .offset-by-nine                  { padding-left: 432px; }

        .container .offset-by-ten                   { padding-left: 480px; }

        .container .offset-by-eleven                { padding-left: 528px; }

        .container .offset-by-twelve                { padding-left: 576px; }

        .container .offset-by-thirteen              { padding-left: 624px; }

        .container .offset-by-fourteen              { padding-left: 672px; }

        .container .offset-by-fifteen               { padding-left: 720px; }

		

		

		.full-img-column-img-con{

			height:273px !important;	

		}

		

		.iview-controlNav {

			bottom:-42px !important;

			left:-2px !important;

		}

		

		.our-team-class{

			min-height:	210px !important;

		}



    }





/*  #Mobile (Portrait)

================================================== */



    /* Note: Design for a width of 320px */



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

       /* .container { width: 280px; }*/
	    .container { width: 98%; }

        .container .columns,

        .container .column { margin: 0; }



        .container .one.column,

        .container .one.columns,

        .container .two.columns,

        .container .three.columns,

        .container .four.columns,

        .container .five.columns,

        .container .six.columns,

        .container .seven.columns,

        .container .eight.columns,

        .container .nine.columns,

        .container .ten.columns,

        .container .eleven.columns,

        .container .twelve.columns,

        .container .thirteen.columns,

        .container .fourteen.columns,

        .container .fifteen.columns,

        .container .sixteen.columns,

        .container .one-third.column,

        .container .two-thirds.column  { width: 280px; }



        /* Offsets */

        .container .offset-by-one,

        .container .offset-by-two,

        .container .offset-by-three,

        .container .offset-by-four,

        .container .offset-by-five,

        .container .offset-by-six,

        .container .offset-by-seven,

        .container .offset-by-eight,

        .container .offset-by-nine,

        .container .offset-by-ten,

        .container .offset-by-eleven,

        .container .offset-by-twelve,

        .container .offset-by-thirteen,

        .container .offset-by-fourteen,

        .container .offset-by-fifteen { padding-left: 0; }

		

		  .six-column{

			  display:block !important;

			  /*

			margin-right:auto !important;  

			margin-left:auto !important;

			float:none !important;

			*/

		  }



		  .home-products-container > .view{

			float:none;

			margin:10px auto;

		  }



		  .home-products-container{

			/*margin:0px auto !important;*/

			/*width:300px !important;*/

		  }





    }





/* #Mobile (Landscape)

================================================== */



    /* Note: Design for a width of 480px */



    @media only screen and (min-width: 480px) and (max-width: 567px) {

        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
		  .header-text-container > span.left, .header-text-container > span.right{width:20% !important;}	  
		  .header-text-container > span.left{	  }
		    .two-col-gallery{width:330px !important;margin:0px auto;display:block;}		 
		.six-col-gallery{width:350px !important;margin:0px auto;display:block;}

    }




    @media only screen and (min-width: 568px) and (max-width: 767px) {

        .container { width: 540px; }
        .container .columns,
        .container .column { margin: 0; }
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 540px; }
		  .header-text-container > span.left, .header-text-container > span.right{width:20% !important;}	  
		  .header-text-container > span.left{	  }
		    .two-col-gallery{width:330px !important;margin:0px auto;display:block;}		 
		.six-col-gallery{width:350px !important;margin:0px auto;display:block;}

    }


   

/* #Clearing

================================================== */



    /* Self Clearing Goodness */

    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



    /* Use clearfix class on parent to clear nested columns,

    or wrap each row of columns in a <div class="row"> */

    .clearfix:before,

    .clearfix:after,

    .row:before,

    .row:after {

      content: '\0020';

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0; }

    .row:after,

    .clearfix:after {

      clear: both; }

    .row,

    .clearfix {

      zoom: 1; }



    /* You can also use a <br class="clear" /> to clear columns */

    .clear {

      clear: both;

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0;

    }



























.nav select {

  display: none;

}





@media (max-width: 800px) {

	

	.container .eight.columns{width:100%; margin-left:0px; margin-right:0px;}

	

	.boxed-layout{

		width:100% !important;

		border:none !important;

		box-shadow:none !important;

		-webkit-box-shadow: none !important;

		-moz-box-shadow:    none !important;

	}

	

  .nav ul, ul.nav li     { display: none; }

  .nav select { display: block; }

  .header-text-container .view-all{

	width:20% !important;  

  }

  /*

  .wrapper{

	width:400px !important;  

  }

  */

  .header-text-container > span.left, .header-text-container > span.right{

		/*width:10% !important;*/

  }

  

  .view-first a.info {

	  opacity:1 !important;  

	  top:50% !important;

	  border-radius:3px;

	  /*bottom:5px !important;*/

  }



  .icemag-basic-slider, .icemag-basic-slider-copy, .icemag-basic-slider-fullwidth, .icemag-basic-slider-copy-fullwidth{

	width:100% !important;  

	margin:0px auto !important;

	clear:both;

  }

  

  .icemag-basic-slider-container{

	width:100% !important;  

  }

  

  .slide{

	width:100% !important;  

	margin:0px auto !important;

  }

  

  .icemag-basic-slider-copy-fullwidth .icemag-basic-slider-container-fullwidth .slideInner{

	  width:100% !important;

  }

  .icemag-basic-slider-fullwidth .icemag-basic-slider-container-fullwidth{

	  width:100% !important;

  }

  

  .small-dots{

	display:none !important;  

  }

  

  

	.iconic-text-boxed{

		width:100% !important;	

	}

  

  

  	#icemag-search input[type="search"]{

		width:140px !important;

		padding-left:32px !important;	

		color:#666666 !important;

	}

	



  

  

  

  

  	#body-container-small {

		height:130px !important	;

		border-bottom:none !important;

	}

	

	

	#header-top{

		height:80px !important;	

	}

  

  

  #header{

		height:auto !important;  

  }

  

  #header-top > .container{

	  padding-top:6px !important;

  }

  

  

  #header-top .top-right{

	  /*position:absolute !important;*/

	  margin:0px auto !important;

	  float:none !important;

	  /*width:530px !important;*/

	  width:100% !important;

  }

    

  .nav{

	background:none;

	float:none;  

	margin-top:0px;

	max-width:800px !important;

	top:0px !important;

  }

  /*

  .nav >select{

	width:80%;

	margin:0px auto !important;

  }

  */

  #footer-bottom .left, #footer-bottom .right, .menu-footer-bottom-menu-container{

	float:none !important;  

	margin-bottom:10px !important;

	text-align:center !important;

  }

  

  .menu-footer-bottom-menu{

	display:block;  

  }

  

  .menu-footer-bottom-menu-container ul li{

	float:none !important;

	text-align:center;

	display:block;

  }

  

  .nav > ul{

	width:5px;  

  }

  

  #header > #logo{

	  /*position:absolute;

	  top:50px;

	  left:100px;*/

	  /*margin:0px auto !important;*/

	  display:block;

	  float:left !important;

	 /* margin:0px auto;*/

  }

  

  

  .view-first .mask{

	background-color: rgba(55, 55, 55, 0) !important;  

	  opacity:1 !important;  

  }

  

  .jms-slideshow, #jms-slideshow, .jms-wrapper .step{

	  max-width:800px !important;

	  /*width:100% !important;*/

	  margin:-10px auto !important;

	  padding:0px !important;

	  left:0px !important;

	  /*width:100% !important;*/

  }

  

  .jms-wrapper .step{

	width:640px !important;  

	height:auto !important;

	top:0px !important;

  }

  

  .jms-slideshow img{

	/*margin:-20px 100px 0px 10px !important; */

	width:200px;

	display:none !important;

  }

  

  .jms-content{

	  margin:0px !important;

	  width:100%;

  }

  

  .jms-link{

	font-size:13px !important;  

  }

  

  .jms-content h3{

	  font-size:34px !important;

  }

  

  .jms-content p{

	font-size:24px !important;  

  }



  

  .jms-wrapper{

	height:240px !important;  

  }

  

  .icemag-slider-container{

	height:240px !important;  

  }

  

  .text-box-five{

	width:100% !important;  

	text-align:left !important;

	height:auto !important;

	margin-left:10px !important;

  }

  

  .text-box-five div{

	  margin:auto;

	  margin-right:10px;

	float:left !important;  

  }

  

  .two-column{

	margin:10px auto !important;

	float:none !important;  

	display:block !important;

  }

  

  

  .two-col-gallery{

	width:650px;

	margin:0px auto;

	display:block;

  }

  

  			 .four-col-gallery{

				width:720px !important;

				margin:0px auto;

				display:block;

			 }



	.six-col-gallery{

		width:640px !important;

		margin:0px auto;

		display:block;

	}

	

	

	.sidebar{

		width: 560px !important;

		float:none !important;

		margin:0px auto;	

		/*margin-right:5px;

		margin-left:5px;*/

		font-size:14px;

		color:#666666;

		letter-spacing:-1px;

		margin-bottom:40px;

		/*border:1px icemag #ec4f2c;*/

	}

	

	.sidebar > li{

		width:100% !important;

		float:none !important;

		clear:none !important;

		margin-bottom:45px !important;

		display:block;

		position:relative;

		margin-right:10px;

		margin-bottom:10px;

	}

	

	.main-sidebar{

		/*width:768px !important;	*/

		/*width:95%;*/

		float:none !important;

		/*margin:none !important;*/

		margin:0px auto !important;

	}



	.product-columns-response{

		width:640px !important;

		float:none !important;

		margin:0 auto !important;

	}

	

	.product-columns-response-four{

		width:720px !important;

		float:none !important;

		margin:0 auto !important;

	}

	

		.iview-controlNav {

			bottom:-42px !important;

			left:-2px !important;

		}

		

		

	.full-products{

		width:720px !important;

		margin:10px auto 10px !important;	

	}

	

	#bgmp_map-canvas{

		width:100% !important;	

	}

	

	.nav{

		background:none !important;	

	}

	

	.main .products-holder .details-area{

		width:100% !important;	

	}





	.inproduct-four{

		margin:10px auto 18px !important;

		float:none !important;	

	}

	

	.full-img-column{

		width:100% !important;	

	}

	

	.details-area-in{

		width:70% !important;	

	}

	

	.details-area{

		height:auto !important;	

	}

	

	.details-area > hr{

		display:none !important;	

	}



}



@media (max-width: 640px){

	

  .icemag-basic-slider-copy-fullwidth .icemag-basic-slider-container-fullwidth .slideInner{

	  width:420px !important;

  }

    

  .icemag-basic-slider-copy-fullwidth .icemag-basic-slider-container-fullwidth .slide{

	width:310px !important;

	margin:0px auto !important;

	float:none !important;

	left:55px !important;

  }

  

  .icemag-basic-slider-copy .icemag-basic-slider-container .slideInner{

	  width:420px !important;

  }

  

  .icemag-basic-slider-copy .icemag-basic-slider-container .slide{

	width:310px !important;

	margin:0px auto !important;

	float:none !important;

	left:55px !important;

  }

	

	#header-top .top-left{

		display:none !important;	

	}

	

	.header-menu-shadow{

		height:90px !important;	

	}

	

	

	  #header-top .top-right{

		width:350px !important;

	  }

	  

  .boxed-info-field > .generalBtn{

	width:100% !important;  

	position:relative !important;

	right:0px !important;

	top:0px !important;

	display:block;

  }

  

  .boxed-info-field > .generalBtn{

	display:inline !important;  

	border:none !important;

  }

  

  .boxed-info-field > .generalBtn > a{

	display:inline-block !important;  

	width:100% !important;

	padding:5px 0px !important;

  }

  

  .iconic-text-boxed > div{

	  background-color:transparent !important;

  }

  

  .iconic-text-boxed > p{

	  padding-left:20px !important;

	  padding-bottom:20px !important;

  }

	  

	  /*

	  #icemag-search{

		margin-left:80px !important;  

	  }

	  */

	.nav{

		margin-top:5px !important;	

	}

	

	#icemag-search{

		width:140px;

		margin-top:30px;

		float:none !important;

		clear:both;

		/*margin-left:270px !important;*/

		top:10px !important;

		position:absolute !important;

		display:block;

	}

	

	#icemag-search > input{

		margin-left:10px !important;

	}

	  

	  

  			 .four-col-gallery{

				width:230px !important;

				margin:0px auto;

				display:block;

			 }

			 

	.four-column{

	/*margin:10px auto !important;

	float:none !important;  */

  }

  

	.six-col-gallery{

		width:320px !important;

		margin:0px auto;

		display:block;

	}

  

  .two-column{

	margin:10px auto 10px !important;

	float:none !important;  

	width:420px !important;

	display:block !important;

	position:relative;

  }

  

  .two-column-img{

	height:322px !important;  

  }

  

	.sidebar{

		width: 100% !important;

		float:none !important;

		margin:0px auto;	

		padding:10px;

		/*margin-right:5px;

		margin-left:5px;*/

		font-size:14px;

		color:#666666;

		letter-spacing:-1px;

		margin-bottom:40px;

		/*border:1px icemag #ec4f2c;*/

	}

	

	.sidebar > li{

		width:100% !important;

		float:none !important;

		clear:none !important;

		margin-bottom:45px !important;

		display:block;

		position:relative;

		margin-right:10px;

		margin-bottom:10px;

	}

	

	.product-columns-response{

		width:310px !important;

		float:none !important;

		margin:10px auto !important;

	}

	

	.product-columns-response-four{

		width:230px !important;

		float:none !important;

		margin:10px auto !important;

	}

	

	

	.main-sidebar{

		width:100% !important;

		/*width:768px !important;	*/

		/*width:95%;*/

		float:none !important;

		/*margin:none !important;*/

		margin:0px auto !important;

	}

	

	.products-holder .details-area{

		width:auto !important;	

	}





	.inproduct-four{

		margin:10px auto 18px !important;

		float:none !important;	

	}

	

	.full-img-column{

		width:100% !important;	

	}

	

	.details-area-in{

		width:auto !important;	

	}

	

	.details-area{

		height:auto !important;	

	}

	

	.details-area > hr{

		display:none !important;	

	}

	

	.full-img-column-img{

		height:184px !important;	

	}

	

	.full-img-column-img-con{

		height:153px !important;	

	}

	

	

	.toggle-holder{

		width:100% !important;	

	}

	

	.tabs-wrapper{

		width:100% !important;	

	}

	

	.hun-two, .hun-three, .hun-four, .hun-five, .hun-six{

		width:100% !important;

		margin-bottom:10px !important;

		margin-right:0px;

		margin-left:0px;

	}

	

	.full-products{

		width:100% !important;	

	}

	

	.tabs > li > a {

		display:block !important;

		/*width:100% !important;*/

	}

	

	.tabs > li:last-child {

		margin-bottom:0px !important;

	}

	

	.tabs{padding:0px !important; }

	

	

	li .inputs-class{

		margin-top:-3px !important;

	}

/*

	li #company.inputs-class{

		margin-top:10px !important;

	}*/

	

	.sidebar{

		width:400px !important;	

	}

	

  .text-box-five{

	margin-left:0px !important;

  }

  

    .jms-wrapper .step{

	width:400px !important;  

  }

  

  

  .jms-link{

	font-size:12px !important;  

  }

  



}





@media (max-width: 540px) {

	

    

    .two-column{

	margin:10px auto 10px !important;

	float:none !important;  

	width:420px !important;

	display:block !important;

	position:relative;

  }

  

  .two-column-img{

	height:322px !important;  

  }



  

}



@media (max-width: 479px) {

	.two-column{

		margin:10px auto 10px !important;

		float:none !important;  

		width:280px !important;

		display:block !important;

		position:relative;

	}



		  .two-column-img{

			height:214px !important;  

		  }

		  

		    .two-col-gallery{

			width:280px;

			margin:0px auto;

			display:block;

		  }

		  

		  .three-column{

			margin:10px auto 10px !important;

			float:none !important;  

			width:100% !important;

		  }

		  .three-column-img{

			height:217px !important;  

		  }

		  

		  .six-column{

			margin-right:auto !important;  

			margin-left:auto !important;

			float:none !important;

		  }

		  

	.six-col-gallery{

		width:150px !important;

		margin:0px auto;

		display:block;

	}

  

	.product-columns-response{

		width:280px !important;

		float:none !important;

		margin:10px auto !important;

	}

	

	.product-columns-response-four{

		width:230px !important;

		float:none !important;

		margin:10px auto !important;

	}





	.full-img-column-img{

		height:123px !important;	

	}

	

		.full-img-column-img-con{

			height:102px !important;	

		}



	.error-header{

		font-size:68px !important;

	}

	

	input.inputs-class{

		width:90%;

	}

		

	.inputs-class-num{

		width:265px !important;

	}

	

	.sidebar{

		width:260px !important;	

	}

}



@media (max-width:400px){

	    .jms-wrapper .step{

	width:280px !important;  

  }

  

  .jms-content{

	  width:100%;

  }

  

  .jms-link{

	font-size:10px !important;  

  }

  

  .jms-content h3{

	font-size:20px !important;  

  }

  

  .jms-content p{

	font-size:16px !important;  

  }

	

}



@media (max-width:360px){

	#icemag-search {

		width: 140px;

		margin-top: 30px;

		float: none !important;

		clear: both;

		/*margin-left: 55px !important;*/

	}	

	

	#header-top .top-right {

		width: 295px !important;

		margin-left:-15px !important;

	}

	

	.nav{

		margin-top:5px !important;	

	}

}



@media (max-width: 330px) {

		  .two-column-img{

			height:214px !important;  

		  }

		  

	.sidebar{

		width: 280px !important;

		padding:0 !important;

	}

	

	.testimonial-intext{

		width:200px !important;	

	}

	

	#fb-root iframe{

		max-width:200px !important;

		overflow: hidden;	

	}

	

	.blog-share{
		max-width:200px !important;
		display:block !important;
		float:none !important;
		overflow:hidden !important;
		margin-right:0px !important;
		margin-bottom:10px !important;

	}

	

	input#submit{

		max-width:250px !important;	

	}

	

	textarea#comment{

		max-width:250px !important;	

	}

}

/*.callbg {
	float: left;
	width: 22%;
	
}*/

@media screen and (min-device-width: 320px) and (max-device-width: 639px) {
.callbg {float: right !important;width: 55% !important; margin-left:0px; min-height:80px !important;}
.callnow{background: url(images/call_now.html) no-repeat 1px 1px;
	padding-left: 28px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-left:30px; margin-top:10px;}
.callme {float: none !important; width:90% !important; margin-top:0px !important; margin:0 auto;}
#name1 {float:left;	width: 100px;}
#header > #logo{ min-height:80px;}
}