body, h1, h2, h3, h4, p { font-family: "Roboto",sans-serif; }
p { margin-bottom: 1rem; }
.row { width: 1170px; }
header, nav, section, footer, #banner { min-width: 1170px; width: 100%; }
#banner .columns { padding: 0; }

p, ul, ol, dl, td, th {
	color: #555;
    font-size: 0.875rem;
	font-weight: 300;
    line-height: 1.5em;
}

h1 { 
   color: #19337f;
   font-size: 30px;
   font-weight: 400;
   margin-bottom: 30px;
}

h2 { 
   font-size: 18px;
   font-weight: 400;
   line-height: 1.1;
   margin-bottom: 1.25rem;
}

h2.title {
   font-size: 30px;
   font-weight: 400;
   line-height: 1.1;
   margin-bottom: 1.25rem;
   text-transform: uppercase;
}

h3 { 
   font-size: 20px;
   font-weight: 300;
   margin-bottom: 1.25rem;
}

h4 { 
	font-size: 22px; 
	font-weight: 300;
	margin-bottom: 20px;
}

b, strong {
	color: #5998e5;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

section ul { margin-left: 0; }

section li {
	background: transparent url('../images/bg_li.png') no-repeat 0 0;
	list-style: none inside none;
	margin: 0 0 20px;
	padding-left: 30px;
}

button, .button { background: #f49822 url('../images/btn_bg.png') repeat-x; }
button:hover, .button:hover { background: #f49822 url('../images/btn_bg_h.png') repeat-x; }

form {
	background-color: #edeff2;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 15px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    border-color: #c6ccd4;
	border-radius: 5px;
}

button.radius, .button.radius {
    border-radius: 10px;
	box-shadow: 0 1px 0 #74aa37;
	font-size: 20px;
	margin-top: 14px;
	padding: 0.625rem 1.5rem 0.7175rem;
	text-shadow: 0 -1px 0 #d5721b;
}

header {
	height: 112px;
}

header a { display: block; }

header a img {
	display: block;
	margin: 10px 0 20px;
}

header .inline-list { margin: 18px 0; }
header .inline-list>li { margin-left: 0.4rem; }

header .inline-list>li a { 
	color: #000;
	padding: 1px 4px;
	text-transform: uppercase; 
}

header .inline-list>li.current_siteaccess a, header .inline-list>li:hover a { 
	background-color: #9ec4f3; 
	color: #fff;
}

header p.slogan {
	color: #000;
	font-size: 15px;
	font-weight: 400;
	margin: 74px 0 0;
}

header form {
	background: transparent;
	clear: right;
	display: block;
	margin: 0;
	padding: 0;
	width: 270px;
}

header form input[type="text"], header form input[type="image"] { display: inline-block; vertical-align: top; }
header form input[type="image"] { width: 43px; }

header form input[type="text"] {
	border-radius: 5px 0 0 5px;
	border-right: none;
	height: 2.2rem;
	margin: 0px -2px 0 0;
	width: 227px;  
}

nav {
	background-color: #3e61c5;
	height: 56px;
}

nav .inline-list { margin-bottom: 0; }

nav .inline-list li {
	height: 56px;
	line-height: 56px;
	margin-left: 32px;
}

nav .inline-list>li:first-child {
	background: url('../images/bg_nav.png') no-repeat 100% 22px;
	margin-left: 22px;
	padding-right: 18px;
}

nav .inline-list>li:first-child img { margin-bottom: 3px; }

nav .inline-list li a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
}

nav .inline-list li a:hover { color: #9ec4f3; }
nav .inline-list>li:nth-child(2) { margin-left: 18px; }

footer { 
	border-top: 1px solid #686868;
	padding-bottom: 40px;
	padding-top: 10px;
}

footer p { 
	color: #686868;
	font-size: 12px; 
}

section {
	min-height: 400px;
	padding: 44px 0;
}

section .row { margin-bottom: 40px; }

.panel {
    background: #f7f7f7;
    border-color: #f7f7f7;
    margin-bottom: 1.25rem;
    padding: 0.7rem 1.25rem;
}

#banner {
	background-color: #8dc53e;
	height: 357px;
}

#banner h1 { 
	color: #000;
	font-family: 'Roboto Condensed', Arial;
	font-size: 60px; 
	font-weight: 600;
	line-height: 0.8;
	margin: 50px 0 0;
	text-transform: uppercase;
}

#banner h2 { 
	color: #fff;
	font-family: 'Roboto Condensed', Arial;
	font-size: 46px; 
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 18px;
	text-transform: none;
}

#banner p { 
	color: #fff;
	font-size: 18px; 
	font-weight: 300;
	line-height: 1.3;
	margin: 0 0 14px;
}

#banner p strong { 
	color: #fff;
	font-size: 24px;
	font-weight: 500;	
	text-transform: none;
}

#banner button, #banner .button { margin-top: 8px; }
ol.bjqs-markers { margin-top: -10px ! important; }

div#banner-fade .bjqs-markers a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #afe562;
	border: 1px solid #afe562;
	margin: 20px 10px;
}

div#banner-fade .bjqs-markers li.active-marker a { background-color: #8dc53e; }

.bjqs-slide .caption {
	left: 50%;
	position: absolute;
	top: 0;
}

.left-off-canvas-menu {
	background: #fff;		
	border: none;		
	box-shadow: none;
	top: 20px;
	width: 12rem;
}
	
.tab-bar { background: #3e61c5; top: 142px; }	
.left-small { border-right: 1px solid #3e61c5; }
	
.move-right .exit-off-canvas, .move-left .exit-off-canvas { 
	background: none;
	box-shadow:none; 
}
	
ul.off-canvas-list li a {
	border-bottom: 1px solid #fff;
	color: #000;
	display: block;
	font-size: 0.875rem;
	padding: 0.6rem 1rem;
	text-align: right;
	text-transform: uppercase;
	transition: background 300ms ease 0s;
}

ul.off-canvas-list li a:hover, ul.off-canvas-list li.selected a { 
	background: none; 
	color: #3e61c5;
}

/*Hide in framework Home and hide childs*/
ul.off-canvas-list li.show-for-large-only {display: none!important;}
ul.off-canvas-list li li {display: none;}

footer .cb { font-size: 14px; }

footer img.opc {
	display: block;
	margin: 0 auto;
}	

.item { margin-bottom: 25px; }
.item:hover h3 { color: #5998e5; }

.item p {
	background-image: none;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.telephony:hover p { background-image: url('../images/i_telephony.png'); }
.cloud:hover p { background-image: url('../images/i_cloud.png'); }
.sec:hover p { background-image: url('../images/i_sec.png'); }
.mobility:hover p { background-image: url('../images/i_mobility.png'); }
.collaboration:hover p { background-image: url('../images/i_collaboration.png'); }
.ms:hover p { background-image: url('../images/collaboration.png'); }

div.left img, .object-left img { margin-right: 20px; }
img.left { margin-right: 20px; }
.large-3 .news-hp { margin-bottom: 30px; }
.news-hp h2, .news-hp p { margin-bottom: 5px; }
.news-hp h2.title, .news-item { margin-bottom: 1.25rem; }
p.social img { margin-right: 8px; }

.breadcrumbs {
    background-color: transparent;
    border: none;
    padding: 0.5625rem 0;
}

.breadcrumbs > *:before {
    color: #555;
    content: "|";
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
}

.breadcrumbs > * {
	font-size: 14px;
	text-transform: none;
}

.breadcrumbs > * a { color: #000; }
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: none; }

section .breadcrumbs li, section ul.pagination li { 
	background-image: none; 
	list-style: none outside none;
	padding-left: 0;
}

.contact h4 {
	color: #555;
	font-size: 14px;
	margin-bottom: 0;
}

.contact { padding-top: 72px; }
.small-block-grid-1 li { background-image: none; }
.small-block-grid-1 img { margin-bottom: 30px; }
.listing .row { margin-bottom: 30px; }
ul.pagination li.current a, ul.pagination li.current button { background: none repeat scroll 0 0 #9ec4f3; }

/*TopMenu Start*/

nav .inline-list li.selected a { color: #9ec4f3; }

nav .inline-list  ul {
	position: absolute;
	top: 55px;
	background-color: #3E61C5;
	display: none;
	filter: alpha(opacity=90);
	opacity: 0.9; 
	width: auto;
	margin:0;
	z-index: 200;
}

nav .inline-list li:hover ul {
	display: block;
}

nav .inline-list  li li {
	height: 40px;
	line-height: 40px;
	list-style: outside;
	list-style-type: none;
	margin-left: 0;
}

nav .inline-list li li a, nav .inline-list li li a:visited { 
	color: #fff; 
	text-decoration: none;
	text-transform: none;
    display: block;
	line-height: 40px;
	height: 40px;
	position: relative;
	text-align: left;
	padding: 0 18px;
}

nav .inline-list li.selected li a {color: #fff;}
nav .inline-list li li a:hover{ color: #9ec4f3;}
.object-left { float: left !important; }
.object-right { float: right !important; }
.object-right img { margin-left: 20px; }

/*TopMenu End*/

/*Override for links color*/
a {
    color: #5998E5;
}

.fform .small { display: none; }
.flash-ad { padding-top: 34px; }

#movie_name {
	border: 2px solid #f00;
	height: 60px;
	width: 300px;
}

#movie_name p {
	color: #7030a0;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	text-align: center;
}

/* tablet portrait - some cases
===================================== */
@media only screen and (min-width: 641px) and (max-width: 860px) {
	.columns form .columns:nth-child(odd), .columns form .columns:nth-child(even) { padding-left: 0; padding-right: 0; }	
	nav .inline-list li { margin-left: 12px; }
}

/* mobile - some cases
===================================== */
@media only screen and (max-width: 640px) {
	.columns form .columns:nth-child(odd), .columns form .columns:nth-child(even) { padding-left: 0; padding-right: 0; }
	
	#banner { 
		background-image: none;
		background-color: #8dc53e;
	}	
}