@charset "UTF-8";
body{ overflow-x:hidden; position:relative; font-family: arial; }
*{list-style:none; margin: 0px; padding: 0px; text-decoration: none; outline: none;}

.logo img{ width:100%;}
.tabsNav{ margin-bottom:20px; }

#getFixed { width: 100%; z-index: 999; background: #fff;}
.box1{ background:#77787b; transform: skew(-15deg); width:90%; margin:0 auto;}
#tabs-5  img,#tabs-9 img, #tabs-8 img{ width:100%; }

#tabs-5 .img1{ position:absolute; right:11px; bottom:-142px; transform:skew(15deg);}
.box2{background:#d9d9d9; width:300px; height:143px; margin-left:534px; }
.twocolumn2 .column1 img{ width:100%;}
#tabs p.note{font-size:12px; line-height: 20px; color: #010101}
#tabs-5 .box1{ margin-bottom:142px;}
#tabs-5 .sec2 p{  right: 20px; top: 155px; width: 300px;}
#tabs-5 .sec1 p{ color: #d3d5d5; left: 20px; top: 145px; width: 300px;}
#tabs-5 .sec3 p{ color: #fff; right: 0px; top: 150px; width: 275px;}
#tabs-5 .sec6 p{ color: #fff; right: 0px; top: 126px; width: 235px;}
#tabs-7 .sec1{ width:100%; margin:0 auto;}

#tabs-7 .heading{ position:relative; height:50px;border-bottom:1px solid #cfd0d1; margin-bottom:30px; }
#tabs-7 .inner{ padding:10px 30px; text-align:center; display:inline-block; position:absolute;left:48%; background:#fff; width:360px; margin-left:-180px; top:0px; }
.table1Out { margin-bottom:20px; padding-top:20px; }
#tabs-7 .text{ font-size:18px; color:#010101; text-transform:uppercase; font-family: 'Lato-Regular';}
#tabs-7 .table1Out .column1{ width:50%; float:left; padding:15px 0px;}
#tabs-7 .borderright{ border-right:1px solid #C3BABA;}

.table1 td, .table1 th{ font-size:15px; color:#010101; padding:5px 4px; border:1px solid #BCB7B7; text-align: center;}
.table_1_1 tr td{ width: 30%;}
.table_1_2 tr td{ width: 20%;}
.table1{border-collapse: collapse; border-spacing: 0; width:100%;}
.table1 td.blue{ color:#015bff; font-size:11px; font-weight:bold; text-transform:uppercase;}
.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; overflow-x: hidden;}
.backBtn1{ position: absolute; display: inline-block; left: 10px; top: 10px; padding: 0; margin: 0; background-color: #fff; width: 80px; text-align: center; line-height: 80px; z-index: 99;}
.backBtn1 img{width:23px; height:43px; display:inline-block;}

.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 10px;display:inline-block; text-align:center; font-size:14px; color:#3e3e3f; font-family: 'Lato-Regular'; font-weight:bold; text-transform:uppercase;}
.tabsNav li a span{ height:50px; display:inline-block;}
.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{ width:100%;}

.common-sec{ position:relative; padding-bottom:0px;}
.common-sec p{ font-size:11px; color:#fff; line-height:14px; position:absolute; font-family: 'roboto-italic'; }
.common-sec .note{ position:initial; font-family: 'Lato-Regular'; }
.common-sec h3{ font-size:16px; color:#fff;  position:absolute; font-family: 'Lato-Regular';}
.common-sec p a{color:#706f6f; text-decoration:underline;}
#tabs-3 .sec1 p{ color: #fff;  left: 20px; top: 110px; width: 250px;}
#tabs-3 .sec2 p{ top:110px; left:18px; width:230px;}

#tabs-3 .sec3 h3{ top:100px; right:12px; width:220px;}
#tabs-3 .sec3 p{ top:140px; right:40px; width:190px;}
#tabs-3 .sec4 h3{ top:70px; left:40px; width:220px;}
#tabs-3 .sec4 p{ top:140px; left:20px; width:210px;}
#tabs-3 .sec5 h3{ top:70px; right:5px; width:222px;}
#tabs-3 .sec5 p{ top:135px; right:30px; width:195px;}
#tabs-3 .sec6 h3{ top:85px; left:35px; width:210px;}
#tabs-3 .sec6 p{ top:150px; left:35px; width:215px; color:#fff;}

#tabs-2 .sec1 p{ color: #fff;  left: 22px; top: 135px; width: 250px;}
#tabs-2 .sec2 p{ top:110px; left:18px; width:250px;}
#tabs-2 .sec2 h3{top:120px; right:188px;}
#tabs-2 .sec3 p{ top:135px; left:20px; width:225px; color:#fff;}
#tabs-2 .sec3 h3{top:100px; left:20px; color:#fff;}
#tabs-2 .sec4 p{ top:135px; right:40px; width:165px; color:#fff;}
#tabs-2 .sec4 h3{top:100px; right:120px; color:#fff;}
#tabs-2 .sec5 h3{top:100px; left:45px;}
#tabs-2 .sec5 p{ top:140px; left:45px; width:145px; color:#fff;}

#tabs-4 .sec1 h3{ top:125px; right:5px; width:218px;}
#tabs-4 .sec1 p{ color: #fff; left: 15px; font-size: 10px; line-height: 13px; top: 125px; width: 290px;}
#tabs-4 .sec2 h3{ top:110px; left:20px; width:245px;}
#tabs-4 .sec2 p{ color: #fff; right: 20px; top: 132px; width: 206px;}
#tabs-4 .sec2 p span{ font-size:24px; font-weight:bold; text-transform:uppercase;}
#tabs-4 .sec3 h3{ top:80px; right:0px; width:240px;}
#tabs-4 .sec3 p{ color: #000; left: 29px; top: 130px; width: 200px;}
#tabs-4 .sec4 p{ color: #fff; right: 29px; top: 130px; width: 200px;}
#tabs-4 .sec5 p{ color: #fff; left: 29px; top: 110px; width: 200px;}
.list1{ width:96%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.list1 li{ width:50%; text-align:center; margin-bottom:50px; position: relative;}
.list1 li a{ float: left; width: 100%;}
#tabs-6  .list1 li img{ width:100%;}
.list1 li p { font-size:16px; font-weight:bold; text-transform:uppercase; font-family: 'Lato-Regular'; color:#494848; padding-top:0; position: absolute; left: 0; bottom: 10px; width: 100%; z-index: 8;}
.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{ display:inline-block;}
.twitter{ display:inline-block;}
#video1 ul{ position:relative !important; top:0px !important;}
#mainTab2 ul a{ background:none !important; color:#8c8c8c; margin-left:100px;}
#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:80%; 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);  top: 0;}
#mainTab2 .tabsNav li.ui-tabs-active a,#mainTab2 .tabsNav li.ui-state-active a{ color:#fff;}
.height100{ height:100px !important;}

#mainTab2 .ulOuter1 { width:50%}

.footerLogo { padding: 8% 0; text-align: center;}
.fancybox-controls--canGrab .fancybox-placeholder{ background:white;}

.tabsNav { position: relative; top: 20px; left: 0; margin: 0; z-index: 999;}

@media (max-width: 450px)
{
    .list1 li p { font-size: 10px;}
}