/* ===============Fonts============== */
@font-face {
    font-family: 'Orkney Regular';
    src: url(../fonts/Orkney-Regular.otf);
}
@font-face {
    font-family: 'Orkney Medium';
    src: url(../fonts/Orkney-Medium.otf);
}
/* ===============Common============== */
input {
  outline: none;
}
::-webkit-input-placeholder { /* Chrome */
  color: #027054 !important;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #027054 !important;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #027054 !important;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #027054 !important;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.5;
}

.container{
    max-width: 1040px;
}
h1,h2,h3{
    font-family: 'Orkney Regular';  
    color:#fff;
}
h2{
    font-size: 28px;
    font-weight: bold;
}
p,span{
 font-family: 'Orkney Regular';     
}
.line{
   background: #eceade;
}
.line.green{
   background: #027054;
}
.line img{
    width:100%;
}
hr {
    margin-top: 3px;
    margin-bottom: 0px;
    border: 0;
    border-top: 3px solid #ddd;
    
    -webkit-box-shadow: 0px 0px 21px #000;
    -moz-box-shadow: 0px 0px 21px #000;
    box-shadow: 0px 0px 21px #000;
}
hr.green {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 3px solid #07634b;
    -webkit-box-shadow: 1px 0px 27px #044232;
    -moz-box-shadow: 1px 0px 27px #044232;
    box-shadow: 1px 0px 27px #044232;
}
hr.map {
    margin-top: 3px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 8px #000;
    -moz-box-shadow: 0px 0px 8px #000;
    box-shadow: 0px 0px 8px #000;
    position: relative;
    z-index: 999999999;
}

/* ===============Header============== */
header{}
header #header-top{
    text-align: center;
    background: #027054;
    border-top: 6px solid #b3880a;
}
header #header-top .h-top-item{
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}
header #header-top .h-top-item h1{  
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    line-height: 100%;
}
header #header-top .h-top-item .lang-ico{
    padding-top: 7px;
}
header #header-mid{
    padding-top: 90px;
    padding-bottom: 90px;
    
    background: #eceade; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #eceade , #fbfaf8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #eceade , #fbfaf8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #eceade , #fbfaf8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #eceade , #fbfaf8); /* Standard syntax */
}
header #header-mid .logo{}
header #header-mid .logo img{
    width: 100%;
    max-width: 198px;
}
header #header-mid .h-mid-txt{

}
header #header-mid .h-mid-txt p{
    font-family: 'Orkney Regular';  
    color: #027054;
    font-size: 21px;
}
header #header-bottom{
    background: #eceade;

}
header #header-bottom h2{
    color: #027054;
    padding-top: 10px;
}
header #header-bottom .service-item-wrap{
    width:100%;
    max-width: 780px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
header #header-bottom .service-item-wrap .service-item{
    width: 25%;
    float: left;
}
header #header-bottom .service-item-wrap .service-item:after{
    content: "";
    clear: both;
}
header #header-bottom .service-item-wrap .service-item img{
    width: 20%;
    margin-left: 33px;
}
header #header-bottom .service-item-wrap .service-item span{
    font-family: 'Orkney Medium';
    font-size: 16px;
    color: #027054;
    padding-left: 10px;
    padding-top: 0px;
    display: inline-block;
    margin-top: 0px;
}

/* ===============Download============== */
#download{
    background: #027054;
    padding-top: 57px;
    padding-bottom: 50px;
}

#download p{
    font-family: 'Orkney Regular';   
    font-size: 21px;
    color:#fff;
    padding-bottom: 35px;
}
#download .download-btn-wrap{

}
#download .download-btn-wrap a{
    font-family: 'Orkney Regular';   
    font-weight: bold;
    font-size: 18px;
    color:#027054;
    position: relative;
    display: inline-block;
    background: url(../assets/images/down-arrow.png) no-repeat;
    background-position-x: 100%;
    background: #d6cfaa; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #d6cfaa , #ebe9dc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #d6cfaa , #ebe9dc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #d6cfaa , #ebe9dc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #d6cfaa , #ebe9dc); /* Standard syntax */
    
    border: 6px solid #004e3a;
}
#download .download-btn-wrap a:before{
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    right: 15px;
    top: 18px;
    background: url(../assets/images/down-arrow.png) no-repeat;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 30px 23px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 50px;
    padding-right: 65px;
}




/* ===============Contact============== */
#contact .form-control:focus {
    border-color: rgba(2, 112, 84, 0.21);
}
#contact .form-control {
    color: #027054;
    background: #e7e5e6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #e7e5e6 , #f9f8f8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #e7e5e6 , #f9f8f8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #e7e5e6 , #f9f8f8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #e7e5e6 , #f9f8f8); /* Standard syntax */
}
#contact .btn {
    padding: 6px 20px;
        outline: none;
}
#contact .btn-default {
    color: #027054;
    background: #e7e5e6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #e7e5e6 , #f9f8f8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #e7e5e6 , #f9f8f8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #e7e5e6 , #f9f8f8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #e7e5e6 , #f9f8f8); /* Standard syntax */
    border-color: #e7e5e6;
    outline: none;
}

#contact {
    padding-top: 52px;
    padding-bottom: 52px;
}
#contact h2{
     color: #027054;   
     text-transform: uppercase;
}
#contact p{
     color: #027054;   
    font-size: 16px;
    padding-bottom: 25px;
}
#contact .form-wrap{
    padding-top: 25px;
        overflow: hidden;
}
#contact .form-wrap{}
#contact .address-wrap{
    padding-top: 25px;
}
#contact .address-wrap{}
#contact .address-wrap h3{
    font-family: 'Orkney Medium';  
    font-size: 16px;
    color:#027054;
    margin-top: 0px;
}
#contact .address-wrap p{
    font-family: 'Orkney Regular';  
    color:#64666a;
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* ===============Google Map============== */

#google-map {
    width: 100%;
    height: 474px;
}


/* ===============Go top============== */
#go-top{
    position: fixed;
    bottom: 63px;
    right: -100px;
    width: 34px;
    height: 34px;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
        
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    
}
#go-top img{
    width: 100%;
}
#go-top:hover{
     background: rgba(255,255,255,1);   
}
/* ===============Footer============== */

footer{
    background: #027054;
}
footer p{
    font-family: 'Orkney Regular';
    color: #fff;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 17px;

}