/* general settings */
* {
    margin: 0;
}
html {
  min-height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  position:relative;
  width:100%;
}
body {
  background-color:#EBECFC;
  color:#030843;
  font-weight:100;
  margin:0;
  min-height:100%;
  width:100%; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
}

/***********************************Navbar**********************/
.navbar-default {
    background-color: #f04949;
    border-color: #f04949;
}
/* title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #f04949;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #f04949;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #f04949;
    border-bottom-color: #f04949;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #f04949;
    border-bottom-color: #f04949;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #f04949;
    border-bottom-color: #f04949;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #f04949;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #f04949;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a.active {
  background-color:#235BD9;
  color:#fff;
}
.navbar-default .navbar-nav > li > a.active:hover {
  background-color:#d2413f;
  color:#fff;
}
.navbar-nav > li > a:hover,.navbar-nav > li > a.activeSmall {
  color:#fff;
}

header nav ul li a:hover, header nav ul li a.activeSmall {
    color: #fff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
    }
}
/***********************************Navbar**********************/

.btn-demo-success {
    background-color: #57c700 !important;
    border: 0 none !important;
    box-shadow: 0 3px 0 #4db300, 0 5px 2px rgba(0, 0, 0, 0.2) !important;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    min-width: 400px;
    padding-bottom: 10px !important;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px !important;
    position: relative;
}
.btn-demo-success:hover {
    background-color: #51ba00 !important;
    box-shadow: 0 3px 0 #4db300, 0 5px 2px rgba(0, 0, 0, 0.2) !important;
    color: #ffffff;
    text-decoration: none;
}


.btn-success, .panel-success {
    background-color: #27c24c !important;
    border-color: #27c24c !important;
    color: #fff !important;
}
.btn-primary, .panel-primary {
    background-color: #7266ba;
    border-color: #7266ba;
    color: #fff !important;
}
.btn-info, .panel-info {
    background-color: #23b7e5;
    border-color: #23b7e5;
    color: #fff !important;
}
.btn-warning, .panel-warning {
    background-color: #fad733;
    border-color: #fad733;
    color: #fff !important;
}
.btn-danger, .panel-danger {
    background-color: #f05050;
    border-color: #f05050;
    color: #fff !important;
}
.btn-dark, .panel-dark {
    background-color: #3a3f51;
    border-color: #3a3f51;
    color: #fff !important;
}


blockquote {
    background-color: #d9edf7;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31708f;
    font-size: 18px;
    line-height: 30px;
    margin: 1em;
    padding: 0.5em 1em;
}

a {
  text-decoration:none;
}
a img {
  border:none;
}
h1 {
  font-size:1em;
  font-weight:100;
}
p {
  font-size:14px;
}
input,textarea {
  -webkit-appearance:none;
  background-color:#EBECFC;
  border:none;
  border-radius:3px;
  font-size:1em;
  font-weight:100;
}
input:focus,textarea:focus {
  border:none;
  outline:2px solid #235BD9;
}
.left {
  float:left;
}
.right {
  float:right;
}

.btn {
  background-color:#1C49AE;
  border-radius:5px;
  color:#FFF;
  display:inline-block;
  font-size:1em;
  font-weight:400;
  padding:4px 8px;
  text-decoration:none;
}
.btn:hover {
  opacity:0.8;
    color:#FFF;
}


.wrap {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0 auto;
  max-width:1420px;
  overflow:hidden;
  padding:0 50px;
  position:relative;
  width:100%;
}
.wrap:before {
  content:'';
  display:inline-block;
  height:100%;
  margin-right:-0.25em;
  vertical-align:middle;
}

/* header section */
header {
  height:auto;
}
header .wrap {
  height:100%;
}
header .logo {
  margin-top:1px;
}



/* other objects */
.projectObj {
  color:#fff;
  display:block;
}
.projectObj .name {
  float:left;
  font-size:4em;
  font-weight:100;
  position:absolute;
  width:42%;
}
.projectObj .img {
  float:right;
  margin-bottom:5%;
  margin-top:5%;
  width:30%;
}

.paddRow {
  /*background-color:#EBECFC;  */
  color:#030843;
  display:none;
  padding-bottom:40px;
}
.paddRow.contentRow {
 /* background-color:#EBECFC;  */
  color:#333 !important;
  display:block;
}
.paddRow .head {
  font-size:2.5em;
  font-weight:100;
  margin:30px 0;
}
.paddRow .close {
  cursor:pointer;
  position:absolute;
  right:50px;
  top:80px;
  width:38px;
}
.page{
background:#fff;padding:20px;
margin-bottom:20px;
  border:1px solid #f1f1f1;
  border-radius: 4px;
}
.content {
  color:#030843;
   
}
.content section {
  margin:0 0 20px;
}
.content .head {
  font-size:24px;
  font-weight:400;  
  margin:0 0 3%;
  padding:10px;   
  border:1px solid #f1f1f1;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    text-shadow: 0px 1px 2px #eee;   
}
.content .subHead {
  font-size:20px;
  font-weight:100;  
  margin:0;
  padding-bottom:10px;   
  border:0px solid #1C49AE; 
}
.content .txt {
text-align:justify;
  width:85%;
}
.content .image {
  width:15%;
}

.content .txt-contact{
text-align:justify;
  width:60%;
}
.content .image-contact{
text-align:justify;
  width:38%;
}

.content .flLeft {
  float:left;
}
.content .flRight {
  float:right;
}

.projectHead.product {
  background-color:#87b822;
}
.projectHead .picture {
  margin-bottom:6%;
  margin-top:6%;
}
.projectHead .picture.right {
  margin-right:-3.5%;
}
.projectHead .text {
  position:absolute;
  width:49%;
}
.projectHead .centerText {
  margin:0 auto;
  padding-bottom:24%;
  padding-top:6%;
  text-align:center;
  width:55%;
}

.image {
  text-align:center;
}
.image img {
  vertical-align:top;
  width:100%;
}

.image .abIcon {
  vertical-align:top;
  width:auto;
  float:right;
} 
.image-contact .abIcon {
  vertical-align:top;
  width:auto;
  float:right;
} 

.contactForm {
  width:100%;
}

.input {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:1% 0;
  padding:12px 14px;
  width:47%;
}
.input.email {
  float:right;
}

button {
  border:none;
  cursor:pointer;
}
.textarea {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:200px;
  margin:1% 0;
  overflow:auto;
  padding:12px 14px;
  resize:none;
  width:100%;
}

::-webkit-input-placeholder {
  color:#030843;
}
:-moz-placeholder {
  color:#030843;
}
::-moz-placeholder { /* FF18+ */
  color:#030843;
}
:-ms-input-placeholder {
  color:#030843;
}

.loader {
  -moz-animation:loader_rot 1.3s linear infinite;
  -o-animation:loader_rot 1.3s linear infinite;
  -webkit-animation:loader_rot 1.3s linear infinite;
  animation:loader_rot 1.3s linear infinite;
  height:80px;
  width:80px;
}
@-moz-keyframes loader_rot {
  from {
    -moz-transform:rotate(0deg);
  }
  to {
    -moz-transform:rotate(360deg);
  }
}
@-webkit-keyframes loader_rot {
  from {
    -webkit-transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
  }
}
@keyframes loader_rot {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

.anim.ng-enter,
.anim.ng-leave {
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -webkit-transition:all .5s;
  transition:all .5s;
  
}

.anim.ng-enter,.anim.ng-leave {
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.anim.ng-enter {
  left:10px;
  opacity:0;
  position:absolute;
  top:0; 
}
.anim.ng-enter.anim.ng-enter-active {
  left:0;
  opacity:1;
}
.anim.ng-leave {
  left:0;
  opacity:1;
  position:absolute;
  top:0; 
}
.anim.ng-leave.anim.ng-leave-active {
  left:-10px;
  opacity:0;
}

.view-enter,.view-leave {
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.view-enter {
  left:20px;
  opacity:0;
  position:absolute;
  top:0;
}
.view-enter.view-enter-active {
  left:0;
  opacity:1;
}
.view-leave {
  left:0;
  opacity:1;
  position:absolute;
  top:0;
}
.view-leave.view-leave-active {
  left:-20px;
  opacity:0;
}

/* responsive rules */

@media (max-width: 1200px) {

    header {
      height:auto;
    }
    header .logo {
      margin-top:12px;
      width:200px;
    }
    header nav {
      margin-top:11px;
    }
    header nav ul li {
      margin-right:12px;
    }
    header nav ul li a {
      border-radius:23px;
      font-size: 1.3em;
      padding:10px 12px;
    }
    .wrap {
      padding:0 30px;
    }
    .paddRow .close {
      right:30px;
    }
}

@media (max-width: 900px) {
    .contactForm {
      width:100%;
    }
}

@media (max-width: 768px) {
  
    header {
      height:auto;
    }
    header .logo {
      margin-top:20px;
      width:70px;
    }

    .wrap {
      padding:0 15px;
    }
    .projectObj .name {
      font-size:3em;
    }
    .paddRow {
      padding-bottom:30px;
    }
    .paddRow .head {
      font-size:3em;
      margin:30px 0;
    }
    .paddRow .close {
      right:20px;
      top:60px;
      width:30px;
    }
    .projectHead .picture {
      width:67%;
    }
    .projectHead .picture.right {
      margin-right:16.5%;
    }
    .projectHead .text {
      position:static;
      width:100%;
    }
    .projectHead .centerText {
      width:70%;
    }
    .view-enter,.view-leave {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
    }
}

@media (max-width: 480px) {

    header {
      height:auto;
    }
    header .logo {
      display:none;
    }

    #contactBtn {
      display:none;
    }
    .wrap {
      padding:0 10px;
    }
    .paddRow {
      padding-bottom:20px;
    }
    .paddRow .head {
      margin:30px 0;
    }
    .paddRow .close {
      right:10px;
      top:45px;
      width:20px;
    }
    .content .image {
      margin:10% auto;
      width:60%;
    }
    .content .abIcon {
      display:inline;
    }
    .projectHead .centerText {
      width:90%;
    }
    .content .txt,.input {
      width:100%;
    }
    .content .flLeft,.content .flRight,.input.email {
      float:none;
    }
}

.navbar-inverse {
    background-color: #1C49AE;
    border-color:#235BD9
}
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: transparent;
}

@media (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
}
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #fff;
    white-space: nowrap;
}
}

a {
    color: #F8F8F8;
    text-decoration: none;
}

/* unvisited link */
a:link {
  color: #F8F8F8;
    text-decoration: none;
}

/* visited link */
a:visited {
  color: #F8F8F8;
    text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #fff;
    text-decoration: none;
}

/* selected link */
a:active {
  color: #F8F8F8;
    text-decoration: none;
}

.paddRow.contentRow {
  background-image: linear-gradient(75deg,#121756 0,#1C49AE);
  padding:2em 0 4em 0;
  color: #fff !important;    
  -webkit-clip-path: polygon(100% 100%,100% 0,-800% 0);
  clip-path: polygon(100% 100%,100% 0,-700% 0);    
  /*-webkit-clip-path: polygon(100% 0,0 100%,100% 100%);  */
}


.btn-scroll-up {
  display: none;
  position: fixed;
  bottom: 18px;
  right: 30px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: #235BD9;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

.btn-scroll-up:hover {
  background-color: #EBECFC;
  color:#030843;
      font-weight: 100;
}


.navbar-nav > li > a.active {
    background-color: #235BD9;
    color: #fff;
    border-radius: 15px;
    font-size: 1.1em;
    padding: 8px;
    margin-top:7px;
}

.navbar-nav > li > a.active:hover {
 background-color: #EBECFC;
  color:#030843;
    border-radius: 15px;
    font-size: 1.1em;
    padding: 8px;
    font-weight: 100;
}

@media (max-width: 768px){
.navbar-nav > li > a {
    border-radius: 15px;
    font-size: 1.1em;
    padding: 8px;
}
}

@media (max-width: 1200px){
.navbar-nav > li > a {
    border-radius: 23px;
    font-size: 1.3em;
    padding: 10px 12px;
}
}

.header-logo{
    background: #1C49AE;
    padding: 18px 65px 15px 20px;
    -webkit-clip-path: polygon(0 0,100% 0,75% 100%,0 100%); /*5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%*/
    clip-path: polygon(0 0,100% 0,75% 100%,0 100%);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    z-index: 999;
   position:absolute;
}

.h-blue {
  background: cornflowerblue;
  clip-path: polygon(0 0, 70% 0%, 60% 100%, 0% 100%);
}
.h-black {
  background: black;
  text-align: right;
  clip-path: polygon(40% 0, 100% 0%, 100% 100%, 30% 100%);
}
.p-red {
  padding: 20px;
  margin: 30px 50px;
  padding-bottom: 50px;
  background: pink;
  color: black;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 85%, 75% 100%, 50% 80%, 0% 75%);
}
.p-msg {
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 85%, 75% 100%, 50% 80%, 0% 75%);
}

	.polygon-clip-rhombus {
		-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
		clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
		-webkit-clip-path: url("#polygon-clip-rhombus");
		clip-path: url("#polygon-clip-rhombus");
	}

	.polygon-clip-square {
		-webkit-clip-path: polygon(10% 10%, 90% 10%, 90% 90%, 10% 90%);
		clip-path: polygon(10% 10%, 90% 10%, 90% 90%, 10% 90%);
		-webkit-clip-path: url("#polygon-clip-square");
		clip-path: url("#polygon-clip-square");
	}

	.polygon-clip-rectangle {
		-webkit-clip-path: polygon(10% 100%, 10% 0%, 90% 0%, 90% 100%);
		clip-path: polygon(10% 100%, 10% 0%, 90% 0%, 90% 100%);
		-webkit-clip-path: url("#polygon-clip-rectangle");
		clip-path: url("#polygon-clip-rectangle");
	}

	.polygon-clip-rhomboid {
		-webkit-clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);
		clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);
		-webkit-clip-path: url("#polygon-clip-rhomboid");
		clip-path: url("#polygon-clip-rhomboid");
	}

	.polygon-clip-kite {
		-webkit-clip-path: polygon(50% 0%, 100% 30%, 50% 100%, 0% 30%);
		clip-path: polygon(50% 0%, 100% 30%, 50% 100%, 0% 30%);
		-webkit-clip-path: url("#polygon-clip-kite");
		clip-path: url("#polygon-clip-kite");
	}

	.polygon-clip-trapezoid {
		-webkit-clip-path: polygon(30% 100%, 30% 0%, 60% 0%, 100% 100%);
		clip-path: polygon(30% 100%, 30% 0%, 60% 0%, 100% 100%);
		-webkit-clip-path: url("#polygon-clip-trapezoid");
		clip-path: url("#polygon-clip-trapezoid");
	}

	.polygon-clip-trapezoid-isosceles {
		-webkit-clip-path: polygon(0% 100%, 30% 0%, 70% 0%, 100% 100%);
		clip-path: polygon(0% 100%, 30% 0%, 70% 0%, 100% 100%);
		-webkit-clip-path: url("#polygon-clip-trapezoid-isosceles");
		clip-path: url("#polygon-clip-trapezoid-isosceles");
	}

	.polygon-clip-triangle-equilateral {
		-webkit-clip-path: polygon(0% 87%, 50% 0%, 50% 0%, 100% 87%);
		clip-path: polygon(0% 87%, 50% 0%, 50% 0%, 100% 87%);
		-webkit-clip-path: url("#polygon-clip-triangle-equilateral");
		clip-path: url("#polygon-clip-triangle-equilateral");
	}

	.polygon-clip-triangle-isosceles {
		-webkit-clip-path: polygon(0% 100%, 50% 0%, 50% 0%, 100% 100%);
		clip-path: polygon(0% 100%, 50% 0%, 50% 0%, 100% 100%);
		-webkit-clip-path: url("#polygon-clip-triangle-isosceles");
		clip-path: url("#polygon-clip-triangle-isosceles");
	}

	.polygon-clip-triangle-scalene {
		-webkit-clip-path: polygon(20% 70%, 50% 0%, 50% 0%, 100% 100%);
		clip-path: polygon(20% 70%, 50% 0%, 50% 0%, 100% 100%);
		-webkit-clip-path: url("#polygon-clip-triangle-scalene");
		clip-path: url("#polygon-clip-triangle-scalene");
	}

	.polygon-clip-triangle-right {
		-webkit-clip-path: polygon(41% 100%, 41% 0%, 100% 100%, 100% 100%);
		clip-path: polygon(41% 100%, 41% 0%, 100% 100%, 100% 100%);
		-webkit-clip-path: url("#polygon-clip-triangle-right");
		clip-path: url("#polygon-clip-triangle-right");
	}

	.polygon-clip-pentagon {
		-webkit-clip-path: polygon(50% 0%, 100% 40%, 80% 100%, 20% 100%, 0% 40%);
		clip-path: polygon(50% 0%, 100% 40%, 80% 100%, 20% 100%, 0% 40%);
		-webkit-clip-path: url("#polygon-clip-pentagon");
		clip-path: url("#polygon-clip-pentagon");
	}

	.polygon-clip-hexagon {
		-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
		-webkit-clip-path: url("#polygon-clip-hexagon");
		clip-path: url("#polygon-clip-hexagon");
	}

	.polygon-clip-heptagon {
		-webkit-clip-path: polygon(50% 0, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0 60%, 10% 20%);
		clip-path: polygon(50% 0, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0 60%, 10% 20%);
		-webkit-clip-path: url("#polygon-clip-heptagon");
		clip-path: url("#polygon-clip-heptagon");
	}

	.polygon-clip-octagon {
		-webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
		clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
		-webkit-clip-path: url("#polygon-clip-octagon");
		clip-path: url("#polygon-clip-octagon");
	}

	.polygon-clip-star {
		-webkit-clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);
		clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);
		-webkit-clip-path: url("#polygon-clip-star");
		clip-path: url("#polygon-clip-star");
	}

.jumbotron {
    padding: 20px;
     margin-bottom: 37px; 
    font-size: 21px;
     font-weight: 200; 
     line-height: 2.1428571435; 
     color: inherit; 
    background-color: #f1f1f1;
}

/* start website footer */
/* footer section */
/*
footer{
background:#1C49AE;
border-color: #333333;
  position: fixed;
    bottom: 0;
    width: 100%;
}

footer .copyright {
  color:#fff;
  text-align:center;
  font-size:12px;
  padding-top:10px;
  padding-bottom:10px; 
  bottom:0;  
}  */

footer
{
	border-top: 1px solid #235BD9;
	background: #1C49AE;
	color: #fff;
  min-height:50px;
  padding-top:15px;
  padding-bottom:15px;
}

/* end website footer */
#footer-links h4{
 padding: 30px 0 10px 0;
 margin-bottom:10px;
 border-bottom:1px solid #235BD9;
 font-weight:600;
       text-shadow: 0px 1px 2px #000;
}
  /*
#footer-links {
 background-image: linear-gradient(75deg,#121756 0,#1C49AE);
  padding:2em 0 4em 0;
  color: #fff !important;    
  -webkit-clip-path: polygon(100% 100%,100% 0,-500% 0);
  clip-path: polygon(100% 100%,100% 0,-700% 0);    
-webkit-clip-path: polygon(100% 0,0 100%,100% 100%);  
}    */

#footer-links {
 background-image: linear-gradient(75deg,#1C49AE 0,#121756);
  padding:2em 0 0em 0;
  color: #fff !important;    
  -webkit-clip-path: polygon(100% 100%,100% 0,-500% 0);
  clip-path: polygon(100% 100%,100% 0,-700% 0);    
  /*-webkit-clip-path: polygon(100% 0,0 100%,100% 100%);  */
    -webkit-clip-path: polygon(0 100%, 500% 100%,0 0);
   clip-path: polygon(0 100%,700% 100%,0 0);     

}

@media (max-width: 768px) {
 #footer-links {
 background-image: linear-gradient(75deg,#1C49AE 0,#121756);
  padding:2em 0 0em 0;
  color: #fff !important;       
  /*-webkit-clip-path: polygon(100% 0,0 100%,100% 100%);  */
    -webkit-clip-path: polygon(0 100%, 900% 100%,0 0);
   clip-path: polygon(0 100%,900% 100%,0 0);     

}
.content .txt-contact{
text-align:justify;
  width:100%;
}
.content .image-contact{
text-align:justify;
  width:100%;
} 
}

#footer-links a {

color:#fff;
}
.box{
visibility: visible;
animation-delay: 0.12s;
animation-name: fadeIn; 
text-align:center; 
padding:20px;  
}

.image-holder1 img {  
    text-align:center;
   /* max-width:320px; */
   width:100%;
   max-height:144px;
}

.image-holder2 img {
    text-align:center;
    width:100%;
    max-height:144px;
}

.image-holder img {
    text-align:center;
    max-width:200px;
    padding-top:4px;
}

.nav .cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none; 
    font-weight:bold;
 
}

.dropdown-menu .cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none; 
    font-weight:normal;
 
}



.shadow {
    box-shadow: 0 2px 5px 0 rgba(17, 17, 17, .2),0 2px 10px 0 rgba(17, 17, 17, .2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(17, 17, 17, .2),0 2px 10px 0 rgba(17, 17, 17, .2);
    -moz-box-shadow: 0 2px 5px 0 rgba(17, 17, 17, .2),0 2px 10px 0 rgba(17, 17, 17, .2);
} 
.box {
border:1px solid #f1f1f1;
background:#fff;
border-radius: 4px;
margin-bottom:20px;
}

.pack{
visibility: visible;
animation-delay: 0.12s;
animation-name: fadeIn; 
text-align:center; 
padding:0px; 
border:1px solid #f1f1f1;

 
min-height:220px;
border:1px solid #f1f1f1;
background:#fff;
border-radius: 4px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom:10px; 
margin-top:10px;
}

.col-xs-5ths {
    width: 20%;
    float: left; 
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}


.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}



.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none; 

}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #235BD9;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
    //transition: width .3s;
}


a.bcool-link  {
    color: #1C49AE;
    text-decoration: none;
}

.bcool-link {
    display: inline-block;
    color: #1C49AE;
    text-decoration: none;
   
}

.bcool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #235BD9;
    transition: width .3s;  
}

.bcool-link:hover::after {
    width: 100%;
    //transition: width .3s;  
}


#services {
    background:#f1f1f1;
    padding: 2em 0 0em 0;
    color: #fff !important;
    height:300px;
}

.ngSlideshow{position:relative;
width:100%;display:block;margin:10px auto 0;height:400px; 

/*-webkit-box-shadow:5px 5px 25px 0 rgba(0,0,0,0.75);
-moz-box-shadow:5px 5px 25px 0 rgba(0,0,0,0.75);box-shadow:5px 5px 25px 0 rgba(0,0,0,0.75)*/
} 
.ngSlideshow .slide-container{position:relative;}

.slide-top{
height:50px;position:absolute;
display:block;
background:transparent;
top:45%;z-index:999;
width:100%;
text-align:center;
}

.slide-top h1{ 
font-size:2em;padding:10px;position:relative;display:block;font-weight:600;
width:100%;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;border:0px solid red;
      text-shadow: 0px 1px 2px #eee;
}

@media (max-width: 768px){
.slide-top{
height:50px;position:absolute;
display:block;
background:transparent;
top:48%;z-index:999;
width:100%;
text-align:center; 
}
.slide-top h1{ 
font-size:18px;padding:10px;position:relative;display:block;font-weight:600; 
width:80%;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;border:0px solid red;
      text-shadow: 0px 1px 2px #eee; margin:0 auto;
}
}

.slide-top span{background:#f8f8f8;color:#444;right:0;bottom:0;top:0;cursor:pointer;position:absolute;
width:20%;min-width:100px;font-size:1.25em;padding:10px;text-align:center;line-height:1.25em;
line-height:30px;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
transition:background .5s ease}

.slide-top span:hover{background:#2b2b2b;color:#f8f8f8}

.slide-main{position:relative;display:block; background:no-repeat center;background-size:100% 100%;}

.slide-main span{height:4px;background:#235BD9;position:absolute;top:0;opacity:1;}

.slide-main .slide-left,.slide-main .slide-right{
opacity:0.7;width:60px;height:100%;display:inline-block;position:relative;cursor:pointer;z-index:999;}

.slide-main .slide-left:hover,.slide-main .slide-right:hover{opacity:1;cursor:pointer;}
.slide-main .slide-left a,.slide-main .slide-right a{
position:absolute;top:50%;height:0;width:0;border:25px solid transparent;}

.slide-main .slide-left{float:left}.slide-main .slide-left a{border-right-color:#235BD9;cursor:pointer;}
.slide-main .slide-right{float:right}
.slide-main .slide-right a{margin-left:10px;border-left-color:#235BD9;cursor:pointer;}
.slide-but{
height:50px;position:absolute;
display:block;
background:transparent;
z-index:999;
width:100%;
text-align:center;
}

.slide-nav{height:50px;display:block;width:130px; position:relative;margin:0 auto;  margin-top:-50px; 
} 
.slide-nav ul{list-style:none;margin:5px;padding:0;float:right}
.slide-nav ul li{float:left;border-radius:30px; width:30px;height:30px;margin:0 5px;
border:2px solid #235BD9;color:#235BD9;background:#fff;text-align:center;line-height:28px;cursor:pointer;}

.slide-nav ul .active{background:#235BD9;color:#fff;     
transition: all 1s;
    left: 0;
}

#title{
margin-bottom:10px;display:block;width:100%;background:#235BD9;font-weight:bold;text-transform:uppercase;padding:5px;color:#fff;
 background-image: linear-gradient(75deg,#1C49AE 0,#121756); 
 text-shadow:0px 1px 2px #eee;
}
#price{
display:block;width:100%;font-weight:bold;text-transform:uppercase;padding:5px;color:red;font-size:22px;
text-shadow: 0px 1px 2px #eee;
}
#text-line{
width:100%;white-space:pre-wrap;
text-shadow: 0px 1px 2px #eee;
}
#text{
font-weight:normal;
text-align:left;
line-height:30px;
font-size:14px;
}

.txt p:before{
content:"\2022";
color:#235BD9;
font-size:4rem;
position:relative;
top:8px;
padding:5px;
display: inline-block; 
line-height:20px;
}

.lang_en{
 background: url(../images/gb.jpg) no-repeat;
 width:22px;height:17px;
                cursor:pointer;
                border: none;
 display:inline-block;
}
.lang_fr{
 background: url(../images/fr.jpg) no-repeat;
 width:22px;height:17px;
                cursor:pointer;
                border: none;
 display:inline-block;
}
.lang_ro{
 background: url(../images/ro.jpg) no-repeat;
  width:22px;height:17px;
                cursor:pointer;
                border: none;
 display:inline-block;
}
@media (max-width: 768px){
.navbar-inverse .navbar-collapse, .navbar-inverse {
 max-height: 100% !important; 
}
}