﻿@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400italic,300,300italic,500,500italic,700,700italic');

body{
    font-family:'Roboto',sans-serif;
    font-weight:400;
    color:#555;
    background-color:#FDFEFE;
    overflow-x:hidden;
    font-size:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -moz-osx-font-smoothing:grayscale;
}
.page{
    min-height:400px;
    overflow:hidden;
}
.goup-container{
    z-index:30;
    opacity:.9;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    background:#1E8BC3;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.goup-container:hover{
    -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform:translate3d(0, -5px, 0);
    transform:translate3d(0, -5px, 0)
}
.goup-arrow{
    color:transparent
}
.goup-arrow:after {
    position:absolute;
    font-family:FontAwesome;
    top:0;
    left:12px;
    top:1px;
    font-size:25px;
    font-weight:700;
    content:"\f106";
    color:#FFF
}
.text-color{
    color:#2574A9;
}
.row{
    margin:0;
    padding:0
}
hr{
    border-top:1px solid #EEE;
    margin-top:25px;
    margin-bottom:25px
}
a{
    color:#044A67;
    text-decoration:none
}
a:visited{
    color:#2574A9;
    text-decoration:none
}
a:hover{
    color:#1E8BC3;
    text-decoration:none
}
a:focus{
    outline:none
}
h1,h2,h3,h4,h5,h6{
    font-family:'Raleway',sans-serif;
    font-weight:700;
    padding-top:0;
    margin-top:10px
}
h1,h2{
    margin-bottom:24px
}
h3{
    margin-bottom:20px;
    font-size:27px;
    line-height:35px
}
h4{
    margin-bottom:19px;
    font-size:22px;
    line-height:30px;
    padding-top:5px
}
h5{
    margin-bottom:18px;
    font-size:18px
}
h6{
    margin-bottom:18px;
    font-size:15px
}
p{
    margin-bottom:14px;
    line-height:23px
}

.homeText {
    font-size: 120%;
}

.img-rounded{
    -webkit-border-radius:4px;
    border-radius:4px
}
.h-underline{
    padding-bottom:12px;
    margin-bottom:28px;
    position:relative;
    border-bottom:solid 1px rgba(0, 0, 0, 0.07);
    color:#044A67
}
.h-underline i{
    color:#2574A9
}
.h-underline:before{
    position:absolute;
    content:"";
    height:1px;
    background:#BDC3C7;
    width:30%;
    max-width:150px;
    bottom:-1px;
    left:0
}
.h-underline2{
    padding-bottom:5px;
    border-bottom:solid 1px #DADADA;
    margin-bottom:10px;
    color:#044A67
}
.title{
    position:relative;
    overflow:hidden;
    margin-top:85px;
    color:#FFF;
    background-color:#033f58;
    vertical-align:middle;
    height:200px;
    text-transform:uppercase
}
.title div.bgtitle{
    width:100%;
    height:100%;
    background-color:#222;
    opacity:.7;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)
}
.title h2{
    position:absolute;
    width:100%;
    font-size:45px;
    color:#FFF;
    top:60px;
    z-index:10;
    text-align:center
}
.title h2:after{
    content:'';
    width:80px;
    display:block;
    background:#FFF;
    height:1px;
    margin:12px auto;
    line-height:1
}
.lead{
    margin-bottom:30px
}
.breadcrumb-container{
    font-family:'Raleway',sans-serif;
    font-weight:500;
    text-transform:uppercase;
    width:100%;
    margin-top:75px;
    background-color:#044A67;
    color:#D5D5D5
}
.breadcrumb {
    width:100%;
    margin:0;
    padding-top:40px;
    list-style:none;
    background-color:transparent;
    font-size:18px;
    -webkit-border-radius:0;
    border-radius:0
}
.breadcrumb > li {
    display: inline-block
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #D5D5D5;
    content: "/\00a0";
     font-weight:300
}
.breadcrumb > li a{
    color: #D5D5D5
}
.breadcrumb > .active {
  color: #FFF;
  font-weight:600
}
.margin-zero{
    margin:0;
    margin-right:0;
    margin-left:0;
    margin-bottom:0;
    margin-top:0
}
.padding-zero{
    padding:0;
    padding-right:0;
    padding-left:0;
    padding-bottom:0;
    padding-top:0
}
.container-fluid{
    padding:0
}
.bg-gray{
    background-color:#EFEEEC;
    padding:16px 0;
    border-top:solid 1px #F0F0F0;
    border-bottom:solid 1px #F0F0F0
}
.bg-white{
    padding:16px 0
}

.bg-white2{
    padding:16px 0
}

.bg-buy{
    padding:40px 0;
    background: #F3F3F4;
    border-top:solid 1px #F0F0F0;
    border-bottom:solid 1px #F0F0F0
}
.space{
    display:none;
    height:20px
}
.hoffset1{
    margin-right:5px
}
.hoffset2{
    margin-right:10px
}
.hoffset3{
    margin-right:15px
}
.hoffset4{
    margin-right:30px
}
.hoffset5{
    margin-right:40px
}
.voffset1{
    margin-top:5px
}
.voffset2{
    margin-top:10px
}
.voffset3{
    margin-top:15px
}
.voffset4{
    margin-top:30px
}
.voffset5{
    margin-top:40px
}
.vboffset1{
    margin-bottom:5px
}
.vboffset2{
    margin-bottom:10px
}
.vboffset3{
    margin-bottom:15px
}
.vboffset4{
    margin-bottom:30px
}
.vboffset5{
    margin-bottom:40px
}

/** HOME **/
.intro-text{
    text-transform:uppercase;
    letter-spacing:.01em;
    color:#044A67
}
.home-icons{
    padding: 18px 0 22px;
    text-align:center;
    overflow:hidden
}
.home-icons .fa{
    display:inline-block;
    color:#2574A9;
    border:solid 1px #BDC3C7;
    width:120px;
    height:120px;
    font-size:50px;
    line-height:120px;
    text-align:center;
    margin:20px 0 -5px;
    text-decoration:none;
    -webkit-border-radius:70px;
    border-radius:70px;
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.home-icons .fa:hover{
    background-color:#2574A9;
    color:#FFF;
    border:0;
    -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform:translate3d(0, -5px, 0);
    transform:translate3d(0, -5px, 0)
}
.tithi{
    color:#044A67;
    text-transform:uppercase;
    font-size:20px;
    font-weight:600
}
.texthi{
    font-size:90%;
    line-height:22px
}
.blognews a img{
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    -webkit-filter:grayscale(40%);
    -o-filter:grayscale(40%);
    filter:grayscale(40%);
}
.blognews a img:hover{
    -webkit-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}
.gallery img{
    width:70px;
    height:53px;
    margin-right:5px;
    margin-bottom:10px;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity:.9;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    -webkit-filter:grayscale(80%);
    -o-filter:grayscale(80%);
    filter:grayscale(80%);
}
.gallery img:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1;
    -webkit-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%)
}
a.gallery:hover{
    text-decoration:none !important
}

/* OWL Carousel */
.owlcarousel .item a img{
    display:block;
    width:100%;
    height:auto;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -o-filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -webkit-filter:grayscale(1);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity:.9
}
.owlcarousel .item a img:hover{
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.owlcarousel .owl-controls{
    margin-top:5px;
    text-align:center;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
    font-family:'Raleway',sans-serif;
    font-weight:900;
    font-size:38px!important;
    width:27px;
    height:40px;
    line-height:30px!important;
    font-weight:700!important;
    padding:0 4px!important;
    background:#FFF !important;
    color:#BDC3C7!important;
    -webkit-border-radius:20px !important;
    border-radius:20px !important;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
    background:#FFF !important;
    color:#777!important;
}

/** ABOUT AND SERVICES **/

/* About */
.skills > h5{
    color:#033f58
}
.progress-bar{
    background-color:#1E8BC3;
    font-size:13px;
    line-height:20px
}
.socialstaff li a{
    display:inline-block
}
.socialstaff li a .fa-facebook-square{
    color:#3b5998;
}
.socialstaff li a .fa-twitter-square{
    color:#00aced;
}
.socialstaff li a .fa-google-plus-square{
    color:#d34836;
}
.socialstaff li a .fa-pinterest-square {
    color:#cb2027;
}
.socialstaff li a .fa-flickr-square{
    color:#ff0084;
}
.socialstaff li a i.fa-linkedin-square{
    color:#007bb6;
}
.counter,.number{
    font-family:'Roboto',sans-serif!important
}

/* Services */
.servdesc > h3{
    color:#033f58
}
.ico-services{
    color:#2574A9;
    text-align:center;
    padding-top:10px
}

/* Accordion */
.panel{
    -webkit-box-shadow:none;
    box-shadow:none
}
.panel-collapse{
    border:0
}
.panel-group{
    margin-bottom:30px
}
.panel-group .panel{
    background:transparent;
    margin-top:2px;
    border:0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.panel-group .panel-heading{
    position:relative;
    background-color:#EEE;
    border-bottom:0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.panel-heading{
    padding:0
}
.panel-group .panel-heading:after{
    font-family:FontAwesome;
    content:"\f078";
    font-size:14px;
    font-weight:700;
    color:#BDC3C7;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-8px
}
.panel-group .panel-heading h4{
    margin-top:0;
    padding-top:0
}
.panel-group .panel-heading a{
    font-weight:500;
    color:#044A67;
    display:block;
    padding:12px 15px
}
.panel-group .panel-heading a:hover,.panel-group .panel-heading a:active,.panel-group .panel-heading a:focus{
    color:#2574A9;
    text-decoration:none
}
.panel-group .panel-heading a i{
    margin-right:5px;
    color:#e91b23
}
.panel-group .panel-body,.collapse .panel-body{
    border:0!important
}

/** PORTFOLIO **/

.vnbx-title{
    background-color:#033f58!important
}
.contact-por h4{
    display:inline-block
}
.grabbing { 
    cursor:url(../images/grabbing.png) 8 8, move !important
}
#grid .mix{
    opacity:0;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    display:none;
    padding:10px
}
.portfolio-filters{
    margin:0 auto 30px;
    text-align:center;
}
.portfolio-filters li{
    display:inline-block;
    padding:10px 15px;
    text-transform:uppercase;
    color:#2574A9;
    background-color:#F1F1EF;
    font-weight:600;
    max-height:40px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out
}
.portfolio-filters li:hover,.portfolio-filters li.active:hover{
    background-color:#1E8BC3; 
    color:#fff
}
.portfolio-filters li.active{
    background-color:#2574A9;
    color:#fff
}
.item-img-wrap{
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    position:relative;
    text-align:center;
    overflow:hidden;
    border: 1px solid lightgrey;
}

.item-img-wrap img{
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear;
    -webkit-border-radius:4px!important;
    border-radius:4px!important
}
.item-img-overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    -webkit-border-radius:4px!important;
    border-radius:4px!important
}
.item-img-overlay span{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/plus.png) no-repeat center center rgba(37, 116, 169, 0.5);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transition:opacity 250ms linear;
    transition:opacity 250ms linear
}

.item-img-wrap:hover .item-img-overlay span{
    opacity:1;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.item-img-overlay h5{
    width:100%;
    font-size:18px;
    font-weight:500;
    position:absolute;
    bottom:-18px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    background:rgba(34, 34, 34, 0.4);
    padding:10px 5px
}

/** PRICING **/

.corp-pricing{
    border:1px solid #EEE;
    text-align:center;
    background-color:#F9F9F9;
    -webkit-border-radius:5px;
    border-radius:5px
}
.corpboot-price-title{
    border-bottom:1px solid #EEE;
    padding:15px 0;
    background:#2574A9;
    position:relative;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    color:#FFF
}
.corpboot-price-title h3{
    margin:0px;
    font-size:18px;
    text-transform:uppercase;
    color:#FFF;
}
.corpboot-price-title h2{
    font-size:38px;
    margin-bottom:20px
}
.corpboot-price-title sup{
    top:.05em;
    font-size:32px;
    margin-right:3px;
}
.corpboot-price-title sub{
    color:#F9F9F9;
    font-size:18px;
    margin-left:2px;
}
.popular-title sub{
    color:#F5F5F5;
}
.corpboot-price-content{
    padding:20px 0;
}
.corpboot-price-content p{
    margin:0px;
    padding:10px 0;
    border-bottom:1px solid #EEE
}
.corp-pricing-btn{
    padding-bottom:20px;
}
span.popular-tag{
    position:absolute;
    right:-6px;
    top:-8px;
    font-weight:600;
    padding:6px 10px;
    color:#FFF;
    background-color:#1E8BC3;
    border:solid 2px #FFF;
    font-size:12px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.corpboot-price-title.popular-title{
    background-color:#044A67;
}
.corpboot-price-title.popular-title h2{
    color:#fff;
}
.corpboot-price-title.popular-title h3{
    color:#fff;
}

/** BLOG **/

#main{
    padding-top:10px
}
.entry-title, a:visited{
    color:#044A67;
}
.post_content{
    text-align:justify
}
.post_content h1,.post_content h2,.post_content h3,
.post_content h4,.post_content h5,.post_content h6{
    text-align:left
}
.author{
    font-size:13px;
    color:#044A67;
    height:36px;
    line-height:36px;
    margin-bottom:15px
}
.author i{
    color:#1E8BC3;
    margin-right:5px
}
.pagination{
    margin:0
}
.pagination li a{
    margin-left:1px;
    font-size:14px
}
.pagination li a,.pagination li span{
    color:#1E8BC3;
    border:none;
    background-color:#F5F5F5;
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out
}
.pagination li a:hover,.pagination li span:hover{
    border:none;
    background-color:#1E8BC3;
    color:#FFF
}
.sidebar{
    padding-top:0;
    margin-top:0
}
.well{
    padding:12px
}
.widget{
    background:transparent;
    border:none;
    padding-top:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin-bottom:10px;
    font-size:14px;
    letter-spacing:.03em
}
.widget h4{
    background:#1E8BC3;
    padding:10px 13px;
    font-size:17px;
    text-transform:uppercase;
    margin-bottom:19px;
    color:#FFF;
    -webkit-border-radius:4px;
    border-radius:4px
}
.widget ul{
    margin-left:10px
}
.widget ul li{
    margin-bottom:8px;
    padding-bottom:7px;
    border-bottom:solid 1px #F2F2F2
}
.widget ul li a{
	color:#777
}
.widget ul li a:hover{
    text-decoration:none;
    color:#2574A9
}
.entry-meta {
    padding-top:15px
}
.entry-meta div p.tags-links a, .tagcloud a {
    color:#777;
    background:transparent;
    font-size:10px;
    line-height:18px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.05em;
    display:inline-block;
    max-height:28px;
    padding:4px 8px;
    margin:3px 2px;
    border:1px solid #F0F0F0;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}
.entry-meta div p.tags-links a{
    margin:0 1px 10px 0;
}
.entry-meta div p.tags-links a:hover, .tagcloud a:hover{
    background-color:#1E8BC3;
    border:1px solid #1E8BC3;
    color:#FFF;
    text-decoration:none
}
.comments-title{
    color:#2574A9;
    margin:25px 0
}
.comments,.author-bio,.reply{
    background-color:#F6F6F6;
    padding:20px;
    margin:17px 0;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden;
    border-bottom:solid 1px #E1E1E1
}
.author-bio div div ul li{
    padding-right:0
}
.social-author{
    font-size:20px;
    padding:0
}
.reply{
    background-color:#F5F5F5;
    margin:-17px 0 17px;
    padding-left:4em;
}
.author-bio{
    background-color:#F9F9F9;
    border:solid 1px #E9E9E9;
    padding-bottom:5px;
    margin-bottom:25px;
    margin-top:10px
}
.author-bio .media-heading{
    padding-top:0
}
.view-all{
    text-transform:uppercase;
    font-weight:700;
    font-size:13px;
    margin-bottom:0;
    padding-bottom:0
}
.comments h5 small,.reply h5 small{
    font-family:'Roboto',sans-serif;
}
.avatar img{
    max-width:64px;
    min-width:48px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin:0 15px 15px 0
}
blockquote{
    font-size:16px;
    text-align:left;
    border-left:4px solid #F2F1EF;
    font-style:italic
}
.subscribe-label{
    font-weight:400;
    font-size:13px
}
.btn-reply, .btn-edit{
    min-width:90px;
    text-align:center;
    font-weight:600;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.03em;
    padding:6px 12px;
    margin:7px;
    background-color:#1E8BC3;
    color:#fff!important;
    border-radius:4px;
    border-radius:4px;
    text-decoration:none
}
.btn-edit{
    background-color:#999;
}
.btn-reply:hover,.btn-reply:active,.btn-reply:focus,
.btn-edit:hover,.btn-edit:active,.btn-edit:focus{
    background-color:#2574A9;
    text-decoration:none
}
.btn-reply i{
    margin-right:3px
}

/** CONTACT AND GENERAL FORMS **/
#map-canvas{
    width:100%;
    height:200px;
    bottom:0;
    overflow:hidden;
    margin-bottom:20px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.cinfo{
    padding-right:10px;
    padding-top:0!important
}
.cinfo p{
    margin-bottom:0
}
.cinfo div i{
    width:25px;
    min-width:25px;
    text-align:center;
    color:#FFF;
    margin:4px 8px 8px 0;
    background-color:#2574A9;
    padding:5px 0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.cinfo div p{
    border-bottom:1px solid #EEE;
    margin-bottom:7px
}
#alertform{
    padding:20px 5px;
    background:none;
    border:none;
    text-align:right;
    margin-top:-20px;
    font-size:13px;
    display:none
}
input{
    border:solid 1px #E9E9E9;
    background-color:#F9F9F9;
    color:#777;
    -webkit-box-shadow:none;
    box-shadow:none
}
textarea,.selectcorp,.form-control,.inputbr{
    width:100%;
    height:auto;
    min-height:42px;
    padding:9px;
    border:solid 1px #E5E5E5;
    background-color:#F9F9F9;
    color:#777;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.inputbr{
    background-color:#F0F0F0;
    margin:10px 0
}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control:focus,.btn-group.open .dropdown-toggle{
    border-color:#BDC3C7;
    -webkit-box-shadow:none;
    box-shadow:none
}

.bootstrap-select > .open{
    padding-top:10px;
    border:solid 1px #BDC3C7;
    background-color:#F9F9F9;
    margin-top:-11px;
    border-top:0;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.bootstrap-select.btn-group .dropdown-menu.inner > li > a:hover{
    background-color:#F1F1F1;
    color:#333
}
.dropdown-menu{
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.08);
    box-shadow:0 2px 0 0 rgba(0,0,0,0.08)
}
.has-error .form-control{
    border-color:#E2B9C0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.has-error .form-control:focus{
    border-color:#C58382;
    -webkit-box-shadow:none;
    box-shadow:none
}
.alert-danger{
    border-color:#E2B9C0
}
.inputbr{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.selectcorp{
    margin-bottom:0
}
select:after{
    color:#dadada!important;
    background-color:#dadada!important
}
.msgcontact{
    padding:10px 0;
    margin-bottom:15px;
    margin-top:-10px
}
.newsletter input{
    border:0
}
.newsletter-desc{
    padding-top:15px
}
.newsletter-desc span{
    font-size:12px
}
.btn-primary-corp{
    font-weight:600;
    background-color:#1E8BC3;
    border:0;
    color:#FFF!important;
    padding:6px 15px;
    height:42px;
    line-height:28px;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.btn-alternative-corp{
    font-weight:600;
    background-color:#2574A9;
    border:0;
    color:#FFF!important;
    padding:6px 17px;
    height:42px;
    line-height:28px;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.btn-primary-corp:hover,.btn-primary-corp:active,.btn-primary-corp:focus,
.btn-alternative-corp:hover,.btn-alternative-corp:active,.btn-alternative-corp:focus{
    background-color:#3498DB;
    border:0
}
.btn-primary-corp-big{
    font-weight:600;
    background-color:#1E8BC3;
    border:0;
    width:auto;
    padding:14px 26px;
    color:#FFF!important;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.btn-primary-corp-big:hover,.btn-primary-corp-big:active,.btn-primary-corp-big:focus{
    background-color:#3498DB;
    border:0;
    color:#FFF
}
a > i.le,.btn > i.le{
    margin-right:4px
}
a > i.ra,.btn > i.ra{
    margin-left:4px
}

/** NAVBAR **/
.navbar-default{
    font-family:'Roboto',sans-serif;
    background:#F9F9F9;
    border:0;
   /* border-top:solid 5px #1E8BC3; */
    text-transform:uppercase;
    min-height:85px;
    -webkit-box-shadow:0 4px 0 0 rgba(0,0,0,0.08);
    box-shadow:0 4px 0 0 rgba(0,0,0,0.08);
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out
}
.navbar-default.tiny{
    min-height:50px;
    /* border-top:solid 3px #1E8BC3; */
}
.navbar-default .navbar-brand{
    color:#044A67;
    margin-top:0;
    padding-top:0
}
.navbar-brand img{
    width:241px;
    margin-top:25px;
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out
}
.navbar.tiny .navbar-brand img{
    margin-top:18px
}
.navbar-default .navbar-nav > li > a{
    margin:20px 2px 2px;
    padding:10px 15px;
    font-size:16px;
    text-transform:uppercase;
    color:#2574A9;
    font-weight:700;
    letter-spacing:.02em;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-transition:margin .25s ease-out,padding .25s ease-out;
    -moz-transition:margin .25s ease-out,padding .25s ease-out;
    -o-transition:margin .25s ease-out,padding .25s ease-out;
    transition:margin .25s ease-out,padding .25s ease-out
}
.navbar-default.tiny .navbar-nav > li > a{
    margin:14px 2px 1px;
    padding:8px 15px
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:active,.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:active,.navbar-default .navbar-nav > .open > a:focus{
    background-color:#1E8BC3;
    color:#F9F9F9;
    outline:none;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > .dropdown > ul > li > a:focus{
    background-color:#3498DB;
    color:#F9F9F9;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.navbar-default .navbar-nav > .dropdown > a .caret{
    border-bottom-color:#2574A9;
    border-top-color:#2574A9;
    margin-left:0;
    margin-right:-4px
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,.navbar-default .navbar-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-nav > .open > a .caret,.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret,.navbar-default .navbar-nav .active > a .caret{
    border-bottom-color:#FFF;
    border-top-color:#FFF
}
.navbar-default .navbar-nav>li .dropdown-menu:before{
    content:'';
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #1E8BC3;
    border-bottom-color:#1E8BC3;
    position:absolute;
    top:-7px;
    right:10px
}
.navbar-collapse.collapse ul li.dropdown ul{
    background:#1E8BC3;
    border:0;
    padding:7px;
    margin:7px 0;
    padding-top:7px;
    min-width:80px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 4px 0 0 rgba(0,0,0,0.08);
    box-shadow:0 4px 0 0 rgba(0,0,0,0.08)
}
.navbar-collapse.collapse ul li.dropdown ul > li > a{
    display:inline-block;
    color:#F9F9F9;
    font-size:13px;
    line-height:20px;
    white-space:nowrap;
    width:100%;
    height:100%;
    font-weight:600;
    -webkit-border-radius:4px;
    border-radius:4px
}
.navbar-collapse.collapse ul li.dropdown ul > li.active>a{
    background:#2574A9
}
.navbar-collapse.collapse ul li.dropdown ul > li > a:hover{
    color:#044A67;
    background:#F9F9F9
}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
    background-color:#1E8BC3;
    border:none;
    color:#fff;
    margin-top:20px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#F9F9F9
}

/** SLIDER **/
.intro-slider{
    text-align:center;
    height:600px;
    overflow:hidden;
    padding-top:180px;
    margin-top:85px
}
.flexslider {
    margin:0;
    border:0;
    position:relative;
    zoom:1;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
.bg-slider-wrapper{
    content:"";
    position:absolute;
    width:100%;
    top:85px;
    left:0;
    height:600px;
}
.bg-slider-wrapper .flexslider{
    margin:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    max-height:600px;
    overflow:hidden
}
.bg-slider > ul{
    margin:0;
    padding:0;
}
.bg-slider-wrapper .flexslider .slide{
    margin:0;
    display:block;
    height:600px
}
.push-text-slide{
    height:180px;
}
.bg-slider-wrapper .flexslider .slide.slide-1:before,
.bg-slider-wrapper .flexslider .slide.slide-2:before,
.bg-slider-wrapper .flexslider .slide.slide-3:before{
    background:rgba(34, 34, 34, 0.5);
    content:"";
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:600px;
    z-index:5
}
.bg-slider-wrapper .flexslider .slide.slide-1{
    background:#222 url('http://placehold.it/1920x854/BDC3C7/ffffff') no-repeat 50% top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-slider-wrapper .flexslider .slide.slide-2{
    background:#222 url('http://placehold.it/1920x854/BDC3C7/ffffff') no-repeat 50% top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-slider-wrapper .flexslider .slide.slide-3{
    background:#222 url('http://placehold.it/1920x854/BDC3C7/ffffff') no-repeat 50% top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-slider-wrapper .flexslider .flex-control-nav{
    z-index:20;
    bottom:45px;
    position:relative;
    margin-bottom:0
}
.bg-slider-wrapper .flexslider .flex-control-nav li a{
    background:rgba(255, 255, 255, 0.3)
}
.bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active{
    background:rgba(255, 255, 255, 0.6)
}
.flex-direction-nav a:before {
    font-size:34px;
    font-family:"FontAwesome";
    content:"\f104";
    color: rgba(255, 255, 255, 0.8);
    text-shadow:none;
}
.flex-direction-nav a.flex-next:before {
    content:"\f105";
    margin-right:15px
}
.bg-img-fixed{
    content:"";
    position:absolute;
    width:100%;
    top:50px;
    left:0;
    height:600px;
    background:#000000 url('/images/banner3.jpg') no-repeat 0% top;
    opacity:1.0;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.bg-img-fixed-content {
    background-color: #222;
    margin: 0;
    padding-top: 200px;
    position: relative;
    text-align: center;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 500px;
    overflow: hidden
}
/* Promo section */
.home-promo{
    font-family:'Raleway',sans-serif;
    display:inline-block;
    color:#fff;
    position:relative;
    z-index:10;
    width:auto;
    margin:0 auto
}
.home-promo .titlepro{
    font-size:35px;
    font-weight:800;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom:40px;
    background:transparent;
    font-weight:700;
    margin-left: 400px;
}
.home-promo .titlepro span{
    display:block
}
    .home-promo .titlepro .middle {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 64px;
        font-weight: 800;
        color: #E4F1FE;
        text-shadow: black 0.1em 0.1em 0.2em;
    }
.home-promo .titlepro .middle strong{
    color:#3498DB
}
.home-promo .titlepro .bottom{
    font-size:25px;
    font-weight:700
}
.promo-button{
    font-family:'Raleway', sans-serif;
    border:solid 2px #FFF;
    color:#FFF;
    background:rgba(0,0,0,0.03);
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:.02em;
    font-weight:500;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding:10px 20px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.promo-button:hover,.promo-button:active,.promo-button:focus{
    background:#1E8BC3;
    color:#FFF
}
.promo-button i{
    margin-right:5px
}

/** FOOTER **/
#footer_top a, #footer_bottom a{
    color:#FFF;
    font-weight:600
}
#footer_top a:hover, #footer_bottom a:hover{
    text-decoration:underline
}
#footer_top{
    padding:40px 0 35px;
    background-color:#044A67;
    margin:0;
    color:#E4F1FE
}
#footer_top .footer_teaser h3{
    font-size:16px;
    line-height:18px;
    color:#dadada;
    font-weight:800;
    text-transform:uppercase;
    padding-bottom:15px
}
#footer_top .footer_teaser p,#footer_top .footer_teaser ul li{
    font-size:13px;
    font-weight:300;
    line-height:20px
}
#footer_top .footer_teaser ul li{
    margin-bottom:10px
}
#footer_top .footer_teaser ul li i{
    margin-right:4px
}
#footer_bottom{
    width:100%;
    background-color:#033f58;
    color:#FFF;
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:300;
    border-top:solid 5px #044A67
}
#footer_bottom a,#footer_bottom a:visited{
    color:#E4F1FE;
    display:inline-block
}
#footer_bottom a:hover{
    color:#FFF
}
.social{
    height:110px
}
.social .fa{
    margin-top:35px;
    display:inline-block;
    color:#FFF;
    background-color:rgba(34,34,34,.18);
    width:48px;
    height:48px;
    line-height:48px;
    border-radius:5px;
    text-align:center;
    font-size:18px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
}
.social .fa:hover{
    background-color:#2574A9;
    text-decoration:none
}
.credits{
    text-align:right;
    font-size:14px;
    padding-top:40px
}
.credits p{
    margin-bottom:0;
    font-size:13px
}
.credits p.small{
    font-size:12px
}

/** RESPONSIVE **/
@media only screen (max-width:1920px) and (min-height:1200px){
    .page{
        min-height:800px
    }
}

@media only screen (max-width:1920px) and (min-height:1080px){
    .page{
        min-height:680px
    }
}

@media only screen (max-width:1600px) and (min-height:1600px){
    .page{
        min-height:1200px
    }
}

@media only screen (max-width:1280px) and (min-height:1024px){
    .page{
        min-height:630px
    }
}

@media only screen (max-width:1920px) and (min-height:900px){
    .page{
        min-height:500px
    }
}

@media (max-width:1030px) {
    .home-promo .titlepro {
        margin-left: 300px;
    }
}
@media (min-width:981px){
    .col-pad7{
        padding-left:0;
        padding-right:7px
    }
    .bg-img-fixed{
        -webkit-background-size: auto 600px;
        -moz-background-size: auto 600px;
        -o-background-size: auto 600px;
        background-size: auto 600px;
    }    
}

@media (max-width:1440px){
    .bg-img-fixed{
        background-size: auto 600px;
        height:700px
    }
}

@media (max-width:995px) {
    .home-promo .titlepro{
        margin-left: 300px;
    }
    .col-pad7{
        padding-left:0;
        padding-right:0
    }
    .container{
        width:95%
    }
    .bg-img-fixed{
        background-size: auto 600px;
        height:650px
    }
    .bg-img-fixed-content{
        height:500px
    }
    .navbar-default .navbar-nav > li > a{
        margin:20px 2px 2px;
        padding:10px 12px;
        font-size:14px;
        letter-spacing:0
    }    
    .navbar-default.tiny .navbar-nav > li > a{
        padding:7px 10px
    }
    .space{
        display:block
    }
}

@media (min-width:768px) and (max-width:800px){
    .navbar-brand img{
        width:150px
    }
    .navbar-default .navbar-nav > li > a{
        padding:8px;
        font-size:13px
    }

    .home-promo .titlepro{
        margin-left: 200px;
    }
}

@media (min-width:768px) {

    .popular-uses {
        padding-left: 140px;
    }
}

@media (min-width:992px) {

    .popular-uses {
        padding-left: 70px;
    }
}

@media (max-width:767px) {

    .popular-uses {
        padding-left: 0px;
    }

    .home-promo .titlepro{
        margin-left: 50px;
    }

    .navbar-default .navbar-nav > li > a{
        margin:0;
        font-size:14px;
        border-bottom:solid 1px #EEE
    }
    .intro-slider, .bg-slider-wrapper, .bg-slider-wrapper .flexslider .slide,
    .bg-slider-wrapper .flexslider .slide.slide-1:before,
    .bg-slider-wrapper .flexslider .slide.slide-2:before,
    .bg-slider-wrapper .flexslider .slide.slide-3:before{
        height:540px
    }
    .intro-slider{
        padding-top:120px;
    }
    .push-text-slide{
        height: 120px;
    }
    .bg-img-fixed{
        background-size:auto 600px;
        height:600px;
        top:75px
    }
    .bg-img-fixed-content{
        height:500px
    }
    .home-promo .titlepro .middle {
        font-size:50px;
    }
    .home-promo{
        padding-left:7px;
        padding-right:7px
    }
    .space{
        display:block
    }    
    .home-icons{
        padding-top:15px
    }    
    .blognews{
        padding-top:15px;
        overflow:hidden
    }
    .reply{
        padding-left:3em;
    }
    .ico-services{
        margin-left:-10px
    }    
    .servdesc{
        margin-right:-15px
    }
    li.filter{
        margin-bottom:10px;
        font-size:14px
    }
    .item-img-wrap img{
        max-width:680px
    }
    .social{
        height:auto;

        text-align:center
    }    
    .credits{
        text-align:center;
        margin-bottom:20px;
        padding-top:30px
    }
    .navbar-default{
        min-height:80px;
    }
    .bg-slider-wrapper{
        top:80px
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        background:transparent;
        color:#FFF;
        padding-bottom:5px;
        padding-top:5px;
        margin:0;
        font-size:90%
    }    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
        background:#F9F9F9;
        color:#044A67;
        -webkit-border-radius:4px;
        border-radius:4px
    }
    .vnbx-label{
        font-size:.8em!important;
    }
}

@media (min-width:650px) {
    .avatar{
        float:left
    }
}

@media (max-width:640px) {
    .ico-services{
        margin-left:-20px
    }    
    .servdesc{
        margin-right:-30px
    }
    .item-img-wrap img{
        max-width:560px
    }
    .avatar img{
        margin:15px auto
    }
}

@media (min-width:481px) and (max-width:767px) {
    .home-promo .titlepro{
        margin-left: 100px;
    }

    .xs-50{
        width: 50%!important;
        padding-right: 10px;
        padding-left: 10px;
        float:left;
    }
}

@media (max-width:480px) {
    .home-promo .titlepro{
        margin-left: 0px;
    }

    .xs-50{
        width: inherit;
        padding-right: inherit;
        padding-left: inherit;
        float:inherit;
    }
    .intro-slider, .bg-slider-wrapper, .bg-slider-wrapper .flexslider .slide,
    .bg-slider-wrapper .flexslider .slide.slide-1:before,
    .bg-slider-wrapper .flexslider .slide.slide-2:before,
    .bg-slider-wrapper .flexslider .slide.slide-3:before{
        height:500px
    }
    .intro-slider{
        padding-top:100px;
    }
    .push-text-slide{
        height: 100px;
    }
    .flex-direction-nav, .flex-direction-nav a:before {
        display:none
    }
    .flex-direction-nav, .flex-direction-nav a.flex-next:before {
        display:none
    }
    .navbar-brand img, .navbar.tiny .navbar-brand img{
        margin-top:24px
    }
    h3{
        font-size:28px
    }    
    h4{
        font-size:20px
    }    
    h5{
        font-size:18px
    }    
    p{
        margin-bottom:14px;
        line-height:20px
    }
    .social .fa{
        width:44px;
        height:44px;
        line-height:44px
    }
    .item-img-wrap img{
        max-width:400px
    }    
    .author{
        line-height:20px
    }
}

@media (max-width:360px) {
    .home-promo .titlepro{
        margin-left: 0px;
    }

    .intro-slider{
        padding-top:85px;
    }
    .push-text-slide{
        height:85px;
    }
    .bg-img-fixed{
        background-size: auto 600px;
        height:600px
    }
    .bg-img-fixed-content{
        height:500px
    }
    .item-img-wrap img{
        max-width:300px;
        margin-left:-10px
    }
}

@media (max-width:320px) {
    .home-promo .titlepro{
        margin-left: 0px;
    }

    .intro-slider{
        padding-top:80px;
    }
    .home-promo .titlepro .upper {
        font-size:26px;
    }
    .home-promo .titlepro .middle {
        font-size:38px;
    }
    .navbar-default{
        min-height:75px;
    }
    .navbar-brand img{
        width:160px
    }
    .bg-slider-wrapper{
        top:75px
    }
    .owl-theme .owl-controls .owl-page span{
        width:9px;
        height:9px;
        margin:5px
    }    
    .social .fa{
        margin-top:30px
    }
    .item-img-wrap img{
        max-width:260px
    }
    .post_content{
        text-align:left
    }
}

@media (max-width:240px) {
    .home-promo .titlepro{
        margin-left: 0px;
    }

    .navbar-brand img{
        width:140px
    }
    .item-img-wrap img{
        max-width:200px;
        margin-left:-20px
    }
}

@media only screen and (max-device-width:800px),
only screen and (device-width:1024px) and (device-height:600px),
only screen and (width:1280px) and (orientation:landscape),
only screen and (device-width:800px),
only screen and (max-width:767px){
    .flex-video{
        padding-top:0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-device-pixel-ratio:1.25),
only screen and (min-resolution:200dpi),
only screen and (min-resolution:1.25dppx){
    html{
        -webkit-font-smoothing:subpixel-antialiased;
    }
}

.a0-action{
        color: blue;
    }

/* visited link */
a:visited {
    color:white;
}

#FormEditField
{
    width:100%;
}

.single-line
{
    width:100%;
}

hr {
    border-top: 2px solid #033f58;
}

.fathr {
    border-top: 4px solid #033f58;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.btn-info {
}

.edit-rows {
    line-height:2.5em;
}

.contentx {
    padding-left: 180px;
}

.edit-menu {
  position: fixed;
  left: 10px;
  top: 200px;
  width: 170px;
  margin-top: -2.5em;
  z-index: 100;
  border: 2px solid lightblue;
  -webkit-border-radius:6px;
  border-radius:6px;
  background-color: rgba(37, 116, 169, 0.5);
  text-align:center;

}

  .timelinePreviewModal  {
     width:90%;
     max-width: 1060px; 
     height: 90%;
     overflow-y:hidden;
  }

.timelinePreviewModalBody {
     max-height: calc(100% - 100px);
     max-width: 100%;
     height: 90%;
 }

.timelinePreviewModalContent {
    height:100%;
}

/* center bootstrap modal popups */

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; 
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.modal-header {
      background-color: #0094ff;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      color: white;
      padding: 5px 15px 5px 15px;
      font-weight: normal;
}

.modal-header h4 {
    margin-bottom: 10px;
    font-weight: normal;
}

.home-page {
      background-color: white;
      color: black;
      font-weight: normal;
}

.modal-header .close {
    margin-top: 15px;
    margin-right: 10px;
}

/* Icon Picker styes */

.iconPicker {
    width: 650px;
    border-radius: 8px;
    padding: 0px;
}

.iconPickerTitle {
    margin-top:5px;
    text-align: center;
}

.icon-container {
    border: 2px solid lightgrey;
    padding: 8px;
    margin: 5px;
    border-radius: 8px;
    height:375px; 
    overflow: auto;
    margin-top: 10px;
}

.icon-combo {
    padding-right: 5px;
    padding-left: 5px;
}

.iconPickerBody {
    padding:10px;
}

.iconPickerCategoryLabel {
    padding-top: 8px;
    text-align:right;
    padding-left: 0px;
}


.iconPicker #table {
    display: table;
}

.iconPicker .row {
    display: table-row;
}

.iconPicker .cell {
    padding: 4px;
    display: table-cell;
}

.iconPicker .cell img:hover {
  cursor: pointer;

}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Github: https://github.com/IanLunn/Hover
 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform;
}

.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.image-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 

.tooltip-inner {
    width: 400px;
    font-weight:normal;
}

.control-label {
    padding-right: 0px;
}

.help-icon {
    font-size: 15px;
}

.edit-menu-hr {
    padding: 0px;
    margin: 6px 15px 6px 15px;
    border-color: #849BB3;
}

.radioPrivacy {
    margin:4px 0 0;
    margin-top:1px \9;
    line-height:normal;
    padding-top:10px;
}

em { 
    font-style: italic;
}

.help-notice {
    color:green;
    font-size:20px;
    float:left;
    padding-left:5px;
    padding-bottom:30px;
    padding-right:20px;
    overflow:hidden;
}

.loginbox {
    border-style: solid;
    border-width: 2px;
    border-radius:6px;
    border-color: #044A67;
    margin: 20px;
    background-color: white;
}

.bootstrapcenter {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.loginbackground {
    background:url(/image/site/typewriter.jpg) repeat scroll center rgba(37, 116, 169, 0.5);
}

#home-list { font-weight:bold; }
#home-list ol { font-size:16px; }
#home-list ol li { padding-bottom: 10px; }
#home-list ol li ol { font-weight:normal; padding:5px 0 5px 18px; font-size:15px; }
#home-list ol li ol li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings'; 
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}
#home-list ol li ol li { height:15px; margin-left:10px; }


.helpbox a:hover {
    color: lightskyblue;
    text-decoration: none
}

.dropdown-menu:before,
.dropdown-menu:after {
    border: none !important;
    content: none !important;
}

.helptopics {
    border-radius: 10px;
    background-color: white;
    border-width: 6px;
    border-color: black;
    border: solid;
}

.contenttopics {
    border-bottom: 0px;
    border-top:0px;
    border-left:3px;
    border-right:3px;
    border-color: black;
    border:none;
}

.bg-white-help {
    padding: 20px 0;
}

.message-grid {
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: 400;
    border-color: red;
    text-align: center;
}

.homepage-section-border {
    border-left: 1px dashed gray;
    border-right: 1px dashed gray
}

.message-author {
    font-size: 16px;
    color: #044A67;
    margin-bottom: 15px
}
