@charset "utf-8";
/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
body { font-family: 'Roboto', sans-serif; font-size:14px; color:#6d6f71; }

.mobile-contact { width:100%; display:none; margin:0px; padding:0px; list-style:none; text-align:center; position:fixed; left:0px; bottom:0px; z-index:2; }
.mobile-contact > li { width:50%; display:inline-block; vertical-align:top; background-color:#00c7ca; }
.mobile-contact > li.whatsapp { background-color:#27bc80; }
.mobile-contact > li.instagram { background-color:#f85f89; }
.mobile-contact > li.map { background-color:#1089e9; }
.mobile-contact > li > a { display:block; color:#ffffff; font-size:13px; font-weight:600; line-height:40px; cursor:pointer; }

.header {  }
.header h1 { width:250px; height:82px; float:left; margin-right:30px; background-image:url(/images/genova.png); background-repeat:no-repeat; background-position:left top; cursor:pointer; outline:none; }
.header h2 { float:left; margin-top:66px; color:#9b9d9e; font-size:18px; font-weight:300; }
.header h2 strong { color:#f26822; }
.header h2 strong:nth-child(2) { color:#0b488d; }
.header .top-links { float:right; margin-top:25px; margin-bottom:15px; text-align:right; color:#9b9d9e; font-size:17px; }
.header .top-links span {color:#222323; }
.header .top-links > a { display:inline-block; margin-top:10px; margin-left:8px; padding:6px 8px; vertical-align:top; color:#f26822; font-size:14px; border:1px solid #e2e5e7; }
.header .top-links > a.offer { margin-left:18px; padding:6px 14px 6px 14px; }
.header .top-links > a.offer img { margin-left:10px; }
.header .top-links .phones { display:inline-block; margin-left:20px; }
.header .top-links .phones > a { color:#222323; font-size:14px; }

.navigation { float:right; clear:right; }
.navigation .navbar-header { color:#ffffff; font-weight:700; }
.navigation .navbar-header button { background-color:transparent; outline: none; }
.navigation .navbar-header i { font-size:30px; color:#82878a; }
.navigation .nav { margin:0px; }
.navigation .nav > li { display:inline-block; padding-left:1px; background-image:url(/images/border-navigation.png); background-repeat:no-repeat; background-position:left center; }
.navigation .nav > li:first-child { background-image:none; }
.navigation .nav > li > a { background-color:transparent; color:#787c7d; font-size:16px;  }
.navigation .nav > li.active > a, .navigation .nav > li > a:hover { color:#000000; }
.navigation .nav > li:last-child > a { padding-right:0px; }

#slider1_container { position: relative; width:1300px; height:526px; margin:0px auto; overflow:hidden; z-index:1; }
#slider1_container .slides { display:none; cursor:pointer; position: absolute; left: 0px; top: 0px; width:1300px; height:476px; }
#slider1_container .slides .slide { background-repeat:no-repeat; background-position:center center; }
#slider1_container .slides .slide-1 { background-image:url(/images/slide-1.jpg); }
#slider1_container .slides .slide-2 { background-image:url(/images/slide-2.jpg); }
#slider1_container .slides .slide-3 { background-image:url(/images/slide-3.jpg); }
#slider1_container .slides h2 { padding:16px 40px; color:#ffffff; font-size:26px; background-color:#1089e9; right:60px; top:60px; }
#slider1_container .slides p { max-width:480px; color:#222323; font-size:17px; line-height:25px; font-weight:400; left:70px; top:70px; }
#slider1_container .slides p i { color:#f26822; font-style:normal; }
#slider1_container .slides p em { color:#ef3d24; font-style:normal; }
#slider1_container .slides .icons { width:426px; padding:10px 16px; color:#ffffff; font-size:13px; line-height:18px; background-color:rgba(100,105,111,0.7); left:70px; top:190px; }
#slider1_container .slides .icon-2 { top:255px; }
#slider1_container .slides .icon-3 { top:320px; }
#slider1_container .slides .icons img { float:left; margin-right:16px; }
#slider1_container .slides .icons strong { display:block; font-size:15px; font-weight:600;}
#slider1_container .slides .icons span { display:block; }
#slider1_container .slides .man { left:580px; bottom:30px; }
#slider1_container .slides .icon { right:60px; bottom:100px; }


.jssorb01 { width:893px !important; overflow:hidden; padding-bottom:100px !important; margin-left:auto; margin-right:auto; position:relative; top:427px; z-index:2; background-color:#1984e0; }
.jssorb01 div { width:280px; height:71px; float:left; margin-top:13px; margin-left:13px !important; border:1px solid #1776c8; cursor:pointer; outline:none; }
.jssorb01 div h3 { float:left; margin-top:16px; margin-bottom:0px; margin-left:16px; color:#ffffff; font-size:17px; line-height:21px; }
.jssorb01 div h3 small { display:block; color:#ffffff; font-size:15px; }
.jssorb01 div:hover h3, .jssorb01 div:hover h3 small, .jssorb01 .av h3, .jssorb01 .av h3 small { color:#e3f2ff; }
.jssorb01 div:nth-child(1) { background-image:url(/images/slider-nav-1.jpg); background-repeat:no-repeat; background-position:right top; }
.jssorb01 div:nth-child(2) { background-image:url(/images/slider-nav-2.jpg); background-repeat:no-repeat; background-position:right top; }
.jssorb01 div:nth-child(3) { background-image:url(/images/slider-nav-3.jpg); background-repeat:no-repeat; background-position:right top; }

.index-content h4, .content-wrapper h4 { font-size:28px; color:#192333; }
.index-content h4 a, .content-wrapper h4 a { color:#192333; }
.corporation-text, .offer-wrapper { color:#6d6f71; font-size:18px; }
.corporation-text p, .offer-wrapper p { padding:0px 120px; line-height:26px; font-weight:300; }

.what-we-do { margin-bottom:50px; padding-top:44px; padding-bottom:24px; background-color:#f0f4f5; font-size:18px; }
.what-we-do h4 { background-image:url(/images/border-h4.png); background-repeat:no-repeat; background-position:center center; }
.what-we-do p { font-weight:300; }
.what-we-do > ol { margin-left:66px; }
.what-we-do > ol > li { width:275px; display:block; float:left; margin-bottom:30px; text-align:left; }
.what-we-do > ol > li > a { display:block; color:#212223; font-size:14px; line-height:44px; }
.what-we-do > ol > li > a:hover { color:#f26822; }
.what-we-do > ol > li > a > i { display:inline-block; width:45px; height:45px; float:left; margin-right:8px; background-image:url(/images/what-we-do.png); background-repeat:no-repeat; background-position:-1px -1px; }
.what-we-do > ol > li:nth-child(2) > a > i { background-position:-50px -1px; }
.what-we-do > ol > li:nth-child(3) > a > i { background-position:-99px -1px; }
.what-we-do > ol > li:nth-child(4) > a > i { background-position:-148px -1px; }
.what-we-do > ol > li:nth-child(5) > a > i { background-position:-1px -50px; }
.what-we-do > ol > li:nth-child(6) > a > i { background-position:-50px -50px; }
.what-we-do > ol > li:nth-child(7) > a > i { background-position:-99px -50px; }
.what-we-do > ol > li:nth-child(8) > a > i { background-position:-148px -50px; }
.what-we-do > ol > li > a:hover > i { background-position:-1px -99px; }
.what-we-do > ol > li:nth-child(2) > a:hover > i { background-position:-50px -99px; }
.what-we-do > ol > li:nth-child(3) > a:hover > i { background-position:-99px -99px; }
.what-we-do > ol > li:nth-child(4) > a:hover > i { background-position:-148px -99px; }
.what-we-do > ol > li:nth-child(5) > a:hover > i { background-position:-1px -148px; }
.what-we-do > ol > li:nth-child(6) > a:hover > i { background-position:-50px -148px; }
.what-we-do > ol > li:nth-child(7) > a:hover > i { background-position:-99px -148px; }
.what-we-do > ol > li:nth-child(8) > a:hover > i { background-position:-148px -148px; }

.brand-area { padding-top:30px; }
.brand-area .bx-wrapper { padding-bottom:30px; }
.brand-area .bx-controls-direction > a { font-size:24px; color:#000; position:absolute; top:26px; z-index:3; }
.brand-area .bx-controls-direction > a.bx-prev { left:0px; }
.brand-area .bx-controls-direction > a.bx-next { right:0px; }

.slider-news { color:#6d6f71; font-size:18px; font-weight:300; }
.slider-news a { color:#f26822; }
.slider-news .bx-controls { overflow:hidden; position:absolute; left:48%; top:28px; }
.slider-news .bx-controls-direction { display:inline-block; width:32px; height:24px;}
.slider-news .bx-controls-direction > a { font-size:24px; color:#f26822; position:absolute; z-index:3; }
.slider-news .bx-controls-direction > a.bx-prev { left:0px; }
.slider-news .bx-controls-direction > a.bx-next { right:0px; }

.footer { padding-top:50px; padding-bottom:50px; background-color:#f0f4f5; }
.footer ul { min-height:234px; float:left; padding-left:40px; padding-right:40px; border-right:1px solid #e2e5e7; }
.footer ul:first-child { padding-left:0px; border-left:none; }
.footer ul li { padding-bottom:2px; }
.footer ul li > span { color:#192333; font-size:18px; }
.footer ul li > a { color:#6d6f71; }
.footer ul li > a:hover { color:#192333; }
.footer .corporate-info { float:right; color:#6d6f71; }
.footer .corporate-info h6 { color:#9b9d9e; font-size:18px; }
.footer .corporate-info h6 strong { color:#f26822; }
.footer .corporate-info h6 strong:nth-child(2) { color:#0b488d; }
.footer .corporate-info .phones { color:#000000; font-size:20px; }
.footer .corporate-info .phones a { color:#000000; }
.footer .bottom-links { float:right; clear:right; margin-top:20px; text-align:right; color:#000000; font-size:14px; }
.footer .bottom-links a { display:inline-block; margin-left:8px; padding:6px 8px; font-size:14px; border:1px solid #e2e5e7; }
.copyright { padding-top:50px; padding-bottom:50px; color:#a3a6a9; font-size:14px; line-height:22px; }
.copyright p { float:left; }
.copyright a { float:right; color:#000000; font-size:16px; font-weight:700; }
.copyright a > span { color:#ff9c00; }
.copyright a > em { color:#6d6f71; font-style:normal; }

/* Content Style */
.content-header { min-height:197px; background-image:url(/images/content-header-bg.jpg); background-repeat:no-repeat; background-position:center center; }
.content-header h2 { margin-top:66px; color:#153b6f; font-size:34px; }
.content-header h2 small { font-weight:300; color:#153b6f; font-size:34px; }
.content-header h3 { margin-top:6px; color:#575859; font-size:22px; font-weight:300; }

.content-nav { width:310px; float:left; background-color:#1984e0; }
.content-nav ul { margin-top:18px; }
.content-nav li { overflow:hidden; margin-bottom:18px; }
.content-nav a { display:block; margin-right:18px; margin-left:18px; padding:14px 16px; color:#ffffff; font-size:15px; border:1px solid #1776c8; }
.content-nav a.active, .content-nav a:hover { color:#e3f2ff; }
.content-text { width:70%; float:right; }

.page-breadcrumb { float:left; }
.page-breadcrumb li { display:inline-block; overflow:hidden; float:left; margin-right:16px; color:#b1b5b8; font-weight:300; }
.page-breadcrumb a, .page-breadcrumb span { display:inline-block; float:left; margin-right:16px; color:#b1b5b8; }
.page-print{ float:right; color:#c1c4c6; font-size:20px; line-height:22px; }
.page-text { padding-top:15px; padding-bottom:15px; line-height:22px;  }
.page-text h4 { color:#212223; font-size:14px; }
.page-text h5 { color:#ff6c00; font-size:14px; }
.page-text .reference-title { margin:0px; padding:15px 30px; color:#000000; font-size:18px; font-weight:400; background-color:#ffffff; }

.solutions {}
.solutions li { max-width:360px; margin-bottom:40px; padding-left:36px; padding-right:36px; padding-bottom:30px; border:1px solid #f0f4f5; }
.solutions li:nth-child(2) { margin-left:40px; margin-right:40px; }
.solutions h3 { color:#131a26; font-size:22px; }
.solutions a { color:#131a26; }
.solutions a:hover { color:#1984e0; }
.solutions p { color:#222323; font-size:15px; }
.solutions p em { color:#1984e0; font-style:normal; }
.solutions p i { color:#f26822; font-style:normal; }

.fields-of-activity > ol > li { margin-bottom:50px; color:#131a26; }

.content-list li { margin-bottom:40px; border:1px solid #f0f4f5; }
.content-list h4 { margin-top:22px; margin-bottom:18px; color:#131a26; font-size:16px; }

.references { margin-bottom:35px; }
.references > li { width:270px; height:90px; display:inline-block; margin-bottom:4px; padding-top:12px; vertical-align:top; border:1px solid #f1f3f3; }
.references > li:nth-child(2n+1) { background-color:#f9fafa; }

.document-list {  }
.document-list li, .news-list li { margin-bottom:12px; background-color:#f0f4f5; border:1px solid #e6eaeb; }
.document-list li a, .news-list li a { display:block; padding:14px 22px; color:#212223; font-size:14px; }
.document-list li a:hover, .news-list li a:hover { color:#fd2f3d; }
.news-list li a:hover, .news-list li span { color:#ff6c00; }
.document-list li i, .news-list li i { float:right; color:#fd2f3d; font-size:20px; }
.news-list li i { color:#f26822; font-size:22px; }

.galley-images { text-align:center; }
.galley-images a { display:inline-block; overflow:hidden; margin:10px; border:1px solid #e6eaeb; }

.back-page { color:#ff6c00; font-size:14px; line-height:30px; }
.back-page a { color:#ff6c00; }
.back-page i { float:left; margin-right:6px; font-size:24px; line-height:28px;  }

.form-contact label { font-weight:500; }
.form-contact button { padding:10px 20px; background-color:#F26822; color:#ffffff; font-size:16px; }
.form-contact button:hover { color:#000; }
#map-canvas { height:400px; margin: 0px; padding: 0px }

.padding-top-0 { padding-top:0px; }
.padding-right-0 { padding-right:0px; }
.padding-bottom-0 { padding-bottom:0px; }
.padding-left-0 { padding-left:0px; }

.padding-top-10 { padding-top:10px; }
.padding-right-10 { padding-right:10px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-left-10 { padding-left:10px; }

.margin-top-0 { margin-top:0px; }
.margin-right-0 { margin-right:0px; }
.margin-bottom-0 { margin-bottom:0px; }
.margin-left-0 {margin-left:0px;  }

.margin-top-5 { margin-top:5px; }
.margin-right-5 { margin-right:5px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-left-5 {margin-left:5px;  }

.margin-top-10 { margin-top:10px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 {margin-left:10px;  }

.margin-top-15 { margin-top:15px; }
.margin-right-15 { margin-right:15px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-left-15 {margin-left:15px;  }

.margin-top-20 { margin-top:20px; }
.margin-right-20 { margin-right:20px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-20 {margin-left:20px;  }

.margin-top-25 { margin-top:25px; }
.margin-right-25 { margin-right:25px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-left-25 {margin-left:25px;  }

.margin-top-30 { margin-top:30px; }
.margin-right-30 { margin-right:30px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-left-30 {margin-left:30px;  }

.margin-top-35 { margin-top:35px; }
.margin-right-35 { margin-right:35px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-left-35 {margin-left:35px;  }

.margin-top-40 { margin-top:40px; }
.margin-right-40 { margin-right:40px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-left-40 {margin-left:40px;  }

.full-width { width:100% !important; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none { outline:none!important; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-inline-block { display:inline-block; }
.middle { margin-left:auto; margin-right:auto; }
.text-indent-9999 { text-indent:-9999px; }
.slab { font-family: 'Roboto Slab', serif; }
.img-border { border:1px solid #f0f4f5; }

a { text-decoration:none !important; outline:none !important; }
@media (min-width:1200px ) {
    .content-list li:nth-child(3n+2) { margin-left:28px; margin-right:28px; }
    .fields-of-activity > ol > li:nth-child(2n) { margin-left:60px; }
}
@media (min-width:992px ) and (max-width:1200px ) {
    .footer ul { padding-left:20px; padding-right:20px; }
    .index-content h4 { padding:0px; font-size:26px; }
    .corporation-text, .offer-wrapper, .what-we-do, .slider-news { font-size:15px; }
    .content-text { width:65%; }
    .content-list li:nth-child(2n) { margin-left:32px; }
    .fields-of-activity > ol > li:nth-child(2n) { margin-left:60px; }
}
@media (min-width:768px ) and (max-width:992px ) {
    .navigation { float:none; margin-top:24px; margin-bottom:0px; text-align:center; }
    .navigation .nav > li > a { padding:10px 20px; }
    .navigation .nav > li:last-child > a { padding-right:20px; }
    .content-list li:nth-child(2n) { margin-left:32px; }
}
@media (max-width: 992px) {
    .mobile-contact { display:block; }
    .header { text-align:center; }
    .header h1, .header h2 { float:none; clear:both; margin-top:24px; margin-bottom:0px; margin-right:auto; margin-left:auto;  } 
    .header .top-links { float:none; text-align:center; } 
    .index-content h4 { padding:0px; font-size:22px; }
    .corporation-text, .offer-wrapper, .what-we-do, .slider-news { font-size:14px; }
    .corporation-text p, .offer-wrapper p { padding:0px 30px; line-height:24px; }
    .what-we-do > ol { margin-left:0px; }
    .what-we-do > ol > li { width:230px; display:inline-block; float:none; }
    .brand-area { margin:0px 15px; }
    .slider-news .bx-controls { top:26px; }
    .footer { text-align:center; }
    .footer ul { display:inline-block; min-width:200px; overflow:hidden; float:none; clear:both; padding-left:40px; padding-right:40px; text-align:left; border:none; min-height:100%; vertical-align:text-top; }
    .footer ul:first-child { padding-left:0px; }
    .copyright { text-align:center; font-size:12px; }
    .copyright p, .copyright a, .footer .corporate-info, .footer .bottom-links { float:none; clear:both; text-align:center; }
    
    .content-header { text-align:center; }
    .content-nav { margin-bottom:40px; text-align:center; }
    .content-nav, .content-text { width:100%; float:none; }
}
@media (max-width: 768px) {    
    .navigation { float:none; margin-top:24px; margin-bottom:0px; }
    .navigation .nav > li { display:block; text-align:center; background-image:url(/images/border-navigation-h.png); background-position:center bottom; }
    .navigation .nav > li:first-child { margin-top:16px; background-image:url(/images/border-navigation-h.png); }
    .navigation .nav > li:last-child { margin-bottom:24px; }
    .navigation .nav > li:last-child > a { padding-right:15px; }
    .footer ul { padding-left:20px; padding-right:20px; text-align:center; }
    .footer ul:first-child { padding-left:20px; } 
    .float-left { float:none !important; }     
}
@media (min-width:650px) {
    .footer .visible-xs { display:none !important; }    
    
}