/* Font types */
@font-face {
    font-family: 'beinnormal';
    src: url('../fonts/beinnormal/beinnormal.eot');
    src: url('../fonts/beinnormal/beinnormal.eot') format('embedded-opentype'),
         url('../fonts/beinnormal/beinnormal.woff2') format('woff2'),
         url('../fonts/beinnormal/beinnormal.woff') format('woff'),
         url('../fonts/beinnormal/beinnormal.ttf') format('truetype'),
         url('../fonts/beinnormal/beinnormal.svg#beinnormal') format('svg');
}

body{font-family: "beinnormal";font-size: 18px;margin-bottom: 320px}
#page-content{margin-top: 0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "beinnormal";}
h6, .h6{font-size: 12px;line-height: 22px}
h1, .h1, h2, .h2, h3, .h3{margin-top: 15px;margin-bottom: 15px}
.row{margin-bottom: 0}

/*colors*/
.text-green{color: #89B625}
.text-yellow{color: #f9b81e}
.text-orange{color: #fe7235}
.text-terquaz{color: #43c5b9}
.text-blue{color: #0076a3}
.text-blue-light{color: #169ddb}

.bg-green{background-color: #97be47;color: #fff}
.bg-yellow{background-color: #f9b81e;color: #fff}
.bg-orange{background-color: #fe7235;color: #fff}
.bg-terquaz{background-color: #43c5b9;color: #fff}
.bg-blue{background-color: #0076a3;color: #fff}
.bg-blue-light{background-color: #169ddb;color: #fff}
.bg-green .btn-default, .bg-yellow .btn-default, .bg-orange .btn-default, .bg-terquaz .btn-default, .bg-blue .btn-default, .bg-blue .btn-default{
    color: #fff;
    border: 1px solid #fff
}
.bg-green .btn-default:hover, .bg-yellow .btn-default:hover, .bg-orange .btn-default:hover, .bg-terquaz .btn-default:hover, .bg-blue .btn-default:hover, .bg-blue-light .btn-default:hover{
    color: #536c24;
    border: 1px solid #303e15
}

.btn-default{color: #89B625;border-color:#89B625;}
.caption .btn-default:hover,.caption .btn-default:focus{color: #fff;border-color:#fff;}
.btn-primary{background-color: #89b625 ;border-color: #7ba51f}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.hover{background-color: #71981b ;border-color: #688d17}

.btn-yellow{background-color: #f9b81e ;border-color: #eeb01c;color: #fff}
.btn-yellow:focus, .btn-yellow.focus, .btn-yellow:hover, .btn-yellow.hover{background-color: #e1a61a ;border-color: #d79e17;color: #fff}

.btn-orange{background-color: #fe7235 ;border-color: #f06c32;color: #fff}
.btn-orange:focus, .btn-orange.focus, .btn-orange:hover, .btn-orange.hover{background-color: #e4642c ;border-color: #da5d26;color: #fff}

.btn-terquaz{background-color: #43c5b9 ;border-color: #3ebbaf;color: #fff}
.btn-terquaz:focus, .btn-terquaz.focus, .btn-terquaz:hover, .btn-terquaz.hover{background-color: #39aea3 ;border-color: #32a399;color: #fff}

.btn-blue{background-color: #0076a3 ;border-color: #026f98;color: #fff}
.btn-blue:focus, .btn-blue.focus, .btn-blue:hover, .btn-blue.hover{background-color: #016287 ;border-color: #005c7f;color: #fff}

.btn-blue-light{background-color: #169ddb ;border-color: #1697d3;color: #fff}
.btn-blue-light:focus, .btn-blue-light.focus, .btn-blue-light:hover, .btn-blue-light.hover{background-color: #1590c8 ;border-color: #1388bd;color: #fff}



.text-lg{font-size: 28px}
.center{text-align: center !important;margin: auto !important}

.social-links li a{width: 30px;height: 30px;font-size: 16px;background-color:transparent;border: 1px solid #eee}
.social-links li a i{line-height: 30px}

.btn-sm, .btn-group-sm > .btn{font-size: 16px;padding:2px 10px}

/*main slider*/
.caption{color: #fff;z-index: 9999;position: absolute;right: 28%;top: 30%;text-align: center;width: 450px;overflow: hidden}
/*/////*/

/*service*/
.service{border-left: 1px solid #b4b4b4;padding-top: 40px;padding-bottom: 20px;margin-top: 0 !important}

/*clients slider*/
.clients{padding: 0 20px 20px 20px;margin-bottom: 3em}
.clients i{
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid #97be47;
    bottom: -30px;
    content: "";
    width: 0;
    position: absolute;
    right: 5%;   
}
.clients-btn{margin-top: 60px;}
.client-img{width: 200px !important;height: 150px}
.client-p{width: 200px !important;height: 140px;}
.client-p p{width: 200px !important;height: 140px;border-radius: 5px;font-size: 23px;line-height: 30px;padding: 20px 10px 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.client-img img{width: 150px !important;height: 150px;}

/*client page*/
.client-block {padding: 20px;text-align: center;list-style: none}
.client-block li{width: 200px;height: 200px;overflow: hidden;display: inline-block;padding: 10px 20px;border: 1px solid #eee;}
.client-block li p{text-align: center;margin-top: 10px}
.client-block li img{width: 120px !important;height: 120px}

/*works page*/
.works{margin: 20px}
.works .gallery li{padding: 10px;border: 1px solid #eee;width: 280px;display: inline-block;margin-bottom: 20px}
.works .gallery li p{height: 49px;overflow: hidden;font-size: 16px}
.works .gallery li img{height: 320px;width: 250px !important;margin-bottom: 10px}


.flip-menu{margin-bottom: 60px !important}
.flip-item-desc{text-shadow: none !important;background:rgba(0,0,0,0.7) !important;width: 100% !important;height: 100% !important;padding: 12% !important}
.flip-item-desc p{height: 81px !important; overflow: hidden;font-size: 14px}
.flip-item-desc h4{font-size: 18px}
.flip-item-title{margin: 0 !important}
label{font-weight: normal}

.jssorb03{display: none}

/*apps*/
.apps{background-color: #f4f4f4;text-align: center;padding: 0;margin-bottom: 20px;min-width: 235px;max-width: 320px;vertical-align: top}
.apps .hed{padding: 20px;color: #fff;height: 220px;}
.apps .hed p{font-size: 16px}
.apps .hed h3{margin-top: 12px}
.apps .hed a{color: #fff}
.apps .hed a:hover{color: #d9ecb1}
.apps .bg-green i{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #97be47;
    bottom: 200px;
    content: "";
    width: 0;
    position: absolute;
    right: 42%;   
}
.apps .bg-yellow i{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f9b81e;
    bottom: 218px;
    content: "";
    width: 0;
    position: absolute;
    right: 42%;   
}
.apps .bg-orange i{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fe7235;
    bottom: 200px;
    content: "";
    width: 0;
    position: absolute;
    right: 42%;   
}
.apps .bg-terquaz i{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #43c5b9;
    bottom: 218px;
    content: "";
    width: 0;
    position: absolute;
    right: 42%;   
}
.apps .bg-blue i{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #0076a3;
    bottom: 200px;
    content: "";
    width: 0;
    position: absolute;
    right: 42%;   
}
.apps .bg-blue-light i{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #169ddb;
    bottom: 218px;
    content: "";
    width: 0;
    position: absolute;
    right: 42%;   
}
.apps .desc{height: 220px;padding: 30px;overflow: hidden}
.apps .desc p{height: 124px;overflow: hidden}

/*hosting*/
.hosting{text-align: center;margin: 20px;}
.hosting .plan{background-color: #f4f4f4;text-align: center;padding: 0px;width: 300px;display: inline-block;margin: 10px}
.hosting .plan .hed{padding-top: 5px;color: #fff;}
.hosting .plan .hed p{font-size: 16px}
.hosting .plan .hed h3{margin-top: 5px}
.hosting .plan .hed a{color: #fff}
.hosting .plan .hed a:hover{color: #d9ecb1}
.hosting .plan .desc{height: 350px;padding: 10px 20px;overflow: hidden;border: 1px solid #eee;}
.hosting .plan .desc div{min-height: 260px;height: 260px;overflow: hidden}

.sections{padding: 20px}

.accounts .media{border-left: 1px solid #ddd;border-bottom: 1px solid #ddd }
.accounts .media hr{margin-bottom: 20px;margin-top: 15px}
.accounts .media span{height: 10px}

/*backgrounds*/
.bg-img-1 {
  background: url(../data/bg1.jpg) no-repeat 50%;
}
.bg-img-2 {
  background: url(../data/bg2.jpg) no-repeat 50%;
}
.bg-img-3 {
  background: url(../data/bg3.jpg) no-repeat 50%;
}
.bg-img-4 {
  background: url(../data/bg4.jpg) no-repeat 50%;
}
.bg-img-5 {
  background: url(../data/bg5.jpg) no-repeat 50%;
}
.bg-img-6 {
  background: url(../data/bg6.jpg) no-repeat 50%;
}
.bg-img-7 {
  background: url(../data/bg7.jpg) no-repeat 50%;
}
.bg-img-8 {
  background: url(../data/bg8.jpg) no-repeat 50%;
}
.bg-img-9 {
  background: url(../data/bg9.jpg) no-repeat 50%;
}
.bg-img-10 {
  background: url(../data/bg10.jpg) no-repeat 50%;
}

.content-header{padding-top: 100px;text-align: center}

ul.menu li{
    display: list-item;
    list-style: inside url(../images/shape.png);
    padding: 10px 0 5px;
}

.container .jumbotron, .container-fluid .jumbotron{padding:100px 30px 10px}
.program-btn .btn{margin-bottom: 20px}
.gallery{padding-right: 0px}

.search-results p{margin-top: 30px;padding-bottom: 20px;line-height: 34px}
.media{border-bottom: 1px solid #eee}
.page-header{padding-bottom: 35px;margin: 20px 0 35px}
.pagination > li > a, .pagination > li > span{border: 1px solid #eee}

.wide-slider ul.view, .wide-slider ul.view li, .wide-slider ul.view li img{border: 1px solid #eee}
.wide-slider .view li a{padding: 0;width: 100%}
.wide-slider{max-width: 1500px;margin: auto}
.wide-slider ul.devices-view, .wide-slider ul.devices-view li, .wide-slider ul.devices-view li img{height: 500px;}
.wide-slider ul.devices-view, .wide-slider ul.devices-view li, .wide-slider ul.devices-view li img{border: none}

 .ei-title h2{        
        height: 80px !important;
    }
.ei-title{top:-5% !important}

.dropdown-menu{
    left: auto;
    right: 0;
    float: right;
    text-align: right;
}
.dropdown-menu {background-color: rgba(0,0,0,0.4);color: #fff;border: 1px solid #111;border-top: none;font-size: 16px}
.dropdown-menu > li > a, .dropdown-menu > li > a{background-color: transparent;color: #fff}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color: rgba(0,0,0,0.5)}

.dir{direction: rtl;}

/*footer*/
#footer{height: auto;text-align: right}
#footer .footer-top{background-image: url(../images/dt4it_42.png);height: 112px;color: #fff;padding: 30px;}
#footer .footer-bottom{padding: 10px 30px;min-height: 90px;border-bottom: 1px solid #eee}
#footer .footer-bottom a{display: block;line-height: 22px;font-size: 16px;color: #555}
.copyright{color: #9e9e9e;padding-bottom: 10px }



/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
}





/* Fix text blocks height */
.lines-1 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 1.9em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-2 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 3.8em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-3 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 5.7em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-4 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 7.6em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-5 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 9.5em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-6 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 11.4em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-7 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 13.3em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-8 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 15.2em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines-9 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*font-size: 1em;*/
  line-height: 1.9;
  height: 17.1em;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}