/*  FONTS  */

@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");

    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),

    url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansBold/OpenSansBold.eot");

    src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),

    url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");

    font-style: normal;

    font-weight: bold;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");

    src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),

    url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");

    font-style: normal;

    font-weight: 900;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");

    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),

    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");

    font-style: normal;

    font-weight: 500;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansLight/OpenSansLight.eot");

    src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"),

    url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");

    font-style: normal;

    font-weight: 300;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");

    src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),

    url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");

    font-style: italic;

    font-weight: normal;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/OpenSansLightItalic/OpenSansLightItalic.eot");

    src: url("../fonts/OpenSansLightItalic/OpenSansLightItalic.eot?#iefix") format("embedded-opentype"),

    url("../fonts/OpenSansLightItalic/OpenSansLightItalic.woff") format("woff"),

    url("../fonts/OpenSansLightItalic/OpenSansLightItalic.ttf") format("truetype");

    font-style: italic;

    font-weight: 300;

}



/* font-family: "ProximaNovaBold"; */

@font-face {

    font-family: "ProximaNova";

    src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot");

    src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),

    url("../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");

    font-style: normal;

    font-weight: bold;

}



@font-face {

    font-family: "ProximaNova";

    src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot");

    src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"),

    url("../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),

    url("../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}



@font-face {

    font-family: "ProximaNova";

    src: url("../fonts/ProximaNovaBlack/ProximaNovaBlack.eot");

    src: url("../fonts/ProximaNovaBlack/ProximaNovaBlack.eot?#iefix") format("embedded-opentype"),

    url("../fonts/ProximaNovaBlack/ProximaNovaBlack.woff") format("woff"),

    url("../fonts/ProximaNovaBlack/ProximaNovaBlack.ttf") format("truetype");

    font-style: normal;

    font-weight: 900;

}



@font-face {

    font-family: "ProximaNovaSemiBold";

    src: url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.eot");

    src: url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.woff") format("woff"),

    url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.ttf") format("truetype");

    font-style: normal;

    font-weight: 900;

}



.clear {

    clear: both;

}



html {

    height: 100%;

}



body {

    font-family: "ProximaNova", Helvetica, sans-serif;

    font-weight: normal;

    font-size: 16px;

    height: 100%;

    overflow-x: hidden;

}



body * {

    outline: none;

}



/*h1 {*/

/*font-size: 30px;*/

/*font-weight: bold;*/

/*text-align: center;*/

/*}*/



h1, .portfolio-block h2 {

    font-size: 44px;

    font-weight: bold;

    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    margin-bottom: 20px;

    text-align: center;

}



@media screen and (max-width: 800px) {

    h1, .portfolio-block h2 {

        font-size: 24px;

    }

}



.row {

    margin: 0px !important;

    z-index: 10;

    /*position: relative;*/

    padding-left: 50px;

    padding-right: 50px;

}



.container-fluid {

    padding: 0px !important;

    overflow: hidden;

}



#header {

    height: 80px;

    font-weight: 500;

    font-size: 14px;

    padding-left: 50px;

    padding-right: 50px;

    text-align: center;

    /*position: relative;*/

}



.navbar-nav > li > a {

    color: #1e6378;

    line-height: 50px;

    padding-left: 25px;

    padding-right: 25px;

}



.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus {

    background: #e0e7f0;

    color: #000;



    /* !!!!! */

    -webkit-transition: 1s;

    -moz-transition: 1s;

    -o-transition: 1s;

    transition: 1s;

}



#menu {

    background: #fff;

    font-weight: normal;

    font-family: "ProximaNovaSemiBold", Helvetica, sans-serif;

}



#header-phone {

    position: relative;

    padding-left: 35px;

    padding-right: 35px;

    line-height: 30px;

    height: 30px;

    font-family: "ProximaNova";

    font-weight: bold;

    font-size: 16px;

    width: 212px;

    margin-top: 25px;

    float: left;

    border-left: 1px solid #dadee3;

    border-right: 1px solid #dadee3;

}



#header-phone a {

    color: #000;

    text-decoration: none;

    border-bottom: 1px dotted #000;

}



#header-phone a:hover {

    border-bottom: none;

}



#logo {

    width: 193px;

    background: url('../img/logo.png') center no-repeat;

    height: 80px;

    float: left;

}



#header-phone .code {

    color: #828a8e;

}



#search {

    width: 24px;



    float: right;

    margin-left: 30px;

    height: 80px;

    line-height: 80px;

    /*position: relative;*/

}



#search-button {

    display: inline-block;

    background: url('../img/search-icon.png') no-repeat;

    background-position: 0px 0px;

    width: 24px;

    height: 30px;

    vertical-align: middle;

    border: none;

    -webkit-transition: 0.25s;

    transition: 0.25s;

    /*float: right;*/

}



#search-button:hover {

    background-position: 0px -30px;

    -webkit-transition: 0.25s;

    transition: 0.25s;



}



#slider {

    height: 600px;

    background: #000;

    background-size: cover;

    padding-left: 0px !important;

    padding-right: 0px !important;

}



#slider.main {

    position: relative;

}



#main-site-name {

    position: absolute;

    color: #fff;

    /*font-size: 72px;*/

    /*line-height: 72px;*/

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    text-transform: uppercase;

    width: 900px;

    height: 70px;

}



#slider #main-site-name p {

    position: relative;

    bottom: auto;

    margin: 0;

    padding: 0;

}



#canvas-main {

    position: absolute;

    top: 0;

    left: 0;

}



p.icon-header {

    font-family: "Open Sans", Helvetica, sans-serif;

    font-weight: bold;

    margin-top: 20px;

    font-size: 16px;

}



@media screen and (min-width: 1280px) {

    p.icon-header {

        margin-top: 40px;

        font-size: 20px;

    }

}



#main-site-name .iamCol {

    float: left;

    text-align: right;

    width: 140px;

}



#main-site-name .slideCol {

    float: right;

    text-align: left;

    width: 740px;

}



#main-site-name p {

    font-size: 70px;

    line-height: 1;

    height: 70px;

    font-weight: bold;

}



#main-site-name .iamCol p {

    font-size: 35px;

    height: auto;

    line-height: 1;

    font-weight: normal;

}



#main-site-name .slideCol .scroller {

    height: 70px;

    overflow: hidden;

    position: relative;

}



#main-site-name .slideCol .inner {

    position: relative;

    animation: 10s normal infinite running scroll;

}



@keyframes scroll {

    0% {

        top: 0;

    }

    15% {

        top: 0;

    }



    25% {

        top: -100%;

    }

    40% {

        top: -100%;

    }



    50% {

        top: -200%;

    }

    65% {

        top: -200%;

    }



    75% {

        top: -300%;

    }

    90% {

        top: -300%;

    }



    100% {

        top: 0px;

    }

}



@media screen and (max-width: 1280px) {

    #main-site-name .slideCol .scroller {

        height: 50px;

    }



    #main-site-name .iamCol p {

        font-size: 25px;

    }



    #main-site-name p {

        font-size: 50px;

        height: 50px;

    }



    #main-site-name .iamCol {

        width: 97px;

    }



    #main-site-name {

        width: 650px;

        height: 50px;

    }



    #main-site-name .slideCol {

        width: 530px;

    }

}



@media screen and (max-width: 800px) {

    #main-site-name .slideCol .scroller {

        height: 40px;

    }



    #main-site-name p {

        font-size: 40px;

        height: 40px;

    }



    #main-site-name .iamCol p {

        font-size: 20px;

    }



    #main-site-name .iamCol {

        width: 65px;

    }



    #main-site-name {

        width: 400px;

        height: 30px;

    }



    #main-site-name .slideCol {

        width: 320px;

    }

}



@media screen and (max-width: 600px) {

    #main-site-name .slideCol .scroller {

        height: 30px;

    }



    #main-site-name p {

        font-size: 30px;

        height: 30px;

    }



    #main-site-name .iamCol p {

        font-size: 15px;

    }



    #main-site-name .iamCol {

        width: 65px;

    }



    #main-site-name {

        width: 400px;

        height: 30px;

    }



    #main-site-name .slideCol {

        width: 320px;

    }

}



@media screen and (max-width: 400px) {

    #main-site-name .slideCol .scroller {

        height: 20px;

    }



    #main-site-name p {

        font-size: 20px;

        height: 20px;

    }



    #main-site-name .iamCol p {

        font-size: 12px;

    }



    #main-site-name .iamCol {

        width: 50px;

    }



    #main-site-name {

        width: 276px;

        height: 24px;

    }



    #main-site-name .slideCol {

        width: 216px;

    }



}



#footer {

    margin-top: 100px;

    min-height: 380px;

    background: #2b2b2b;

    /*padding-left: 200px;

    padding-right: 200px;*/

    padding-top: 100px;

    color: #fff;

    font-size: 14px;



    text-align: justify;

    -ms-text-justify: distribute-all-lines;

    text-justify: distribute-all-lines;

}



#footer .phone {

    font-size: 35px;

    line-height: 30px;

    font-weight: bold;

}



#footer .pdf {

    font-size: 14px;

    line-height: 14px;

    font-weight: normal;

    background: url("../img/pdf-icon.png") left top no-repeat;

    padding-left: 35px;

    height: 35px;

    color: #757575;

    margin-top: 40px;

}



#footer .pdf a {

    font-weight: bold;

    margin-bottom: 10px;

}



#footer a {

    color: #fff;

    border-bottom: 1px solid #3c3c3c;

    text-decoration: none;

}



#footer a:hover {

    border-bottom: none;

}



#footer .contact {

    padding-left: 45px;

    height: 30px;

    line-height: 14px;

    margin-bottom: 5px;

}



#footer .email {

    background: url('../img/mail.png') left top no-repeat;

}



#footer .address {

    background: url('../img/marker.png') left top no-repeat;

}



#footer .time {

    background: url('../img/timer.png') left top no-repeat;

}



#footer > .content > div {

    display: inline-block;

    vertical-align: top;

}



.stretch {

    width: 100%;

    display: inline-block;

    font-size: 0;

    line-height: 0

}



#cross-menu {

    display: none;

    z-index: 1000;

}



#products-popup {

    width: 100% !important;

    height: 100%;

    background: rgb(121, 12, 19);

    position: fixed;

    z-index: 600;

    display: none;

    left: 0;

    top: 0;

    color: #fff;

    text-align: left;

    padding: 50px;

    padding-left: 50px !important;

    padding-right: 50px !important;

    font-weight: normal;

    text-align: justify;

    -ms-text-justify: distribute-all-lines;

    text-justify: distribute-all-lines;

}



#products-popup a.acc-toggle {

    font-weight: normal;

    font-size: 24px;

}



#products-popup .acc-inner {

    font-size: 16px;

}



#products-popup .acc-inner ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



#products-popup .acc-group {

    display: inline-block;

    text-align: left;

    margin-bottom: 30px;

    vertical-align: top;

}



#products-popup .acc-inner {

    padding-left: 60px;

}



#products-popup .acc-inner a {

    color: #fff !important;

    line-height: normal !important;

}



#products-popup .acc a {

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    /*border-bottom: 1px solid #fff;*/

    color: #fff !important;

}



#products-popup .acc a:hover, #products-popup .acc a:active, #products-popup .acc a:focus {

    background: none !important;

    text-decoration: none !important;

    border: none !important;

}



#products-popup a {

    padding: 0px !important;

}



#popup-header-1 {

    background: url("../img/popup-icon-1.png") left center no-repeat;

}



#popup-header-2 {

    background: url("../img/popup-icon-2.png") left center no-repeat;

}



#popup-header-3 {

    background: url("../img/popup-icon-3.png") left center no-repeat;

}



#popup-header-4 {

    background: url("../img/popup-icon-4.png") left center no-repeat;

}



#popup-header-5 {

    background: url("../img/popup-icon-5.png") left center no-repeat;

}



#popup-header-6 {

    background: url("../img/popup-icon-6.png") left center no-repeat;

}



#popup-header-1, #popup-header-2, #popup-header-3, #popup-header-4, #popup-header-5 {

    background-size: contain;

}



#products-popup .acc-heading {

    padding-left: 60px;

}



#products-popup .row {

    padding: 0px !important;

    margin: 0px !important;

}



/*

#header-phone:hover {

	color: #fff;

	background: #010103;

	height: 300px;

	width: 316px;

	position: absolute;

	top: 0px;

	right: 0px;

	border: 0px;

	z-index: 5000;

	font-weight: bold;

	font-size: 16px;

	display:none;

	padding-left: 35px;

	padding-top: 10px;

}

*/



a.cross {

    position: absolute;

    width: 34px;

    height: 34px;

    right: 20px;

    top: 20px;

    padding: 0px !important;

    background: url("../img/cross.png") top left no-repeat;

    background-size: contain;

}



a.cross:hover {

    background: url("../img/cross.png") top left no-repeat;

    background-size: contain;

}



.navbar-toggle {

    border: 1px solid #dadee3;

    margin: 0px;

}



.navbar-toggle .icon-bar {

    background-color: #000;

}



#search-field {

    margin-right: 30px !important;

    height: 30px;

    width: 100%;

    padding: 0px;

    padding-left: 10px;

    padding-right: 30px;

    color: #000;

    line-height: 30px;

    font-weight: normal;

}



#search-submit {

    position: absolute;

    border: none;

    /*content: none;*/

    background: url('../img/search-icon.png') left top no-repeat;

    background-size: cover;

    width: 20px;

    height: 20px;



    top: 0 !important;

    bottom: 0 !important;

    margin-top: auto !important;

    margin-bottom: auto !important;

    right: 5px !important;

    z-index: 300;

}



#search-form {

    /*width: 100% !important;*/

}



@media screen and (min-width: 1000px) {

    #menu > ul {

        float: right;

    }



    #header-phone {

        float: right;

    }



    #search-form {

        width: 90%;

        display: none;

        position: absolute;

        top: 0 !important;

        bottom: 0 !important;

        margin-top: auto !important;

        margin-bottom: auto !important;

        height: auto !important;

        right: 80px;

        height: 100px;

        background: #fff;

        z-index: 500;

        overflow: visible !important;

    }



    #search-field {

        display: block;

        position: absolute;

        top: 0 !important;

        bottom: 0 !important;

        margin-top: auto !important;

        margin-bottom: auto !important;

        right: 0px;

        left: 0px;

        /*width: auto;*/

        z-index: 200;

        height: 33px !important;

    }



    #search-field:focus {

        box-shadow: none;

        border: 1px solid #a0a0a0;

        outline: none;

        padding-left: 11px;

    }



    #search-submit {

        background: rgb(121, 12, 19);

        width: 100px !important;

        height: 33px;

        color: #fff;

        font-size: 14px;

        font-weight: normal;

        margin: 0;

        padding: 0;

        right: -100px !important;

        line-height: 30px;

    }



    #search-submit:focus {

        outline: none;

    }



    #search-submit:hover {

        background: rgb(158, 14, 23);

    }



    /*#search-submit:hover {

        background: #cdcdcd;

    }*/

    #search-close {

        float: left;

        position: relative;

        left: -20px;

        display: block;

        width: 15px;

        height: 15px;

        margin-top: 14px;

    }

}



@media screen and (min-width: 1287px) and (max-width: 1599px) {

    #products-popup .acc-inner li {

        margin-top: 15px;

    }

}



@media screen and (min-width: 1000px) and (max-width: 1286px) {

    #products-popup .acc-group {

        width: 100%;

    }



    #products-popup .acc-inner li {

        margin-top: 10px;

    }

}



@media screen and (min-width: 1600px) {

    #products-popup .acc-inner li {

        margin-top: 15px;

    }

}



@media screen and (min-width: 1000px) and (max-width: 1219px) {



    #logo {

        width: 140px;

        background-size: contain;

    }



    .navbar-nav > li > a {

        padding-left: 15px;

        padding-right: 15px;

        text-shadow: none;

    }



    #header-phone {

        padding-left: 15px;

        padding-right: 15px;

        width: 178px;

    }



    #search {

        margin-left: 15px;

    }



    #footer {

        padding-left: 50px;

        padding-right: 50px;

    }



    #footer .phone {

        font-size: 30px;

        line-height: 26px;

    }



    #footer .contact {

        margin-bottom: 5px;

    }



    #footer .pdf {

        margin-top: 20px;

    }



    #slider h1 {

        font-size: 55px !important;

    }

}



@media screen and (min-width: 1000px) and (max-width: 1219px) {

    #footer {

        min-height: 300px;

    }

}



@media screen and (min-width: 1000px) and (max-width: 1440px) {

    #laptop {

        height: 480px !important;

        width: 800px !important;

        margin: 0px auto;

        /*margin-top: 100px;*/

        margin-bottom: -35px;

        padding-left: 96px;

        padding-right: 96px;

        padding-top: 28px;

        padding-bottom: 70px;

    }

}



@media screen and (min-width: 1401px) {

    #laptop {

        height: 600px !important;

        width: 1000px !important;

        margin: 0px auto;

        /*margin-top: 100px;*/

        margin-bottom: -37px;

        padding-left: 120px;

        padding-right: 120px;

        padding-top: 35px;

        padding-bottom: 85px;

    }

}



@media screen and (min-width: 1220px) and (max-width: 1439px) {

    #logo {

        width: 170px;

        background-size: contain;

    }



    #slider h1 {

        font-size: 60px !important;

    }

}



@media (max-width: 999px) {



    #footer .info {

        display: block !important;

        width: 100% !important;

        margin-top: 20px;

    }



    #footer .contacts {

        float: right;

    }



    #mockup {

        display: none;

    }



    #search {

        float: none;

        width: auto;

        height: 30px;

        margin-top: 70px;

        /*background: url('../img/search-icon-white.png') right center no-repeat;*/

        display: inline-block;

        margin-left: 50px;

        position: relative;



    }



    #search-button {

        display: none;

        background: url('../img/search-icon-white.png') right center no-repeat;

        width: 24px;

        height: 30px;

        vertical-align: middle;

        float: right;

    }



    #search-field {

        /*float: right;*/

        display: block !important;



    }



    #search-form {

        display: block !important;

        width: 200px !important;

    }



    #search-close {

        display: none;

    }



    #header-phone {

        display: none;

    }



    #products-popup .acc-inner li {

        margin-top: 10px;

        font-size: 14px;

    }



    #products-popup a.acc-toggle {

        font-size: 18px;

    }



    #products-popup .acc-group {

        margin-bottom: 5px;

    }



    #cross-menu {

        display: block;

    }



    #menu {

        /*position: fixed;*/

        /*overflow: hidden;*/



        top: 0px;

        padding: 0px;



        left: 0;

        right: 0;

        margin: 0;



        /*min-width: 100%;*/

        /*min-height: 100% !important;*/

        background: rgb(121, 12, 19);

        z-index: 100;

        text-align: left;

    }



    #menu > ul {

        /*margin-top: 100px !important;*/

    }



    .navbar-nav > li > a {

        color: #fff;

        padding-left: 50px;

        text-align: left;

        line-height: 30px;

        font-weight: normal;

        font-size: 18px;

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus {

        background: none;

        color: #fff;

    }



    .navbar-nav {

        float: none;

        margin: 0px;

        margin-top: 10px;

    }



    .navbar-nav > li {

        float: none;

    }



    .navbar-nav > li > a {

        padding-top: 10px;

        padding-bottom: 10px;

    }



    #products-popup {

        position: relative;

        width: 100% !important;

        height: auto !important;

        margin: 0px;

        padding-top: 0px;

        padding-bottom: 0px;

    }



    #cross-popup {

        display: none;

    }



    #slider h1 {

        font-size: 50px !important;

    }



    #footer .phone {

        font-size: 30px;

    }



    #footer .pdf {

        margin-top: 20px;

    }



    #footer .contact {

        margin-bottom: 5px;

    }



    .insurance-description {

        font-size: 18px !important;

    }



    .insurance h1 {

        font-size: 30px !important;

    }

}



@media screen and (max-width: 640px) {

    #logo {

        width: 150px;

        background-size: contain;

    }



    .navbar-header {

        margin-right: 10px;

    }



    #slider h1 {

        font-size: 40px !important;

    }



    #footer > .content > div {

        width: 100%;

        margin-bottom: 30px;

    }



    #footer .pdf {

        display: none;

    }



    #footer .copyright a {

        display: none;

    }



    #footer {

        padding-top: 60px;

    }



    #footer .phone {

        font-size: 25px;

    }

}



@media screen and (max-width: 480px) {



    .row {

        padding-left: 25px;

        padding-right: 25px;

    }



    #logo {

        width: 140px;

        background-size: contain;

    }



    .navbar-header {

        margin-right: 10px;

    }



    #header {

        padding-left: 25px;

        padding-right: 25px;

    }



    #slider h1 {

        font-size: 30px !important;

    }

}



#description {

    font-weight: bold;

    font-size: 22px;

    color: #000;

    text-align: center;

    max-width: 720px;

    margin: 0px auto;

    margin-top: 50px;

    margin-bottom: 100px;

    background: url('../img/medical.png') top center no-repeat;

    padding-top: 50px;

}



#mockup {



    text-align: center;

}



.bg-light-blue {

    background: #f3f3f5;

}



.bg-light-blue-gradient {

    background: url('../img/background.png') bottom left repeat-x #f3f3f5;

}



.portfolio-info {

    font-size: 15px;

    padding-top: 65px;

    padding-bottom: 65px;

    padding-left: 120px;

    background: url('../img/psd-icon.png') left center no-repeat;

    text-align: left;

}



.portfolio-info h2 {

    font-weight: bold;

    font-size: 17px;



}



@media screen and (max-width: 640px) {

    .portfolio-icon-wrapper {

        width: 100%;

        margin-bottom: 30px;

    }



}



.portfolio-icon-img {

    max-width: 100%;

}



#slider {

    text-align: center;

    position: relative;

    z-index: 0;

}



#slider .slider-content {

    width: 100%;

    text-align: center;

    height: 100%;

    line-height: 600px;

    display: block;

    display: block;

    vertical-align: middle;

}



#slider h1 {

    font-size: 70px;

    line-height: 1.2;

    color: #fff;

    font-weight: bold;

    max-width: 850px;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    text-transform: none;

}



#slider a {

    color: #fff;

    border-bottom: 1px solid #fff;

    font-size: 24px;

    font-family: "Open Sans", sans-serif;

    font-weight: 300;

}



#slider a:hover, #slider a:active, #slider a:focus {

    text-decoration: none;

    border-bottom: none;

}



#slider p {

    width: 100%;

    bottom: 100px;

    position: absolute;

    line-height: 1.2;

}



.portBox {

    margin: 0px !important;

    top: 0px !important;

    left: 0px !important;

    right: 0px !important;

    bottom: 0px !important;

    border-radius: 0px;

    box-shadow: none;

    padding: 0px !important;

    z-index: 6;

}



.portBox-overlay {

    display: none !important;

}



@media screen and (max-width: 999px) {

    .portBox {

        display: none;

        width: 100% !important;

        height: 100% !important;

        max-width: 100% !important;

        background: rgb(121, 12, 19);

        position: fixed;

    }



    .close-portBox {

        z-index: 5000;

        width: 34px;

        height: 34px;

        background: url("../img/cross.png") top left no-repeat !important;

        border: none;

        padding: 0px !important;

        position: absolute;

        right: 20px !important;

        top: 20px !important;

        content: none;

        cursor: pointer;

    }



    .close-portBox:hover {

        background: url("../img/cross.png") top left no-repeat !important;

        border: none;

        content: none;

    }



    .hamburger {

        position: relative;

        display: inline-block;

        width: 45px;

        height: 30px;

        border: 1px solid #ddd;

        border-radius: 2px;

        float: right;

        margin-top: 25px;

    }



    .border-icon {

        height: 0px;

        border-top: 1px solid #000;

        margin: 6px;

    }



    #footer .copyright a {

        display: none;

    }

}



@media screen and (min-width: 1000px) {

    .portBox {

        position: relative;

        display: block !important;

        height: 80px !important;

        float: right;

        padding: 0px !important;

        width: 80%;

    }



    .hamburger {

        display: none;

    }



    #header .portBox-overlay, #header .close-portBox, #header .slimScrollBar, #header .slimScrollRail {

        display: none !important;

    }



    #header .scrollBar {

        padding: 0px !important;

    }

}



#slider-overlay {

    background: #000;

    width: 100%;

    height: 100%;

    opacity: 0;

    position: absolute;

    z-index: -2;

}



@media screen and (max-width: 480px) {

    .navbar-nav > li > a {

        font-size: 14px;

    }



    #products-popup a.acc-toggle {

        font-size: 14px;

    }



    #popup-header-1 {

        background: url("../img/popup-icon-1-s.png") left center no-repeat;

    }



    #popup-header-2 {

        background: url("../img/popup-icon-2-s.png") left center no-repeat;

    }



    #popup-header-3 {

        background: url("../img/popup-icon-3-s.png") left center no-repeat;

    }



    #popup-header-4 {

        background: url("../img/popup-icon-4-s.png") left center no-repeat;

    }



    #popup-header-5 {

        background: url("../img/popup-icon-5-s.png") left center no-repeat;

    }



    #popup-header-6 {

        background: url("../img/popup-icon-6-s.png") left center no-repeat;

    }



    #products-popup .acc-heading {

        padding-left: 40px;

    }



    #products-popup .acc-inner {

        padding-left: 40px;

    }



}



#portfolio {

    padding: 0px !important;

}



#footer > .content > div {

    text-align: left;

}



#breadcrumbs {

    font-size: 14px;



    position: absolute;

    left: 0px;

    top: 80px;

    opacity: 0.5;

    height: 50px;

    line-height: 50px;

    width: 100%;

}



#breadcrumbs a {

    color: #fff;

    text-decoration: none;

    border-bottom: 1px solid #fff;

}



#breadcrumbs a:hover, #breadcrums a:active, #breadcrums a:focus {

    border-bottom: none;

    text-decoration: none;

}



#breadcrumbs:hover {

    opacity: 1;

    cursor: pointer;

    -webkit-transition: 1s;

    -moz-transition: 1s;

    -o-transition: 1s;

    transition: 1s;

}



#breadcrumbs .arrow {

    width: 9px;

    height: 7px;

    background: url('../img/breadcrumbs-arrow.png');

    margin-left: 10px;

    margin-right: 10px;

    display: inline-block;



}



.content {

    width: 100%;

    max-width: 1440px;



    left: 0 !important;

    right: 0 !important;

    margin-left: auto !important;

    margin-right: auto !important;

}



#mockup .slimScrollDiv {



    width: 100% !important;

    height: 100% !important;



}



img.scrollable-img {

    display: block;

    height: auto;

    width: 100%;

}



#screen {

    overflow: hidden;

    width: 100% !important;

    height: 100% !important;

}



#mockup .slimScrollDiv {

    overflow: visible !important;

}



#mockup .slimScrollBar {

    width: 32px !important;

    height: 33px !important;

    background: url('../img/scrollbar.png') !important;

    opacity: 1 !important;

    margin-right: -15px !important;

}



#laptop {

    background: url('../img/laptop.png') top center no-repeat;

    background-size: contain;

    position: relative;

}



.laptop-tab {

    font-weight: bold;

    padding-left: 50px;

    padding-right: 50px;

    padding-top: 7px;

    padding-bottom: 7px;

    font-size: 17px;

    display: inline-block;

    color: #000;

}



.laptop-tab:active, .laptop-tab:hover, .laptop-tab:focus, .laptop-tab.active {

    background: #6e649a;

    border-radius: 20px;

    color: #fff;

    text-decoration: none;

}



.laptop-tabs {

    display: inline-block;

    border: 1px solid #cb659f;

    padding: 10px;

    border-radius: 30px;

    margin-top: 50px;

    margin-bottom: 50px;

}



.insurance-description {

    font-weight: bold;

    font-size: 22px;

    color: #000;

    text-align: left;

    margin: 0px auto;

}



.wrap-images {

    max-width: 1100px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.portfolio-block-description {

    font-size: 22px;

    font-weight: normal;

    max-width: 850px;

    display: inline-block;

    text-align: center;

    margin-bottom: 20px;

}



@media screen and (max-width: 800px) {

    .portfolio-block-description {

        font-size: 16px;

    }

}



.portfolio-block {

    text-align: center;

    padding-top: 60px;

    padding-bottom: 70px;

}



.insurance-photo {

    width: 461px;

    height: 387px;

    float: left;

    background: url('../img/insurance-img.jpg') top left no-repeat;

}



.portfolio-block.full-width {

    padding: 0;

}



.portfolio-block.full-width img {

    width: 100%

}



.portfolio-block.just-img {

    /*padding: 0;*/

}



.portfolio-block.just-img img {

    max-width: 100%

}



.portfolio-block.with-img img {

    max-width: 100%

}



@media screen and (max-width: 1599px) {

    .insurance ol {

        width: 60%;

        margin-left: 50px;

    }

}



@media screen and (max-width: 1439px) {

    .insurance ol {

        width: 54%;

        margin-left: 40px;

    }

}



@media screen and (max-width: 1219px) {

    .insurance-photo {

        width: 300px;

        height: 270px;

        float: left;

        background: url('../img/insurance-img.jpg') top left no-repeat;

        background-size: contain;

    }



    .insurance ol {

        counter-reset: li; /* Initiate a counter */

        margin-left: 0; /* Remove the default left margin */

        padding-left: 0; /* Remove the default left padding */

        float: left;

        width: 60%;

        margin-left: 50px;

    }

}



@media screen and (max-width: 999px) {



    .insurance-photo {

        display: none;

    }



    .insurance ol {

        width: 100%;

        margin-left: 0px;

    }



}



#slider-logo {

    width: 100%;

    position: absolute;

    height: 60px;

    top: 80px;

}



#slider-logo.medical {

    background: url('../img/logo-medical.png') top center no-repeat;

    background-size: contain;

    height: 100px;

}



@media screen and (max-width: 1439px) {

    #slider {

        height: 500px;

        /*line-height: 500px;*/

    }



    #slider .slider-content {

        line-height: 500px;

    }



    #slider-logo {

        height: 50px;

        top: 50px;

    }



    #slider p {

        bottom: 50px;

    }



    #slider-logo.medical {

        height: 90px;

    }



}



@media screen and (max-width: 1219px) {

    #slider {

        height: 450px;

        /*line-height: 500px;*/

    }



    #slider .slider-content {

        line-height: 450px;

    }



    #slider-logo.medical {

        height: 70px;

    }

}



@media screen and (max-width: 640px) {

    #slider {

        height: 400px;

    }



    #slider .slider-content {

        line-height: 400px;

    }



    #slider-logo {

        height: 40px;

        top: 60px;

    }



    #slider p {

        bottom: 40px;

    }



    #slider-logo.medical {

        height: 50px;

    }



}



.details {

    /*background: #11327b;*/

    /*color: #fff;*/

    font-weight: normal;

    text-align: center;

    padding-top: 50px;

    padding-bottom: 100px;

    font-size: 22px;

}



.details h1 {

}



/*.details p {*/

/*max-width: 670px;*/

/*display: inline-block;*/

/*margin-top: 20px;*/

/*}*/



.details-slider {

    margin-top: 50px;

}



.wrap-slider {

    display: inline-block;

    max-width: 350px;

    width: 100%;

    padding-left: 35px;

    padding-right: 35px;

}



.details-slider .slick-prev, .details-slider .slick-next {

    width: 33px !important;

    height: 63px !important;

    border: none;

    position: absolute;

    top: 50%;

    margin-top: -31px;

    outline: none;



}



.details-slider .slick-prev {

    background: url('../img/details-left.png') left center no-repeat;

    left: 0px;

    margin-left: -50px;

}



.details-slider .slick-next {

    background: url('../img/details-right.png') right center no-repeat;

    right: 0px;

    margin-right: -50px;

}



.details-slider .slick-list {

    overflow: hidden;

}



.details-slider img {

    margin: 10px;

}



.details-slider .slick-slide {

    outline: none;

}



#portfolio h1 {

    font-size: 25px;

    font-family: "Open Sans";

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    margin-top: 50px;

    margin-bottom: 42px;

}



a#previous-work, a#next-work {

    display: none;

    position: fixed;

    bottom: 20px;

    background: #f1f5f9;

    padding: 10px !important;

    width: auto !important;

    height: 35px !important;

    border-radius: 10px;

    text-align: center;

    opacity: 0.8;

    -moz-opacity: 0.8;

    z-index: 100;

    display: none;

    font-size: 14px;

    white-space: nowrap;

    box-sizing: border-box;

    line-height: 14px;



    width: 35px !important;

    color: transparent !important;

    border: 1px solid rgba(0, 0, 0, 0.3);

}



a#previous-work:hover, a#next-work:hover {

    opacity: 1;

    width: auto !important;

    color: #000 !important;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -o-transition: 0.2s;

    transition: 0.2s;

}



a#previous-work {

    left: 20px;

    background: url('../img/prev-arrow.png') left center no-repeat #f1f5f9;

}



a#next-work {

    right: 20px;

    background: url('../img/next-arrow.png') right center no-repeat #f1f5f9;

}



a#previous-work:hover {

    padding-left: 30px !important;

}



a#next-work:hover {

    padding-right: 30px !important;

}



@media screen and (max-width: 640px) {

    a#previous-work, a#next-work {

        display: none !important;

    }

}



.hid {

    opacity: 0;

    -moz-opacity: 0;

}



.visi {

    opacity: 1;

    -moz-opacity: 1;

}



@media screen and (max-width: 480px) {

    .portfolio-slides a {

        width: 100%;

        float: none;

    }



    .portfolio-slides .img-body div {



    }



    .portfolio-slides .img-body .sm {

        font-size: 14px;

    }



}



/* TODO: OLD BROWSERS*/

.first {

    animation-delay: 0;

    -webkit-animation-delay: 0;

    -moz-animation-delay: 0;

    -o-animation-delay: 0;

}



.second {

    animation-delay: 0.15s;

    -webkit-animation-delay: 0.15s;

    -moz-animation-delay: 0.15s;

    -o-animation-delay: 0.15s;

}



.third {

    animation-delay: 0.3s;

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    -o-animation-delay: 0.3s;

}



.fourth {

    animation-delay: 0.45s;

    -webkit-animation-delay: 0.45s;

    -moz-animation-delay: 0.45s;

    -o-animation-delay: 0.45s;

}



.fifth {

    animation-delay: 0.6s;

    -webkit-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

    -o-animation-delay: 0.6s;

}



.sixth {

    animation-delay: 0.75s;

    -webkit-animation-delay: 0.75s;

    -moz-animation-delay: 0.75s;

    -o-animation-delay: 0.75s;

}



.pages {

    padding-top: 120px;

    padding-bottom: 150px;

    text-align: center;



}



.pages img {

    max-width: 49%;

    display: inline-block;

    margin-top: 30px;

    vertical-align: top;

    padding: 10px;

    box-sizing: border-box;

}



@media screen and (max-width: 999px) {

    .pages img {

        max-width: 100%;

        display: inline-block;

        margin-top: 30px;

        vertical-align: top;

    }



    .pages {

        background: #f3f3f5;

        padding-top: 60px;

        padding-bottom: 80px;

    }

}



.scale {

    transform: scale(1.11);

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.slick-slide {

    height: auto !important;

}



.social {

    float: left;

    display: block !important;

    height: 16px;

    width: 25px;

    margin-right: 10px;

    border: none !important;

    margin-top: 10px;



    background-position: center 0px;

    -webkit-transition: 0.25s;

    transition: 0.25s;

}



.social:hover {

    background-position: center -17px;



    -webkit-transition: 025s;

    transition: 0.25s;

}



.vk {

    background: url('../img/vk.png') center 0px no-repeat;

}



.fb {

    background: url('../img/fb.png') center 0px no-repeat;

}



.tw {

    background: url('../img/tw.png') center 0px no-repeat;

}



.social-block {

    margin-top: 40px;

}



@media screen and (max-width: 999px) {

    .social-block {

        margin-top: 20px;

        margin-bottom: 50px;

    }

}



.grid {

    position: relative;

    clear: both;

    margin: 0 auto;

    /*padding: 1em 0 4em;*/

    max-width: 100%;

    list-style: none;

    text-align: center;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 20px;

    padding-bottom: 50px;

}



.grid .column {



}



/* Common style */

.grid figure {

    position: relative;

    float: left;

    overflow: hidden;

    /*margin: 10px 1%;*/

    /*margin-bottom: 20px;*/

    /*min-width: 320px;

    max-width: 480px;

    max-height: 360px;*/

    /*max-width: 33.3%;*/

    height: auto;

    /*background: #3085a3;*/

    text-align: center;

    cursor: pointer;

    width: 100%;

}



.grid figure img {

    position: relative;

    display: block;

    /*min-height: 100%;

    max-width: 100%;*/

    width: 100%;

    opacity: 1;

}



.grid figure figcaption {

    padding: 2em;

    color: #fff;

    text-transform: uppercase;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;



    vertical-align: bottom;

}



.grid figure figcaption::before,

.grid figure figcaption::after {

    pointer-events: none;

}



figure figcaption,

figure figcaption > a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

figure figcaption > a {

    z-index: 1000;

    text-indent: 200%;

    white-space: nowrap;

    font-size: 0;

    opacity: 0;

}



figure h2 {

    /*word-spacing: -0.15em;*/

    font-weight: 300;

    font-size: 1.2em;

}



figure h2 span {

    font-weight: 800;

}



figure h2,

figure p {

    margin: 0;

}



figure p {

    letter-spacing: 1px;

    font-size: 68.5%;

}



/*









figure.effect-apollo {

	background: #000;



	margin-left: 6.6665px;

	margin-right: 6.6665px;

}



figure.effect-apollo img {

	opacity: 0.95;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale3d(1.05,1.05,1);

	transform: scale3d(1.05,1.05,1);

}



figure.effect-apollo:first-child {

	margin-right: 13.3px;

	margin-left: 0px;

}



figure.effect-apollo:last-child {

	margin-left: 13.3px;

	margin-right: 0px;

}









figure.effect-apollo figcaption::before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.5);

	content: '';

	-webkit-transition: -webkit-transform 0.6s;

	transition: transform 0.6s;

	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,30deg) translate3d(0,-120%,0);

	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

}



figure.effect-apollo p {

	position: absolute;

	right: 0;

	top: 0;

	margin: 2em;

	padding: 0 1em;

	max-width: 150px;

	border-right: 4px solid #fff;

	text-align: right;

	opacity: 0;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}



figure.effect-apollo h2 {

	text-align: left;

	position: absolute;

	bottom: 0;

	left: 0;

	margin: 1.5em;

	text-shadow: 0px 1px 2px black;

	font-size: 22px;

}



figure.effect-apollo:hover img {

	opacity: 0.6;

	-webkit-transform: scale3d(1,1,1);

	transform: scale3d(1,1,1);

}



figure.effect-apollo:hover figcaption::before {

	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,125%,0);

	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,125%,0);

}



figure.effect-apollo:hover p {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

}*/



figure.effect-duke {

    /*background: -webkit-linear-gradient(-45deg, #34495e 0%, #cc6055 100%);*/

    background: rgba(0, 0, 0, 1);

}



figure.effect-duke img,

figure.effect-duke p {

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



figure.effect-duke:hover img {

    opacity: 0.5;

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1);

}



figure.effect-duke h2 {

    /*font-family: "Open Sans";*/

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    /*-webkit-transform: scale3d(0.9,0.9,1);*/

    /*transform: scale3d(0.9,0.9,1);*/

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;



    text-align: center;

    position: absolute;

    bottom: 0;

    left: 0;

    margin-bottom: 1.5em;

    text-shadow: 0px 1px 2px black;

    font-size: 22px;

    width: 100%;

    font-weight: bolder;

    letter-spacing: 0.75px;

}



figure.effect-duke p {

    position: absolute;

    bottom: 0;

    left: 0;

    /*margin: 20px;

    padding: 30px;*/

    /*border: 2px solid #fff;*/

    text-transform: none;

    font-size: 90%;

    opacity: 0;

    /*-webkit-transform: scale3d(0.8,0.8,1);*/

    transform: scale3d(0.8, 0.8, 1);

    -webkit-transform-origin: 50% -100%;

    transform-origin: 50% -100%;

    width: 100%;

    text-align: center;

    margin-bottom: 0px;

}



figure.effect-duke:hover h2,

figure.effect-duke:hover p {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1) translate(0, -15px) translateZ(0);

    transform: scale3d(1.1, 1.1, 1) translate(0, -15px) translateZ(0);

    backface-visibility: hidden;

    text-shadow: none;

}



.tile figure.effect-duke:hover h2,

.tile figure.effect-duke:hover p {

    opacity: 1;

    -webkit-transform: scale3d(1.2, 1.2, 1) translate(0, -80px) translateZ(0);

    transform: scale3d(1.2, 1.2, 1) translate(0, -80px) translateZ(0);

    backface-visibility: hidden;

    text-shadow: none;

}



/*figure.effect-duke:hover h2

{

	-webkit-transform: scale3d(1.1,1.1,1) translate(0,-10px) translateZ(0);

	transform: scale3d(1.1,1.1,1) translate(0,-10px) translateZ(0);

	text-shadow: none;

	backface-visibility: hidden;

}*/



.column {

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 20px;

}



.grid h1 {

    text-transform: uppercase;

    margin-bottom: 30px;

}



figure.effect-duke hr {

    position: absolute;

    right: 0;

    left: 0;

    margin-left: auto;

    margin-right: auto;

    bottom: 0;

    height: 0px;

    border-top: 1px solid #fff;

    /*margin: 0px;*/

    margin-top: 5px;

    margin-bottom: 25px;

    opacity: 0;

    width: 15px;

    -webkit-transform: scale3d(0.2, 1, 1);

    transform: scale3d(0.2, 1, 1);

    -webkit-transition: 0.35s;

    transition: 0.35s;



}



figure.effect-duke:hover hr {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1) translate(0, -20px);

    transform: scale3d(1, 1, 1) translate(0, -20px);

    -webkit-transition: 0.35s;

    transition: 0.35s;

}



.tile figure.effect-duke:hover hr {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1) translate(0, -100px);

    transform: scale3d(1, 1, 1) translate(0, -100px);

    -webkit-transition: 0.35s;

    transition: 0.35s;

}



@media screen and (max-width: 1439px) {

    figure.effect-duke h2 {

        font-size: 18px;

        /*margin: 1.2em;*/

    }



    figure.effect-duke p {

        /*margin: 1.5em;*/

        margin-bottom: 0px;

    }



    figure.effect-duke hr {

        margin-bottom: 19px;

    }



}



@media screen and (max-width: 999px) {

    figure.effect-duke h2 {

        font-size: 14px;

    }



    figure.effect-duke p {

        font-size: 12px;

        margin-bottom: 0px;

    }



    figure.effect-duke hr {

        margin-bottom: 14px;

    }



}



@media screen and (max-width: 800px) {

    .column {

        width: 100%;

    }



    figure.effect-duke h2 {

        font-size: 22px;

    }



    figure.effect-duke p {

        font-size: 18px;

    }



    figure.effect-duke hr {

        margin-bottom: 25px;

    }

}



@media screen and (max-width: 480px) {

    .column {

        width: 100%;

    }



    figure.effect-duke h2 {

        font-size: 18px;

    }



    figure.effect-duke p {

        font-size: 14px;

    }



    figure.effect-duke hr {

        margin-bottom: 20px;

    }



}



.insurance-interface {

    padding-top: 50px;

    padding-bottom: 100px;

    text-align: center;

}



.insurance-interface p {

    margin-bottom: 50px;

    margin-top: 20px;

}



.insurance-interface img {

    max-width: 100%;

    /*width: 100%;*/

}



@media screen and (max-width: 640px) {

    .insurance-interface div {

        width: 100%;

        margin-bottom: 50px;

    }

}



#phone-info {

    display: none;

    position: absolute;

    top: -25px;

    right: 0;

    left: 0;

    background: #0a080e;

    color: #fff;

    z-index: 100;

    width: auto !important;

    padding: 20px !important;

    /*width: 240px;*/

    padding-bottom: 50px !important;

    box-sizing: border-box;

    opacity: 0.9;

}



#phone-info input[type="text"] {

    background: transparent;

    height: 28px;

    border-radius: 0px;

    border: 1px solid #3b393d;

    font-size: 12px;

    font-family: "Open Sans";

    font-weight: normal;

    color: #888788;

    line-height: 28px;

    padding: 0px;

    padding-left: 15px;

    padding-right: 15px;

    /*box-sizing: border-box;*/

    /*width: 200px;*/

    margin-top: 10px;

    width: 100%;

}



#phone-info hr {

    height: 0px;

    border: none;

    border-top: 1px solid #3b393d;

    margin-top: 10px;

    margin-bottom: 10px;

}



#phone-info input[type="submit"] {



    background: transparent;

    height: 35px;

    border-radius: 0px;

    border: none;

    /*background: #3b393d;*/

    font-size: 14px;

    font-family: "Open Sans";

    font-weight: normal;

    color: #fff;

    text-decoration: underline;

    /*line-height: 35px;*/

    padding: 0px;

    /*padding-left: 15px;

    padding-right: 15px;*/

    /*box-sizing: border-box;*/

    /*width: 200px;*/

    margin-top: 15px;

    width: 100%;

    text-align: center;

    display: block;



}



#phone-info .submit-wrapper {

    position: relative;



}



#phone-info .submit-wrapper::before, #phone-info .submit-wrapper::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    height: 50%;

    background: #3b393d;

    z-index: -1;

    -webkit-transition: height 0.25s, background 0.25s;

    -moz-transition: height 0.25s, background 0.25s;

    -ms-transition: height 0.25s, background 0.25s;

    -o-transition: height 0.25s, background 0.25s;

    transition: height 0.25s, background 0.25s;

}



#phone-info .submit-wrapper:hover::before, #phone-info .submit-wrapper:hover::after {

    height: 2px;

    background: #666;

}



#phone-info .submit-wrapper::before {

    top: 0;

}



#phone-info .submit-wrapper::after {

    bottom: 0;

}



#phone-info input[type="submit"]:hover {

    text-decoration: none;

}



#phone-info p {

    margin: 0px;

    font-family: "Open Sans";

    font-weight: bold;

    font-size: 14px;



}



#phone-close {

    right: 10px;

    top: 10px;

    width: 15px;

    height: 15px;

    background: url("../img/cross.png") top left no-repeat;

    background-size: contain;

}



/* !? */



#header .slimScrollDiv {

    position: initial !important;

}



@media screen and (min-width: 1000px) {

    #header .slimScrollDiv {

        overflow: visible !important;

    }



    #header .scrollBar {

        overflow: visible !important;

    }

}



/*@media screen and (max-width: )*/



.dark-cross {

    background: url('../img/cross-dark.png') left center no-repeat !important;

    background-size: contain !important;

}



@media screen and (max-width: 640px) {

    .col-xs-6 {

        padding: 0px;

    }

}



.tile {

    position: relative;

    box-sizing: border-box;

    background: #fff;

    margin: 0;

    padding: 0;

    float: left;

}



.tile-small {

    width: 25%;

}



.tile-small:after {

    padding-top: 100%;

    display: block;

    content: '';

}



.tile-big {

    width: 50%;

}



.tile-big:after {

    padding-top: 50%;

    display: block;

    content: '';

}



.tile-inside {

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    background: #000;

}



.tiles {

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 50px;

    max-width: 100%;

}



#header, #header-content {

    border-bottom: 1px solid #e1e1e1;

}



.tile {

    width: 100%;

}



.tile-with-small-ratio img, .tile-small img {

    margin-left: -50%;

    padding-right: 50%;

}



.tile-with-small-ratio:after {

    padding-top: 100%;

}



.tile figure {

    width: 100%;

    height: 100%;

    overflow: hidden;

    color: #fff;

    text-transform: uppercase;

}



.tile img {

    height: 100%;

    min-width: 100%;

    min-height: 100%;

}



.tile .img-wrapper:after {

    content: '';

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    opacity: 0.3;

}



.tile .img-wrapper {

    display: inline-block;

    position: relative;

    width: 100%;

    height: 100%;

}



.tile figcaption {

    z-index: 5;

    bottom: 25px;

}



h1.h1-mrg {

    margin-top: 50px;



}



.categories {

    text-align: center;

    margin-bottom: 30px !important;

}



.categories a {

    margin: 15px;

    color: #000;

}



.categories a.active {

    font-weight: bolder;

}



@media screen and (max-width: 800px) {

    .categories a {

        margin: 5px;

    }

}



@media screen and (max-width: 640px) {

    .categories a {

        display: block;

    }

}



.tile figure.effect-duke h2 {

    font-size: 28px;

    opacity: 0;

}



.tile figure.effect-duke h3 {

    display: block;

    font-size: 16px;

    text-transform: none;

    position: absolute;

    left: 0;

    bottom: 0;

    margin-bottom: 0px;

    width: 100%;

    background: rgba(0, 0, 0, 0.3);

    padding: 10px;

    -webkit-transition: 0.2s;

    transition: 0.2s;

    transform: translate(0px, 0px);

}



.tile figure.effect-duke:hover h3 {

    -webkit-transition: 0.2s;

    transition: 0.2s;

    transform: translate(0px, 100%);



}



.tile figcaption {

    overflow: hidden;

}



.tile figure.effect-duke .wrap {

    position: absolute;

    left: 0px;

    right: 0px;

    height: auto;

    top: 0px;

    bottom: 0px;

    margin: auto;

    height: 30px;

    -webkit-transform: translate(0px, 50px);

    transform: translate(0px, 50px);

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.tile figure.effect-duke:hover .wrap {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.tile figure.effect-duke h2, .tile figure.effect-duke hr, .tile figure.effect-duke p {

    position: relative;

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

}



.tile figure.effect-duke:hover h2, .tile figure.effect-duke:hover p, .tile figure.effect-duke:hover hr {

    transform: none;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}



.tile figure.effect-duke hr {

    margin-top: 10px;

    margin-bottom: 10px;

}



.tile figure.effect-duke h2 {

    margin-bottom: 0px;

}



/* MAIN ICONS */

.icon {

    text-align: center;

    padding: 20px;

}



.icon img {

    max-width: 100%;

}



.row.icons {

    margin-top: 40px !important;

    margin-bottom: 40px !important;

}



.icon a {

    color: #000;

}



/* FORM */

.order-form-wrapper {

    background: #d9dbdd;

    padding-top: 40px;

    padding-bottom: 100px;

}



.order-form-inner {

    width: 580px;

    padding-left: 20px;

    padding-right: 20px;

    max-width: 100%;

    margin-left: auto;

    margin-right: auto;

}



.order-form-wrapper h2 {

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    letter-spacing: 2px;

    font-size: 30px;

}



.order-form-wrapper form {

    margin-top: 40px;

}



.order-form-wrapper .form-row.for-submit {

    text-align: center;

    margin-top: 70px;

    margin-bottom: 0px;

}



.order-form-wrapper .submit-wrapper {

    display: inline-block;

    height: 50px;

    overflow: hidden;

    position: relative;

}



.order-form-wrapper .submit-wrapper::before {

    content: "\f0e0";

    font-family: FontAwesome, sans-serif;

    color: #ffffff;

    font-size: 24px;

    position: absolute;

    background: #b91c20;

    left: 0;

    right: 0;

    height: 50px;

    top: -50px;

    z-index: 0;

    -webkit-transition: top 0.5s;

    -moz-transition: top 0.5s;

    -ms-transition: top 0.5s;

    -o-transition: top 0.5s;

    transition: top 0.5s;

    line-height: 50px;

}



.order-form-wrapper input[type='text'] {

    background: transparent;

    border: none;

    border-bottom: 1px solid #000;

    display: block;

    width: 100%;

    outline: none;

    height: 30px;

    margin-top: -25px;



    -webkit-transition: margin-top 0.5s;

    -moz-transition: margin-top 0.5s;

    -ms-transition: margin-top 0.5s;

    -o-transition: margin-top 0.5s;

    transition: margin-top 0.5s;

    font-family: "ProximaNova", Helvetica, sans-serif;



    font-size: 15px;

}



.order-form-wrapper label {

    display: block;

    margin-bottom: 0;

    font-family: "ProximaNovaSemiBold", Helvetica, sans-serif;

    font-size: 16px;

    font-weight: normal;

}



.order-form-wrapper .form-row {

    margin-bottom: 40px;

}



.order-form-wrapper label.error {

    font-size: 13px;

    color: #ac2925;

    font-family: "Open Sans", Helvetica, sans-serif;

    font-style: italic;

}



.order-form-wrapper input.error {

    border-bottom: 1px solid #ac2925;

    color: #ac2925;

}



@media screen and (min-width: 480px) {



    .order-form-wrapper .form-row.half {

        width: 49%;

        float: left;

    }



    .order-form-wrapper .form-row.half:nth-child(2n-1) {

        margin-right: 2%;

    }

}



/*.order-form-wrapper .form-row.half:nth-child(2n)::after {*/

/*content: "";*/

/*display: block;*/

/*clear: both;*/

/*}*/



.order-form-wrapper input[type='text']:focus, .order-form-wrapper input[type='text'].not-empty {

    margin-top: 0px;

}



.order-form-wrapper .submit-wrapper:hover::before {

    top: 0px;

}



.order-form-wrapper form input[type='submit'] {

    position: relative;

    z-index: 1;

    text-transform: uppercase;

    font-family: "ProximaNova", Helvetica, sans-serif;

    font-weight: bold;

    font-size: 18px;

    background: transparent;

    overflow: hidden;

    height: 50px;

    border: 2px solid #b91c20;

    line-height: 46px;

    padding: 0px;

    width: 240px;

    text-align: center;

    letter-spacing: 1px;

    display: block;

    -webkit-transition: padding-top 0.5s;

    -moz-transition: padding-top 0.5s;

    -ms-transition: padding-top 0.5s;

    -o-transition: padding-top 0.5s;

    transition: padding-top 0.5s;

}



.order-form-wrapper form input[type='submit']:hover {

    padding-top: 46px;

}



.contacts-wrapper .fa {

    font-size: 18px;

}



.contacts-wrapper {

    margin-bottom: 50px;

    margin-top: 40px;

}



.contacts-block, .contacts-body, .contacts-block ul li, .contacts-header {

    position: relative;

}



.contacts-header {

    font-family: "ProximaNovaSemiBold", Helvetica, sans-serif;

    margin-bottom: 5px;

    margin-top: 5px;

}



.contacts-block ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.contacts-block span.c-icon {

    position: absolute;

    width: 30px;

    left: -30px;

    top: 0px;

    height: 18px;

}



.contacts-block.social-contacts ul li {

    margin-top: 5px;

    margin-bottom: 5px;

}



.contacts-block {

    margin-bottom: 20px;

}



#map {

    width: 100%;

    height: 300px;

}



@media screen and (min-width: 960px) {

    #map {

        height: 500px;

    }

}



#form-call label.error {

    display: none !important;

}



#form-call input.error {

    border: 1px solid #ac2925;

}



/* fade */

.fade-in {

    opacity: 0;

}



.fade-in.fade-in-left {

    -webkit-transform: translate(-30px, 0px);

    -moz-transform: translate(-30px, 0px);

    -ms-transform: translate(-30px, 0px);

    -o-transform: translate(-30px, 0px);

    transform: translate(-30px, 0px);

}



.fade-in.fade-in-right {

    -webkit-transform: translate(30px, 0px);

    -moz-transform: translate(30px, 0px);

    -ms-transform: translate(30px, 0px);

    -o-transform: translate(30px, 0px);

    transform: translate(30px, 0px);

}



.fade-in.fade-in-top {

    -webkit-transform: translate(0px, -30px);

    -moz-transform: translate(0px, -30px);

    -ms-transform: translate(0px, -30px);

    -o-transform: translate(0px, -30px);

    transform: translate(0px, -30px);

}



.fade-in.fade-in-bottom {

    -webkit-transform: translate(0px, 30px);

    -moz-transform: translate(0px, 30px);

    -ms-transform: translate(0px, 30px);

    -o-transform: translate(0px, 30px);

    transform: translate(0px, 30px);

}



.no-effects .fade-in {

    transform: none !important;

}

.cookie-consent {
    display: none;
    align-items: center;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    color: #212121;
    padding: 16px 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-family: "PT Sans";

    min-width: 280px;
    max-width: 740px;
    z-index: 1000;
}
.cookie-consent p {
    font-family: "PT Sans";
    font-weight: 400;
    margin: 8px 0;
    padding-right: 24px;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #212121;
}
.cookie-consent .cookie-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    @media (max-width: 750px) {
        flex-direction: column;
    }
}
.cookie-consent button {
    font-family: "PT Sans";

    padding: 18px 34px;
    background-color: #5f91b1;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 28px;
    font-size: 16px;
    transition: 0.2s ease-out;
    border: 1px solid transparent;
    &:hover {
        background-color: transparent;
        color: #5f91b1;
        border: 1px solid #5f91b1;
    }
}
.cookie-consent .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #aaa;
    font-size: 18px;
}