@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300);.backgroundbody{    //background:linear-gradient(rgba(0, 0, 0,0.6), rgba(0, 0, 0, 0.6)),url('../images/backgroundhd.jpg') no-repeat center center fixed ;    background:url('../images/backgroundhd.jpg') no-repeat center center fixed ;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;        margin-top: 10px;    /*color:#fff;    background-color:#333;*/    /*font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;*/}.logo{    margin: 0 auto;    width:120px;}.span6{    width:90%;}.centered{    display: block;    margin-left: auto;    margin-right: auto;    text-align: center;}.leftlogo{   float: left;}.margintop{    margin-top: 20%;    background: rgba(255,255,255,0.9);}.marginservices{    margin: 0px auto;    width: 1102px;}.title{    font-size: 30px;    color:#255fa0;}.subtitle{    font-size: 18px;    color:#888888;    margin-bottom: 25px;}.gap{    margin-left: 5px;}body{ font-family: 'Roboto', sans-serif !important;}/*div css*//*.aligndiv{   margin-top: 50px;    margin-left: 10%;}.tile-progress {    background-color: #303641;    color: #fff;}.tile-progress .tile-header {    padding: 15px 20px;    padding-bottom: 40px;}.tile-progress .tile-footer {    padding: 20px;    text-align: center;    background: rgba(0,0,0,0.1);    -webkit-border-radius: 0 0 3px 3px;    -webkit-background-clip: padding-box;    -moz-border-radius: 0 0 3px 3px;    -moz-background-clip: padding;    border-radius: 0 0 3px 3px;    background-clip: padding-box;    -webkit-border-radius: 0 0 3px 3px;    -moz-border-radius: 0 0 3px 3px;    border-radius: 0 0 3px 3px;}#side1{    border: 1px solid;}*/#side1 li a{   /* border-top: 1px solid; */}.services li{    width: 200px;    height: 200px;    background: url('../images/logo.png') no-repeat #ffffff;    background-position: center 15px;    float: left;    margin-right: 1%;    position: relative;    margin-bottom: 3%;    cursor: pointer;    background-size: 70%;    box-shadow: 2px 2px 1px #ccc;}.services li div{    bottom: 0px;    position: absolute;    text-align: center;    width: 100%;    min-height: 50px;    background: rgba(33,60,144,1);}.services li div.sl-label {    padding: 12px;}.services li div.dl-label {    padding: 4px;}.services li div a {    text-decoration: none;    color: #ffffff;}/**/.services1 li{    width: 200px;    height: 200px;    background: url('../images/logo.png') no-repeat #ffffff;    background-position: center center;    float: left;    margin-right: 1%;    position: relative;    margin-bottom: 3%;    cursor: pointer;    background-size: 70%;}.services1 li div{    bottom: 0px;    position: absolute;    text-align: center;    width: 100%;    min-height: 50px;    background: rgba(42,171,210,0.7);}.services1 li div.sl-label {    padding: 12px;}.services1 li div.dl-label {    padding: 4px;}.services1 li div a {    text-decoration: none;    color: #ffffff;}/* top menu css*/ul.arrowunderline{    list-style-type:none;    margin:0;    padding:0;    text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */    font-size: small;    margin-top: 20px;    font-family: 'Roboto', sans-serif !important;}ul.arrowunderline li{    display:inline;    margin-right:10px; /* spacing between each menu item */}ul.arrowunderline li a{    position:relative;    color:#777777;    padding-bottom:8px; /*spacing between each menu item and arrow underline beneath it */    text-decoration:none;}ul.arrowunderline li a:hover{    border-bottom:3px solid #213C90; /* style of arrow underline */}ul.arrowunderline li a:hover:after{ /* use CSS generated content to add arrow to the menu */    content:'';    width:0;    height:0;    position:absolute;    left:50%;    margin-left:-5px; /* value should match border-width below */    bottom: 0;    border-width:5px; /* value should match margin-left above */    border-style:solid;    border-color: transparent transparent #213C90 transparent; /* create up arrow */}.arrowunderline .active{    border-bottom:3px solid #213C90; /* style of arrow underline */}.selected_menu{    background-color: #213C90 !important;    color: #ffffff !important;}/*side menu css*/.menu_space{    margin-top: 35px;}/* make sidebar nav vertical */@media (min-width: 768px){    .affix-content .container {        width: 700px;    }    html,body{        background-color: #ffffff;        height: 100%;    }    .affix-content .container .page-header{        margin-top: 0;    }    .affix-sidebar{        padding-right:0;        font-size:small;        padding-left: 0;    }    .affix-row, .affix-container, .affix-content{        height: 100%;        overflow: scroll;        margin-left: 0;        margin-right: 0;    }    .affix-content{        background-color:white;    }    .sidebar-nav    {        margin-top:20px !important;    }    .sidebar-nav .navbar .navbar-collapse {        padding: 0;        max-height: none;    }    .sidebar-nav .navbar{        border-radius:0;        margin-bottom:0;        border:0;    }    .sidebar-nav .navbar ul {        float: none;        display: block;        border: 1px solid #ccc;    }    .sidebar-nav .navbar li {        float: none;        display: block;        border-bottom: 1px solid #ccc;    }    .sidebar-nav .navbar li a {        padding-top: 12px;        padding-bottom: 12px;    }}@media (min-width: 769px){    .affix-content .container {        width: 600px;    }    .affix-content .container .page-header{        margin-top: 0;    }}@media (min-width: 992px){    .affix-content .container {        width: 900px;    }    .affix-content .container .page-header{        margin-top: 0;    }}@media (min-width: 1220px){    .affix-row{        overflow: hidden;    }    .affix-content{        overflow: auto;    }    .affix-content .container {        width: 1000px;    }    .affix-content .container .page-header{        margin-top: 0;    }    .affix-content{        padding-right: 30px;        padding-left: 10px;    }    .affix-title{        border-bottom: 1px solid #ecf0f1;        padding-bottom:10px;    }    .navbar-nav {        margin: 0;    }    .navbar-collapse{        padding: 0;    }    .sidebar-nav .navbar li a:hover {        background-color: #808080;        color: white;    }    .sidebar-nav .navbar li a > .caret {        margin-top: 8px;    }}.sidebar-nav .navbar li .current_page_item a {    background-color: #213C90 !important;    color: white !important;}.cuadro_intro_hover{    padding: 0px;    position: relative;    overflow: hidden;    height: 200px;}.cuadro_intro_hover:hover .caption{    opacity: 1;    transform: translateY(-150px);    -webkit-transform:translateY(-150px);    -moz-transform:translateY(-150px);    -ms-transform:translateY(-150px);    -o-transform:translateY(-150px);}.cuadro_intro_hover img{    z-index: 4;}.cuadro_intro_hover .caption{    position: absolute;    top:150px;    -webkit-transition:all 0.3s ease-in-out;    -moz-transition:all 0.3s ease-in-out;    -o-transition:all 0.3s ease-in-out;    -ms-transition:all 0.3s ease-in-out;    transition:all 0.3s ease-in-out;    width: 100%;}.cuadro_intro_hover .blur{    background-color: rgba(0,0,0,0.7);    height: 300px;    z-index: 5;    position: absolute;    width: 100%;}.cuadro_intro_hover .caption-text{    z-index: 10;    color: #fff;    position: absolute;    height: 300px;    text-align: center;    top:-20px;    width: 100%;}/*crew_contact.css*/a:hover, a:focus{    text-decoration:none !important;}p{    text-align: justify;}.center_img{    width: 200px;    border-radius: 50%;}.center_all{    text-align: center;}.sub_list li a{    /*margin-left: 15px;*/}.left_align{    margin-left: 20px;}.img_size{    width: 150px;    height: 150px;}.left_align1{    margin-left: 40px;}.row_label{    bottom: -44px;    text-align: center;    width: 100%;    min-height: 20px;    background: #213C90;    padding: 5px;}.font_color{    color: #ffffff;}.row_label a:hover{    color: #ffffff;}h3,h4{    color: #213C90;}.contentDiv{    height: 600px;    overflow: auto;    overflow-x:hidden;    padding: 10px;}.page-header{ margin:0px !important;    padding-bottom:0px !important;}.breadcrumb {    padding: 15px 0px;    margin-bottom: 0px !important;    list-style: none;    background-color: #ffffff !important;    border-radius: 4px;    float: right;}.breadcrumb > li + li:before {    content: "|" !important;}ul, ol {    margin-top: 5px !important;}.textAlign{    text-align: justify;}.left_space ul li{    margin-left: 10px !important;}.certificate{    width: 200px;    height: 150px;}.allCaps{    text-transform: uppercase;}.thumbnail {    position:relative;    overflow:hidden;}.caption {    position:absolute;    top:0;    right:0;    background:rgba(66, 139, 202, 0.75);    width:100%;    height:100%;    padding:2%;    display: none;    text-align:center;    color:#fff !important;    z-index:2;}.caption h3{    color: #fff !important;}#map-canvas {    width: 100%;    height: 300px;    margin: 0;    padding: 15px;}.shape{    border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;    -ms-transform:rotate(360deg); /* IE 9 */    -o-transform: rotate(360deg);  /* Opera 10.5 */    -webkit-transform:rotate(360deg); /* Safari and Chrome */    transform:rotate(360deg);}.offer{    background:#fff; border:1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;    height: 285px;}.offer-radius{    border-radius:7px;}.offer-danger {	border-color: #d9534f; }.offer-danger .shape{    border-color: transparent #d9534f transparent transparent;    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);}.offer-success {	border-color: #5cb85c; }.offer-success .shape{    border-color: transparent #5cb85c transparent transparent;    border-color: rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0);}.offer-default {	border-color: #999999; }.offer-default .shape{    border-color: transparent #999999 transparent transparent;    border-color: rgba(255,255,255,0) #999999 rgba(255,255,255,0) rgba(255,255,255,0);}.offer-primary {	border-color: #428bca; }.offer-primary .shape{    border-color: transparent #428bca transparent transparent;    border-color: rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0);}.offer-info {	border-color: #5bc0de; }.offer-info .shape{    border-color: transparent #5bc0de transparent transparent;    border-color: rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0);}.offer-warning {	border-color: #f0ad4e; }.offer-warning .shape{    border-color: transparent #f0ad4e transparent transparent;    border-color: rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0);}.shape-text{    color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;    -ms-transform:rotate(30deg); /* IE 9 */    -o-transform: rotate(360deg);  /* Opera 10.5 */    -webkit-transform:rotate(30deg); /* Safari and Chrome */    transform:rotate(30deg);}.offer-content{    padding:0 20px 10px;}.imgLoader{    margin: 0px auto;    width: 70%;}.bottomLabel{    font-size: 12px;}.resize{    padding-left: 0px !important;    padding-right: 0px !important;}.heightIncrease{    height: 300px !important;}/**/.container {    position:relative;}.container .textbox {    position:absolute;    top:0;    left:0;    -webkit-transform: scale(0);    transform: scale(0);    border-radius:5px;    background-color: rgba(0,0,0,0.75);    -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);    box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);}.container:hover .textbox {    -webkit-transform: scale(1);    transform: scale(1);}.text {    padding-top: 50px;}.textbox {    -webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}/*carousel*/.transition-timer-carousel .carousel-caption {    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */    width: 100%;    left: 0px;    right: 0px;    bottom: 0px;    text-align: left;    padding-top: 5px;    padding-left: 15%;    padding-right: 15%;}.transition-timer-carousel .carousel-caption .carousel-caption-header {    margin-top: 10px;    font-size: 24px;}@media (min-width: 970px) {    /* Lower the font size of the carousel caption header so that our caption    doesn't take up the full image/slide on smaller screens */    .transition-timer-carousel .carousel-caption .carousel-caption-header {        font-size: 36px;    }}.transition-timer-carousel .carousel-indicators {    bottom: 0px;    margin-bottom: 5px;}.transition-timer-carousel .carousel-control {    z-index: 11;}.transition-timer-carousel .transition-timer-carousel-progress-bar {    height: 5px;    background-color: #5cb85c;    width: 0%;    margin: -5px 0px 0px 0px;    border: none;    z-index: 11;    position: relative;}.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{    /* We make the transition time shorter to avoid the slide transitioning    before the timer bar is "full" - change the 4.25s here to fit your    carousel's transition time */    -webkit-transition: width 4.25s linear;    -moz-transition: width 4.25s linear;    -o-transition: width 4.25s linear;    transition: width 4.25s linear;}.carousel-inner .item{    height: 400px !important;}.slider{    position: absolute;    background: #428BCA;    z-index: 1000;    display: none;}#slider-1{    width: 100%;    height: 300px;}#slider-2{    width: 100%;    height: 300px;}#slider-3{    width: 100%;    height: 300px;}.slider1{    position: absolute;    background: #5CB85C;    z-index: 1000;    display: none;}.slider2{    position: absolute;    background: #5CB85C;    z-index: 1000;    display: none;}.textColor{    color:#ffffff;}/* CSS3 STYLE GENERIC */.view {    float: left;    border: 5px solid #fff;    overflow: hidden;    position: relative;    text-align:left ;    box-shadow: 0px 0px 5px #aaa;    cursor: default;}.view .mask, .view .content {    width:10px;    height:10px;    position:absolute;    overflow: hidden;    top: 0;    left: 0;}.view img {    display: block;    position: relative;}.view a.info {    background:url(../images/link.png) left no-repeat !important;    display: inline-block;    text-decoration: none;    padding:0;    text-indent:-9999px;    width:20px;    height:20px;    color: yellowgreen;}/* CSS3 EFFECTS SECOND EFFECTS*/.second-effect .mask {    opacity: 0;    overflow:visible;    border:0px solid rgba(0,0,0,0.7);    -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;    box-sizing:border-box;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;}.second-effect a.info {    position:relative;    top:-10px;    opacity:0;    -moz-transform:scale(0,0);    -webkit-transform:scale(0,0);    -o-transform:scale(0,0);    -ms-transform:scale(0,0);    transform:scale(0,0);    -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;    -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;    -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;    -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;    transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}.second-effect:hover .mask {    opacity: 1;    border:100px solid rgba(0,0,0,0.7);    height:10px !important;    width: 20px !important;}.second-effect:hover a.info {    opacity:1;    -moz-transform:scale(1,1);    -webkit-transform:scale(1,1);    -o-transform:scale(1,1);    -ms-transform:scale(1,1);    transform:scale(1,1);    -moz-transition-delay:0.3s;    -webkit-transition-delay:0.3s;    -o-transition-delay:0.3s;    -ms-transition-delay:0.3s;    transition-delay:0.3s;}/*other*/.firstcharacter { color: #000000; font-size: 30px;  }.actived{    background-color: #213C90 !important;    color: #ffffff !important;}.actived a{    color: #ffffff !important;}.margintop_services{    margin-top: 20px;}.row_label_services{    bottom: -44px;font-size: 20px;    text-align: center;    width: 100%;    min-height: 5px;    background: #213C90;    padding: 16px;}.pricing {    text-align: center;}/*.carousel-inner{    height:300px;}.carousel-inner > .item > img, .carousel-inner > .item > a > img {    width: 100%;    height:300px;}.we_carousel{    width: 100%;    height:300px !important;}*/.pad-t-b{    padding: 30px 0 40px 0;}