.bg-gray {
    background: #f0f0f0;
}
.divpadding {
    padding: 60px 15px;
}
.client-img { margin-left:10px;}

.address { font-size:16px; color:#ccc; line-height:2;}

.panel-footer p { color:#ccc; font-size:15px;}

.colored_line {
    overflow: hidden;
}
.scheme_original .colored_line .colored_line_color1 {
    background-color: #ffcd5f;
}
.colored_line > div {
    float: left;
    width: 25%;
    height: 0.46153rem;
}
.scheme_original .colored_line .colored_line_color2 {
    background-color: #ff5b4f;
}
.colored_line > div {
    float: left;
    width: 25%;
    height: 0.46153rem;
}
.scheme_original .colored_line .colored_line_color3 {
    background-color: #595d8f;
}
.colored_line > div {
    float: left;
    width: 25%;
    height: 0.46153rem;
}
.scheme_original .colored_line .colored_line_color4 {
    background-color: #8fcec5;
}
.colored_line > div {
    float: left;
    width: 25%;
    height: 0.46153rem;
}


.form-input {
    border: 1px solid #5bc0de;
    background: 0 0;
    border-radius: 0; color:#5bc0de;}

.pharma-banner { background:url(../images/pharma-bg.jpg); min-height:100px; padding:30px; color:#fff; margin-top:-25px;}
 


body{background: #fff;}
html,body{
    position: relative;
    height: 100%;
}

.login-container{
    position: relative;
    width: 300px;
    margin: 80px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

#output{
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}

#output.alert-success{
    background: rgb(25, 204, 25);
}

#output.alert-danger{
    background: rgb(228, 105, 105);
}


.login-container::before,.login-container::after{
    content: "";
    position: absolute;
    width: 100%;height: 100%;
    top: 3.5px;left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;

}

.login-container::after{
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
     -moz-transform: rotateZ(-2deg);
      -ms-transform: rotateZ(-2deg);

}

.avatar{
    width: 100px;height: 100px;
    margin: 10px auto 30px;
    border-radius: 100%;
    border: 2px solid #aaa;
    background-size: cover;
}

.form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
    background: #fafafa;
    transition:0.2s ease-in-out;

}

.form-box input:focus{
    outline: 0;
    background: #eee;
}

.form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
}

.form-box input[type="password"]{
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.form-box button.login{
    margin-top:15px;
    padding: 10px 20px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.row h1{
	font-size:24px;
	color:#fe5722;}
	
.row p strong{
	color:#000;
}

.row p{
	color:#666;}

	

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/*.ui-subtitle-block {     padding-bottom: 55px;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 300;
    color: #878787;
    text-align: center;
    letter-spacing: 0.21em;}*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway|Indie+Flower);
body { font-family:"Open Sans",sans-serif; font-size:14px;}
.margin-top { margin-top:15px;}
.margin-bottom { margin-bottom:15px;}
.margin-left { margin-left:15px;}
.margin-right { margin-right:15px;}

.navbar { border-radius: 0px;}
.navbar {border: 1px solid transparent;margin-bottom: 0px;min-height: 0px; position: relative;}
.navbar-nav > li > a { padding-bottom: 6px; padding-top: 6px;}
.navbar-nav > li > a.mar-left { margin-left:-15px;}
.navbar-inverse { background-color: #314b65;border-color: none;}
.navbar-default { background-color: #FFF; border-color: #e7e7e7; min-height:80px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index:9999;}
.navbar-default .navbar-nav > li > a { color: #5b6a75; font-size:13px; font-weight: 600;list-style: outside none none; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a.mar-right { margin-right:-25px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus { color: #ff7b54;transition: all 200ms ease-in 0s; background-color: transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #ff5454 ; background-color: #fff; border:1px solid #ff5454 ; border-radius:3px;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color:#ff5454; color: #FFF; border-radius:3px 3px 0px 0px;
}
.navbar-brand { float: left; font-size: 18px; line-height: 20px; padding: 10px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -30px;}
.social { margin:0px; padding:0px; overflow:hidden; float:right;}
.social-txt { float:right; font-size:12px; color:#777; padding-top:2px; margin-right:10px;}
.social a {width:34px;color:#ccc;font-size:14px;text-align:center;padding:6px 0px;margin:0px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;transition: .5s; margin-right:1px; float:left; font-weight:bold; background:#314b65;}
.social a:hover {color:#FFF;background-color:#303030; text-decoration:none;}
.social a.link-facebook:hover {background-color:#4862a3;}
.social a.link-twitter:hover {background-color:#34a8d3;}
.social a.link-google-plus:hover {background-color:#e15b45;}
.social a.link-linkedin:hover {background-color:#0077b5;}
.navbar-right .dropdown-menu {right: auto;left: 0;} .navbar-right .dropdown-menu-left { left: 0;right: auto;}
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 250px; padding: 0px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #3e465c; border: 0px solid #cccccc; border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  -webkit-background-clip: padding-box;   background-clip: padding-box;}
.dropdown-menu .divider {
  height: 1px;
  margin: 0px 0;
  overflow: hidden;
  background-color: #242b3f;
}
.dropdown-menu > li > a {
  display: block;
  padding: 6px 15px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #FFF;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #FFF;
  background-color: #242b3f;
  padding: 6px 22px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7;}
.banner { background:#4395b0; min-height:450px; margin:0px; padding:0px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; }
.box > .icon { text-align: center; position: relative; border:1px solid #eee; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #ff5454; vertical-align: middle; }
.box > .icon:hover > .image {/* background: #12aef7;*/ }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background:#fff;  padding: 30px 0 15px 0; }
.box > .icon:hover > .info { /*background:#f2f7f9;*/ border-color: #e0e0e0; color: #333; }
.box > .icon > .info > h3.title { font-size: 16px; color: #072643; font-weight: 500; }
.box > .icon > .info > p { font-size: 13px; color: #999; line-height: 1.5em; margin:30px 30px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > .box > .icon:hover > .info > .more > a {/* color:#12aef7;*/ }
.box > .icon > .info > .more a { font-size: 12px; color: #222; font-weight:bold; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 10px 10px; background-color: #12aef7; }
.box .space { height: 30px; }
.sub-title { color:#666; }
.sub-title02 { color:#999; font-size:14px; margin-top:15px; margin-bottom:25px; line-height:1.5;}

.box01 > .icon {  position: relative; display:block; overflow:hidden;}
.box01 > .icon > .image { position: relative; z-index: 2; margin: auto; width: 60px; height: 60px; border: 5px solid white; line-height: 60px; border-radius: 50%; background: #00ae4d; vertical-align: middle; float:left; text-align:center;}
.box01 > .icon:hover > .image { background: #046fd2; transition: all 200ms ease-in 0s;}
.box01 > .icon > .image > i { font-size: 26px !important; color: #FFF !important; }
.box01 > .icon:hover > .image > i { color: white !important; }
.box01 > .icon > .info { margin-top: 10px;  padding:0px; }
.box01 > .icon:hover > .info { color: #333; }
.box01 > .icon > .info > h3.title { font-size: 14px; color: #222; font-weight: 600; margin:0px;}
.box01 > .icon > .info > h3.title a { color: #222;}
.box01 > .icon > .info > p { font-size: 13px; color: #999; line-height: 1.5em; margin:0px 30px;}
.box01 > .icon:hover > .info > h3.title a { color: #00ae4d;}
.box01 .space { height: 25px; }
.panel-footer { padding: 10px 15px; background-color: #313131; border-top: none; border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; color:#FFF; font-size:13px;}
.panel-footer hr { border-top:1px solid #444;}
.copy { color:#999}
.bluebg { background:url(http://www.rationaltechnologies.com/img/reachus.jpg) #00ae4d; padding:30px 0; color:#FFF; width:100%; font-family: 'Raleway', sans-serif;}
.bluebg h2 { font-family:"Open Sans",sans-serif;}
.bluebg h4 { font-size:19px; margin-bottom:50px; margin-top:20px; line-height:1.4;}
.bluebg .icon-bg { background:#FFF;  border:10px solid #f0f0f0; border-radius:50%; width:90px; height:90px; margin:0 auto; text-align:center; padding:20px; }
.bluebg .icon-bg:hover { background:#FFF;  border:10px solid rgba(0, 0, 0, 0.2);}

.service-bg { background:url(../images/service-bg.jpg) no-repeat; padding:50px 0; color:#FFF; width:100%; font-family: 'Raleway', sans-serif;}
.contact-bg { background:url(../images/contact-bg.jpg) no-repeat; padding:100px 0; color:#FFF; width:100%; font-family: 'Raleway', sans-serif;}
.service-bg h2 { font-family:"Open Sans",sans-serif;}
.service-bg h4 { font-size:19px; margin-bottom:50px; margin-top:20px; line-height:1.4;}
.service-bg .icon-bg { background:#FFF;  border:10px solid #f0f0f0; border-radius:50%; width:90px; height:90px; margin:0 auto; text-align:center; padding:20px; }
.service-bg .icon-bg:hover { background:#FFF;  border:10px solid rgba(0, 0, 0, 0.2);}


.graybg { background:#f0f0f0;  padding:30px 0; font-family: 'Raleway', sans-serif;}
.graybg h2 { font-family:"Open Sans",sans-serif;}
.graybg h4 { font-size:19px; margin-bottom:50px; margin-top:20px; line-height:1.4;}

.list-unstyled li a { color:#999; font-size:13px; line-height:1.8;}
.carousel-control.left {  background-image: none;  background-image: none;  background-image: none;  background-image: none;  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control.right {  left: auto;  right: 0;  background-image: none;  background-image: none;  background-image: none;  background-image: none;  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 450px;
}
.fade-carousel .carousel-inner .item {
    height: 450px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.9);*/
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 3.2em;    
    font-weight: bold;
    margin: 0;
    padding: 0; color:#00ae4d;
}
.hero h3 {
    font-size: 2em;    
    font-weight: bold;
    margin: 25px 0;
    padding: 0; color:#666;
}
.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    /*background-color: #080d15;*/
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 7px 30px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #ec7500;
    border-color: #ec7500;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
  height: 550px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image:url(../images/banner01.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/banner02.jpg);
}

.fade-carousel .slides .slide-3 {
  background-image: url(../images/banner03.jpg);
}
.fade-carousel .slides .slide-4 {
  background-image: url(../images/banner04.jpg);
}
/*.fade-carousel .slides .slide-5 {
  background-image: url(../images/banner05.jpg);
}*/

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.carousel { margin-bottom: 0;  padding: 0;}
/* The controlsy */
.carousel-control {left: -16px;  height: 40px;width: 40px; margin-top: 40px; font-size:44px; color:#000; }
.carousel-control.right {right: -16px;}
/* The indicators */
.carousel-indicators {right: 50%;top: auto;	bottom: 20px;margin-right: -19px;}
/* The colour of the indicators */
.carousel-indicators li {background: #cecece;}
.carousel-indicators .active {background: #428bca;}
.text-primary { color:#ff7b54;}
.white { color:#FFF;}
.blue-bg { background-color: #008aca;
    margin: 0 0 35px;
    min-height: 50px;
    padding: 20px 0;
    position: relative;
    text-align: left;}
		
		.page-header h1 {
    border-bottom-color: #fff;
}
.blue-bg h3 { margin:0px 0;}
.blue-bg ul { display:block; margin:0px; padding:0px;}
.blue-bg li { height: 100%;text-align: center; line-height: 1.4; float: left; list-style-type:none;}
.blue-bg li a {  text-decoration: none;  padding: 0px 10px;  text-decoration: none;  color: #fff; font-size:12px;}
.blue-bg li a:hover { color:#d6f0fe}
.blue-bg li a.left-mar { margin-left:-10px;}
.abt-nav {margin:0px; padding:0px;}
.abt-nav li { float:left; list-style-type:none; background:#7babe4; padding:45px 15px; color:#FFF; min-width:340px; height:150px; margin-right:15px; margin-bottom:15px; text-align:center; font-size:16px; }
.abt-nav li.bgcolor { float:left; list-style-type:none; background:#f7e7a0; padding:45px 15px; color:#333; min-width:340px; height:150px; margin-right:15px; margin-bottom:15px; text-align:center; font-size:16px;}
@media screen and (max-width: 767px){.social { margin:0px; padding:0px; overflow:hidden; float:left; margin-left:15px;}.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;}}
.col-item{ }
.col-item .photo img{display:block; position:relative;}
.col-item .info{ padding:10px; overflow:hidden;}
.col-item .info a{ color:#2b8dd1; font-weight:bold; font-size:11px;}
.iconsize { font-size:18px;}
.col-item .info h4 { font-weight:normal; color:#222; font-size:16px; font-weight:bold; margin:0px; padding-bottom:10px; text-align:center;}
.col-item .info h4 a{ font-weight:normal; color:#4d4d4d}
.col-item .info h4 a:hover{ color:#fdfdd9; text-decoration:underline;}
.pdng { padding:40px;}
.thumbnail { border-radius:0;}



.title-color {
    color: #ff5454;
}
.blog-title a, .title-color {
    font-family: "Century Gothic";
}
.mb-xl {
    margin-bottom: 25px!important;
}
p {
    color: #848484;
    line-height: 24px;
    margin: 0 0 10px;
}
h3 {
    font-size: 1.8em;
    }




.page-header {
    background-color: #008aca;
    margin: 0 0 35px;
    min-height: 50px;
    padding: 20px 0;
    position: relative;
    text-align: left;
}