body {
    color: #3a4146;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

h1,h2,h3 {
    font-family: 'Yeseva One', cursive;
}

.pull-right {
    float: right;
}

.mrg-top-45{margin-top: 45px;}

.flex {
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
     height: 100%;
} 


/* Icon 1 */
 #nav-icon2 {
  width: 40px;
  height: 35px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
   z-index: 99999;
     
}


/* Icon 2 */

#nav-icon2 {
}

#nav-icon2.open span{background: #525c5d;}
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
/*  border-radius: 0 9px 9px 0;*/
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
/*  border-radius: 9px 0 0 9px;*/
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 12px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 24px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 18px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 18px;
}


.nav-list{
  opacity: 1;
    width: 100%;
    height: 100%;
    background: #f3f7f8;
    position: fixed;
    left: 0;
    top: -100%;
    z-index: 9990;
     -webkit-transition: all 450ms ease-in-out 0s;
    -o-transition: all 450ms ease-in-out 0s;
    transition: all 450ms ease-in-out 0s;
    transform: translateY(0%);
    border: 20px solid #fff
    
}
.nav-list.open{
    transform: translateY(100%);
}
.nav-list ul{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;left;
    padding: 0;
    transform: translate(-50%,-50%)
}
.nav-list ul li {list-style: none;padding: 15px 0;text-align: center;transition: color .3s ease, transform .3s ease}
.nav-list ul li a{font-size: 36px; color: #263335;text-transform: uppercase}
.nav-list ul li a:hover{color: #006775;}
.nav-list ul li:hover{transform: rotateX(180deg)}

.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/close.png) top right no-repeat;text-align:right;outline:none;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}


section h2 {
    font-size: 52px;
    line-height: 55px;
    margin-bottom: 50px;
    margin-top: 0;
}

.container {
    width: 75%;
}

.banner {
    background-image: url("../images/hero-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .container {
    padding: 0;
}

header {
    padding: 25px 0;
}

.menu-ico {
    height: 20px;
    width: 40px;
    margin-top: 12px;
    background-image: url("../images/nav-ico.png");
}

.banner-txt h1 {
    font-size: 68px;
    color: #fff;
    line-height: 70px;
    margin-top: 0;
    margin-bottom: 45px;;
}

.banner-txt {
    margin-top: 135px;
    margin-bottom: 270px;
    display: inline-block;
}

.banner-txt a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    position: relative;
    display: inline-block;
     
}

.banner-txt a:hover {
    text-decoration: none;
}

.banner-txt a:after {
    position: absolute;
    content: " ";
    height: 1px;
    background-color: #fff;
    width: 123px;
    top: 10px;
    right: -133px;
}

.video-pane {
    padding: 145px 0;
}

.video-pane .sub-txt {
    font-size: 16px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 110px; /* Chrome, Safari, Opera */
    -moz-column-gap: 110px; /* Firefox */
    column-gap: 110px;
    margin: 0;
}

.video {
    width: 79%;
    margin: 0 auto;
}

video {
     background-color: #ccc;
    margin-bottom: 55px;
}

.middle-banner {
    height: 610px;
    background-image: url("../images/middle-banner.png");
}


.middle-banner h2 {
    color: #fff;
    margin: auto;
}

.feauture-blocks {
    padding: 150px 0;
}

.block-item {
    position: relative;
}

.block-item img {
    width: 100%;
}

.block-item h3 {
    position: absolute;
    font-size: 34px;
    color: #fff;
    top: 20px;
    left: 20px;
    margin: 0;
    word-break: break-word;
}

.client-list {
    padding: 85px 0;
    background-color: #f2f2f2;
}

.clients-slider li {
    margin: 0 25px;
}

.slick-arrow {
    border: none;
    background: none;
    position: absolute;
    text-indent: -9999px;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    top: 0;
}

.slick-prev {
    left: -35px;
    background-image: url("../images/slider-left.png");
}

.slick-next {
    right: -35px;
    background-image: url("../images/slider-right.png");
}

.clients-slider li img {
    margin: 0 auto;
}

footer {
    padding: 85px 0;
    background-color: #252a2d;
}

footer h4 {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 35px 0;
}

footer .footer-list li a {
    color: #98a3ab;
    font-size: 13px;
}

footer .footer-list li a:hover {
    text-decoration: none;
}

footer .footer-list li a span {
    color: #cad3d9;
}

.quick-links {
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.footer-right ul {
    float: right;
    margin-bottom: 60px;
}

.footer-right li {
    float: left;
    margin-right: 10px;
}

.footer-right li a {
    display: block;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}

.footer-right li a.fb {
    background-image: url("../images/fb-ico.png");
}

.footer-right li a.twitter {
    background-image: url("../images/twitter-ico.png");
}

.footer-right p {
    color: #98a3ab;
    font-size: 13px;
    margin: 0;
}

.footer-right p span {
    color: #cad3d9;
}

/* about us section */
.inner-banner {
    background-image: url("../images/about-banner.png");
    -webkit-background-size: cover;
    background-size: cover;
    height: 396px;
}

.inner-banner .banner-txt h1 {
    margin-bottom: 0;
}

.inner-banner .banner-txt span {
    color: #fff;
}


.main-content{padding: 125px;}
.contact-form-block{max-width: 400px;}
.contact-form-block input,.career-form-block input, select.form-field {margin-bottom: 45px;}
.contact-form-block .form-field, .career-form-block .form-field{width: 100%; border: 0; padding: 10px 0px; border-bottom: solid 1px #d8d9da;}
.send-btn, .date{background: #f65a6c; border-radius: 30px;  padding: 12px 35px;  border: 0;  color: #fff; font-size: 16px;  margin-bottom: 0px !important;  margin-top: 20px;}
.date{padding: 0 15px; font-size: 14px;font-weight: 100; line-height: 30px;}
.address-block label{color: #abadae; font-size: 15px; font-weight: 100; letter-spacing: 3px;}
.address-block p{ margin: 0; font-size: 18px; line-height: 33px; }
.address-block li{margin-bottom: 50px;}
.career-form-block li{float: left; width: calc(100% - 100px);}

.file-wrap {
    width: 100%;
    cursor: pointer;
    display: block;
    background: transparent;
    border-bottom: solid 1px #d8d9da;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #464545;
    outline: none;
    position: relative;
    margin: 45px 0;
}

.file-wrap:after {
    content: "\f0c6";
    color: #2fd237;
    position: absolute;
    font-family: FontAwesome;
    font-size: 18px !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    top: 0;
}

#jo-resume {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}



.services{max-width: 730px;  margin: auto;}
.services>li{margin-bottom: 115px;}
.services h2{font-size: 45px;}
.services li.row li{margin-bottom: 20px; font-size: 18px;}
.services li.row .double-item li{ width: calc(50% - 12px); float: left;}
.services li.row  li:before{content: ''; float: left; background: url("../images/sevices-li.jpg");width: 21px; height: 21px; margin-right: 10px;}

.gallery h2{border-bottom: solid 1px #ebecec;    padding-bottom: 17px;}
.gallery li{margin-bottom: 50px;}
.gallery .col-md-3{margin-bottom: 15px;}


 /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .block-item {
        margin-bottom: 30px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .container {
        width: 90%;
    }
    
    .video {
        width: 100%;
    }
    
    .video-pane .sub-txt {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    
    .slick-prev {
        left: -15px;
    }
    
    .slick-next {
        right: -15px;
    }
    
    .footer-block {
        margin-bottom: 30px;
    }
    
    .footer-right {
        float: none;
    }
    
    .footer-right ul {
        float: none;
        margin-bottom: 30px;
    }
    
    .quick-links {
         -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .banner-txt h1 {
        font-size: 55px;
    }
    
    section h2 {
        font-size: 42px;
    }
}