/*
FISPACE.EU ~ Business Collaboration 
File Type : Stylesheet
*/

/* FONTS*/

@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700|Open+Sans:300,400,700);


/* GENERAL */
html{
	font:300 16px 'Open Sans', sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; 
	height:100%;
}

body{
	margin:0; 
	padding:0;
	overflow-x: hidden;
	/*letter-spacing:0.8px;*/
}		

body,html{
	height: 100%;
}

*,body,html{ 
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.menubar *, footer *{
   -webkit-transition:all .6s;
   -moz-transition:all .6s;
   -o-transition:all .6s;
   transition:all .6s;
}

#___gcse_0 *{
    box-sizing: content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}

.gsc-search-box{width:300px !important; float:right; padding-left:5px; /*position:absolute; right:0; top:-90px; */}
    
a{text-decoration:none;}

.alignleft{text-align:left !important;}
.aligncenter{text-align:center !important;}
.alignright{text-align:right !important;}

.rightous{float:right; margin:15px 0 15px 15px}
.lefty{float:left; margin:15px 15px 15px 0}

.display-table{display:table !important}


/* HEADINGS */
h1{
	font:400 26px 'Exo 2', sans-serif;  
	padding:0 0 15px 0;
}

h1.apptitle{
    color: #e74c3c  !important;
    display: table;
    margin: 30px auto;
    font-size: 30px !important;
    text-align: center;
    padding: 3px 15px !important;
    border-radius: 3px;
}

h2{
	font: 300 24px  'Open Sans', sans-serif; 
	text-align:justify;
	color:#2980b9;
	margin:10px 0 0px 50px;
}

h3{
	font: 18px  'Open Sans', sans-serif;
	text-align:justify; 
	margin:10px 0 0px 80px; 
	text-transform:uppercase;
}

h4{
	font:26px 'Exo 2', sans-serif;  
	padding:0; 
	color:#a12d2d; 
	text-align:justify;
}

h5{
	font: 34px  'Open Sans', sans-serif;
	text-align:justify;
	color:red;
	margin:0 0 -40px 0;
	padding:0;
	text-transform:uppercase;
}

/* LOGO */
.custom-logo{
	float:left;
}
	
.custom-logo a{
	transition:background .1s ease,background .1s linear;
	-moz-transition:background .1s ease,background .1s linear;
	-o-transition:background .1s ease,background .1s linear;
	-webkit-transition:background .1s ease,background .1s linear;
	-ms-transition:background .1s ease .1s;
	float:none;
	display:block;
	text-indent:-999em;
	background:url(../images/logo.png) no-repeat; 
	width:265px; 
	height:66px; 
	margin:auto;
}

.custom-logo a:hover{
	background:url(../images/logo-hover.png)no-repeat;
}

.no-transform{text-transform: none;}

/* NAVIGATION */
#sticky{
	clear: right; 
	position:static;
	 float:right;
	 display:table;
	 padding-bottom:10px; 
	 border-radius:0 0 10px 10px; 
	 z-index:9999;
}

#sticky ul {
   z-index:1000;
   margin:0;
   padding: 10px 0 0 0; 
   position:relative;
}

#sticky ul li {
   display: inline;
   font-size:.9em;
   line-height:1.42857;
   padding:0 8px;
   float:left;
   position:relative;
   list-style-type:none;
}

#sticky ul li a {
   -webkit-transition:border-bottom-color 0.15s ease-in-out;
   -moz-transition:border-bottom-color 0.15s ease-in-out;
   -o-transition:border-bottom-color 0.15s ease-in-out;
   transition:border-bottom-color 0.15s ease-in-out;
   border-bottom:2px solid transparent;
   color:#415e6d;
   display:block;
   margin:0;
   padding:.6em .3em .4em;
   text-decoration:none;
   color:black ;
}

#sticky * {
   white-space: nowrap;
}

#sticky ul li.active a {
   border-bottom:2px solid #000;
}


#sticky ul li:hover a, #sticky ul li.hover a { 
   color:CornflowerBlue;
   border-bottom:2px solid #000;
}

#sticky ul ul {
   display:none;
   position:absolute;
   top:2.2em;
   padding-top:10px;
   z-index:9999;
   left:-1.2em;
   right:auto; 
   width:10em; 
}
#sticky ul ul li {
   left:auto;  
   margin:0; 
   clear:left;
   width:100%;
}

#sticky ul ul li a, #sticky ul li.active li a,#sticky ul li:hover ul li a, #sticky ul li.hover ul li a {
   font-size:.95em;
   font-weight:300;
   background:#3498db;
   color:white;
   line-height:1.4em; 
   border-bottom:1px solid #2980b9; 
}

#sticky ul ul li a:hover, #sticky ul li.active ul li a:hover, #sticky ul li:hover ul li a:hover, #sticky ul li.hover ul li a:hover { 
   background:tomato; 
   color:#fff;
}

#sticky ul ul.last {
   left:auto;
   right:0; 
}

#sticky ul li:hover ul, #sticky ul li.hover ul {
   display:table; 
}

.bututorial{text-align:left; margin:0 0 30px 35px !important}
.bututorial span{background-color:#1abc9c;padding:0px 12px; display:inline-table; border-radius:3px; font-size:80%;}
.bututorial span:hover {background-color:#16a085;}
.bututorial a{color:white !important;}

.pointer{cursor:pointer;}
.modal-detail{cursor:pointer;}

.screen{position:absolute;background-color: rgba(0, 0, 0, 0.7);top:0;right:0;bottom:0;left:0;z-index:9999;}
.screen .fa-close{position:absolute;right:10px; top:8px;}
.fimodal{position:relative;width:60%;margin:30px auto; background-color:white; padding:15px 0 15px 0; border-radius:5px;}
.fimodal b{display: block;}
.fimodal .applist{max-height:400px;width: 97%;margin: 20px auto; position:relative; overflow-y: auto;}
.fimodal .applist  ul{list-style:none; display:inline-table; width:31.5%;%; font-size:14px;}
.fimodal .applist  ul > li:first-child a{font-weight:700;color:#3498db !important;}
.fimodal .applist  ul > li{text-align:left;text-transform: capitalize;}
.fimodal .applist  ul > li:not(:first-child) > a{margin-bottom:5px;padding:5px;display:block;text-align: left;}
.fimodal .applist  ul > li:not(:first-child) > a:hover{background-color:#bdc3c7; color:white;}
.twitter-timeline{width:85% !important; display:table !important; margin:50px auto 0 auto !important; }
iframe.detail{margin-top:20px;}
.openup{background-color:tomato; padding:5px 10px; float:left; color:white !important; cursor:pointer; border-radius:3px; display:block;}
.webinar{border-style: solid;border-left-width: 12px; border-right-width:0px;border-top-width:0px;border-bottom-width:0px;display:table;width:100%;}
.webinar ul{margin-top:60px;}

/* ADDONS */
.aw-player {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin:10px;}
.aw-player .like{position: absolute; bottom:-10px; left:0;}
.aw-player iframe,.aw-player object,.aw-player embed {position: absolute; top: 0; left: 0; width: 100%; height: 90%;}
.infoi{color:grey; margin-left:30px;}
.google-search-result{position:relative; z-index: 9996; width: 80%;margin: 20px auto; background-color:transparent}
@media (min-width: 1300px){.aw-player{ width: 600px; height:400px;padding:0 0 0 0;  float:left; text-align:center}}

.fp7{
	margin: 10px auto !important;
	padding: 10px;
	font-size: 100%;
	color: #FFFFFF;
	border-top: 1px dashed #d14128;
	display: table;
}

.short-line{
	border-top:1px solid #666; 
	display:block; 
	margin:0 auto; 
	padding:0 0 10px 0;
}

ol li,ul li{text-align:left;}

.contrast-line{
	border-top:1px solid #666; 
	display:block; 
	margin:0 auto; 
	padding:0 0 10px 0;
}

.social-icons{
	padding:0;
	margin:0 auto;
	display:table;
}

.social-icons li{
	list-style:none; 
	width:44px; 
	height:44px; 
	background-image:url(../images/social-icons.png); 
	float:left; 
}
	
.twitter{background-position:0 0; } .twitter:hover{background-position:0 44px; }
.linkedin{background-position:44px 0;} .linkedin:hover{background-position:44px 88px;}
.facebook{background-position:88px 0;} .facebook:hover{background-position:88px 132px;}

.wiki{
    background-position:0 0;
    background-image:url(../images/dev-icon.png);
    width:20px; 
	height:20px;
    display: inline-block;
    margin-right: 10px;
} 

.wiki:hover{ 
    background-position:0 20px; 
}

::selection{ 
	background-color: tomato; 
	color: white; 
}
::-moz-selection{ 
	background-color: tomato; 
	color: white; 
}

::-webkit-scrollbar {
	width: 8px; 
	height:8px; 
}
::-webkit-scrollbar-track {
	background: #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
	border: 1px solid #D8D8D8
}

::-webkit-scrollbar-thumb {
	background: #3498db;
	-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb:active {
	background: #2980b9;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

.footer-label{
	background-color:#d14128; 
	color:white; 
	padding:5px
}

.footer-label:hover{
	background-color:white; 
	color:#c04645;
}

.go-up{
	margin-left:1%;
	display:inline-block;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #d14128;
}

.go-up:hover{
	border-bottom: 10px solid white;
}

.news-headings{clear:both; margin:3%}

.news-headings img{float:left; max-width:22%; height:auto; margin:0 1.5em 0 0; border-radius:5px;}



.detailed a{border-bottom:1px dotted #2b7ac4; color:#2b7ac4;}

.detailed a{border:0 !important;}

.detailed a:hover{border-bottom:1px solid #ce3d2a; color:#ce3d2a;}



.site-container{-webkit-transition:left 0.4s ease;-moz-transition:left 0.4s ease;-o-transition:left 0.4s ease;transition:left 0.4s ease;left:0;position:relative; height:100%; display: block;}

.site-container.js-open{left:-50%}

.site-header{ position:relative;display:block ;color:#FFF;width:100%; min-height:98%;}
#slideshow > div {
    width:100%;
	height:100%;
    position: absolute;
    top: 0px;
    left: 0px;	
	padding:0;
	margin:0;
	display:block;
}

#slideshow > .holder {position:absolute; z-index:2; width:100%; height:100%;}

#slideshow > div img {width:100%; height:100%;}

.gr{margin:0 auto;padding:0 20px;position:relative;max-width:1256px}

.scroll-down{position: absolute; bottom:0;left:0;right:0;margin:0 auto;width:3%; height:2.3%; z-index:12;}

header ol, header ul {list-style:none;}
section ul > li {text-align:justify;}

.menubar{padding:8px 0 5px 0; width:100%; position:relative; display:table; background-color: white;z-index:9999;border-bottom:1px #ccc solid;}

.display-block{display:block;}



.inside-wrapper{max-width: 1256px; margin:0 auto}
#introduction, .detailed, #conclusion{text-align:center; color:#555; margin:0 auto;display:table; width:100%;}
#introduction p, .detailed p, #conclusion p,#introduction article, .detailed article, #conclusion article,#introduction ul, .detailed ul, #conclusion ul,#introduction h1, .detailed h1, #conclusion h1,#introduction h2, .detailed h2, #conclusion h2{line-height:2em;}
#introduction, #conclusion{padding-bottom:50px}
#introduction p, .detailed p,#introduction article, .detailed article{text-align:justify; padding:5px 10px; }
#conclusion p{margin-top:60px}
#introduction{}
.sortapps{font-size: 14px;}
.sortapps h1{font: 400 18px 'Exo 2', sans-serif;padding: 0;color: #3498db;}

.detailed{background-color:#ecf0f1 /*url(../images/simply-gradient.png) repeat-x; background-size:100% 100%*/ ;color:#34495e;min-height: 400px;}

.detailed img ,#introduction img, #conclusion img{-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s; border:0;}	
.detailed img:hover ,#introduction img:hover, #conclusion img:hover{zoom: 1;filter: alpha(opacity=80);opacity: 0.8; }

#conclusion{background:tomato url(../images/simply-gradient.png) repeat-x; background-size:100% 100%;color:white; padding:20px 0 0 0; font-size:.8em;}

.main-button {
	margin-top:1%;
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:white !important;
	color:white !important;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.main-button:hover {
	-moz-box-shadow:inset 0px 39px 0px -24px #acacac;
	-webkit-box-shadow:inset 0px 39px 0px -24px #acacac;
	box-shadow:inset 0px 39px 0px -24px #acacac;
	background-color:#a0a0a0;
	text-shadow:0px 1px 0px #737373;
	color:white !important;
}
.main-button:active {
	position:relative;
	top:1px;
}

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

input.search{
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icons%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2218px%22%20height%3D%2217.8px%22%20viewBox%3D%220%200%2018%2017.8%22%20style%3D%22enable-background%3Anew%200%200%2018%2017.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%239F9E9F%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17.4%2C15.1l-3.8-3.8c0.7-1.1%2C1.2-2.5%2C1.2-3.9c0-4-3.3-7.3-7.3-7.3c-4%2C0-7.3%2C3.3-7.3%2C7.3c0%2C4%2C3.3%2C7.3%2C7.3%2C7.3%0D%0A%09c1.4%2C0%2C2.8-0.4%2C3.9-1.2l3.8%2C3.8c0.3%2C0.3%2C0.7%2C0.5%2C1.1%2C0.5c0.4%2C0%2C0.8-0.2%2C1.1-0.5C18%2C16.7%2C18%2C15.7%2C17.4%2C15.1z%20M2.2%2C7.4%0D%0A%09c0-2.9%2C2.3-5.2%2C5.2-5.2c2.9%2C0%2C5.2%2C2.3%2C5.2%2C5.2c0%2C2.9-2.3%2C5.2-5.2%2C5.2C4.6%2C12.6%2C2.2%2C10.2%2C2.2%2C7.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-color: white;
	border: 1px dashed #CCC;
	height:32px;
	font:16px Tahoma;
	text-align:center;
	padding: 7px;
	margin:0;
	position: relative;
	transition: .3s all ease-out;
	width: 9em;}

input.search:focus {
	background-position: 5% 50%;
	color: #333;
	outline: 5px solid #fff;
	padding: 7px 7px 7px 30px;
	transition: .3s all ease-out;
}

.login-button {
	position:relative;
	display: table;
	border-radius: 3px;
	text-align: center;
	color: white !important;
	font-size:130%;
	background-color: #3498db;
	margin: auto;
	margin-bottom:50px;
	padding: 15px 30px;
	z-index: 100;
}

.login-button:hover{
	background-color:#2980b9;
}


.clear{clear:both;}
.no-margin{margin:0}
.no-margin-left{margin-left:0}
.no-padding{padding:0  !important}
.margin-10{margin: 10px 10px;}
.padding-5{padding: 5px;}
.padding-10{padding: 10px !important;}
.padding-30{padding: 30px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-left-35{margin:0 0 0 35px}

@media only screen and (max-width: 1023px){html{font-size:93.75%} .gsc-search-box{display:none;}}

@media only screen and (max-width: portable){html{font-size:93.75%}}

@media only screen and (max-width: 1200px){#sticky ul>li{padding:0 15px}}

@media only screen and (max-width: 1023px){.search-login{padding-bottom: 5px;} #sticky{width:100%}

#sticky ul{float:none; margin:0 auto; display: table;}

#sticky ul>li{margin-bottom:12px}

}

@media only screen and (max-width: portable){.search-login{padding-bottom: 5px;} #sticky{width:100%}

#sticky ul{float:none; margin:0 auto; display: table;}

#sticky ul>li{margin-bottom:12px}

}

@media only screen and (max-width: 850px){#sticky{display:none}  #slideshow{display:none;} .site-header{min-height:inherit;} .aw-player {width:100%; float:none;}.fimodal{width:94%;margin:60px auto; padding:15px 0 15px 0;}.fimodal .applist > ul{width:100%;}}

@media only screen and (max-width: palm){#sticky{display:none} #slideshow{display:none;}  .site-header{min-height:inherit;} .aw-player {width:100%; float:none;}}

.nav-palm-handle{
	-webkit-transition:right 0.4s ease;
	-moz-transition:right 0.4s ease;
	-o-transition:right 0.4s ease;
	transition:right 0.4s ease;
	background:url(../images/large-button.png) center no-repeat;
	background-size:44px auto;
	cursor:pointer;
	display:none;
	height:44px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	top:5px;
	width:44px;
	z-index:99999}

.nav-palm-handle.js-open{right:50%}

.nav--palm{
	border-radius:0 0 0 15px;
	-webkit-transition:width 0.4s ease;
	-moz-transition:width 0.4s ease;
	-o-transition:width 0.4s ease;
	transition:width 0.4s ease;
	font-weight:500;
	float:right;
	height:100%;
	overflow:hidden;
	position:absolute;
	right:0;
	width:0;
	z-index:10; 
	background-color:#3dbad8;
}

.client{display:inline-block;text-align:center; width:33%; float:left;margin:0;}

.client > figcaption{display:block;}

.nav__items{padding:10px;}

.nav--palm.js-open{width:50%; position:fixed;}

.nav--palm .nav__item{font-size:16px;display:block;padding:0 0 20px}

.nav--palm .nav__item a{border-right:6px solid transparent;color:#FFF;display:block;padding:3px 12px 0;text-decoration:none}

.nav__item ul {list-style: none; padding-left: 15px;}

.nav__item ul > li {padding-top:8px; font-size:85%}

.nav--palm .nav__item--current a,.nav--palm .nav__item a:hover{color:#FFF !important;border-right-color:#FFF}

@media only screen and (max-width: 850px){.nav-palm-handle{display:block;position:fixed;}}

@media only screen and (max-width: palm){.nav-palm-handle{display:block}}

@media only screen and (max-width: 1023px){.menubar{height:auto}}

@media only screen and (max-width: portable){.menubar{height:auto}}

.figure-image{list-style:none;margin:50px 0 0;padding:0}

.figure-image span{
	position: absolute;
	z-index:1; 
	background-color:red; 
	width:25%; 
	color:white; 
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7; 
	padding:4px 0 4px 10px; 
	font-size:80%; 
	letter-spacing:2px; 
	text-shadow:1px 1px 1px black;
}

.figure-image img{display:block;float:left;position:relative;width:25%}

@media only screen and (max-width: 1023px){.figure-image>li, .figure-image img{width:100%; clear:both;} .client img{width:100%;}}

@media only screen and (max-width: portable){.figure-image>li, .figure-image img{width:100%; clear:both;} .client img{width:100%;}}

.search-login {float:right;display: table;}

.contact-form{
	line-height: 1em;
	float:right;	
	display:block;
	margin:0 0 5%;
	padding:14px;
	min-width: 45%;
	border-radius:15px;
}

#stylized{
	background:#fff;
}

#stylized h1 {
	font-size:18px;
	margin-bottom:8px;
	color:#813030;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
	text-align:center;
	text-indent:0;
}

#stylized label{
	display:block;
    font:400 14px 'Open Sans', sans-serif;
    clear:both;
	text-align:right;
	width:40%;
	float:left;
	color:#000;
}

#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100%;
}

#stylized input,textarea{
	float:left;
	font-size:14px;
	padding:6px 2px;
	border:solid 1px #aacfe4;
	width:56%;
	margin:0 0 20px 10px;
}

#stylized button{
	float: right;
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	border:0;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:16px;
	color:#FFFFFF;
	font-size:14px;
}


@media only screen and (max-width: 850px){.search-login, .custom-logo{float:left;}

#slideshow{display:none;}

.custom-logo, .custom-logo a,.custom-logo a:hover{background-size:150px 37px; width: 150px; height:40px;}

.login-button{width:100%; margin:3% 0 0 0}
 
.search-login{text-align: center; width: 100%;}

input.search{width: 90%; float: right;}

#conclusion img{width:90%}

.bingmap, .contact-form{clear:both; float:none; margin:0 auto; margin:0; border:0; border-radius:0;}

}

@media only screen and (max-width: palm){.search-login, .custom-logo{float:left}

#slideshow{display:none;}

.login-button{width:100%; margin:3% 0 0 0}
 
.search-login{text-align: center; width: 100%;}

input.search{width:100% !important ; margin:0 auto;}

#conclusion img{width:90%}

.bingmap, .contact-form{clear:both; float:none; margin:0 auto; margin:0; border:0}

}

.col-4{width:22%;padding:0 1%;margin:0 1%;display:inline-block;vertical-align: top;position:relative;}
.col-4 p{text-align:left !important; padding:0 !important; font-size: 90%;}
a.startup{background-color:#2ecc71;padding:8px 16px; color:white !important; border-radius:2px;font-size: 90%;}
.col-4 a.startup,.appbs a.startup{display: table; position:absolute;bottom:0;}
.col-4 a.startup:hover,.appbs a.startup:hover,a.startup:hover{background-color:#27ae60;}
.appbs{margin-bottom:40px;min-height: 250px !important;}.appbs img{margin-top: 10px;border-radius:5px; max-width:100%;  max-height: 100px;}.appbs p{text-align:left;}.appbs h1{color: #e74c3c;padding: 0;text-align:center;font-size: 15px;line-height: normal;}
.appbs img{margin-top: 10px;border-radius:5px; max-width:100%;  max-height: 100px;}.appbs p{text-align:center;}.appbs h1{color: #e74c3c;padding: 0;text-align:center;font-size: 15px;line-height: normal;}
.fa-7x {font-size: 7em !important;}
.col-4 h1{color:#3498db;padding:0;}
.col-4 > i{display:block;}
.anchor{display: block;height: 60px ;}

.application-bar .appbs{border-right:1px solid #DDDDDD;}
.application-bar .appbs:last-child,.application-bar .appbs:nth-of-type(4){border-right:0;}

.awayrac {
    position: relative;
    margin: 4em auto;
    padding-bottom: 4em;
    border-bottom: #ddd 1px solid;
    clear:both;
}
                    
.awayrac:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #ddd 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 10px;
}

.appdetail img{max-width:100%;}

@media only screen and (max-width: 1023px){.search-login, .custom-logo{float:none;margin:0 auto !important; }.col-4{width:48%;padding:1%;}}

@media only screen and (max-width: portable){.search-login, .custom-logo{float:none;margin:0 auto !important;}.col-4{width:48%;padding:1%;}}

@media only screen and (max-width: 850px){.client img{width:100%}.col-4{width:99%;padding:1%;}}

@media only screen and (max-width: palm){.client img{width:100%}}

.screenModal{
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background-color:rgba(1,1,1,.3);
  z-index:9999;
}

.screenModal a{
  top:50%;
  left:50%;
  position:absolute;
  margin-left:-300px;
  margin-top:-200px;
  z-index:9999;
}

@media (max-width: 768px){
  .screenModal a{
    position:absolute;
    margin-left:-150px;
    margin-top:-100px;
    max-width:100%;
  }

  .screenModal a img{
    width:300px;
  }
}

/* Application Page Template */

section.detailed.application > .inside-wrapper > h1:first-of-type{
	color: #40B6E2;
    text-align: left;
	padding: 0;
}

section.detailed.application > .inside-wrapper img.application-logo{
	width:100%;
	max-width:300px;
	margin-top:10px;
	border-radius:5px;
	box-shadow:0 0 10px rgba(1,1,1,.2);
}

section.detailed.application  ul,section.detailed.application  ul li{
	list-style:none;
	padding: 0;
}

section.detailed.application > .inside-wrapper > .contrast-line:first-of-type{
	width: 100%;
	border-top: 1px solid #D2D2D2;
	padding: 0 0 30px 0;
}

ul.breadcrumbs{
	font-size:14px; 
	color:rgba(1,1,1,.6);
	text-align:left;
	padding:0;
	font-weight:400;
}

ul.breadcrumbs li{
	display:inline-block;
	padding:0 10px 0 0;
	text-align:left;
}

ul.breadcrumbs li a{
	color:rgba(1,1,1,.6);
}

section.detailed.application > .inside-wrapper .carousel {margin-top:50px;}
section.detailed.application > .inside-wrapper .carousel .application_title{position:absolute; top:-50px;}
section.detailed.application > .inside-wrapper .application_title{color:#e74c3c;display:block;font-weight:400;margin-bottom:10px;}
section.detailed.application > .inside-wrapper p{margin-top:0;}

.carousel{padding:0 !important;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{padding: 0;}
a.carousel-control {color: white}
a.carousel-control:hover {color: white;}
.carousel-control:hover, .carousel-control:focus {opacity: 0.4 !important;filter: alpha(opacity=40) !important}
.inline-right-margin{width:95% !important} @media (max-width: 992px){.inline-right-margin{width:100% !important}}
.carousel-indicators li {
    box-shadow: 0 0 10px rgba(1,1,1,.5);
}


@media (max-width: 992px){.detailed {padding:10px;}}

.modal {
    z-index: 99050 !important;
}

.modal-backdrop {
    z-index: 99049 !important;
}

.modal-header .close {
	margin-top: -2px;
	float: right;
	cursor:pointer;
	font-size: 25px;
	background: inherit;
	border: 0;
}

section.detailed.application .panel,section.detailed.application .panel li{text-align:left !important;word-break: break-all;}