*{ box-sizing:border-box}
.respContainer img {max-width: 100%;}
.colrow:after, .colrow:before{ display:table;  content:""}
.colrow:after{ clear:both }
/* body{ font-family:"Open Sans",Arial,Helvetica,sans-serif !important; padding:0px; margin:0px; } */
.InnerWrapper{ max-width:1280px; margin: 0 auto;}
.MB40{ margin-bottom:40px; }
.MB60{ margin-bottom:40px; }
.MB80{ margin-bottom:40px; }


.darkGray{background-color: #f1f1f1 !important;}
.screentopimg{margin-top: 59px !important;}


.imgtopch{margin-top:105px;} .idetystop{margin-top:60px;}

.imgsiz{width:100% !important; height:100% !important;}

.spacrow{padding-top:60px; padding-bottom:80px;}

.lstimgtop{margin-top:30px;}

@media only screen and (max-width: 600px) {
 
.imgtopch{margin-top:10px;}

.idetystop{margin-top:10px;}

.lstimgtop{margin-top:10px;}


}

.pageBtn,
#PostsWrap .SinglePost .ReadMoreBtn,
.WhitePaperForm .wpcf7-submit{ -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }

.respContainer{ position:relative;  width:100%;  max-width:1280px;  margin:0 auto;  padding:0 5px}
.respContainer .pullRight{ float:right !important; }
.respContainer .pullLeft{ float:left !important; }

.floatright{ float:right !important}
.floatleft{ float:left !important}
.textright{ text-align:right}
.textleft{ text-align:left}
.textcenter{ text-align:center}

.WhitePaperForm input.ErrField{ outline:0px !important;}

.pageBtn{ position:relative;  padding:8px 12px;  line-height:1.42857143;  text-align:center;  white-space:nowrap;  vertical-align:middle;  -ms-touch-action:manipulation;  touch-action:manipulation;  cursor:pointer;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;  background-image:none;  display:block;  text-transform:uppercase;  background:#1ca766;  color:#fff;  max-width:300px;  font-size:18px;  margin:30px auto 40px auto; text-decoration: none;  border-radius:8px; outline:0px; 
}

.page-title-container{display:none !important}

.WhitePaperForm input{margin-bottom:10px !important; border-radius:10px !important; font-size: 15px !important; }

#menu-item-7090 a{height:30px !important}

#main .portfolio-one .button, #main .comment-submit, #reviews input#submit, .comment-form input[type="submit"], .wpcf7-form input[type="submit"], .bbp-submit-wrapper button, .button.default, .price_slider_amount button, .gform_wrapper .gform_button, .woocommerce .single_add_to_cart_button, .woocommerce .shipping-calculator-form .button, .woocommerce form.checkout #place_order, .woocommerce .checkout_coupon .button, .woocommerce .login .button, .woocommerce .register .button, .woocommerce .avada-order-details .order-again .button, .woocommerce .avada-order-details .order-again .button{ font-size:20px !important; border-radius:10px !important; background-color:#1ca766 !important; background-image:none !important}

.pageBtn:focus, .pageBtn:hover{color:#fff; opacity:.8}

.pageHeader{background:#fff}

.pagePhone{padding:10px 0 0;  font-family:'Open Sans',arial,helvetica,sans-serif;  font-weight:700;  font-size:21px}

.pagePhone a{color:#7e7e7e; text-decoration:none}
.pagePhone a:hover, 
.pagePhone a:focus{text-decoration:underline}

.pagePhone img{vertical-align:middle;  margin:0 2px 0 0}

.pageBanner{position:relative;  padding:30px 0}

.pageBanner h1{font-size:36px;  margin:0 0 10px;  color:#024c7d;  line-height:50px}

.pageBanner p{font-size:28px;  margin:0 0 10px;  color:#010101}

.pageBanner .respContainer{z-index:10}

.pageBanner .respContainer .bannerContent{margin-top:50px}
.pageBanner .respContainer .bannerContent .logoPlacement{ display:block; width:115px; margin:30px auto 0 auto; }
.pageBanner .respContainer .bannerContent .logoPlacement img{ max-width:100%; }

.bannerBg{position:absolute;  left:0;  top:0;  width:100%;  height:100%;  z-index:0;  background-color:#ccc; background-repeat:no-repeat;  background-position:center;  -webkit-background-size:cover;  -moz-background-size:cover;  -ms-background-size:cover;  -o-background-size:cover;  background-size:cover}

.bannerBg:before{content:'';   position:absolute;  left:0;  top:0;  width:100%;  height:100%;  z-index:0}

.bannerform{max-width:370px;  background:#f1f1f1;  padding:20px;  border-radius:10px;  border:2px solid #003f69; float:right; }

.bannerform h4{font-size:22px;  margin:0 0 10px;  color:#8d0102}

.bannerform p{font-size:14px; color:#000;  margin:0 0 10px}


/**/
.postHeader{ padding:0 0 20px}
.phTop{ background:#e3e3e3;  padding:10px}
.phTop h6{ font-size:42px;  margin:0 0 10px;  color:#010101;  line-height:50px}
.phTop p{ font-size:14px;  margin:0 0 10px;  color:#010101}
.phBtm{ background:#fff;  padding:0 15px 30px}
.phBtm h4{ font-size:24px;  margin:10px 0 15px;  color:#000}
.phBtm p{ font-size:14px;  padding:0 0 15px;  color:#333}
.phBtm ul{list-style:none; padding:0 0 0 20px; margin:20px 0}
.phBtm ul li{font-size:14px; line-height:23px;  margin:0 0 5px 2px;  color:#333}
.phBtm ul li:before{content:"\2714"; margin-left:-21px; margin-right:9px}


/**/
.customersSect{ background:#fff;  padding:60px 0 10px 0;  text-align:center}
.customersSect h3{ font-size:36px;  margin:0 0 25px;  color:#000; font-weight:600;}
.customersSect p{ display: block; text-align:center; margin:0px; }
.customersSect .owl-carousel{ padding:30px 0 15px; max-height: 80px; }
.customersSect .owl-carousel .owl-item{ padding-bottom:5px}
.customersSect .owl-carousel .owl-item img{ width:auto;  display:inline-block}
.customersSect .owl-carousel .owl-dots{ display:none; }

/*Other Adjustments */
.avada-row.NoMargin{ margin:0px; max-width:100% !important;}
.NoPadding{ padding:0px !important; max-width:100% !important;}
.NoMargin{ margin:0px !important;}
.avada-row.NoMargin .InnerWrapper{ max-width:1280px !important; margin:0 auto; overflow:hidden;}
#content{ width:100% !important; }
#main{ padding:20px 10px !important; }
#main.NoPadding{ padding:0px !important; }
#main h2 { color: #333; margin: 0 0 20px; font-size: 28px !important; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 42px; }

/*WhitePaperForm*/
.pageBtn:focus, .pageBtn:hover{color:#fff; opacity:.8}

.WhitePaperForm input.ErrField{border:solid 1px red !important; }
.WhitePaperForm input{box-shadow:none; border-radius:10px; height:45px; background-color:#f7f7f7 !important; font-size:16px; border:solid 1px #cbcbcb !important; padding:10px; width:100%}
.WhitePaperForm .wpcf7-submit{width:100%; background-color:#1ca766 !important; color:#fff; font-size:20px; cursor:pointer; text-transform:uppercase}
.WhitePaperForm .wpcf7-submit:focus, 
.WhitePaperForm .wpcf7-submit:hover{color:#fff; opacity:.8}

/**/
.pageFooter{ background:#413f40;  padding:20px}
.pageFooter p{ font-size:16px;  margin:0;  color:#fff}
.pageFooter a{ color:#fff; text-decoration:none; }



/*testimonialsSection*/
.testimonialsSection{ width:100%; height:517px; background:url('https://www.360factors.com/wp-content/uploads/2019/09/testmonials-bg.jpg') 0 0 no-repeat; background-size:cover;}
.testimonialsSection .contWrap{ width:640px; float:right; margin:82px 233px 0 0; text-align:center;  }
.testimonialsSection .contWrap .title{ display: block; font-size:37px; font-weight: 700; line-height: 40px; margin-bottom: 0;color: #000; }
.testimonialsSection .contWrap p{ font-size:29px !important; font-weight: 600; line-height: 46px; color: #000; margin-top:0px; }

.testimonialsSection .owl-carousel{ padding:15px 0 15px 0; width:100%; margin:0 auto; }
.testimonialsSection .owl-carousel .owl-stage-outer{ max-height: 320px; }
.testimonialsSection .owl-carousel .owl-item{ padding-bottom:5px}
.testimonialsSection .owl-carousel .owl-item img{ width:auto;  display:inline-block}

.testimonialsSection .owl-carousel .owl-dots{ margin-top:20px; }
.testimonialsSection .owl-carousel .owl-dots .owl-dot{ }
.testimonialsSection .owl-carousel .owl-dots .owl-dot.active span{ background-color:#196fab; }
.testimonialsSection .owl-carousel .owl-dots .owl-dot span{ display: block; width:10px; height:10px; background-color:#b0afaf; border-radius: 100%; margin:0 5px; }

/*ContentSection*/
.ContentSection{}
.ContentSection h2 {
    color: #333;
    margin: 0 0 20px;
    font-size: 28px !important;
    font-weight: 700;
    line-height: 42px;
}
.ContentSection h3{ font-size:22px; line-height:30px; }
.ContentSection h3.sm{ font-size:18px; line-height:26px; }
.ContentSection p{ text-align:left; font-size:15px !important; line-height:24px !important; font-weight:400 !important; }
.ContentSection p span.Buttons {
    display: inline-block;
    margin-right: 30px;
    margin-top: 10px;
    background-color: #1f6ea9;
}
.ContentSection p span.Buttons a {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
}
.ContentSection ul{ padding:0 0 0 25px; list-style: none; }
.ContentSection ul li{ padding: 7px 0 !important; font-size: 15px; line-height:24px !important; }
.ContentSection ul li:before { content: "\2714"; margin-left: -24px; margin-right: 12px; }
.ContentSection ul li a{ color: #333; }

.ContentSection .LeftCol {
    width: 52%;
    float: left;
    padding-right: 5%;
}

.ContentSection .RightCol {
    width: 48%;
    float: right;
    padding-right: 0px;
}

.ContentSection .PullRight {
    float: right;
    padding-right: 0px;
}


.ContentSection .PullLeft {
    float: left;
    padding-right: 5%;
}

.ContentSection img {
    max-width: 100%;
}
.ContentSection .InnerWrapper {
    max-width: 1280px !important;
    margin: 0 auto;
    overflow: hidden;
}

/**/
.hovereffect a.info{ float: none; }

/* Data Toggle */
.toggleData{
    display: none;
}

.toggleData.expanded{
    /* display: block; */
}

.toggleDataBtn{
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    color: #182e45;
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.toggleDataBtn:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(https://www.360factors.com/wp-content/themes/Avada/images/toggle_plus.png) center center no-repeat #182e45;
    display: flex;
    position: absolute;
    left: 0;
    align-items: center;
    justify-content: center;
}

.toggleDataBtn.expanded:before{
    background: url(https://www.360factors.com/wp-content/themes/Avada/images/toggle_minus.png) center center no-repeat #182e45;
}

/*Banner Section*/
.BannerSection{ max-width:1280px; margin:0 auto; min-height: 375px; padding:50px 0 50px 0; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; box-sizing: border-box; }
.BannerSection .ContentWrap{ width:48%; float:right; margin-top:20px; margin-right:100px;}
.BannerSection .ContentWrap span.heading{ display:block; font-size:32px; line-height:40px; color:#000; margin:0 0 20px 0; font-weight: 700;}
.BannerSection .ContentWrap p{ font-size:20px; color:#fff; line-height: 30px; font-weight: 600 !important;}
.BannerSection .ContentWrap p span.Buttons{ display:inline-block; margin-right:30px;  background-color: #1f6ea9;}
.BannerSection .ContentWrap p span.Buttons a{ display:block; font-size:20px; font-weight: 600; color:#fff; padding:5px 20px; text-transform:uppercase;}
.BannerSection .ContentWrap p span.Buttons:nth-child(2){ background-color:#fff;}
.BannerSection .ContentWrap p span.Buttons:nth-child(2) a{ color:#333;}
.BannerSection.datasheetbg {
    background-image: url("https://www.360factors.com/wp-content/uploads/2019/12/img-datasheet.jpg") !important;
    background-repeat: no-repeat, repeat;
    border: solid 1px #ccc;
    margin-top: 80px;
    margin-bottom: 30px;
}


@media screen and (max-width:900px) {
    .BannerSection .ContentWrap{ width:60%;}
    .BannerSection .ContentWrap p span.Buttons{ margin-right:25px;}
}

@media screen and (max-width:600px) {
    .BannerSection{ padding:30px 10px 30px 10px; min-height:inherit; }
    .BannerSection .ContentWrap{ width:90%; float:none; margin:0 auto;}
}

@media screen and (max-width:480px) {
    .BannerSection .ContentWrap p span.Buttons{ display:block; margin:0 0 20px 0; text-align:center; }
}




/*  Media Queries */


@media(min-width:768px){
.colrow{ margin:0 -15px}
.colrow .col12, .colrow .col11, .colrow .col10, .colrow .col9, .colrow .col8, .colrow .col7, .colrow .col6, .colrow .col5, .colrow .col4, .colrow .col3, .colrow .col2, .colrow .col1{ position:relative;  min-height:1px;  padding:0 15px;  float:left}
.colrow .col12{ width:100%}
.colrow .col11{ width:91.66666667%}
.colrow .col10{ width:83.33333333%}
.colrow .col9{ width:75%}
.colrow .col8{ width:66.66666667%}
.colrow .col7{ width:58.33333333%}
.colrow .col6{ width:50%}
.colrow .col5{ width:41.66666667%}
.colrow .col4{ width:33.33333333%}
.colrow .col3{ width:25%}
.colrow .col2{ width:16.66666667%}
.colrow .col1{ width:8.33333333%}

/**/
.pageBanner .colrow>div:first-child{ padding-left:28%}

/**/
.phBtmImg{ float:right}
.phBtmImg img{ margin-top:80px; }

/**/

}

@media(min-width:768px) and (max-width: 1024px){	

}


@media(max-width:1024px){
.pageBanner .colrow>div:first-child { padding-left: 15%; }
.pageBanner .colrow>div:last-child { padding-right: 30px; }

}
@media(max-width:991px){

.pageBanner .colrow >.col8{width:60%}
.pageBanner .colrow >.col4{width:40%}

/**/
.phTop .colrow .colrow>div{width:100%}

/**/
.ContentSection img{ max-width:500px; }
.ContentSection p{ text-align:center; }
.ContentSection h2{ text-align:center; }

/**/
.owl-carousel .owl-item img{ margin: 0 auto; }

/**/
.testimonialsSection .contWrap{ width: 80%; float: none; margin: 52px auto 0 auto; }

}


@media(max-width:768px){

/**/
.pageBanner .respContainer .bannerContent{ margin-top: 35px;}
.pageBanner h1{ font-size: 33px; line-height: 45px; }
.pageBanner p{ font-size: 18px; }


}

@media(max-width:767px){

.pageBanner .colrow > .col8,
.pageBanner .colrow > .col4{ width:100%;}
.pageBanner .colrow>div:first-child { padding-left: 0; }
.pageBanner .colrow>div:last-child { padding-right: 0; }
/**/	
.pageBanner h1{font-size:24px;  line-height:initial}
.pageBanner p{ font-size:20px}

.pageBanner .respContainer .bannerContent{ width:90%; margin:0 auto; text-align:center; }
.phBtmImg{float:none !important}
.pageHeader .colrow >div{ display:inline-block;  width:49%;  vertical-align:middle}

.psItem{ padding:15px 0}
.pageFooter{ padding:5px}
.pageFooter p{ font-size:11px;  text-align:center}
.bannerBg{height:100%; background-position:right; }
.bannerform{ max-width:100%; margin-top:20px}
.pageLogo img{ width:200px}
.pagePhone{padding:0;  font-size:15px}
.pagePhone img{ width:12px}

.pageBanner h1{}
.pageBanner p{}
.frmtxt{color:#000 !important; font-size:14px !important; margin-bottom:10px !important;}
.customersSect h3{font-size:26px !important}
.bannerform{max-width: 90% !important; float:none; margin:20px auto 0px auto;}

.respContainer .pullRight{float:none !important}
.respContainer .pullLeft{float:none !important}

.phBtm{padding:30px 15px 30px 15px}

/**/
.testimonialsSection .contWrap{ width:90%; margin:32px auto 0 auto; }
.testimonialsSection .owl-carousel .owl-dots{ display:none; }

}


@media(max-width:480px){

/**/
.testimonialsSection .contWrap .title{ font-size: 27px; margin-bottom:0px !important; }
.testimonialsSection .contWrap p{ font-size:22px !important; line-height: 36px; }

.pageBanner h1{ font-size: 28px !important;line-height: initial;}

.testimonialsSection{background-color:#a1c7ee !important; background-image:none !important;}

.pageBanner p {font-size: 25px !important; font-weight:600 !important; }
.bannerform .frmtxt{font-size:14px !important; line-height:inherit; font-weight:normal !important; }
.WhitePaperForm{ margin-top:10px !important; }


	
}

/* heroBanner */
.heroBanner{

}

.heroBanner img {
    width: 100%;
    object-fit: cover;
}