@charset "utf-8";
/*
Template Name: Dwindle
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("fontawesome-4.2.0.min.css");
@import url("framework.css");
@font-face {
    font-family:Gotham-Regular;
    src:url('../fonts/Gotham-Book.ttf');
}
@font-face {
    font-family:Gotham-XLight;
    src:url('../fonts/Gotham-XLight.ttf');
}
@font-face {font-family: Gotham-Medium; src: url('../fonts/Gotham-Medium.otf');}
@font-face {font-family: Gotham-Thin; src: url('../fonts/Gotham-Thin.otf');}
@font-face {font-family: Gotham-Ultra; src: url('../fonts/Gotham-Ultra.otf');}

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0{}
.row1{}
#pillsbg {background-color: #5A86B7;}   /*#CC827D;*/  
.row3{border-bottom:10px solid;}
/*.row4 .container {padding-top: 0px; padding-bottom: 0px;}*/
.row5{border-top:10px solid;}
.row6, .row6 a{}

.noBorder {border:0px;}
.pageEffect {position:relative; box-shadow:0 10px 30px rgba(0,0,0,0.3),0 0px 40px rgba(0,0,0,0.1) inset; margin-bottom:15px; margin-top:15px;}
.pageEffect:before, pageEffect.after     {  content:""; position:absolute;z-index:-1; box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px;bottom:10px; left:0; right:0; border-radius:100px/10px;  }
.pageEffect:after {right:10px; left:auto; transform:skew(8deg)rotate(3deg);    }
    .pageEffect img {padding:5px;    }
.carouselEffect {position:relative;}
.carouselEffect:before, .carouselEffect:after {z-index:-1; position:absolute; content:"";bottom:15px; left:10px;width:50%;top:80%; max-width:300px;background:#777; box-shadow:0 15px 10px #777;transform:rotate(-3deg);    }
 .carouselEffect:after {transform:rotate(3deg);right:10px;left:auto;    }

/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#top {align-content:center; font-family:Gotham-Regular;}
#topbar{font-size:12px; line-height:normal;}

#topbar .fl_left{padding-top:6px;}
#topbar .fl_left .inline > li{margin-right:15px;}
#topbar .fl_left .inline > li i{margin-right:5px;}

#topbar .faico li{margin:0; border:solid; border-width:0 1px 0 0;}
#topbar .faico li:first-child{border-width:0 1px;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{padding:50px 0;}

#header form{display:block; position:relative; width:100%; margin:10px 0 0 0;}
#header input, #header button{display:block; height:30px; border:none;}
#header input{width:100%; min-width:250px; padding:5px 40px 5px 10px; border-radius:8px;}
#header button{position:absolute; top:0; right:0; width:35px; border-radius:0 8px 8px 0; font-size:16px; cursor:pointer;}
#header button em{display:none;}

/* Right Part
-----------------------------------------------------------------------------------------------------------    */
#rightElements {margin-left:0px; text-align:center;}
#rightElements  iframe {width:320px; height:240px; border:none;}
#rightElements  a {text-decoration:none; text-align:center;}
#rightElements img {align-items:center;}
#rightElements .spanSty {background-color:#5A86B7; margin-left:0px; color:#ffffff; text-align:center; width:204px;}
#videoStyles {margin-top:0px; padding-top:0px; border-top:0px;}
.pdf {width:320px; text-align:center; padding-bottom:15px;}
.imgShadow img { -webkit-filter: drop-shadow(2px 2px 2px #222);  filter: drop-shadow(2px 2px 2px #222);   }
@media (max-width:337px)
{
    #rightElements iframe { width: 270px;height: 190px; overflow:hidden;}
}

@media (max-width:1199px) {.elementsCen {margin-left:36%;}}
@media (max-width:1035px) {.elementsCen {margin-left:34%;}}
@media (min-width:768px) and (max-width:979px) {.elementsCen {margin-left:0;}}
@media (max-width:620px) {.elementsCen {margin-left:21%;}}
@media (max-width:450px) {.elementsCen {margin-left:15%;}}
@media (max-width:400px) {.elementsCen {margin-left:7%;}}
@media (max-width:350px) {.elementsCen {margin-left:0;}}

/* Intro
--------------------------------------------------------------------------------------------------------------- */
#intro{padding:120px 0; text-align:center;}

#intro article .heading{display:block; position:relative; padding-bottom:15px;}
#intro article .heading::after{display:block; position:absolute; bottom:0; left:50%; margin-left:-5%; width:10%; height:2px;}
#intro article i{display:inline-block; width:100px; height:100px; line-height:100px; margin-bottom:30px; border-radius:50%; text-align:center; font-size:32px;}
#intro article .btn{}
/* Carousel 
    --------------------------------------------------------------------------------------------------------------- */
 .carousel-inner > .item > img {
    /*height:200px;
    width:70%;*/
    margin:auto;
}
.carousel-inner > .item > a > img{ 
    /*width:70%;*/
    margin:auto;         
}
#myCarousel 
{
  /*  padding-top:6%; */
 align-items:initial;
 padding-bottom:2%;
}
/* ABOUT
--------------------------------------------------------------------------------------------------------------- */
#about_us {
    padding-left: 5%;
}
/* Services
--------------------------------------------------------------------------------------------------------------- */
.services h2 {
    color: #3584DC;
}
.services h4{
    color: #3F3F3F;
}
.services li {
    color: #555555;
}

.services ul{list-style:none; padding-left:0px;}
@media (min-width:1200px) {
    .services .servicesSpace {
        margin-left:7%;
    
    }
}
@media (min-width:1200px) {
    .services .col-lg-4 {
        width:22%;
        padding-left:0px;
        padding-right:0px;
        /*margin-left:7%;*/
    }
}
/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:0px 0;}  /*Used for index. Might affect other container's */

/* Content */

.service{display:block; position:relative; width:100%; min-height:80px; margin:0; padding:0 0 0 80px; box-sizing:border-box;}
.service i{display:block; position:absolute; top:0; left:0; width:60px; height:60px; line-height:60px; border:1px solid; border-radius:50%; text-align:center; font-size:26px;}
.service .heading a{ color:#909090; text-decoration: none;}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:20px 0; color:#888888; font-family:Gotham-XLight;}

#footer .title{margin:0 0 20px 0; padding:0; color:#FFFFFF;  font-size:12px; text-transform:uppercase;}
#footer .first li a {color: #888888;}
#footer address {font-size:12px;}
#footer li {font-size:12px;}
#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0; }
#footer .linklist li a{ color:#888888; font-size: 12px;}

#footer .smallfont{font-size:.8rem; margin:0;}

#footer input, #footer button{border:none; border-radius:8px;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:6px 12px 8px; font-weight:bold; text-transform:uppercase; cursor:pointer;}
#footer form fieldset legend{color:#888888;}
#footer article a {color:#888888; font-size:14px;}
.socialLinks ul li {
    display:inline-block;
    text-align:center;
    position:relative;
    list-style: none;
    white-space:nowrap;
}
/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:10px 0;}
#copyright p{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
.faico a, #intro i, .service i, #mainav a, #mainav ul{transition:all .4s ease-in-out;}

/* Navigation
--------------------------------------------------------------------------------------------------------------- */

#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:Gotham-Medium; font-size:10px; line-height:10px;}

/* Top Navigation */
.noPadding {padding-top:0px; padding-bottom:0px;}

#mainav{text-align:center; line-height:normal;}
#mainav a{}
#mainav ul{font-size:0;}/* Removes inline-block element spacing - overridden later */
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0; padding:0; font-size:1rem; text-transform:uppercase;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0; text-transform:none;}
#mainav li a{display:block; padding:15px 20px; text-transform:uppercase;  border-width:0 0 0 1px;}
#mainav li:last-child a{border-width:0 1px;}
#mainav li li a{border-width:0 0 1px 0; text-transform:none;}
#mainav li li:first-child a, #mainav li li:last-child a{border-width:0 0 1px 0;}
#mainav .drop{padding-left:25px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop:after, #mainav li li .drop:after{content:"\f0d7";}
#mainav .drop:after{top:20px; left:15px;}
#mainav li li .drop:after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li :hover > ul{visibility:visible; opacity:1; }
#mainav form{display:none; margin:0; padding:20px 0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}



/* Breadcrumb */
#breadcrumb{padding:50px 0; line-height:normal;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */

table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}

#gallery_page{margin-bottom:0px; border-top: none;}
/*#gallery_page h1{margin-top: -45px;}*/

/* Partner */
.no_padd{
	padding:0px;
}
.bga0{
	background:#D1ECF5;
	border-bottom:1px solid #e6e6e6;;
}
.bga1{
	background:#D1ECF5;
	padding:10px;
	padding-left:3%;
	padding-right:3%;
	border-right:1px solid #e6e6e6;;
}
.bga01{
	background:rgb(253, 253, 253);
	border-bottom:1px solid #e6e6e6;;
}
.bga10{
	background:rgb(253, 253, 253);
	padding:10px;
	padding-left:3%;
	padding-right:3%;
	border-right:1px solid #e6e6e6;;
}
.box_0{
	width:8px;
	height:8px;
	background:#6D6E70;
	border-radius:50%;
	    display: block;
    text-align: center;
    margin: auto;
    vertical-align: middle;
}
.bgab1{
	text-align:center;
}
.table_title{
	font-size: 15px;
    color: #808184;
}
.channel_title {
    color: #0071BC;
    text-align: left;
    font-size: 19px;
}
.channel_title2 {
    color: #4D4D4D;
    font-size: 15px;
}
@media (min-width:571px) and (max-width:767px){
	.channel_title1 {
        color: #29ABE2;
        text-align: center;
        font-size: 25px;
    }
    .custom_channel_col{
	    width:50%;
    }
    .channel_title {
        color: #0071BC;
        text-align: left;
        font-size: 19px;
    }
    .channel_title2 {
        color: #4D4D4D;
        font-size: 15px;
    }
    .channel_show{
	    display:block;
    }
}
@media (max-width:570px){
	.channel_title1 {
        color: #29ABE2;
        text-align: center;
        font-size: 21px;
    }
    .channel_show{
	    display:block;
    }
}

/* Download
------------------------------------------------------------------------------------------------------------   */
.down_server .nav-pills > li.active > a,
.down_server .nav-pills > li.active > a:hover,
.down_server .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #5A86B7;  /* #68228B;  #FF1919; */
}
@media (min-width:768px) {.down_server .nav-pills { padding-left:3%; }}
@media (min-width:782px) {.down_server .nav-pills { padding-left:5%; }}
@media (min-width:812px) {.down_server .nav-pills { padding-left:7%; }}
@media (min-width:835px) {.down_server .nav-pills { padding-left:9%; }}
@media (min-width:872px) {.down_server .nav-pills { padding-left:10%; }}
@media (min-width:895px) {.down_server .nav-pills { padding-left:11%; }}
@media (min-width:912px) {.down_server .nav-pills { padding-left:12%; }}
@media (min-width:925px) {.down_server .nav-pills { padding-left:14%; }}
@media (min-width:944px) {.down_server .nav-pills { padding-left:16%; }}
@media (min-width:975px) {.down_server .nav-pills { padding-left:18%; }}
@media (min-width:980px) {.down_server .nav-pills { padding-left:14%; }}
@media (min-width:992px) {.down_server .nav-pills { padding-left:6%; }}
@media (min-width:998px) {.down_server .nav-pills { padding-left:7%; }}
@media (min-width:1028px) {.down_server .nav-pills { padding-left:8%; }}
@media (min-width:1052px) {.down_server .nav-pills { padding-left:9%; }}
@media (min-width:1077px) {.down_server .nav-pills { padding-left:10%; }}
@media (min-width:1100px) {.down_server .nav-pills { padding-left:11%; }}
@media (min-width:1125px) {.down_server .nav-pills { padding-left:12%; }}
@media (min-width:1160px) {.down_server .nav-pills { padding-left:13%; }}
@media (min-width:1188px) {.down_server .nav-pills { padding-left:14%; }}
@media (min-width:1200px) {.down_server .nav-pills { padding-left:11%; }}
@media (min-width:1218px) {.down_server .nav-pills { padding-left:13%; }}
@media (min-width:1252px) {.down_server .nav-pills { padding-left:14%; }}
@media (min-width:1282px) {.down_server .nav-pills { padding-left:15%; }}
@media (min-width:1302px) {.down_server .nav-pills { padding-left:16%; }}
@media (min-width:1322px) {.down_server .nav-pills { padding-left:17%; }}
@media (min-width:1352px) {.down_server .nav-pills { padding-left:18%; }}
@media (min-width:1378px) {.down_server .nav-pills { padding-left:20%; }}
@media (min-width:1416px) {.down_server .nav-pills { padding-left:22%; }}
@media (min-width:1462px) {.down_server .nav-pills { padding-left:24%; }}
@media (min-width:1518px) {.down_server .nav-pills { padding-left:26%; }}
@media (min-width:1562px) {.down_server .nav-pills { padding-left:28%; }}
@media (min-width:1602px) {.down_server .nav-pills { padding-left:30%; }}
@media (min-width:1655px) {.down_server .nav-pills { padding-left:32%; }}
@media (min-width:1702px) {.down_server .nav-pills { padding-left:34%; }}
@media (min-width:1742px) {.down_server .nav-pills { padding-left:36%; }}
@media (min-width:1788px) {.down_server .nav-pills { padding-left:38%; }}
@media (min-width:1842px) {.down_server .nav-pills { padding-left:40%; }}
@media (min-width:1884px) {.down_server .nav-pills { padding-left:42%; }}
@media (min-width:1935px) {.down_server .nav-pills { padding-left:44%; }}
@media (min-width:1975px) {.down_server .nav-pills { padding-left:46%; }}
.down_server {
    font-family: "Gotham-Regular";
}
.down_server ol {
    font-size: 30px;
}
.down_server ol li {
    /*font-size: 16px;*/
    font-size: 24px;
}
.down_server ol a {
    text-decoration: none;
}
.down_server ol a:hover {
    color: #FF1919;
}
.down_server ul li {
    font-size: 16px;
}
.down_server ol li p{
    font-size: 16px;
}
 .background {
    background-color: #D7E3F3; 
    border-radius: 12px; 
    padding: 2%; 
    margin: 25px 0 25px 0;
}   
.center-pills {text-align:center;}
.center-pills ul.nav-pills{display:inline-block;}
.center-pills li{display:inline;}
.center-pills a{float:left;}
* html .center-pills ul.nav-pills {display:inline;}
*+html .center-pills ul.nav-pills {display:inline;}

.hwStyle {display:block;padding:0px 0px 2% 0px !important;}
@media only screen and (max-width:544px) {
    .limitText p {
        font-size: 14px !important;
    }
}
@media only screen and (max-width:455px) {
    .limitText p {
        font-size: 12px !important;
    }
    .hwStyle img {
        width:100px !important;
        height:100px !important;
    }
}

@media (min-width:1200px) {
    .down_server .col-lg-offset-1 {
        margin-left: 15%;
        width:78%;
    }
}
@media (min-width:1420px) {
    .down_server .col-lg-offset-1 {
        margin-left: 20%;
        width:70%;
    }
}
@media (min-width:1632px) {
    .down_server .col-lg-offset-1 {
        margin-left: 22%;
        width:67%;
    }
}
@media (min-width:1632px) {
    .down_server .col-lg-offset-1 {
        margin-left: 25%;
        width:62%;
    }
}
.down_client .nav-pills > li.active > a,
.down_client .nav-pills > li.active > a:hover,
.down_client .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #5A86B7;  /* #68228B;  #FF1919; */
}
@media (min-width:768px) {.down_client .nav-pills { padding-left:3%; }}
@media (min-width:782px) {.down_client .nav-pills { padding-left:5%; }}
@media (min-width:812px) {.down_client .nav-pills { padding-left:7%; }}
@media (min-width:835px) {.down_client .nav-pills { padding-left:9%; }}
@media (min-width:872px) {.down_client .nav-pills { padding-left:10%; }}
@media (min-width:895px) {.down_client .nav-pills { padding-left:11%; }}
@media (min-width:912px) {.down_client .nav-pills { padding-left:12%; }}
@media (min-width:925px) {.down_client .nav-pills { padding-left:14%; }}
@media (min-width:944px) {.down_client .nav-pills { padding-left:16%; }}
@media (min-width:975px) {.down_client .nav-pills { padding-left:18%; }}
@media (min-width:980px) {.down_client .nav-pills { padding-left:14%; }}
@media (min-width:992px) {.down_client .nav-pills { padding-left:6%; }}
@media (min-width:998px) {.down_client .nav-pills { padding-left:7%; }}
@media (min-width:1028px) {.down_client .nav-pills { padding-left:8%; }}
@media (min-width:1052px) {.down_client .nav-pills { padding-left:9%; }}
@media (min-width:1077px) {.down_client .nav-pills { padding-left:10%; }}
@media (min-width:1100px) {.down_client .nav-pills { padding-left:11%; }}
@media (min-width:1125px) {.down_client .nav-pills { padding-left:12%; }}
@media (min-width:1160px) {.down_client .nav-pills { padding-left:13%; }}
@media (min-width:1188px) {.down_client .nav-pills { padding-left:14%; }}
@media (min-width:1200px) {.down_client .nav-pills { padding-left:11%; }}
@media (min-width:1218px) {.down_client .nav-pills { padding-left:13%; }}
@media (min-width:1252px) {.down_client .nav-pills { padding-left:14%; }}
@media (min-width:1282px) {.down_client .nav-pills { padding-left:15%; }}
@media (min-width:1302px) {.down_client .nav-pills { padding-left:16%; }}
@media (min-width:1322px) {.down_client .nav-pills { padding-left:17%; }}
@media (min-width:1352px) {.down_client .nav-pills { padding-left:18%; }}
@media (min-width:1378px) {.down_client .nav-pills { padding-left:20%; }}
@media (min-width:1416px) {.down_client .nav-pills { padding-left:22%; }}
@media (min-width:1462px) {.down_client .nav-pills { padding-left:24%; }}
@media (min-width:1518px) {.down_client .nav-pills { padding-left:26%; }}
@media (min-width:1562px) {.down_client .nav-pills { padding-left:28%; }}
@media (min-width:1602px) {.down_client .nav-pills { padding-left:30%; }}
@media (min-width:1655px) {.down_client .nav-pills { padding-left:32%; }}
@media (min-width:1702px) {.down_client .nav-pills { padding-left:34%; }}
@media (min-width:1742px) {.down_client .nav-pills { padding-left:36%; }}
@media (min-width:1788px) {.down_client .nav-pills { padding-left:38%; }}
@media (min-width:1842px) {.down_client .nav-pills { padding-left:40%; }}
@media (min-width:1884px) {.down_client .nav-pills { padding-left:42%; }}
@media (min-width:1935px) {.down_client .nav-pills { padding-left:44%; }}
@media (min-width:1975px) {.down_server .nav-pills { padding-left:46%; }}
.down_client {
    font-family: "Gotham-Regular";
}
.down_client ol {
    font-size: 30px;
}
.down_client ol li {
            font-size: 16px;
}
.down_client ol a {
    text-decoration: none;
}
.down_client ol a:hover {
    color: #FF1919;
}
.down_client ul li {
    font-size: 16px;
}
.down_client ol li p{
    font-size: 16px;
}
@media (min-width:1139px) {
    .down_client .col-lg-offset-1 {
        margin-left: 12%;
        width:75%;
    }
}
@media (min-width:1200px) {
    .down_client .col-lg-offset-1 {
        margin-left: 15%;
        width:70%;
    }
}
@media (min-width:1380px) {
    .down_client .col-lg-offset-1 {
        margin-left: 18%;
        width:65%;
    }
}
@media (min-width:1500px) {
    .down_client .col-lg-offset-1 {
        margin-left: 20%;
        width:63%;
    }
}
@media (min-width:1546px) {
    .down_client .col-lg-offset-1 {
        margin-left: 22%;
        width:62%;
    }
}
@media (min-width:1698px) {
    .down_client .col-lg-offset-1 {
        margin-left: 24%;
        width:58%;
    }
}

.installSty p{font-size:18px;}
/*Modal
------------------------------------------------------------------------------------------------------------   */
.modal.modal-wide .modal-dialog 
{
    width:90%;
}
.modal-wide .modal-body
 {
    overflow-y: auto;
}
/*#myModal .modal-body p {
    margin-bottom:900px;
}
*/
/*Module content-IIMS page-ERP features*/
#modulesCont {text-align:justify; margin-left: 0px; }
.list-group li a{text-decoration:none;}
#modulesCont .imgAlign { margin-top:0px; padding-top:0px; border-top:0px;}
#moduleLink {margin-top:0px; padding-top:0px; border-top:0px; }
/* SIGNUP
------------------------------------------------------------------------------------------------------------   */
.contact-details h2 {
    margin-top: 0px;
}
/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block;  margin:0 0 0 0; padding:0; line-height:normal;} /*float:left;*/
.faico li:last-child{margin-right:0;}

.faico a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:16px; text-align:center;}
.faico a{color:#FFFFFF;}

.faicon-dribble{background-color:#EA4C89;}
.faicon-facebook{background-color:#3B5998;}
.faicon-google-plus{background-color:#DB4A39;}
.faicon-linkedin{background-color:#0E76A8;}
.faicon-pinterest{background-color:#C8232C;}
.faicon-rss{background-color:#EE802F;}
.faicon-twitter{background-color:#00ACEE;}

/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#888888; background-color:#EAEAEA; }

a{color:#5A86B7;}

hr, .borderedbox{border-color:#F2F2F2;}
label span{color:#FF0000; background-color:inherit;}
.overlay{background-color:rgba(0,0,0,.5);}
.btn{color:#FFFFFF; background-color:#5A86B7;}

/* Rows */
.row0, .row0 a{color:#888888; background-color:#FFFFFF;}
.row2, .row2 a{color:#888888; background-color:#FFFFFF;  }
.row2{border-color:#F2F2F2;}
.row3{color:#FFFFFF; background-color:#282828;}
.row3{border-color:#F2F2F2;}
.row4{color:#888888; background-color:#FFFFFF;}
.row5{color:#FFFFFF; background-color:#282828;}
.row5{border-color:#5A86B7;}
.row6, .row6 a{color:#888888; background-color:#F2F2F2; padding-top:0px; padding-bottom:0px;}

/* Top Bar */
#topbar .faico li{border-color:#F2F2F2;}
#topbar .faico a{color:inherit;}
#topbar .faico a:hover{color:#FFFFFF;}

/*Opetus Gradient*/
.row1{ 
    background-color:   #1a82f7; 
    background-repeat:repeat-x;    
    background:-webkit-gradient(linear,0%,0%,0%,100%,from(#96a5bc),to(#ffffff));/*safari 4-5,chrome 1-9*/
    background:-webkit-linear-gradient(top,#96a5bc,#ffffff);    /* safari 5.1,chrome 10+*/
    background:-moz-linear-gradient(top,#96a5bc,#ffffff);   /* firefox 3.6+*/
    background:-ms-linear-gradient(top,#96a5bc,#ffffff);    /*IE 10*/
    background:-o-linear-gradient(top,#96a5bc,#ffffff);      /*opera 11.10+*/
    text-align:center;
   
}
 #opetus
  {
     font-size:550%;
            /*For text gradient */
            /*--Chrome---*/
             background:-webkit-linear-gradient(#e50000,#ffffff);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent;
            /*--firefox---*/
             background:-moz-linear-gradient(#e50000,#ffffff);
            -moz-background-clip:text;
            -moz-text-fill-color:transparent;
             /*--IE---*/
             background:-ms-linear-gradient(#e50000,#ffffff);
            -moz-background-clip:text;
            -moz-text-fill-color:transparent;
             /*--Opera---*/
             background:-o-linear-gradient(#e50000,#ffffff);
            -moz-background-clip:text;
            -moz-text-fill-color:transparent;
                     
            
            /*For shadow*/
            -webkit-filter:drop-shadow(1px 1px 1px #222); 
             filter:drop-shadow(1px 1px 1px #222);
  
             
             padding-top:0px;
             border-top:0px;
             margin-top:0px;
             margin-bottom:0px;
            
}
/*#logo img
 {
    padding-left:1%;
}*/
#pervasive 
{
    font-size:150%;
    color:#FFFFFF;
    -webkit-filter:drop-shadow(1px 1px 1px #222); 
    filter:drop-shadow(1px 1px 1px #222);
    vertical-align:top;
    padding-top:0px; 
    padding-left: 6%; 
       
}
.header_padding {
    padding: 0px 0px 0px 0px !important;
}
.logo_padding {
    margin-top: 1%;
    margin-right: 9%
}
.opetus_label {
    margin-left: 15%;

}
@media (max-width: 767px) 
{
 .header_body_padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
    }   
 }
/* Header */
/*#header #logo h1 a{ text-decoration:none;}*/
#header input{color:inherit; background-color:#F2F2F2;}
#header button{color:#FFFFFF; background-color:#CC827D;}


/* Intro */
#intro article .heading::after{background-color:#5A86B7;}
#intro article i{color:#FFFFFF; background-color:rgba(0,0,0,.3);}
#intro article:hover i{color:#FFFFFF; background-color:#5A86B7;}


/* Content Area */
.service i{border-color:#F2F2F2;}
.service:hover i{color:#FFFFFF; background-color:#5A86B7; border-color:#5A86B7;}


/* Footer */
#footer .title{border-color:#2F2F2F;}
#footer input{background-color:#2F2F2F;}
#footer button{color:#FFFFFF; background-color: #5A86B7; text-shadow:0 -1px 1px rgba(0,0,0,.5);}
#footer a {text-decoration:none;}
#footer .nospace li a {text-decoration:none;}

/* Navigation */
#mainav li a{color:inherit; background-color:inherit; border-color:#F2F2F2;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#CC827D; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#CC827D;}
#mainav form select{border-color:#F2F2F2;}
#mainav li a h4 {font-size:12px;}
#mainav {  text-align: center; }

#breadcrumb a{color:#888888; background-color:inherit;}
#breadcrumb li:last-child a{color:#CC827D;}

.container .sidebar nav a{color:inherit; border-color:#F2F2F2;}
.container .sidebar nav a:hover{color:#CC827D;}

.pagination a, .pagination strong{border-color:#F2F2F2;}
.pagination .current{color:#FFFFFF; background-color:#000000;}

/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#F2F2F2;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}

/*Modules Features Details*/
#frmHeader img
{
    -webkit-filter:drop-shadow(1px 1px 1px #222);
    filter:drop-shadow(1px 1px 1px #222);
}
#faq
 {
    text-align:center;
    font-weight:bold;
}
#frmHeader a {text-decoration:none;}
#frmHeader a span {font-size: 30px;     }
#frmHeader ul {
    background: none;
    margin-bottom: 0px;
}
.dependPadding {margin-left:2%;}

/*SIGNUP
    --------------------------------------------------------------------------------------------------------------*/
#tblSignUp {}
/*#tblSignUp table tbody tr{ background-color:#CFDEF1;}*/
#tblSignUp h2{border:0px;}
#tblSignUp tbody tr td{border:0px;}
#tblSignUp tbody tr td a{text-decoration:none;}
.contactUs .well {
    background-color:#CFDEF1; margin-top:20px;
}

/* Contact Us
------------------------------------------------------------------------------------------------------------   */
.contactUs .well {
    background-color:#CFDEF1;
}
.map {flex-item-align:center;}
#googleMap {
  width:450px;
  height:380px;
}
@media (max-width:1120px) {#googleMap {width: 400px;height: 350px;}}
@media (max-width:1008px) {#googleMap {width: 350px;height: 300px;}}
@media (max-width:892px) {#googleMap {width: 250px;height: 300px; }}
@media (max-width:768px) {#googleMap {width: 450px;height: 380px;}}
@media (max-width:510px) {#googleMap {width: 350px;height: 300px;}}
@media (max-width:409px) {#googleMap {width: 300px;height: 250px;}}
@media (max-width:360px) {#googleMap {width: 250px;height: 250px;}}
@media (max-width:311px) {#googleMap {width: 200px;height: 250px;}}

@media (max-width:445px) {
    .contactUs iframe {
        width: 80%;
        height: 150;
    }
}
@media (max-width:325px) {
    .contactUs iframe {
        width: 80%;
        height: 100;
    }
}
/* Disclaimer */
.disclaimer p {font-size: 16px;}

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:180px) and (max-width:500px) {
	#topbar{display:none;}
	#header, #breadcrumb{padding:20px 0;}
	#intro, .container, #footer{padding:50px 0 20px;}
}


@media screen and (min-width:180px) and (max-width:750px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
}

@media screen and (min-width:180px) and (max-width:900px) {
	#topbar, #header, #mainav, #intro, #breadcrumb, .container, #footer, #copyright{max-width:95%;}

	#topbar{padding:10px 0; text-align:center;}
	#topbar .nospace.inline{margin-bottom:10px;color:#FFFFFF;}
	#topbar .faico{display:inline-block; margin:0 auto;}
	#topbar .faico li{border-width:1px 1px 1px 0;}
	#topbar .faico li:first-child{border-width:1px;}

	#header{text-align:center;}

	#mainav ul{display:none;}
	#mainav form{display:block;}

	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{text-align:center;}

	#copyright{text-align:center;}
	#copyright p:first-of-type{margin-bottom:10px;}
}


/* Max Wrapper Width
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {
	#topbar, #header, #mainav, #intro, #breadcrumb, .container, #footer, #copyright{max-width:978px;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
}