body{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; background-color:#fff; color:#474747;} body #main-menu{transition: all 0.3s ease; background-color:#012f56; padding-top:0px; padding-bottom:0px;} body.scrolled #main-menu{opacity: 1;transition: all 0.3s ease; background-color:#012f56!important; padding-top:0px; padding-bottom:0px; border-bottom:0px solid #013663;} .modal-backdrop.in {opacity: 0.9;} .modal p{color:#333} a:link, a:visited{color:#012f56; transition:all 0.3s ease} a:hover, a:focus{transition:all 0.3s ease; color:#23b4af} .btn:link, .btn:visited, button.btn-custom{font-family: 'Oswald', sans-serif; font-weight:400; font-size:20px; background-color:#fbb040; color:#fff; padding:10px 50px 10px 50px; text-shadow:1px 1px 1px #965b02; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: all 0.3s ease} .btn:hover, button.btn-custom:hover{text-decoration:underline; background-color:#23b4af; text-shadow:1px 1px 1px #0a8480; padding:10px 60px 10px 60px; transition: all 0.3s ease; color:#fff} .navbar-toggle .icon-bar{width:16px; height:1px;} div.modal-content{background:url(../../images/worldmap-popup.jpg) #fff center 80px no-repeat; text-align:justify} div.modal-content ul{list-style: none; padding: 0; margin: 0; text-align:left} div.modal-content li{padding-left: 20px;} div.modal-content li::before { content: "• "; color: #47c0bc; /* or whatever color you prefer */ } div#service1 ul{list-style: none; padding: 0; margin: 0; text-align:left} div#service1 li{padding-left: 20px; font-size:15px; padding-bottom:5px;} div#service1 li::before {content: "• ";color: #47c0bc; padding-right:3px;} div#projects ul{list-style: none; padding: 0; margin: 0; text-align:left} div#projects li{padding-left: 20px; font-size:15px; padding-bottom:5px;} div#projects li::before {content: "• ";color: #47c0bc; padding-right:3px;} div.bootstrap-select button.bs-placeholder, div.bootstrap-select button.dropdown-toggle{display:none !important} .form-control {height: 45px; color: #444444; border:1px solid #cccccc; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:10px;} #mc-form input{color:#012f56;} #mc-form input::placeholder{color:#012f56;} #mc-form input:hover, textarea:hover {border: 1px solid #23b4af;} input.form-control:hover{box-shadow:none; border-color:none; outline:none} .carousel-control.left, .carousel-control.right{background:none} .carousel-control{width:2%; top:40%;} .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(16.7%, 0, 0); transform: translate3d(16.7%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-16.7%, 0, 0); transform: translate3d(-16.7%, 0, 0); } .carousel-inner-herobanner > .item.next, .carousel-inner-herobanner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner-herobanner > .item.prev, .carousel-inner-herobanner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .col-md-15 {width: 20%; float: left;} @media screen and (max-width: 768px) { .navbar-inverse .navbar-toggle{background-color:#fff; border:0px solid #fff;transition: all 0.3s ease; padding: 8px 8px; margin-top: 18px;} .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:#eaeaea; border:0px solid #fff;transition: all 0.3s ease} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:#00223e !important} } @media screen and (min-width: 321px){ /*HEADER*/ div#header{border-bottom: 1px solid #013561; text-align:center; padding:5px 0px 0px 0px; background-color:#00223e} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 3px 0px 3px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:4px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 3px 0px 3px; margin-bottom:4px;} div#header .header-info-language{display:inline-block; padding:0px 3px 0px 3px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 3px; display:none} div#header ul.header-info-language{margin:0; padding:0px 0px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:40px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:40px; transition:all 0.3s ease;} span.tagline{font-size:11px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:22px 0px 22px 10px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner img.slide_desktop{display:none;} #herobanner img.slide_mobile{display:block;} #herobanner{background-color:#00223e; margin-top:92px; color:#fff; cursor:pointer;} .caption{top:5px; right:15px; margin:0 auto; position:relative; width:auto; padding:20px 40px 50px 40px} .caption h1{font-size:18px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:30px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:13px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:none} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:0px; left:50%;} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:5px 5px 5px 5px; transition: all 0.3s ease; display:inline-block} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:5px 5px 5px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:14px; padding:6px 30px 6px 30px;} #herobanner .btn:hover{padding:6px 50px 6px 50px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:92px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:10px; height:18px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:13px; position:absolute; bottom:5px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:3px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} div#partners .col-md-15 {width: 50%; float: left;} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:14px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:14px; line-height:25px; margin-bottom:20px;} div#about p br{display:none} div#about .col-xs-12{padding-left:20px; padding-right:20px;} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:50px 0px 50px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 0px 0px 0px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:15px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:14px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 0px 0px 0px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 375px){ /*HEADER*/ div#header{border-bottom: 1px solid #013561; text-align:center; padding:5px 0px 0px 0px; background-color:#00223e} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 3px 0px 3px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:4px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 3px 0px 3px; margin-bottom:4px;} div#header .header-info-language{display:inline-block; padding:0px 3px 0px 3px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 3px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 3px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:40px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:40px; transition:all 0.3s ease;} span.tagline{font-size:13px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:22px 0px 22px 15px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner{background-color:#00223e; margin-top:95px; color:#fff; cursor:pointer;} .caption{top:5px; right:15px; margin:0 auto; position:relative; width:auto; padding:20px 40px 50px 40px} .caption h1{font-size:18px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:30px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:13px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:none} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:0px; left:50%;} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:5px 5px 5px 5px; transition: all 0.3s ease; display:inline-block} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:5px 5px 5px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:14px; padding:6px 30px 6px 30px;} #herobanner .btn:hover{padding:6px 50px 6px 50px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:95px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:10px; height:18px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:13x; position:absolute; bottom:5px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:3px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} div#partners .col-md-15 {width: 50%; float: left;} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:16px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:14px; line-height:25px; margin-bottom:20px;} div#about p br{display:none} div#about .col-xs-12{padding-left:30px; padding-right:30px;} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:50px 0px 50px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 0px 0px 0px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:30px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:14px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 10px 0px 10px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 414px){ /*HEADER*/ div#header{border-bottom: 1px solid #013561; text-align:center; padding:5px 0px 0px 0px; background-color:#00223e} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 3px 0px 3px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:4px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 3px 0px 3px; margin-bottom:4px;} div#header .header-info-language{display:inline-block; padding:0px 3px 0px 3px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 3px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 3px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:60px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:60px; transition:all 0.3s ease;} span.tagline{font-size:14px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:22px 0px 22px 15px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner{background-color:#00223e; margin-top:96px; color:#fff; cursor:pointer;} .caption{top:5px; right:15px; margin:0 auto; position:relative; width:auto; padding:20px 40px 50px 40px} .caption h1{font-size:18px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:30px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:13px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:none} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:0px; left:50%;} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:5px 5px 5px 5px; transition: all 0.3s ease; display:inline-block} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:5px 5px 5px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:14px; padding:6px 30px 6px 30px;} #herobanner .btn:hover{padding:6px 50px 6px 50px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:96px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:10px; height:18px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:15px; position:absolute; bottom:10px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:3px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} div#partners .col-md-15 {width: 50%; float: left;} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:18px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:16px; line-height:26px; margin-bottom:20px;} div#about p br{display:none} div#about .col-xs-12{padding-left:30px; padding-right:30px;} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:50px 0px 50px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 0px 0px 0px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:30px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 20px 0px 20px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 480px){ /*HEADER*/ div#header{border-bottom: 1px solid #013561; text-align:center; padding:5px 0px 0px 0px; background-color:#00223e} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 3px 0px 3px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:4px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 3px 0px 3px; margin-bottom:4px;} div#header .header-info-language{display:inline-block; padding:0px 3px 0px 3px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 3px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 3px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:80px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:130px; transition:all 0.3s ease;} span.tagline{font-size:14px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:22px 0px 22px 15px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner{background-color:#00223e; margin-top:96px; color:#fff; cursor:pointer;} .caption{top:5px; right:15px; margin:0 auto; position:relative; width:auto; padding:20px 40px 50px 40px} .caption h1{font-size:18px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:30px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:13px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:none} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:0px; left:50%;} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:5px 5px 5px 5px; transition: all 0.3s ease; display:inline-block} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:5px 5px 5px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:14px; padding:6px 30px 6px 30px;} #herobanner .btn:hover{padding:6px 50px 6px 50px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:96px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:10px; height:18px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:15px; position:absolute; bottom:10px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:3px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} div#partners .col-md-15 {width: 50%; float: left;} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:18px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:16px; line-height:26px; margin-bottom:20px;} div#about p br{display:none} div#about .col-xs-12{padding-left:30px; padding-right:30px;} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:60px 0px 60px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 80px 0px 80px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:30px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 40px 0px 40px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 640px) { /*HEADER*/ div#header{border-bottom: 1px solid #013561; text-align:center; padding:5px 0px 0px 0px; background-color:#00223e} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 3px 0px 3px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:4px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 3px 0px 3px; margin-bottom:4px;} div#header .header-info-language{display:inline-block; padding:0px 3px 0px 3px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 3px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 3px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:80px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:130px; transition:all 0.3s ease;} span.tagline{font-size:14px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:22px 0px 22px 15px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner img.slide_desktop{display:block;} #herobanner img.slide_mobile{display:none;} #herobanner{background-color:#00223e; margin-top:96px; color:#fff; cursor:pointer;} .caption{top:5px; right:15px; margin:0 auto; position:absolute; width:auto; padding:0px 0px 100px 0px} .caption h1{font-size:15px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:26px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:12px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 10px 0px 0px 40px;} .caption p br{display:block} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:0px; left:32%;} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:10px 5px 10px 5px; transition: all 0.3s ease; display:block} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:10px 5px 10px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:14px; padding:6px 30px 6px 30px;} #herobanner .btn:hover{padding:6px 50px 6px 50px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:96px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:11px; height:20px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:16px; position:absolute; bottom:15px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:12px 0px 12px 0px} div#partners img.partner-logo:hover{border:3px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} div#partners .col-md-15 {width: 20%; float: left;} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:18px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:16px; line-height:26px; margin-bottom:20px;} div#about p br{display:none} div#about .col-xs-12{padding-left:50px; padding-right:50px;} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:60px 0px 60px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 80px 0px 80px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:30px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 100px 0px 100px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 768px) { /*HEADER*/ div#header{border-bottom: 1px solid #013663; text-align:right; padding:10px 0px 0px 0px; background:none} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 5px 0px 5px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:10px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 10px 0px 10px; margin-bottom:10px;} div#header .header-info-language{display:inline-block; padding:0px 10px 0px 10px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 10px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 10px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:80px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:130px; transition:all 0.3s ease;} span.tagline{font-size:22px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:40px 0px 40px 20px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner{background-color:#00223e; margin-top:0px; color:#fff; cursor:pointer} .caption{top:15px; right:10px; margin:0 auto; position:absolute; width:auto; padding:0} .caption h1{font-size:16px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:26px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:13px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:block} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:30px; left:32%} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:10px 5px 10px 5px; transition: all 0.3s ease} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:10px 5px 10px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:16px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:0px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:20px; height:35px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:20px; position:absolute; bottom:25px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:5px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:18px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:16px; line-height:26px; margin-bottom:20px;} div#about p br{display:none} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:60px 0px 60px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 80px 0px 80px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:30px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 100px 0px 100px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 1024px) { /*HEADER*/ div#header{border-bottom: 1px solid #013663; text-align:right; padding:10px 0px 0px 0px; background:none} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 5px 0px 5px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 10px 0px 10px;} div#header .header-info-language{display:inline-block; padding:0px 10px 0px 10px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 10px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 10px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:80px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:130px; transition:all 0.3s ease;} span.tagline{font-size:16px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:45px 0px 45px 20px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner{background-color:#00223e; margin-top:114px; color:#fff; cursor:pointer} .caption{top:30px; right:50px; margin:0 auto; position:absolute; width:auto;} .caption h1{font-size:26px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:36px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:15px; margin-bottom:0; padding: 10px 0px 10px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:block} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:30px; left:32%} .carousel-indicators li {position: relative; max-width: 10px; width:10px; height:10px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:10px 5px 10px 5px; transition: all 0.3s ease} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:10px; height:10px; margin:10px 5px 10px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-family: 'Oswald', sans-serif; font-weight:400; font-size:20px; background-color:#fbb040; color:#fff; padding:10px 50px 10px 50px; text-shadow:1px 1px 1px #965b02; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: all 0.3s ease} #herobanner .btn:hover{text-decoration:underline; background-color:#23b4af; text-shadow:1px 1px 1px #0a8480; padding:10px 60px 10px 60px; transition: all 0.3s ease;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:114px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:20px; height:35px; margin-top:-6px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:30px; position:absolute; bottom:35px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:5px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:18px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:16px; line-height:26px; margin-bottom:20px;} div#about p br{display:block} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:60px 0px 60px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 105px 0px 105px; position:relative; z-index:10;} div#services .row2{top:-50px; position:relative; z-index:9} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:35px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:left!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:left; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:10px;} div.chitiet_team hr{margin:20px 0 30px 0!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 100px 0px 100px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 1280px) { /*HEADER*/ div#header{border-bottom: 1px solid #013663; text-align:right; padding:10px 0px 0px 0px; background:none} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 5px 0px 5px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px} div#header .header-info a.hotline, div#header .header-info a.mail{display:inline-block} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 10px 0px 10px;} div#header .header-info-language{display:inline-block; padding:0px 10px 0px 10px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 10px; display:inline-block} div#header ul.header-info-language{margin:0; padding:0px 10px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:80px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:130px; transition:all 0.3s ease;} span.tagline{font-size:22px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:40px 0px 40px 20px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner{background-color:#00223e; margin-top:114px; color:#fff; cursor:pointer} .caption{top:60px; right:50px; margin:0 auto; position:absolute; width:auto;} .caption h1{font-size:30px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:40px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:16px; margin-bottom:0; padding: 10px 0px 10px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:block} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:30px; left:32%} .carousel-indicators li {position: relative; max-width: 10px; width:10px; height:10px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:10px 5px 10px 5px; transition: all 0.3s ease} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:10px; height:10px; margin:10px 5px 10px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-family: 'Oswald', sans-serif; font-weight:400; font-size:20px; background-color:#fbb040; color:#fff; padding:10px 50px 10px 50px; text-shadow:1px 1px 1px #965b02; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: all 0.3s ease} #herobanner .btn:hover{text-decoration:underline; background-color:#23b4af; text-shadow:1px 1px 1px #0a8480; padding:10px 60px 10px 60px; transition: all 0.3s ease;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:114px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:20px; height:35px; margin-top:-6px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:30px; position:absolute; bottom:65px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:20px 0px 20px 0px} div#partners img.partner-logo:hover{border:5px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:18px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:16px; line-height:26px; margin-bottom:20px;} div#about p br{display:block} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:60px 0px 10px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 140px 0px 140px; position:relative; z-index:10;} div#services .row2{top:-50px; position:relative; z-index:9} div#services .row2 .col-md-3{padding:0px 15px 0px 15px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:60px 0px 60px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:40px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:left!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:left; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:10px;} div.chitiet_team hr{margin:20px 0 30px 0!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:60px 0px 60px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 100px 0px 100px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ } @media screen and (min-width: 1440px) { .caption{top:95px; right:150px; margin:0 auto; position:absolute; width:auto;} } @media screen and (min-width: 1600px) { .caption{top:120px; right:150px; margin:0 auto; position:absolute; width:auto;} } @media screen and (min-width: 1900px) { .caption{top:120px; right:450px; margin:0 auto; position:absolute; width:auto;} } @media screen and (max-width: 320px){ /*HEADER*/ div#header{border-bottom: 1px solid #013561; text-align:center; padding:5px 0px 0px 0px; background-color:#00223e} div#header ul li{display:inline; font-size:11px; color: #fff; padding:0px 3px 0px 3px;} div#header ul li a:link, div#header ul li a:visited{color:#fff;} div#header ul li a:hover{color:#fbb040; text-decoration:none} div#header .header-info{display:inline-block; padding:0px 0px 0px 0px; margin-bottom:4px;} div#header .header-info a.hotline, div#header .header-info a.mail{display:none} div#header .header-info-social{display:inline-block; border-left:1px solid #00427a; border-right:1px solid #00427a; padding:0px 3px 0px 3px; margin-bottom:4px;} div#header .header-info-language{display:inline-block; padding:0px 3px 0px 3px;} div#header span.header-info-language{font-size:11px; color:#fff; padding:0px 0px 0px 3px; display:none} div#header ul.header-info-language{margin:0; padding:0px 0px 0px 0px} div#header ul.header-info-language li{padding:0px 0px 0px 0px!important;} div#header .header-info-language li.active a:link, div#header .header-info-language li.active a:visited{background-color:#23b4af; color:#fff; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block; text-align:center} div#header .header-info-language li.inactive a:link, div#header .header-info-language li.inactive a:visited{background-color:#002544; color:#23b4af; padding:4px 4px 4px 4px; font-weight:bold; width:24px; height:22px; display:inline-block;text-align:center} div#header div.search{display:inline-block; padding:0px 10px 0px 10px; border-left:1px solid #00427a} div#header div.search input{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-size:12px; width:40px; height:22px; text-indent:6px; background:url(../../images/search-icon.png) #fff center right no-repeat; transition:all 0.3s ease; padding-right:22px;} div#header div.search input:hover{width:40px; transition:all 0.3s ease;} span.tagline{font-size:11px; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:22px 0px 22px 10px} /*END HEADER*/ /*SLIDESHOW*/ #herobanner img.slide_desktop{display:none;} #herobanner img.slide_mobile{display:block;} #herobanner{background-color:#00223e; margin-top:92px; color:#fff; cursor:pointer;} .caption{top:5px; right:15px; margin:0 auto; position:relative; width:auto; padding:20px 40px 50px 40px} .caption h1{font-size:18px; font-family: 'Oswald', sans-serif; font-weight:700; line-height:30px; text-align:left; background:url(../../images/back-arrow.png) top left no-repeat; padding-left:40px; margin-top:0px;} .caption p{font-size:13px; margin-bottom:0; padding: 0px 0px 0px 40px;} .caption p.btn-slide{padding: 20px 0px 0px 40px;} .caption p br{display:none} .carousel-item {position: relative; display: none; width: 100%;} .carousel-indicators {list-style: none; bottom:0px; left:50%;} .carousel-indicators li {position: relative; max-width: 8px; width:8px; height:8px; border:none; text-indent: -999px; cursor: pointer; background-color: #fff; opacity:1; margin:5px 5px 5px 5px; transition: all 0.3s ease; display:inline-block} .carousel-indicators li:hover, .carousel-indicators .active {background-color: #fbb040; border:none; width:8px; height:8px; margin:5px 5px 5px 5px; transition: all 0.3s ease} #herobanner .btn:link, #herobanner .btn:visited{font-size:14px; padding:6px 30px 6px 30px;} #herobanner .btn:hover{padding:6px 50px 6px 50px;} /*END SLIDESHOW*/ /*BANNER*/ div#banner{margin-top:92px; background-color:#012f56} div#banner .col-xs-12{padding-left:0; padding-right:0;} div#banner .col-xs-12 img{z-index:2} div#banner .col-xs-12 img.arrow{width:10px; height:18px; margin-top:-4px;} div#banner h1{text-align:center; font-family: 'Oswald', sans-serif; font-weight:700; color:#fff; font-size:13px; position:absolute; bottom:5px; z-index:3; width:100%} /*END BANNER*/ /*PARTNERS*/ div#partners{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#partners h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#partners hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#partners img.partner-logo{border:1px solid #e2e2e2; transition: all 0.3s ease; margin:15px 0px 15px 0px} div#partners img.partner-logo:hover{border:3px solid #23b4af; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);} div#partners .col-md-15 {width: 50%; float: left;} /*END PARTNERS*/ /*ABOUT US*/ div#about{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#about h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#about hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#about h3{font-size:14px; font-weight:700; color:#23b4af; text-align:center; margin-top:0; margin-bottom:20px;} div#about p{text-align:center; font-size:14px; line-height:25px; margin-bottom:20px;} div#about p br{display:none} div#about .col-xs-12{padding-left:20px; padding-right:20px;} /*END ABOUT US*/ /*OUR SERVICES*/ div#services{padding:50px 0px 50px 0px; background:url(../../images/worldmap.jpg) center 120px no-repeat; position:relative;} div#services h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#services hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#services .row1{padding:0px 0px 0px 0px} div#services .row2 .col-md-3{padding:0px 0px 0px 0px} div#services .hexagon{background:url(../../images/hexagon.png) 0 0 no-repeat; width:280px; height:300px; padding:50px 20px 0px 20px; margin:0 auto;} div#services img.service-icon{margin-bottom:35px;} div#services p.title{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #0c7d79; color:#fff; font-weight:700; padding-top:5px} div#services .hexagon:hover a:link, div#services .hexagon:hover a:visited, div#services .hexagon:hover a:hover{text-decoration:none; color:#fff;} .expandbutton_service{position:absolute; padding:0px 100px 0px 100px; margin-top:55px; bottom:0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 800ms ease-in-out;} a.popup_service:hover .expandbutton_service{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} /*END OUR SERVICES*/ /*NEWS*/ div#news{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#news h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#news hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#news h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#012f56; text-align:left; line-height:24px; padding:15px 35px 5px 35px} div#news div.news_inside{background-color:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); transition: all 0.3s ease; border-bottom:6px solid #fff; margin-bottom:15px;} div#news div.news_inside:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all 0.3s ease; border-bottom:6px solid #fbb040} div#news div.news_inside p{padding:10px 35px 20px 35px; line-height:24px;} div#news div.news_inside:hover p{color:#000} div#news span.created{color:#999999; font-size:12px; display:block;background:url(../../images/date-icon.png) 0px 2px no-repeat; margin:0px 35px 0px 35px; padding:4px 0px 4px 25px} /*END NEWS*/ /*TEAMS*/ div#teams{padding:50px 0px 50px 0px; background:url(../../images/news-bg.jpg) #e9ebde center 0 no-repeat; position:relative;} div#teams .col-xs-12{margin-bottom:15px;} div#teams h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#teams hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#teams div.name{background-color:#23b4af; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover{background-color:#012f56; width:290px; margin:0 auto; transition:all 0.3s ease} div#teams div.name:hover h3, div#teams div.name:hover p{text-shadow:1px 1px 1px #001f3a;} div#teams h3{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:24px; padding:15px 5px 3px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div#teams h3 a:link, div#teams h3 a:visited{color:#fff;} div#teams p{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:24px; padding:0px 5px 12px 5px; margin:0px; text-shadow:1px 1px 1px #118f8b;} div.chitiet_team h3{text-align:center!important} div.chitiet_team h4{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; color:#23b4af; text-align:center; line-height:20px; padding:5px 5px 0px 0px; margin:0px;} div.chitiet_team img{border:1px solid #e6e6e6; margin-top:5px; margin-bottom:20px;} div.chitiet_team hr{margin:20px auto 30px auto!important} /*END TEAMS*/ /*CONTACT US*/ div#contact{padding:50px 0px 50px 0px; background:#fff; position:relative;} div#contact h2{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:700; color:#012f56; text-align:center; margin-top:0;} div#contact hr{width:55px; background-color:#fbb040; height:4px; border:0; margin:20px auto 40px auto;} div#contact h3, div#contact h3 a:link, div#contact h3 a:visited{font-family: 'Oswald', sans-serif; font-size:14px; font-weight:300; color:#23b4af; text-align:center; margin-top:0; transition:all 0.3s ease} div#contact h3 a:hover{color:#fbb040; transition:all 0.3s ease} div.form-contact{padding:0px 0px 0px 0px} div.form-contact .col1, div.form-contact .col2{padding:0px 25px 0px 25px} /*END CONTACT US*/ }