@font-face
{
font-family:CYLICOMB;
src: url('../fonts/Ubuntu-Bold.ttf');
}

@font-face
{
font-family:CYLICOM;
src: url('../fonts/Ubuntu-Regular.ttf');
}


@font-face
{
font-family:CYLICOML;
src: url('../fonts/Ubuntu-Light.ttf');
}

@font-face
{
font-family:CYLICOMI;
src: url('../fonts/Ubuntu-Italic.ttf');
}


@font-face
{
font-family:CYLICOMBI;
src: url('../fonts/Ubuntu-BoldItalic.ttf');
}





#evpwb{font-size:0px!important;}


@media only screen and (max-width:768px)
{
.m-boot-33{width:100%!important; float:left;  margin-top:30px;}

.m-boot-33-b {
    width: 100%!important;
    float: left;
    margin-left: 0%;
    min-height:0px!important;
  margin-top:30px;
}

.m-boot-67{width:100%!important; padding-left:5px; padding-right:5px; float:left; }


}




.m-boot-33{width:33%; float:left;}

.m-boot-33-b {
    width: 30%;
    float: left;
    margin-left: 1%;
    min-height: 330px;
    background: #f5f5f5;
    padding: 11px;
}
.m-boot-67{width:67%; padding-left:10px; padding-right:10px; float:left; }


h3.product {
    text-align: left;
    font-size: 16px;
    font-family: cylicomb;
    color: #000;
}

h3.product2 {
    text-align: right;
    font-size: 16px;
    font-family: cylicomb;
    color: #000;
}


p.section-desc2 {
    text-align: left;
    font-family: cylicom;
    margin: 0;
    font-size: 14px;
    color: #000;
    line-height: 150%;
}


hr.line {
    width: 50px;
    margin-left: 0px;
    border-top: 2px solid #000000;
    height: 3px;
}


hr.linefooter {
    width: 50px;
    margin-left: 0px;
    border-top: 2px solid #ffff;
    height: 3px;
}












/*mega menu ------------------------------------------------------------------------------------------------------------------------------------------ */
.dj-offcanvas-light .dj-offcanvas-top {
    background: #000000;
    text-align: right;
}



ul.dj-mobile-light li.dj-mobileitem > a {
    display: block;
    font-size: 14px;
    line-height: 1;
    background: #353535;
    color: #444444;
    text-decoration: none;
    padding: 20px 15px;
    cursor: pointer;
    border-top: 1px solid #e4e4e4;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}


.dj-offcanvas-effect-3.dj-offcanvas-open .dj-offcanvas {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    background: #000;
    /* opacity: 0.8; */
}


.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
    background: transparent!important;
    color: #fff;
    /* border-left-color: #46a5df; */
    /* background: rgb(56,172,231); */
    background: -moz-linear-gradient(top, rgba(56,172,231,1) 0%, rgba(22,129,209,1) 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,172,231,1)), color-stop(100%,rgba(22,129,209,1))); */
    /* background: -webkit-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%); */
    background: -o-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%);
    /* background: linear-gradient(to bottom, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ace7', endColorstr='#1681d1',GradientType=0 );
}


.dj-megamenu-default {
   
    font-family: cylicom!important;
   background:none!important;
}


.dj-megamenu-default li a.dj-up_a {
    font-size: 13px!important;
    font-weight: normal!important;
    color: #fff!important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    cursor: pointer;
    font-family: cylicomb;
    background: transparent;
    color: #fff;
    border-right: 0px solid #000!important;
    border-left: 0px solid #555!important;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    letter-spacing:3px;
}



.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
    background: transparent!important;
    color: #fff;
    font-size: 28px!important;
    margin-top: 10px;
}


.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color: #fff!important;
}



ul.dj-mobile-light li.dj-mobileitem:hover > a, ul.dj-mobile-light li.dj-mobileitem.active > a {
    background: #000!important;
    color: #fff!important;
    font-family: cylicom!important;
}


/*sub menu kouti ------------------------- */
.dj-megamenu-default li div.dj-subcol {background: #000;}


/*color sub items link ------------------------- */
.dj-megamenu-default li ul.dj-submenu > li > a {color: #fff!important;}


.dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {
    background:none!important;
    color: #fff;
}


/*border sub items link ------------------------- */
.dj-megamenu-default li ul.dj-submenu > li {
  
    border-top: 1px solid #ffffff!important;
}






/*mega menu ------------------------------------------------------------------------------------------------------------------------------------------------------ */



































.video-padd{padding:10px;}


div.rapid_contact_ex .textarea {
    max-width: 100%!important;
    background: #eee;
    border: none!important;
}



div.rapid_contact_ex .inputbox {
    max-width: 100%!important;
}







.velona{width:100%; max-width:150px;}
.velona2{width:100%; max-width:65px;}




a.mail-man:link{text-decoration:none; font-size:20px; color:#000!important; font-family:cylicom; float:left;}

a.mail-man:visited {text-decoration:none; font-size:20px; color:#000!important; font-family:cylicom; float:left;}

a.mail-man:hover {text-decoration:none; font-size:20px; color:#36404c!important; font-family:cylicom; float:left;

transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
 transition: background-color 1s ease-in-out;
  transition: background-color 1s ease;
}   





@media screen and (min-width:0px) and (max-width:991px) 
{

  .kouti-map{margin-top:100px;}

}


@media screen and (min-width:0px) and (max-width:768px) 
{
.social-m {
    display: none!important;
    
}

.az-counter-section-wrapper .az-counter-wrapper .az-counter-items span { font-size: 20px!important;}

}






@media screen and (min-width:992px) and (max-width:1127px) 
{
  
h4.box {
   
    font-size: 13px!important;
    LETTER-SPACING: 4PX!important;
   
}  
  
h4.kouti2 {
   
    font-size: 13px!important;
    LETTER-SPACING: 4PX!important;
   
}


input[type="email"] {
    height: 25px!important;
    background: #e8e8e8;
  outline:0!important;
}


input[type="text"] {
    height: 25px!important;
    background: #e8e8e8;
   outline:0!important;
}
  
  
  
  
  
  

}







input[type="email"] {
    height: 50px;
    background: #e8e8e8;
  outline:0!important;
}


input[type="text"] {
    height: 50px;
    background: #e8e8e8;
   outline:0!important;
}




















.acym_module_form input {
    cursor: pointer;
    max-width: 100%!important;
}



h4.kouti2{
margin-top:44px;
text-align: left!important;
    font-family: cylicom!important;
    color: #fff;
    font-size: 27px;
    LETTER-SPACING: 9PX;
    padding: 5px;
    text-shadow: 1px 1px #000;
}






.plaisio{border: 1px solid#ccc; padding: 5px;}


.services-right-text{padding-left:10px; padding-right:0px; }


.services-left-text{padding-right:10px; padding-left:0px;}

p.services {
    text-align: left;
    font-family: cylicom;
    font-size: 14px;
    color: #000;
    line-height:180%;
    padding-top:0px;
}



h3.service-title{font-family:cylicomb!important; font-size:16px!important; letter-spacing:3px!important; margin-top:6px!important;}









@media screen and (min-width:0px) and (max-width:991px) 
{
.services-right-text{padding-left:10px; padding-right:10px;}


.services-left-text{padding-left:10px; padding-right:10px;}
  
}






input {
    cursor: pointer;
    max-width:100%;
    border-bottom: 1px solid#fff!important;
    background: transparent;
}


/*bara effect */
nav {
    z-index:9000;
    position: fixed;
    top: 0;
    left: 0;
    height: 57px;
    width: 100%;
    background-color:#181818;
   opacity:0.6;
 
    transition: background-color 0.4s ease-out;
}
nav span {
  font-weight: 600;
  letter-spacing: .085em;
}

nav button {
  position: absolute;
  top: 0;
  transform: translateY(50%);
  right: 0;
  min-height: 1.5em;
  min-width: 80px;
  background-color: #eee;
  color:#36404c;
  border: 0px;
  border-radius: 2px;
  margin-right: 18px;
  text-transform: uppercase;
}

nav.scroll {
  background-color:#181818;
  opacity:0.8;
}

body > header {
  margin-top: 4.7em;
}


/*bara effect telos*/






























@media screen and (min-width:1800px) and (max-width:1919px) 
{

  
  
}




@media screen and (min-width:1700px) and (max-width:1799px) 
{

}



@media screen and (min-width:1600px) and (max-width:1699px) 
{

}



@media screen and (min-width:1500px) and (max-width:1599px) 
{

}



@media screen and (min-width:1400px) and (max-width:1499px) 
{

}



@media screen and (min-width:1281px) and (max-width:1399px) 
{

}



@media screen and (min-width:1200px) and (max-width:1280px) 
{

}



@media screen and (min-width:1100px) and (max-width:1199px) 
{

}



@media screen and (min-width:1024px) and (max-width:1099px) 
{

}


@media screen and (min-width:900px) and (max-width:1023px) 
{

  
}


@media screen and (min-width:830px) and (max-width:899px) 
{

  
}


@media screen and (min-width:768px) and (max-width:829px) 
{

  
}


@media screen and (min-width:0px) and (max-width:767px) 
{
h1.demo1{font-size:30px!important;} 
  
h2.demo1{font-size:20px!important;}  

  h3.synergasies {font-size: 50px!important;}

  .slide-desc-text-default .slide-title {font-size: 20px!important;}  

  .slider-down{margin-top:0px;}  
  
label.mobile_menu {margin-top: -3px!important;}   

  

.socialf{width:100%!important; height:110px;  float:left; }

.newsf{width:100%!important; height:110px;  float:left; }
.newsf1{margin-top:10px;}

.contactf{width:100%!important; height:110px;  float:left;  }

.copyf{width:100%!important; height:20px; float:left; }

.pat2 {margin-top: 20px!important; margin-left: 0px!important;}
.nav.unite-nav {margin-top: 2px;}  

.footerm {height: 509px!important;}     
  
  
}



h1.demo1{text-align: center!important; font-family: cylicomb!important; color:#282828; opacity: 0.9; font-size: 75px;}

h2.demo1 {text-align:center!important; font-family:cylicoml!important; color: #DAA520; font-size:37px; LETTER-SPACING:20PX; PADDING-TOP:35PX; PADDING-BOTTOM:20PX;}

h3.demo1 {text-align: left; font-family: cylicomb; font-size:20px;}

h3.synergasies{text-align: center!important; font-family: cylicomb!important; color: #797d83; opacity: 0.9; font-size: 100px;}

h4.box{text-align:left!important; font-family:cylicom!important; color:#fff; font-size:27px; LETTER-SPACING:9PX; padding:5px; text-shadow:1px 1px #000;}

p.excerpt{text-align:left; font-family:cylicom; font-size:13px; color:#fff; line-height:208%; padding-top:20px;}

p.demo2 {
    text-align: left;
    font-family: cylicom;
    font-size: 16px;
    color: #282828;
    line-height: 250%;
    padding-top: 70px;
    padding-left: 7px;
    padding-right: 7px;
  margin-left: 5px;
  margin-right: 5px;
}

p.contact {font-size:20px; font-family:cylicom; line-height:100%!important; padding:0!important; text-align:center!important; float:left; color:#000;}

h5.footer{color:#fff; font-family:cylicomb; font-size:13px;}

h6.footer{color:#fff; font-family:cylicoml; font-size:12px;}


.fakos{max-width:30px;}

.sign{width:175px; float:right;}

.dexia {float: right;}

.bar {opacity:0.8; width:100%; height:53px; position: fixed; top:0; z-index: 10000; background: #690000;}

.menu-m{float:left;}

.social-m {float: left; margin-top:20px; margin-left: 5px;}

.container-manos{width:100%; max-width:1170px; margin:0 auto;}

.az-client-section-wrapper{padding-top:200px; padding-bottom:200px;}


.panel {
    margin-bottom: 20px;
    background-color:transparent!important;
    border: 0px solid transparent!important;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05)!important;
    box-shadow: 0 0px 0px rgba(0,0,0,.05)!important;
}



.pat2 {
    z-index: 0;
    margin-top: 50px;
    margin-left: -88px;
    background: none;
    padding: 10px;
    border: 1px solid#000;
    width: 100%;
    height: auto;
    position: relative;
}

.pat2b {
    padding: 10px 10px 10px 10px;
    background-color: #690000;
    opacity: 0.9;
    color: #fff;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}


.slide-desc-bg-default {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#36404c!important;
    opacity: 0.7!important;
}


.btn-primary:hover {background:000;}

.az-mainborder-top, .az-mainborder-bottom {
    width: 100%;
    height: 60px;
    background-color: #797d83!important;
    opacity: 0.8;
    position: fixed;
    z-index: 10000;
}



button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    height: 50px;
    margin-left: 0px;
}




a.mailto:link{text-decoration:none; font-size:20px; color:#a0a0a0!important; font-family:cylicoml; float:left;}

a.mailto:visited {text-decoration:none; font-size:20px; color:#a0a0a0!important; font-family:cylicoml; float:left;}

a.mailto:hover {text-decoration:none; font-size:20px; color:#000!important; font-family:cylicoml; float:left;

transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
 transition: background-color 1s ease-in-out;
  transition: background-color 1s ease;
}   





a.parallax-more:link{text-decoration:none; font-size:16px; color:#fff!important; font-family:cylicombi; text-align:center;}

a.parallax-more:visited {text-decoration:none; font-size:16px; color:#fff!important; font-family:cylicombi; text-align:center;}


a.parallax-more:hover {text-decoration:none; font-size:16px; color:#fff!important; font-family:cylicombi; text-align:center;

transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
 transition: background-color 1s ease-in-out;
  transition: background-color 1s ease;
}   


[class^="pe-7s-"], [class*=" pe-7s-"] {float: left; font-size:20px;}


.pd1 {width:200px; margin:0 auto; margin-top:10px;}



a.pd2:link{text-decoration:none; font-size:13px; color:#fff!important; font-family:cylicomb; background-color:#690000; border:2px solid#fff; padding: 13px 25px 13px 25px; float:right;
letter-spacing:2px; margin-bottom:132px;
}

a.pd2:visited {font-size:13px; text-decoration:none underline; color:#000!important;  font-family:cylicomb; background-color:#690000; border:2px solid#fff; letter-spacing:2px; margin-bottom:132px;} 

a.pd2:hover { font-size:13px;text-decoration:none underline; color:#690000!important; background-color:#fff;   font-family:cylicomb; border:2px solid#690000; letter-spacing:2px; margin-bottom:132px;

transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
 transition: background-color 1s ease-in-out;
  transition: background-color 1s ease;
}   

a.pd2.active {font-size:13px; text-decoration:none underline; color:#fff!important;   font-family:cylicom; background-color:#000; border:1px solid#fff; letter-spacing:2px; margin-bottom:132px;} 

.top-social{margin-top:8px;}




.acymailing_module_form td {padding-bottom: 5px; padding-top: 4px;}



#loader-wrapper .loader-section {position:fixed; top:0; width:100%; height:100%; background:#36404c; z-index: 1000;}

.az-section{padding: 100px 0;}


.navigation-container{top:45%!important;}

.slide-desc-text-default .slide-title {
    font-size: 38px;
    color: #fff;
    font-family:cylicomli!important;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
}


.az-counter-section-wrapper .az-counter-wrapper .az-counter-items span{
    font-family: cylicombi;
    font-size: 33px;
    font-weight: 100;
    color: #DAA520;
    text-transform: uppercase;
    margin-bottom: 0;
  letter-spacing:4px;
}


.az-homepage-one .az-client-section-wrapper {
    padding-bottom: 300px;
    padding-top: 300px;
    overflow: hidden;
    background: #222;
}



hr.title {
    border: solid #7d7d7d;
    border-width: 1px;
    width: 50px;
    /* margin: 0 auto; */
    margin-left: 0px!important;
}


#loader span{
    font-family: 'cylicomb';
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
    text-align: center;
    letter-spacing: 8px;
    padding-left: 8px;
}



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


.footerm {width: 100%;height: 200px;padding: 60px;background:#181818;}


/* ---------------------------------- BOX EFFECT -------------------------------------*/
.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px 0%;
	
	background:none;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	
}

.grid figure figcaption {
	padding-top: 2em;
	color: #fff;
	
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
  font-family: cylicom;
}



/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background:none!important;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.9;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
    text-align: left!important;
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    color: #fff;
    font-family: cylicoml;
    letter-spacing: 3px;
    font-size: 40px;
    padding-left: 10px;
    text-shadow: 1px 1px #000;
}





figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}




a {
	outline: none;
	color: #3498db;
	text-decoration: none;
}

a:hover, a:focus {
	color: #528cb3;
}


.content {
	margin: 0 auto;
	max-width: 1000px;
}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}

.content > h2:first-child {
	padding-top: 0em;
}

/* Header */
.codrops-header {
	margin: 0 auto;
	padding: 4em 1em;
	text-align: center;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 800;
	font-size: 4em;
	line-height: 1.3;
}

.codrops-header h1 span {
	display: block;
	padding: 0 0 0.6em 0.1em;
	color: #74777b;
	font-weight: 300;
	font-size: 45%;
}

/* Demo links */
.codrops-demos {
	clear: both;
	padding: 1em 0 0;
	text-align: center;
}

.content + .codrops-demos {
	padding-top: 5em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0 5px;
	padding: 1em 1.5em;
	text-transform: uppercase;
	font-weight: bold;
}

.codrops-demos a:hover,
.codrops-demos a:focus,
.codrops-demos a.current-demo {
	background: #3c414a;
	color: #fff;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 1em 2em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Related demos */
.related {
	clear: both;
	padding: 6em 1em;
	font-size: 120%;
}

.related > a {
	display: inline-block;
	margin: 20px 10px;
	padding: 25px;
	border: 1px solid #4f7f90;
	text-align: center;
}

.related a:hover {
	border-color: #39545e;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
}

@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}
/* ---------------------------------- TELOS BOX EFFECT -------------------------------------*/




/* ---------------------------------- Article toogle read more -------------------------------------*/


#toggle-view {
list-style:none;	
margin:0;
padding:0;
width:100%;
}
#toggle-view li {
position:relative;
cursor:pointer;
}
#toggle-view h3 {
margin:0;
font-size:14px;
}
#toggle-view span {
position:absolute;
right:5px; top:0;
color:#ccc;
font-size:13px;
}
#toggle-view .panel {
margin:5px 0;
display:none;
}	

.panel {
margin-bottom: 20px;
background-color: transparent!important;
border: 0px solid transparent!important;
border-radius: 0px; !important;
-webkit-box-shadow: none!important;
box-shadow: 0 0px 0px rgba(0, 0, 0, .05)!important; 
}


.back-pat {background-color: #3B3B3B; opacity: 0.9; margin-top: 80px; z-index: 0; margin-left: -45px; border: 2px solid#000000; 
}

.hover-bg {z-index:2;}


/* ---------------------------------- End Article toogle read more -------------------------------------*/





@font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=2.0.0"); src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
.ion-social-facebook:before, .ion-social-facebook-outline:before,.ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before

{ display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ion-social-facebook:before { content: "\f231"; }
.ion-social-instagram:before { content: "\f351"; }
.ion-social-twitter:before { content: "\f243"; }
.ion-social-googleplus:before { content: "\f235"; }





/*             RAPID                  */

.rapid_contact.form-control.inputbox.forma {
    width: 100%!important;
    background: #eee!important;
    padding: 4px;
    margin-bottom: 20px;
    border: none!important;
    height: 46px!important;
    font-family: cylicom!important;
    text-align: left!important;
    color: #000!important;
}


.rapid_contact .form-control {max-width: 100%!important;}

.rapid_contact_form { margin-top: 37px!important;}


.input-group {position: relative; width: 100%; display: table; border-collapse: separate;}

.rapid_contact.form-control.textarea.forma {border:none!important; background:#eee; width:100%; height:158px!important; margin-bottom:15px; font-family:cylicom; outline:0!important; color:#000!important;}



/*             RAPID END                 */







.btn-primary {
    background-color: #eee!important;
    background-image: none!important;
    color:#36404c;
    border-radius: 0px!important;
    font-size: 13px;
    margin-left: 0px;
    border: 0px solid:#fff!important;
    border-bottom: 0px solid#fff!important;
    border-top: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    font-family: cylicomb;
}




.btn-primary:hover {
    background-color:#36404c!important;
    background-image: none!important;
    color:fff;
    border-radius: 0px!important;
    font-size: 13px!important;
    margin-left: 0px;
    border: 0px solid:#fff!important;
    border-bottom: 0px solid#fff!important;
    border-top: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    font-family: cylicomb;
  transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
 transition: background-color 1s ease-in-out;
  transition: background-color 1s ease;
}






/* ------------------------ ------------ ------ menu ---------- ----------------------- -----------*/ 



.nav.unite-nav a, .nav.unite-nav a:link, .nav.unite-nav a:visited,  .nav.unite-nav a:focus {
    color: #fff!important;
    text-decoration: none;
    margin-top: 0px;
    letter-spacing: 1.8px!important;
    font-size: 12px!important;
    font-family: cylicomb;
    background: none!important;
   
}




.nav.unite-nav a:hover {
    color: #fff!important;
    text-decoration: none;
    margin-top: 0px;
    letter-spacing: 1.8px!important;
    font-size: 12px!important;
    font-family: cylicomb;
    background:#36404c!important;

    transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
 transition: background-color 1s ease-in-out;
  transition: background-color 1s ease;
}



.nav.unite-nav > li {
    display: inline-block;
    text-align: center;
    margin-left: 0px;
  /*
    border-left: 1px solid#fff;
   border-bottom: 1px solid#fff;
*/
}



.nav.unite-nav > li > ul li:hover {
    background-color:#36404c!important;
}



.nav.unite-nav > li.dropdown > a:after {
    content: " \f107";
    font-family: FontAwesome;
    color: #ffffff!important;
}


.nav.unite-nav > li > ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    list-style: none;
    top: 53px;
    background-color:#36404c!important;
    width: 200px;
    text-align: left;
    margin-top: 30px;
    padding: 0px;
    z-index: 99;
}

@media only screen and (max-width: 980px)
{
  
.dexia {MARGIN-TOP: 4PX;}  

label:after {
    position: absolute;
    top: 7px;
    right: 10px;
    content: "\2261";
    font-size: 30px;
    color: #fff;
}
  
  

.nav.unite-nav {margin-top: 31px;}  
  
  
.nav.unite-nav > li { border-left: 0px solid#fff;}
  
.nav.unite-nav {width: 180px!important;}  
  
}  

.nav.unite-nav {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    position: relative;
    padding: 0 0 0 4px;
    margin: 0;
    background-color:transparent!important;
    float: right!important;
}


.nav.unite-nav > li:hover > a {
    color: #fff!important;
}


a {
    color: #fff!important;
    text-decoration: none;
}
/* ------------------------ ------------ ------telos menu ----------           -----------*/ 







@media only screen and (max-width: 980px)
{  
  
label.mobile_menu {
    position: relative;
    display: block;
    width: 100%;
    background-color: transparent!important;
    padding: 10px 0;
    border-bottom: 0px solid white;
    float: right!important;
    margin-top:-3px;
}

.az-mainborder-top {
    width: 100%;
    height:57px!important;
    background-color: #fff;
    position: fixed;
    z-index: 10000;
}
  

.nav.unite-nav {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    position: relative;
    padding: 0 0 0 4px;
    margin: 0;
    background-color:#36404c!important;
    opacity: 0.8;
    float: left!important;
    margin-top: 14px;
    width: 165PX!important;
}
  
   
}




.footerm{width:100%; height:200px; padding:60px;}

.socialf{width:25%; height:110px;  float:left; }

.newsf{width:25%;height:110px;  float:left; }
.newsf1{margin-top:10px;}

.contactf{width:25%; height:110px;  float:left;  }

.copyf{width:25%; height:110px; float:left; }





hr.title {
    border: solid #7d7d7d;
    border-width: 1px;
    width: 50px;
    margin:0 auto;
  
}



#user_email_formAcymailing87721{border:none!important;}



input{border-top:none!important; border-left:none!important; border-right:none!important; text-align:center; border-bottom: 1px solid#000; width:100%;}



.fa-facebook:before {
    content: "\f09a";
    color: #fff;
}

.fa-twitter:before {
    content: "\f099";
   color: #fff;
}


.fa-google-plus:before {
    content: "\f0d5";
  color: #fff;
}


label.mobile_menu span {
    margin-left: 10px;
    color: black!important;
    display: none;
}


@media only screen and (max-width: 980px)
label:after {
    position: absolute;
    top: 0px;
    right: 10px;
    content: "\2261";
    font-size: 24px!important;
    font-weight: 100;
    color: #000!important;
}





.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 11px!important;
    font-size: 18px;
    line-height: 20px;
    max-width: 164px;
}

textarea{border-top:none!important; border-left:none!important; border-right:none!important; border-bottom:1px solid#000!important;  width:100%!important;}




.btn {
    display: inline-block;
    padding: 1px 12px!important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;

}




.control-label {display:none;}

.form-horizontal .controls {
	margin-left: 0px!important;
}


.input-80 {
    max-width: 100%!important;
    width:100%!important;
  border-top:none!important;
  border-left:none!important;
  border-right:none!important;
  color:#333131;
  font-family: cylicom;
    font-size: 14px;
}






#cloak42130{color:#000!important;}


a.cylicom:link{text-decoration:none; color:#000!important;}
a.cylicom:link {  font-size:11px; color:#000!important; font-weight:100!important;}    
a.cylicom:visited {text-decoration:none underline; color:#000!important;} 
a.cylicom:hover {text-decoration:none underline; color:#000!important;}   
a.cylicom.active {text-decoration:none underline; color:#000!important;} 


a.list:link{text-decoration:none; color:#333131!important;}
a.list:link {  font-size:13px; color:#333131!important;}    
a.list:visited {text-decoration:none underline; color:#333333!important;} 
a.list:hover {text-decoration:none underline; color:#333333!important;}   
a.list.active {text-decoration:none underline; color:#333333!important;} 



a.mailto:link{text-decoration:none; color:#7d7d7d!important;}
a.mailto:link {  font-size:13px; color:#7d7d7d!important;}    
a.mailto:visited {text-decoration:none underline; color:#7d7d7d!important;} 
a.mailto:hover {text-decoration:none underline; color:#7d7d7d!important;}   
a.mailto.active {text-decoration:none underline; color:#7d7d7d!important;} 




.foot-cont{float:left; letter-spacing:2px;     color: #333131!important;}



.nav-child unstyled small{background-color:#fff!important;}

.container-unite {
   width: 100%!important;
   
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #840202;
    /* padding: 0 15%; */
    width: 35%;
    margin-left: 10px;
}







/********************************************************
*                                                       *
*                       PRELOADER                       *
*                                                       *
*********************************************************/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.loaded #loader-wrapper{
}

#loader {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 2000;
    -webkit-transition: all 1s;
       -moz-transition: all 1s;
        -ms-transition: all 1s;
         -o-transition: all 1s;
            transition: all 1s;
}





#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateY(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(100%);  /* IE 9 */
            transform: translateY(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper {
    visibility: hidden;
}

.loaded #loader-wrapper {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.3s 1s ease-out;
            transition: all 0.3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


.no-js #loader-wrapper {
    display: none;
}



.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 1000000;
  position: fixed;
  margin: auto;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 200px;
  background: #393939;

  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #fff;
}

.pace.pace-inactive {
  display: none;
}

.loaded .pace{
    display: none !important;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */





/****************************\
        COUNTER SECTION PARALLAX1
\****************************/
.az-counter-section-wrapper{
    position: relative;
    overflow: hidden;
    background: url(../../../images/images/parallax1.jpg) no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}


.az-counter-section-wrapper2{
    position: relative;
    overflow: hidden;
    background: url(../../../images/images/parallax15.jpg) no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}


.az-counter-section-wrapper .az-dark-color-overlay{
    background-color: rgba(34,37,53,0.85);
}

.az-counter-section-wrapper2 .az-dark-color-overlay2{
    background-color: rgba(34,37,53,0.85);
}



.az-counter-section-wrapper .az-counter-wrapper{}

.az-counter-section-wrapper .az-counter-wrapper .az-counter-items{
    text-align: center;
}

.az-counter-section-wrapper .az-counter-wrapper .az-counter-items h3{
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    color: #ffffff;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px;
}











.az-counter-section-wrapper2 .az-counter-wrapper2{}

.az-counter-section-wrapper2 .az-counter-wrapper2 .az-counter-items2{
    text-align: center;
}

.az-counter-section-wrapper2 .az-counter-wrapper2 .az-counter-items2 h3{
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    color: #ffffff;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px;
}

.az-counter-section-wrapper2 .az-counter-wrapper2 .az-counter-items2 span{
    font-family: cylicom;
    font-size: 15px;
    font-weight: 100;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
  letter-spacing:4px;
}






/****************************\
        CLIENT SECTION
\****************************/


.az-homepage-one .az-client-section-wrapper .az-clients-logo-wrapper{
    width: 70%;
    margin: 0 15%;
}

.az-homepage-one .az-client-section-wrapper .az-row{
    display: block;
    overflow: visible;
}

.az-client-section-wrapper .az-row .az-clients-logo{
    position: relative;
    float: left;
    width: calc(100% / 3);
    overflow: hidden;
    text-align: center;
    padding: 30px 60px;
    height: 113px;
    margin-right: -1px;
    margin-bottom: -1px;
}

.az-client-section-wrapper .az-row .az-clients-logo:before{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.az-client-section-wrapper .az-row .az-clients-logo:after{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

.az-client-section-wrapper .az-row .az-clients-logo .az-clients-logo-inner:before{
   content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
}

.az-client-section-wrapper .az-row .az-clients-logo .az-clients-logo-inner:after{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.az-client-section-wrapper .az-row .az-clients-logo

.az-client-section-wrapper .az-row .az-clients-logo{}




/****************************\
      TESTIMONIAL SECTION
\****************************/
.az-testimonial-section-wrapper{
    position: relative;
    padding-bottom: 80px;
    overflow: hidden;
    background: url(../../../images/images/parallax2.jpg) no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}

.az-testimonial-section-wrapper .az-dark-color-overlay{
    background-color: rgba(34,37,53,0.85)
}

.az-testimonial-carousal{
    overflow: hidden;
}

.az-testimonial-carousal .az-testimonial-slides{
    text-align: center;
    padding: 0 100px;
}

.az-testimonial-carousal .az-testimonial-slides p{
    font-family: cylicombi;
    font-size: 14px;
    color: #ffffff;
    font-weight: 100;
    text-align: center;
    margin: 0 0 30px;
    display: block;
    overflow: hidden;
  letter-spacing:3px;
}

.az-testimonial-carousal .az-testimonial-slides span{
    font-family: cylicom;
    font-size: 15px;
    color: #ffffff;
    font-weight: 100;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    padding: 0 20px 0 28px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.az-testimonial-carousal .az-testimonial-slides span:before,
.az-testimonial-carousal .az-testimonial-slides span:after{
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    top: 7px;
    display: block;
    background-color: #ffffff;
}

.az-testimonial-carousal .az-testimonial-slides span:before{
    left: 0;
}

.az-testimonial-carousal .az-testimonial-slides span:after{
    right: 0;
}

/*
OWL PAGINATION
 */
.owl-carousel .owl-dots{
    text-align: center;
    margin-top: 10px;
}

.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}

.owl-carousel .owl-dots .owl-dot:last-child{
    margin-right: 0;
}

.owl-carousel .owl-dots .owl-dot span{
    width: 6px;
    height: 6px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(34,37,53,1);
    box-sizing: content-box;
}

.owl-carousel .owl-dots .owl-dot.active span{
    background-color: transparent;
    border: 1px solid #ffffff;
}


/*
DARK CAROUSAL
 */
.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides p{
    color: #7d7d7d;
}

.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides span{
    color: #1b1b1b;
}

.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides span:before,
.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides span:after{
    background-color: #000;
}

.owl-carousel.az-dark-carousal .owl-dots .owl-dot span{
    background-color: #000;
    border: 1px solid rgba(255,255,255,1);
}

.owl-carousel.az-dark-carousal .owl-dots .owl-dot.active span{
    background-color: transparent;
    border: 1px solid #000;
}




/*****************************************\
        FIXED FOOTER (GO TOP BTN)
\*****************************************/

  
  #scrollUp {
   
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #333131!IMPORTANT;
    line-height: 1;
    bottom: 170px;
    right: 10px;
    text-align: center;
    display: block !important;
}
  
  
   

#scrollUp i{
    font-size: 28px;
    display: block;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */

















img{
  max-width: 100%;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 60px!important;
    margin-right: auto;
    margin-left: auto;
}
.row {
   margin-right: -0px!important; 
  margin-left: -0px!important; 
}


.acymailing_fulldiv tr, .acymailing_fulldiv td {
    border: 0px;
    float: left;
}


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
































































/* Portfolio Section
===========================================*/
.f {min-height: 768px;}

#portfolio .large-box{
    height: 768px;
    overflow: hidden;
    -webkit-backface-visibility:hidden;
  border:0px solid#fff;
   background:#fff; 
}

#portfolio .manos-box {
    height: 396px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    border: 0px solid#fff;
    background: #fff;
}



.large-box img.img-responsive {
    max-width: 120%;
    -webkit-backface-visibility:hidden;
    transform: translateX(-50px) translateY(-50px);
    -webkit-transform: translateX(-50px) translateY(-50px);
    -moz-transform: translateX(-50px) translateY(-50px);
    -ms-transform: translateX(-50px) translateY(-50px);
    -o-transform: translateX(-50px) translateY(-50px);
}



.manos img.img-responsive {
    max-width: 120%;
    -webkit-backface-visibility:hidden;
    transform: translateX(-50px) translateY(-50px);
    -webkit-transform: translateX(-50px) translateY(-50px);
    -moz-transform: translateX(-50px) translateY(-50px);
    -ms-transform: translateX(-50px) translateY(-50px);
    -o-transform: translateX(-50px) translateY(-50px);
}


/* Portfolio Small Box - Hover Effects
===========================================*/


/* Portfolio Large Box - Hover Effects 
===========================================*/
.large-box .hover-bg { position: relative }
.large-box .hover-text {
    display: none;
    position: absolute;
    top: 0;
    padding: 13px 13px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}
.large-box:hover .hover-text.animated {
    display: block;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.large-box .hover-text.on { display: block }
.large-box .hover-text {
    background: #fff;
    color: #000;
    width: 100%;
    height: 100%;
    min-height: 560px;
  border:0px solid#fff;
  
}
.large-box a { color: #000; font-size:15px; }
.large-box .hover-text .ptitle {
    border: 1px solid #ffffff;
    padding: 2px 5px;
    width: 100%;
    font-size: 100%;
}

.large-box .hover-text .client-logo img {
    width: 120px;
    text-align: center;
}
.large-box .hover-text a.btn.read-more-btn {
    position: absolute;
    top: 500px;
    background: transparent;
    color: #222222 !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
}
.large-box a.btn.read-more-btn {
    background: transparent;
    color: #0b102c !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
    padding: 6px 0px;
}
.large-box .hover-text a.btn.read-more-btn span.fa { margin-right: 20px }































/* responsive !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


@media screen and (min-width: 1280px) and (max-width: 1499px) 
{

p.right {margin-right: 80px!important;}  
hr.right {margin-right:80px!important;}     

  
}

@media screen and (min-width: 1024px) and (max-width: 1279px) 
{
  
#portfolio .large-box {height: 500px!important;}
.box2{height: 500px!important;}  
.box2-black{height: 500px!important;}
     
p.right {margin-right: 80px!important;}    
hr.right {margin-right:80px!important;}  

 

  
}

@media screen and (min-width: 900px) and (max-width: 1023px) 
{

#portfolio .large-box {height: 400px!important;}
.box2{height: 400px!important;}  
.box2-black{height: 400px!important;} 
p.right {margin-right: 30px!important;}  
hr.right {margin-right:30px!important;}      
#myVideo {width: auto!important;}  


}

@media screen and (min-width: 768px) and (max-width: 899px) 
{
  
#portfolio .large-box {height: 400px!important;}
.box2{height: 400px!important;}  
.box2-black{height: 400px!important;}

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


}


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


.portfolio {font-size: 36px!important; height:117px!important;}    
#portfolio .large-box {height: auto!important;}
.box2{height: auto!important; background:#fff!important;} 
.box2-black{height: auto!important; background:#fff!important;} 
   
p.right {margin-right: 15px!important;}  
hr.right {margin-right:15px!important;}    

  
}

@media screen and (min-width:0px) and (max-width: 599px) 
{


.portfolio {font-size: 36px!important; height:117px!important;}      
#portfolio .large-box {height: auto!important;}
.box2{height: auto!important;  background:#fff!important;}   
.box2-black{height: auto!important;  background:#fff!important;}  

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


    
}




@media screen and (max-width: 1279px) and (min-width: 1024px)
{  
#portfolio .large-box {
    height: 500px!important;
}
.f { min-height: 500px!important;}
}


@media screen and (max-width: 1023px) and (min-width: 900px)
{  
#portfolio .large-box {height: 400px!important;}
.f { min-height: 400px!important;}
}

@media screen and (max-width: 889px) and (min-width: 768px)
{  
#portfolio .large-box {height: 400px!important;}
.f { min-height: 400px!important;}
}




@media screen and (max-width: 767px) and (min-width:0px)
{  
#portfolio .large-box {height: auto!important;}

.f { height: auto!important;}
  
}


/* end responsive  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/