@charset "UTF-8";
body{ background:#fff; font-family: 'Lato-Regular';  overflow-x:hidden; position:relative;}
*{ padding:0px; margin:0px; list-style:none; box-sizing:border-box; text-decoration:none; outline:none; border:0px; }
.popup1OuterMainCommon{display:none; position:fixed; overflow:hidden; width:100%; z-index:99999; }
.popup1OuterCommon{ position:fixed; height:100%; width:100%; background:#000; opacity:.5; }
.popup1{ width:95%; margin:0 auto; top:50px; position:relative; padding:40px 0 70px; background:#fff; -webkit-box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.75);
box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.75);}
.gopa{ position:fixed; z-index:2147483647; top:0px; left:0px;width:100%; background:#fff;}
#getFixed{ width:100%; z-index:999; background:#fff;}
.close1Common{ background:url(../assets/imgs/close.jpg) 12px 12px no-repeat; width:14px; height:18px; display:inline-block; position:absolute; right:35px; top:65px; z-index:999; padding:20px; }
.logo img{ width:100%;}
.icon360{ position:relative; top:-40px; left:20px;}
.tabsNav{ margin-bottom:20px;}
.box1{ background:#77787b; transform: skew(-15deg); width:90%; margin:0 auto;}
#tabs-5 .img1{ position:absolute; right:11px; bottom:-142px; transform:skew(15deg);}
.box2{background:#d9d9d9; width:300px; height:143px; margin-left:534px; }

#tabs-5 .box1{ margin-bottom:142px;}
#tabs-5 .sec2 p{ width:260px; top:135px; right:90px; color:#fff;}
#tabs-5 .sec1 p{ width:260px; top:155px; left:125px; color:#fff;}
#tabs-5 .sec3 p{ color: #fff; left: 20px; top: 103px; width: 348px;}
#tabs-7 .sec1{ width:100%; margin:0 auto;}
#tabs-7  td{ font-size:14px;  padding:10px 20px;}
#tabs-7 .heading, .commonHead{ position:relative; height:50px;border-bottom:1px solid #cfd0d1; margin-bottom:40px; }
#tabs-7 .inner, .commonHead .inner{ padding:10px 30px; text-align:center; display:inline-block; position:absolute;left:50%; background:#fff; width:270px; margin-left:-125px; top:0px; }
.table1Out { margin-bottom:20px; }
#tabs-7 .text, .commonHead .text{ font-size:18px; color:#010101; text-transform:uppercase;}
#tabs-7 .table1Out .column1{ width:100%; padding:15px 0px;}


.table1, .table3{border-collapse: collapse; border-spacing: 0; width:100%;}
.table1 th{border:1px solid #CBC7C7; padding:5px 20px;}
.table1 td{ font-size:20px; color:#010101; padding:5px 20px; border:1px solid #CBC7C7; text-align:center;}
.table1 td.blue{ color:#015bff; font-size:11px; font-weight:bold; text-transform:uppercase;}

.desclaimer{ border-top:1px solid #a8a9ac; margin-top: 30px; padding-top: 20px;}
.desclaimer  p{ margin-bottom: 15px; font-size: 8px; color: #6d6e71 !important;}

#tabs-6 img, #tabs-8 img, #tabs-5 img{ width:100%;}
.tac{ text-align:center; margin-bottom:20px;}
img{ vertical-align:middle;}
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
.clearfix { display: block; }
*+html .clearfix { display: inline-block; }
.wrapperOuter{ width:100%; margin:0 auto; padding-top:0; }
.backBtn{ position: absolute; display: inline-block;
    left: 10px;
    top: 10px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    width: 80px;
    text-align: center;
    line-height: 80px;
    mix-blend-mode: darken;}

.wrapper{ width:96%; margin:0 auto; }

.tab_wrap {
    position: relative;
    padding-top: 127px;
  }
.tabs{ padding:20px 30px;}

.tabsNav li{ float:left;}
.tabsNav li a{ padding:20px 5px;min-width: 80px; display:inline-block; text-align:center; font-size:13px; font-weight:bold; color:#3e3e3f; font-family: 'Lato-Regular'; text-transform:uppercase;}
.tabsNav li a span{ height:50px; display:inline-block;}
.tabsNav li a span.lower{ height:auto;}
.tabsNav li.ui-tabs-active a, .tabsNav li.ui-state-active a{background:#ecedef;}
.tabsNav img{ width:40px;}

.twocolumn1{ margin:0px;}
.twocolumn1 .column1{ float:left; width:564px; z-index:100; position:relative;}
.twocolumn1 .column2{ float:left; padding-top:25px; margin-left:-20px; width:317px; z-index:1;position:relative;}
.twocolumn1 .column2 .inner{ height:288px; border-top:1px solid #dfdede; border-right:1px solid #dfdede; padding:15px 20px 0px 65px;   }
.exterImg1{ text-align:right;}
.post h3{ font-size:16px; color:#000;}
.post h2{ font-size:30px;color:#015bff;}
.post p{ font-size:12px; color:#000; line-height:16px;}
.tAl{ text-align:left}
.tAr{ text-align:right;}
#tabs-2 img, #tabs-3 img, #tabs-4 img, #tabs-9 img{ width:100%;}

.common-sec{ position:relative; margin-bottom:5px;}

#tabs-5 .sec1 p.fulCopy { border: 0 none; font-size: 12px; top: 90%; width: 100%;}
.common-sec p{ font-size:12px; color:#fefefe; line-height:16px; position:absolute;}
.common-sec p a{color:#666666; text-decoration:underline;}
#tabs-3 .sec1 p{ top:110px; left:20px; width:240px;}
#tabs-3 .sec2 p{ top:140px; right:40px; width:320px;}
#tabs-3 .sec4 p{ top:150px; left:20px; width:210px;}
#tabs-3 .sec6 p{ top:135px; left:210px; width:290px;}
#tabs-3 .sec7 p{ top:185px; right:12px; width:300px; color:#fff;}
#tabs-3 .sec8 p{ top:130px; right:35px; width:240px; color:#fff;}

#tabs-2 .sec1 .skew{ top:146px; left:35px; width:200px; position: absolute;}
#tabs-2 .sec2 p{ top:155px; left:45px; width:250px;}
#tabs-2 .sec3 p{ top:125px; right:16px; width:235px;}
#tabs-2 .sec4 p{ top:165px; left:40px; width:280px;}

#tabs-4 .sec1 p{ top:110px; left:35px; width:280px;}
#tabs-4 .sec2 p{ top:100px; left:55px; width:260px; color:#fff; text-transform:uppercase;}
#tabs-4 .sec2 p span{ font-size:24px; font-weight:bold; text-transform:uppercase;}
#tabs-4 .sec3 p{ top:20px; left:280px; overflow:hidden; width:240px; font-size:16px; font-weight:bold; color:#fff;}

.list1{ width:96%; margin:0 auto;}
.list1 li{ float:left; width:50%; text-align:center; margin-bottom:50px;}
#tabs-6  .list1 li img{ width:80%;}
.list1 li p{ font-size:14px; font-weight:bold; text-transform:uppercase; font-family: 'Lato-Regular'; color:#494848; padding-top:10px;}

.specs_mainHead{ background:url(../assets/imgs/specs_mainHead.png) repeat 0px 0px;}

.twocolumn2{ width:94%; margin:0 auto;}
.twocolumn2 .column1{ width:50%; float:left; height:1000px;overflow-y:scroll;}
.twocolumn2 .timeline-Widget--edge{ background:#00a7ec !important;}
.fb{ float:left; display:inline-block;}
.twitter{ float:right; display:inline-block;}
#video1 ul{ position:relative !important; top:0px !important;}
#mainTab2 .ulOuter{-webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
    transform: skew(-25deg, 0deg); background:#000; width:93%; margin:0 auto;}
#mainTab2 ul{  -webkit-transform: skew(25deg, 0deg);
    -moz-transform: skew(25deg, 0deg);
    -o-transform: skew(25deg, 0deg);
    -ms-transform: skew(25deg, 0deg);
    transform: skew(25deg, 0deg); }

#mainTab2 ul li { color:#fff}
#mainTab2 ul a{ background:none !important; color:#8c8c8c; margin:0 25px;}
#mainTab2 .tabsNav li.ui-tabs-active a,#mainTab2 .tabsNav li.ui-state-active a{ color:#fff;}
.height100{ height:100px !important;}

#tabs-8 h4{ font-size:20px; font-family: 'Lato-Regular'; text-align:center; margin-bottom:20px;}


.share{ position:absolute; right:40px; top:100px; }
.quote{ position:absolute; right:00px; top:450px; }	
.compare{ position:absolute; right:40px; top:50px;}

.form1{ width:300px; margin:0 auto; padding-top:50px;}
.form1 p{ margin-bottom:20px;}
.input1{  border-bottom:1px solid #e3e3e3; font-size:16px; padding:5px 10px; width:100%;}
.button1{ width:100px; height:30px; line-height:30px;  display:inline-block; font-size:16px; color:#fff; background:#015bff; text-align:center;  }
.textarea{border:1px solid #e3e3e3;   font-size:14px; color:#000; padding:10px; width:100%;}


.fll{ float:left;}
.flr{ float:right;}
.form1 h3{ font-size:26px; padding-bottom:15px; border-bottom:2px solid #B1AEAE; margin-bottom:15px; text-align:center;}
.form1 .select1Outer{  border-bottom:1px solid #B8B8B8; background:url(../assets/imgs/arrow.jpg) right 15px  no-repeat;}
.form1 .select1{ border:0px; width:100%;height:25px; background:none; appearance:none !important; 
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */ font-size:16px; height:40px; line-height:40px; color:#A3A1A1; text-transform:uppercase;}
.form2{ width:90%; margin:0 auto;}
.form2 label{ font-size:14px; font-weight:bold; color:#000;}

.twoColumn3{border-bottom:1px solid #B1AEAE; padding-bottom:25px; margin-bottom:25px;}
.twoColumn3 .column1{ width:40%; }
.twoColumn3 .column1Inner{ margin-bottom:20px;}
.table21{border-collapse: collapse; border-spacing: 0; width:100%; padding:10px;}
.table21 th{ font-size:14px; font-weight:bold; color:#3376f1; text-align:left; padding:5px;}
.table21 td{ font-size:14px;  color:#898989;text-align:center; padding:5px;}
.note{ font-size:10px; color:#000!important;}
p.note1{ top:-20px; position:relative; font-size:10px; color:#fff; margin-left:10px; }


.footerLogo { text-align:center; padding: 8% 0;}
#tabs-5 .sec3 p.tc { top:200px; width:490px;}
#tabs-5 .sec3 p.tc span { display: block; font-size: 5px; line-height: 8px;}

table.tableAward tr td { text-align:left; width:33.3%}
table.tableAward h2 { font-size:14px; font-weight:bold; color:#045cff; margin-bottom:7px;}
table.tableAward p { font-size:14px; color:#000; line-height:20px; position:relative; margin-bottom:7px;}

#video2 { width:100%; margin-top:20px;}

.table3 td{ font-size:14px; text-transform:uppercase; color:#010101; text-align:center; padding:15px 5px;}
.table3 .blue{ color:#3376f1; font-weight:bold;}

.commonHead{ padding-top:50px;}
.twocolumn2 .column1 img{ width:100%;}


#video1 li { position:relative;}

.skew{ transform: skew(40deg,0deg); /* Standard syntax */ background: red; width: 200px;height: 300px;}
.skewInner{transform: skew(-40deg,0deg);}

/*27-06-2022*/
.tableWrap{ text-align: center;}
.tableWrap .table1 .head{ background-color: #ccc;}
.video1{ width: 100%; height: 80vh;}