

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');



body, html { 

    margin:0; 

    padding:0; 

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

    font-size:19px; 

    line-height: 39px;

    font-weight:400; 

    color:#565656; 

    background-color:#fff; 

}



* {

  outline: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; 

}





img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}



a { 

    color:#274e6f;

    -webkit-transition: all 0.15s ease-out;

    -moz-transition: all 0.15s ease-out;

    -o-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

}



p { margin:0 0 15px 0; padding:0; }

.fantom { clear:both; line-height:1px; font-size:0; }



.row {

    display: inline-block;

    float: left;

    width: 100%;

}



.fleft {

    float: left;

}



.fright {

    float: right;

}



.btn {

    display: inline-block;

    padding: 15px;

    background-color: #46749a;

    border: none;

    border-radius: 40px;

    color: #fff;

    text-align: center;

    text-decoration: none;

    -webkit-transition: all 0.15s ease-out;

    -moz-transition: all 0.15s ease-out;

    -o-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

}



.btn:hover {

    background-color: #313131;

}



input[type=text], input[type=email], input[type=password]  { margin:0; height:30px; vertical-align: middle; padding:0 5px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:normal; color:#a2a2a2; background:#fff; border:solid 1px #ccc; border-radius:3px; }

input[type=text].error, input[type=email].error, input[type=password].error {border-color: red;}

textarea { padding:0 5px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:normal; color:#a2a2a2; background:#fff; border:solid 1px #ccc; border-radius:3px; }

input[type=submit] {margin:0 20px 0 0; height:32px; vertical-align: middle; padding:3px 10px 5px 10px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:normal; color:#f1f1f1; background:#47749b; border: 0; border-radius:3px; cursor: pointer;}

input[type=submit]:hover {background: #2d5a83;}



.title_style_2 { margin:0; padding:0; font-size:20px; color:#737373; }



/* Center page */

#center { 

    position: relative;

    width:1600px; 

    margin:0 auto; 

    z-index: 2;

}





/* Header */

#header { 

    position: relative;

    display: inline-block;

    float: left;

    width: 100%;

    height: 140px;

    padding: 30px;

    background-color: #fff;

    z-index: 1000;

}

#logo { 


}





/* Header menu */

#header_menu { float:right; margin:45px 0 0 0; padding:0; list-style:none; }

#header_menu li { float:left; margin-right: 5px; }

#header_menu li:last-child {margin: 0;}

#header_menu a { 

    display:inline-block; 

    padding:3px 20px;  

    background-color: transparent;

    border-radius:20px; 

    font-family: 'Montserrat', sans-serif;

    font-size:18px;

    line-height:30px; 

    text-decoration:none;     

}

#header_menu a:hover, #header_menu a.selected { 

    background-color: #274e6f;

    color: #fff;

}



/* BANNER SLIDER */

.banner_slider {

    display: inline-block !important;

    float: left;

    width: 100%;

    margin-top: -140px;

    z-index: 1;

}



.banner_slider .owl-dots {

    position: absolute;

    bottom: 30%;

    width: 100%;

    text-align: center;

}



.banner_slider .owl-dot {

  position: relative;

  width: 13px;

  height: 13px;

  margin-right: 10px;

  border-radius: 100%;

  background-color: #274e6f !important; 

}



.banner_slider .owl-dot.active {

    background-color: #4ebdd7!important; 

}



.banner_slider .item {

    position: relative;

}





/* Footers */

#footer1 { padding:13px; text-align:center; font-family:Tahoma,Arial; font-size:12px; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; background:#fff; }

#footer2  { min-height:130px; border-top:solid 1px #fff; background:url("img/footer-bgr.png") 0 0 repeat-x; }

#footer2  .sites_icons { padding:60px 0 0 0; text-align:center; }





/* Index slider */

#index_slider_container { margin:13px 0 1px; height:285px; background:url("img/index-slider-btm.png") 0 bottom repeat-x; }

#index_slider { position:relative; height:220px; }

#index_slider .block { position:absolute; left:0; top:0; height:220px; overflow:hidden; }



ul.bjqs-controls.v-centered li a{ display:block; padding:10px; background:#fff; color:#000; text-decoration: none; }

ul.bjqs-controls.v-centered li a:hover{ background:#000; color:#fff; }

.bjqs-wrapper { margin:0 0 28px 0; }

ol.bjqs-markers li a{ outline:none; margin:5px; text-decoration:none; overflow:hidden; text-indent:-999px; background:url("img/index-slider-bullet.png") center center no-repeat; height:13px; width:13px; }

ol.bjqs-markers li.active-marker a,

ol.bjqs-markers li a:hover{ background:url("img/index-slider-bullet-selected.png") center center no-repeat; }

p.bjqs-caption{ background: rgba(255,255,255,0.5); }

.bjqs-prev, .bjqs-next { display:none; }



/*#slider_paging { height:48px; margin:1px 0; padding:0; list-style:none; background:#f0eeef; }*/





/* Index page content */

.index_grey {

    display: inline-block;

    float: left;

    width: 100%;

    margin-top: -13%;

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

    background-size: 100% auto;

}



.index_page_content {

    position: relative;

    display: inline-block;

    float: left;

    width: 100%;

    padding: 80px 40px 40px 40px;

    background-color: #fff;

    text-align: center;

}



.index_page_content:before,

.index_page_content:after {

    position: absolute;

    display: inline-block;

    content: '';

    width: 34px;

    height: 100%;

    top: 0;

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

    z-index: -1;

}



.index_page_content:before {

    left: -6px;

}



.index_page_content:after {

    right: -6px;

}



.index_page_content .title {

    position: relative;

    display: inline-block;

    margin: 0;

    margin-bottom: 120px;

    font-size: 53px;

    line-height: 63px;

    font-weight: 300;

}



.index_page_content .title::after {

    display: inline-block;

    content: '';

    position: absolute;

    width: 100%;

    bottom: -60px;

    left: 0;

    height: 1px;

    background: url("img/bg_title.png") no-repeat top center;

}



.index_page_content .btn {

    width: 220px;

    margin-top: 40px;

}



.hr_bg {

    display: inline-block;

    float: left;

    width: 100%;

    height: 1px;

    border: none;

    background: url("img/bg_hr.png") no-repeat top center;   

}



.index_link_boxes {

    display: inline-block;

    float: left;

    width: 100%;

    margin: 80px 0 40px 0;

}



.index_link_boxes .box {

    position: relative;

    display: inline-block;

    float: left;

    width: 49%;

    margin-right: 2%;

    margin-bottom: 40px;

     -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.index_link_boxes .box:nth-child(2n+2) {

    margin-right: 0;

}



.index_link_boxes .box:hover {

    -webkit-transform:scale(0.9);

    -ms-transform:scale(0.9);

    -moz-transform:scale(0.9);

    -o-transform:scale(0.9);

    transform:scale(0.9);

}



.index_link_boxes .content { 

    position: absolute;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    font-size: 4vw;

    line-height: 5vw;

    color: #fff;

}



.footer {

    display: inline-block;

    float: left;

    width: 100%;

    margin-bottom: 50px;

}



.footer a {

    text-decoration: none;

}



.box_footer {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-direction: row;

    -moz-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    justify-content: space-between;

    width: 100%;

    padding: 80px 0 60px 0;

}



.fcol {

    width: 31%;

    margin-bottom: 20px;

    padding-left: 20px;

    padding-right: 20px;

    border-right: 1px solid #dedede;

    font-size: 36px;

    font-weight: 300;

    line-height: 56px;

    color: #274e6f;

    text-align: center;

}



.fcol:last-child {

    border-right: none;

}



.fcol .title {

    font-size: 22px;

    line-height: 32px;

    

}



.footer_menu {

    display: inline-block;

    float: left;

    width: 100%;

}



.footer_menu a { 

    display:inline-block;  

    float: left;

    margin-right: 40px;

    background-color: transparent;

    border-radius:20px; 

    font-family: 'Montserrat', sans-serif;

    font-size:18px;

    line-height:30px; 

    text-decoration:none; 

}



.footer_menu a:hover, 

.footer_menu a.selected { 

    text-decoration: underline;

}



.copyright_box {

    display: inline-block;

    float: left;

    width: 100%;

    margin-bottom: 40px;

    font-size: 15px;

    color: #a99e9e;

}



.btn_mobile_menu {

    display: none;

    float: right;

    width: 40px;

    height: 40px;

    margin-top: 35px;

    line-height: 38px;

    background-color: #274e6f;

    text-align: center;

}



/*#index_page_content { padding:35px; min-height:300px; background:url("img/index-gradient-01.png") 0 0 repeat-x; }





#index_link_boxes { padding:25px 0 15px 0; text-align:center; font-size:0; }

#index_link_boxes .box { display:inline-block; margin:0; padding:0; font-size:15px; font-weight:bold; background:url("img/index-box-bgr-01.png") 0 0 repeat-x; }

#index_link_boxes .box a { display:block; width:324px; text-decoration:none; color:#727272; }

#index_link_boxes .box a:hover { color:#63a7c6; }

#index_link_boxes .box span { display:block; height:252px; padding:27px 0 0 0; font-size:22px; text-align:center; text-transform:uppercase; }

#index_link_boxes .box2 { margin:0 24px; }*/

/*

#index_link_boxes .box1 span { background:url("img/index-box-img-01.png") center center no-repeat; }

#index_link_boxes .box2 span { background:url("img/index-box-img-02.png") center center no-repeat; }

#index_link_boxes .box3 span { background:url("img/index-box-img-03.png") center center no-repeat; }

*/





#inner_page_image { padding:13px 0; }

#inner_page_content_1 { font-size:17px; margin-bottom:25px; }

#inner_page_content_2 { margin-bottom:50px; background:url("img/spr-01.png") center center repeat-y; }

#inner_page_content_2 .column_1 { 

    float:left; 

    width: 45%;

    padding:15px 0; 

}



#inner_page_content_2 .column_2  { 

    float:right; 

    width: 45%;

    padding:15px 0; 

}



#contact_container { 

    margin-bottom:50px; 

    background:url("img/spr-01.png") center center repeat-y;

}



#contact_container .title_style_2 { margin-bottom:20px; }

#contact_container .column_1 { 

    float:left; 

    width: 45%;

    padding:15px 0;

}



#contact_container .column_2 { 

    float:right; 

    width: 45%;

    padding:15px 0;

}



#contact_container .column_2 form label { width:100px; float:left; line-height:27px; }

#contact_container .column_2 form input[type=text] { float:left; width:260px; margin-bottom:10px; }

#contact_container .column_2 form textarea { float:left; width:350px; height:150px; margin-bottom:10px; }

#contact_container .column_2 form textarea.error { border: 1px solid #FF0000;}





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

.window ul.amnesiac {text-align: center;}

.window ul li {padding-bottom: 10px;}

.window ul li:last-child {padding-top: 10px; padding-bottom: 0;}

.window ul li label {display: inline-block; width: 120px;}

.window ul li input {display: inline-block;}

.window ul li a {text-decoration: none;}

.window ul li a:hover {color:  #555;}





/* RESPONSIVE */

@media (max-width: 1650px) {

    #center {

        width: 100%;

        padding-left: 2%;

        padding-right: 2%;

    }

    

    #header {

        padding-left: 2%;

        padding-right: 2%;

    }

}



@media (max-width: 1300px) {

    .index_page_content {

        padding: 60px 40px 40px 40px;

    }

}



@media (max-width: 1160px) {

    #header_menu a {

        padding: 3px 12px;

        font-size: 16px;

    }

    

    .fcol {

        font-size: 30px;

        line-height: 50px;

    }



}



@media (max-width: 1024px) {

    #header {

        height: auto;

        padding-top: 20px;

        padding-bottom: 20px;

        /*background-color: #f9f1ee;

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

    }

    

    .banner_slider {

        margin-top: 0;

    }

    

    .btn_mobile_menu {

        display: inline-block;

    }

    

    #header_menu,

    .footer_menu {

        display: none;

    }

    

    .index_link_boxes {

        margin: 40px 0 0 0;

    }

    

    .index_link_boxes .content {

        font-size: 5vw;

        line-height: 6vw;

    }

    

    .index_page_content .title {

        font-size: 36px;

        line-height: 46px;

    }



    .box_footer {

        padding: 40px 0 20px 0;

    }

    

    .fcol {

        font-size: 26px;

        line-height: 46px;

    }

    

}



@media (max-width: 900px) {

    .fcol {

        width: 48%;     

    }

    

    #inner_page_content_2,

    #contact_container {

        background: none;

    }

    

    #inner_page_content_2 .column_1, 

    #inner_page_content_2 .column_2,

    #contact_container .column_1,

    #contact_container .column_2 {

        width: 100%;

    }

    

    .index_grey {

        margin-top: 0;

    }

    

    .banner_slider .owl-dots {

        bottom: 10%;

    }

    

}



@media (max-width: 600px) {

    .index_page_content {

        padding: 40px;

    }

    

    .index_page_content .title {

        margin-bottom: 80px;

    }

    

    .index_page_content .title::after {

        bottom: -40px;

    }

    

    .index_link_boxes .box {

        width: 100%;

        margin-right: 0;

    }

    

    .index_link_boxes .content {

        font-size: 10vw;

        line-height: 11vw;

    }

    

    .footer {

        margin-bottom: 0;

    }

    

    .fcol {

        width: 100%;

        padding-left: 0;

        padding-right: 0;

        border-right: none;

        text-align: center;

    }

    

    .fcol:last-child {

        margin-bottom: 0;

    }

    

    .copyright_box {

        text-align: center;

    }

    

    .copyright_box .fleft,

    .copyright_box .fright {

        float: none;

    }

}









