@import url('https://fonts.googleapis.com/css?family=Bungee+Inline');
/*font-family: 'Bungee Inline', cursive;*/


@import url('https://fonts.googleapis.com/css?family=Oswald:400,600');
/* font-family: 'Oswald', sans-serif; */


@import url('https://fonts.googleapis.com/css?family=PT+Serif+Caption');

/* font-family: 'PT Serif Caption', serif; */



/*-- Basic --*/

body {

background: linear-gradient(transparent,transparent),url(../images/bg.jpg);
/*background-attachment: fixed;*/
background-position: center;
background-size: cover;
}


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

a:hover {
text-decoration: none;
color: #f78e21;
}

.blue {
color: #09F;
}

.green {
color: #0A0;
}

p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #333;
}

.heading-section {
text-align: center;
padding: 100px 0 80px 0;
}

.heading-section h2 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #333;
font-weight: 700;
text-transform: uppercase;
}

*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


.space30 {
margin-bottom: 30px;
}

.space50 {
margin-bottom: 50px;
}












/***************************************************/

.Creative-Media {
padding: 40px 20px 100px 20px;
background: linear-gradient(to bottom right, #d904f3, #FF6505 50%, transparent 50.5%) no-repeat bottom, /* bottom part */ linear-gradient(90deg, #dc0ddd, #FF6505) no-repeat top;
background-size: 100% 7em, 100% calc(100% - 7em);
}


.Creative-Media h4 {
color: #fff;
font-size: 22px;
letter-spacing: 3px;
}


.Creative-Media h2 {
color: #fff;
margin-top: 50px;
font-weight: 600;
}


.Creative-Media h2 span {

font-weight: 100;
}



.Creative-Media p {
color: #fff;
font-size: 18px;
line-height: 30px;
}







.Creative-Media .btn-black {
padding: 8px 20px;
background: #000;
color: #fff;
border-radius: 50px;

border:none;
margin-top: 10px;
}


.Creative-Media .btn-black:hover, 
.Creative-Media .btn-black:focus{
background: #c52d2f;
outline: none;
box-shadow: none;
} 



/****************************************************/















/**********************************************/

.title-section {
margin-bottom: 80px;
}
.title-section h2 {
font-size: 32px;
font-weight: normal;
display: block;
margin-bottom: 10px;
font-family: 'Bungee Inline', cursive;
color: #000;
}
.title-section span {
display: block;
width: 120px;
height: 3px;
background: #000;
margin: 0 auto;
}

/**********************************************/


.top-bar {
padding: 4px 0;
background: #191919;
/*border-bottom: 1px solid #222;*/
line-height: 28px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f7e3f+0,e96929+15,25aedc+31,bc5097+46,f7b429+61,cd6518+76,0c519a+88,b7df2d+100 */
background: #0f7e3f; /* Old browsers */
background: -moz-linear-gradient(left, #0f7e3f 0%, #e96929 15%, #25aedc 31%, #bc5097 46%, #f7b429 61%, #cd6518 76%, #0c519a 88%, #b7df2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0f7e3f 0%,#e96929 15%,#25aedc 31%,#bc5097 46%,#f7b429 61%,#cd6518 76%,#0c519a 88%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0f7e3f 0%,#e96929 15%,#25aedc 31%,#bc5097 46%,#f7b429 61%,#cd6518 76%,#0c519a 88%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7e3f', endColorstr='#b7df2d',GradientType=1 ); /* IE6-9 */
    z-index: 3;
    position: relative;
}




.black-bar {
padding: 4px 0;
background: #191919;
/*border-bottom: 1px solid #222;*/
line-height: 28px;

background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #000, #ffffff);


}




.shadow {

-webkit-box-shadow:10px 0 12px -8px #D6D6D6,-10px 0 12px -8px #D6D6D6;
-moz-box-shadow:10px 0 12px -8px #D6D6D6,-10px 0 12px -8px #D6D6D6;
box-shadow:10px 0 12px -8px #D6D6D6,-10px 0 12px -8px #D6D6D6;
background-color: #fff;
}





/*-- Header --*/
#top-header {
background-color: #333;
color: #fff;
}

.home-account a {
display: inline-block;
margin-right: 15px;
padding: 10px 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}

.cart-info {
text-align: right;
padding: 8px 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}



.logo {
position: absolute;
z-index: 3;
background-color: #EEEEEE;
top: -10%;
box-shadow: 0 4px 18px 1px rgba(0, 0, 0, .2);
border-radius: 0px 0px 12px 12px;

}

.logo img {
padding: 0px 10px 0px 10px;
}




.logo {
padding: 7px 0;
}



.navbar-inverse{

background-color: transparent;
border-color: transparent;   

}


.navbar-none{
float: none;
}




.navbar-brand {
padding: 0;
margin:0;
}

.navbar {
border-radius: 0;
margin-bottom: 0;
background: transparent;
padding: 0px 0px 0px 70px;
padding-bottom: 0;
min-height: 0px;
z-index: 3;
}

.navbar-nav{
margin-top: 0px;
}

.navbar-nav>li{
margin-left: 0px;
padding-bottom: 0px;
}

.navbar-inverse .navbar-nav > li > a {
padding: 20px 21px;
margin: 0;
border-radius: 0px;
color: #fff;
line-height: 24px;
display: inline-block;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;

}

.navbar-inverse .navbar-nav > li > a:hover{
background-color: #c52d2f;
color: #fff;
}

.navbar-inverse {
border: none;
}

.navbar-inverse .navbar-brand {
font-size: 36px;
line-height: 50px;
color: #fff;
}


.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #c52d2f;
color: #fff;
}


.navbar-inverse .navbar-nav > .active > a{
background-color: transparent !important;
color: #fff;
padding-bottom: 40px;
}

.navbar-inverse .navbar-nav .dropdown-menu {
background-color: rgba(0,0,0,.85);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
border: 0;
padding: 0;
margin-top: 0;
border-top: 0;
border-radius: 0;
left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
position: absolute;
top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
padding: 8px 15px;
color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: #c52d2f;
color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
padding-bottom: 0;
}




.navbar-inverse .bg1 {
background-color: #E95525;

}



.navbar-inverse .bg2 {
background-color: #8DC54B;
}

.navbar-inverse .bg3 {
background-color: #F5A51B;
}

.navbar-inverse .bg4 {
background-color: #EC008B;
}

.navbar-inverse .bg5 {
background-color: #2789C9;
}





.overlay {
background: rgba(255, 255, 255, 0.16);
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}



/*

.main-menu ul {
padding: 0px;
margin: 0px;
text-align: center;
}

.main-menu li {
list-style: none;
display: inline-block;
padding: 40px 0;
}

.main-menu a {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 14px;
color: #444;
text-transform: uppercase;
margin-right: 35px;
}

.main-menu a:hover {
color: #f78e21;
}
*/

.search-box {
text-align: center;
margin-top: 13px;
position: absolute;
z-index: 10;
}

.search-box img{
max-width: 80%;
}

/*-- End Header --*/



.quate {
font-size: 28px;
line-height: 48px;
font-style: italic;
font-weight: bold;
/* color: #34aadc; */
padding: 70px 0px 1em 0px;
text-shadow: 1px 1px 1px #ccc;
text-transform: capitalize;
font-family: 'PT Serif Caption', serif;
}

.quate span {
color: #ee3733;
}

/*-- Heading --*/

#heading {
/*background-image: url(../images/bg-image.png);*/
height: 380px;
margin-top: -74px;
}

#heading h2 {
font-size: 36px;
font-weight: normal;
color: #eee;
text-transform: uppercase;
font-family: 'Bungee Inline', cursive;

}

#heading span {
color: #fff;
text-transform: uppercase;
}

.heading-content {
text-align: center;
margin-top: 12em;
}

/*-- End Heading --*/







#tm-video-loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.tm-video-container {
    position: relative;
    max-width: 1280px;
    max-height: 640px;
    overflow-y: hidden;
    top: -64px;
    margin-bottom: -69px;
}

.tm-video-text {
    display: inline-block;
}

.tm-welcome-video {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-color: black;
    background-size: cover;
    transition: 1s opacity;
}

.tm-video-text-overlay {
    position: absolute;
    left: 60%;
    bottom: 30px;
}
.tm-video-text-overlay h1 {
	font-size: 3.4rem;
}
.tm-welcome-text {
    margin-top: 65px;
    margin-bottom: 65px;
    font-size: 2.2rem;
}

.tm-font-400 {
    font-weight: 400;
}

.tm-text-light-gray {
    color: #CDCDCD;
}

.tm-text-gray {
    color: #CCCCCC;
}

.tm-text-white {
    color: #FFFFFF;
}

a.tm-text-white:hover,
a.tm-text-white:focus {
    color: #FFFFFF;
}

.tm-text-green {
    color: #99CC66;
}

.tm-text-cyan {
    color: #33CCCC;
}

.tm-text-yellow {
    color: #FFFF66;
}

.tm-text-orange {
    color: #CC9966;
}

.tm-bg-dark {
    background-color: #262626;
}

.tm-bg-dark-light {
    background-color: #404040;
}

hr {
    border-color: #666666;
    max-width: 70%;
}

.tm-video-iframe {
    height: auto;
}





/***************************************************************/

.third-section {
background-image: url(../img/third-section-bg.png);
background-size: cover;
width: 100%;
background-repeat: no-repeat;
padding: 20% 0px;
}















/* Features */

.features {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 3em 4em 5em 4em;
}

.features article {
    padding: 20px 25px 15px 25px;
    background-color: #353849;
    border-radius: 5px;
    margin: 1.5em 3em 1.5em 0;
    width: calc(50% - 1.5em);
}

    .features article:nth-child(2n) {
        margin-right: 0;
    }

    .features article .image {
        border-radius: 5px 5px 0 0;
        display: block;
        margin-bottom: 1.75em;
        margin-left: -1.75em;
        margin-top: -1.75em;
        position: relative;
        width: calc(100% + 3.5em);
    }

        .features article .image img {
            border-radius: 5px 5px 0 0;
            width: 100%;
        }


.features article p {
            color: #fff;
        }


@media screen and (max-width: 980px) {

    .features article {
        margin: 1em 2em 1em 0;
        width: calc(50% - 1em);
    }

}

@media screen and (max-width: 736px) {

    .features article {
        padding: 1.5em 1.5em 0.1em 1.5em ;
        margin: 0.875em 1.75em 0.875em 0;
        width: calc(50% - 0.875em - 1px);
    }

        .features article .image {
            margin-bottom: 1.5em;
            margin-left: -1.5em;
            margin-top: -1.5em;
            width: calc(100% + 3em);
        }

}

@media screen and (max-width: 640px) {

    .features {
        display: block;
    }

        .features article {
            width: 100%;
            margin: 0 0 2em 0 !important;
        }

}


h3.major {
padding-bottom: 10px;
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
color: #fff;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 10px;
}












/*-- Timeline --*/

.timeline-thumb {
position: relative;
text-align: center;
border-bottom: 3px solid #dbdbdb;
}

.timeline-thumb:hover {
border-color: #f78e21;
}

.timeline-thumb .thumb img {
width: 100%;
overflow: hidden;
}
.timeline-thumb .overlay {
background-color: rgba(0,0,0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
}

.timeline-thumb:hover .overlay {
visibility: visible;
overflow: hidden;
opacity: 1;
cursor: pointer;
}

.timeline-caption h4 {
padding-top: 80px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
margin: 0 0 3px 0;
}

.timeline-caption p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
color: #f78e21;
}

/*-- End Timeline --*/




/*-- Our Team --*/

.team-thumb {
position: relative;
text-align: center;
}

.team-thumb .author img {
width: 100%;
}

.team-thumb .overlay {
background-color: rgba(0,0,0, 0.7);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
}

.team-thumb:hover .overlay {
visibility: visible;
opacity: 1;
cursor: pointer;
}

.author-caption ul {
padding: 0;
margin: 0;
}

.author-caption li {
list-style: none;
display: inline-block;
margin-top: 40%;
}

.author-caption a {
display: inline-block;
background-color: rgba(250,250,250, 0.4);
width: 34px;
height: 34px;
line-height: 34px;
color: #fff;
}

.author-caption a:hover {
background-color: #f78e21;
color: #fff;
}

.author-details {
margin-top: 15px;
text-align: center;
}

.author-details h2 {
display: block;
margin-bottom: 0px;
font-size: 16px;
font-weight: 700;
color: #333;
text-transform: uppercase;
}

.author-details span {
color: #f78e21;
text-transform: uppercase;
}

/*-- End Our Team --*/




/*-- Products --*/

#product-heading {
text-align: center;
padding: 100px 0 30px 0;
}

#product-heading h2 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #333;
font-weight: 700;
text-transform: uppercase;
}

#Container {
margin-top: 80px;
}

#Container .mix {
display: none;
}

.portfolio-wrapper {
overflow: hidden;
padding-top: 20px;
}


#filters {
text-align: center;
}

#filters ul {
margin: 0px;
padding: 0px;
}

#filters li {
cursor: pointer;
list-style: none;
display: inline-block;
}

#filters span {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
color: #444;
padding-left: 15px;
}


#filters span:hover {
color: #f78e21;
transition: all 0.3s ease-in;
}

.label-text a {
color: #333;
}

.label-text a:hover {
color: #f78e21;
}

.label-text h3 {
margin: 10px 0 2px 0;
font-size: 16px;
font-weight: 700;
color: #333;
text-transform: uppercase;
}

.label-text span {
color: #777;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
display: block;
color: #f78e21
}

.portfolio-thumb img {
width: 100%;
}

.portfolio-thumb {
position: relative;
}

.hover-iner {
position: relative;
width: 100%;
height: 100%;
}

.hover-iner a {
position: absolute;
top: 35%;
left: 43%;
margin-left: -18px;
margin-top: -18px;
background-color: rgba(0,0,0, 0.1);
border: 1px solid #f78e21;
width: 80px;
height: 80px;
line-height: 80px;
color: #fff;
text-align: center;
}

.hover-iner img {
width: auto;
}

.hover-iner span {
position: absolute;
text-transform: uppercase;
color: #fff;
margin-top: 190px;
text-align: center;
font-size: 13px;
width: 100%;
color: #f78e21;
font-weight: 300;
}

.hover {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
}

.portfolio-wrapper:hover .portfolio-thumb .hover {
visibility: visible;
opacity: 1;
transition: all 0.3s ease-in;
}

.pagination {
margin-top: 60px;
}

.pagination ul {
padding: 0;
margin: 0;
}
.pagination li {
list-style: none;
display: inline-block;
}

.pagination a {
background-color: #444;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-weight: 600;
color: #fff;
display: block;
text-align: center;
}

.pagination a:hover {
background-color: #f78e21;
}

/*- End Products --*/





/*-- Single Post --*/



hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}



.image-post {
overflow: hidden;
}

.product-title h3 {
font-size: 29px;
font-weight: 700;
color: #333;
display: inline-block;
margin-right: 20px;
border-right: 1px solid #ddd;
padding-right: 20px;
    font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}



.product-content h4 {

    font-family: 'Oswald', sans-serif;
font-size: 22px;

}





.product-title span {
display: inline-block;
font-size: 13px;
color: #ccc;
margin-top: 15px;
} 

.product-title span i{
    background-color: #fff;
    padding: 9px 13px 10px 13px;
    border-radius: 50%;

    box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    border: 1px solid #ccc;
    
} 



.product-title .hr5 {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0));
}



.product-content a {
font-weight: 700;
font-size: 13px;
}

.product-content p {
margin-top: 5px;
padding-bottom: 0px;
    font-size: 17px;
line-height: 26px;
}


.product-content .list-group-item {

    font-size: 16px;
}

.product-content .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.product-content .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.product-content .list-group-item {
    box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
}



.comment-section h4 {
margin-top: 30px;
font-size: 16px;
color: #666;
font-weight: 700;
text-transform: uppercase;
}

.all-comments {
margin-top: 40px;
margin-bottom: 40px;
}

.comments {
margin-top: 30px;
}

.author-thumb {
float: left;
margin-right: 30px;
}

.comment-body {
background-color: #f3f3f3;
padding: 20px;
overflow: hidden;
position: relative;
}

.comment-body h6 {
font-size: 16px;
font-weight: 700;
color: #333;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 0px;
}

.comment-body span {
font-size: 14px;
color: #f78e21;
}

.comment-body p {
margin-top: 20px;
}

.comment-body a {
text-transform: uppercase;
font-size: 14px;
color: #fff;
background-color: #f78e21;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
position: absolute;
top: 20px;
right: 20px;
}

.replyed-form {
margin-left: 130px;
}

.leave-comment h4 {
margin-top: 30px;
padding-bottom: 10px;
font-size: 16px;
color: #666;
font-weight: 700;
text-transform: uppercase;
}

input, textarea {
padding: 10px;
border: 1px solid #e2e2e2;
width: 100%;
margin-top: 25px;
font-size: 13px;
font-style: italic;
font-weight: 300;
color: #aaa;
outline: none; 
}

textarea {
height: 165px;
max-height: 180px;
max-width: 770px;
line-height: 18px;
width: 100%
}

.form label {
margin-left: 10px;
color: #999999;
}

.send button {
width: 90px;
color: #fff;
cursor: pointer;
height: 35px;
line-height: 30px;
text-align: center;
background-color: #f78e21; 
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
border: 0;
outline: none;
}

.leave input {
width: 90px;
cursor: pointer;
height: 35px;
line-height: 30px;
text-align: center;
background-color: #f78e21; 
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
border: 0;
}

/*-- End Single Post --*/




/*-- Contact Us --*/

.message-form input {
margin-top: 0px;
}

.message-form  textarea {
padding-bottom: 20px;
}

.send {
margin-top: 20px;
}

.info p {
padding-bottom: 20px;
}

.info ul {
margin: 0;
padding: 0;
}

.info li {
list-style: none;
margin: 10px 0;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #666;
}

.info i {
color: #f78e21;
margin-right: 10px;
font-size: 18px;
}

/*-- End Contact Us--*/




/*-- Side Bar --*/

.side-bar h4 {
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #f78e21;
margin-top: 0px;
padding: 9px 15px 9px 15px;
}

.archives-list ul {
margin-top: 25px !important;
padding-bottom: 30px !important;
margin: 0;
padding: 0;
}

.archives-list li {
list-style: none;
margin: 10px 0;
}

.archives-list i {
font-size: 16px;
margin-right: 5px;
color: #f78e21;
}

.archives-list a {
text-transform: uppercase;
color: #888;
font-size: 13px;
}

.archives-list a:hover {
color: #f78e21;
}

.recent-post {
overflow: hidden;
margin-bottom: 20px;
}

.recent-post-thumb {
float: left;
margin-right: 20px !important; 
width: 70px;
height: 70px;
}

.recent-post-info {
overflow: hidden;
}

.recent-post-info h6 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
}

.posts {
margin-top: 30px;
margin-bottom: 30px;
}

.recent-post-info a {
color: #333;
}

.recent-post-info a:hover {
color: #f78e21;
}

.recent-post-info span {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #f78e21;
}

.flickr-images {
margin-top: 20px;
}

.flickr-images img {
margin-top: 20px;
overflow: hidden !important;
width: 68px;
}

.flickr-images img:hover {
border: 3px solid #f78e21;
transition: all 0.1s ease-in;
cursor: pointer;
}

/*-- End Side Bar --*/





/*-- Slider --*/

#slider {
overflow: hidden;
margin-top: -74px;
}

.slider-caption {
text-align: center;
position: absolute;
width: 100%;
margin-top: 160px;
color: #fff;
font-family: 'Open Sans', sans-serif;
}

.slider-caption h1 {
text-shadow: 1px 1px #777;
font-size: 48px;
padding-bottom: 10px;
font-weight: 500;
color: #f78e21;
text-transform: uppercase;
}



.slider-caption h2 {
font-size: 48px;
padding-bottom: 10px;
font-weight: 500;
color: #fff;
}




.slider-caption p {
font-size: 18px;
font-weight: 300;
color: #fff;
line-height: 15px;
}

.slider-caption a {
margin-top: 20px;
text-decoration: none;
display: inline-block;
background-color: #f78e21;
width: 200px;
height: 40px;
text-align: center;
color: #fff;
line-height: 40px;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
}

/*-- End Slider --*/





/*-- Services --*/

.service-item {
text-align: center;
}

.icon i {
border-radius: 50%;
border: 20px solid #f78e21;
color: #f78e21;
font-size: 28px;
line-height: 80px;
width: 120px;
height: 120px;
}

.service-item h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #333;
text-transform: uppercase;
margin-top: 25px;
}

/*-- End Services --*/





/*-- Latest Posts --*/

.blog-post {
position: relative;
margin-bottom: 30px;
}

.blog-thumb {
overflow: hidden;
position: relative;
}

.blog-thumb img {
width: 100%;
}

.blog-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.7);
color: #fff;
padding: 15px;
}

.content-show a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}


.content-show h4 {
margin-bottom: 5px;
}

.content-show span {
color: #f78e21;
}

.content-hide {
margin-top: 15px;
display: none;
}

.content-hide p {
color: #fff;
}

/*-- End Latest Posts --*/





/*-- Testimonails --*/

.testimonails-content p {
text-align: center;
font-size: 15px;
color: #333;
font-style: italic;
}

.testimonails-content h6 {
font-size: 16px;
font-weight: 300;
text-align: center;
margin-top: 30px;
font-style: italic;
}

/*-- End Testimonails --*/





.shop-list ul {
margin: 0;
padding: 0;
}

.shop-list li {
list-style: none;
margin: 10px 0;
}

.shop-list i {
font-size: 16px;
margin-right: 5px;
color: #f78e21;
}

.shop-list a {
text-transform: uppercase;
color: #888;
font-size: 13px;
}

.shop-list a:hover {
color: #f78e21;
}

.recent-post {
overflow: hidden;
margin-bottom: 20px;
}

.recent-post-thumb {
float: left;
margin-right: 10px;
width: 70px;
height: 70px;
}

.recent-post-info {
overflow: hidden;
}

.recent-post-info h6 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
}

.recent-post-info a {
color: #333;
}

.recent-post-info a:hover {
color: #f78e21;
}

.recent-post-info span {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #f78e21;
}

.more-info p {
padding-bottom: 20px;
}

.more-info ul {
margin: 0;
padding: 0;
}

.more-info li {
list-style: none;
margin: 10px 0;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #666;
}

.more-info i {
color: #f78e21;
margin-right: 10px;
font-size: 18px;
}

.bottom-footer {
text-align: left;
padding: 60px 0 15px 0;
}

/*-- End Footer --*/









/*--- RESPONSIVE ---*/

@media screen and (max-width: 990px) {

.home-account {
text-align: center;
display: block;
}

.cart-info {
text-align: center;
display: block;
}

.logo {
text-align: center;
}

.search-box {
display: none;
}

.slider-caption {
display: none;
}

.service-item {
margin-top: 40px;
}

.footer-title {
margin-top: 60px;
}

.bottom-footer {
text-align: center;
}

.timeline-thumb{
margin-top: 30px;
border-bottom: none;
}

.team-thumb {
margin-top: 30px;
}

.side-bar {
margin-top: 100px;
}

.side-bar h4 {
width: 100%;
}

.send-message input {
margin-top: 20px;
}

.info {
margin-top: 60px;
text-align: center;
}
}

@media screen and (max-width: 568px) {

.home-account {
text-align: center;
display: block;
}

.cart-info {
text-align: center;
display: block;
}

.logo {
text-align: center;
}

.search-box {
display: none;
}

.content-hide p {
display: none;
}

.slider-caption {
display: none;
}

.service-item {
margin-top: 40px;
}

.footer-title {
margin-top: 60px;
}

.bottom-footer {
text-align: center;
}

.timeline-thumb{
margin-top: 30px;
border-bottom: none;
}

.team-thumb {
margin-top: 30px;
}

.side-bar {
margin-top: 100px;
}

.side-bar h4 {
width: 100%;
}

.send-message input {
margin-top: 20px;
}

.info {
margin-top: 60px;
text-align: center;
}

.logo {
padding-bottom: 60px;
}

.main-menu li {
display: block;
margin-top: -60px;
margin-right: -35px;
}

#heading-section img {
display: none;
}

.divide-line img {
display: none;
}

.top-footer {
display: none;
}

}

@media screen and (max-width: 1000px) {

.slider-caption {
display: none;
}
}

@media screen and (max-width: 600px) {

.heading-section img {
display: none;
}

body {
overflow-x: hidden;
}
}

@media screen and (min-width: 995px) {

.hover-iner span {
margin-top: 160px;
}

body {
overflow-x: hidden;
}
}

/*--- END RESPONSIVE ---*/







#what-we-do{
background-color: #fff;    
}





.services-wrap ul {
margin: 0;
padding: 0;
}



.services-wrap ul li  {
padding: 4px 0;
text-decoration: none;
list-style-type: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
font-size: 16px;
}






.box-content {
background: white;
padding: 25px;
overflow: hidden;
}

.service-item {
overflow: hidden;
margin-bottom: 30px;
}
.service-item.service-right .service-icon {
float: left;
text-align: left;
margin-right: 30px;
}
.service-item.service-right .service-content {
text-align: left;
}
.service-item.service-left .service-icon {
float: right;
text-align: right;
margin-left: 30px;
}
.service-item.service-left .service-content {
text-align: right;
}
.service-item .service-content {
overflow: hidden;
}
.service-item .service-content h4 {
font-size: 18px;
margin-bottom: 10px;
font-weight: normal;
}
.service-item .service-icon {
margin-top: 15px;
width: 80px;
height: 80px;
display: block;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.service-item .service-icon i {
width: 80px;
height: 80px;
border: 2px solid #d5d5d5;
border-radius: 40px;
text-align: center;
line-height: 80px;
color: #2c2c2c;
display: block;
font-size: 1.89em;
}
.service-item:hover .service-icon {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.service-item:hover .service-icon i {
color: #f69730;
border-color: #f69730;
}
@media screen and (max-width: 768px) {
.service-item .service-icon {
width: 60px;
height: 60px;
border-radius: 30px;
line-height: 60px;
font-size: 1.4em;
}
.service-item:hover .service-icon {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.service-item.service-right .service-icon {
float: none;
margin: 0 auto 40px auto;
}
.service-item.service-right .service-content {
text-align: center;
}
.service-item.service-left .service-icon {
float: none;
margin: 0 auto 40px auto;
}
.service-item.service-left .service-content {
text-align: center;
}
}






.center {
text-align: center;
padding-bottom: 55px;
}


.center h2{
font-family: 'Bungee Inline', cursive;
font-size: 36px;
margin-top: 0;
margin-bottom: 20px;
color: #000000;
}



.divider {
width: 10%;
margin: 0px auto 0px;
position: relative;
height: 3px;
background-color: #000;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}



.divider-w {
width: 10%;
margin: 0px auto 0px;
position: relative;
height: 3px;
background-color: #fff;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}




#what-We-Do {
background: #fff url(../images/what-We-Do-Bg.jpg);
/* background-size: cover;*/
}



#what-We-Do .center {
padding-bottom: 0px;
padding-top: 50px;
}



#what-We-Do .lead,
#what-We-Do h2{
/*color: #4e4e4e;*/
}



.center-logo{
padding: 0px 0px 0px 0px;
margin: -80px -20px 0px 0px;
position: relative;

}


.center-logo img{
margin: 0 auto;
}

.services-wrap {
padding: 40px 30px;
background: transparent;
border-radius: 4px;
margin: 0 0 40px;
}

.services-wrap h3 {
font-size: 20px;
margin: 10px 0;
}

.services-wrap .pull-left {
margin-right: 20px;
}




/**************************************************************/


#How-We-Do-It {
background:   url(../images/bg_How-We-Do-It.png);
/*background-size: cover;*/
background-repeat: no-repeat;
padding: 120px 0px 210px 0px;
position: relative;
}

#How-We-Do-It .lead,
#How-We-Do-It h2{
color: #fff;
}


.steps{

}


.steps img{
margin: 0 auto;
}


.services-wrap {
padding: 40px 30px;
background: transparent;
border-radius: 4px;
margin: 0 0 40px;
}

.services-wrap h3 {
font-size: 20px;
margin: 10px 0;
font-family: 'Oswald', sans-serif;
color: #000;
text-transform: uppercase;
line-height: 26px;
}

.services-wrap .pull-left {
margin-right: 20px;
}


/**************************************************************/





/*************************************************************/
#Portfolio {

background-image: url(../images/Portfolio.png);
background-size: cover;
/* width: 100%; */
background-repeat: no-repeat;
padding: 10% 0px;
margin-top: -8em;
position: relative;


/*  background: #555  url(../images/Portfolio.png);

background-repeat: no-repeat;
padding: 120px 0px 210px 0px;
margin-top: -112px;*/

}




#Portfolio .center h2 {

color: #fff;
}

.portfolio-item .row{
margin: 0px 60px 0px 40px;
}



#Portfolio .col-xs-12.col-sm-4.col-md-3.col-lg-4{
padding: 0 !important;
}

#Portfolio{
padding-bottom: 70px;
}





#Portfolio .btn-black {
padding: 8px 20px;
background: #000;
color: #fff;
border-radius: 50px;

border:none;
margin-top: 10px;
}

#Portfolio .btn-black:hover, 
#Portfolio .btn-black:focus{
background: #fff;
    color: #000;
outline: none;
box-shadow: none;
} 






.recent-work-wrap {
position: relative;
}

.recent-work-wrap img{
width: 100%;
}

.recent-work-wrap .recent-work-inner{
top: 0;
background: transparent;
opacity: .8;
width: 100%;
border-radius: 0;
margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
font-family: 'Oswald', sans-serif;  
font-size: 24px;
color: #fff;
text-transform: uppercase;
}


.recent-work-wrap .recent-work-inner p{
font-size: 14px;
color: #fff;
}

.recent-work-wrap .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 0;
background: #c52d2fd4;
color: #fff;
vertical-align: middle;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;  
padding: 30px;
}

.recent-work-wrap .overlay .preview {
bottom: 0;
display: inline-block;
height: 35px;
line-height: 35px;
border-radius: 0;
background: transparent;
text-align: center;
color: #fff;
}

.recent-work-wrap:hover .overlay {
opacity: 1;
}






/****************************************************************/

#portfolio-block{

}


.portfolio-block p {
font-size: 14px;
color: #666;
line-height: 1.4;
margin-bottom: 30px;
}


.portfolio-block h3 {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
}


.portfolio-block {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid #f1f1f1;
padding: 10px 10px 0px 10px;
}


.portfolio-block .shadow,
.portfolio-block .shadow-narrow {
position: relative;
background-color: #fff;
}

.portfolio-block .shadow-narrow::before,
.portfolio-block .shadow::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2;
}

.portfolio-block .shadow-narrow::after,
.portfolio-block .shadow::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.portfolio-block .shadow-narrow:hover::after,
.portfolio-block .shadow:hover::after {
bottom: 10px;
}


.portfolio-block .shadow *,
.portfolio-block .shadow-narrow * {
position: relative;
z-index: 3;
}


.portfolio-block .icon {
margin-bottom: 10px;
}




.portfolio-block p {
clear: both;
margin-bottom: 15px;
}






/**************************************************************
Contact us 
**************************************************************/

#contact-block{
background: #fff;    

}


#contact-block p{
color: #333; 

}


/******************************************************************/
#contact-block .history_grid {
margin-top: 0em;
padding-right: 30px;
}

#contact-block .reservation_top {
background: #171717;
padding: 5em 0;
}


#contact-block .history_grid h3{
font-size: 24px;
text-transform: uppercase;
line-height: 1.5em;
font-weight: 600;
}
#contact-block .history_grid p{
font-size:16px;

line-height:25px;
/*margin:2em 0 1em;*/
text-align: justify;
padding-right: 15px;
}
#contact-block .history_grid h3 {
color:#555;
}
#contact-block .history_grid h3 a:hover{
color:#555;
text-decoration:none;
}




#contact-block  .divider {
width: 100%;
margin: 10px auto 10px;
position: relative;
height: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
background-color: #eee;
}

#contact-block   .divider::after {
height: 1px;
background: #e8e8e8;
background: -moz-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: -ms-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
position: absolute;
bottom: -1px;
content: "";
width: 100%;
left: 0;
}


.contact-block p {
text-align: center  !important;
}



.contact-block {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid #f1f1f1;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}


#contact-block  .shadow1,
#contact-block  .shadow1-narrow {
position: relative;
background-color: #fff;
}

#contact-block  .shadow1-narrow::before,
#contact-block  .shadow1::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2;
}

#contact-block  .shadow1-narrow::after,
#contact-block  .shadow1::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#contact-block  .shadow1-narrow:hover::after,
#contact-block  .shadow1:hover::after {
bottom: 10px;
}


#contact-block  .shadow1 *,
#contact-block  .shadow1-narrow * {
position: relative;
z-index: 3;
}


#contact-block  .icon1 .bg-df {
background-color: #09afdf;
color: #ffffff;
}

.contact-block .icon1 {
margin-bottom: 10px;
}

#contact-block  .icon1 {
display: inline-block;
text-align: center;
background-color: #09afdf;
color: #fff;
font-size: 24px;
width: 60px;
height: 60px;
line-height: 58px;
transition: all .2s ease-in-out;
border-radius: 0;
transform: rotate(45deg);
border: 1px solid transparent;
}


.contact-block p {
clear: both;
margin-bottom: 15px;
}

#contact-block  .icon1 i {
position: relative;
z-index: 1;
transform: rotate(-45deg);
}



.call-action-boxed {
padding: 30px 25px;
}

.call-action-style3 {
background: #A7204C;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #A7204C, #E76F13);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #A7204C, #E76F13); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.call-action-style3 input, button, select, textarea {
padding: 10px;
border: 1px solid #e2e2e2;
width: 100%;
margin-top: 6px;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #aaa;
outline: none;
border-radius: 0px;
}



.captcha .form-control{
    font-size: 13px;
    color: #333;
}

/*************** Heading Titles ***************/

.call-action-style3 .classic-title {
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
font-weight: 300;
}


.call-action-style3 .classic-title span {
padding-bottom: 8px;
border-bottom: 1px solid;
font-weight: 400;
color: #fff;
text-transform: uppercase;
}


/*************************************************************/



/*Background Animation*/
.backRight {
position: absolute;
right: 0;
width: 50%;
height: 100%;
background: #fff;
}

.backLeft {
position: absolute;
left: 0;
width: 50%;
height: 100%;
background: #fff;
}

#back {
width: 100%;
height: 100%;
position: absolute;
z-index: -999;
}

.canvas-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}

/*Background Animation*/






/**************************************************************/


#lab {
/* width: 1000px; */
overflow: hidden;
/* padding-bottom: 70px; */
position: relative;
margin: 0 auto;
/* margin-bottom: 2.5em; */
/* background: rgb(236, 236, 236); */
-webkit-transition: all ease 500ms;
-moz-transition: all ease 500ms;
-o-transition: all ease 500ms;
-ms-transition: all ease 500ms;
transition: all ease 500ms;
padding: 7% 0px 20px 0px;
}


.beaker {
-webkit-filter: drop-shadow(#424242 0px 1px 0px);
border-bottom: 2em solid #FFF;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-radius: .5em;
height: 0;
width: 1em;
position: absolute;
right: 0.7em;
bottom: 22%;
font-size: 0.6em;
}

.beaker::before {
border-left: .25em solid #FFF;
border-radius: .25em;
border-right: .25em solid #FFF;
content: '';
height: .25em;
left: -.25em;
position: absolute;
top: -1em;
width: 1em;
}

.beaker::after {
border-left: .25em solid #FFF;
border-right: .25em solid #FFF;
content: '';
height: 1em;
left: 0;
position: absolute;
top: -1em;
width: .5em;
}

.sectionheader {
position: relative;
}

.lab_item {
width: 260px;
height: 275px;
position: relative;
display: inline-block;
}

.hexagon2 {
position: absolute;
width: 245px;
height: 380px;
top: -85px;
}

.hexagon {
overflow: hidden;
visibility: hidden;

-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
cursor: pointer;
}

.hexagon-in1 {
overflow: hidden;
width: 100%;
height: 100%;

-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}

.hexagon-in2 {
-webkit-box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);
box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);
overflow: hidden;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;

-webkit-background-size: 125%;
-moz-background-size: 125%;
background-size: 125%;
visibility: visible;

-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.hexagon-in2:hover {
-webkit-box-shadow: inset 0 0 0 0px #B0DAD4;
box-shadow: inset 0 0 0 0px #B0DAD4;
}

#lab article {
padding-top: 1em;
width: 1060px;
margin: 0 auto;
}

.lab_item:nth-child(7n-2) {
margin-left: 130px;
}

.lab_item:nth-child(n+5) {
margin-top: -55px;
}

@media (max-width: 1015px) {
#lab {
width: 100%;
}

}

@media (max-width: 820px) {
.lab_item:nth-child(5n-1) {
margin-left: 102px;
}

.lab_item:nth-child(n+4) {
margin-top: -62px;
}

.lab_item:nth-child(7n-2) {
margin-left: 0px;
}

.lab_item:nth-child(n+5) {
margin-top: -56px;
}

#lab article {
width: 610px;
}

}

@media (max-width: 640px) {
#lab article {
width: 405px;
}

.lab_item:nth-child(5n-1) {
margin-left: 0px;
}

.lab_item:nth-child(3n) {
margin-left: 102px;
}

.lab_item:nth-child(n+3) {
margin-top: -56px;
}

}

@media (max-width: 450px) {
#lab article {
width: 300px;
}

.lab_item:nth-child(3n) {
margin-left: 0px;
}

.lab_item:nth-child(2n) {
margin-left: 102px;
}

.lab_item:nth-child(n+2) {
margin-top: -56px;
}

}





/******************************************************************/
.history_grid {
margin-top: 6em;
}

.reservation_top {
background: #171717;
padding: 5em 0;
}


.history_grid h3{
font-size:18px;
text-transform:uppercase;
line-height:1.5em;
}
.history_grid p{
font-size:16px;
color:#fff;
line-height:25px;
/*margin:2em 0 1em;*/
text-align: justify;
padding-right: 15px;
}
.history_grid h3 {
color:#F94B4B;
}
.history_grid h3 a:hover{
color:#555;
text-decoration:none;
}


/******************************************************************/





#services{
padding: 30px 70px 20px 20px;


}



.service-block {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid #f1f1f1;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
height: 340px;
}


.service-block p {
font-size: 14px;
color: #666;
line-height: 1.4;
margin-bottom: 30px;
}



.service-block .icon.bg-df {
background-color: #09afdf;
color: #ffffff;
}

.service-block .service-block .icon {
margin-bottom: 10px;
}

.service-block img {
margin: 0 auto;
}




.service-block h3 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: center;
}



.service-block p {
clear: both;
margin-bottom: 15px;
}

.service-block .icon i {
position: relative;
z-index: 1;
transform: rotate(-45deg);
}






.service-block .divider {
width: 100%;
margin: 20px auto 15px;
position: relative;
height: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
background-color: #ddd;
}





.service-block ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.service-block ul li  {
padding: 8px 0;
text-decoration: none;
display: block;
border-bottom: 1px solid #eee;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.service-block ul li:first-child a {
padding-top: 0;
}

.service-block ul li a:hover {
padding-left: 8px;
}






/***********************************************/



#services1 {
/*background: #000 url(../images/services/bg_services.png);
background-size: cover;*/
}

#services1 .lead,
#services1 h2{
color: #fff;
}

.services1-wrap {
    padding: 20px 20px;
    /* background: #fff; */
    border-radius: 4px;
    margin: 0 0 40px;
}

.services1-wrap h3 {
    font-size: 18px;
    margin: 10px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #fff;
text-transform: uppercase;
}


.services1-wrap p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #fff;
}

.services1-wrap .pull-left {
margin-right: 10px;
}


#services1 .bg1{
background-color: #eb008b;
}

#services1 .bg2{
background-color:#ffa200 ;
}


#services1 .bg3{
background-color:#f3931f ;
}


#services1 .bg4{
background-color:#37bfd9 ;
}


#services1 .bg5{
background-color:#a3d14b ;
}


#services1 .bg6{
background-color:#9d6ba9 ;
}



/*****************************************/




.shadow1,
.shadow-narrow {
position: relative;
background-color: #fff;
}

.shadow-narrow::before,
.shadow1::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2;
}

.shadow-narrow::after,
.shadow1::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.shadow-narrow:hover::after,
.shadow1:hover::after {
bottom: 10px;
}


.shadow1 *,
.shadow-narrow * {
position: relative;
z-index: 3;
}


/********************************************************************/





#aboutus{
padding: 3em 40px 0px 50px;   
}

#aboutus p{
font-size: 16px;
line-height: 26px;
}




/*-- welcome section --*/
section.welcome {
position:relative;
background-color:#0abccf;
padding: 50px;

background: #BA5370;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #A8204B, #E76F13);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #A8204B, #E76F13); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}
section.welcome .wel {
border: 5px solid rgba(255, 255, 255, 0.39);
padding: 60px 40px 30px 30px;
}
section.welcome h3.text-center {
position: absolute;
background-color: #0abccf;
color: #fff;
left: 29%;
top: 2%;
padding: 0 16px;
font-size: 42px;
font-weight: 700;
text-transform: capitalize;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
background: #BA5370;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ba373a, #d85c21);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ba373a, #d85c21); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}	
section.welcome p.text-left {
/*-- agileits --*/
color:#fff;
font-size:18px;
font-weight:normal;
line-height:28px;
padding:0px;
}
/*-- welcome section --*/




/*****************************************************************************************/

#Our-Client{
padding: 80px 0px 90px 0px;    

}



.carousel {
margin-bottom: 0;
padding: 0 40px 0px 10px;
}
/* The controlsy */
.carousel-control {
left: -12px;
height: 40px;
width: 40px;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
margin-top: 90px;
}
.carousel-control.right {
right: -12px;
}
/* The indicators */
.carousel-indicators {
right: 50%;
top: auto;
bottom: -50px;
margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}


.call-action-style1 {
border: 1px solid #e8e8e8;
box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
-o-box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
-moz-box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
-webkit-box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
background-color: #fff;
}





.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #ffffff;
}

.list-unstyled li{
font-size: 11px;
    margin-bottom: -10px;
}



/***********************
********* Footer ******
************************/
#bottom {
background: #01426C;
border-top: 8px solid #FB5D16;
font-size: 14px;
padding: 50px 0px 0px 0px;
}

#bottom h3 {
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
font-size:22px;
color: #fff;
font-weight: 600;
}

#bottom ul {
list-style: none;
padding: 0;
margin: 0;
}

#bottom ul li {
display: block;
padding: 5px 0;
}

#bottom ul li a {
color: #fff;
font-size: 16px;
}

#bottom ul li a:hover {
color: #FB5D16;
}

#bottom .widget {
margin-bottom: 0;
}



#bottom .about-vfs-footer p{
color: #fff;
margin: 0 0 13px;
font-size: 16px;
}

#bottom .about-vfs-footer p a{
color: #fff;
}




#bottom .contact-wrap{


}


#bottom .contact-wrap input, textarea {
padding: 10px;
background-color: transparent;
border: 1px solid #ffffffc2;
width: 100%;
margin-top: 0px;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #fff;
outline: none;
border-radius: 0px;
}


#bottom .contact-wrap textarea.form-control {
height: auto;
background-color: transparent;
border: 1px solid #ffffffc2;
color: #fff;
border-radius: 0px;
}


#footer {
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
background: #000;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #c52d2f;
}

#footer ul {
list-style: none;
padding: 0px 30px 0px 0px;
margin: 0;
}

#footer ul > li {
display: inline-block;
margin-left: 10px;
}










/******************************************************/


.btn-system {
background-color: #ee3733;
}

.btn-system.border-btn {
border-color: #ee3733;
color: #ee3733;
}

.btn-system.border-btn:hover {
background-color: #ee3733;
}

.btn-system.border-btn.btn-wite:hover {
color: #ee3733;
}

.btn-system.btn-wite{
color: #ee3733;
}






/*************** Buttons ***************/

.btn {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.btn-system {
display: inline-block;
color: #fff;
margin-right: 5px;
font-weight: 300;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
border:0;
text-transform: uppercase;
font-weight: 400;
}

.btn-system:last-child {
margin-right: 0;
}

.btn-system {
font-size: 1em;
width: auto;
}

.btn-system.border-btn {
background-color: transparent;
border: 1px solid;
box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.btn-system:hover {
color: #fff;
opacity: 0.8;
}

.btn-system.border-btn:hover {
opacity: 1;
color: #fff;
}

.btn-system.border-btn.btn-gray:hover {
background-color: #444;
color: #fff;
}

.btn-system.border-btn.btn-black:hover {
background-color: #111;
color: #fff;
}

.btn-system.border-btn.btn-wite:hover {
background-color: #fff;
}

.btn-system.btn-gray {
background-color: #444;
}

.btn-system.btn-black {
background-color: #111;
}

.btn-system.btn-wite{
background-color: #fff;
}

.btn-system.border-btn.btn-gray {
background-color: transparent;
border: 1px solid #444;
color: #444;
}

.btn-system.border-btn.btn-black {
background-color: transparent;
border: 1px solid #111;
color: #111;
}

.btn-system.border-btn.btn-wite {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}

.btn-large {
font-size: 14px;
padding: 9px 22px;
}

.btn-medium {
font-size: 14px;
padding: 7px 18px;
}

.btn-small {
padding: 5px 15px;
}

.btn-mini {
padding: 3px 12px;
}

.btn-large.border-btn {
padding: 8px 22px;
}

.btn-medium.border-btn {
padding: 6px 18px;
}

.btn-small.border-btn {
padding: 4px 15px;
}

.btn-mini.border-btn {
padding: 2px 12px;
}





.hr5 {
height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.15), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.15), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.15), rgba(0,0,0,0));
}





/****************************/

/** Social Media  **/

/****************************/




#social {
margin: 20px 0px 20px 0px;
text-align: center;
}

.smGlobalBtn {
display: inline-block;
position: relative;
cursor: pointer;
width: 50px;
height: 50px;
border: 2px solid #ddd;
box-shadow: 0 3px 3px #0000009e;
padding: 0px;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 25px;
font-weight: normal;
line-height: 2em;
border-radius: 27px;
-moz-border-radius: 27px;
-webkit-border-radius: 27px;
margin: 0px 7px 0px 7px;}

/* facebook button class*/
.facebookBtn{
background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
font-family: "FontAwesome";
content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
color: #4060A5;
background: #fff;
border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
background: #00ABE3;
}

.twitterBtn:before{
font-family: "FontAwesome";
content: "\f099"; /* add twitter icon */

}

.twitterBtn:hover{
color: #00ABE3;
background: #fff;
border-color: #00ABE3;
}





/* Youtube button class*/
.youtubeBtn{
background: #cb2027;
}

.youtubeBtn:before{
font-family: "FontAwesome";
content: "\f167"; /* add pinterest icon */
}

.youtubeBtn:hover{
color: #cb2027;
background: #fff;
border-color: #cb2027;
}



/* google plus button class*/
.googleplusBtn{
background: #e64522;
}

.googleplusBtn:before{
font-family: "FontAwesome";
content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
color: #e64522;
background: #fff;
border-color: #e64522;
}

/* linkedin button class*/
.linkedinBtn{
background: #0094BC;
}

.linkedinBtn:before{
font-family: "FontAwesome";
content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
color: #0094BC;
background: #fff;
border-color: #0094BC;
}

/* pinterest button class*/
.pinterestBtn{
background: #cb2027;
}

.pinterestBtn:before{
font-family: "FontAwesome";
content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
color: #cb2027;
background: #fff;
border-color: #cb2027;
}

/* tumblr button class*/
.tumblrBtn{
background: #3a5876;
}

.tumblrBtn:before{
font-family: "FontAwesome";
content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
color: #3a5876;
background: #fff;
border-color: #3a5876;
}

/* rss button class*/
.rssBtn{
background: #e88845;
}

.rssBtn:before{
font-family: "FontAwesome";
content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
color: #e88845;
background: #fff;
border-color: #e88845;
}




/****************************/

/** Social Media END **/

/****************************/







/****************************/

/** Basic **/

/****************************/

.pa-0 {
padding: 0px !important;
}

.pa-5 {
padding: 5px !important;
}

.pa-10 {
padding: 10px !important;
}

.pa-15 {
padding: 15px !important;
}

.pa-20 {
padding: 20px !important;
}

.pa-25 {
padding: 25px !important;
}

.pa-30 {
padding: 30px !important;
}

.pt-0 {
padding-top: 0px !important;
}

.pt-5 {
padding-top: 5px !important;
}

.pt-10 {
padding-top: 10px !important;
}

.pt-15 {
padding-top: 15px !important;
}

.pt-20 {
padding-top: 20px !important;
}

.pt-25 {
padding-top: 25px !important;
}

.pt-30 {
padding-top: 30px !important;
}

.pt-35 {
padding-top: 35px !important;
}

.pt-40 {
padding-top: 40px !important;
}

.pt-45 {
padding-top: 45px !important;
}

.pt-50 {
padding-top: 50px !important;
}

.pb-0 {
padding-bottom: 0px !important;
}

.pb-5 {
padding-bottom: 5px !important;
}

.pb-10 {
padding-bottom: 10px !important;
}

.pb-15 {
padding-bottom: 15px !important;
}

.pb-20 {
padding-bottom: 20px !important;
}

.pb-25 {
padding-bottom: 25px !important;
}

.pb-30 {
padding-bottom: 30px !important;
}

.pb-35 {
padding-bottom: 35px !important;
}

.pb-40 {
padding-bottom: 40px !important;
}

.pb-45 {
padding-bottom: 45px !important;
}

.pb-50 {
padding-bottom: 50px !important;
}

.pl-0 {
padding-left: 0px !important;
}

.pl-5 {
padding-left: 5px !important;
}

.pl-10 {
padding-left: 10px !important;
}

.pl-15 {
padding-left: 15px !important;
}

.pl-20 {
padding-left: 20px !important;
}

.pl-25 {
padding-left: 25px !important;
}

.pl-30 {
padding-left: 30px !important;
}

.pl-35 {
padding-left: 35px !important;
}

.pl-40 {
padding-left: 40px !important;
}

.pl-45 {
padding-left: 45px !important;
}

.pl-50 {
padding-left: 50px !important;
}


.pl-60 {
padding-left: 60px !important;
}


.pl-100 {
padding-left: 100px !important;
}

.pr-0 {
padding-right: 0px !important;
}

.pr-5 {
padding-right: 5px !important;
}

.pr-10 {
padding-right: 10px !important;
}

.pr-15 {
padding-right: 15px !important;
}

.pr-20 {
padding-right: 20px !important;
}

.pr-25 {
padding-right: 25px !important;
}

.pr-30 {
padding-right: 30px !important;
}

.pr-35 {
padding-right: 35px !important;
}

.pr-40 {
padding-right: 40px !important;
}

.pr-45 {
padding-right: 45px !important;
}

.pr-50 {
padding-right: 50px !important;
}


.pr-60 {
padding-right: 60px !important;
}


.ma-0 {
margin: 0px !important;
}

.ma-5 {
margin: 5px !important;
}

.ma-10 {
margin: 10px !important;
}

.ma-15 {
margin: 15px !important;
}

.ma-20 {
margin: 20px !important;
}

.ma-25 {
margin: 25px !important;
}

.ma-30 {
margin: 30px !important;
}

.mt-0 {
margin-top: 0px !important;
}

.mt-5 {
margin-top: 5px !important;
}

.mt-10 {
margin-top: 10px !important;
}

.mt-15 {
margin-top: 15px !important;
}

.mt-20 {
margin-top: 20px !important;
}

.mt-25 {
margin-top: 25px !important;
}

.mt-30 {
margin-top: 30px !important;
}

.mt-35 {
margin-top: 35px !important;
}

.mt-40 {
margin-top: 40px !important;
}

.mt-45 {
margin-top: 45px !important;
}

.mt-50 {
margin-top: 50px !important;
}

.mt-55 {
margin-top: 55px !important;
}

.mt-60 {
margin-top: 60px !important;
}

.mt-65 {
margin-top: 65px !important;
}

.mt-70 {
margin-top: 70px !important;
}

.mt-75 {
margin-top: 75px !important;
}

.mt-80 {
margin-top: 80px !important;
}

.mt-85 {
margin-top: 85px !important;
}

.mt-90 {
margin-top: 90px !important;
}

.mt-95 {
margin-top: 95px !important;
}

.mb-0 {
margin-bottom: 0px !important;
}

.mb-5 {
margin-bottom: 5px !important;
}

.mb-10 {
margin-bottom: 10px !important;
}

.mb-15 {
margin-bottom: 15px !important;
}

.mb-20 {
margin-bottom: 20px !important;
}

.mb-25 {
margin-bottom: 25px !important;
}

.mb-30 {
margin-bottom: 30px !important;
}

.mb-35 {
margin-bottom: 35px !important;
}

.mb-40 {
margin-bottom: 40px !important;
}

.mb-45 {
margin-bottom: 45px !important;
}

.mb-50 {
margin-bottom: 50px !important;
}

.mb-55 {
margin-bottom: 55px !important;
}

.mb-60 {
margin-bottom: 60px !important;
}

.mb-65 {
margin-bottom: 65px !important;
}

.mb-70 {
margin-bottom: 70px !important;
}

.mb-75 {
margin-bottom: 75px !important;
}

.mb-80 {
margin-bottom: 80px !important;
}

.mb-85 {
margin-bottom: 85px !important;
}

.mb-90 {
margin-bottom: 90px !important;
}

.mb-95 {
margin-bottom: 95px !important;
}

.ml-0 {
margin-left: 0px !important;
}

.ml-5 {
margin-left: 5px !important;
}

.ml-10 {
margin-left: 10px !important;
}

.ml-15 {
margin-left: 15px !important;
}

.ml-20 {
margin-left: 20px !important;
}

.ml-25 {
margin-left: 25px !important;
}

.ml-30 {
margin-left: 30px !important;
}

.ml-35 {
margin-left: 35px !important;
}

.ml-40 {
margin-left: 40px !important;
}

.ml-45 {
margin-left: 45px !important;
}

.ml-50 {
margin-left: 50px !important;
}

.ml-55 {
margin-left: 55px !important;
}

.ml-60 {
margin-left: 60px !important;
}

.mr-0 {
margin-right: 0px !important;
}

.mr-5 {
margin-right: 5px !important;
}

.mr-10 {
margin-right: 10px !important;
}

.mr-15 {
margin-right: 15px !important;
}

.mr-20 {
margin-right: 20px !important;
}

.mr-25 {
margin-right: 25px !important;
}

.mr-30 {
margin-right: 30px !important;
}

.mr-35 {
margin-right: 35px !important;
}

.mr-40 {
margin-right: 40px !important;
}

.mr-45 {
margin-right: 45px !important;
}

.mr-50 {
margin-right: 50px !important;
}

.mr-55 {
margin-right: 55px !important;
}

.mr-60 {
margin-right: 60px !important;
}

.ml-auto {
margin-left: auto !important;
}

.mr-auto {
margin-right: auto !important;
}

.no-float {
float: none !important;
}

.overflow-hide {
overflow: hidden !important;
}

.clearfix {
overflow: hidden;
clear: both;
float: none;
}

.preloader-it {
background: #fff;
position: fixed;
z-index: 10001;
height: 100%;
width: 100%;
overflow: hidden;
}

.text-right {
text-align: right !important;
}

.text-left {
text-align: left !important;
}

.bg-green {
background: #2ecd99 !important;
}

.bg-grey {
background: #878787 !important;
}

.bg-yellow {
background: #f0c541 !important;
}

.bg-red {
background: #ed6f56 !important;
}

.bg-blue {
background: #4e9de6 !important;
}

.bg-pink {
background: #f1a1c7 !important;
}

.bg-light {
background: #fff !important;
}

.bg-dark {
background: #212121 !important;
}

.bg-twitter {
background: #00aced !important;
}

.txt-dark {
color: #212121 !important;
}

.txt-light {
color: #fff !important;
}

.txt-grey {
color: #878787 !important;
}

.txt-light-grey {
color: #dedede !important;
}

.txt-info,
.text-info {
color: #f1a1c7 !important;
}

.txt-warning,
.text-warning {
color: #f0c541 !important;
}

.txt-primary,
.text-primary {
color: #4e9de6 !important;
}

.txt-success,
.text-success {
color: #2ecd99 !important;
}

.txt-danger,
.text-danger {
color: #ed6f56 !important;
}

.font-10 {
font-size: 10px !important;
}

.font-11 {
font-size: 11px !important;
}

.font-12 {
font-size: 12px !important;
}

.font-13 {
font-size: 13px !important;
}

.font-15 {
font-size: 15px !important;
}

.font-16 {
font-size: 16px !important;
}

.font-18 {
font-size: 18px !important;
}

.font-20 {
font-size: 20px !important;
}

.font-21 {
font-size: 21px !important;
}

.font-22 {
font-size: 22px !important;
}

.font-24 {
font-size: 24px !important;
}

.weight-500 {
font-weight: 500 !important;
}

.weight-600 {
font-weight: 600 !important;
}

.head-font {
font-family: "Poppins", sans-serif !important;
}

.main-font {
font-family: "Poppins", sans-serif !important;
}

.capitalize-font {
text-transform: capitalize !important;
}

.uppercase-font {
text-transform: uppercase !important;
}

.nonecase-font {
text-transform: none !important;
}

.inline-block {
display: inline-block !important;
}

.block {
display: block !important;
}

.table-struct {
display: table !important;
}

.table-cell {
display: table-cell !important;
}

.vertical-align-middle {
vertical-align: middle !important;
}

.full-width {
width: 100% !important;
}

.half-width {
width: 50% !important;
}

.auto-width {
width: auto !important;
}

.relative {
position: relative !important;
}

.border-none {
border: none !important;
}

small {
color: #878787;
padding-left: 5px;
}

.text-muted {
color: #878787;
}

.truncate {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}