@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation-regular-webfont.eot');
    src: url('../fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-regular-webfont.woff2') format('woff2'),
         url('../fonts/sansation-regular-webfont.woff') format('woff'),
         url('../fonts/sansation-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansation-regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sansationbold';
    src: url('../fonts/sansation-bold-webfont.eot');
    src: url('../fonts/sansation-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-bold-webfont.woff2') format('woff2'),
         url('../fonts/sansation-bold-webfont.woff') format('woff'),
         url('../fonts/sansation-bold-webfont.ttf') format('truetype'),
         url('../fonts/sansation-bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; text-decoration: none; margin: 0; padding: 0; outline: none; }
.transition, .transition:before, .transition:after, .transition:hover { transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: none; outline: none; vertical-align: middle; }
a:hover { }
a, a:focus { outline: none; }
body { background:#12102d;  font-family: 'sansationregular';}
a:hover { color: #ff7b00; }
a { font-weight: normal; color: #34495e; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { text-transform:uppercase; font-size:32px; color:#fff; margin:0 0 66px 0; padding:0 ; font-family: 'sansationbold';}
h2 {text-transform:uppercase; color:#39b54a; font-size:23px; font-family: 'sansationbold';  line-height:30px; margin:0 0 15px 0; padding:0;}
h3 { font-size:23px; color:#2b3990;  font-family: 'sansationbold'; padding:0; margin:0 0 3px 0;}
p { font-size:16px; color:#fff; line-height:24px; padding-bottom:22px;}
b, strong{font-family: 'sansationbold'; font-weight:normal;}
::-moz-selection {color: #fff; background: #2c843f;}
::selection { color: #fff; background: #2c843f; }
.clear { clear: both; }
div, input, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; }

.main-wrapper{ max-width:1200px; }
.section-menu-icon{ z-index:1; width:94px; background:#14133b; position:fixed; left:0; top:0; height:100%;  transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.menu-icon{ width:100%; text-align:center; padding-top:21px;}
.star-icon{ width:100%; padding-top:272px; text-align:center;}
.section-menu-icon{}
.section-menu{ background:#12102d; z-index:11; margin-left:0; width:310px; height:100%; float:left; display:none; position:fixed;}
.menu-distance .section-menu-icon{ left:310px;}
ul.language-selection{ margin:0; padding:0; width:100%; float:left;}
ul.language-selection li{color:#9f9ccc; font-size:17px; float:left; padding:0 3px; list-style:none;}
ul.language-selection li a{ color:#9f9ccc; font-size:17px;}
ul.language-selection li a:hover, ul.language-selection li a:focus, ul.language-selection li a.current{ color:#39b54a;}
.section-menu-main{ padding-left:76px; width:100%; float:left; padding-top:19px;}
.menu-icon a{ background:url(../images/menu-icon.png) no-repeat; width:35px; height:24px; display:block; margin:0 auto;}
.menu-icon.icon-change  a{ background:url(../images/cross.png) no-repeat; width:33px; height:33px;}
ul.menu{ margin:84px 0 0 0; padding:0 0 3px 0; width:100%; float:left;}
ul.menu li{line-height:32px;padding:0 3px; list-style:none;}
ul.menu li a{  color:#a09ccc; font-size:17px;  text-transform:uppercase; }
ul.menu li a:hover, ul.menu li a:focus, ul.menu li a.current{ color:#fff;}
.address{ width:100%; float:left; padding-top:80px; padding-left:3px;}
.address p{ padding:0; margin:0; color:#fff; font-size:12px; line-height:20px; text-transform:uppercase;}
.address p.top-paddind{ padding-top:25px;}
.clearfix:after {content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0;clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
.section-right{ overflow:hidden; width:100%; padding-left:94px; padding-bottom:150px; color:#fff; transition: 0.5s;  -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } 
.left-distance{ margin-left:404px; padding-left:0;}
.top-banner{ width:100%; position:relative;}

.banner-txt{ position:absolute; font-size:56px; color:#fff; line-height:56px; text-align:center; width:100%; left:0; top:45px; text-transform:uppercase; font-family: 'sansationbold';  padding: 0 120px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}

.bottom-icon{ width:100%; text-align:center;}
.home-txt{ text-align:center; width:100%; color:#fff; font-size:25px; line-height:38px; text-transform:uppercase; padding:86px 120px;}
ul.home-blog{ width:100%; margin:0; padding:0 26px 0 0;} 
ul.home-blog li{ list-style:none; padding-left:26px; width:33.33%; float:left; line-height:24px; color:#fff;}
ul.home-blog li b{ color:#39b54a; text-transform:uppercase;}
.section-inner-left{ width:526px; float:left; position:fixed;}
.section-inner-right{ float:left; padding:52px 28px 0 570px; width:100%;}
.blue-txt{ color:#2b3990; font-size:19px; line-height:30px; padding:0 0 61px 30px; text-transform:uppercase;  font-family: 'sansationbold';}
.txt-big p{ font-size:19px; line-height:30px;}

.our-offring{ width:100%; padding:140px 111px 0 111px; text-align:center;}
.our-offring-txt{ width:100%;}
.our-offring-txt p{ font-size:23px; margin:0; padding:0; line-height:34px; text-transform:uppercase;}

ul.category{width:100%; padding-top:70px;}
ul.category li{ width:33.33%; padding:0 16px; list-style:none; float:left; margin:0;}
ul.category li img{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.category li span{ display:block; text-align:center; padding-top:15px; color:#39b54a; font-size:17px;  transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.category li:hover span{ color:#fff;}
ul.category li:hover img{ opacity:0.8; transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9);}
.texaco{ width:100%; position:relative;}
.texaco-content{ position:absolute; top:80px; left:214px; width:710px;}
.texaco-content-left{  float:left; width:153px;}
.texaco-content-right{ float:left; width:550px; padding-left:24px;}
.texaco-content-right p{ font-size:19px; line-height:30px;}
.link{ color:#39b54a; font-size:19px; margin-top:5px; display:block;}
.link:hover{ color:#fff; text-decoration:underline;}
.history h1{ text-align:center;}
.history{ padding:82px 44px 0; width:100%; float:left;}

ul.time-line{ width:100%; margin:0; padding:0;}
ul.time-line li{ list-style:none;  width:100%; float:left; position:relative;}
ul.time-line li p { position:relative; font-size:16px; line-height:24px;}
.time-line-left{ position:relative; float:left; width:46.2%; text-align:right; min-height:148px;}
.time-line-right{ position:relative; float:right; width:46.2%; min-height:148px;} 
.current-year h3{ color:#39b54a;}
/*.time-line-right:after{ height:100%; width:5px; position:absolute; background:#2b3990; content:""; left:-8.8%; top:0;}*/
ul.time-line li:before{height:100%; width:5px; position:absolute; background:#2b3990; content:""; left:50%; margin-left:-3px; top:0;}

ul.time-line li:last-child:before{height:100%; width:5px; position:absolute; background:none; content:""; left:50%; margin-left:-3px; top:0;}

ul.time-line li:last:child:before{height:100%; width:5px; position:absolute; background:#12102d; content:""; left:50%; margin-left:-3px; top:0;}

.time-line-right h3, .time-line-left h3{ position:relative;}
.time-line-right h3:after{ background:url(../images/timeline-gol.png) no-repeat; width:28px; height:28px; position:absolute; left:-11.5%; z-index:1; top:-2px; content:"";}
.time-line-left h3:after{ background:url(../images/timeline-gol.png) no-repeat; width:28px; height:28px; position:absolute; right:-11.2%; z-index:1; top:-2px; content:"";}
.current-year .time-line-left h3:after{ background:url(../images/latest-timeline.png) no-repeat; width:28px; height:136px; top:-114px; right:-11.3%; content:""; position:absolute;}

.link-box{ padding-bottom:30px;}
.link-box p{ margin:0; padding:0;}
.link-box h2{ margin-bottom:0;}
.email-link{ color:#fff;}
.email-link:hover{ text-decoration:underline; color:#fff;}