@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);



html,

body {

  height: 100%;

  width: 100%;

  padding: 0;

  margin: 0;

  font-family: "Open Sans", sans-serif;

  font-size: 14px;

  line-height: 1;

  font-weight: 400;

  border: none;

  color: #444;

  position: relative;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 500;

  margin: 0px 0px 10px;

  color: #272727;

  font-family: "Open Sans", sans-serif;

  text-transform: uppercase;

}



h4 {

  font-size: 16px;

  font-family: "Raleway", sans-serif;

  font-weight: 700;

  line-height: 22px;

}



h3 {

  font-size: 26px;

}



p {

  margin-bottom: 12px;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  line-height: 25px;

  color: #727272;

  font-weight: 400;

}

a {

  color: #015294;

  background: none;

  text-decoration: none;

  outline: none;

}



a:hover,

a:active,

a:focus {

  color: #f5514b;

  text-decoration: none;

  outline: none;

}



::selection {

  background: #E5EEFE;

  color: black;

}



::-moz-selection {

  background: #f5514b;

  color: #fff;

}



img {

  max-width: 100%;

}



select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.form-control {

  display: inline-block;

  margin-bottom: 20px;

  font-size: 15px;

  line-height: 25px;

  color: #484444;

  height: 46px;

  width: 100%;

  vertical-align: middle;

  box-shadow: none;

  border-radius: 0px;

  transition: all 200ms ease-in 0s;

  background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;

  border: 2px solid rgba(236, 240, 241, 0.58);

}



textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.form-control:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-color: #fff !important;

}

/* JOBS */

.job_section{

      background-color: #f1f9ff;

}

.job_section .box .job_content-box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.job_section .box .img-box {

    width: 100px;

    height: 100px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 20px;

    margin-right: 20px;

    border: 1px solid #717171;

    background-color: #ffffff;

}

.job_section .box{

    border: 1px solid #005295;

    padding: 10px;

    margin-bottom: 20px;

    border-radius: 5px;

    background-color: #fff;

}

.job_section .box .img-box img {

    width: 100%;

}

.job_section .box .detail-box h5 {

    font-weight: 600;

    font-size: 16px;

    color: #005295;

}

.job_section .box .detail-box .detail-info {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

}

.job_section .box .detail-box .detail-info h6 {

    margin: 0;

    margin-right: 15px;

    font-size: 14px;

    color: #777;

}

.job_section .box .option-box .fav-btn {

    margin-right: 25px;

    border: none;

    background: none;

    outline: none;

    font-size: 20px;

    color: inherit;

}

.job_section .box .option-box .apply-btn, .apply-btn {

    background-color: #005295;

    border: 1px solid #fff;

    color: #ffffff;

}

/*-----------------------------------------------------------------*/

/* Common Elements

/*-----------------------------------------------------------------*/



::-webkit-input-placeholder {

  color: #fff !important;

  font-weight: 600;

  letter-spacing: 1px;

}



:-moz-placeholder {

  color: #fff !important;

  font-weight: 600;

  letter-spacing: 1px;

}



::-moz-placeholder {

  color: #fff !important;

  font-weight: 600;

  letter-spacing: 1px;

}



:-ms-input-placeholder {

  color: #fff !important;

  font-weight: 600;

  letter-spacing: 1px;

}



.clear {

  clear: both;

}



.scrollup {

  width: 35px;

  height: 35px;

  position: fixed;

  bottom: 30px;

  right: 15px;

  display: none;

  background: #015294;

  text-align: center;

}



.scrollup i {

  color: #fff;

  font-size: 15px;

  display: block;

  line-height: 33px;

}



.scrollup:hover {

  background: #015294;

}



.section {

  padding: 100px 0 70px;

  position: relative;

}



.section .container {

  position: relative;

}



.title-box {

  border-bottom-width: 0px;

  margin-bottom: 40px;

  position: relative;

}



.title-box h2.title {

  font-weight: 700;

  font-size: 29px;

  line-height: 32px;

  text-transform: uppercase;

}



.title-box h2:before {

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 0;

  margin: -22px auto;

  position: absolute;

  width: 40px;

  background: #00aab3;

}



.title-box.white h2.title:before {

  background: #fff;

}



.title-box.white h2.title {

  color: #fff;

}



.title-box.text-center h2:before {

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 0;

  right: 0;

  margin: -22px auto;

  position: absolute;

  width: 40px;

  background: #575051;

}



.title-box.text-right:before {

  left: auto;

  right: 0;

}



.title-box.text-center:before {

  left: 50%;

  margin-left: -20px;

}



.color-white h2 {

  color: #fff !important;

}



#pageloader {

  width: 100%;

  height: 100%;

  position: fixed;

  background-color: #fff;

  z-index: 999999;

}



.loader {

  position: absolute;

  width: auto;

  height: auto;

  margin: -25px 0 0 -25px;

  top: 50%;

  left: 50%;

  text-align: center;

}



.overlay {

  background: rgba(9, 42, 73, .7);

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

}



section {

  position: relative;

}



.parallax .container {

  position: relative;

}



.parallax {

  background-attachment: fixed !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

}



/*-----------------------------------------------------------------*/

/* Buttons

/*-----------------------------------------------------------------*/



.btn {

  box-shadow: none;

  line-height: 22px;

  font-weight: 600;

  padding: 6px 23px;

  font-size: 15px;

  border-radius: 20px;

  border: 2px solid transparent;

  color: #262b37;

  transition: all 200ms ease 0s;

}



.btn-red {

  background: rgb(243, 88, 91);

  border-color: rgb(243, 88, 91);

  color: #fff;

}

.btn-red:hover,

.btn-red:focus {

  background: #fff;

  border-color: FFFF;

  color: #000;

}



.btn-white {

  background: #fff;

  border-color: FFFF;

  color: #5f5a5a;

}



.btn-white:hover,

.btn-white:focus {

  color: #fff;

  background: #015294;

  border-color: #015294;

}



.btn-gray-border:hover,

.btn-gray-border:focus {

  color: #fff;

  background: rgb(243, 88, 91);

  border-color: rgb(243, 88, 91);

}



.btn-green {

  background: #015294;

  border-color: #015294;

  color: #fff;

}



.btn-green:hover,

.btn-green:focus {

  color: #fff;

  background: transparent;

  border-color: #fff;

}



.btn-gray-border {

  border: 2px solid #7a7a7b;

  background: transparent;

  color: #4f4f50;

}



.btn-gray-border:hover,

.btn-gray-border:focus {

  color: #fff;

  background: #015294;

  border-color: #015294;

}



/*-----------------------------------------------------------------*/

/* spacing & margin

/*-----------------------------------------------------------------*/



.margin-top-5 {

  margin-top: 5px !important;

}



.margin-top-10 {

  margin-top: 10px !important;

}



.margin-top-15 {

  margin-top: 15px !important;

}



.margin-top-20 {

  margin-top: 20px !important;

}

.margin-top-25 {

  margin-top: 25px !important;

}



.margin-top-30 {

  margin-top: 30px !important;

}



.margin-top-35 {

  margin-top: 35px !important;

}



.margin-top-40 {

  margin-top: 40px !important;

}



.margin-top-45 {

  margin-top: 45px !important;

}



.margin-top-50 {

  margin-top: 50px !important;

}



.no-margin-bottom {

  margin-bottom: opx !important;

}



.margin-bottom-5 {

  margin-bottom: 5px !important;

}



.margin-bottom-10 {

  margin-bottom: 10px !important;

}



.margin-bottom-15 {

  margin-bottom: 15px !important;

}



.margin-bottom-20 {

  margin-bottom: 20px !important;

}



.margin-bottom-25 {

  margin-bottom: 25px !important;

}



.margin-bottom-30 {

  margin-bottom: 30px !important;

}



.margin-bottom-35 {

  margin-bottom: 35px !important;

}



.margin-bottom-40 {

  margin-bottom: 40px !important;

}



.margin-bottom-50 {

  margin-bottom: 50px !important;

}



.margin-bottom-50 {

  margin-bottom: 50px !important;

}

.margin-bottom-60 {

  margin-bottom: 60px !important;

}



.margin-bottom-70 {

  margin-bottom: 70px !important;

}



.margin-bottom-80 {

  margin-bottom: 80px !important;

}



.margin-bottom-90 {

  margin-bottom: 90px !important;

}



.margin-left-5 {

  margin-left: 5px !important;

}

.margin-left-10 {

  margin-left: 10px !important;

}

.margin-left-15 {

  margin-left: 15px !important;

}



.margin-left-20 {

  margin-left: 20px !important;

}



.margin-left-25 {

  margin-left: 25px !important;

}



.margin-left-30 {

  margin-left: 30px !important;

}



.margin-left-90 {

  margin-left: 90px !important;

}



.margin-right-5 {

  margin-right: 5px !important;

}



.margin-right-10 {

  margin-right: 10px !important;

}



.margin-right-15 {

  margin-right: 15px !important;

}



.margin-right-20 {

  margin-right: 20px !important;

}



.margin-right-25 {

  margin-right: 25px !important;

}



.margin-right-30 {

  margin-right: 30px !important;

}



.padding-top-5 {

  padding-top: 5px;

}



.padding-top-10 {

  padding-top: 10px;

}



.padding-top-15 {

  padding-top: 15px;

}



.padding-top-20 {

  padding-top: 20px;

}



.padding-top-25 {

  padding-top: 25px;

}



.padding-top-30 {

  padding-top: 30px;

}



.padding-top-35 {

  padding-top: 35px;

}



.padding-top-40 {

  padding-top: 40px;

}



.padding-top-45 {

  padding-top: 45px;

}



.padding-top-50 {

  padding-top: 50px;

}



.padding-top-55 {

  padding-top: 55px;

}



.padding-top-60 {

  padding-top: 60px;

}



.padding-top-70 {

  padding-top: 70px;

}



.padding-top-80 {

  padding-top: 80px;

}



.padding-top-90 {

  padding-top: 90px;

}



.padding-top-100 {

  padding-top: 100px;

}



.padding-bottom-5 {

  padding-bottom: 5px;

}



.padding-bottom-10 {

  padding-bottom: 10px;

}



.padding-bottom-15 {

  padding-bottom: 15px;

}



.padding-bottom-20 {

  padding-bottom: 20px;

}



.padding-bottom-25 {

  padding-bottom: 25px;

}



.padding-bottom-30 {

  padding-bottom: 30px;

}



.padding-bottom-35 {

  padding-bottom: 35px;

}



.padding-bottom-40 {

  padding-bottom: 40px;

}



.padding-bottom-45 {

  padding-bottom: 45px;

}



.padding-bottom-50 {

  padding-bottom: 50px;

}



.padding-bottom-55 {

  padding-bottom: 55px;

}



.padding-bottom-60 {

  padding-bottom: 60px;

}



.padding-bottom-70 {

  padding-bottom: 70px;

}



.padding-bottom-80 {

  padding-bottom: 80px;

}



.padding-bottom-90 {

  padding-bottom: 90px;

}



.padding-bottom-100 {

  padding-bottom: 100px;

}



.padding-5 {

  padding: 5px;

}



.padding-10 {

  padding: 10px;

}



.padding-15 {

  padding: 15px;

}



.padding-20 {

  padding: 20px;

}



.padding-25 {

  padding: 25px;

}



.padding-30 {

  padding: 30px;

}



/*-----------------------------------------------------------------*/

/* Navigation

/*-----------------------------------------------------------------*/



#header {

  top: 0;

  z-index: 500;

  width: 100%;

  position: fixed;

  z-index: 99999;

}



#main-menu {

  z-index: 300;

  visibility: visible;

}



.menu-bg {

  background: #FFFFFF;

}



#main-menu ul {

  display: block;

  width: 100%;

  text-align: center;

}



#main-menu ul li {

  display: inline-block;

  position: relative;

}



#main-menu ul li a {

  display: inline-block;

  padding: 6px 10px;

  line-height: 60px;

  color: #fff;

  font-weight: 600;

  font-size: 15px;

  text-transform: uppercase;

  transition: all 0.25s ease 0s;

}



#main-menu ul li a:hover {

  color: #fff;

}



#main-menu ul.nav > li > a:hover,

#main-menu ul.nav > li > a:focus {

  background: none;

}



#main-menu ul li.active > a,

#main-menu ul li.active.has-child > a {

  color: #fff;

  box-shadow: inset 0 -5px 0 #fff;

}



.menu-bg #main-menu ul li.active > a,

.menu-bg #main-menu ul li.active.has-child > a {

  color:#015294 !important;

  box-shadow: inset 0 -5px 0 #015294 !important;

}



.clear-toggle {

  display: none;

  clear: both;

}



.navbar-toggle {

  color: #015294;

  margin-top: 4px;

  font-size: 32px;

  margin-bottom: 0px;

  padding-top: 9px;

  position: absolute;

  right: 20px;

  padding-right: 0;

}



.logo {

  width: 100% !important;

  height: 100% !important;

}



.logo-nav {

  float: left;

  line-height: 60px;

}



/*-----------------------------------------------------------------*/

/* Slider

/*-----------------------------------------------------------------*/



.home {

  overflow: hidden;

  font-family: "Raleway", sans-serif;

}



.home .slides {

  display: inline-block;

  width: 100%;

}



.home .flexslider {

  overflow: hidden;

}



.big {

  font-size: 50px;

  font-weight: bold;

  line-height: 70px;

  text-transform: uppercase;

  margin: 6px -10px;

  color: #fff;

}



.small {

  font-size: 20px;

  font-weight: 200;

  color: #fff;

  margin: 30px 0px 0px;

  text-transform: uppercase;

  font-weight: 600;

}



.home .flexslider .slides img {

  background-position: center 0;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

}



.home .flexslider .slides img.parallax {

  background-attachment: fixed;

}



.flexslider.video img {

  background: none !important;

}



#video_player {

  bottom: 0;

  height: auto;

  min-height: 100%;

  min-width: 100%;

  position: absolute;

  right: 0;

  width: auto;

}



.slider-text-wrapper {

  position: absolute;

  width: 100%;

  height: 250px;

  top: 50%;

  left: 0;

  margin-top: -125px;

  text-align: center;

  z-index: 999;

}



.slider-text-wrapper .btn {

  margin-top: 60px;

  border: 2px solid #fff;

  background: transparent;

  color: #fff;

}



.flex-control-nav {

  bottom: 40px;

  z-index: 999;

  position: absolute;

  width: 100%;

  text-align: center;

}



.flex-control-nav li {

  display: inline-block;

}



.flex-control-paging li a {

  width: 6px !important;

  height: 6px !important;

  box-shadow: none !important;

  background: #fff !important;

  display: inline-block !important;

  text-indent: -9999px !important;

  border-radius: 50% !important;

  margin: 0 6px !important;

  cursor: pointer !important;

  z-index: 9999 !important;

}



.flex-control-paging li a.flex-active {

  background: #18263a;

}



.flexslider {

  position: relative;

}



.flex-prev {

  color: #333;

  font-size: 40px;

  height: 40px;

  left: 20px;

  margin-top: -20px;

  position: absolute;

  top: 50%;

  width: 40px;

  z-index: 2;

}



.home .flex-prev,

.home .flex-next {

  color: #fff;

  transition: none 0s ease 0s;

  z-index: 999;

}



.flex-next {

  color: #333;

  font-size: 40px;

  height: 40px;

  right: 0px;

  margin-top: -20px;

  position: absolute;

  top: 50%;

  width: 40px;

  z-index: 2;

}

.home .flex-prev,

.home .flex-next {

  color: #fff;

  transition: none;

}



#home {

  width: 100%;

  height: 100%;

  color: #fff;

}



.slider-overlay {

  background: repeat rgba(9, 42, 73, .7); 

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  z-index: 100;

  width: 100%;

  height: 100%;

}



/*-----------------------------------------------------------------*/

/*  Flexslider

/*-----------------------------------------------------------------*/



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus {

  outline: none;

}



.slides,

.flex-control-nav,

.flex-direction-nav {

  margin: 0;

  padding: 0;

  list-style: none;

}



.flexslider {

  margin: 0;

  padding: 0;

}



.flexslider .slides > li {

  display: none;

  -webkit-backface-visibility: hidden;

}



.flexslider .slides img {

  width: 100%;

  display: block;

  height: 630px;

}



.flex-pauseplay span {

  text-transform: capitalize;

}



.slides:after {

  content: "\0020";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



html[xmlns] .slides {

  display: block;

}



* html .slides {

  height: 1%;

}



.no-js .slides > li:first-child {

  display: block;

}



.flex-control-nav {

  position: absolute;

  bottom: 20px;

  text-align: center;

  width: 100%;

}



.flex-control-nav li {

  margin: 0 3px;

  display: inline-block;

}



.flex-control-nav li a {

  width: 30px;

  height: 5px;

  background: #fff;

  text-indent: -9999px;

  display: block;

  opacity: 0.4;

}



.flex-control-nav li a.flex-active {

  opacity: 1;

}



.flex-direction-nav .flex-prev:hover,

.flex-direction-nav .flex-next:hover {

  opacity: 1;

}



/*-----------------------------------------------------------------*/

/* About

/*-----------------------------------------------------------------*/



.features-icon-box {

  margin-bottom: 50px;

}



.features-icon-box .features-icon {

  position: absolute;

  width: 60px;

  height: 60px;

  line-height: 41px;

  font-size: 45px;

  color: #015294;

}



.features-icon-box .features-info {

  margin-left: 80px;

}



/*-----------------------------------------------------------------*/

/* Fun Facs

/*-----------------------------------------------------------------*/



#facts {

  background: url(../images/parallax/facts.jpg) no-repeat;

  padding: 150px 0px 100px;

}



.facts-box {

  text-align: center;

}



.facts-box h3 {

  font-size: 40px;

  margin-bottom: 12px;

  color: #fff;

  font-weight: 700;

}



.facts-box span {

  color: #fff;

  font-size: 15px;

  font-weight: 700;

  text-transform: uppercase;

}



.facts-box i {

  color: #fff;

  font-size: 50px;

  margin-bottom: 30px;

}



/*-----------------------------------------------------------------*/

/* Tab

/*-----------------------------------------------------------------*/



.content-tab-1 .nav {

  text-align: center;

  text-transform: uppercase;

}



.content-tab-1 > .nav > li {

  float: none;

  display: inline-block;

  border: 2px solid #b1aeae;

  padding: 3px 20px;

  box-shadow: 0px 0px 2px #f2f2f2;

  margin-bottom: 5px;

}



.content-tab-1 > .nav li > a {

  color: #cfd9e6;

  background-color: transparent;

  transition: all 0.2s ease 0s;

}



.content-tab-1 > .nav li > a > i {

  color: #474846;

  font-size: 35px;

  margin-bottom: 10px;

}



.content-tab-1 > .nav > li > a > h4 {

  display: block;

  color: #4d3f3f;

  font-size: 16px;

  margin-bottom: 0px;

}



.content-tab-1 > .nav > li.active > a > h4,

.content-tab-1 > .nav > li.active > a > i {

  color: #fff;

}



.content-tab-1 > .nav > li.active {

  border: 2px solid #015294;

  background: #015294;

}



.tab-content-main {

  padding: 20px 0px 0px;

}



.tab-content-main img {

  float: left;

  margin-right: 75px;

}



.tab1-features {

  margin-bottom: 30px;

}



.tab1-features .icon {

  position: absolute;

  width: 40px;

  height: 40px;

  background: #015294;

  color: #fff;

  text-align: center;

  line-height: 35px;

  font-size: 20px;

  border: 2px solid transparent;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -ms-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



.tab1-features:hover .icon {

  border-color: #015294;

  color: #015294;

  background: transparent;

}



.tab1-features .info {

  margin-left: 60px;

}



.tab-carousel.owl-theme .owl-controls {

  text-align: center;

  position: absolute;

  top: 45%;

  width: 100%;

}



.tab-carousel.owl-theme .owl-controls .owl-buttons div {

  display: block;

  width: 30px;

  height: 30px;

  line-height: 20px;

  font-size: 20px;

  border-radius: 0;

  opacity: 1;

  background: #015294;

  position: absolute;

  margin: 0;

}



.tab-carousel .owl-prev {

  left: 0;

  position: absolute;

}



.tab-carousel .owl-next {

  right: 0;

  position: absolute;

}

.tab-carousel .owl-prev:hover,

.tab-carousel .owl-next:hover {

  background: #4f3b3b;

}



.tab-carousel .item img {

  display: block;

  width: 100%;

  height: auto;

}



.tab2-services-box {

  margin-bottom: 30px;

  padding: 15px;

  border: 1px solid #e1dddd;

}

.tab2-services-box .media {

  margin-bottom: 30px;

}



.tab2-services-box .services-info h4 {

}



.tab2-services-box .services-info p {

  margin-bottom: 0;

}



.features-tab3 {

  margin-top: 20px;

  display: inline-block;

}



.features-tab3 .features-left,

.features-tab3 .features-right {

  padding-top: 20px;

}



.features-tab3 .features-left h4,

.features-tab3 .features-right h4,

.features-tab3 .features-left p,

.features-tab3 .features-right p {

  line-height: 25px;

}



.features-tab3 .features-left .features-item,

.features-tab3 .features-right .features-item {

  margin-bottom: 40px;

}



.features-tab3 .features-left .features-icon,

.features-tab3 .features-right .features-icon {

  width: 55px;

  height: 55px;

  line-height: 55px;

  text-align: center;

  color: #015294;

  font-size: 22px;

  font-weight: 600;

  border: 1px solid #015294;

  position: relative;

  border-radius: 28px;

  transition: all 0.7s ease-in-out 0s;

}



.features-tab3 .features-left .features-item:hover .features-icon,

.features-tab3 .features-right .features-item:hover .features-icon {

  color: #fff;

  border-color: #015294;

  background: #015294;

}



.features-tab3 .features-left .features-icon {

  float: right;

}



.features-tab3 .features-right .features-icon {

  float: left;

}



.features-tab3 .features-left .features-info {

  text-align: right;

  margin-right: 90px;

}



.features-tab3 .features-right .features-info {

  text-align: left;

  margin-left: 90px;

}



.tab4-services-box {

  margin-bottom: 30px;

  text-align: center;

}



.tab4-services-box .icon {

  text-align: center;

  font-size: 47px;

  display: inline-block;

  color: #015294;

  width: 100px;

  height: 100px;

  border: 1px solid #015294;

  line-height: 100px;

  border-radius: 50%;

  margin-bottom: 20px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -ms-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



.tab4-services-box .info {

  margin-top: 20px;

}



.tab4-services-box .info h4 {

  margin-bottom: 14px;

}



.tab4-services-box:hover .icon {

  background: #015294;

  color: #fff;

  border-color: #015294;

}



.core-features .list {

  margin: 0px;

  padding: 0px 0px 0px 7px;

}



.core-features .list li {

  font-size: 15px;

  margin: 0px 0px 12px;

  font-weight: 600;

  line-height: 20px;

  position: relative;

  padding: 0px 0px 0px 25px;

  list-style: outside none none;

  color: #6e6d6d;

}



.core-features .list li::after {

  top: 0px;

  left: 0px;

  content: "\f058";

  position: absolute;

  font-family: "FontAwesome";

}



/*-----------------------------------------------------------------*/

/* History

/*-----------------------------------------------------------------*/



#history {

  background: url(../images/parallax/timeline.jpg);

}



ul.timeline {

  margin: 40px auto 0;

  width: 100%;

  background: url(../images/timeline-bg.jpg) center center repeat-y;

  height: auto;

  position: relative;

  padding: 0 0 80px;

  z-index: 200;

}



.timeline .year {

  background: #ffffff;

  clear: both;

  color: #3c3d3d;

  font-size: 18px;

  font-weight: 600;

  height: auto;

  margin: 31px auto;

  text-align: center;

  width: 75px;

  height: 75px;

  border-radius: 50%;

  line-height: 72px;

  left: -35px;

  border: 3px solid #919191;

  position: relative;

  top: -5px;

  left: auto;

}



.timeline .timeline-item {

  float: left;

  padding: 20px;

  width: 47.5%;

  background: rgba(0, 0, 0, 0.7);

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  margin: 10px 0;

  position: relative;

  z-index: 550;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}



.timeline .timeline-item h4 {

  color: #fff;

  font-size: 15px;

}



.timeline .timeline-item p {

  color: #fff;

}



.timeline .timeline-item span {

  font-size: 13px;

  font-weight: 600;

  text-transform: uppercase;

  color: #fff;

}



.timeline .timeline-item:after {

  content: "";

  position: absolute;

  right: -6.8%;

  display: block;

  width: 18px;

  height: 18px;

  background: #fff;

  border: 2px solid #fff;

  border-radius: 100px;

  top: 18px;

  z-index: 20;

}



.timeline .timeline-item:nth-of-type(2n):before {

  border-top: 10px solid rgba(0, 0, 0, 0);

  border-bottom: 10px solid rgba(0, 0, 0, 0);

  border-left: 10px solid rgba(0, 0, 0, 0);

  border-right: 10px solid rgba(0, 0, 0, 0.7);

  content: "";

  right: 100%;

  position: absolute;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}



.timeline .timeline-item:before {

  border-top: 10px solid rgba(0, 0, 0, 0);

  border-bottom: 10px solid rgba(0, 0, 0, 0);

  border-right: 10px solid rgba(0, 0, 0, 0);

  border-left: 10px solid rgba(0, 0, 0, 0.7);

  content: "";

  right: -20px;

  position: absolute;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}



.timeline .timeline-item:nth-of-type(2n) {

  float: right;

  clear: right;

}



.timeline .year + .timeline-item {

  margin-top: -20px;

}



.timeline .timeline-item:nth-of-type(2n):after {

  left: -6.8%;

}



.timeline .end-icon:before {

  clear: both;

}



.timeline .end-icon {

  height: 64px;

  border: 3px solid #919191;

  border-radius: 300px;

  background: #fff;

  color: #868586;

  font-size: 24px;

  bottom: 0px;

  left: 50%;

  margin-left: -32px;

  text-align: center;

  padding: 19px 0px;

  clear: both;

  position: absolute;

  width: 64px;

}



/*-----------------------------------------------------------------*/

/* Works

/*-----------------------------------------------------------------*/



#works {

  position: relative;

  padding-bottom: 0px;

  line-height: 0;

}



.work-grid .mix {

  opacity: 0;

  display: none;

}



.filtering {

  display: inline-block;

  text-align: center;

  margin: 0px;

  padding: 0px;

}



.filter {

  position: relative;

  display: inline-block;

  margin-right: 10px;

  text-transform: uppercase;

  cursor: pointer;

  transition: all 0.25s linear 0s;

  padding: 20px 24px;

  margin-bottom: 15px;

  color: black;

  font-weight: 600;

  font-size: 14px;

  border: 2px solid #b1aeae;

}



.filter:last-child {

  margin: 0px;

}



.filter.active,

.filter:hover {

  color: #fff;

  background: #015294;

  border-color: #015294;

}



.work-main {

  width: 100%;

  clear: both;

  margin-top: 60px;

  display: inline-block;

}



.work-grid {

  width: 100%;

  padding: 0;

}



.work-grid .work-item {

  overflow: hidden;

  padding: 8px;

}



.work-grid .work-item .work-image {

  overflow: hidden;

  width: 100%;



  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  transition: all 0.8s;

  margin-left: 30%

}



.work-grid .work-item .work-image img {

  max-height: 67px;

  width: 83px;

  height: 67px;

}



.work-grid .work-item .work-caption {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

}



.work-grid .work-item .work-caption h4 {

  font-size: 16px;

  color: #fff;

  margin: 30px 0px 0px 30px;

  letter-spacing: 1px;

}



.work-grid .work-item .work-caption p {

  font-size: 17px;

  color: #fff;

  margin: 2px 0px 0px 30px;

  letter-spacing: 1px;

}



.work-grid .work-item .hover-link {

  left: 50px;

  position: absolute;

  bottom: 25px;

  z-index: 9999;

  opacity: 0;

}



.work-grid .work-item .hover-link a {

  position: relative;

  font-size: 20px;

  line-height: 50px;

  text-align: center;

  display: inline-block;

  background: #fff;

  color: #444;

  width: 50px;

  height: 50px;

  margin: 0px;

  border-radius: 100%;

  cursor: pointer;

  z-index: 200;

}



.work-grid .work-item:hover .hover-link,

.work-grid .work-item:hover .work-caption {

  opacity: 1;

}



.work-grid .work-item:hover .work-caption {

  background: rgba(0, 0, 0, 0.72);

}



.thumnail-img {

  position: relative;

  float: left;

  display: inline-block;

  width: 20%;

  overflow: hidden;

}



/*-----------------------------------------------------------------*/

/* Call To Action

/*-----------------------------------------------------------------*/



#cta {

  background: url(../images/parallax/cta.jpg) no-repeat;

  padding: 130px 0px 130px;

}



#about1 {

  background: url(../images/works/about-us.jpg) no-repeat;

  padding: 130px 0px 130px;

}

#cta h2 {

  color: #fff;

  font-size: 33px;

  margin-bottom: 36px;

  font-weight: 600;

  text-shadow: 0px 0px 2px #1b1a1a;

}



#cta .btn-white {

  margin-right: 15px;

}



/*-----------------------------------------------------------------*/

/* Team

/*-----------------------------------------------------------------*/



#team {

  padding: 100px 0px 130px;

  background: #fff;

}



.team-items {

  width: 100%;

  height: auto;

  overflow: hidden;

  position: relative;

}



.team-items .item {

  background: #fff;

  height: auto;

  font-weight: 300;

  margin: 0px 10px 10px;

  padding: 15px;

  cursor: pointer;

}



.team-items .item img {

  margin-bottom: 20px;

}



.team-items .item h4 {

  margin-bottom: 6px;

}



.team-items .item h5 {

  font-weight: 600;

  text-transform: none;

  font-size: 14px;

  color: #464745;

}



.team-items .item p {

  margin-bottom: 9px;

}



.socials {

  margin-bottom: 10px;

  margin-top: 15px;

  width: 100%;

}



.socials ul {

  margin: 0px;

  padding: 0px;

}



.socials ul li {

  display: inline-block;

  list-style: none;

}



.socials ul li a {

  background: #fff;

  border: 1px solid #a9acae;

  color: #a0a3a5;

  cursor: pointer;

  display: inline-block;

  font-size: 14px;

  height: 30px;

  margin-left: 5px;

  text-align: center;

  width: 30px;

  line-height: 30px;

  border-radius: 50%;

  -webkit-transition: all 0.7s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -ms-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



.socials ul li a:hover {

  background: #015294;

  border-color: #015294;

  color: #fff;

}



#team .owl-theme .owl-controls {

  margin-top: 10px;

  text-align: center;

  position: relative;

  height: 40px;

}



#team .owl-prev,

#team .owl-next {

  display: block;

  width: 30px;

  height: 30px;

  line-height: 20px;

  font-size: 20px;

  border-radius: 0;

  opacity: 1;

  background: #fa3636;

  position: absolute;

  transition: all 0.3s ease 0s;

}



#team .owl-prev {

  right: 50%;

  margin-right: 10px;

}



#team .owl-next {

  left: 50%;

  margin-left: 10px;

}



#team .owl-prev:hover,

#team .owl-next:hover {

  background: #3c3c3c;

}



/*-----------------------------------------------------------------*/

/* Skills

/*-----------------------------------------------------------------*/



#skills {

  text-align: center;

  padding: 100px 0px 0px;

  background: url(../images/parallax/skills.jpg) no-repeat;

}



.pie-chart-main {

  margin-bottom: 100px;

}



.pie-chart {

  position: relative;

  display: inline-block;

  width: 150px;

  height: 120px;

  margin-top: 70px;

}



.pie-chart canvas {

  position: absolute;

  top: -60px;

  left: 0;

  width: 150px;

  height: 150px;

  color: #fff;

}



.percent {

  display: inline-block;

  z-index: 2;

  font-weight: 800;

  font-size: 40px;

  line-height: 46px;

  color: #fff;

}



.percent:after {

  content: "%";

  margin-left: 0.1em;

  font-size: 20px;

}



.pie-chart-main h4,

.pie-chart-main p {

  color: #fff;

}



/*-----------------------------------------------------------------*/

/* Services

/*-----------------------------------------------------------------*/



#services {

  padding-bottom: 50px;

  background: #fff;

}



.services-box {

  text-align: center;

  margin-bottom: 50px;

  border: 1px solid #eae7e7;

  padding: 29px 10px 20px;

}



.services-box .services-icon {

  width: 80px;

  height: 80px;

  color: #fff;

  font-size: 38px;

  line-height: 80px;

  border-radius: 50%;

  display: inline-block;

  margin: 0px auto;

  background: #015294 none repeat scroll 0% 0%;

}



.services-box .services-desc {

  margin-top: 25px;

}



.services-box .services-desc h4 {

  margin: 31px 0px 20px;

}



/*-----------------------------------------------------------------*/

/*  Why Choose Us

/*-----------------------------------------------------------------*/



#why-choose {

  background: #fbfbfb;

}



.tabs-main {

  padding-right: 15px;

  margin-bottom: 30px;

}



.accordion-main {

  padding-left: 15px;

  margin-bottom: 30px;

}



.tabs .nav-tabs li a {

  border-radius: 1px;

  color: #272727;

  font-weight: 700;

  font-size: 16px;

  padding: 8px 16px;

  background: #f3f0f0;

  border-top: 2px solid #f3f0f0;

}



.tabs .nav-tabs li.active a {

  border-top: 2px solid #015294;

  background: #fff;

  color: #272727;

  font-weight: 700;

  font-size: 16px;

  text-transform: none;

}



.tabs .nav-tabs li a:hover {

  background: #ededed;

}



.tabs .nav-tabs li.active a:hover {

  background: #fff;

}



.tabs .tab-content {

  border: 1px solid #dbdbdb;

  border-top: none;

  padding: 25px 15px;

  font-size: 14px;

  color: #a9a9a9;

}



.panel-group .panel-heading {

  cursor: pointer;

  padding: 15px 15px;

}



.panel-body ul li {

  margin-bottom: 5px;

  line-height: 20px;

  font-weight: 300;

}



.panel-body ul li i {

  margin-right: 5px;

}



.panel-title {

  font-size: 16px;

  font-weight: 600;

  color: #272727;

  text-transform: none;

}



.panel-group .panel {

  background: rgba(243, 243, 243, 0.59);

  border: 1px solid #f0eded;

  margin-bottom: 20px;

  border-radius: 0px;

  box-shadow: 0px 1px 0px #ccc;

}



.panel-group .panel-body {

  border: none;

}



#accordion .accordion-toggle:after {

  /* symbol for "opening" panels */

  font-family: "FontAwesome";

  content: "\f068";

  float: right;

  color: #393535;

  font-size: 12px;

}



#accordion .panel-heading.collapsed .accordion-toggle:after {

  /* symbol for "collapsed" panels */

  content: "\f067";

}



/*-----------------------------------------------------------------*/

/*  Video

/*-----------------------------------------------------------------*/



#video {

  background: url(../images/parallax/cta.jpg) no-repeat;

}



.video-caption-main {

  margin-bottom: 30px;

}



.video-caption {

  margin-bottom: 30px;

  color: #e7e7e7;

}



.video-caption h4 {

  line-height: 26px;

  font-size: 18px;

  color: #fff;

  text-transform: none;

}



.video-caption p {

  color: #fff;

}



.video-caption .video-icon {

  display: inline-block;

  width: 70px;

  height: 70px;

  line-height: 70px;

  text-align: center;

  color: #fff;

  font-size: 30px;

  float: left;

  border-radius: 50%;

  border: 1px solid #fff;

  -webkit-transition: all 0.7s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -ms-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



.video-caption:hover .video-icon {

  background: #fff;

  border-color: #fff;

  color: #015294;

}



.video-caption .video-caption-info {

  margin-left: 100px;

}



.play-video {

  margin-bottom: 30px;

}



.play-video iframe {

  width: 100%;

  height: 350px;

}



/*-----------------------------------------------------------------*/

/* Blog

/*-----------------------------------------------------------------*/



.blog-post {

  padding: 0px;

  background: #fefdfd;

  border: 1px solid #f6f3f3;

  margin-bottom: 30px;

  box-shadow: 0px 0px 2px 1px rgba(216, 213, 213, 0.14);

}



.post-desc {

  padding: 25px 20px;

}



.post-desc h4 {

  font-size: 15px;

  line-height: 20px;

  margin-bottom: 8px;

}



.post-desc h5 {

  color: #585957;

  font-size: 13px;

  font-weight: 700;

  text-shadow: 0px 0px 1px #e0d6d6;

  font-style: italic;

}



.post-media {

  overflow: hidden;

  max-height: 360px;

}

.post-media img {

  max-width: 100%;

  height: auto;

}



.post-blog .btn {

  text-transform: uppercase;

  margin-top: 15px;

}



/*-----------------------------------------------------------------*/

/* Testimonial

/*-----------------------------------------------------------------*/



#testimonials {

  background: url(../images/parallax/testimonials.jpg) no-repeat;

}



#testimonials {

  color: #fff;

  position: relative;

  padding: 100px 0px;

}



#testimonials .container {

  position: relative;

}



#testimonials .items {

  margin-bottom: 30px;

  margin-top: -7px;

  color: #fff;

  text-align: center;

}



#testimonials .testimonial-pic {

  margin: 10px 0px;

  width: 120px;

  height: 120px;

  border-radius: 50%;

}



#testimonials .desc {

  font-size: 19px;

  line-height: 36px;

  margin-bottom: 30px;

  font-style: italic;

  font-family: "Roboto";

}



#testimonials .name {

  color: #fff;

  font-weight: 600;

  margin-top: 20px;

  font-size: 18px;

}



#testimonials .owl-controls .owl-page span {

  background: none;

  display: block;

  margin: 5px 4px;

  opacity: 1;

  width: 12px;

  height: 12px;

  margin-right: 10px;

  border: 2px solid #ccc;

}



#testimonials .owl-controls .owl-page.active span {

  background: #015294;

  border-color: #015294;

}



/*-----------------------------------------------------------------*/

/* Client Logo Carousel

/*-----------------------------------------------------------------*/



#clients {

  background: #fff;

  text-align: center;

}



.clients-carousel .item figure {

  margin: 10px;

  width: 150px;

  margin: 0 auto;

}



.clients-carousel .item figure img {

  display: block;

  margin: 0 auto;

  opacity: 0.5;

}



.clients-carousel .item figure img:hover {

  opacity: 1;

}



/*-----------------------------------------------------------------*/

/* Featured Carousel

/*-----------------------------------------------------------------*/



#featured-works {

  background: #fbfbfb;

  padding-top: 70px;

}



.featured-work-carousel {

  display: inline-block;

  width: 100%;

}



#featured-works .item {

  height: auto;

  z-index: 300;

  cursor: pointer;

}



#featured-works .item .fworks-image {

  overflow: hidden;

  width: 100%;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  transition: all 0.8s;

}



#featured-works .item .fworks-image img {

  width: 100%;

  height: auto;

}

#featured-works .item .featured-caption {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  background: rgba(0, 0, 0, 0.5);

}



#featured-works .item .featured-caption h4 {

  font-size: 15px;

  color: #fff;

  margin: 30px 0px 0px 30px;

}



#featured-works .item .featured-caption p {

  font-size: 14px;

  color: #fff;

  margin: 5px 0px 0px 30px;

  text-transform: uppercase;

}



#featured-works .item .hover-link {

  left: 100px;

  position: absolute;

  bottom: 15px;

  opacity: 0;

  z-index: 200;

}



#featured-works .item .hover-link a {

  position: relative;

  font-size: 20px;

  line-height: 50px;

  text-align: center;

  display: inline-block;

  background: #fff;

  color: #444;

  width: 50px;

  height: 50px;

  margin: 0px;

  border-radius: 100%;

}



#featured-works .item:hover .hover-link,

#featured-works .item:hover .featured-caption {

  opacity: 1;

}



#featured-works .owl-controls {

  margin-top: 30px;

  position: absolute;

  top: 28%;

  width: 100%;

}



#featured-works .owl-prev,

#featured-works .owl-next {

  display: block;

  width: 30px;

  height: 30px;

  line-height: 20px;

  font-size: 20px;

  border-radius: 0;

  opacity: 0.9;

  background: #015294;

  position: absolute;

}



#featured-works .owl-prev {

  left: 0;

}



#featured-works .owl-next {

  right: 0;

}



#featured-works .owl-prev:hover,

#featured-works .owl-next:hover {

  background: #015294;

  opacity: 1;

}



/*-----------------------------------------------------------------*/

/*   Single Work Page

/*-----------------------------------------------------------------*/



#page-header {

  background: url("../images/page-header.jpg");

  padding: 130px 0px 80px;

  text-align: center;

}



#page-header:after {

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  left: 0px;

  right: 0px;

}



#page-header h1 {

  margin-bottom: 0px;

  color: #fff;

  font-weight: 600;

}



.breadcrumb {

  background: none;

  padding-top: 35px;

}



.breadcrumb ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.breadcrumb ul li {

  display: inline-block;

  padding: 0px 5px;

}



.breadcrumb ul li::after {

  content: "\f101";

  font-family: "fontawesome";

  color: #fff;

  line-height: 21px;

  vertical-align: middle;

  padding-left: 10px;

}



.breadcrumb ul li:last-child::after {

  display: none;

}



.breadcrumb ul li a {

  color: #c8c1c1;

  font-weight: 600;

  font-size: 14px;

}



.breadcrumb ul li a:hover {

  color: #015294;

}



.breadcrumb ul li.current a {

  color: #fff;

}



.breadcrumb ul li.current a:hover {

  color: #015294;

}



.work-detail .btn {

  margin-top: 15px;

}

.work-detail h3,

#featured-works h3 {

  text-transform: none;

}



.work-detail-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.work-detail-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.work-detail-list li {

  padding: 0px 0px 7px;

  line-height: 22px;

  font-size: 16px;

  border-bottom: 1px dashed #ccc;

  margin-bottom: 7px;

}



.work-detail-list li span {

  padding-right: 15px;

  text-transform: uppercase;

  font-size: 13.3px;

  font-weight: 600;

  color: #3e3e3e;

}



#single-work-slider {

  margin-bottom: 30px;

}



#single-work-slider .owl-controls {

  margin-top: 30px;

  position: absolute;

  width: 100%;

  top: 37%;

}



#single-work-slider .owl-prev,

#single-work-slider .owl-next {

  display: block;

  width: 30px;

  height: 30px;

  line-height: 20px;

  font-size: 20px;

  border-radius: 0;

  opacity: 0.8;

  background: #015294;

  position: absolute;

}



#single-work-slider .owl-prev {

  left: 0;

}



#single-work-slider .owl-next {

  right: 0;

}



#single-work-slider .owl-prev:hover,

#single-work-slider .owl-next:hover {

  opacity: 1;

  background: #015294;

}



#single-work-slider .item img {

  display: block;

  width: 100%;

  height: auto;

}



#related-project {

  background: url("../images/pattern.png") repeat;

  padding: 100px 0 80px;

  position: relative;

}



#related-project .image-wrapper {

  margin-bottom: 20px;

}



.owl-theme .owl-controls .owl-page span {

  background: #a0a0a0;

}



/*-----------------------------------------------------------------*/

/* Blog Page

/*-----------------------------------------------------------------*/



.post-content {

  margin-top: 0;

}



.post-img {

  margin: 0 0 25px 0;

  overflow: hidden;

  position: relative;

}



.post-img img {

  width: 100%;

}



.blog-img-hover {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  opacity: 0;

  text-align: center;

  background: rgba(0, 0, 0, 0.5);

}



.post-img:hover .blog-img-hover {

  opacity: 1;

}



.blog-img-hover span {

  font-size: 15px;

  position: absolute;

  top: 40%;

  width: 30px;

  height: 30px;

  background: #f0353a;

  color: #fff;

  line-height: 30px;

  border-radius: 50%;

}



.post-meta {

  margin: 10px 0px 20px;

  line-height: 20px;

  color: #999;

}



.post-meta a {

  font-size: 13px;

  color: rgb(56, 54, 54);

  font-weight: 600;

}



.post-meta a i {

  color: #383636;

  margin-right: 6px;

}



.post-description p {

  margin-bottom: 25px;

}

.post-description h3 {

  text-transform: none;

  font-size: 20px;

}



.post-description h3 a {

  color: #2e343c;

}



.post-description h3 a:hover {

  color: #f0353a;

}



blockquote {

  display: block;

  padding: 20px;

  background: rgba(245, 245, 245, 0.46) none repeat scroll 0% 0%;

  margin: 25px 15px;

  font-size: 15px;

  line-height: 21px;

  text-align: justify;

  color: #929292;

  letter-spacing: 0.1px;

  border-left: 5px solid #015294;

}



blockquote a {

  text-decoration: none;

  background: #eee;

  cursor: pointer;

  padding: 0 3px;

}



blockquote a:hover {

  color: #666;

}



blockquote em {

  font-style: italic;

}



.comments-section {

  padding: 50px 0;

}



.comments-section h3 {

  margin-bottom: 35px;

  text-transform: none;

}



.comment-form input,

.search-box input,

.comment-form textarea {

  border: 2px solid #cfcbcb;

}



.comment-form .form-control:focus,

.search-box .form-control:focus {

  border: 2px solid #b6dc93 !important;

}



.comment-form ::-webkit-input-placeholder {

  color: #5c5c5c !important;

  font-weight: 600;

  letter-spacing: 1px;

}



.comment-form :-moz-placeholder {

  color: #5c5c5c !important;

  font-weight: 600;

  letter-spacing: 1px;

}



.comment-form ::-moz-placeholder {

  color: #5c5c5c !important;

  font-weight: 600;

  letter-spacing: 1px;

}



.comment-form :-ms-input-placeholder {

  color: #5c5c5c !important;

  font-weight: 600;

  letter-spacing: 1px;

}



.comment-list {

  margin: 40px 0;

  padding-top: 20px;

}



.comment-list h3 {

  margin-bottom: 35px;

  text-transform: none;

}



.comment-list ol {

  list-style: none;

  margin-left: 0px;

  padding: 0;

}



.comment-list ol.comment-sub {

  list-style: none;

}



li.comment .single_comment.first-comment {

  margin-top: 25px;

}



li.comment .single_comment {

  padding: 20px;

  background: #fff none repeat scroll 0% 0%;

  margin-bottom: 20px;

  box-shadow: 0px 0px 2px #ccc;

}



li.comment ol.comment-sub {

  margin-left: 65px;

}



.comment-list ol .comment-avatar {

  float: left;

  margin-right: 25px;

}



.comment-list ol .comment-avatar img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

}



.comment-list ol .comment-content {

  overflow: hidden;

}



.comment-list ol .comment-name {

  font-weight: 700;

}



.comment-list ol .comment-name span {

  font-weight: normal;

  color: #aaa;

  margin: 0 8px;

}



.comment-list ol .comment-name a {

  font-size: 15px;

  font-weight: 600;

  color: rgb(87, 87, 87);

}



.comment-list ol .comment-name a.comment-reply {

  font-size: 13px;

  font-weight: 600;

  color: rgb(126, 193, 63);

}



.comment-list ol .comment-desc {

  font-size: 13px;

  margin-bottom: 10px;

  color: #5a5656;

  margin-top: 10px;

  font-weight: 600;

}



.widget-main {

  margin-bottom: 30px;

  padding: 20px 20px 10px 20px;

  border: 1px solid #eaeaea;

}



.widget-sidebar .search-box {

  position: relative;

}



.widget-sidebar .search-box input {

  padding-left: 10px;

}



.widget-sidebar .search-box i {

  position: absolute;

  right: 20px;

  top: 14px;

  font-size: 16px;

}



.post-categories ul {

  padding: 0px;

  margin: 0px;

}



.post-categories li {

  list-style: none;

  margin-bottom: 5px;

  border-bottom: 1px solid #f0f1f2;

  padding: 4px 0 4px 15px;

  position: relative;

}



.post-categories li:last-child {

  border-bottom: none;

  margin-bottom: 0px;

}



.post-categories li a:before {

  content: "\f105";

  display: block;

  font-family: FontAwesome;

  position: absolute;

  left: -15px;

}



.post-categories a {

  position: relative;

  color: #383636;

  font-size: 13.1px;

  display: inline-block;

  width: 100%;

  letter-spacing: 0.9px;

  padding-bottom: 10px;

  line-height: 20px;

  transition: all 0.2s ease 0s;

  font-weight: 600;

}



.post-categories a:hover {

  color: #015294;

}



.sidebar-widget {

  font-size: 11px;

  line-height: 15px;

  margin-right: 8px;

}



.sidebar-widget a {

  color: #8d8b8b;

  font-weight: 600;

  font-size: 13px;

}



.sidebar-widget a:hover {

  color: #015294;

}



.sidebar-widget img {

  float: left;

  width: 96px;

  margin: 6px 14px 22px 0px;

}



.sidebar-widget p.date {

  color: #333;

  font-weight: 600;

  font-size: 13px;

}



.sidebar-widget p.sidebar-widget-title {

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 6px;

}



.tags {

  padding: 10px 0 10px;

  display: inline-block;

}



.tags a {

  float: left;

  padding: 10px 7px;

  font-size: 13px;

  color: #504c4c;

  margin: 0px 6px 6px 0px;

  background: transparent;

  font-weight: 600;

  border: 1px solid #ccc;

  -webkit-transition: all 0.7s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -ms-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



.tags a:hover {

  background: #015294;

  color: #fff;

  border: 1px solid #ccc;

}



.pagenation {

  padding: 40px 0 50px;

}



.pagenation ul {

  list-style: none;

  padding: 0;

  margin: 0;

  margin: auto;

}



.pagenation li {

  float: left;

  margin-left: 4px;

  background: #fff;

  border: 1px solid #e4e7e8;

}



.pagenation li.active {

  border: 1px solid #f0353a;

}



.pagenation li:hover {

  border: 1px solid #f0353a;

}



.pagenation li:first-child {

  margin-left: 0;

}



.pagenation li a {

  color: #868e9c;

  font-size: 14px;

  padding: 12px 15px;

  line-height: 12px;

  display: inline-block;

  text-align: center;

  text-transform: uppercase;

}



.pagenation li.active a,

.pagenation li:hover a {

  color: #f0353a;

}



/*-----------------------------------------------------------------*/

/*  Contact

/*-----------------------------------------------------------------*/



#contact {

  background: url(../images/parallax/contact.jpg) no-repeat;

}



.contact-form {

  display: block;

  padding: 0px 0px 30px 0px;

}



.contact-info {

  margin-bottom: 65px;

}



.contact-info p {

  font-size: 17px;

  line-height: 20px;

  margin-bottom: 16px;

  color: #fff;

}



footer {

  padding: 17px 0px 10px;

  background: #1c1c1c;

}



.copyright {

  margin-top: 15px;

}



.copyright p {

  color: #ccc;

}



.social-icons {

  width: 100%;

  display: block;

  overflow: hidden;

  text-align: right;

}



.social-icons ul {

  margin: 0px;

  padding: 0px;

}



.social-icons ul li {

  list-style: none;

  display: inline-block;

}



.social-icons ul li a {

  color: #a7a4a4;

  margin-right: 10px;

  font-size: 16px;

  line-height: 50px;

  text-align: center;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.social-icons ul li a:hover {

  color: #fff;

}



@media (min-width: 992px) and (max-width: 1024px) {

  .navbar-right {

    float: none !important;

  }

}



@media (min-width: 768px) and (max-width: 992px) {

  .thumnail-img {

    width: 50%;

  }

}



@media (max-width: 768px) {

  .thumnail-img {

    width: 50%;

  }

}



@media (max-width: 550px) {

  .thumnail-img {

    width: 50%;

  }

}



@media (max-width: 480px) {

  .big {

    font-size: 35px;

    line-height: 52px;

  }



  .small {

    font-size: 19px;

  }

}



@media (min-width: 992px) {

  #main-menu.collapse {

    display: block !important;

  }

}



@media (max-width: 992px) {

  #main-menu {

    background: #202020;

  }



  .navbar-right {

    float: none !important;

    margin-right: 0px !important;

  }



  .clear-toggle {

    display: block;

  }



  .navbar-toggle {

    display: block !important;

  }



  #main-menu ul li {

    display: block;

    text-align: left;

  }



  #main-menu ul li a {

    line-height: 23px;

    display: inherit;

    border-bottom: 1px solid #2c2c2c;

    padding: 5px 20px;

    background: transparent;

  }



  #main-menu ul li a:hover,

  #main-menu ul li.active a {

    background: #2c2c2c !important;

    color: #fff;

  }



  #main-menu ul li.active > a {

    box-shadow: none !important;

  }

}



.hide {

  display: none;

}



/* flip card css starts here */

.flip-card {

  background-color: transparent;

  width: 300px;

  height: 300px;

  perspective: 1000px;

}



.flip-card-inner {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 0.6s;

  transform-style: preserve-3d;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}



.flip-card:hover .flip-card-inner {

  transform: rotateY(180deg);

}



.flip-card-front,

.flip-card-back {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.flip-card-front {

  background-color: #015294;

}



.flip-card-back {

  background-color: #E5EEFE;

  color: white;

  transform: rotateY(180deg);

}



/* flip card css ends here */





.contact-input::-webkit-input-placeholder {

  color: 20px;

}



.menu-bg #main-menu li a {

  color: #015294 !important;

}



.features-info h4 {

  padding-top: 15px;

}



@media only screen and (max-width: 768px) {

  /* For mobile phones: */

  .features-tab3 .features-left .col-md-12 {

    margin-left: -35px;

  }

  .features-info h4 {

    width: 100%;

  }

  .features-info p {

    width: 100%;

  }

}