/* Remove the navbar's default margin-bottom and rounded borders */ 

	
      .navbar-inverse{background: #f4f4f2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4f4f2 4%, #ededed 26%, #0090db 47%, #0090db 47%, #0090db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4f4f2 4%,#ededed 26%,#0090db 47%,#0090db 47%,#0090db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4f4f2 4%,#ededed 26%,#0090db 47%,#0090db 47%,#0090db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f2', endColorstr='#0090db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	 .navbar-inverse{padding:10px;}
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
	.navbar-inverse .navbar-nav>li>a{color:#fff; font-size:14px; letter-spacing:1px;}
	.navbar-inverse .navbar-nav>li>a:hover{color:#000; font-size:14px; letter-spacing:1px;}
	
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {

    color: #777;
    background-color: #057099;}
	
	.navbar-brand{padding:0px 0px 30px 0px;}
	
	.category-2-column:hover{box-shadow:2px 2px 2px orange;}
    
    
	.navbar-nav > li > .dropdown-menu {margin-top:10px;}
	.panel li a{font-size:16px; transition:all 0.5s easy-in; letter-spacing:1px;} .panel li a:hover{color:#f00;} .btn-lg:hover{color:#f00; font-size:17px; letter-spacing:2px;}
    
 
    /* Set black background color, white text and some padding */
    .globalFooterRegion {
      background: #f4f4f2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4f4f2 4%, #ededed 26%, #0090db 47%, #0090db 47%, #0090db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4f4f2 4%,#ededed 26%,#0090db 47%,#0090db 47%,#0090db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4f4f2 4%,#ededed 26%,#0090db 47%,#0090db 47%,#0090db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f2', endColorstr='#0090db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
      padding: 0px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      
    }
    
    /*Sliding form styles*/
       
       #slider{
           width:500px;
           top:139px;
           position:fixed;
           z-index:99999999;
       }
        #slider-header h4{
            font-size:14px;
            margin:0 0 20px;
            text-transform:uppercase;
               }
        #slider-header{
            width:301px;
            position:absolute;
            right:0px;border:1px solid #d8d8d8;
            margin-left:40px;
            padding:20px;
            border-radius:3px;
            box-shadow:0 0 8px gray;
            z-index:99999999;
            background:#fff;
               }
        #sidebar{
            position:absolute;
            top:55px;left:153px;
            z-index:99999999;
            cursor:pointer;
       }
        #sidebar1{
            position:absolute;
            top:55px;left:153px;
            cursor:pointer;
       }
        
        #slider input{
            background-color:#fff;
            background-image:none;
            border:1px solid #ccc;
            border-right-width: 3px;
            border-bottom-width: 3px;
            border-radius:4px;
            box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
            color:#555;
            display:block;
            font-size:14px;
            height:30px;
            line-height:22px;
            padding:6px 10px;
            transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
            width:92%;
            margin:0px 0px 10px 13px;
       }
        #slider textarea{
            background-color:#fff;
            background-image:none;
            border:1px solid #ccc;
            border-right-width: 3px;
            border-bottom-width: 3px;
            border-radius:4px;
            box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
            color:#555;
            display:block;
            font-size:14px;
            padding:6px 10px;
            transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
            width:92%;
            margin:0px 0px 20px 13px;
       }
       
       #slider-header .btn-primary{
           background-color: #00597b;
		   margin-left:20px;
       }
       #slider-header .btn-primary:hover{color:#fff !important;}
       /*Sliding form styles ends here*/
	   
	   
/* css */

.test{
   border: 1px solid rgb(200, 200, 200);
   margin-right:0px; margin-bottom:10px;
}	

.page-header {width:100%; margin:20px 0px 0px 20px; padding:0px; background-color:#00597b;}
.page-header h1{ background-color:#545454; color:#fff; padding:10px; margin:0px 0px -2px 0px; border-radius:20px 20px 0px 0px; }

.stylish-panel {
    padding: 0px 0;
    text-align: center;
}
.stylish-panel > div > div{
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: 0.2s;
}
.stylish-panel > div:hover > div{
    margin-top: 10px;  margin-bottom: 10px;
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: rgba(200, 200, 200, 0.1);
    transition: 0.5s;
}

.stylish-panel > div:hover img {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.test img{
  width: 200px;
}	   


/* product page */

/*-----------------------------------------------------------------------------------*/
/*	GENERAL STYLING
/*-----------------------------------------------------------------------------------*/



.container {padding-left:0; padding-right:0;}

section {
	padding-top:60px;
	padding-bottom:50px;
}

.pos_relative {position:relative;}
.pos_relative .container {position:relative; z-index:3;}
.overlay {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: #2c3e50;
	opacity:0.7;
}

a, input, select, textarea {
	vertical-align:top;
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select:-moz-focusring {
    color: transparent;
	outline:none !important;
    text-shadow: 0 0 0 #000 !important;
	border:0 !important;
}

textarea {resize: none;}

img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100.1%;
	height:auto;
}

a {color:#2c3e50; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover, a:focus {text-decoration:none; color:#e74c3c;}

.clear {
	clear:both;
	height:0;
	font-size:0;
}


.margbot0 {margin-bottom:0 !important;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot35 {padding-bottom:35px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padtop0 {padding-top:0 !important;}

.padtop60 {padding-top:60px !important;}






/*-----------------------------------------------------------------------------------*/
/*	TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
hr {border-top:1px dotted #fff; }

ul, ol {padding:0; margin:0;}
li {padding:0; margin:0; list-style:none;}

p {margin:0 0 20px;}

.comment {
  background-color: blue;
  float: left;
  width: 100%;
  height: auto;
}

.commenter {
  float: left;
}


.comment-text-area {
  float: left;
  width:100%;
  height: auto; border:1px solid #bbbbbb; margin-bottom:20px;
  
}



.textinput {
  float:left;
  width: 100%;
  min-height: 35px;
  outline: none;
  resize: none;
  border: 1px solid #f0f0f0;
}



.title {padding-bottom:56px;}
.title h2 {
	vertical-align:top;
	margin-bottom:0;
	line-height:44px;
	font-size:60px;
}
.title p {
	vertical-align:top;
	margin:0;
	padding:10px 0 10px 20px;
	line-height:24px;
	font-size:22px;
	color:#666;
	border-left:8px solid #e74c3c;
}

.center {text-align:center;}
.right {text-align:right;}

.color_text {color:#e74c3c;}

/*-----------------------------------------------------------------------------------*/
/*	TEAM
/*-----------------------------------------------------------------------------------*/
#team {background-color:#016f99;}

#team .title h2 {color:#fff; padding:0px; margin:0px;}
#team .title p {color:#fff; border-left-color:#fff;}

.crewman_item {
	position:relative;
	background-color:#fff;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.crewman_item:hover {
	transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	box-shadow:0 10px 0 rgba(0,0,0,0.1);
}
.crewman_item .crewman_foto img {
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.crewman_item:hover .crewman_foto img {opacity:0;}
.crewman_descr { color:#000; z-index:9999;
	height:126px;
	padding:26px 0 20px;
	background-color:#fff;
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.crewman_item:hover .crewman_descr {
	padding-top:45px;
	transform:translateY(-270px);
	-o-transform:translateY(-270px);
	-ms-transform:translateY(-270px);
	-webkit-transform:translateY(-270px);
}
.crewman_name {
	padding-bottom:5px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:16px;
	color:#2c3e50;
}
.crewman_post {
	padding-bottom:32px;
	font-size:14px;
	color:#666;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.crewman_item:hover .crewman_post {padding-bottom:22px;}
.crewman_sep {
	width:100px;
	height:3px;
	margin:0 auto;
	background-color:#e74c3c;
}
.crewman_about {
	padding:25px 20px 40px;
	line-height:24px;
	font-size:0;
	opacity:0;
	background:#fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	
	transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
}
.crewman_item:hover .crewman_about {
	font-size:14px;
	opacity:1;
}
.crewman_social a { color:#000;
	overflow:hidden;
	position:relative;
	float:left;
	display:block;
	width:20%;
	height:54px;
	margin:0;
	line-height:54px;
	font-size:18px;
	color:#c1cdd0;
	background-color:#fff;
}
.crewman_social a:hover {color:#fff;}
.crewman_social a:before {
	content:'';
	position:absolute;
	z-index:0;
	left:0;
	top:100%;
	width:100%;
	height:100%;
	background-color:#cf4436;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.crewman_social a:hover:before {top:0;}
.crewman_social a i:before {
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	width:100%;
	height:54px;
	line-height:54px;
}











/*-----------------------------------------------------------------------------------*/
/*	WORKS
/*-----------------------------------------------------------------------------------*/
#works {background-color:#fff;}

#works_carousel .owl-item .item {margin:0 -15px;}

/* Navigation */
#works_carousel {position:relative;}
#works_carousel .owl-prev {display:none;}
#works_carousel .owl-next {
	position:absolute;
	top:-115px;
	right:0;
	width:70px;
	height:70px;
	background-color:#ecf0f1;
	cursor:pointer;
}
#works_carousel .owl-next:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:70px;
	background-image:url(../images/i1.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
}

#works_carousel .owl-next:hover:before {
	background-image:url(../images/i1_h.png);
	animation: 2s ease 0s normal none infinite load_btn;
	-webkit-animation: 2s ease 0s normal none infinite load_btn;
}

@-webkit-keyframes load_btn {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(180deg);}
}
@-moz-keyframes load_btn {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(180deg);}
}
@-o-keyframes load_btn {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(180deg);}
}
@-ms-keyframes load_btn {
	from {-ms-transform: rotate(0deg);}
	to {-ms-transform: rotate(180deg);}
}
@keyframes load_btn {
	from {transform: rotate(0deg);}
	to {transform: rotate(180deg);}
}


/* Work Item */
.work_item {
	overflow:hidden;
	position:relative;
	float:left;
	width:370px;
	margin:0 15px;
}
.work_description {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	height:100%;
	padding:58px 10px 59px;
	background-color:#e74c3c;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.work_item:hover .work_description {top:0;}
.work_description p {
	margin:0 0 5px;
	text-transform:uppercase;
	font-weight:900;
	font-size:16px;
	color:#fff;
	transform:translateY(300px);
	-o-transform:translateY(300px);
	-ms-transform:translateY(300px);
	-webkit-transform:translateY(300px);
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	
	transition-delay: 0.35s;
	-webkit-transition-delay: 0.35s;
}
.work_item:hover .work_description p {
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}
.work_description span {
	display:block;
	margin:0 0 35px;
	font-size:14px;
	color:#fff;
	transform:translateY(300px);
	-o-transform:translateY(300px);
	-ms-transform:translateY(300px);
	-webkit-transform:translateY(300px);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	
	transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
}
.work_item:hover .work_description span {
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}
.work_description_sep {
	width:100px;
	height:3px;
	margin:0 auto 40px;
	background-color:#fff;
	transform:translateY(300px);
	-o-transform:translateY(300px);
	-ms-transform:translateY(300px);
	-webkit-transform:translateY(300px);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	
	transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
}
.work_item:hover .work_description_sep {
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}
.work_description a {
	display:inline-block;
	margin:0 auto;
	padding:15px 22px;
	text-transform:uppercase;
	font-weight:900;
	font-size:12px;
	color:#333;
	background-color:#fff;
	transform:translateY(300px);
	-o-transform:translateY(300px);
	-ms-transform:translateY(300px);
	-webkit-transform:translateY(300px);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.work_description a:hover {
	color:#e74c3c;
	margin-top:-6px;
	margin-bottom:6px;
	box-shadow:0 6px 0 rgba(0,0,0,0.1);
}
.work_item:hover .work_description a {
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}









/*-----------------------------------------------------------------------------------*/
/*	CLIENTS
/*-----------------------------------------------------------------------------------*/

/* Navigation */
#clients_carousel {position:relative;}
.owl-pagination {
	position:absolute;
	z-index:300;
	right:10px;
	top:-84px;
	text-align:right;
	cursor:default;
}
.owl-pagination .owl-page {
	display:inline-block;
	vertical-align:top;
	margin:0 5px 0 6px;
}
.owl-pagination .owl-page span {
	display:block;
	vertical-align:top;
	width:16px;
	height:16px;
	border-radius:50%;
	box-shadow:0 0 0 3px #2c3e50 inset;
	font-size:0;
	cursor:pointer;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.owl-pagination .owl-page span:hover {opacity:0.6;}
.owl-pagination .owl-page.active span {
	box-shadow:0 0 0 9px #e74c3c inset;
	cursor:default;
}
.owl-pagination .owl-page span:hover {opacity:1;}


/* Clients Item */
h3.clients_title {
	margin:0 0 62px;
	text-transform:none;
	font-weight:400;
	line-height:36px;
	font-size:32px;
	color:#333;
}

#clients_carousel {
	margin:0 -15px;
	cursor:url(../images/client_cursor.png), auto;
}
#clients_carousel .client_img {
	position:relative;
	margin:0 15px;
	opacity:0.8;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#clients_carousel .client_img:hover {opacity:1;}










/*-----------------------------------------------------------------------------------*/
/*	TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
#testimonials {
	position:relative;
	border-bottom:3px solid #233242;
	background-color:#2c3e50;
}

.testimonials_wrapper {position:relative;}
.cbp-qtcontent {
	position:absolute;
	top:66px;
	width:100%;
	opacity:0;
	transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	-webkit-transform:scale(0);
	transition-delay: 0s !important;
	-webkit-transition-delay: 0s !important;
}
.cbp-qtcontent.cbp-qtcurrent {
	opacity:1;
	transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transition-delay: 0.5s !important;
	-webkit-transition-delay: 0.5s !important;
}

.cbp-qtprogress {
	position: absolute;
	z-index:1000;
	bottom:-3px;
	left:0;
	width: 0%;
	height:3px;
	background-color:#e74c3c;
}

#testimonials .cbp-qtrotator {
	padding:6px 0 11px;
	height:111px;
}

.testimonials_item .author_foto {
	float:left;
	margin:0 32px 5px 100px;
	box-shadow:6px 6px 0 #233242;
}
.testimonials_text { color:#fff;
	position:relative;
	padding-left:232px;
}
.testimonials_text:before {
	content:'Ã¢â‚¬Â';
	position:absolute;
	left:7px;
	top:87px;
	width:47px;
	height:45px;
	font-size:170px;
	color:#e74c3c;
}
.testimonials_text p {
	margin:1px 0 4px;
	line-height:36px;
	font-size:26px;
	color:#fff;
}
.testimonials_author {
	font-weight:700;
	font-size:14px;
	color:#ccc;
}
.testimonials_author span {color:#e74c3c;}









/*-----------------------------------------------------------------------------------*/
/*	NEWS
/*-----------------------------------------------------------------------------------*/
/* Navigation */
#news_carousel {position:relative;}
#news_carousel .owl-prev {display:none;}
#news_carousel .owl-next {
	position:absolute;
	top:-115px;
	right:0;
	width:70px;
	height:70px;
	background-color:#fff;
	cursor:pointer;
}
#news_carousel .owl-next:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:70px;
	background-image:url(../images/i1.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
}

#news_carousel .owl-next:hover:before {
	background-image:url(../images/i1_h.png);
	animation: 2s ease 0s normal none infinite load_btn;
	-webkit-animation: 2s ease 0s normal none infinite load_btn;
}

@-webkit-keyframes load_btn {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes load_btn {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(360deg);}
}
@-o-keyframes load_btn {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(360deg);}
}
@-ms-keyframes load_btn {
	from {-ms-transform: rotate(0deg);}
	to {-ms-transform: rotate(360deg);}
}
@keyframes load_btn {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}


.owl-carousel .owl-wrapper-outer {padding-top:10px;}
#news_carousel .item {margin:0 -15px;}
.recent_news_item {
	float:left;
	width:370px;
	margin:0 15px 6px;
	padding:25px 30px;
	background-color:#fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.recent_news_item:hover {
	box-shadow:0 10px 0 rgba(0,0,0,0.1);
	transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
}
.recent_news_date {
	padding-bottom:14px;
	font-weight:900;
	font-size:12px;
	color:#ccc;
}
.recent_news_title {
	position:relative;
	display:block;
	margin-bottom:20px;
	padding-bottom:28px;
	font-weight:700;
	line-height:24px;
	font-size:21px;
	color:#2c3e50;
}
.recent_news_item:hover .recent_news_title {color:#e74c3c;}
.recent_news_title:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:50px;
	height:3px;
	background-color:#e74c3c;
}
.recent_news_content {
	line-height:24px;
	font-size:14px;
}








/*-----------------------------------------------------------------------------------*/
/*	BUY THEME
/*-----------------------------------------------------------------------------------*/
#buy_theme {
	background-color:#e74c3c;
}
#buy_theme h3 {
	float:left;
	width:80%;
	margin:0;
	padding:16px 0 28px;
	text-transform:none;
	font-weight:400;
	line-height:36px;
	font-size:26px;
	color:#fff;
}
#buy_theme .btn {
	float:right;
	background-color:#d73c2c;
}







/*-----------------------------------------------------------------------------------*/
/*	BREADCRUMB
/*-----------------------------------------------------------------------------------*/
.breadcrumb {
	margin:0;
	padding:190px 0 20px;
	border-radius:0;
	background:none;
}
.breadcrumb h2 {
	display:block;
	vertical-align:top;
	margin-bottom:0;
	line-height:44px;
	font-size:60px;
}
.breadcrumb p {
	display:block;
	vertical-align:top;
	margin:0;
	padding:10px 0 10px 30px;
	line-height:24px;
	font-size:22px;
	color:#666;
	border-left:8px solid #e74c3c;
}
.breadcrumb a {
	display:block;
	vertical-align:top;
	margin:0;
	padding:10px 0 10px 30px;
	text-transform:uppercase;
	font-weight:900;
	line-height:24px;
	font-size:16px;
	border-left:8px solid #e74c3c;
}










/*-----------------------------------------------------------------------------------*/
/*	CONTACTS
/*-----------------------------------------------------------------------------------*/
#contacts {
	background-image:url(../images/contact_section.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

/* __________ Contact Info __________ */
.contact_info {padding:16px 0 60px;}
.contact_info i {
	display:inline-block;
	vertical-align:top;
	width:70px;
	height:70px;
	margin:0 auto 19px;
	line-height:70px;
	font-size:66px;
	color:#e74c3c;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_info div:hover i {
	transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
}
.contact_info p {
	margin:0;
	line-height:24px;
	color:#fff;
}
.contact_info .phone p {font-size:24px;}
.contact_info .address p {font-size:16px;}
.contact_info .email a {
	display:block;
	font-size:18px;
	color:#fff;
}
.contact_info .email a:hover {color:#e74c3c;}








/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
footer {background-color:#fff;}

footer .copyright {
	padding:40px 0;
	font-weight:300;
	line-height:20px;
	font-size:15px;
	color:#fff !important;
}











/*-----------------------------------------------------------------------------------*/
/*	SOCIAL BUTTONS
/*-----------------------------------------------------------------------------------*/
.social a {
	display:inline-block;
	margin:0 0 0 -3px;
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	font-size:24px;
	color:#c1cdd0;
}
.social a:hover {color:#fff;}
a.twitter:hover {background-color:#5ea9dd;}
a.facebook:hover {background-color:#4d72bf;}
a.linkedin:hover {background-color:#007bb6;}
a.pinterest:hover {background-color:#cc2127;}
a.flickr:hover {background-color:#ff0084;}

a.back_top {
	font-size:46px;
	background-color:#ecf0f1;
}
a.back_top:hover {background-color:#2c3e50;}







/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM
/*-----------------------------------------------------------------------------------*/
.contact_form textarea,
.contact_form input[type="text"] {
	width:100%;
	height:50px;
	margin:0 0 30px;
	padding: 12px 20px;
	text-transform:none;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	line-height:20px;
	font-size: 18px;
	color: #3b4e62;
	font-style:normal;
	border-radius: 0;	
	background: none;
	border: 3px solid #2c3e50;
	box-shadow: none;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_form textarea {
	overflow:hidden;
	min-height:124px;
	padding:12px 20px;
	resize: none;
	margin-top:0;
}

.contact_form textarea:focus,
.contact_form input:focus {
	outline: 0;
	box-shadow: none;
	color:#ecf0f1;
	border:3px solid #e74c3c;
	background:none;
}

.contact_form label {
	display:none;
	margin:5px 0 0;
	font-weight:400;
	font-size:12px;
	color:#fff;
}
.ie .contact_form label {display:block;}

.contact_form input[type="submit"] {
	display:block;
	cursor:pointer;
	width:250px;
	height:70px;
	margin:50px auto 0;
	padding:20px 28px 21px 93px;
	border: 0 !important;
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	line-height:20px;
	font-size:16px;
	color:#fff;
	background-color: #e74c3c;
	background-image:url(../images/submit_arrow.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_form input[type="submit"]:hover {
	background-color:#cf4436;
}



.notification_error {
	margin:0;
	padding:20px 15px;
	font-size:15px;
	color:#e74c3c;
}

.notification_ok {
	margin:30px 15px;
	padding:20px;
	font-size:15px;
	color:#fff;
	border:3px solid #fff;
}







/*-----------------------------------------------------------------------------------*/
/*	BLOG LIST
/*-----------------------------------------------------------------------------------*/
.blog_post {background-color:#fff;}
.blog_post_date {
	padding:25px 30px 6px;
	text-transform:uppercase;
	font-weight:900;
	font-size:12px;
	color:#ccc;
}
.blog_post_title {
	display:block;
	margin:0 30px 18px;
	font-weight:700;
	line-height:50px;
	font-size:36px;
}
.blog_post hr {
	width:50px;
	height:3px;
	margin:0 30px 22px;
	border:0;
	background-color:#e74c3c;
}
.left_picture.blog_post hr {margin-left:0;}
.blog_post_excerpt {
	padding:0 30px 9px;
	line-height:24px;
	font-size:14px;
}
.blog_post_details {padding:0 30px 25px;}
.blog_post .read_more_btn {
	text-transform:uppercase;
	font-weight:900;
	font-size:12px;
}
.blog_post_info li {
	position:relative;
	display:inline-block;
	margin-left:15px;
	padding-left:15px;
}
.blog_post_info li:before {
	content:'|';
	position:absolute;
	left:0;
	top:0;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#999;
}
.blog_post_info li:first-child:before {display:none;}
.blog_post_info li a {
	display:block;
	text-transform:uppercase;
	font-weight:900;
	font-size:12px;
	color:#999;
}
.blog_post_info li a:hover {color:#333;}
.blog_post_thumbnail {margin-bottom:30px;}


.blog_post_slider .flex-control-nav {
	padding-right:25px;
	text-align:right;
}
.blog_post_slider .flex-control-nav li a {box-shadow: 0 0 0 3px #fff inset}
.blog_post_slider .flex-control-nav li a.flex-active {box-shadow:0 0 0 10px #e74c3c inset;}

.left_picture .blog_post_thumbnail {margin:0 30px -25px 0;}
.left_picture .blog_post_thumbnail a {display:block;}

.blog_post_video {
	position:relative;
	height:433px;
}
.blog_post_video iframe {
	width:100%;
	height:100%;
}
.blog_post_video .video_button {
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
}
.blog_post_video .video_button a {
	left:50%;
	top:50%;
	margin:-57px 0 0 -57px;
}
.blog_post_video .video_button a.pause {
	top:100%;
	width:50px;
	height:50px;
	margin:-70px 0 0 -25px;
}
.blog_post_video .video_button a.pause:before {
	left:-8px;
	top:-8px;
	right:-8px;
	bottom:-8px;
}
.video_button a.pause:hover:after {
	left:-8px;
	top:-8px;
	right:-8px;
	bottom:-8px;
}
.blog_post_video .video_button a.pause i:before {
	width:50px;
	height:50px;
	line-height:50px;
	font-size:40px;
}

/* Audio Format */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;
}
 
.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 34px;
  height: 34px;
  top: 32px;
  left: 7px;
  background: transparent url('playpause.png') 0 0 no-repeat;
}
.mejs-controls .mejs-pause button { background-position: 0 -35px; }
  
  
/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
  width: 18px;
  height: 19px;
  top: 9px;
  right: 142px;
  background: transparent url('audio.png') 0 0;
}
.mejs-controls .mejs-unmute button { background-position: 0 -19px; }



/* Quotes Format */
#blog_masonry .quotes_format {
	position:relative;
	padding-top:84px;
	background-color:#2c3e50;
}
#blog_masonry .quotes_format:before {
	content:'Ã¢â‚¬Â';
	position:absolute;
	left:30px;
	top:60px;
	width:40px;
	height:40px;
	font-size:100px;
	color:rgba(255,255,255,0.1);
}
#blog_masonry .quotes_format .blog_post_title {
	line-height:28px;
	font-size:20px;
	color:#fff;
}
.quotes_format .read_more_btn {color:#4f5c69;}
.quotes_format .read_more_btn:hover {color:#e74c3c;}










/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sidepanel h3 {
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:16px;
	color:#2c3e50;
}
.sidepanel p {
	font-size:14px;
	line-height:24px;
}


/* Search Widget */
.widget_search form {
	position:relative;
	height:50px;
	padding:0;
}
.widget_search form:before {
	content:"\55";
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:50px;
	height:50px;
	font-family: 'ElegantIcons';
	font-weight:900;
	text-align:center;
	line-height:50px;
	font-size:16px;
	color:#e74c3c;
	cursor:default;
}
.widget_search form input[type='text'] {
	height:50px;
	width:100%;
	padding:15px 70px 15px 50px;
	font-size:14px;
	color:#999;
	border:0;
	box-shadow:none;
	background-color:#fff;
}
.widget_search form input[type='submit'] {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	border:0;
	box-shadow:none;
	background-color:#e74c3c;
	background-image:url(../images/seacrh_btn.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.widget_search form input[type='submit']:hover {
	background-position:0 -50px;
	background-color:#2c3e50;
}


/* Category Widget */
.widget_category {background-color:#fff;}
.widget_category a {
	position:relative;
	display:block;
	padding:16px 60px 14px 50px;
	text-transform:uppercase;
	font-weight:900;
	font-size:16px;
	border-bottom:1px solid #ecf0f1;
}
.widget_category li:last-child a {border-bottom:0;}
.widget_category a:before {
	content:'';
	position:absolute;
	left:30px;
	top:21px;
	width:3px;
	height:12px;
	background-color:#c1cdd0;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.widget_category a:hover:before {background-color:#e74c3c;}
.widget_category a span {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-weight:900;
	font-size:12px;
	color:#999;
	border-left:1px solid #ecf0f1;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.widget_category a:hover span {color:#e74c3c;}


/* Post Widget */
.widget_posts .nav-tabs {border:0;}
.widget_posts .nav-tabs li a {
	margin:0;
	padding:13px 28px 16px 29px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:16px;
	color:#2c3e50;
	border:0;
	border-top:3px solid transparent;
	border-radius:0;
}
.widget_posts .nav-tabs li a:hover {color:#e74c3c;}
.widget_posts .nav-tabs li.active a {
	color:#e74c3c;
	border:0;
	border-top:3px solid #e74c3c;
	background:#fff;
}
.widget_posts .tab-content {
	padding:28px 25px 35px;
	background-color:#fff;
}
.widget_news_item {
	margin-bottom:24px;
	padding-bottom:23px;
	border-bottom:1px solid #e9e9e9;
}
.widget_news_item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}


/* Tags Widget */
.widget_tags a {
	display:inline-block;
	margin:0 7px 10px 0;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#666;
	background-color:#fff;
}
.widget_tags a:hover {
	color:#fff;
	background-color:#e74c3c;
}


/* Image Teaser */
.widget_image {
	padding:26px 30px 30px;
	background-color:#fff;
}


.tab-link :hover{background-color:#f00; color:#fff;}




/*-----------------------------------------------------------------------------------*/
/*	BLOG MASONRY
/*-----------------------------------------------------------------------------------*/
#blog_masonry .blog_post_title {
	margin-bottom:24px;
	line-height:31px;
	font-size:26px;
}
#blog_masonry .blog_post_excerpt {padding-bottom:19px;}
#blog_masonry .audio_format .blog_post_thumbnail {margin-left:30px; margin-right:30px;}
#blog_masonry .audiojs .time {display:none;}
#blog_masonry .audiojs .scrubber {right:30px;}









/*-----------------------------------------------------------------------------------*/
/*	SINGLE BLOG POST
/*-----------------------------------------------------------------------------------*/
.single_blog_post {
	padding-top:25px;
	padding-bottom:22px;
	background-color:#fff;
}
.single_blog_post .blog_post_date {
	padding:0;
	color:#ccc;
}
.single_blog_post hr {
	width:50px;
	height:3px;
	margin:0 30px 22px;
	border:0;
	background-color:#e74c3c;
}
.blog_post_content {padding-left:30px; padding-right:30px;}
.blog_post_content p {
	margin-bottom:24px;
	line-height:24px;
	font-size:14px;
}


/* Share Links */
.share_links {padding-top:13px;}
.share_links p {
	float:left;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#2c3e50;
}
.share_links ul {
	float:right;
}
.share_links li {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 0 20px 31px;
	text-align:center;
}
.share_links li a {
	display:block;
	font-size:20px;
	color:#c1cdd0;
}
.share_links li a.twitter:hover {background:none; color:#5ea9dd;}
.share_links li a.facebook:hover {background:none; color:#4d72bf;}
.share_links li a.linkedin:hover {background:none; color:#007bb6;}
.share_links li a.dribbble:hover {background:none; color:#f26798;}
.share_links li a.pinterest:hover {background:none; color:#cc2127;}









/*-----------------------------------------------------------------------------------*/
/*	COMMENTS
/*-----------------------------------------------------------------------------------*/
#comments h3 {
	float:left;
	margin-bottom:30px;
	padding:16px 0 14px;
	line-height:40px;
	font-size:40px;
	color:#2c3e50;
}


#comments li {padding:0 0 10px 0;}
#comments ol li ul li {padding:10px 0 0 30px;}

#comments .comment_post {
	padding:30px;
	background-color:#fff;
}
#comments .avatar {
	float:left;
	display:block;
	margin-right:30px;
	width:100px;
	height:100px;
}
#comments .comment_right {
	float:left;
	width:580px;
	line-height:24px;
	font-size:14px;
}
#comments ol li ul li .comment_right {width:550px;}
.comment_info {
	margin-top:-5px;
	padding-bottom:7px;
}
.comment_author {
	display:inline-block;
	vertical-align:top;
	padding-right:3px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
}
.comment_date {
	display:inline-block;
	vertical-align:top;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#ccc;
}
.comment_reply {
	float:right;
	display:block;
	margin-top:-5px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#666;
}
.comment_reply:hover {color:#e74c3c;}
.comment_reply i {
	font-weight:900;
}



/* Comment Form */
.leave_comment {
	padding:46px 30px 30px;
	background-color:#fff;
}
.leave_comment h3 {
	margin-bottom:44px;
	line-height:40px;
	font-size:40px;
}

#comment_form textarea,
#comment_form input[type="text"] {
	margin:0 10px 10px 0;
	padding:12px 20px;
	width:228px;
	height:50px;
	border:3px solid #c1cdd0;
	text-transform:none;
	font-size:18px;
	color:rgba(44,62,80,0.5);
	background-color:#fff;
}
#comment_form input.last {margin-right:0;}
#comment_form textarea {
	min-height:160px;
	width:100%;
}
#comment_form input[type="submit"] {
	float:right;
	display:block;
	cursor:pointer;
	width:260px;
	height:70px;
	margin:20px 0 0;
	padding:20px 28px 21px 93px;
	border: 0;
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	line-height:20px;
	font-size:16px;
	color:#fff;
	background-color: #e74c3c;
	background-image:url(../images/submit_arrow.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#comment_form input[type="submit"]:hover {background-color:#cf4436;}

.leave_comment_note {
	float:left;
	padding-top:41px;
	font-size:14px;
}










/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO SINGLE
/*-----------------------------------------------------------------------------------*/
.portfolio_single_description {
	padding:24px 30px 38px;
	background-color:#fff;
}
.portfolio_single_cat {
	padding-bottom:5px;
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#ccc;
}
h2.portfolio_single_title {
	margin-bottom:19px;
	text-transform:none;
	font-weight:700;
	line-height:50px;
	font-size:40px;
}
.portfolio_single_description hr {
	width:50px;
	height:3px;
	margin:0 0 21px;
	border:0;
	background-color:#e74c3c;
}
.portfolio_single_description h3 {
	margin:0;
	text-transform:none;
	font-weight:400;
	line-height:36px;
	font-size:26px;
}
.portfolio_single_description {
	line-height:24px;
	font-size:14px;
}
.portfolio_single_description .share_links p {
	text-transform:uppercase;
	font-weight:900;
	line-height:20px;
	font-size:12px;
	color:#999;
}
.portfolio_single_description .share_links ul {float:left;}



/* Portfolio Type 2 */
#portfolio_single2 .portfolio_single_item {background-color:#fff;}
#portfolio_single2 .portfolio_single_item_slider {
	float:left;
	width:770px;
}
#portfolio_single2 .portfolio_single_description {
	float:left;
	width:400px;
}
#portfolio_single2 .portfolio_single_cat {padding-bottom:12px;}
#portfolio_single2 h2.portfolio_single_title {
	margin-bottom:22px;
	line-height:40px;
	font-size:32px;
}
#portfolio_single2 .portfolio_single_description h3 {
	line-height:30px;
	font-size:22px;
}
#portfolio_single2 .share_links ul {float:none;}
#portfolio_single2 .share_links ul li {
	margin-left:0;
	margin-right:20px;
}
#portfolio_single2 .portfolio_single_description .share_links p {float:none;}
#portfolio_single2 .share_links {padding-top:0;}



















/*-----------------------------------------------------------------------------------*/
/*	PAGE 404
/*-----------------------------------------------------------------------------------*/
.wrapper404 h2 {
	line-height:221px;
	font-size:200px;
}
.wrapper404 p {
	margin-bottom:34px;
	font-weight:700;
	line-height:40px;
	font-size:36px;
	color:#2c3e50;
}













/*-----------------------------------------------------------------------------------*/
/*	SERVICE PAGE
/*-----------------------------------------------------------------------------------*/
#our_service {
	margin:60px 0 0;
	padding:59px 0 0;
	background-color:#fff;
}
#our_service h3 {
	margin-bottom:18px;
	text-transform:none;
	font-weight:700;
	line-height:50px;
	font-size:36px;
}
#our_service hr {
	margin:0 0 19px;
	width:30px;
	height:3px;
	border:0 !important;
	background-color:#e74c3c;
}
#our_service h4 {
	margin-bottom:24px;
	text-transform:none;
	font-weight:400;
	line-height:36px;
	font-size:26px;
}
#our_service p {
	margin-bottom:33px;
	line-height:24px;
	font-size:14px;
}

/* Service List */
.flexslider.service_slider {overflow:visible;}
.service_list .flex-control-nav {bottom:165px; text-align:right;}


.service_list .nav-tabs {border:0;}
.service_list .nav-tabs li {
	width:270px;
	margin:0 30px 0 0;
}
.service_list .nav-tabs li a {
	position:relative;
	margin:0;
	padding:37px 5px 39px 23px;
	text-transform:none;
	font-weight:700;
	line-height:24px;
	font-size:21px;
	border:0 !important;
	border-radius:0;
	background-color:#ecf0f1;
}
.service_list .nav-tabs li a:hover,
.service_list .nav-tabs li.active a {
	color:#fff;
	background-color:#e74c3c;
}
.service_list .nav-tabs li a:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:0;
    height:0;
	opacity:0;
    border-bottom:20px solid rgba(0,0,0,0.15); 
    border-right:20px solid transparent;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.service_list .nav-tabs li a:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:0;
    height:0;
	opacity:0;
    border-top:20px solid #fff; 
    border-left:20px solid transparent;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.service_list .nav-tabs li a:hover:before,
.service_list .nav-tabs li.active a:before,
.service_list .nav-tabs li a:hover:after,
.service_list .nav-tabs li.active a:after {
	opacity:1;
}
.service_list .nav-tabs li a i {
	display:inline-block;
	vertical-align:middle;
	padding-right:28px;
	font-size:38px;
	color:#e74c3c;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.service_list .nav-tabs li a:hover i,
.service_list .nav-tabs li.active a i {
	color:#fff;
}


.service_list {padding-top:32px;}
.service_list .tab-content {padding-top:60px;}

.service_list .tab-content {
	position:relative;
}
.service_list_content {
	position:relative;
	z-index:3;
}
.service_list_img img {
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
}
















/*-----------------------------------------------------------------------------------*/
/*	STATISTICS
/*-----------------------------------------------------------------------------------*/
#statistics {background-color:#fff;}

.legend_title {
    display: block;
    margin: 0 0 20px;
	border:0;
    border-left-style: solid;
    border-left-width: 30px;
    padding: 0 0 0 20px;
	line-height:30px;
	font-size:18px;
}
#statistics .legend {padding-top:44px;}









/*-----------------------------------------------------------------------------------*/
/*	VIDEO BACKGROUND PAGE
/*-----------------------------------------------------------------------------------*/


/* Video Background Slider */
#video_background {position:relative;}

#video_background .container {
	position:relative;
	z-index:3;
}

#video_background .video_bg_overlay {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: #2c3e50;
	opacity:0.55;
}

/* Caption */
.top_slider3 .top_flex_caption1 {
	top:50%;
	width:100%;
	text-align:center;
	color:#fff;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.top_slider3 .top_flex_caption1 .title3 {margin-bottom:0;}

.top_slider3 .slider_btn {margin-top:52px;}


#video_player {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}



/* Recent Portfolio */
.portfolio_4col .portfolio_item_descr a {
	line-height:26px;
	font-size:22px;
}










/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	

}

@media (max-width: 1024px) {
	
	
	
	.title h2 {font-size:56px;}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	
	
	#about .about_description .btn {margin-bottom:10px;}
	
	
	
	
	
	.service_item span {font-size:13px; line-height:22px;}
	
	
	.work_item {width:303px;}
	
	
	.recent_news_item {width:303px;}
	
	
	#buy_theme h3 {width:75%; padding:0; line-height:32px;}
	
	
	.top_slider2 .slides li, .flexslider.top_slider2 .container {height:550px;}
	
	
	#doughnutChart, #pieChart {width:220px !important; height:200px !important;}
	#lineChart {width:480px !important; height:200px !important;}
	
	
	.blog_post_title {font-size:24px; line-height:28px;}
	.blog_post_excerpt {font-size:13px; line-height:22px;}
	
	
	.widget_posts .nav-tabs li a {font-size:15px; padding-left:16px; padding-right:16px;}
	
	
	#comments .comment_right {width:440px;}
	#comments ol li ul li .comment_right {width:410px;}
	
	
	#comment_form input[type="text"] {width:183px;}
	
	
	.place_work_table .tab-content li .job_col1 {width:230px;}
	.place_work_table .tab-content li .job_col3 {width:150px;}
	.place_work_table .tab-content li .job_col4 {width:130px;}
	
	
	.portfolio_item_descr a {font-size:22px; line-height:26px;}
	#portfolio4 .portfolio_item_descr a {font-size:16px; line-height:22px;}
	.portfolio_item_descr_mas a {font-size:22px; line-height:24px;}
	
	
	#portfolio_single2 .portfolio_single_item_slider {width:650px;}
	#portfolio_single2 .portfolio_single_description {width:320px;}
	#portfolio_single2 h2.portfolio_single_title {font-size:26px; line-height:28px;}
	#portfolio_single2 .portfolio_single_description h3 {font-size:18px; line-height:22px;}
	.portfolio_single_description {font-size:13px; line-height:22px;}
	
	
	.blog_post_video {height:359px;}
	
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	
	
	
	.about_services_item i {font-size:40px; height:60px; width:60px;}
	.about_services_item p {font-size:12px;}
	
	
	#video_section {height:330px;}
	.about_team_video, .presentation_video {width:270px;}
	.about_team_video, .presentation_video {font-size:34px; line-height:34px;}
	.about_team_video span, .presentation_video span {font-size:50px; line-height:50px;}
	
	
	.title h2 {font-size:50px;}
	.title p {padding-right:75px; font-size:16px; line-height:22px;}
	
	
	.work_item {width:200px; float:left;}
	.work_description {padding:10px 5px;}
	.work_item:hover .work_description a {transform:translateY(-25px); -o-transform:translateY(-25px); -ms-transform:translateY(-25px); -webkit-transform:translateY(-25px);}
	.work_item:hover .work_description_sep {transform:translateY(-15px); -o-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px);}
	
	
	h3.clients_title {padding-right:100px; font-size:28px; line-height:32px;}
	
	
	.testimonials_text p {font-size:16px; line-height:22px;}
	
	
	.recent_news_item {width:230px;}
	.recent_news_title {font-size:14px; line-height:20px;}
	.recent_news_content {font-size:12px; line-height:20px;}
	
	
	#buy_theme h3 {width:69%; padding:0;}
	
	
	.social a {width:65px; height:65px; line-height:65px;}
	footer .copyright {padding:22px 0;}
	
	
	.top_slider2 .slides li, .flexslider.top_slider2 .container {height:550px;}
	
	
	#video_report {padding:35px 0;}
	
	
	.blog_post_title {font-size:34px; line-height:40px;}
	
	
	#comments .comment_right {width:560px;}
	#comments ol li ul li .comment_right {width:530px;}
	
	
	#comment_form input[type="text"] {width:220px;}
	
	
	.place_work_table .nav-tabs li a {padding-left:25px; padding-right:25px;}
	.place_work_table .tab-content li .job_col1 {width:160px;}
	.place_work_table .tab-content li .job_title a {font-size:16px; line-height:22px;}
	.place_work_table .tab-content li .job_col2 {width:320px; padding-top:15px; padding-bottom:15px;}
	.place_work_table .tab-content li .job_col3 {width:100px;}
	.place_work_table .tab-content li .job_col4 {width:110px;}
	
	
	.breadcrumb h2 {font-size:40px;}
	
	
	#filter li a {font-size:14px; padding:13px 22px;}
	
	
	.portfolio_item_descr a {font-size:18px; line-height:22px;}
	
	
	#portfolio_single2 .portfolio_single_item_slider {width:100%; float:none;}
	#portfolio_single2 .portfolio_single_description {width:100%; float:none;}
	
	
	.service_list .tab-content {padding-top:30px;}
	#our_service h3 {font-size:32px; line-height:36px;}
	#our_service h4 {font-size:22px; line-height:26px;}
	#our_service p {font-size:12px; line-height:18px;}
	.service_list_img img {width:350px;}
	
	

}

@media (max-width: 767px) {
	
	.container {padding-left:10px; padding-right:10px;}
	
	
/*

/* __________ Index __________ */
	
	.menu_block {width:460px;}
	.logo {width:170px; padding:20px 0 20px 20px;}
	#top_search {width:66px; height:66px;}
	#top_search:before {width:66px; height:66px; line-height:66px;}
	#top_search input[type="text"] {right:66px; height:66px;}
	#top_search.active input[type="text"] {width:394px; font-size:20px; padding-top:20px; padding-bottom:20px;}
	
	
	
	
	
	#about .about_description .btn {margin-bottom:10px;}
	
	
	
	
	.title h2 {font-size:32px; line-height:44px; margin:0 0 10px;}
	.title p {font-size:14px;}
	
	
	.service_item span {font-size:12px; line-height:18px;}
	
	
	.crewman_item:hover .crewman_descr {transform:translateY(-200px); -o-transform:translateY(-200px); -ms-transform:translateY(-200px); -webkit-transform:translateY(-200px);}
	.crewman_item:hover .crewman_about {font-size:12px; line-height:18px;}
	
	
	.work_item {float:none; width:300px; margin:0 auto 10px;}
	
	
	.testimonials_item .author_foto {width:70px; margin-left:50px; margin-right:20px;}
	.testimonials_text:before {font-size:100px; top:50px;}
	.testimonials_text {padding-left:141px;}
	.testimonials_text p {font-size:14px; line-height:17px;}
	
	
	.recent_news_item {float:none; width:300px; margin:0 auto 10px;}
	
	
	#buy_theme h3 {float:none; width:100%;}
	
	
	.contact_info i {font-size:40px; line-height:40px; height:40px;}
	.contact_info .phone p {font-size:16px; line-height:20px;}
	.contact_info .address p {font-size:12px; line-height:17px;}
	.contact_info .email a {font-size:14px; line-height:20px;}
	
	
	.social {float:none !important;}
	.social a {width:16.5%; height:65px; line-height:65px;}
	footer .copyright {padding:22px 0; float:none !important; text-align:center;}
	
	
	
	
	
	.price_item_text {font-size:12px; padding-bottom:5px;}
	.price_item_cost {font-size:50px; line-height:70px;}
	.price_item_cost span {line-height:55px; font-size:16px;}
	.btn_purchase {font-size:14px; padding:20px 5px;}
	
	
	#doughnutChart, #pieChart {width:220px !important; height:200px !important;}
	#lineChart {width:480px !important; height:200px !important;}
	
	
	#video_report {padding:12px 0;}
	#video_report h2 {font-size:40px; line-height:40px;}
	#video_report p {font-size:18px; line-height:22px; margin:0 0 20px;}
	
	
	.breadcrumb {padding-top:140px;}
	.breadcrumb h2 {font-size:32px;}
	
	
	#blog {padding-top:30px;}
	.breadcrumb p {font-size:14px;}
	
	
	.blog_post_title {font-size:22px; line-height:24px;}
	.blog_post_excerpt {font-size:12px; line-height:20px;}
	.left_picture .blog_post_thumbnail {width:160px;}
	.left_picture .blog_post_excerpt {padding-left:190px;}
	.blog_post_thumbnail.single_img a {display:block; width:100%;}
	.blog_post_thumbnail.single_img img {width:100%;}
	
	
	#comments h3, .leave_comment h3 {font-size:26px;}
	
	
	#comments .avatar {width:70px; height:70px; margin-right:20px;}
	#comments .comment_right {width:300px; font-size:12px; line-height:17px;}
	.comment_reply {margin-top:0;}
	#comments ol li ul li .comment_right {width:280px;}
	.comment_date, .comment_author, .comment_reply {font-size:10px;}
	#comment_form input[type="text"] {width:124px;}
	.leave_comment_note {font-size:12px;}
	
	
	.join_our_team_text h3, .jobs_details_text h3 {font-size:26px; line-height:30px;}
	.join_our_team_text h4, .jobs_details_text h4 {font-size:22px; line-height:26px;}
	
	
	.place_work_table .nav-tabs li a {font-size:12px; padding:8px;}
	.place_work_table .tab-content li {padding:20px 0;}
	.place_work_table .tab-content li.job_header {display:none;}
	.place_work_table .tab-content li .job_col1, .place_work_table .tab-content li .job_col2, .place_work_table .tab-content li .job_col3, .place_work_table .tab-content li .job_col4 {width:100%; padding:0;}
	
	
	.jobs_details_right_column {float:none;}
	
	
	#filter li a {font-size:12px; padding:10px 20px;}
	#filter li a span {font-size:10px;}
	#portfolio3 .portfolio_block .element, #portfolio4 .portfolio_block .element {width:100%;}
	
	
	h2.portfolio_single_title, #portfolio_single2 h2.portfolio_single_title {font-size:32px; line-height:36px;}
	.portfolio_single_description h3, #portfolio_single2 .portfolio_single_description h3 {font-size:22px; line-height:26px;}
	#portfolio_single2 .portfolio_single_item_slider {float:none; width:100%;}
	
	
	#our_service h3 {font-size:26px; line-height:30px;}
	#our_service h4 {font-size:22px; line-height:26px;}
	.service_list_img img {width:310px; position:static;}
	
	
	#portfolio_single2 .portfolio_single_description {float:none; width:100%;}
	
	
	.top_slider4 .top_flex_caption1 {bottom:70px;}
	
	
}

@media (max-width: 479px) {


	
	
	
	
	
	
	
	.title p {padding:0 70px 0 20px; line-height:20px;}
	
	
	h3.clients_title {font-size:22px; line-height:26px;}
	
	
	.owl-pagination {top:-30px;}
	
	
	.testimonials_text p {font-size:10px; line-height:15px;}
	
	
	#buy_theme h3 {font-size:22px; line-height:26px;}
	
	
	.navmenu ul li a {line-height:17px;}
	
	
	#lineChart {width:300px !important;}
	
	
	#video_report h2 {font-size:30px; line-height:32px;}
	#video_report p {font-size:14px; line-height:20px;}
	
	
	.recent_news_item {padding:15px 20px;}
	.recent_news_title {font-size:16px; line-height:20px; padding-bottom:20px;}
	.recent_news_date {font-size:10px; padding-bottom:8px;}
	.recent_news_content {font-size:12px; line-height:20px;}
	
	
	#top_search.active input[type="text"] {width:235px;}
	
	
	.breadcrumb p {font-size:12px; padding-left:15px;}
	
	
	
	
	
	
	
	
	
	.join_our_team_text {background-size:100% auto; -webkit-background-size:100% auto;}
	.join_our_team_text h4, .jobs_details_text h4 {font-size:18px; line-height:22px;}
	
	
	#portfolio_masonry .element {width:100% !important;}
	
	
	.portfolio_single_description {font-size:12px; line-height:20px; padding:15px 20px 20px;}
	h2.portfolio_single_title, #portfolio_single2 h2.portfolio_single_title {font-size:26px; line-height:30px;}
	.portfolio_single_description h3, #portfolio_single2 .portfolio_single_description h3 {font-size:18px; line-height:24px;}
	
	
	#page404 {padding-top:110px;}
	.wrapper404 h2 {font-size:140px; line-height:120px;}
	.wrapper404 p {font-size:20px; line-height:24px;}
	
	
	.service_list .flex-control-nav {bottom:134px;}
	
	
	.blog_post_video {height:169px;}
	
	
	.top_slider4 .slider_btn {position:static;}
	


/* __________ Bootstrap Style __________ */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}

}

	ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}
		
		ul.tabs li:hover{
			background: #00597b; color:#fff; border-radius:5px 5px 0px 0px;
		}

		ul.tabs li.current{ border-radius:5px 5px 0px 0px;
			background: #00597b; color:#fff;
			
		}

		.tab-content{ color:#000;
			display: none;
			background: #ededed;
			padding: 15px ;
		}

		.tab-content.current{
			display: inherit;
		}
		
		
		.columns {width:100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0px 5px 5px 15px;
}

.column {
	flex: 1;
	border: 1px solid gray;
	margin: 2px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

.column:hover{box-shadow:1px 1px 1px #cdcdcd;}

table { 
    width:100%;
	border-collapse: collapse; 
	margin:-10px auto;
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #00597b; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}

	.button {
    transition:all 0.5s easy-in;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
	
.button:hover{color:#caefff;}
	
	
	
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/*@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	  	width: 100%; 
	}


	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		
		position: absolute;
	
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}
*/
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
    
}
.swing img {
   
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
  
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}


/* gallery */


@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}
	   
@media(max-width:768px) and (orientation : landscape){
	.new-and-events .category-2-column {margin:0px auto 0px auto; border-right:2px solid #cebbaa; height:auto}
}

@media(max-width:768px) and (orientation : portrait){
	.new-and-events .category-2-column {margin:0px auto 0px auto; border-right:2px solid #cebbaa; height:auto}
}
}