/*
 Theme Name:     Frag12 Theme
 Theme URI:      https://www.moodeyit.com
 Description:    A temp design for Imperial Aesthetic
 Author:         Moodey IT
 Author URI:     https://www.moodeyit.com/
 Template:       twentytwentyone
 Version:        1.0.33
*/

/* 
Logo red:  #F00F17;

*/


@font-face {
    font-family: 'Jacinto Sans';
    src: url("fonts/JacintoSans.otf") format("opentype");
}
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
h1, h2 {
	font-family: 'Raleway', sans-serif !important;
	color:#fff;
}

.btnav-container ul.bt-op-nav-items>li:not(.bt-main-menu-item-li)>.op-menu-location>a, .btnav-container ul.bt-op-nav-items>li>a {
	font-family: 'Raleway', sans-serif !important;
	font-size:16px;
	text-transform: uppercase;
}
h2 {
	font-size: 38px;
}
h2 .headRed {
	color:#F00F17;
	font-size:38px;
}
h2 .headGrey {
	color:#898989;
	font-size:31px;
}
.btnav-container .bt-op-item[data-content-position="0"] .bt-op-item-content, .btnav-container .bt-op-item[data-content-position="1"] .bt-op-item-content {
	background-size: contain;
}
li.bt-wrap-fullscreen {
	display:none !important;
}
.whitetext {
	color:#fff;
}
.he-top-section {
	text-align: center;
}
.contact-form-he {
	padding-top: 80px;
}

.btnav-container .bt-op-header .bt-op-logo>li img {
	max-height: 90px;
}
#home-section-anchor .bt-op-item-content {
	background-position: bottom 50px right 50% !important;
	background-size:60% !important;
}
.about-bckimg .bt-op-item-content {
	background-position: bottom 100px right 50% !important;
	background-size:60% !important;
}

#videos-anchor .bt-op-item-content {
	background-position: bottom 0px right 50% !important;
	background-size:50% !important;
}
#contact-us-anchor .bt-op-item-content {
	background-position: bottom 100px right 50% !important;
	background-size:50% !important;
}

.bt-main-logo img {
	max-width:550px !important;
	
}

.btnav-container *, .btnav-container :after, .btnav-container :before {
	vertical-align:top;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
	background-color: #444 !important;
	border-radius:5px !important;
	border:none !important;
	width:100%;
	padding: 4px !important;
	font-size:14px !important;
	
}
textarea:focus, input[type=text]:focus, input[type=email]:focus {
	outline:1px solid #333 !important;
}
.form-col {
	display:flex;
}
.form-col-2 {
	padding-left:10px;
}
.form-col-3 {
	text-align:right;
}
.form-col-3 input[type=submit] {
	background-color: #444 !important;
	border-radius:5px !important;
	border:none !important;
	margin-top:10px;
	color:#fff;
	font-size:16px;
}
.form-col-3 input[type=submit]:hover {
	background-color: #333 !important;
}
div.wpcf7 .ajax-loader {
	display:none;
}

.rhcol {
		padding-left: 8% ;
	}
.lhcol {
		padding-left: 16% ;
	}

.responsHead {
	padding-left:17%;
}

.row1background img {
	height: 50vw;
	width:auto;

}
.about-bckimg img {
			height: auto !important;
			width:100vh !important;
			
		}
#contact-us-anchor img, #videos-anchor img {
			height: auto !important;
			width:70vh !important;
			
		}
#crM360846804484374, #m360-box-692891376108 > a > #crM3601530198736139, #m360-box-692891376108 > a > #crM3601530198736139 > #m360CrA1530198736139 {
	z-index: -10 !important;
	visibility: hidden !important;
}

#datasheet-table {
	max-width:1440px;
}

#datasheet-rotator {
	max-width:1440px;
}

#datasheet-table {
	max-width:1440px;
}
.page-template-datasheet .btnav-container ul.bt-op-nav-items>li>a {
	color: #fff;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent !important;
}
.bt-op-nav-items {
	display:flex !important;
}
.bt-op-nav-items li:first-child {
	order: 4;
}
.bt-op-nav-items li:nth-child(2) {
	order: 1;
}
.bt-op-nav-items li:nth-child(3) {
	order: 2;
}
.bt-op-nav-items li:nth-child(4) {
	order: 3;
}

.bt-op-nav-items li:nth-child(5) {
	order: 5;
}

#fragdatasheets .bt-op-nav-items li:first-child {
	order: 1;
}
#fragdatasheets .bt-op-nav-items li:nth-child(2) {
	order: 2;
}
#fragdatasheets .bt-op-nav-items li:nth-child(3) {
	order: 3;
}
#fragdatasheets .bt-op-nav-items li:nth-child(4) {
	order: 4;
}

#fragdatasheets .bt-op-nav-items li:nth-child(5) {
	order: 5;
}

@media ( min-width:800px) AND (max-width: 960px) {

	.rhcol h2, .lhcol h2 {
		font-size:37px;
	}
	.rhcol p, .lhcol p {
		font-size:16px;
	}
}

@media ( max-width:800px) {

	.rhcol, .lhcol {
		padding-left: 10% ;
	}
	.vidcont {
		padding-left:5%;
		padding-right:5%;
	}

	.videocol {
		display:inline-block;
		width:40% !important;
	}

	#videos-anchor .bt-op-item-content {
		background-position: bottom 20px right 50% !important;
		color:#060404;
	}

.bt-op-nav-items {
	flex-direction: column;
}
}

@media (max-width: 720px) {
	h2{
		font-size: 24px;
	}
	h2 .headRed {
		color:#F00F17;
		font-size:24px;
	}
	h2 .headGrey {
		color:#898989;
		font-size:18px;
	}
	p {
		font-size:16px;
	}
	.rhcol, .lhcol {
		padding-left: 10% ;
	}
	.contact-form-he {
	padding-top: 0px;
}

	.fragform {
		padding-left:10%;
		padding-right:10%;
	}
	#home-section-anchor .bt-op-item-content {
		background-position: 50% 80%;
	}
	.responsHead {
	padding-left:10%;
	}
	#videos-anchor {
		text-align:center;
	}

	.about-bckimg img {
			height: auto !important;
			width:80% !important;
			
		}
#contact-us-anchor img, #videos-anchor img {
			height: auto !important;
			width:80% !important;
			
		}

}



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
		h2 .headRed {
			font-size:32px;
		}
		h2 .headGrey {
			font-size:21px;
		}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
		h2 .headRed {
			font-size:32px;
		}
		h2 .headGrey {
			font-size:21px;
		}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
		h2 .headRed {
			font-size:32px;
		}
		h2 .headGrey {
			font-size:24px;
		}
		.row1background img {
			height: auto !important;
			width:70vh !important;
			
		}

		.about-bckimg img {
			height: auto !important;
			width:70vh !important;
			
		}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}


/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}

/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
  		.about-bckimg .bt-op-item-content, #videos-anchor .bt-op-item-content, #contact-us-anchor .bt-op-item-content {
			background-image: none !important;
			background-size:0% !important;
		}
}