/* Generic CSS */ 

html, body { height: 100%; font-family: 'Titillium Web', sans-serif; color: #484c52; font-weight: 400; font-size: 16px }
*          { text-shadow: none; -webkit-font-smoothing: antialiased; outline:0 !important }

p        { display: block; line-height: 140%; margin: 0 0 20px 0 }
p b      { font-weight: 500 }
p.noMbot { margin-bottom: 0 }

ul { list-style: none; padding: 0; margin: 0 }

a                                    { color: #000000; font-weight: 500; text-decoration: none; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
a:hover, a:focus, a:active, a.active { color: #666666; text-decoration: none; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

h1 { display: block; position: relative; font-size: 45px; line-height: 120%; color: #364b95; font-weight: 700; text-transform: uppercase; margin: 0 0 25px 0 }
h2 { display: block; position: relative; font-size: 26px; line-height: 120%; color: #364b95; font-weight: 400; text-transform: uppercase; margin: 0 0 25px 0 }
h2.lessMbot { margin-bottom: 15px }
h2.noMbot   { margin-bottom: 0 }

h2:after  { content: " "; position: relative; display: inline-block; width: 40px; height: 7px; background-color: #364b95; margin: 0 0 5px 20px }
h2:before { content: " "; position: relative; display: inline-block; width: 40px; height: 7px; background-color: #364b95; margin: 0 20px 5px 0 }

h3 { display: block; position: relative; font-size: 18px; line-height: 120%; color: #364b95; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 25px 0 }
h3.sub  { letter-spacing: 2px }

h3.sub2 { letter-spacing: 0; font-size: 16px; color: #ffffff; line-height: 160%; margin: 10px auto 0 auto }
h3.sub2:before { content: " "; position: relative; display: block; margin: 0 auto 30px auto; width: 40px; height: 7px; background-color: #ffffff }
h3.sub2 span { font-weight: 700 }



@media(max-width:767px){
    
    h2:after  { display: none }
    h2:before { display: none }
    h2 { font-size: 22px; border-bottom: solid 7px #364b95; display: inline-block; padding-bottom: 7px }
    
    section.main .container section.photo-bg h2 { border-bottom: solid 7px #ffffff }

}

hr.mTop5    { margin-top: 5px }
hr.mBotMore { margin-bottom: 35px }

textarea:hover, 
input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="email"]:hover, 
textarea:active, 
input[type="text"]:active, 
input[type="password"]:active, 
input[type="email"]:active, 
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus,
button:focus,
button:active,
button:hover,
a.btn:focus,
a.btn:active,
a.btn:hover,
.form-control:focus,
.form-control:active,
.form-control:hover
{ outline:0px !important; -webkit-appearance:none !important; outline:none !important; box-shadow: none }

.hidden          { display: none }
.img-responsive  { width: 100% }
.container-small { width: 960px; margin: 0 auto; max-width: 100% }
.mBot            { margin-bottom: 30px }
.mTop            { margin-top: 30px    }

.noMbot   { margin-bottom: 0 !important }
.lessMbot { margin-bottom: 15px !important }
.lessMbot2 { margin-bottom: 5px !important }

section .container, header .container.absolute { width: 100% }

@media (min-width: 768px){
    section .container, header .container.absolute { width: 720px }
}

@media (min-width: 992px) {
    section .container, header .container.absolute { width: 940px }
}

@media (min-width: 1200px) {
    section .container, header .container.absolute { width: 1140px }
}


/* Forms CSS */ 

form { }
form .form-group { margin: 0 0 10px 0 }

form .form-group input[type=text],
form .form-group input[type=password],
form .form-group input[type=email]     { border-radius: 0; border: 0; border-bottom: solid 2px #cccccc; height: 35px;  font-size: 14px; color: #888888; line-height: 33px;
                                         -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
                                         transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
form .form-group input[type=text]:hover,
form .form-group input[type=password]:hover,
form .form-group input[type=email]:hover,
form .form-group input[type=text]:focus,
form .form-group input[type=password]:focus,
form .form-group input[type=email]:focus,
form .form-group input[type=text]:active,
form .form-group input[type=password]:active,
form .form-group input[type=email]:active { border-bottom: solid 2px #364b95 }

form .form-group textarea       { border-radius: 0; border: 0; border-bottom: solid 2px #cccccc; font-size: 14px; color: #888888; line-height: 130%; padding: 10px 12px;
                                  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3) !important; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3) !important; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3) !important;
                                  resize: none; min-height: 160px; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
form .form-group textarea:hover,
form .form-group textarea:focus,
form .form-group textarea:active { border-bottom: solid 2px #364b95 }

form .form-group input.error, form .form-group textarea.error { border-color: #e67b63 }


.btn-primary { border-radius: 0; background-color: #364b95; border: solid 2px #ffffff; text-transform: uppercase; color: #ffffff; padding: 6px 14px 7px 14px; font-size: 14px; font-weight: 500; -webkit-transform: translateZ(0);
               transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active { color: #ffffff; border: solid 2px #ffffff; background-color: #364b95; padding: 6px 22px 7px 22px }

form label { text-transform: uppercase; font-size: 15px; color: #888888; line-height: 100%; letter-spacing: 0; font-weight: 500; text-shadow: none; padding-top: 11px }

form .loader      { float: right; margin-top: 5px }
form .loader img  { width: 16px !important }
form .success     { margin-top: 14px; padding-bottom: 13px; font-size: 14px }
form .success .fa { color: #364b95; padding-right: 3px }


/* Pagination CSS */

.pagination            { display: block; margin: 25px 0 70px 0  }
.pagination .arrow     { padding: 0; margin: 0 15px 0 0; line-height: 100%; border: 0; background-color: transparent }
.pagination .arrow img { width: 18px; line-height: 100%; margin: 0; padding: 0; opacity: 0.75; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

.pagination .arrow:hover,
.pagination .arrow:focus,
.pagination .arrow:active,
.pagination .arrow.active  { background-color: transparent }

.pagination .arrow:hover img,
.pagination .arrow:focus img,
.pagination .arrow:active img,
.pagination .arrow.active img  { opacity: 1 }

.pagination .arrow.disabled img { opacity: 0.25 !important }


/* Navigation CSS */

nav.navbar { z-index: 2; height: 135px; border-radius: 0 !important; background-color: transparent; margin: 0 !important; width: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translateZ(0) }
nav .container { position: relative; }

nav .navbar-collapse  { padding: 0 }
nav .container hr     { outline: 0; border-bottom: solid 2px #ffffff !important; position: absolute; bottom: -22px; right: 15px; left: 106px }
nav .navbar-brand img { width: 275px; margin-top: 10px } 

nav .navbar-nav   { margin-top: 62px }
nav .navbar-nav a { color: #ffffff; text-transform: uppercase; font-size: 14px; background: transparent !important; padding: 10px 0 10px 0; margin: 0 0 0 25px; border-bottom: solid 5px transparent; border-color: transparent !important;
                    transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
nav .navbar-nav a:hover, 
nav .navbar-nav a:focus, 
nav .navbar-nav a:active, 
nav .navbar-nav a.active { border-bottom: solid 5px #ffffff; border-color: #ffffff !important; color: #ffffff; background-color: transparent !important }

.nav>li.dropdown:hover .dropdown-toggle,
.nav>li.dropdown:focus .dropdown-toggle, 
.nav>li.dropdown:active .dropdown-toggle  { border-color: #ffffff !important; color: #ffffff; background-color: transparent !important }

.navbar-nav>li>.dropdown-menu   { background-color: #ffffff; margin-top: -1px; border: 0; min-width: 180px; z-index: 10; }
.navbar-nav>li>.dropdown-menu a { font-size: 13px; border: 0; padding: 4px 12px 4px 12px; color: #484c52; box-shadow: none; text-align: right }

.navbar-nav>li>.dropdown-menu a:hover,
.navbar-nav>li>.dropdown-menu a:focus,
.navbar-nav>li>.dropdown-menu a:active { color: #364b95; padding-right: 17px }

nav .lang-nav          { position: absolute; top: 22px; right: 15px; color: #ffffff; font-size: 13px }
nav .lang-nav a        { color: #ffffff }
nav .lang-nav a.active { font-weight: 700 }
nav .lang-nav span     { padding: 0 7px   }


.navbar.navbar-mobile { position: fixed; background: #364b95; z-index: 100; top: -115px; height: 100px; left: 0; width: 100%; 
                        -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
                        transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s }

.navbar.navbar-mobile.noTrans { transition: ease-in-out 0s; -moz-transition: ease-in-out 0s; -o-transition: ease-in-out 0s; -webkit-transition: ease-in-out 0s }

.navbar.navbar-mobile.show { top: 0 }

.navbar.navbar-mobile .navbar-brand img { width: 185px; margin-top: -1px } 
.navbar.navbar-mobile .navbar-nav { margin-top: 54px }


a.change-site          { position: absolute; top: 65px; left: 300px; 
                        transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s;
                         -webkit-animation: flickerAnimation 1.5s infinite; -moz-animation: flickerAnimation 1.5s infinite; -o-animation: flickerAnimation 1.5s infinite; animation: flickerAnimation 1.5s infinite; }
a.change-site .fa      { color: #ffffff; font-size: 26px }
.navbar.navbar-mobile a.change-site  { top: 35px; left: 208px }

a.change-site:hover { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; opacity: 1 !important }

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}


@media(max-width:767px){
    nav.navbar-mobile    { position: fixed !important; top: 0 !important; left: 0; width: 100%; z-index: 100; background: #364b95; height: 100px; 
             -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4) }
    nav.navbar-mobile .navbar-brand img { width: 185px; margin-top: -1px } 
    
    .navbar-mobile .container>.navbar-header { height: 97px }
    
    nav.navbar-mobile .navbar-nav   { margin: 0 !important; display: block; padding: 25px !important; background-color: rgba(35,35,35,0.9);  z-index: 1; position: relative; width: 100%; text-align: center;
                        -webkit-box-shadow: inset 0px 10px 24px -5px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px 10px 24px -5px rgba(0,0,0,0.35); box-shadow: inset 0px 10px 24px -5px rgba(0,0,0,0.35) }
    nav.navbar-mobile .navbar-nav a { margin: 0 auto; padding: 8px 0 !important; border: none !important }
    nav.navbar-mobile .navbar-nav a .fa { display: none }
    .navbar-mobile .navbar-collapse  { float: none !important; }
    
    .navbar-nav>li>.dropdown-menu   { display: block; position: relative; background-color: transparent; text-align: center; float: none !important; margin: -5px 0 8px 0 !important; padding: 0; box-shadow: none }
    .navbar-nav>li>.dropdown-menu li { display: inline-block; padding: 0 10px !important }

    .navbar-nav>li>.dropdown-menu a { font-size: 12px; display: inline-block; line-height: 12px !important; text-align: center; padding: 0 !important; margin: 0; color: #cccccc }
    .navbar-nav>li>.dropdown-menu a:hover,
    .navbar-nav>li>.dropdown-menu a:focus,
    .navbar-nav>li>.dropdown-menu a:active { color: #ffffff; padding: 0 }
    
    button.navbar-toggle { z-index: 2; position: absolute; border-color: transparent; background-color: transparent; top: 37px; padding: 0; margin: 0 15px; right: 0 }
    button.navbar-toggle img { width: 40px }
        
    nav.navbar-mobile .lang-nav      { top: 14px }
    nav.navbar-mobile .lang-nav span { padding: 0 4px }
    
    a.change-site  { top: 35px; left: 208px }
}

@media (min-width: 767px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
    nav .navbar-nav a     { font-size: 13px }
    nav .navbar-brand img { width: 235px; margin-top: 19px } 
    nav .container hr     { left: 93px }
    
    a.change-site          { top: 66px; left: 258px }
    .navbar.navbar-mobile a.change-site  { top: 35px; left: 208px }

}

@media(min-width:992px){
    nav .navbar-nav a     { font-size: 14px }
    nav .navbar-brand img { width: 275px; margin-top: 10px } 
    nav .container hr     { left: 106px }
    
    a.change-site          { top: 65px; left: 300px }
    .navbar.navbar-mobile a.change-site  { top: 35px; left: 208px }

}


/* Header CSS */

header        { position: relative; height: 65%; min-height: 500px; width: 100%; background-color: rgba(53,74,148,0.75); overflow: hidden; 
                -webkit-box-shadow: inset 0px -2px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px -2px 15px 0px rgba(0,0,0,0.35); box-shadow: inset 0px -2px 15px 0px rgba(0,0,0,0.35);  }
header:before { content: " "; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; background: url('../img/bg/home.jpg') no-repeat center center; 
               -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; 
               -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s }

header .header-content    { width: 100%; text-align: center; padding: 70px 0 0 0; position: absolute; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

header .header-content h1 { color: #ffffff; margin: 0; -webkit-transform: translateZ(0);  }
header .header-content h3 { color: #ffffff; margin: 2px 0 0 0; -webkit-transform: translateZ(0); }

header .header-content a       { width: 42px; height: 50px; margin: 5px 5px 0 5px; position: relative; display: inline-block; background: url("../img/bt-arrow-down.svg") center center no-repeat; background-size: 42px 50px; margin-top: 20px;
                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

header .header-content .icon   { margin: 0 auto 12px auto; width: 70px }

header .header-content a:after { content: " "; width: 50px; height: 60px; position: absolute; top: -5px; left: -4px; background: url("../img/bt-silhouette.svg") center center no-repeat; background-size: 50px 60px; opacity: 0;
                                 -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);
                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

header .header-content a:hover:after,
header .header-content a:focus:after,
header .header-content a:active:after,
header .header-content a.active:after { opacity: 1; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

header .container.absolute { background-color: #ffffff; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; height: 50px; }
header .container.absolute:after { content: " "; position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; 
                                   -webkit-box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.35) }

header.company, 
header.services,
header.viatures,
header.news,
header.contacts { height: 50% }

header.company:before  { background-image: url('../img/bg/company.jpg') }
header.services:before { background-image: url('../img/bg/services.jpg') }
header.viatures:before { background-image: url('../img/bg/viatures.jpg') }
header.news:before     { background-image: url('../img/bg/news.jpg') }
header.contacts:before { background-image: url('../img/bg/contacts.jpg') }


/* Sections CSS */

section.main                { background-color: #e8ecef; width: 100%; z-index: 1; padding-bottom: 10px }
section.main .container     { background-color: #ffffff; padding: 0; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20); }
section.main .container section { padding: 45px 45px 45px 45px; position: relative }


section.main .container section.white { padding: 45px 45px; background-color: #ffffff }
section.main .container section.white.lessPtop { padding: 15px 45px 45px 45px }
section.main .container section.softBlue { padding: 45px 0; background-color: #dee3eb }
section.main .container section.bigPadding { padding: 60px 45px }
@media(max-width:767px){
    section.main .container section.white,
    section.main .container section.white.lessPtop,
    section.main .container section.bigPadding { padding-right: 15px; padding-left: 15px }
}

section.main .container section.photo-bg        { padding: 75px 45px 75px 45px; background-color: rgba(83,106,185,1); }
section.main .container section.photo-bg:before { content: " "; width: 100%; height: 100%; z-index: 0;  opacity: 0.25; position: absolute; top: 0; left: 0; background: url('../img/bg/company-mission.jpg') no-repeat center center; 
                                                  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;  }

section.main .container section.photo-bg h2        { color: #ffffff }
section.main .container section.photo-bg h2:after,
section.main .container section.photo-bg h2:before { background-color: #ffffff }
section.main .container section.photo-bg p         { color: #ffffff }


/* Home CSS */

section a.item       { display: block; margin-bottom: 35px; text-align: center; text-decoration: none; transform: translateY(0); transition: ease-in-out .6s; -moz-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; -webkit-transition: ease-in-out .6s }
section a.item:after { content: " "; width: 96px; height: 113px; position: absolute; top: -12px; left: 50%; z-index: -1; margin-left: -48px; background: url("../img/bt-silhouette-bold.svg") center center no-repeat; 
                       background-size: 96px 113px; opacity: 0; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);
                       transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
section a.item:hover:after,
section a.item:focus:after,
section a.item:active:after,
section a.item.active:after { opacity: 0.20; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

section a.item img { margin: 0 auto 20px auto; width: 75px; display: block }
section a.item h3  { margin: 0 auto 5px auto; font-weight: 700; letter-spacing: 0 }
section a.item p   { margin: 0; font-weight: 400; font-size: 15px; transform: translateY(0); transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section a.item:hover p,
section a.item:focus p,
section a.item:active p,
section a.item.active p { color: #364b95 }


section a.viature-item       { padding: 7px; background-color: #e8ecef; display: block; text-align: center; text-decoration: none; margin-bottom: 30px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;
                               transform: translateY(0); transition: ease-in-out .6s; -moz-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; -webkit-transition: ease-in-out .6s }

section a.viature-item:after { content: " "; position: absolute; top: 7px; left: 7px; height: calc(100% - 14px); width: calc(100% - 14px); background-color: rgba(53,74,148,0);
                               transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section a.viature-item img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%) }


section a.viature-item .viature-item-info      { padding: 7px 15px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #e8ecef; opacity: 1;
                                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
section a.viature-item .viature-item-info p    { color: #666a75; text-align: left; font-size: 14px; margin: 0 0 2px 0; font-weight: 500; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
section a.viature-item .viature-item-info span { float: right; color: #364b95; font-weight: 700; font-size: 14px; margin-bottom: 2px }

section a.viature-item .fa-search-plus { position: absolute; color: #ffffff; font-size: 30px; top: 50%; left: 50%; z-index: 2; opacity: 0;
                            -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
                            transition: ease-in-out .6s; -moz-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; -webkit-transition: ease-in-out .6s }

section a.viature-item .fa-search-plus:before { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); -webkit-backface-visibility: hidden; padding: 10px;
                                    transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section a.viature-item:hover:after,
section a.viature-item:focus:after,
section a.viature-item:active:after,
section a.viature-item.active:after { background-color: rgba(53,74,148,0.75) }

section a.viature-item:hover .viature-item-info,
section a.viature-item:focus .viature-item-info,
section a.viature-item:active .viature-item-info,
section a.viature-item.active .viature-item-info { opacity: 0 }

section a.viature-item:hover  .fa-search-plus,
section a.viature-item:focus  .fa-search-plus,
section a.viature-item:active .fa-search-plus,
section a.viature-item.active .fa-search-plus  { opacity: 1 }

section a.viature-item:hover  .fa-search-plus:before,
section a.viature-item:focus  .fa-search-plus:before,
section a.viature-item:active .fa-search-plus:before,
section a.viature-item.active .fa-search-plus:before  { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

section a.viature-item:hover:before,
section a.viature-item:focus:before,
section a.viature-item:active:before,
section a.viature-item.active:before { opacity: 0 }

section a.viature-item .sold { display: none; -webkit-backface-visibility: hidden; }

section a.viature-item.item-type-1:before { 
    content: "\f005";
    font-family: FontAwesome;
    font-size: 14px;
    background-color: #364b95;
    width: 24px;
    height: 24px;
    padding-top: 2px;
    text-align: center;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    border-radius: 50%;
    color: #e8ecef;              
    transition: ease-in-out .4s; 
    -moz-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s
}


section a.viature-item.item-type-2:before {
    content: " ";
    position: absolute;
    top: 7px;
    left: 7px;
    height: calc(100% - 42px);
    width: calc(100% - 14px);
    z-index: 1;
    transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    background-color: rgba(53,74,148,0.50);
}

section a.viature-item.item-type-2 .sold {
    display: block;
    position: absolute;
    color: #e8ecef;
    font-family: 'Romanesco', cursive;
    font-size: 24px;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 500;
    top: 15px;
    right: 20px;
    z-index: 2;
    padding-right: 30px;
    text-transform: capitalize;
    /*-webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);*/
    transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
}

section a.viature-item.item-type-2 .sold:after {
    content: "\f155";
    font-family: FontAwesome;
    font-size: 14px;
    background-color: #364b95;
    width: 24px;
    height: 24px;
    padding-top: 2px;
    padding-left: 1px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 0px;
    z-index: 10;
    border-radius: 50%;
    color: #e8ecef;              
    transition: ease-in-out .4s; 
    -moz-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s
}

section a.viature-item.item-type-2:hover .sold,
section a.viature-item.item-type-2:focus .sold,
section a.viature-item.item-type-2:active .sold,
section a.viature-item.item-type-2.active .sold {
    opacity: 0;
}


#testimonials                { min-height: 120px }
#testimonials .item          { text-align: center }
#testimonials .item a        {  }
#testimonials .item a p      {  }
#testimonials .item a p span { display: block; color: #b6bac1 }


/* Company CSS */

section .company-intro { margin-bottom: 20px }
section .company-intro img { width: 80px }

@media(max-width:767px){
    section .company-intro img { margin: 0 auto 25px auto; width: 75px }
}

@media(min-width:768px){
    section .company-intro img { margin-top: 30px }
}

@media(min-width:992px){
    section .company-intro img { margin-top: 10px }
}

@media(min-width:1200px){
    section .company-intro img { margin: 5px auto 0 auto }
}

section .mission       {  }
section .mission .item { transform: translateY(0); margin-bottom: 20px }

section .mission .item img { margin: 0 auto 20px auto; width: 75px; display: block }
section .mission .item h3  { margin: 0 auto 10px auto; font-weight: 700; letter-spacing: 0; color: #ffffff; font-size: 16px }
section .mission .item p   { font-weight: 400; font-size: 15px; transform: translateY(0); transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section .mission .item:after { content: " "; width: 96px; height: 113px; position: absolute; top: -12px; left: 50%; z-index: -1; margin-left: -48px; z-index: 1; background: url("../img/bt-silhouette-bold-w.svg") center center no-repeat; 
                               background-size: 96px 113px; opacity: 0; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);
                               transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
section .mission .item:hover:after,
section .mission .item:focus:after,
section .mission .item:active:after,
section .mission .item.active:after { opacity: 0.20; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

.testimonial .item {}
.testimonial .item h3     { display: block; margin-bottom: 10px; font-size: 16px; letter-spacing: 0 }
.testimonial .item h3 .fa { padding-right: 10px }
.testimonial .item p      { display: block; margin-bottom: 10px }
.testimonial .item span   { display: block; margin-bottom: 10px; font-size: 14px; color: #666a75 }
.testimonial hr           { display: block; margin: 20px auto }


/* Servicos CSS */

.services .item     { margin-bottom: 50px; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
.services .item h3  { text-align: center; margin-bottom: 15px; font-weight: 700 }
.services .item p   { margin-bottom: 25px }
.services .item img { margin: 0 auto 20px auto; width: 75px; display: block }

.services .item:after { content: " "; width: 96px; height: 113px; position: absolute; top: -12px; left: 50%; z-index: -1; margin-left: -48px; z-index: 1; background: url("../img/bt-silhouette-bold.svg") center center no-repeat; 
                        background-size: 96px 113px; opacity: 0; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);
                        transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

.services .item:hover:after,
.services .item:focus:after,
.services .item:active:after,
.services .item.active:after { opacity: 0.20; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

/* Servico CSS */

.services .item.inner      { margin-bottom: 25px }
.services .item.inner form { margin-top: -10px }
.services .item.inner form h3 { font-weight: 500 }


/* Viatures CSS */

.results { float: right; font-size: 14px }

@media(max-width:767px){
    .results                  { float: none; display: block; text-align: center; margin-top: 40px }
    .pagination.viatures      { float: none; display: block; margin: 0 auto; text-align: center; margin-top: 10px }
    .pagination.viatures li a { float: none }
    .pagination.viatures .arrow { margin: 0 7px 0 7px }
}


/* Viature CSS */

.viature-list a.viature-item-display { margin-bottom: 5px }

.viature-intro h3:not(.sold) { font-weight: 700; font-size: 22px; margin: 8px auto 20px auto }

.viature-intro h3.sold {
    /*font-family: 'Romanesco', cursive;
    font-size: 32px;
    letter-spacing: 0;
    font-weight: 500;
    margin: 0 0 5px;
    text-transform: capitalize;*/
    margin-top: 12px;
    margin-bottom: 10px;
    background-color: #364b95;
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
}

.viature-content     { }
.viature-content .viature-img     { padding: 7px; background-color: #e8ecef; display: block; margin: 0 auto 15px auto }
.viature-content .viature-img img {  }

.viature-content .viature-img-list     { margin-bottom: 20px; position: relative; bottom: auto; left: auto; right: auto; top: 0; display: block; list-style: none; z-index: 15; text-align: left; margin: 0; padding: 0;  width: 100% }

.viature-content .viature-img-list li  { cursor: pointer; display: inline-block; width: auto; height: auto; text-indent: 0; margin: 0 }

.viature-content .viature-img-list li img        { border: solid 7px #e8ecef; display: inline-block; width: 100px; margin: 0 5px 0 5px; 
                                                   transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

.viature-content .viature-img-list li.active img { border-color: #364b95 }

.carousel { display: block; z-index: 0;  transform: translateY(0)  }


#viature-carousel { margin-bottom: 0 }

#viature-carousel a.carousel-control.left,
#viature-carousel a.carousel-control.right { background: none; opacity: 1 }

#viature-carousel a.carousel-control.left  { left: 20px; text-align: left; width: 30px }
#viature-carousel a.carousel-control.right { right: 20px; text-align: right; width: 30px }

#viature-carousel a.carousel-control.left .fa { padding: 0; position: absolute; top: 50%; left: 0; padding-bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
                                                font-size: 20px; color: #ffffff; opacity: 0.85; text-shadow: 0px 0px 5px rgba(150, 150, 150, 0.95);
                                                transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

#viature-carousel a.carousel-control.right .fa { padding: 0; position: absolute; top: 50%; right: 0; padding-bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
                                                 font-size: 20px; color: #ffffff; opacity: 0.85; text-shadow: 0px 0px 5px rgba(150, 150, 150, 0.95);
                                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

#viature-carousel a.carousel-control:hover .fa { color: #ffffff; opacity: 1 }


#thumb-carousel { margin-bottom: 35px }

#thumb-carousel a.carousel-control.left,
#thumb-carousel a.carousel-control.right { background: none; opacity: 1 }

#thumb-carousel a.carousel-control.left  { left: 0; text-align: left; width: 30px }
#thumb-carousel a.carousel-control.right { right: 0; text-align: right; width: 30px }

#thumb-carousel a.carousel-control.left .fa,
#thumb-carousel a.carousel-control.right .fa { font-size: 24px; color: #364b95; opacity: 0.5; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

#thumb-carousel a.carousel-control:hover .fa { color: #364b95; opacity: 1 }

#thumb-carousel .row { margin-right: 25px; margin-left: 25px }


.viature-content .viature-text    { margin: 0 0 25px 0; display: block }
.viature-content .viature-text h3 { margin-bottom: 10px }
.viature-content .viature-text p  { margin-bottom: 35px }
.viature-content .viature-text.finance p { margin: 0 0 15px 0 }
.viature-content .viature-text ul    { font-size: 15px }
.viature-content .viature-text ul li {  }
.viature-content .viature-text ul li span.main { font-weight: 700; font-size: 13px; display: inline-block; text-transform: uppercase}
.viature-content .viature-text ul li span.sub  { font-weight: 400; font-size: 14px; padding-left: 7px }

.viature-content .viature-text .col-lg-6:nth-of-type(1) { padding-left: 0 }
.viature-content .viature-text .col-lg-6:nth-of-type(2) { padding-right: 0 }

.viature-content .viature-text img { margin: 0 auto 20px auto; width: 75px; display: block }

.viature-item-display       { display: block; margin-bottom: 10px; text-align: center; text-decoration: none; transform: translateY(0);
                              transition: ease-in-out .6s; -moz-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; -webkit-transition: ease-in-out .6s }
.viature-item-display:after { content: " "; width: 96px; height: 113px; position: absolute; top: -12px; left: 50%; z-index: -1; margin-left: -48px; background: url("../img/bt-silhouette-bold.svg") center center no-repeat; 
                       background-size: 96px 113px; opacity: 0; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);
                       transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

.viature-item-display:hover:after,
.viature-item-display:focus:after,
.viature-item-display:active:after,
.viature-item-display.active:after { opacity: 0.20; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

.viature-item-display h3 { font-weight: 700; font-size: 16px }

.viature-content h3.mTop { margin-top: 35px }
form#contact-viature          { margin-top: 15px }
form#contact-viature textarea { min-height: 100px }

.pagination.viature           { margin: 35px 0 0 0 }

.pagination.viature a { color: #484c52 }
.pagination.viature a img { margin-right: 2px; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

.pagination.viature a:hover,
.pagination.viature a:focus,
.pagination.viature a:active { color: #364b95  }

.pagination.viature a:hover img,
.pagination.viature a:focus img,
.pagination.viature a:active img { margin-right: 7px  }

@media(max-width:767px){
    
    .viature-content .viature-text ul li { display: block }
    .viature-list a.viature-item { margin-bottom: 30px }
    .pagination.viature li a   { float: none }
    .pagination.viature .arrow { margin: 0 7px 0 7px }
    
    .viature-content .viature-text .col-lg-6:nth-of-type(2) { padding-left: 0; margin-top: 30px }
    
    .viature-content .viature-text h3,
    .viature-content .viature-text p,
    .viature-content .viature-text ul li { text-align: center }
    
    #thumb-carousel { display: none }
    
    #viature-carousel a.carousel-control.left  { left: -40px; text-align: left; width: 30px }
    #viature-carousel a.carousel-control.right { right: -40px; text-align: right; width: 30px }
    
    #viature-carousel a.carousel-control.left .fa  { color: #364b95; text-shadow: none; font-size: 24px }
    #viature-carousel a.carousel-control.right .fa { color: #364b95; text-shadow: none; font-size: 24px }
    
    .viature-text { text-align: center;  }
}

@media(min-width:768px){ 
    form#contact-viature textarea { min-height: 100px }
    .viature-content .viature-img-list li img  { width: 132px; margin: 0 5px 0 5px }
    #thumb-carousel a.carousel-control.left .fa,
    #thumb-carousel a.carousel-control.right .fa { padding-top: 43px; font-size: 20px }
}
@media(min-width:992px){ 
    .viature-content .viature-img-list li img { width: 77px; margin: 0 5px 0 5px }
    #thumb-carousel a.carousel-control.left .fa,
    #thumb-carousel a.carousel-control.right .fa { padding-top: 22px; font-size: 20px }
}
@media(min-width:1200px){
    form#contact-viature textarea { min-height: 139px }
    .viature-content .viature-img-list li img { width: 102px; margin: 0 5px 0 5px }
    #thumb-carousel a.carousel-control.left .fa,
    #thumb-carousel a.carousel-control.right .fa { padding-top: 31px; font-size: 20px }
}

/* News CSS */

section a.new-item       { padding: 7px; background-color: #e8ecef; display: block; text-align: center; text-decoration: none; margin-bottom: 30px;
                               transform: translateY(0); transition: ease-in-out .6s; -moz-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; -webkit-transition: ease-in-out .6s }

section a.new-item .photo:after { content: " "; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(53,74,148,0);
                               transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section a.new-item .photo     { position: relative }
section a.new-item .photo img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%) }

section a.new-item .photo .fa-search-plus { position: absolute; color: #ffffff; font-size: 30px; top: 50%; left: 50%; z-index: 2; opacity: 0;
                               -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
                               transition: ease-in-out .6s; -moz-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; -webkit-transition: ease-in-out .6s }

section a.new-item .photo .fa-search-plus:before { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); 
                                       transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section a.new-item .new-item-info      { padding: 7px 2px; position: relative; width: 100%; background-color: #e8ecef; opacity: 1;
                                         transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section a.new-item .new-item-info h3   { color: #364b95; text-align: left; font-size: 14px; margin: 0 0 2px 0; font-weight: 700 }
section a.new-item .new-item-info span { display: block; text-align: left; color: #666a75; font-weight: 700; font-size: 13px; margin-bottom: 5px }
section a.new-item .new-item-info p    { color: #666a75; text-align: left; font-size: 14px; margin: 0; font-weight: 500; display: block; display: -webkit-box; height: 14*1.4*2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

section a.new-item:hover .photo:after,
section a.new-item:focus .photo:after,
section a.new-item:active .photo:after,
section a.new-item.active .photo:after { background-color: rgba(53,74,148,0.75) }

section a.new-item:hover  .fa-search-plus,
section a.new-item:focus  .fa-search-plus,
section a.new-item:active .fa-search-plus,
section a.new-item.active .fa-search-plus  { opacity: 1 }

section a.new-item:hover  .fa-search-plus:before,
section a.new-item:focus  .fa-search-plus:before,
section a.new-item:active .fa-search-plus:before,
section a.new-item.active .fa-search-plus:before  { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }


@media(max-width:767px){
    .pagination.news        { float: none; display: block; margin: 0 auto; text-align: center; margin-top: 10px }
    .pagination.news li a   { float: none }
    .pagination.news .arrow { margin: 0 7px 0 7px }
}


/* New CSS */

.new a.new-item { margin-bottom: 5px }

.new-content     { }
.new-content .new-img     { padding: 7px; background-color: #e8ecef; display: block; margin: 0 auto 20px auto }
.new-content .new-img img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%) }

.new-content .new-text    { margin: 0 0 45px 0 }
.pagination.new           { margin: 0 0 45px 0 }

.pagination.new a { color: #484c52 }
.pagination.new a img { margin-right: 2px; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

.pagination.new a:hover,
.pagination.new a:focus,
.pagination.new a:active { color: #364b95  }

.pagination.new a:hover img,
.pagination.new a:focus img,
.pagination.new a:active img { margin-right: 7px  }

@media(max-width:767px){
    .new a.new-item { margin-bottom: 30px }
    .pagination.new li a   { float: none }
    .pagination.new .arrow { margin: 0 7px 0 7px }
}


/* Contacts CSS */

ul.contact-items li       { position: relative; color: #484c52; margin-bottom: 5px; font-size: 15px; padding: 2px 0 2px 33px; 
                            transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
ul.contact-items li:hover { color: #364b95; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
ul.contact-items li .fa   { width: 26px; font-size: 18px; text-align: center; position: absolute; left: 0; top: 5px; font-weight: 500; color: #364b95 }
ul.contact-items li a     { color: #484c52; font-size: 15px; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
ul.contact-items li a:hover, 
ul.contact-items li a:focus,
ul.contact-items li a:active,
ul.contact-items li a.active  { color: #364b95; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section.main .container section#map { height: 400px; border-top: 2px solid #cccccc }
section.main .container section#map > div { left: 0; top: 0 }
form#contact          { margin-bottom: 25px }


@media(max-width:767px){
    
    .outros-contactos { text-align: center; margin-top: 40px }
    ul.contact-items li { padding: 2px 0 2px 0 }
    ul.contact-items li .fa { position: relative; display: block; margin: 0 auto; font-size: 30px; margin-bottom: 10px }

}


/* Modal CSS */

#change-website .modal-content { border-radius: 0px; display: block  }
#change-website .modal-content .modal-body   { padding: 0 }
#change-website .modal-content .modal-header { height: 66px }
#change-website .modal-content .modal-footer { height: 66px }

#change-website .modal-content a       { position: relative; height: 400px; width: 100%; display: block; background: url("../img/technologies/bg.jpg") no-repeat center center; background-size: cover }
#change-website .modal-content a:after { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.75; background-color: #c96923;
                                        -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; 
                                        -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s }
 
#change-website .modal-content a:hover:after,
#change-website .modal-content a:focus:after,
#change-website .modal-content a:active:after,
#change-website .modal-content a.active:after { opacity: 0.90; }

#change-website .modal-content a img { position: absolute; width: 275px; margin: 0 auto 0 auto; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)  }
#change-website .modal-content a p   { position: absolute; width: 200px; color: #ffffff; text-align: center; font-size: 15px; margin: 165px auto 0 auto; z-index: 1; left: 50%; top: 50%; 
                       -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)  }

#change-website .modal-content .fa-chevron-right { border-radius: 0px; display: block }


#service-buy-modal .modal-content { background-color: rgba(83,106,185,1); margin: 0; border-radius: 0px; display: block }
#service-buy-modal .modal-content:before { content: " "; width: 100%; height: 100%; z-index: 0; opacity: 0.25; position: absolute; top: 0; left: 0; background: url('../img/bg/modal-buy.jpg') no-repeat center center; 
                                                    -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; 
                                                    -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; 
                                                    -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s }

#service-buy-modal .modal-content .modal-body               { z-index: 2 }
#service-buy-modal .modal-content .modal-body .photo-bg     { padding: 60px; color: #ffffff }
#service-buy-modal .modal-content .modal-body .photo-bg h3  { font-weight: 700; font-size: 18px; color: #ffffff; display: block; margin-bottom: 5px }
#service-buy-modal .modal-content .modal-body .photo-bg p   { color: #ffffff; display: block }
#service-buy-modal .modal-content .modal-body .photo-bg img { width: 100px; display: block; margin: 0 auto 20px auto }

.modal-content .close { font-size: 32px; z-index: 10; position: absolute; right: 15px; top: 7px; color: #ffffff; opacity: 0.75; 
                        transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
.modal-content .close:hover,
.modal-content .close:focus,
.modal-content .close:active,
.modal-content .close.active { opacity: 1 }


.modal-open .navbar-mobile, .modal-open .navbar { padding-right: 17px; transition: ease-in-out 0s; -moz-transition: ease-in-out 0s; -o-transition: ease-in-out 0s; -webkit-transition: ease-in-out 0s }

/* Footer CSS */

section.spacer                 { background-color: #e8ecef; z-index: 0 }
section.spacer .container      { height: 100px; padding: 0 }
section.spacer .container .row { margin: 0; background-color: #e8ecef }

section.spacer a.go-top        { width: 42px; height: 50px; margin: 23px 0 5px 0; float: right; position: relative; display: inline-block; background: url("../img/bt-arrow-top-blue.svg") center center no-repeat;
                                 background-size: 42px 50px;
                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section.spacer a.go-top:after  { content: " "; width: 50px; height: 60px; position: absolute; top: -5px; left: -4px; background: url("../img/bt-silhouette-2.svg") center center no-repeat; background-size: 50px 60px; opacity: 0;
                                 -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);
                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

section.spacer a.go-top:hover:after,
section.spacer a.go-top:focus:after,
section.spacer a.go-top:active:after,
section.spacer a.go-top.active:after { opacity: 0.4; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); }

footer        { color: #ffffff; position: relative; padding: 45px 0; height: auto; width: 100%; background-color: rgba(53,74,148,0.80);
                -webkit-box-shadow: inset 0px 10px 24px -5px rgba(0,0,0,0.45); -moz-box-shadow: inset 0px 10px 24px -5px rgba(0,0,0,0.45); box-shadow: inset 0px 10px 24px -5px rgba(0,0,0,0.45) }
footer:before { content: " "; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; background: url('../img/bg/footer.jpg') no-repeat center center; 
               -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
               -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s }

footer .logo { width: 210px; margin-bottom: 18px }

footer h3 { color: #ffffff; font-size: 14px; letter-spacing: 0; font-weight: 700; padding-bottom: 3px; border-bottom: solid 2px #ffffff; display: inline-block; margin: 0 0 15px 0 }

footer ul.social li       { color: #cccccc; font-size: 14px; padding: 2px 0; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
footer ul.social li:hover { color: #ffffff; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
footer ul.social li .fa   { width: 26px; font-size: 15px; text-align: center; padding-right: 10px; font-weight: 500; color: #ffffff }
footer ul.social li a     { color: #cccccc; font-size: 14px; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
footer ul.social li a:hover, 
footer ul.social li a:focus,
footer ul.social li a:active,
footer ul.social li a.active  { color: #ffffff; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

footer ul.item-list li        { color: #cccccc; font-size: 14px; padding: 0; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
footer ul.item-list li a      { line-height: 140%; color: #cccccc; display: block; font-size: 14px; margin: 0 0 8px 0;     white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
                                 transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
footer ul.item-list li a span { display: block; color: #ffffff; font-weight: 700 }

footer ul.item-list.cars li:last-child  a,
footer ul.item-list.news li:last-child  a  { margin: 0 }

footer ul.item-list li a:hover, 
footer ul.item-list li a:focus,
footer ul.item-list li a:active,
footer ul.item-list li a.active    { color: #ffffff; transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }

footer ul.item-list.cars li:before { content: " "; float: left; margin: 7px 15px 0 0; background: url("../img/icon-f-car.svg") center center no-repeat; width: 30px; height: 26px; background-size: 30px 26px }
footer ul.item-list.news li:before { content: " "; float: left; margin: 7px 12px 0 0; background: url("../img/icon-f-news.svg") center center no-repeat; width: 30px; height: 26px; background-size: 30px 26px }

footer form              { margin-top: 5px }
footer form .success     { padding-bottom: 0 }
footer form .success .fa { color: #ffffff }

footer form .btn-primary { border-radius: 0; background-color: rgba(0,0,0,0.25); border: solid 2px #ffffff; text-transform: uppercase; color: #ffffff; padding: 6px 14px 7px 14px; font-size: 13px;
                           transition: ease-in-out .4s; -moz-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; -webkit-transition: ease-in-out .4s }
footer form .btn-primary:hover, 
footer form .btn-primary:focus, 
footer form .btn-primary:active, 
footer form .btn-primary.active { color: #ffffff; border: solid 2px #ffffff; background-color: rgba(54,75,149,1); padding: 6px 22px 7px 22px }

#copyright     { background-color: #242730 }
#copyright p   { color: #666a75; margin: 0; padding: 15px 0; font-weight: 400; font-size: 14px }
#copyright p a { color: #666a75 }
#copyright p a:hover,
#copyright p a:focus,
#copyright p a:active,
#copyright p a.active { color: #9aa0b2 }

@media(max-width:767px){
    
    .row { margin-right: 0; margin-left: 0 }
    
    footer { text-align: center }
    footer .col-lg-3 { margin-bottom: 30px }
    
    footer .logo { margin: 0 auto }
    footer form  { margin: 0 auto; padding: 0 40px; max-width: 350px; height: 130px }
    
    footer ul.item-list li            { margin-bottom: 0px }
    footer ul.item-list li:last-child { margin: 0 }
    
    footer ul.item-list.cars li:before { display: none }
    footer ul.item-list.news li:before { display: none }
    
    footer form .loader      { float: none; display: block; margin: 0 auto }
    
    #copyright        { text-align: center }
    #copyright .break { display: block }
        
    section.spacer .row { padding: 0; margin: 0; text-align: center }
    section.spacer a.go-top   { float: none }
}
@media(min-width:768px){
    footer .col-lg-3:nth-child(1),
    footer .col-lg-3:nth-child(2){ margin-bottom: 30px }
    
}
@media(min-width:992px){
    footer .col-lg-3:nth-child(1),
    footer .col-lg-3:nth-child(2){ margin-bottom: 0 }
}




@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}