/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/GsNxiN0oIzsS201cnUag6w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/I0dEfRgGNE90_hXZq7bjyw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/4vqKRIwnQQGUQQh-PnvdMA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v9/VZ-5ejr2fpt5l1RKkVxPr_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v9/BYKAuswRIqh69412sen31PY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v9/P18Nsu9EiYldSvHIj_0e5w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.carousel-inner>.item {
    width: 100%; /* or whatever is required */
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
}

.auto-style1 {
    font-size: 12px;
}
.home_txt{
	float: left;
    text-align: left;
    padding-left: 20px;
    border-left: 1px solid #d7d7d7;
    min-height: 78px;
    cursor:pointer;
}
.txts{
	    margin-bottom: 30px;
}
.clear{
		clear:both;
}
.txts a{
	float: left;
	padding-right: 20px;
}
.addition{
	font-size: 12px;
    margin-top: 15px;
    display:none;
}
header .container {
    margin-top: 30px;
}
.navbar-default{
	background: white!important;
	border-color:white!important;
}
.logo {
    background: url("images/logo.png");
    width:234px;
    height: 41px;
    margin-bottom: 10px;
}

header nav {
    margin-top: 27px;
    margin-left: 170px;
    margin-bottom: 0!important;
}

header nav li {
    float: left;
    list-style: none;
    font: normal 16px Arial;
    color:#004f89;
    margin: 0 10px;
    padding: 0 5px;
    cursor: pointer;
    padding-bottom: 10px;
    height: 35px;
    position: relative;
}
.liactive{
    border-bottom: 6px solid #80b844;
}
.liactive>a{
    color: #80b844!important;
}  
.err{
	display:none;
	color: red;
} 
header nav li a {
    color:#004f89;
}
.navbar-default .navbar-nav>li>a {
    color: ##6c767d;
    padding: 15px 2px;
    font-family: lora;
}
.dropdown-menu>li>a {
    color: #004f89;
}
li.dropdown:hover, li.dropdown:active,.contactUs:hover,.contactUs:active{
    color:#80b844;
    border-bottom: 6px solid #80b844;
}

.navbar-nav>li {
    padding-bottom:45px;
}
.navbar-nav>li>.dropdown-menu {
    border-radius: 0;
    border: none;
    margin-top: 6px!important;
}
header nav > ul > li:hover, header nav li.active {
    color:#80b844;
    border-bottom: 6px solid #80b844;
}

header nav li:hover > a {
    color:#80b844;
}

header nav li a:hover, header nav li.active a {
    color:#80b844!important;
    text-decoration: none;
}

header nav li.no-border:hover {
    border: 0 none;
}
.no-border a{
	padding: 12px 2px!important;
}
header nav ul li ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    background: #fff;
    margin: 0;
    padding: 10px 0;
    border: 0px solid #fff;
    box-shadow: 0px 3px 11px -3px #000;
    z-index: 2;
}

header nav ul li:hover ul {
    display: block;
}

header nav ul li ul li a {
    white-space: nowrap;
}
h1 {
    color:#80b844;
    font-size: 22px;
}

.hp .bg {
    background: url("images/bg_hp.jpg");
    min-height: 425px;
    width: 100%;
}

.hp .bg h1 {
    font-family: 'Lato', Arial;
    color: #fff;
    font-size: 60px;
    margin-top: 120px;
    max-width: 750px;
}

.hp .bg h2 {
    font-family: 'Lato', Arial;
    color: #fff;
    font-size: 24px;
}

.collapseOne, .collapseTwo, .collapseThree, .collapseFour {
    border: 0 none;
}

.panel-default .panel-title {
    text-decoration: none;
}

.panel-default>.panel-heading {
    border-top-left-radius:0px;
    border-top-right-radius: 0px;
    margin-bottom: -3px;
}

.panel-default>.panel-heading img {
    float: left;
    margin-top: 7px;
    margin-right: 30px;
}

.panel-default>.panel-heading .pull-left, .panel-default .panel-body {
    color:#fff;
}

.collapseFour.panel-default>.panel-heading, #collapseFour {
    background: /*#1f3c51*/#1f3c51;
}

.collapseOne.panel-default>.panel-heading, #collapseOne {
    background: /*#264a64*/#264a64;
}

.collapseTwo.panel-default>.panel-heading, #collapseTwo {
    background: /*#c6d3dc*/#325d7c;
}

.collapseThree.panel-default>.panel-heading, #collapseThree {
    background:  #719ab7;
}

/*

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 0 none;
}
*/

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 0 none;
}

.productPage .panel-default .panel-body {
    padding-left: 90px;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}

.main {
    width: 1170px!important;
    margin: 0 auto;
    /* text-align: center; */
    /* display: inline-block; */
    float: none!important;
    margin-top: 50px;
}
footer{
	clear: both;
}
footer p {
    margin-top: 80px;
    color: #acabab;
}

/* aside nav */

.main aside nav ul {
    margin:  0;
    padding: 0;
}

.main aside nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main aside nav ul li.active a {
    background: #fff;
    border-right: 0 none !important;
}

.main aside nav ul li a:hover {
    background: #F2F2F2;
}

.main aside nav ul li.first a {
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}

.main aside nav ul li a {
    display: block;
    padding: 20px 0 20px 15px;
    border-bottom: 1px solid #d0d0d0;
    text-decoration: none;
    color: #636363;
}

.sidebar {
    padding-right: 0px;
    z-index: 1;
    margin-right: -1px;
}

.content {
    border-left: 1px solid #d0d0d0;
    z-index: 0;
    animation: fadein 2s;
    -webkit-animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity:0;
        margin-top: 20px;
    }
    to {
        opacity:1;
        margin-top: 0;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
        margin-top: 20px;
    }
    to {
        opacity:1;
        margin-top: 0;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
        margin-top: 20px;
    }
    to {
        opacity:1;
        margin-top: 0;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
        margin-top: 20px;
    }
    to {
        opacity: 1;
        margin-top: 0;
    }
}

.white_line, .gray_line {
    height: 50px;
    background: #fff;
    border-bottom: 1px dashed #dadada;
    padding: 5px 30px;
    position: relative;
}

.gray_line {
    background: #fafafa;
}

.pdf {
    width: 120px;
    height: 22px;
    background: url(images/ico_pdf.gif) no-repeat;
    position: absolute;
    right: 30px;
    top: 8px;
    font-size: 11px;
    padding: 10px 0 0 28px;
}

.white_line a, .gray_line a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
}

.faq .panel-default>.panel-heading .pull-left, .faq .panel-default .panel-body {
    color: #000;
}
 header nav {
	    margin-left: 0px!important;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	margin-top: -15px;
}
.navbar-default{
	border:none;
}
.caret{
	display:none;
}
.navbar-default {
    margin: 0;
}
.mobile{
	display:none;
}
.hp .bg h1 {
    text-align: left;
    margin-top:32px;
}
.carousel-caption{
	top:62px;
}
.carousel-inner {
    height: 430px;
}
header nav ul li ul :hover{
    display: block;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;
    margin: 0;
    width: auto;
    max-width: 2000px;
    height: 460px!important;
    position: relative;
    left: 100%;
    margin-left: -200%;
    display: initial!important;
}
a:hover, a:focus {
    text-decoration: none;
}
 .icons img{
 	    width: 78px;
 }
 .icons .title{
 	color:#004f89;
 	font-weight: 600;
 	font-size: 22px;
 	margin-bottom: 0;
 }
 .icons span{
 	color:#999;
 	font-size: 14px;
 }
 .series{
		text-align: center;
}
@media (min-width: 1550px){
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		width: 100%;
    	max-width: 3000px;	
	}
}
@media (min-width: 992px){
.icons .col-md-4 {
    width: 30.333333%;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    margin: 15px;
    height: 157px;
 }
.container {
	    width: 1011px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.container {
	    width: 790px;
	}
}
@media screen and (max-width: 768px) {
	.row{
		max-width:100%!important;
	}
	.windows{
		height: auto!important;
	}
	.apps.row{
		width:100%!important;
	}
	.apps.row .series {
		width:48%!important;
	}
	.home_txt{
		float: right;
    	width: 73%;
    	padding-left: 10px;
	}
	.txts a {
	    float: left;
	    padding-right: 10px;
	    float: left;
	       
	}
	.icons img {
	    width: 67px;
	}
	.txts{
		 padding: 0;
	}
	form.pull-right {
	    width: 100%;
	    margin-bottom: 10px;
	    padding-left: 0;
	}
	.contact_details iframe,.contact_details p{
		width:100%!important;
	}
	.contact_details .col-md-6{
		padding-left:15px!important;
	}
	
	.container {
	    padding-right: 10px!important;
	    padding-left: 10px!important;
   }
	p {
	    font-size: 15px;
	}
	.content{
		border:0;
	}
	.sidebar{
		display:none;
	}
	.auto-style1 {
	    margin-top: -50px!important;
	    font-size: 13px;
	}
	.main {
    	width: 100%!important;
    	margin-top: 25px;
   }
   .icons{
   		text-align: left!important;
   }
   .icons .col-md-4{
	   	margin-bottom:30px;
	   	margin-top: 50px;
   }
   .icons img {
	    float: left;
	    clear: both;
	}

	header nav ul li:hover ul {
	    display: none; 
	}
    header nav {
	    margin-left: 0px!important;
	}
	.mobile{
		display:block;
		z-index: 99;
	}
	.not_mobile{
		display:none;
	}	
	.navbar-collapse{
		position:absolute;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: #e7e7e7;
	    background: white;
	    width: 100%;
	}
	.navbar-nav>li {
	    background: #005088;
	    color:white;
	}
	.navbar-nav {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	.navbar-nav>li a{
	    color:white!important;
	}
	.nav>li {
	    width: 100%;
	    padding-right: 20px;
	}
	header nav li {
	    height: auto;
	    width: 100%;
	}
	.navbar-nav>li {
	    padding-bottom: 0;
	        margin: 0;
	}
	.navbar-default .navbar-nav>li>a {
	    padding: 15px 5px;
	    font-weight: 900;
	    padding: 15px 15px;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	    background-color: transparent;
	}
	li.dropdown:hover, li.dropdown:active, .contactUs:hover, .contactUs:active {
	    border-bottom: 0;
	}
	li.dropdown ul a{
		padding-left: 0!important;
	}
	header nav li a:hover, header nav li.active a {
	    color: white!important;
	}
	.arrow{
		float: right;
    	color: #80b844;
	}
	.open .glyphicon-chevron-down{
		display:none;
	}
	.open .glyphicon-chevron-up{
		display:block!important;
	}
	.hp .bg {
	    min-height: 100px;
	}
	img{
		max-width:100%;
	}
	.fullImgPage img{
		width:100%;
		height:auto!important;
	}
	.hp .bg h1 {
	    font-size: 200%;
	}
	.carousel-caption {
	    top: 26px;
	}
	.navbar-default .navbar-toggle {
	    border-radius:0;
	    background: #004f89;
	    color: white;
	    margin-top: -2px;
	    border:0;
	 }
	 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	 	background: #004f89;
	 }
	 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    margin-top: 10px;
	}
	 .navbar-default .navbar-toggle .icon-bar {
	    background-color: white;
	}
	.pdf{
		right:-33px;
	}
	.col-md-9.content img{
		margin:0!important;
	}
	.series  a img{
		width:auto;
		height:auto;
	}
	.series{
		width:32%!important;
		height:auto!important;
		margin:2px!important;
		text-align: center;
	}
	.navbar-brand>img {
	    display: block;
	    width: 160px;
	}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
   .icons .title{
   	font-size:18px;
   }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		left:auto!important;
		margin-left:auto!important;
	}
}
