@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td { margin: 0; padding: 0; line-height: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 300; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { font: 12px Arial, Helvetica, sans-serif; }
html, html a { -webkit-font-smoothing: antialiased !important; }
.saver { clear: both !important; height: 0px !important; line-height: 0px !important; float: none !important; display: block !important; }
.hiddenText { font-size: 0px !important; text-indent: -9999px !important; }
.hide { display: none; }
a img { border: 0; }
a { outline: 0; cursor: pointer; text-decoration: none; transition:0.6s; }
a:hover { transition:0.4s;}
p { padding: 0; margin: 0; line-height:120%; }
img { border: none; max-width:100%; line-height:0; }
.outerWrapper { }
.wrapper { width:1200px !important; margin: 0 auto !important; position: relative !important; }
.innerWrapper { width:972px; margin: 0 auto !important;}
.leftContainer { float: left; }
.rightContainer { float: right; }
.centerContainer { display: table; margin: 0 auto; }
.noMargin { margin: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
h1 { font-size:52px; text-align:center; width:60%; margin:0 auto; line-height:100%;}
body { font-family: 'Varela Round', sans-serif; font-weight:400; font-size: 18px; color: #000; background: #fff; width: 100%; margin: 0; padding: 0; }

#main { }
#headerContainer { }
header { position:absolute; width:100%; top:60px; text-align:right; z-index:999; }
.headerSocial { float:right; margin:0 40px 0 0;}
.headerSocial a { display:flex; align-content:center; align-items:center; float:left; margin:0 5px; border:1px solid #fff; color:#fff; border-radius:100%; width:30px; height:30px; text-align:center; font-size:18px; }
.headerSocial a i { display:tale; margin:0 auto;}
.headerSocial a:hover { background:#fff; color:#2d308e;}

.headerGorsel { width:100%; }
#mainContainer { background:url(../images/main-bg.png) no-repeat left top; background-size:100% auto; position:relative; }
.rightFixedButton { position:absolute; right:0; width:305px; font-size:16px; margin:80px 0 0 0; text-align:right; z-index:9999; display:none;}
.rightFixedButton a { color:#35066a; display:block; line-height:120%; padding:15px 20px 15px 40px; background:#ffd300; border-top-left-radius:30px; border-bottom-left-radius:30px;}
.rightFixedButton a:hover { background:#35066a; color:#fff;}

.navigationThumbsContainer { width:650px; margin:0 auto;}
#sync1 .item, #sync1 .item-video { margin:0;}
#sync2 .item { cursor:pointer; }
#sync2 .item span { display:block; padding:20px; font-size:16px; line-height:120%; min-height:80px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#ffbc0d;}
#sync2 .synced .item {}
#sync2 .item i { color:#fff; display:block; position:absolute; z-index:999; width:100%; height:100%; top:25%; text-align:center;}
.item-video .owl-video-wrapper {}
.item-video .owl-video-tn { background-size:cover !important;}
.item-video video { width:100%; cursor:pointer;}
.owl-image-wrapper { height:500px !important; margin:60px; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.35);}
#sync2 .owl-prev { position:absolute; left:-125px; top:110px; color:#ffd715;}
#sync2 .owl-next { position:absolute; right:-125px; top:110px; color:#ffd715;}
#sync2 .owl-prev.disabled, #sync2 .owl-next.disabled { color:#bababa;}
#sync2 .owl-prev:hover, #sync2 .owl-next:hover {}

.videoSummary { min-height:500px;}

.owl-carousel .owl-video-wrapper { background:none !important;}

#sync2 .item {}
.videoPlayBtn { position:absolute; text-align:center; width:100%; height:100%; color:#fff; font-size:90px; top:33%; cursor:pointer;}
.videoPlayBtn:before { width:100%;}

.mainVideoItem .owl-item .item-video { display:none; }
.mainVideoItem .owl-item.active .item-video { display:block; }

#videoContainer { margin:0; font-size:34px; }
.mainVideoItem { width:100% !important; margin:60px auto;}
.mainVideoItem iframe { width:100% !important; height:500px;}
#videoContainer p { padding:35px 90px 0 90px;}

#newsContainer { margin:100px 0 0 0; padding:45px 0 85px 0; background:url(../images/news-bg.png) right 140px top repeat-y;}
.newsItem { padding:0 30px; font-size:14px; margin:-40px 0 0 0; color:#000;}
.newsItem .thumb { width:calc(45% - 50px); margin:0 50px 0 0; }
.newsItem .summary { width:40%; margin:85px 0 0 0; }
.newsItem .summary span { font-size:22px; line-height:120%;}
.newsItem .summary p { padding:25px 0 0 0; line-height:140%;}
.newsItem.rightContainer { text-align:right;}
.newsItem.rightContainer .thumb { margin:0 0 0 50px;}
.newsShowMore { border-top:1px solid #bbbbbb; padding:30px 0 0 0; margin:30px 0 0 0;}

a.btnYellow { display:table; margin:0 auto; background:#ffd300; color:#fff; padding:10px 35px; border-radius:25px; font-size:16px; line-height:100%; } 
a.btnYellow:hover { background:#000;}

#productsContainer { padding:100px 0 0 0; }
#productsContainer h2 { color:#787878; font-size:20px; text-align:center; margin:0 0 10px 0; line-height:100%;}
#productsContainer .summary { text-align:center; padding:30px 50px 40px 50px; }
#productsContainer .summary p { line-height:140%; }
.prepregsContent { background:#00c9ff; color:#fff; padding:45px 40px; margin:0 15px 0 0; width:calc(50% - 95px); border-top-left-radius:5px; border-bottom-left-radius:5px; font-size:16px; min-height:480px; position:relative; }
.prepregsContent h3 { font-size:30px; padding:0 0 25px 0;}
.prepregsContent p { line-height:180%;}
.prepregsContent a.btnYellow { margin:30px 0 0 0; position:absolute; bottom:40px;}
.fabricsContent { background:#7200f3; color:#fff; padding:45px 40px; margin:0 0 0 15px; width:calc(50% - 95px); border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:16px; min-height:480px; position:relative;}
.fabricsContent h3 { font-size:30px; padding:0 0 25px 0;}
.fabricsContent p { line-height:180%;}
.fabricsContent a.btnYellow { margin:30px 0 0 0; position:absolute; bottom:40px;}

.productsPlane { padding:100px 0 0 0; text-align:center;}

.tireProductSummary { background:url(../images/tire-summary-bg.png) center top no-repeat; color:#fff; width:500px; height:47px; padding:70px 85px; line-height:140%; margin:0 auto 40px auto; text-align:center;}
.tireProductContent { text-align:center;}

.btnBlue { background:#00c9ff; display:table; margin:40px auto 0 auto; color:#fff; padding:15px 30px; border-radius:25px; }
.btnBlue:hover { background:#ffd300;}

#centerOfExcellenceContainer { padding:100px 0 0 0; }
#centerOfExcellenceContainer .thumb { width:calc(55% - 85px); margin:0 0 0 85px; }
#centerOfExcellenceContainer .summary { width:45%; margin:70px 0 0 0; }
#centerOfExcellenceContainer .summary p { line-height:140%; }
#centerOfExcellenceContainer a.btnYellow { margin:30px 0 0 0;}

#globalFootpintContainer { padding:100px 0 0 0; }
#globalFootpintContainer .thumb { margin:50px 0 0 0; text-align:center;}

#contactBannerContainer { padding:100px 0 0 0; }

#manufacturersCompaniesContainer { padding:100px 0 0 0; }
#manufacturersCompaniesContainer h2 { font-size:22px; text-align:center; color:#35066a; padding:25px 0 20px 0; letter-spacing:-1px; }
#manufacturersCompaniesContainer .companiesTreeContainer { text-align:center; padding:35px 50px 0 50px;}
#manufacturersCompaniesContainer .companiesTreeContainer .bigThumb { text-align:center;}
#manufacturersCompaniesContainer .companiesTreeContainer .tree { margin:10px 0;}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb { width:calc(33.3% - 24px);}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb img { width:100%;}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb.center { margin:0 35px;}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb span { display:block; text-align:left; font-size:14px; color:#3c3c3c; padding:20px; background:#e5e5e5; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb span i { display:block; font-style:normal; font-size:14px; color:#263a79; padding:4px 0; float:right; border:2px solid; border-radius:100%; width:22px; text-align:center; margin:-15px -10px 0 0; }
#manufacturersCompaniesContainer .companiesTreeContainer .thumb a { display:block;}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb a:hover span { background:#263a79; color:#fff;}
#manufacturersCompaniesContainer .companiesTreeContainer .thumb a:hover span i { color:#fff;}

#footerContainer { }
.discoverButton { text-align:center; display:table; margin:0 auto; display:none; }
.discoverButton a { display:block;}
.discoverButton a:hover { opacity:0.6;}

.btnToUp { position:absolute; right:100px; margin:50px 0 0 0; z-index:99;}
.btnToUp a { background:#ffd300; color:#fff; padding:20px 15px; font-size:30px; display:block; line-height:0; }
.btnToUp a i { line-height:0;}

.footerSocial { text-align:center; padding:100px 0 30px 0; display:table; margin:0 auto;}
.footerSocial a { display:flex; align-content:center; align-items:center; float:left; margin:0 5px; border:1px solid #2d308e; color:#2d308e; border-radius:100%; width:50px; height:50px; text-align:center; font-size:30px; }
.footerSocial a i { display:tale; margin:0 auto;}
.footerSocial a:hover { background:#2d308e; color:#fff;}

.footerLogo { text-align:center;}
.footerCopy { text-align:center; font-size:12px; color:#b5b5b5; padding:40px 0 50px 0;}

.border1 { display:table; margin:15px auto; background:url(../images/border1.png) center no-repeat; padding:0; line-height:0; width:100px; height:6px;}
.border2 { display:table; margin:15px auto; background:url(../images/border2.png) center no-repeat; padding:0; line-height:0; width:100px; height:6px;}

.nav-menu {background: #ffd300;display: grid;margin: -3px 0;}
.nav-menu ul {margin: 0 auto;display: table;}
.nav-menu ul li {float: left;list-style: none;padding: 10px 0;font-size: 20px;}
.nav-menu ul li a {color: #390574;border-right: 1px solid #390574; padding: 0 25px;}
.nav-menu ul li:nth-child(4) a {border-right: none;}

.articlesList .item {padding: 35px 0 0 0;}
.articlesList .articlesImg {float: left; width: 35%;}
.articlesList .articlesText {float: right; width: 65%;}
.articlesList .articlesText a {color:#000}
.articlesList .articlesText h2 {font-size: 20px;font-weight: bold;padding: 0 0 15px 35px;}
.articlesList .articlesText p {font-size: 17px;padding: 0 0 0 35px;}
.open {display:none;}