@font-face {
    font-family: 'B Yekan';
    src: url('../fonts/yekan.eot'); /* IE9 Compat Modes */
    src: url('../fonts/yekan.eot?#') format('eot'), /* IE6–8 */
    url('../fonts/yekan.ttf') format('truetype'), /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    url('../fonts/yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan.otf') format('opentype'),
    url('../fonts/yekan.svg') format('svg');
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}
h3 {
  font-family: 'B Yekan', sans-serif;
}
/*Ancore*/
a, .btn, button {
    outline: none;
    transition: all 300ms linear 0s;
}

    a:before, a:after, .btn:before, .btn:after, button:before, button:after {
        transition: all 300ms linear 0s;
    }

    a:focus, a:hover, .btn:focus, .btn:hover, button:focus, button:hover {
        outline: none;
        text-decoration: none;
        transition: all 300ms linear 0s;
    }

/*--------------------------------------------------*/

body {
    background-color: gainsboro;
    font-family: 'B Yekan';
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'B Yekan';
}

.pageloader1 {
    background: rgba( 255, 255, 255, 0.8 );
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

/* Preloader */

.cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999;
    display: none;
    color:white;
    font-size:large;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: white;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
.cover-spin p {
    text-align: center;
}
   

.tittle {
    text-align: center;
    text-transform: uppercase;
}
    .tittle h2 {
        font-size:40px;
        color: #222222;
        padding-top: 40px;
        position: relative;
    }

        .tittle h2:after {
            content: "";
            position: absolute;
            background: #f6b60b;
            height: 5px;
            width: 60px;
            left: 50%;
            transform: translateX(-50%);
            bottom: -30px;
        }

.bgn {
    background-repeat: no-repeat;
    width: 100%;
    height: 452px;
    content: '';
    display: block;
    background: #246bad;
    background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8));
    background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%);
    background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%);
    background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%);
    background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8',GradientType=0 );
    opacity: .80;
}
/*Note Box*/
.noteBoxes {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
}
.type1 {
    border-color: #2A9D8F;
    background-color: rgba(42, 157, 143, 0.1);
}

/* Set width on the form input elements since they're 100% wide by default */

/* styles for validation */
.field-validation-error {
    color: #b94a48;
}


input.input-validation-error {
    border: 1px solid #b94a48;
}

input.input-validation-valid {
    display:none;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*navbar custom*/

.navbar-custom {
    background-color: #002835;
    opacity:0.8;
    color: #ffffff;
    border-radius: 0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
   background-color:transparent;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #FF3838;
}

.navbar-custom .navbar-brand {
    color:#eeeeee;
    max-width:100%;
    max-height:100%;
}

.navbar-custom .img-responsive {
   /* height: auto;
    width: auto;*/
    margin-top:-10px;
    max-height: 60px;
    max-width: 150px;
    padding-left:20px;
    position: relative;
    background-size: contain;
}
.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
    background-color:#33aa33;
}
/*Img*/
.img-title {
    background-image: url('../img/bc_ticket.jpg');
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.container-formsearch {
    position: absolute;
    right: 0;
    margin: 80px 30px 30px 30px;
    max-width: 400px;
    padding: 16px;
    background-color: rgba(35, 50, 57, 0.65);
    color: #f5f5f5;
    text-shadow: none;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
}
 /* General styles*/
#playground-container {
    height: 500px;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch;
}


.main{
 	margin:50px 15px;
}


h1.title { 
	font-size: 50px;
	font-family: 'B Yekan'; 
	font-weight: 400; 
    text-align:center;
}

hr{
	width: 15%;
	color: #fff;
    height:1px;
    background-color:#ccc;
}

.form-group{
	margin-bottom: 15px;
}

label{
	margin-bottom: 15px;
    font-family:'B Yekan';
}

input,
input::-webkit-input-placeholder {
    font-size: 20px;
    padding-top: 3px;
}

.main-form {
    margin:50px 0px 20px 20px;
    height: 340px;
    max-width:400px;
    background-color: #004963;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.main-center {
    margin-top: 150px;
    margin-right: 25px;
    max-width: 400px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.45);
    color: #f5f5f5;
    text-shadow: none;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
}
.form-control {
    height: auto!important;
    padding: 8px 12px !important;
}
.input-group {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
}
#button {
    border: 1px solid #ccc;
    margin-top: 28px;
    padding: 6px 12px;
    color: #666;
    text-shadow: 0 1px #fff;
    cursor: pointer;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    -webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    box-shadow: 0 1px #fff inset, 0 1px #ddd;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
}

span.input-group-addon i {
    color: #009edf;
    font-size: 25px;
}


/*Row companies*/
.row-companies{
    background-color:#009edf;
    padding-top:25px;
    padding-bottom:50px;
}


.item-group{
    font-size:16px;
    color:#ddd;
    text-decoration: underline;
    text-align:center;
}
/*contact*/
.btn-success
   {
      transition: 0.5s;
   }

   .btn-success:hover, .btn-success:focus
   {
      background: white;
      border-color: #5cb85c;
      color: black;
      transition: all 0.4s;
   }

   .btn-warning
   {
      transition: 0.5s;
   }

   .btn-warning:hover, .btn-warning:focus
   {
      background: white;
      color: black;
      border-color: #f0ad4e;
   }

   .panel.with-nav-tabs .nav-tabs
   {
      border-bottom: none; 
   }
   .panel.with-nav-tabs .nav-justified
   {
      margin-bottom: -4px;
   }

   .panel
   {
      margin: 7%;
   }

   .modal-header
   {
      background: #FF3838;
      color: white;
      text-align: center;
   }

   .input-group-addon
   {
      background-color: #5cb85c;
      color: white;
   }

   .iga1
   {
      background-color: #f0ad4e;
      color: white;
   }

   .iga2
   {
      background-color: #FF3838;
      color: white;
   }
   .igaLogin
   {
      background-color: white;
      color: #246bad;
   }
/*Form Search*/
.igaMain {
    background-color: white;
    color: #F57812;
}
.Input-Main {
    background-color: white;
    color: #00496D;
    font-size:15px;
    font-weight:bold;
}
.btn-success-main {
    background-color: #F57812;
    color:white;
}
/*upload file*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#img-upload{
    width: 100%;
}

.LHl {
    border-left: 2px solid #c6c6c6;
    width: 100%;
    position: absolute;
    left: 50%;
    margin: 5px 5px 5px 5px;
}
/*--------------------------------------------------*/
/*row services*/

.row-services {
    background: #00374A;
    padding-top: 25px;
    padding-bottom: 50px;
}

    .row-services .Service_all .Service {
        text-align: center;
        padding-bottom: 25px;
    }

        .row-services .Service_all .Service i {
            font-size: 48px;
            color: #f6b60b;
            padding-bottom: 35px;
        }

        .row-services .Service_all .Service h4 {
            color: #ffffff;
            padding-bottom: 10px;
        }


        .row-services .Service_all .Service p {
            font: 400 14px/26px;
            color: #e5e5e5;
        }
        .row-services .Service_all .Service:hover h4 {
            color: #ffce4b;
        }
/*--------------------------------------------------*/
/*login*/

.background
{
    background-image: url("../Img/ptn1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}

.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width:100%;
}
.form-signin input[type="password"]
{
    margin-bottom: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width:100%;
}
.account-wall
{
    margin-top: 40px;
    padding: 40px 0px 20px 0px;
    background-color: #343434;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    Opacity:0.7;
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.back-home
{
    display: block;
    margin-top: 10px;
}
/*Table Services*/
   @media screen and (max-width: 768px) {
      .Screen {
         text-align: center;
      }
   }


.Record{
    margin-top:20px;
    border-bottom:thin solid;
    border-bottom-color:#b5b5b5;
    border-spacing:10px;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}
.TextStyle{
    color:#222222;
    font-size:large;
    margin-bottom : 0px;
}
.Number{
 font-weight:bold;
}
.icons{
 color:#308dff;
 font-size:11px;
}


/*Step by Step*/
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
/*Seat*/
        #mask {
            position: fixed;
            left: 0px;
            top: 0px;
            z-index: 4;
            opacity: 0.4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* first!*/
            filter: alpha(opacity=40); /* second!*/
            background-color: gray;
            display: none;
            width: 100%;
            height: 100%;
        }

        #holder {
            height: 550px;
            width: 200px;
            background-color: #F5F5F5;
            border-bottom: 0px solid #A4A4A4;
            margin:0 auto;
            float:none;
        }

        #place {
            position: relative;
            margin: 10px;
        }

            #place a {
                text-align: center;
                font-size: 13px;
                color: white;
            }

            #place li {
                position: absolute;
                margin-top: 10px;
                line-height: 2;
                color: white;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                border-color: black;
                cursor: default;
                text-align:center;
            }

                #place li:hover {
                    background-color: #6bb084;
                }

            #place .seat {
                /* background: url("../images/available_seat_img.gif") no-repeat scroll 0 0 transparent;*/
                background-color: gray;
                height: 35px;
                width: 35px;
                display: block;
                color: black;
            }

            #place .selectedSeatM {
                /*background-image: url("../images/booked_seat_img.gif");*/
                background-color: #77c1e1;
                cursor: not-allowed;
            }

            #place .selectedSeatW {
                /*background-image: url("../images/booked_seat_img.gif");*/
                background-color: #e5a5bf;
                cursor: not-allowed;
            }

            #place .selectingSeatM {
                /*background-image: url("../images/selected_seat_img.gif");*/
                background-color: #2aabe4;
            }

            #place .selectingSeatW {
                /*background-image: url("../images/selected_seat_img.gif");*/
                background-color: #ef2c7a;
            }

            #place .col-2, #place .col-3 {
                margin-left: -30px;
            }

.modal-dialog-center {
    margin-top: 25%;
}

#seatDescription li {
    list-style: none outside none;
    padding: 5px;
    height: 35px;
    margin-top: 5px;
    float: right;
}

        .popUp label {
            width: 4em;
            float: left;
            text-align: right;
            margin-right: 0em;
            display: block;
        }

        .popUp input {
        }

/*Panel Select Seat*/
.p-SelectSeat {
    background-color: whitesmoke;
    padding: 15px;
}
.Ticket-details {
    box-shadow: 0px 0px 35px -16px rgba(0,0,0,0.75);
    padding: 15px 15px;
    color: #363b41;
    display: inline-block;
    margin-bottom:10px;
}

.cl_plan {
    background-image: linear-gradient(-222deg, #6c7796, #7d8aaa);
    padding: 0px;
    color: #fff;
    height: 30px;
}
.btn-nav-cal {
    border: none;
    background: none;
    font-size: 11px;
    margin-top:6px;
}
.text-nav-cal {
    text-align:center;
    font-size: 14px;
    margin-top: 6px;
}
.btn-nav-cal:focus {
    outline: none;
}
    .btn-nav-cal:hover {
        color:#fed2d0;
    }

.icons-Ticket {
    color: #013B6B;
    font-size: 20px;
}
.TextStyle-Ticket {
    color: #222222;
    font-size: 15px;
}
.img-ticket {
    background-color: white;
    color: #013B6B;
}
.btn-success-ticket {
    background: #6c7796;
    border-color: #6c7796;
    color: #eeeeee;
    transition: 0.5s;
}

    .btn-success-ticket:hover, .btn-success-ticket:focus {
        background: white;
        border-color: #6c7796;
        color: #6c7796;
        transition: all 0.4s;
    }

.btn-Cancel-ticket {
    background: white;
    border-color: none;
    color: #ba0c75;
    text-decoration: underline;
    outline:none;
    transition: 0.5s;
}

    .btn-Cancel-ticket:hover, .btn-Cancel-ticket:focus {
        background: white;
        border-color: none;
        color: black;
        outline:none;
        text-decoration: underline;
        transition: all 0.4s;
    }
.Label-Input {
    outline: none;
    width: auto;
    border: hidden;
    text-align: left;
    font-size: 15px;
}
.LineBC {
    background-color: #ccc;
    height:1px;
    border: hidden;
    margin:5px 4px 5px 4px;
}

/*----- Checkout-------*/
.ticket {
    border-radius: 15px;
    padding: 20px;
    max-width: 1200px;
    height: 200px;
    border-color:black;
}
.ItemsBank {
    text-align: right;
    height: 40px;
    justify-content: center;
    border: solid;
    border-color: rgba(0,0,0,0.31);
    border-width: 1px;
}
.tableBank-title {
    color: black;
    padding: 11px;
    font-size: 17px;
    justify-content: center;
    text-align: center;
    border: solid;
    border-color: rgba(0,0,0,0.31);
    border-width: 1px;
}
.Itemstitle {
    background-color: white;
    height: 50%;
    margin: auto;
}
.ItemsDetail {
    background-color: white;
    height: 50%;
    margin: auto;
}

/*Tabs*/
.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #ddd;
}

.tabs-right {
    border-left: 1px solid #ddd;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

.tabs-left > li {
    margin-right: -1px;
}

.tabs-right > li {
    margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
}

.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .vertical-text > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .vertical-text > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px;
        }

        .vertical-text > li.active > a,
        .vertical-text > li.active > a:hover,
        .vertical-text > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .vertical-text.tabs-left {
        left: -50px;
    }

    .vertical-text.tabs-right {
        right: -50px;
    }

        .vertical-text.tabs-right > li {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .vertical-text.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }

/*---------*/
/* our_services_area */
.our_services_area {
    background: #f1f1f1;
    padding-bottom: 100px;
}

    .our_services_area .tittle h2 {
        color: #3b3b3b;
    }

    .our_services_area .tittle h4 {
        color: #9a9a9a;
    }

    .our_services_area .portfolio_inner_area {
        padding-top: 60px;
    }

        .our_services_area .portfolio_inner_area .portfolio_filter {
            padding-bottom: 55px;
        }

            .our_services_area .portfolio_inner_area .portfolio_filter ul {
                text-align: center;
                margin: 0;
                padding: 0;
            }

                .our_services_area .portfolio_inner_area .portfolio_filter ul li {
                    list-style: none;
                    display: inline-block;
                    padding-left: 30px;
                }

                    .our_services_area .portfolio_inner_area .portfolio_filter ul li:first-child {
                        padding: 0;
                    }

                    .our_services_area .portfolio_inner_area .portfolio_filter ul li a {
                        font: 400 14px "Oswald", sans-serif;
                        text-transform: uppercase;
                        color: #f5f5f5;
                    }

                    .our_services_area .portfolio_inner_area .portfolio_filter ul li:hover a, .our_services_area .portfolio_inner_area .portfolio_filter ul li:focus a, .our_services_area .portfolio_inner_area .portfolio_filter ul li.active a {
                        color: #f6b60b;
                    }

        .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner {
            position: relative;
        }

            .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner img {
                max-width: 100%;
            }

            .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover {
                background-color: rgba(248, 184, 29, 0.851);
                position: absolute;
                top: 20px;
                left: 20px;
                right: 20px;
                bottom: 20px;
                overflow: hidden;
                display: block;
                text-align: center;
                padding-top: calc(50% - 70px);
                cursor: pointer;
                opacity: 0;
                transition: all 300ms linear 0s;
            }

                .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover h4 {
                    color: #fff;
                    font: 700 14px "Roboto", sans-serif;
                    padding-bottom: 30px;
                    text-transform: uppercase;
                    position: relative;
                    left: -65%;
                    transition: all 300ms linear 0s;
                }

                .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul {
                    padding: 0;
                    margin: 0;
                    position: relative;
                    right: -67%;
                    transition: all 300ms linear 0s;
                }

                    .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li {
                        list-style: none;
                        display: inline-block;
                        padding-left: 17px;
                    }

                        .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li:first-child {
                            padding: 0;
                        }

                        .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li a {
                            font-size: 14px;
                            color: #fff;
                            line-height: 45px;
                            width: 45px;
                            border-radius: 50%;
                            border: 1px solid #fff;
                            display: block;
                        }

                            .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li a:hover, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li a:focus {
                                color: #f6b60b;
                                background: #fff;
                            }

            .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:hover .gallery_hover, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:focus .gallery_hover {
                opacity: 1;
            }

                .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:hover .gallery_hover h4, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:focus .gallery_hover h4 {
                    left: 0;
                }

                .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:hover .gallery_hover ul, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:focus .gallery_hover ul {
                    right: 0;
                }

/* grid-sizer css */
.grid-sizer {
    width: 33.33333333%;
}

/* End our_services_area */
/* our_services_tow */
.our_services_tow {
    background: #f5f5f5;
    padding-bottom: 100px;
    overflow: hidden;
    display: block;
}

    .our_services_tow .architecture_area {
        padding-top: 60px;
    }

        .our_services_tow .architecture_area .portfolio_filter_2 {
            border: 1px solid #dfe3e4;
            display: block;
            overflow: hidden;
        }

            .our_services_tow .architecture_area .portfolio_filter_2 ul {
                padding: 0;
            }

                .our_services_tow .architecture_area .portfolio_filter_2 ul li {
                    float: left;
                    list-style: none;
                    width: 20%;
                    text-align: center;
                    transition: all 300ms linear 0s;
                    border-right: 1px solid #dfe3e4;
                    height: 150px;
                }

                    .our_services_tow .architecture_area .portfolio_filter_2 ul li:last-child {
                        border-right: 0;
                    }

                    .our_services_tow .architecture_area .portfolio_filter_2 ul li a {
                        font: 400 18px "Roboto", sans-serif;
                        color: #222222;
                        display: block;
                        padding-top: 40px;
                        padding-bottom: 35px;
                    }

                        .our_services_tow .architecture_area .portfolio_filter_2 ul li a i {
                            font-size: 36px;
                            display: block;
                            padding-bottom: 10px;
                        }

                    .our_services_tow .architecture_area .portfolio_filter_2 ul li:hover, .our_services_tow .architecture_area .portfolio_filter_2 ul li:focus, .our_services_tow .architecture_area .portfolio_filter_2 ul li.active {
                        border-bottom: 5px solid #f6b60b;
                    }

                        .our_services_tow .architecture_area .portfolio_filter_2 ul li:hover a, .our_services_tow .architecture_area .portfolio_filter_2 ul li:focus a, .our_services_tow .architecture_area .portfolio_filter_2 ul li.active a {
                            color: #f6b60b;
                        }

        .our_services_tow .architecture_area .portfolio_2 {
            padding-top: 90px;
        }

            .our_services_tow .architecture_area .portfolio_2 .single_facilities img {
                max-width: 100%;
            }

            .our_services_tow .architecture_area .portfolio_2 .single_facilities .who_we_area .subtittle {
                padding-bottom: 30px;
            }

                .our_services_tow .architecture_area .portfolio_2 .single_facilities .who_we_area .subtittle h2:after {
                    background: #f6b60b;
                }

            .our_services_tow .architecture_area .portfolio_2 .single_facilities .who_we_area p {
                font: 400 14px/26px "Roboto", sans-serif;
                color: #555555;
                padding-bottom: 30px;
            }

            .our_services_tow .architecture_area .portfolio_2 .single_facilities .who_we_area a {
                margin-top: 20px;
            }

    .our_services_tow .services_pages {
        padding-top: 0;
    }

.grid-sizer-2 {
    width: 41.66666667%;
}

/* our_services_tow */

/*--------------------------------------------------*/
.footer_area {
    background-color: #002835;
    opacity: 0.9;
    color: black;
    border-radius: 0;
}

    /*   .footer_area:after {
        content: "";
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.8);
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        z-index: -1;
    }
     */
    .footer_area .footer_row {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .footer_area .footer_row .footer_about {
            padding-bottom: 50px;
        }

            .footer_area .footer_row .footer_about h2 {
                font: 400 18px;
                text-transform: uppercase;
                color: #fff;
                padding-bottom: 25px;
            }

            .footer_area .footer_row .footer_about img {
                max-width: 100%;
            }

            .footer_area .footer_row .footer_about p {
                font: 400 14px/26px;
                color: #fefefe;
                padding-top: 22px;
            }

            .footer_area .footer_row .footer_about .socail_icon {
                padding: 0;
                margin: 0;
                padding-top: 25px;
            }

                .footer_area .footer_row .footer_about .socail_icon li {
                    display: inline-block;
                    list-style: none;
                    padding-left: 8px;
                }

                    .footer_area .footer_row .footer_about .socail_icon li:first-child {
                        padding: 0;
                    }

                    .footer_area .footer_row .footer_about .socail_icon li a {
                        border: 2px solid #f6b60b;
                        display: block;
                        line-height: 26px;
                        width: 30px;
                        text-align: center;
                        position: relative;
                        z-index: 1;
                    }

                        .footer_area .footer_row .footer_about .socail_icon li a:after {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            background: #f6b60b;
                            z-index: -1;
                            transform: scaleY(0);
                            transform-origin: 50%;
                            transition-property: transform;
                            transition-duration: 0.3s;
                            transition-timing-function: ease-out;
                        }

                        .footer_area .footer_row .footer_about .socail_icon li a i {
                            font-size: 14px;
                            color: #fff;
                            display: inline-block;
                            padding-top: 7px;
                        }

                        .footer_area .footer_row .footer_about .socail_icon li a:hover:after, .footer_area .footer_row .footer_about .socail_icon li a:focus:after {
                            transform: scaleY(1);
                        }

            .footer_area .footer_row .footer_about .quick_link {
                padding: 0;
                margin: 0;
            }

                .footer_area .footer_row .footer_about .quick_link li {
                    list-style: none;
                }

                    .footer_area .footer_row .footer_about .quick_link li a {
                        font: 400 14px/28px;
                        color: #fefefe;
                        position: relative;
                        padding-left: 30px;
                    }

                        .footer_area .footer_row .footer_about .quick_link li a i {
                            font-size: 14px;
                            color: #f6b60b;
                            padding-right: 20px;
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            transition: all 300ms linear 0s;
                        }

                        .footer_area .footer_row .footer_about .quick_link li a:hover, .footer_area .footer_row .footer_about .quick_link li a:focus {
                            color: #f6b60b;
                        }

                            .footer_area .footer_row .footer_about .quick_link li a:hover i, .footer_area .footer_row .footer_about .quick_link li a:focus i {
                                left: 8px;
                            }

            .footer_area .footer_row .footer_about .twitter {
                font: 400 14px/28px;
                color: #fefefe;
                display: block;
                padding-bottom: 15px;
            }

                .footer_area .footer_row .footer_about .twitter:hover, .footer_area .footer_row .footer_about .twitter:focus {
                    color: #f6b60b;
                }

            .footer_area .footer_row .footer_about address p {
                font: 400 14px/28px;
                color: #fff;
                padding: 0;
            }

            .footer_area .footer_row .footer_about address .my_address {
                padding: 0;
                margin: 0;
                padding-top: 15px;
            }

                .footer_area .footer_row .footer_about address .my_address li {
                    list-style: none;
                }

                    .footer_area .footer_row .footer_about address .my_address li a {
                        font: 400 14px/28px;
                        color: #fff;
                    }

                        .footer_area .footer_row .footer_about address .my_address li a i {
                            color: #f6b60b;
                            padding-right: 20px;
                            font-size: 14px;
                            display: inline-block;
                        }

                        .footer_area .footer_row .footer_about address .my_address li a:hover, .footer_area .footer_row .footer_about address .my_address li a:focus {
                            color: #f6b60b;
                        }

                    .footer_area .footer_row .footer_about address .my_address li span {
                        display: inline-block;
                        padding-left: 35px;
                        margin-top: -30px;
                    }

    .footer_area .copyright_area {
        background: #002835;
        font: 400 14px/100px;
        color: #fefefe;
        text-align: center;
    }

        .footer_area .copyright_area a {
            font-weight: 700;
            font-size: 14px;
            text-transform: uppercase;
            color: #f6b60b;
        }

            .footer_area .copyright_area a:hover, .footer_area .copyright_area a:focus {
                color: #fefefe;
            }

/*--------------------------------------------------*/
.table {
    border-collapse: collapse;
    width: 100%;
}

.table td, .table th {
    border: 1px solid #ddd;
    padding: 8px;
}

    .table tr:nth-child(even) {
        background-color: #f2f2f2;
    }

.table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
}
/**/
.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
/***/
.original-box-shadow {
    color: #333333;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: 15px;
    min-height:300px;
    height:auto;
}