:root {
    --borderColor: #395596;
    --internalColor:#31313a;
    --darkColor: #e8676b;
    /*#484848*/
}
html, body{
    transition-delay: 0s;
    transition-duration: 0.6s;
    transition-property: all;
    transition-timing-function: ease;

}
.line{
    transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
}
a.btn, .btn {
    padding: 0;
    min-width: 70px;
}
.container{
    transition-delay:0s;
    transition-duration:0.6s;
    transition-property:all;
    transition-timing-function:ease;
}
h1{
    margin-bottom: 0;
}
.service-items .service-item {
    display: inline-block;
    vertical-align: top;
 width: auto;
}
.formButton {
    width: auto;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 20px;
}
.logo{
    height: 250px;
}
#fb_msg_icon{
	margin-top: 10px;
}
#fb_msg_icon:hover{
  background-color: #eeeeee;
}
code{
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 3px;
    border: 1px solid #aeaeae;
}
.header{
    top: 20px;
}
.container .line {
    border-color: var(--borderColor);
   background-color: var(--borderColor);
}
.top{
    margin-left: 10%;
  /*  border-style: solid;
   border-width: 4px 0 1px 0;*/
    height:20px;
    border-bottom-left-radius: 15px;
   border-top-left-radius: 15px;
}
.left{
   /* margin-top: 10%;*/
    height: 90%;
    width: 20px;
    bottom: 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    animation: 2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 paintDroplet;
}
.right{
    margin-bottom: 10%;
    height: 90%;
    width: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    animation: 2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 paintDroplet;

}
@keyframes paintDroplet {
    0% {
       /* transform: translateX(-100%);*/
        height: 20%;
    }
    100% {
        height: 90%;
    }
}
.container .line.bottom{
    right: 10%;
    left: unset;
   /* border-style: solid;
    border-width: 1px 0 4px 0;*/
    height:20px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
/* all borders for right part */
/*.rightlborder{

    border-left: 1px solid var(--borderColor);
    position: absolute;
    top: 19px;
    bottom: 0;

}
.righttborder{
    border-top: 4px solid var(--borderColor);
    position: absolute;
    top: 0;
    width: 100%;
 }
.rightrborder{
    border-right: 4px solid var(--borderColor);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}*/
/******************************/
/* all borders for left part */
/*.leftlborder{

    border-left: 4px solid var(--borderColor);
    position: absolute;
    top: 0;
    bottom: 0;

}
.leftbborder{
    border-top: 4px solid var(--borderColor);
    position: absolute;
    bottom:0;
    width: 100%;
}
.leftrborder{
    border-right: 1px solid var(--borderColor);
    position: absolute;
    bottom: 19px;
    top: 0;
    width: 100%;
}*/
/******************************/



.box-item {
    margin:0;
    padding: 1% 1% 2% 1%;
    transition: 0.3s;
}
.box-item:hover{

    background-color: rgb(163, 182, 228);
}