/* Add all custom css styles here for the FLIR ONE micro-site */

/* -- General Layout -- */
body {
	/*background-color: #E3E3E3;*/
}
.wrapper {
    background: transparent;
}
.image_content {
    height: 530px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
.gradient-background {
    background: linear-gradient(135deg, #EC1358 50%, #01539B 100%) repeat scroll 0% 0% transparent;
	min-height: 295px;
	padding: 40px;
}
.yellow-background {
    background: linear-gradient(135deg, #F9A11B 50%, #F9D21B 100%) repeat scroll 0% 0% transparent;
    box-shadow: 31px -16px 77px -4px #F58315 inset;
    margin-bottom: 5px;
	padding: 40px;
}
.blue-background {
    background: none repeat scroll 0% 0% #044CB4;
    padding: 50px;
    box-shadow: -3px 0px 29px 0px #021F4A inset;
}
.gray-background {
	background: #E3E3E3;
}
.heading-icon {
	margin-right: 27px;
	height: 35px;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-top-30 {
	margin-top: 30px;
}
.content-videos {
	background: #000;
}
.content-videos h1, .content-videos h2, .content-videos h3, .content-videos p {
	color:#fff;
}
.nav-panel-store {
	background: #525a63;
	padding: 10px;
}


/* Home Page */
.fullwidth-pods {
    overflow: hidden;
    position: relative;
    width: 100% !important;
    text-align: center;
    vertical-align: middle;
}
.service .desc {
    padding: 0px;
    overflow: hidden;
    display: table;
    width: 100%;
    height: 220px;
}
.home-block-border {
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	height: 265px;
}
.homeBkgd {
    background: url('http://www.flir.com/flirone/asset/img/nav_bar_at_home.jpg') no-repeat;
	background-size: cover;
    height: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.workBkgd {
    background: url('http://www.flir.com/flirone/asset/img/nav_bar_at_work.jpg') no-repeat;
	background-size: cover;
    height: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
}
.playBkgd {
    background: url('http://www.flir.com/flirone/asset/img/nav_bar_at_play.jpg') no-repeat;
	background-size: cover;
    height: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.desc h3 {
	font-size: 18px;
	color: #fff;
}
.service .desc h1 {
	padding-top: 0px;
}
.icon_wrapper {
	padding-bottom: 25px;
	background-repeat: no-repeat;
	background-size: 40px;
	padding: 20px;
}
.icon_wrapper span {
	font-weight: bold;
	font-size: 13.6px;
	position: relative;
}
.revolution-ch1 {
	line-height: normal !important;
}
.tp-caption a {
	color: #00539B;
}
.tp-caption a:hover .banner-button-white {
	color: #fff;
}
.tp-caption a:hover {
	color: #00539B !important;
}
.banner-icon-text {
	font-weight: bold;
	font-size: 13.6px;
	color: #00539B;
}
.banner-text-light {
	color: #fff;
}
.banner-icons {
	height: 35px;
	margin-right: 10px;
}
.banner-button {
	width: 260px;
	text-decoration: none;
	border: 1px solid;
	text-align: center;
	margin-bottom: 12px;
	padding: 4px 0px;
	display: block;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #00539B;
	text-transform: uppercase;
	border-radius: 2px !important;
}
.banner-button-blue {
	background-image: linear-gradient(#00539B, #18355F) !important;
	color: #FFF !important;
}
.banner-button-white {
	color: #fff !important;
}

/* Support Page */
.overlay {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 9%;
}

/* At Home Page */
.content_left_athome {
    background-image: url('http://www.flir.com/flirone/asset/img/atHome_content_left_bg.jpg');
    background-size: cover;
}
.content_athome_2015 {
	background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Explore/FLIRONE-Android-Realtor.jpg');
    background-size: cover;
}
.content_right_athome {
    background-image: url('http://www.flir.com/flirone/asset/img/atHome_content_right_bg.jpg');
    background-size: cover;
}
.content_car_athome {
    background-image: url('http://www.flir.com/flirone/asset/img/flir-one-applications-automotive.jpg');
    background-size: cover;
}
.content_car_athome_2015 {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Explore/FLIRONE-Android-Car.jpg');
    background-size: cover;
}
/* At Play Page */
.content_left_atplay {
    background-image: url('http://www.flir.com/flirone/asset/img/atPlay_content_left_bg.jpg');
    background-size: cover;
}
.content_right_atplay {
    background-image: url('http://www.flir.com/flirone/asset/img/atPlay_content_right_bg.jpg');
    background-size: cover;
}
/* At Work Page */
.content_realtor_atwork {
	background-image: url('http://flir.com/flirone/asset/img/flir-one-applications-realtor.jpeg');
	background-size: cover;
}

.content_left_atwork, .content_contracting_atwork {
	background-image: url('http://www.flir.com/flirone/asset/img/atWork_content_left_bg_1.jpg');
	background-size: cover;
}
.content_right_atwork, .content_plumbing_atwork  {
	background-image: url('http://www.flir.com/flirone/asset/img/atWork_content_right_bg_2.jpg');
	background-size: cover;
}

.content_left, .content_left_athome, .content_contracting_athome, .content_realtor_atwork, .content_left_atplay, .content_left_atwork, .content_athome_ios {
    background-position: left top;
}
/* iOS Page */
.content_athome_ios {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Home.jpg');
    background-size: cover;
}
.content_atwork_ios {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Work.jpg');
    background-size: cover;
}
.content_atplay_ios {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Play.jpg');
    background-size: cover;
}
/* Android Page */
.content_athome_android {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Home.jpg');
    background-size: cover;
}
.content_atwork_android {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Work.jpg');
    background-size: cover;
}
.content_atplay_android {
    background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Play.jpg');
    background-size: cover;
}
/* Gallery Page */

#gallery_buttons{
	position: absolute;
	top: 230px;
	left: 2px;
	width: 1090px;
}

#gallery_buttons .button{
	float: left;
	height: 212px;
	width: 162px;
	margin-right: 19px;
	background:transparent;
}

#gallery_rotator{
	position: absolute;
	top:174px;
	width: 1170px;
	height: 518px;
	background: #fff;
	z-index: 100;
	padding: 0;
	display: none;
}

#gallery_rotator .navigation{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 100;
}

#gallery_rotator .content_block h5{
	display: none;
	color:#024989;
}

#gallery_rotator .navigation .nav_button{
	position: absolute;
	color:#024989;
	background-repeat: no-repeat;
	background-size: 50px;
	padding:25px;
	cursor: pointer;
}

#gallery_rotator .navigation .nav_button:hover{
	text-decoration: none;
}

#gallery_rotator #close_button{
	right:30px;
	top:30px;
	background-image: url('http://www.flir.com/flirone/asset/img/explore/icon_close.svg');
	font-size: 14px;
	background-position: right center;
	padding: 9px 50px 9px 0;
	background-size: 40px;
}

#gallery_rotator #next_button{
	top:50%;
	right:30px;
	background-image: url('http://www.flir.com/flirone/asset/img/explore/icon_next.svg');
}

#gallery_rotator #previous_button{
	top:50%;
	left:30px;
	background-image: url('http://www.flir.com/flirone/asset/img/explore/icon_previous.svg');
}

#gallery_rotator .content_item{
	position: absolute;
	top:0;
	left: 0;
	z-index: 0;
	background:#fff;
	height: 100%;
}

.active{
	z-index: 10 !important;
}

#gallery_rotator img{
	height: 100%;
	float: left;
}

#gallery_rotator .content_block{
	float: left;
	width: 40%;
	margin: 10% 0 0 5%;
}

#gallery_rotator p{
	padding-top: 20px;
	font-size: 13px;
	color:#024989;
}

#gallery{
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 50px 0px;
	height: auto;
	overflow: hidden;
}

.playicon{
	background-image: url('http://www.flir.com/flirone/asset/img/explore/icon_video_play.png');
	padding: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90px;
	width: 90px;
	margin: 77px auto;
}

#gallery a {
	height: 245px;
	margin: 0;
	padding: 0;
	position: relative;
	/* set global flip perspective */
	-webkit-perspective:900;
	-moz-perspective:900;
	-ms-perspective:900;
	-o-perspective:900;
	perspective:900;
}

#gallery a:hover { z-index: 1; }

#gallery a .front, #gallery a .back {
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

#gallery a .front {
	z-index: 1;
	background-color: #eee;
	background-image:url('http://www.flir.com/flirone/asset/gallery_sample.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;

	/* set transform */
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);

	/* transform */
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;

	/* transition easing */
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;	
	transition:all .4s ease-in-out;
}

#gallery a:hover .front {
	z-index: 0;

	/* set transform */
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

#gallery a .back {
	background-color: #044cb4;
	padding:75px 40px 0 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 45px;
	background-image: url('http://www.flir.com/flirone/asset/img/explore/icon_camera_gallery.svg');

	-webkit-box-shadow: inset -3px 0px 29px 0px rgba(2,31,74,1);
	-moz-box-shadow: inset -3px 0px 29px 0px rgba(2,31,74,1);
	box-shadow: inset -3px 0px 29px 0px rgba(2,31,74,1);

	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;

	/* set transform */
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;

	/* transform */
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;

	/* transition easing */
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}

#gallery a .back p{
	color: #fff;
	margin-bottom: 0;
	line-height: 1.4
}

#gallery a:hover .back {
	z-index: 1;

	/* set transform */
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
/* Explore Page */

#skin_rotator_row{
	padding-top: 60px;
}

#skin_rotator_row .content_wrapper{
	margin-bottom: 45px;
}

#skin_rotator_row h1{
	padding-bottom: 20px;
}

#skin_rotator{
	height: 400px;
	position: relative;
	top:-20px;
	left:-20px;
}

#skin_rotator .navigation{
	float: right;
	position: relative;
	top:8px;
	left:0px;
	z-index: 100;
}

#skin_rotator .navigation h5{
	font-size: 8px;
	color:#00539b;
	padding: 0px 0 0px 0;
	margin: 0;
}

#skin_rotator .navigation ul{
	color:#666666;
	list-style-type: none;
	list-style-position: outside;
	margin:0;
	padding:0;
}

#skin_rotator .navigation ul li{
	font-size: 12px;
	margin-bottom: -3px;
}

#skin_rotator .navigation .button_holder{
	padding: 24px 0 9px 0;
	text-align: left;
}

#skin_rotator .navigation .button_item{
	margin-right: 8px;
	border-radius: 50% !important;
	background: transparent;;
	color:#00509f;
	border: 1px solid;
	display: inline-block;
	height: 14px;
	width: 14px;
	cursor: pointer;
}

#skin_rotator .navigation .button_item.active{
	background: #00509f;
}

#skin_rotator .navigation .disclaimer{
	font-size: 8px;
	color:#666;
}

#skin_rotator .content{
	position: relative;
}

#skin_rotator .content img{
	position: absolute;
	top:0;
	left:0;
}




/* -- Typography -- */
h1 {
    font-size: 45px;
	line-height: 50px;
    font-weight: 300 !important;
	margin-bottom: 25px;
}
.app-heading {
	font-size: 22px;
	color: #00509C;
}
.app-subheading {
	font-size: 22px;
	color: #666;
	margin: 0px;
	padding: 0px 0px 12px;
	font-weight: 100 !important;
	line-height: 1.4em;
}
.highlight {
    color: #E1930D;
}
.overlay h1 {
    color: #FFF;
    margin: 0px 0px 14px;
}
.overlay p {
    color: #FFF;
    font-size: 21px;
    margin: 0px;
    padding: 0px;
}
.gradient-background h1 {
	color: #fff;
	margin-top: 15px;
}
.header-text {
	max-width: 656px;
	margin: 0px;
	padding: 0px;
	color: #00539B;
	font-size: 21px;
}
.image_content.light p, .image_content.light h3, .image_content.light h4, .image_content.light li, .blue-background .light p, .blue-background .light h2, .blue-background .light h3 {
    color: #FFF;
}
.caption h4 {
	font-size: 14px;
}
.caption p {
	font-size: 12px;
}
.company-text {
	font-size: 13px;
	color: #585F69;
}
.store-h1 {
	margin-bottom:0px;
}
.store-h2 {
	margin-top: 0px;
}

/* -- Buttons -- */
.custom_button, .custom_button:hover, .custom_button:link, .custom_button:active, .custom_button:visited {
    width: 265px;
    text-decoration: none;
    border: 1px solid;
    text-align: center;
    margin-bottom: 12px;
    padding: 4px 0px;
	margin-left: 10px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #00539B;
    text-transform: uppercase;
    border-radius: 2px !important;
}
.custom_button:hover {
    color: #002A4F;
}

.custom_button.light, .custom_button.light:link, .custom_button.light:active, .custom_button.light:visited, .light .custom_button, .light .custom_button:link, .light .custom_button:active, .light .custom_button:visited {
    color: #FFF;
}
.nav-button-store {
	margin-right: 10px;
}

/* -- Icons -- */
.home-icons {
	margin: 30px 0px 18px;
}
.appstore-icons {
	margin-top: -10px;
	max-width: 65px;
}
.appstore-icons-tab {
	float: left;
	margin-right: 5px;
}
.appicon {
    display: inline-block;
    background-repeat: no-repeat;
    margin: 5px 22px 0px -56px;
    padding: 15px;
    background-size: 30px auto;
}
.lightbulbicon {
	background-image: url('http://www.flir.com/flirone/asset/img/icon_lightbulb_house.svg');
}
.houseicon {
    background-image: url('http://www.flir.com/flirone/asset/img/icon_house_hand.svg');
}
.tenticon {
	background-image: url('http://www.flir.com/flirone/asset/img/icon_tent.svg');
}
.globeicon {
	background-image: url('http://www.flir.com/flirone/asset/img/icon_globe.svg');
}
.drillicon {
	background-image: url('http://www.flir.com/flirone/asset/img/icon_drill.svg');
}
.wrenchesicon {
	background-image: url('http://www.flir.com/flirone/asset/img/icon_wrenches.svg');
}
.saleicon {
	background-image: url('http://flir.com/flirone/asset/img/icon_realtor_light.svg');
}
.caricon {
	background-image: url('http://flir.com/flirone/asset/img/icon_car.svg');
}

/* -- Responsive Styles -- */
@media all and (max-width:1024px)  {

	#spectum{
		display: none;
	}

	#skin_rotator{
		top:0;
		left:0;
	}

	#skin_rotator .navigation{
		float: left;
		top: 268px;
	}

	#gallery_rotator{
		height: 400px;
		width: 940px;
		margin-bottom: 25px;
	}

	#gallery_rotator .navigation{

	}

	#gallery_rotator .content_block h5{
		display: block;
	}

	#gallery_rotator #close_button{
		display: none;
	}

	#gallery_rotator #next_button{
		right:12px;
	}

	#gallery_rotator #previous_button{
		left:12px;
	}

	#gallery a {
		width: 33.33%;
	}

	#gallery_header{
		padding-top:0;
		padding-left: 0;
	}

	#gallery_rotator{
		display: block !important;
		position: relative;
		top:0px;
	}
	
	.overlay h1 {
		font-size: 30px;
		margin: 0px 14px;
	}
}

@media all and (max-width:980px)  {
	#gallery_rotator{
		width: 750px;
	}
}

@media all and (max-width:800px)  {
	#gallery_rotator{
		width: auto;
	}
}
		
@media all and (max-width:768px)  {
	.fullwidth-pods {
		overflow: hidden;
		position: relative;
		width: 100% !important;
		text-align: center;
		vertical-align: middle;
	}
	.service .desc {
		padding: 0px;
		overflow: hidden;
		display: table;
		width: 100%;
		height: 220px;
	}
	.home-block-border {
		border-top: 6px solid #fff;
		border-bottom: none;
		height: auto;
	}
	.workBkgd {
		border-left: none;
		border-right: none;
		border-top: 6px solid #fff;
		height: 220px;
	}
	.playBkgd {
		height: 220px;
		border-top: 6px solid #fff;
	}
	.homeBkgd {
		height: 220px;
	}
	.desc h3 {
		font-size: 18px;
		color: #fff;
	}
	.service .desc h1 {
		padding-top: 0px;
	}
	.pods {
		padding-top: 0px !important;
	}
	.home-icons {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.image_content .container {
		padding: 0px;
	}
	.image_content {
		height: auto;
		background-position: center top;
	}
	.icon_wrapper {
		background-size: 40px auto;
		padding: 0px 10px;
		margin-top: 0px;
	}
	.sub_content_content h1 {
		font-size: 36px;
		
	}
	#skin_rotator .content {
		left: -15px;
	}

	#skin_rotator .navigation {
		top: 282px;
	}

	#gallery_rotator {
		height: 300px;
		margin: 24px 0;
	}

	#gallery a {
		width: 49%;
		height: 200px;
		display: inline-block;
	}

	#gallery_content .icon {
		margin: 52px auto;
	}
	
	.image_content .column_content {
		float: none;
		margin: 0px;
		max-width: 100%;
		padding-top: 370px;
	}
	.image_content .sub_content {
		background: #00509c;
		padding: 45px;
	}
	.image_content .sub_content p, .image_content .sub_content li, .image_content .sub_content h4 {
		color: #fff;
	}
	.image_content .custom_button {
		color: #fff;
	}
	.image_content .custom_button:hover {
		opacity: .6;
	}
	.image_content h3 {
		text-align: center;
		padding: 0;
		margin: 0;
		color: #fff;
		position: absolute;
		top: 138px;
		width: 100%;
}
	.custom_button,  .custom_button.light,  .light .custom_button {
		background-color: transparent;
	}
	
	.content_right_athome {
		background-image: url('http://www.flir.com/flirone/asset/img/atHome_content_right_bg_small.jpg');
		background-size: auto;
	}
	.content_left_athome {
		background-image: url('http://www.flir.com/flirone/asset/img/atHome_content_left_bg_small.jpg');
		background-size: auto;
	}
	.content_athome_2015 {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Explore/FLIRONE-Android-Realtor-thumb.jpg');
		background-size: auto;
	}
	.content_car_athome {
		background-image: url('http://www.flir.com/flirone/asset/img/flirone-applications-automotive-small.jpg');
		background-size: auto;
	}
	.content_car_athome_2015 {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Explore/FLIRONE-Android-Car-thumb.jpg');
		background-size: auto;
	}
	.image_content h3 .lightbulbicon {
		background-image: url('http://www.flir.com/flirone/asset/img/icon_lightbulb_house_light.svg' );
	}
	.content_left_athome h3 .houseicon {
		background-image: url('http://www.flir.com/flirone/asset/img/icon_house_hand_light.svg');
	}
	.content_right_atplay {
		background-image: url('http://www.flir.com/flirone/asset/img/atPlay_content_right_bg_small.jpg');
		background-size: auto;
	}
	.content_left_atplay {
		background-image: url('http://www.flir.com/flirone/asset/img/atPlay_content_left_bg_small.jpg');
		background-size: auto;
	}
	.content_right_atplay h3 .globeicon {
		background-image: url('http://www.flir.com/flirone/asset/img/icon_globe_light.svg');
		background-size: auto;
	}
	.content_left_atwork, .content_contracting_atwork {
		background-image: url('http://www.flir.com/flirone/asset/img/atWork_content_left_bg_1_small.jpg');
		background-size: auto;
	}
	.content_right_atwork, .content_plumbing_atwork {
		background-image: url('http://www.flir.com/flirone/asset/img/atWork_content_right_bg_2_small.jpg');
		background-size: auto;
	}
	.content_realtor_atwork {
		background-image: url('http://www.flir.com/flirone/asset/img/flir-one-applications-realtor-small.jpg');
		background-size: auto;
	}
	.content_left_atwork h3 .drillicon {
		background-image: url('http://www.flir.com/flirone/asset/img/icon_drill_light.svg');
	}
	.content_right_atwork  h3 .wrenchesicon {
		background-image: url('http://www.flir.com/flirone/asset/img/icon_wrenches_light.svg');
		background-size: 54px !important;
	}
	.appicon {
		display: block;
	}
	.content_atwork_ios {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Work-thumb.jpg');
		background-size: auto;
	}
	.content_atplay_ios {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Play-thumb.jpg');
		background-size: auto;
	}
	.content_athome_ios {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Home-thumb.jpg');
		background-size: auto;
	}
	.content_atwork_android {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Work-thumb.jpg');
		background-size: auto;
	}
	.content_atplay_android {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Play-thumb.jpg');
		background-size: auto;
	}
	.content_athome_android {
		background-image: url('http://www.flir.com/uploadedImages/FLIR_ONE/Buy/FLIRONE-iOS-Home-thumb.jpg');
		background-size: auto;
	}
}

@media all and (max-width:650px)  {
	#gallery_rotator{
		width: auto;
	}

}

@media all and (max-width:600px)  {
	#gallery_rotator img{
		display: none;
	}

	#gallery_rotator .content_block {
		float: none;
		width: auto;
		margin: 50px 70px;
	}

	#gallery_rotator .content_block h3{
		margin-bottom: 0;
	}

	#skin_rotator .navigation {
		top: 0;
		left: 230px;
	}
	
	#skin_rotator_row .content_wrapper h1 {
		font-size: 36px;
		padding-top: 20px;
	}
	.overlay h1 {
		font-size: 22px;
		line-height: 26px;
	}
	.overlay p {
		font-size: 16px;
	}
}


@media all and (max-width:400px)  {

	#skin_rotator_row{
		padding-top: 0;
	}

	#skin_rotator_row .content_wrapper {
		margin-bottom: 5px;
	}
	
	#skin_rotator_row .content_wrapper h1 {
		font-size: 26px;
		padding-top: 20px;
		margin-top: 25px;
	}
	
	#skin_rotator {
		margin: 0;
		position: relative;
		top:0;
		left:0;
		height: 530px;
	}

	#skin_rotator .navigation {
		top: 343px;
		left: 0;
	}

	#gallery_rotator {
		margin-top: 0;
		height:238px
	}

	#gallery_rotator #next_button,
	#gallery_rotator #previous_button {
		bottom: 12px;
		top:auto;
	}

	#gallery_rotator .content_block{
		margin: 12px;
	}
}