@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700|PT+Serif:400,400i,700,700i');



/*Table Of Contents

body

-short codes

-header

    main-navigation

    navigation.affix

-video banners

-BITCOIN Page

-page banner

-swiper slider

-owl carousel

-revolution slider

-box-info

-progress bars

- circle bars

-single parallax

-team slider

-counters

-pricing tables

-portfolio grids

-services

-logo-partnes

-testimonials

-our blog

-map & address

-contact form

-error

-faq

-food & Resturant

-construction

-footer

-copyright

-pre loader



*/





/*Global Styling*/



body {

    padding: 0;

    margin: 0;

    font-family: 'Open Sans';

    font-size: 1rem;

    color: #979797;

    overflow-x: hidden;

}



html {

    font-size: 16px;

}



ol,ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



a, a:hover, a:focus{

	outline:none;

	text-decoration:none;

    color: inherit;

}

input:focus{

    outline: none;

}

h1,h2,h3{

    font-family: 'PT Serif', serif;

}

h1,h2,h3,h4,h5,h6 {

    margin: 0;

    line-height: 1;

}



h1 {

    font-size: 3.125rem;

}



h2 {

    font-size: 3rem;

}



h3 {

    font-size: 1.5rem;

}



h4 {

    font-size: 1.125rem;

}



h5{

    font-size: 1rem;

}



h6{

    font-size: 0.875rem;

}



p{

    font-family: 'Open Sans';



    line-height: 30px;

}

.block{

    display: block;

}

.italic {

	font-style: italic;

}



button {

	line-height: 1;

	background: transparent;

}







/* Helper Classes & Shorcodes */



.padding {

    padding: 4.375rem 0;

}

.padding_top {

    padding-top:4.375rem;

}

.padding_bottom {

    padding-bottom: 4.375rem;

}

.margin_bottom {

    margin-bottom: 4.375rem;

}

.margin_top {

    margin-top: 4.375rem;

}

.padding_half {

    padding: 2.187rem 0;

}

.padding_bottom_half {

    padding-bottom: 2.187rem;

}

.margin_bottom_half{

    margin-bottom: 2.187rem;

}

.padding_top_half {

    padding-top: 2.187rem;

}

.heading_space {

    margin-bottom: 2.187rem;

}

.bottom5 {

    margin-bottom: 5px;

}

.bottom10 {

    margin-bottom: 10px;

}

.top10 {

    margin-top: 10px;

}

.bottom15 {

    margin-bottom: 15px;

}

.top15 {

    margin-top: 15px;

}

.top20 {

    margin-top: 20px;

}

.bottom20 {

    margin-bottom: 20px;

}

.bottom25 {

    margin-bottom: 25px;

}

.top25 {

    margin-top: 25px;

}

.bottom30 {

    margin-bottom: 30px;

}

.top30 {

    margin-top: 30px;

}

.bottom35 {

    margin-bottom: 35px;

}

.top40 {

    margin-top: 40px;

}

.bottom40 {

    margin-bottom: 40px;

}

.bottom45 {

    margin-bottom: 45px;

}

.top50 {

    margin-top: 50px;

}

.top60{

    margin-top: 60px;

}

.bottom60{

    margin-bottom: 60px;

}

.bottom0 {

    margin-bottom: 0;

}

.nomargin {

    margin: 0;

}

.nopadding{

    padding: 0;

}

.bglight {

    background: #f8f8f8;

}

.bgdefault {

    background: #0C5A9C;

}

.whitecolor {

    color: #ffffff;

}

.darkcolor {

    color: #414141;

}

.blackcolor{

    color: #000000;

}

.defaultcolor {

    color: #0C5A9C;

}

section {

	position: relative;

	z-index: 1;

	background: #fff;

}

.container{

    width: 1170px;

    max-width: 100%;

}

.container-padding{

    padding-left: 5.625rem;

    padding-right: 5.625rem;

}



/*heading text / intro blocks */

.heading-title{

    font-size: 14px;

    display: block;

    text-transform: uppercase;

    font-weight: bold;

    color: #0C5A9C;

    line-height: 1;

}

.whitecolor.heading-title{

    color: #fff;

}

.darkcolor.heading-title{

    color: #414141;

}

.heading-title::before {

  background: #0C5A9C;

  content: "";

  display: inline-block;

  height: 2px;

  margin-right: 1rem;

  margin-top: -1px;

  vertical-align: middle;

  width: 20px;

}

.whitecolor.heading-title::before{

    background:#fff;

}

.darkcolor.heading-title::before{

    background: #414141;

}





/*img wrap*/

.image {

    overflow: hidden;

}

a.image{

    display: block;

}

.image img {

    width: 100%;

    display: block;

}

.image, .image img {

    position: relative;

}

.cbp-item:hover img {

    -webkit-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -o-transform: scale(1.15);

    transform: scale(1.15);

}



/*Video Player button*/

.video-btn {

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background: rgba(255, 255, 255, 0.2);

  -webkit-border-radius: 50%;

  border-radius: 50%;

  color: #fff;

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -moz-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  font-size: 20px;

  height: 80px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  line-height: 80px;

  text-align: center;

  width: 80px;

  position: absolute;

  left: 50%;

  top:50%;

  -webkit-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  z-index: 2;

}

.video-btn:before {

    content: "";

    position: absolute;

    border: #0C5A9C solid 4px;

    -webkit-border-radius: inherit;

    border-radius: inherit;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0;

    z-index: -1;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

}

.video-btn:hover:before, .video-btn:focus:before {

    -webkit-animation-name: hvr-ripple-out;

    -o-animation-name: hvr-ripple-out;

    animation-name: hvr-ripple-out;

    opacity: 1;

}

.video-btn:hover, .video-btn:focus {

	color:#fff;

    background: #0C5A9C;

}



/* Ripple Out */

@-webkit-keyframes hvr-ripple-out {

    100% {

        top: -15px;

        right: -15px;

        bottom: -15px;

        left: -15px;

        opacity: 0;

    }

}

@-o-keyframes hvr-ripple-out {

    100% {

        top: -15px;

        right: -15px;

        bottom: -15px;

        left: -15px;

        opacity: 0;

    }

}

@keyframes hvr-ripple-out {

    100% {

        top: -15px;

        right: -15px;

        bottom: -15px;

        left: -15px;

        opacity: 0;

    }

}

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

    .video-btn{

        height: 60px;

        width: 60px;

    }

}

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

    .video-btn{

        height: 50px;

        width: 50px;

    }

}





/*to align elements center*/

.center-block{

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



/*Back To Top*/

.back-top {

	color: #fff;

	right: 20px;

	font-size: 22px;

	position: fixed;

	z-index: 1600;

	opacity: 0;

	visibility: hidden;

	bottom: 70px;

	height: 40px;

	width: 40px;

	background: #0C5A9C;

	text-align: center;

	line-height: 38px;

	-webkit-border-radius: 50%;

	border-radius: 50%;

    -webkit-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}

.back-top:before {

    content: "";

    position: absolute;

    border: #0C5A9C solid 4px;

    -webkit-border-radius: inherit;

    border-radius: inherit;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0;

    z-index: -1;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

}

.back-top:hover:before, .back-top:focus:before{

    -webkit-animation-name: hvr-ripple-out;

    -o-animation-name: hvr-ripple-out;

    animation-name: hvr-ripple-out;

    opacity: 1;

}



.back-top-visible {

  opacity:1;

  visibility: visible;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.back-top:hover, .back-top:focus{

	color:#fff;

}





/* Social Icons */

ul.social_simple li,

ul.social li{

    display: inline-block;

}

ul.social_simple li a,

ul.social li a{

    display: block;

    text-align: center;

    color: #676767;

}

ul.social_simple li a {

  height: 24px;

  line-height: 24px;

  width: 24px;

  font-size: 17px;

  margin: 0 2px;

}

ul.social li a {

  height: 32px;

  line-height: 30px;

  width: 32px;

  font-size: 14px;

  border: 1px solid #979797;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

ul.social.white li a{

    color: #fff;

    border: 1px solid #fff;

}

ul.social.white li a > i,

ul.social.white li a > .fa,

ul.social li a::before,

ul.social li a::after{

    color: inherit !important;

    -webkit-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}

ul.social_simple li:last-child a,

ul.social li:last-child a{

    margin-right: 0;

}

ul.social_simple li:first-child a,

ul.social li:first-child a{

    margin-left: 0;

}

ul.social_simple.white li a,

ul.social.white li a{

    color: #fff;

}

ul.social_simple li a:hover,

ul.social_simple li a:focus{

    color: #0C5A9C;

}

ul.social li a:hover,

ul.social li a:focus{

    background: #0C5A9C;

    border: 1px solid #0C5A9C;

    color: #fff;

}

ul.social.white li a:hover,

ul.social.white li a:focus{

    background: #fff;

    border: 1px solid #fff;

    color: #0C5A9C;

}

ul.social.dark li a:hover,

ul.social.dark li a:focus{

    background: #414141;

    border: 1px solid #414141;

    color: #fff;

}





/*Buttons*/

.button{

    position: relative;

    display: inline-block;

    font-size: 12px;

    padding: 1.125rem 3rem;

    line-height: 1;

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    position: relative;

    font-family: 'Open Sans';

    z-index: 1;

    border:2px solid transparent;

}

.button.default{

    background: #0C5A9C;

    color: #fff;

}

.button.default:hover, .button.default:focus{

    background: transparent;

    border:2px solid #0C5A9C;

    color: #0C5A9C;

}

.button.dark{

    background: #414141;

    border:2px solid #414141;

    color: #fff;

}

.button.dark:hover, .button.dark:focus{

    background: transparent;

    border:2px solid #414141;

    color: #414141;

}

.button.white{

    background: #fff;

    color: #0C5A9C;

}

.button.white:hover, .button.white:focus{

    background: transparent;

    border: 2px solid #fff;

    color: #fff;

}

.button.whitehole{

    border: 2px solid #fff;

    color: #fff;

}

.button.whitehole:hover, .button.whitehole:focus{

    background: #fff;

    color: #414141;

}

.button.darkhole{

    border: 2px solid #414141;

    color: #414141;

}

.button.darkhole:hover, .button.darkhole:focus{

    background: #414141;

    color: #fff;

}

.button.defaulthole{

    border: 2px solid #0C5A9C;

    color: #0C5A9C;

}

.button.defaulthole:hover, .button.defaulthole:focus,

.button.defaulthole.active{

    background: #0C5A9C;

    color: #fff;

}

.button i{

    margin-left: 3px;

}

.button:hover i, .button:focus i{

    color: inherit;

}



/*View More*/

.viewmore{

    display: inline-block;

    position: relative;

    font-size: 1rem;

    padding-bottom: 3px;

}

.viewmore::after{

    content: "";

    height: 1px;

    width: 100%;

    display: block;

    background: #414141;

}

.viewmore.whitecolor::after{

    background: #fff;

}

.viewmore:hover::after{

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



/*Decorated button*/

.underlined {

  display: inline-table;

  position: relative;

}

.underlined::after{

    content: "";

    height: 1px;

    width: 100%;

    background: #979797;

    display: block;

    margin-top: 2px;

}

.darkcolor .underlined::after,

.darkcolor.underlined::after{

    background: #414141;

}

.whitecolor .underlined::after,

.whitecolor.underlined::after{

    background: #ffffff;

}

.defaultcolor .underlined::after,

.defaultcolor.underlined::after{

    background: #0C5A9C;

}

.blackcolor .underlined::after,

.blackcolor.underlined::after{

    background: #000;

}





/*Video Box popup*/

#html5-watermark{

    opacity: 0;

    visibility: hidden;

}

#html5-close > img {

   -webkit-border-radius: 50%;

   border-radius: 50%;

   background: #414141;

   height: 30px;

   width: 30px;



}



/*divider*/

.divider{

    display: inline-block;

    height: 3px;

    width: 70%;

    background: #0C5A9C;

}



/*center aligned*/

.intro-text.center{

    text-align: center;

}

.intro-text.center .heading-title::before {

  display: block;

  margin: 0 auto 1.125rem;

}



/*intro on left with bg*/

.bg-intro{

    background: url(../images/bg-intro.jpg) no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    width: 100%;

}

.bgintro-two{

   background: url(../images/bg-introtwo.jpg) no-repeat;

}

.bgintro-yellow{

   background: url(../images/bgintro-yellow.jpg) no-repeat;

}

.bgintro-light{

   background: url(../images/bgintro-light.jpg) no-repeat;

}

.bgintro-five{

   background: url(../images/bgintro-five.jpg) no-repeat;

}

.bgintro-seven{

   background: url(../images/bgintro-seven.jpg) no-repeat;

}



/*-----  Intro Style & two Ends ------ */





/* Helper Classes ends */







/* transitions common*/

a, *::before, *::after, img,  .pushwrap,

input, button, .hidden-items,#navigation, .fixed,

.swiper-button-next, .swiper-button-prev,

.owl-prev, .owl-next, .owl-dots .owl-dot,

.icon_box, .icon_box hr{

  -o-transition:all .3s ease;

  -webkit-transition:all .3s ease;

  transition:all .3s ease;

}

i::before,i::after,

ul.social li a::before, ul.social li a::after{

    -webkit-transition: all 0s !important;

    -o-transition: all 0s !important;

    transition: all 0s !important;

}





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

    /*Navigation Starts */

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

#navigation {

  position: absolute;

  padding: 15px 0;

}

#navigation.lightheader{

   position: relative;

   background-color: #fff;

}

.boxednav .navbar-default {

	background: #fff;

	padding: 0 15px;

	margin-top: 15px;

}

#navigation.fixed {

  background-color: #fff;

  position: fixed;

  -webkit-box-shadow: 0 10px 10px -10px rgba(87, 97, 100, 0.35);

   box-shadow: 0 10px 10px -10px rgba(87, 97, 100, 0.35);

   padding: 0;

   left: 0;

}

.dark #navigation.fixed {

    background-color: #414141;

   -webkit-box-shadow: none;

   box-shadow: none;

}

#navigation, #navigation.fixed{

	top: 0;

	z-index:99;

	width: 100%;

}

.boxednav#navigation.fixed .navbar-default{

   padding: 0;

   margin: 0;

}

.navbar-default {

  background-color: transparent;

  border-color: transparent;

  -webkit-border-radius: 0;

  border-radius: 0;

}

.navbar , .navbar-default{

	  border:none;

}

.navbar {

  margin-bottom: 0;

  min-height: auto;

}

.navbar-collapse.in {

	overflow-y: auto !important;

	height: auto !important;

	max-height: 320px;

}

.navbar-brand {

	height: inherit;

	padding: 14px 0;

    line-height: normal;

	float: none;

	display: block;

	width: 94px;

}

/*for center logo*/

.logo-center {

	display: inline-block;

	float: none;

	left: 50%;

	position: absolute;

	top: 50%;

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	text-align: center;

}

.navbar-brand > img{

    width: 100%;

}

.navbar-brand .logo{

    opacity: 1;

    visibility: visible;

    display: inline-block;

    width:150px;

}



#navigation.fixed .navbar-brand .logo,

.navbar-brand .scrolled-logo{

    opacity: 0;

    visibility: hidden;

    display: none;

}

#navigation.fixed .navbar-brand {

  width: 89px;

}

#navigation.fixed .navbar-brand .scrolled-logo{

    opacity: 1;

    visibility: visible;

    display: inline-block;

}



/*center logo nav*/

.navbar-left-1,.navbar-right-1{

   width: 50%;

}

.navbar-left-1 {

	float: left;

	padding-right: 50px;

	text-align: left;

}

.navbar-right-1 {

	float: right;

	padding-left: 50px;

}



.navbar-default .navbar-nav > li{

	 margin: 0 1.25rem;

}

/*menu items*/

.navbar-default .navbar-nav > li > a{

  color: #fff;

  font-size:12px;

  font-weight:600;

  text-transform:uppercase;

  position: relative;

  overflow: hidden;

  font-family: 'Open Sans';

  display: inline-block;

  line-height: normal;

}

.navbar-default .navbar-nav > li > a {

	padding: 22px 0;





}



.lighttransparent .navbar-default .navbar-nav > li > a,

.lightheader .navbar-default .navbar-nav > li > a,

#navigation.fixed .navbar-default .navbar-nav > li > a,

#navigation.boxednav .navbar-default .navbar-nav > li > a{

    color: #414141;

}

.dark #navigation.fixed .navbar-default .navbar-nav > li > a {

    color: #fff;

}

.navbar-default .navbar-nav > li > a::before{

    content: "";

    background: #fff;

    height: 3px;

    width: 100%;

    position: absolute;

    left: 0; right: 0;

    bottom: 18px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale3d(0.5,1,0.5);

    transform: scale3d(0.5,1,0.5);

}

.lighttransparent .navbar-default .navbar-nav > li > a::before,

.lightheader .navbar-default .navbar-nav > li > a::before,

#navigation.fixed .navbar-default .navbar-nav > li > a::before{

    background: #0C5A9C;

}

.dark #navigation.fixed .navbar-default .navbar-nav > li > a::before{

    background: #fff;

}

.darkcolor .navbar-default .navbar-nav > li > a::before,

#navigation.darkcolor.fixed .navbar-default .navbar-nav > li > a::before{

   background: #414141;

}

.navbar-default .navbar-nav > li > a:hover::before,

.navbar-default .navbar-nav > li.active > a::before,

.navbar-default .navbar-nav li.dropdown:hover > .dropdown-toggle::before{

    -webkit-transform: scale3d(1,1,1);

    transform: scale3d(1,1,1);

    opacity: 1;

    visibility: visible;

}

.navbar-default .navbar-nav li.dropdown > .dropdown-toggle::after {

	border-bottom: 10px solid #0C5A9C;

	border-left: 12px solid transparent;

	border-right: 12px solid transparent;

	content: "";

	height: 0;

	opacity: 0;

	position: absolute;

	width: 0;

	bottom: 0;

	left: 50%; right: 50%;

	margin-left: -10px;

    visibility: hidden;

}

.navbar-default .navbar-nav li.dropdown.open > .dropdown-toggle::after{

   opacity: 1;

   visibility: visible;

}

.navbar-default .navbar-nav li.dropdown.open:focus > .dropdown-toggle::after{

   opacity: 0;

   visibility: hidden;

}

.darkdropdown .navbar-default .navbar-nav li.dropdown > .dropdown-toggle::after{

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

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > li.active > a,

.navbar-default .navbar-nav > li.active > a:hover,

.navbar-default .navbar-nav > li.active > a:focus,

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav > .open > a:hover{

	color:#fff;

}

.lightheader .navbar-default .navbar-nav > li > a:hover,

.lightheader .navbar-default .navbar-nav > li > a:focus,

.lightheader .navbar-default .navbar-nav > li.active > a,

.lightheader .navbar-default .navbar-nav > li.active > a:hover,

.lightheader .navbar-default .navbar-nav > li.active > a:focus,

.lightheader .navbar-default .navbar-nav > .open > a,

.lightheader .navbar-default .navbar-nav > .open > a:focus,

.lightheader .navbar-default .navbar-nav > .open > a:hover,



.lighttransparent .navbar-default .navbar-nav > li > a:hover,

.lighttransparent .navbar-default .navbar-nav > li > a:focus,

.lighttransparent .navbar-default .navbar-nav > li.active > a,

.lighttransparent .navbar-default .navbar-nav > li.active > a:hover,

.lighttransparent .navbar-default .navbar-nav > li.active > a:focus,

.lighttransparent .navbar-default .navbar-nav > .open > a,

.lighttransparent .navbar-default .navbar-nav > .open > a:focus,

.lighttransparent .navbar-default .navbar-nav > .open > a:hover {

	color:#0C5A9C;

}

.darkcolor .navbar-default .navbar-nav > li > a:hover,

.darkcolor .navbar-default .navbar-nav > li > a:focus{

   color: #414141;

}



.navbar-default .navbar-nav > li.active > a{

    background: transparent !important;

}



/*DropDowns*/

.navbar-nav > li > .dropdown-menu,

.navbar-nav .open .dropdown-menu{

	background: #0C5A9C;

	-webkit-border-radius: 0;

	border-radius: 0;

	border: none;

}

.darkdropdown .navbar-nav > li > .dropdown-menu{

   background: rgba(0,0,0,.7);

}

.navbar-nav > li > .dropdown-menu {

	min-width: 200px;

	left: 0;

	padding: 20px 0;

	margin-top: -7px;

}

.navbar-nav > li > .megamenu-content {

	width: 100% !important;

}

.navbar-nav > li > .halfmenu-content {

	width: 50%;

	-webkit-transform: translateX(25%);

	-ms-transform: translateX(25%);

	-o-transform: translateX(25%);

	transform: translateX(25%);

}

.navbar-left-1 .navbar-nav > li > .halfmenu-content{

   -webkit-transform: translateX(0) !important;

   -ms-transform: translateX(0) !important;

   -o-transform: translateX(0) !important;

   transform: translateX(0) !important;

}

.navbar-nav > li > .megamenu-content,

.navbar-nav > li > .halfmenu-content{

	position: absolute;

	left: 0;

	z-index: 99;

	padding: 20px 15px;

    top: 96px;

}

.navbar-nav > li > .dropdown-menu > li:last-child,

.navbar-nav > li > .megamenu-content li:last-child {

	border-bottom: none;

	margin:0;

}

.navbar-nav > li > .dropdown-menu li a {

	color: #fff;

	border-bottom: none !important;

	text-transform: capitalize;

	display: block;

	font-size: 12px;

    font-weight: 600;

    padding: 8px 15px;

   position: relative;

}

.navbar-nav > li > .dropdown-menu li > a::before{

   content: "\f178";

   font-family: "FontAwesome";

   opacity:0;

   visibility: hidden;

   font-size: 10px;

}

.navbar-nav > li > .dropdown-menu li > a:hover::before{

	opacity:1;

    visibility: visible;

    margin-right: 8px;

}

.navbar-default .navbar-nav li.dropdown:hover > .dropdown-toggle,

.navbar-default .navbar-nav li.dropdown:focus > .dropdown-toggle,

.navbar-nav .open .dropdown-toggle,

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav > .open > a:hover {

	background-color: transparent;

}

.navbar-nav > li > .dropdown-menu li a:hover,

.navbar-nav > li > .dropdown-menu li a:focus{

	background-color: transparent;

	color: #fff;

}

.static.dropdown {

	position: static;

}

.navbar-nav > li > .dropdown-menu .title {

	color: #fff;

	margin: 0;

	padding: 15px 20px;

    font-weight: bold;

   height: 40px;

}

.megamenu-content.dropdown-menu .title{

   display: none;

}

.navbar-nav > li > .dropdown-menu.titlevisible .title{

   display: block;

}





/*Toggle on responsive*/

.navbar-toggle {

	background: transparent !important;

	border: none;

	margin: 16px 0 16px 20px;

    padding: 9px 0;

}

.navbar-toggle:hover {

  background: transparent !important;

}

.navbar-toggle .icon-bar {

  width: 22px;

  -webkit-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  background-color:#fff !important;

}

.boxednav#navigation.fixed .navbar-toggle .icon-bar{

   background-color:#fff !important;

}

#navigation.lighttransparent .navbar-toggle .icon-bar,

#navigation.lightheader .navbar-toggle .icon-bar,

#navigation.fixed .navbar-toggle .icon-bar,

.sidebar-nav .navbar-toggle .icon-bar{

    background-color: #414141 !important;

}

.navbar-toggle .top-bar {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transform-origin: 10% 10%;

  -ms-transform-origin: 10% 10%;

  -o-transform-origin: 10% 10%;

  transform-origin: 10% 10%;

}

.navbar-toggle .middle-bar {

  opacity: 0;

  filter: alpha(opacity=0);

}

.navbar-toggle .bottom-bar {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-transform-origin: 10% 90%;

  -ms-transform-origin: 10% 90%;

  -o-transform-origin: 10% 90%;

  transform-origin: 10% 90%;

}

.navbar-toggle.collapsed .top-bar {

  -webkit-transform: rotate(0);

  -ms-transform: rotate(0);

  -o-transform: rotate(0);

  transform: rotate(0);

}

.navbar-toggle.collapsed .middle-bar {

  opacity: 1;

  filter: alpha(opacity=100);

}

.navbar-toggle.collapsed .bottom-bar {

  -webkit-transform: rotate(0);

  -ms-transform: rotate(0);

  -o-transform: rotate(0);

  transform: rotate(0);

}



/*Social Icons On Headers*/

ul.top-right {

	float: right;

	width: auto;

	margin: 19px 0 19px 1.5rem;

	position: relative;

	z-index: 100;

}

ul.top-right li{

	display:inline-block;

	margin-left:2px;

}

ul.top-right li a {

  display: block;

  font-size:13px;

  -webkit-border-radius:50%;

  border-radius:50%;

  height:26px;

  width:26px;

  text-align: center;

  line-height:26px;

  color:#fff;

  background:transparent;

}

ul.top-right li a:hover{

	background:#fff;

}



ul.top-right li a:hover.facebook{

	  color:#3B5998;

}

ul.top-right li a:hover.twitter{

	color:#55acee;

}

ul.top-right li a:hover.instagram{

	color:#2C6A93;

}



.lightheader ul.top-right li a{

   color:#414141;

}

.lighttransparent  ul.top-right li a,

#navigation.fixed  ul.top-right li a{

   background:#414141;

}

.lighttransparent ul.top-right li a,

.lightheader.fixed ul.top-right li a,

#navigation.fixed  ul.top-right li a:hover,

.lighttransparent ul.top-right li a:hover.facebook,

.lighttransparent ul.top-right li a:hover.twitter,

.lighttransparent ul.top-right li a:hover.instagram{

	color:#fff;

}



.lighttransparent  ul.top-right li a:hover.facebook,

#navigation.fixed ul.top-right li a:hover.facebook{

	  background:#3b5998;

}

.lighttransparent  ul.top-right li a:hover.twitter,

#navigation.fixed ul.top-right li a:hover.twitter{

	background:#55acee;

}

.lighttransparent  ul.top-right li a:hover.instagram,

#navigation.fixed ul.top-right li a:hover.instagram{

	background:#2C6A93;

}



/* ------ Side Navigation Click / fixed ------ */

.navbar-default.sidebar-nav {

	background: #fff;

	border: none;

	display: inline-table;

	width: 290px;

	-webkit-border-radius: 0;

	border-radius: 0;

	position: fixed;

	top: 0;

	z-index: 110;

	height: 100%;

	padding: 3rem 1.25rem;

	border-right: 1px solid rgba(0,0,0,.07);

	left: 0;

    overflow: hidden;

   -webkit-transition: all .4s ease;

   -o-transition: all .4s ease;

   transition: all .4s ease;

}

.navbar-default.sidebar-nav.right{

   left: auto;

   right: 0;

   border-right: none;

   border-left: 1px solid rgba(0,0,0,.07);

}

#navslidy.navbar-default.sidebar-nav.right{

   opacity: 0;

   visibility: hidden;

}

#navslidy.navbar-default.sidebar-nav.right.open {

   opacity: 1;

   visibility: visible;

}

.navbar-default.sidebar-nav .navbar-brand {

	position: relative;

	padding: 0;

	margin: 50px 0 30px 0;

	width: 110px;

}





/*SideNav Toggle Buttons*/

#toggle-slide {

   display: block;

   width: 28px;

   height: 28px;

   position: absolute;

   text-indent: -4700px;

   top: 20px;

   left: 16px;

   outline: 0;

   z-index: 200;

}

#navigation #toggle-slide {

   left: auto;

   right: 15px;

   position: relative;

   z-index: 200;

   top: 0;

   margin: 17px 0 17px 2.5rem;

}

#navigation #toggle-slide.open {

	position: fixed;

	right: 250px;

}

#toggle-slide::before,

#toggle-slide::after {

   content: "";

   -webkit-transform: rotate(0deg);

   -o-transform: rotate(0deg);

   -ms-transform: rotate(0deg);

   transform: rotate(0deg);

}

#toggle-slide::before,

#toggle-slide::after,

#toggle-slide i {

   position: absolute;

   display: block;

   width: 28px;

   height: 2px;

   left: 0;

   background: #fff;

}



#toggle-slide::before {

   top: 6px;

}

#toggle-slide::after {

   top: 20px;

}

#toggle-slide i {

   top: 13px;

   opacity: 1;

}

#toggle-slide.open i {

   opacity: 0;

   right: -50px;

}

#toggle-slide.open::before {

   -webkit-transform: rotate(-45deg);

   -o-transform: rotate(-45deg);

   -ms-transform: rotate(-45deg);

   transform: rotate(-45deg);

   left: 0;

   top: 12px;

}

#toggle-slide.open::after {

   top: 12px;

   -webkit-transform: rotate(45deg);

   -o-transform: rotate(45deg);

   -ms-transform: rotate(45deg);

   transform: rotate(45deg);

}



.dark #navigation.fixed #toggle-slide::before,

.dark #navigation.fixed #toggle-slide::after,

.dark #navigation.fixed #toggle-slide i {

   background: #fff;

}

.lighttransparent #toggle-slide::before,

.lighttransparent #toggle-slide::after,

.lighttransparentd #toggle-slide i,

.lightheader #toggle-slide::before,

.lightheader #toggle-slide::after,

.lightheader #toggle-slide i,

.dark #navigation.fixed #toggle-slide.open::before,

.dark #navigation.fixed #toggle-slide.open::after,

.dark #navigation.fixed #toggle-slide.open i,

#navigation #toggle-slide.open::before,

#navigation #toggle-slide.open::after,

#navigation #toggle-slide.open i,

#navigation.fixed #toggle-slide::before,

#navigation.fixed #toggle-slide::after,

#navigation.fixed #toggle-slide i {

   background: #414141;

}

#toggle-slide:hover::before,

#toggle-slide:hover::after,

#toggle-slide:hover i {

   background: #0C5A9C;

}





/*sidenav list items*/

.navbar-default.sidebar-nav .navbar-nav li {

	display: inline-block;

	width: 100%;

	margin: 2rem 0 0 0;

    position: relative;

}

.navbar-default.sidebar-nav .navbar-nav li a {

	padding: 0 0 5px 0;

	position: relative;

	overflow: hidden;

}

.navbar-default.sidebar-nav .navbar-nav li a,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li a{

   color: #414141;

}

.navbar-default.sidebar-nav .navbar-nav li a::before,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li a::before{

   background: #0C5A9C;

   bottom: 0;

}

.navbar-default.sidebar-nav .navbar-nav li a:hover,

.navbar-default.sidebar-nav .navbar-nav li a:focus,

.navbar-default.sidebar-nav .navbar-nav li.active > a,

.navbar-default.sidebar-nav .navbar-nav li.active > a:hover,

.navbar-default.sidebar-nav .navbar-nav li.active > a:focus,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li a:hover,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li a:focus,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li.active > a,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li.active > a:hover,

#navigation.fixed .navbar-default.sidebar-nav .navbar-nav li.active > a:focus{

   color: #0C5A9C;

}





/*wrapper for left side menu*/

.wrapper.wrapperleft {

   padding-left: 290px;

}

.wrapperleft .full-screen{

   width: 100% !important;

}

/*wrapper for push side menu*/

.pushwrap {

   position: relative;

   left: 0;

}

.pushwrap.active,

.pushwrap.active #navigation.fixed {

   left: -290px;

}

.simplebar-content {

	overflow-x: hidden;

}

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

    /*Navigation Ends */

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







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

    /*video & Image BAnners Starts */

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

.caption-video{

    background: url(../images/bg-video3.jpg) no-repeat;

}

.personal-banner{

   background: url(../images/bg-personal.jpg) no-repeat;

}

.parallax-static{

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

}

.parallax-video{

	background: url(../images/bg-video-cover.jpg) no-repeat;

}



.caption-video, .personal-banner, .parallax-video {

    background-attachment: fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    position: relative;

}

.caption-video, .personal-banner, .parallax-static, .parallax-video{

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

/*Video Player*/

.caption-video .video-btn{

    position: relative;

    top: auto;

    left: auto;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}



/*Personal banner*/

.personal-banner .myphoto{

   height: 200px;

   width: 200px;

   position: relative;

   display: inline-block;

   -webkit-border-radius: 50%;

   border-radius: 50%;

   border: 5px solid #414141;

}

.personal-banner .myphoto.whitecolor{

   border: 5px solid #fff;

}

.personal-banner .myphoto > img{

   height: 100%;

   width: 100%;

   -webkit-border-radius: 50%;

   border-radius: 50%;

}

.personal-cape h4{

   font-weight: bold;

}



/*Large Size banner*/

.large-sized{

   background: url(../images/bg-large.jpg) no-repeat;

   background-attachment: fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    position: relative;

}

.large-sized .large-caption h2 {}



/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 736px)

   and (orientation: landscape) {

   .caption-video .video-btn, .caption-video p{

      display: none;

   }

}



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

    /*video BAnner ends*/

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





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

    /*BITCOIN Page*/

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

.crypto_currency_version .bgdefault,

.crypto_currency_version .heading-title::before,

.crypto_currency_version .button.default,

.crypto_currency_version .button.defaulthole:hover,

.crypto_currency_version .button.defaulthole:focus,

.crypto_currency_version ul.social li a:hover,

.crypto_currency_version ul.social li a:focus,

.crypto_currency_version .back-top,

.crypto_currency_version .lighttransparent .navbar-default .navbar-nav > li > a::before,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > li > a::before,

.crypto_currency_version #navigation.fixed .navbar-default .navbar-nav > li > a::before,

.crypto_currency_version .navbar-nav > li > .dropdown-menu,

.crypto_currency_version .navbar-nav .open .dropdown-menu {

   background: #f79620;

}



.crypto_currency_version .defaultcolor,

.crypto_currency_version .heading-title,

.crypto_currency_version .button.default:hover,

.crypto_currency_version .button.default:focus,

.crypto_currency_version .button.defaulthole,

.crypto_currency_version .floated-service:hover h4,

.crypto_currency_version .floated-service:hover i,

.crypto_currency_version .floated-service:hover .underlined,

.crypto_currency_version .icon_box:hover i,

.crypto_currency_version .icon_box:hover h4,

.crypto_currency_version .counter-center:hover h6,

.crypto_currency_version .counter-center:hover .count_nums,

.crypto_currency_version .pricing-white .price-table.active .price-plan,

.crypto_currency_version ul.social.white li a:hover,

.crypto_currency_version ul.social.white li a:focus,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > li > a:hover,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > li > a:focus,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > li.active > a,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > li.active > a:hover,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > li.active > a:focus,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > .open > a,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > .open > a:hover,

.crypto_currency_version .lightheader .navbar-default .navbar-nav > .open > a:focus,

.crypto_currency_version .blogpost .blogpost-text:hover h3{

   color: #f79620;

}



.crypto_currency_version .button.default:hover,

.crypto_currency_version .button.default:focus,

.crypto_currency_version  .button.defaulthole{

    background: transparent;

	border: 2px solid #f79620;

}

.crypto_currency_version  .button.defaulthole:hover,

.crypto_currency_version  .button.defaulthole:focus {

   color: #fff;

}

.crypto_currency_version ul.social li a:hover,

.crypto_currency_version ul.social li a:focus {

   border: 1px solid #f79620;

}

.crypto_currency_version .back-top::before {

  border:4px solid #f79620;

}

.crypto_currency_version .navbar-default .navbar-nav li.dropdown > .dropdown-toggle::after {

	border-bottom: 10px solid #f79620;

}

.crypto_currency_version ul.social.white li a:hover,

.crypto_currency_version ul.social.white li a:focus {

   background: #fff;

}



/*Banner*/

.bg-for-btc{

   background: url(../images/bg-bitcoin.jpg) no-repeat;

   background-attachment: fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    position: relative;

}

.bg-for-btc::before{

   content: "";

   height: 100%;

   width: 100%;

   position: absolute;

   left: 0; right: 0;

   top: 0; bottom: 0;

   background: rgba(0,0,0,.65);

}

.bg-for-btc .fade-wrapp{

   position: relative;

   width: 100%;

    height: 100%;

    top: 0;

    bottom: 1.5rem; left: 0;

}

#bitco-slider .swiper-slide{

   height: 100vh;

}

#bitco-slider .swiper-pagination{

   text-align: center;

}

#bitco-slider .swiper-pagination-bullet {

   background: rgba(255,255,255,.5);

}

#bitco-slider  .swiper-pagination-bullet::after{

	background-color: rgba(255,255,255,1);

}



.crypto_inner{

   position: absolute;

   width: 100%;

   top: 50%;

   -webkit-transform: translateY(-50%);

   -ms-transform: translateY(-50%);

   -o-transform: translateY(-50%);

   transform: translateY(-50%);

}



.crypto_inner .crypto_table {

	display: table;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 20px;

}

.crypto_table .crypto_logo {

	width: 75px;

	height: 75px;

}

.crypto_table .crypto_logo > img{

   width: 100%;

}

.crypto_table .crypto_logo,

.crypto_table .table-text {

   display: table-cell;

}

.crypto_table .table-text {

	vertical-align: middle;

	padding-left: 25px;

	font-size: 3rem;

   font-family: 'PT Serif', serif;

	font-weight: bold;

}

.crypto_inner .cripto_price {

	font-size: 6rem;

   font-family: 'PT Serif', serif;

   font-weight: 300;

}



.button.bitco {

   background: #f79620;

   border: 2px solid #f79620;

   color: #fff;

}

.button.ether {

   background: #627eea;;

   border: 2px solid #627eea;;

   color: #fff;

}

.button.liteco {

   background: #a0a0a0;

   border: 2px solid #a0a0a0;

   color: #fff;

}





.border-radius,

.crypto_currency_version .button{

   -webkit-border-radius: 30px;

   border-radius: 30px;

}

.bg-for-btc .owl-dots .owl-dot.active {}

.bg-for-btc .owl-dots .owl-dot::after {

	background-color: #fff;

}



/*bitcoin loader*/

#bitcoin-loading{

  width:200px;

  display:block;

}

#bitcoin-loading > i {

	display: inline-block;

	color: #fff;

	height: 90px;

	width: 88px;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	line-height: 90px;

	font-size: 50px;

	background: #F9B915;

	text-align: center;

   -webkit-animation: flicker 2.5s infinite;

   -o-animation: flicker 2.5s infinite;

   animation: flicker 2.5s infinite;

}

@-webkit-keyframes flicker {

  0% {

     opacity: .5;

   }

  50% {

     opacity: .65

   }

  100% {

     opacity: .99;

   }

}

@-o-keyframes flicker {

  0% {

     opacity: .5;

   }

  50% {

     opacity: .65

   }

  100% {

     opacity: .99;

   }

}

@keyframes flicker {

  0% {

     opacity: .5;

   }

  50% {

     opacity: .65

   }

  100% {

     opacity: .99;

   }

}





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

    /*BITCOIN Page ends*/

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







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

    /*Page BAnner Starts */

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

#page-banner{

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

    background-attachment: fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    position: relative;

}



/*breadcrumbs*/

#page-banner .breadcrumbs {

	margin-bottom: -2.5rem;

}

.breadcrumbs li, .breadcrumbs li a{

    display: inline-block;

}

.breadcrumbs li a, .breadcrumbs li{

    position: relative;

    overflow: hidden;

    font-size: 12px;

    text-transform: capitalize;

    vertical-align: bottom;

}

.breadcrumbs li{

    margin: 0 5px;

}

.breadcrumbs > li + li::before{

    content: "/";

    margin-right: 5px;

}

.breadcrumbs li:first-child {

    margin-left: 0;

}

.breadcrumbs li:last-child{

    margin-right: 0;

}

.breadcrumbsli a:hover, .breadcrumbs li a:focus{

    color: #0C5A9C;

}

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

    /*Page BAnner ends*/

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







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

    /*Swiper & OWl  Slider*/

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

/*pagination*/

.swiper-pagination{

    text-align: left;

}

.swiper-pagination-bullet,

.owl-dots .owl-dot{

    height: 10px;

    width: 10px;

    background: rgba(239,35,60,.8);

    margin: 2px 3px !important;

    position: relative;

}

.owl-dots {

    margin-top: 2rem;

}

.owl-dots .owl-dot{

    display: inline-block;

    -webkit-border-radius:50%;

    border-radius:50%;

    background: rgba(255,255,255,.35);

   cursor: pointer;

}

.swiper-pagination-bullet:first-child{

    margin-left: 0;

}

.swiper-pagination-bullet:last-child{

    margin-right: 0;

}

.swiper-pagination-bullet::after,

.owl-dots .owl-dot::after{

  background-color: #0C5A9C;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  content: "";

  height: 100%;

  left: 0;

  opacity: 0;

  position: absolute;

   -webkit-transform: translate3d(0,100%,0);

   transform: translate3d(0,100%,0);

   -webkit-transition: all .3s ease;

   -o-transition: all .3s ease;

   transition: all .3s ease;

  visibility: hidden;

  width: 100%;

}

.swiper-pagination-bullet-active::after,

.swiper-pagination-bullet:hover:after,

.owl-dots .owl-dot.active::after,

.owl-dots .owl-dot:hover:after{

  opacity: 1;

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

  visibility: visible;

}



/*Buttons*/

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled{

    opacity: 0;

}

.owl-nav .owl-prev{

    left: -5px;

    opacity: 0;

}

.owl-nav .owl-next{

    right: -5px;

    opacity: 0;

}

.owl-carousel:hover .owl-nav .owl-prev{

    left: 5px;

    opacity: 1;

}

.owl-carousel:hover .owl-nav .owl-next{

    right: 5px;

    opacity: 1;

}

.owl-nav .owl-prev, .owl-nav .owl-next{

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #fff;

}

.owl-nav .owl-prev, .owl-nav .owl-next,

.swiper-button-prev, .swiper-button-next {

	background: #0C5A9C;

	font-size: 14px;

	width: 50px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

}

 .swiper-button-prev::before,

 .swiper-button-next::before {

    font-family: FontAwesome;

}

 .swiper-button-prev::before{

    content: "\f177";

}

 .swiper-button-next::before{

    content: "\f178";

}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,

.swiper-button-prev:hover, .swiper-button-next:hover{

    background: #414141;

}



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

    /*Swiper Slider ends*/

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







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

    /*Revolution Slider*/

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

#rev_single h1{

   font-weight: bold;

}

.rev_slider h1, .rev_slider h2, .rev_slider p {

   line-height: 1.3 !important;

}

.no-navigation .tparrows, .no-navigation .tp-bullets,

.no-arrows .tparrows{

   display: none;

}

.tp-bullets{

   position: absolute;

}

.tp-bullet {

   -webkit-border-radius: 1px;

	border-radius: 1px;

	width: 30px;

	height: 4px;

	background: rgba(255,255,255,.5);

}

.tp-bullet.selected, .tp-bullet:hover{

   background: #0C5A9C;

}

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

    /*Revolution Slider ends*/

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







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

   /* Background Textfade slider */

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

.textfade-bg{

    background: url(../images/bg-textfade.jpg) no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

}

.textfade-four{

   background: url(../images/bg-textfade-four.jpg) no-repeat;

}

.textfade-bg, .textfade-bg .fade-wrapp{

   position: relative;

   width: 100%;

}

.textfade-bg .fade-wrapp{

    height: 100%;

    top: 0;

    bottom: 1.5rem; left: 0;

}

.fade-wrapp #text-fade{

   top: 50%;

   -webkit-transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%);

   -o-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);

}

.fade-wrapp #text-fade,

.fade-wrapp #owl-custom.owl-dots{

   position: absolute;

   left: 50%;

}

.fade-wrapp #owl-custom.owl-dots{

   bottom: 1rem;

   -webkit-transform: translateX(-50%);

   -ms-transform: translateX(-50%);

   -o-transform: translateX(-50%);

   transform: translateX(-50%);

   z-index: 2;

}



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

    /*  Background Textfade */

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







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

   /* Progress Bars */

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

.barwrapper .tooltip {

	float: right;

	position: relative;

	margin-top: -3px;

	padding: 0;

	right: 1px;

	z-index: 10;

	left: auto !important;

}

.barwrapper .tooltip > .tooltip-inner {

	background-color: transparent;

	color: #686868;

	font-size: 1rem;

	padding: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	line-height: 1;

}

.barwrapper .popOver + .tooltip > .tooltip-arrow {

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid transparent;

    display: none;

}

.barwrapper .progress {

  height: 12px;

  overflow: visible;

  margin-bottom: 30px;

  margin-top: 12px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  background-color: #d3d3d3;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.barwrapper:last-child .progress{

    margin-bottom: 0;

}

.barwrapper .progress-bar {

  background:-webkit-gradient(linear,left top, right top,from(#6b58a0) , to(#e68a56));

  background:-webkit-linear-gradient(left,#6b58a0 , #e68a56);

  background:-o-linear-gradient(left,#6b58a0 , #e68a56);

  background:linear-gradient(90deg,#6b58a0 , #e68a56);



  -webkit-transition: width 1.3s ease 0s;

  -o-transition: width 1.3s ease 0s;

  transition: width 1.3s ease 0s;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-border-radius: 10px;

  border-radius: 10px;

}

.barwrappe .progressText {

  color: #686868;

  font-size: 1rem;

}

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

    /*  Progress Bars */

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





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

    /* Circle Progress*/

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

.circle, .myskill{

    position: relative;

    max-width: 210px;

    display: inline-block;

}



.circle strong, .myskill strong  {

	position: absolute;

	top: 50%;

	left: 50%;

    line-height: normal;

    font-weight: normal;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.circle strong {

	color: #414141;

   font-size: 1.875rem;

}

.myskill strong {

	background: #E5E5E5;

	width: 50px;

	height: 50px;

	line-height: 50px;

	font-size: 14px;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	text-align: center;

}



.circular-wrap h4{

    max-width: 184px;

    margin-left: auto;

    margin-right: auto;

   font-weight: 600;

}



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

    /* Circle Progress ends*/

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







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

    /*Single Parallax */

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

#single-parallx{

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

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    width: 100%;

}

#single-parallx.single-parallax-four{

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

}

#single-parallx.single-parallax-seven{

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

}

#single-parallx.light-parallax{

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

}

#single-parallx.parallx-construction{

   background: url(../images/construction/bg-counter-construction.jpg) no-repeat;

}

#single-parallx blockquote{

    font-size: 2rem;

    padding: 0;

    border: none;

    position: relative;

    font-style: normal;

    font-family: 'PT Serif', serif;

    line-height: 1;

}

#single-parallx blockquote::before,

#single-parallx blockquote::after {

  font-family: FontAwesome;

  font-size: 12px;

  display: inline-block;

}

#single-parallx blockquote::before{

    content: "\f10d";

    margin-right: 10px;

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    transform: translateY(-15px);

}

#single-parallx blockquote::after{

    content: "\f10e";

    margin-left: 10px;

    -webkit-transform: translateY(5px);

    -ms-transform: translateY(5px);

    -o-transform: translateY(5px);

    transform: translateY(5px);

}

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

    /*Single Parallax ends */

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





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

    /* Team Slider */

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

.team-slide,  .team-slide p, .team-slide h3{

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.team-slide{

    position: relative;

    overflow: hidden;

    display: table;

}

.team-slide .team-photo,

.team-slide .team-text{

    display: table-cell;

    vertical-align: middle;

    width: 50%;

    position: relative;

    z-index: 1;

    height: 320px;

}

.team-slide .team-photo{

    overflow: hidden;



}

.team-slide .team-photo > img{

    width: 100%;

    height: 100%;

    cursor: pointer;

}

.team-slide:hover .team-photo > img{;

    -webkit-transform: scale(1.3);;

    -ms-transform: scale(1.3);;

    -o-transform: scale(1.3);;

    transform: scale(1.3);

}

.team-slide .team-text{

    background: #fbfbfb;

    padding:1rem 2rem;

    overflow: hidden;

}

.team-slide .team-text::before {

    content: "";

    position: absolute;

    top: 0;

    width: 100%;

	height: 100%;

}

.team-slide .team-text::before{

    left: -100%;

    right: 0; bottom: 0;

    background: #0C5A9C;

    opacity: 0;

    visibility: hidden;

    z-index: -1;

}

.team-slide .team-text.right::before{

    left: auto;

    right: -100%;

}

.team-slide .team-text:hover::before,

.team-slide:hover .team-text::before{

    opacity: 1;

    visibility: visible;

    left: 0;

}

.team-slide .team-text.right:hover::before,

.team-slide:hover .team-text.right::before{

    right: 0;

    left: auto;

}

.team-slide .team-text h3{

    font-size: 1.375rem;

    color: #414141;

    font-weight: bold;

}

.team-slide .team-text p{

    font-size: 14px;

}

.team-slide .team-text span{

    display: block;

    font-size: 11px;

    color: #0C5A9C;

    text-transform: uppercase;

    font-weight: bold;

}

.team-slide:hover .team-text h3,

.team-slide:hover .team-text p,

.team-slide:hover .team-text span,

.team-slide:hover ul.social li a,

#team-cols .swiper-button-prev,

#team-cols .swiper-button-next{

    color: #fff;

}

.team-slide:hover ul.social li a{

    border: 1px solid #fff;

}

.team-slide ul.social li a:hover,

.team-slide ul.social li a:focus{

    background: #fff;

    border: 1px solid #fff;

    color: #0C5A9C;

}

#team-cols .swiper-button-prev,

#team-cols .swiper-button-next {

	background: #414141;

}

#team-cols .swiper-button-prev:hover,

#team-cols .swiper-button-prev:focus,

#team-cols .swiper-button-next:hover,

#team-cols .swiper-button-next:focus{

	background: #0C5A9C;

}



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

    .team-slide .team-photo,

    .team-slide .team-text{

        display: block;

        width: 100%;

    }

}

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

   .team-slide .team-photo,

   .team-slide .team-text{

      height: auto;

   }

}

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

    .team-slide .team-text h3{

        font-size: 1.125rem;

    }

}





/*tree row team view*/

#teamrow-slider, .teamrow, .teambox{

    position: relative;

}

#teamrow-slider .swiper-button-prev,

#teamrow-slider .swiper-button-next{

    background: transparent;

    font-size: 50px;

    width: 40px;

}

#teamrow-slider .swiper-button-prev{

    left: 2.5rem;

}

#teamrow-slider .swiper-button-next{

    right: 2.5rem;

}

#teamrow-slider .swiper-button-prev::before{

    content: "\f0d9";

}

#teamrow-slider .swiper-button-next::before{

    content: "\f0da";

}

#teamrow-slider .swiper-button-prev::before,

#teamrow-slider .swiper-button-next::before,

.teamrow:hover .teamrow-text h4{

   color: #0C5A9C;

}

.teamrow{

    overflow: hidden;

    display: table;

}

.teamrow .rowphoto,

.teamrow .teamrow-text{

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 1;

}

.teamrow .rowphoto{

   width: 150px;

   overflow: hidden;

}

.teamrow .rowphoto > img{

    width: 100%;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}

.teamrow .teamrow-text{

    padding: 1.875rem 0 1.875rem 1.875rem;

}

.teamrow .teamrow-text h4{

    font-weight: bold;

}

.teamrow:hover .rowphoto > img{

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}

#team-three h6{

    font-size: 12px;

    position: absolute;

    top: 50%;

    right: -40px;

    -webkit-transform: rotate(-90deg) translateY(-50%);

    -ms-transform: rotate(-90deg) translateY(-50%);

    -o-transform: rotate(-90deg) translateY(-50%);

    transform: rotate(-90deg) translateY(-50%);

}



/*Team Simple Columns*/

.teambox{

   padding: 2rem 1rem;

}



.teambox .teamimg{

   height: 100px;

   width: 100px;

   display: inline-block;

}

.teambox.large .teamimg{

   height: 200px;

   width: 200px;

}

.teambox .teamimg > img {

	width: 100%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	height: 100%;

	border: 5px solid #f8f8f8;

}

.teambox .accupation{

   position: relative;

   display: inline-table;

   font-size: 14px;

}

.teambox .accupation::after {

	content: "";

	height: 1px;

	background: #414141;

	width: 100%;

	display: block;

	margin-top: 3px;

}



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

    /* Team ends */

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





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

    /*  Counter Styels  */

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

/*hover box counters

#bg-counter{

    background: url(../images/bg-counter.jpg) no-repeat;

}

*/

#bg-counter-dark{

    background: url(../images/bg-counter-dark.jpg) no-repeat;

}

#bg-counter-food{

    background: url(../images/food/bg-counter-food.jpg) no-repeat;

}

#bg-counter-medical {

   background: url(../images/construction/bg-counter-construction.jpg) no-repeat;

}

#bg-counter, #bg-counter-dark, #bg-counter-food, #bg-counter-medical{

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

}

.counter-center i{

   font-size: 3.2rem;

   display: inline-block;

}



.count_nums,.counter-center h6{

    font-weight: bold;

    color: #414141;

}

.counter-center.whitecolor .count_nums,

.counter-center.whitecolor h6{

   color: #fff;

}

.count_nums{

    font-size: 6.25rem;

    font-family: 'PT Serif', serif;

}

.counter-wrap.small .count_nums{

   font-size: 2.2rem;

}



/*Counter Floated On left*/

.floated-counter .count_nums {

  font-size: 10rem;

  width: 160px;

  line-height: 1;

  vertical-align: middle;

  overflow: hidden;

}

.floated-counter .counters{

    display: table;

}

.floated-counter .counters .count_nums,

.floated-counter .counters sup{

    display: table-cell;

    color: #fff;

}

.floated-counter .counters sup{

    top: 0.75rem;

    font-size: 100%;

}

.floated-counter h3{

    font-size: 1.75rem;

}



/*centered align counters*/

.counter-center {

	text-align: center;

	max-width: 310px;

	display: inline-block;

}

.counter-center:hover h6,

.counter-center:hover .count_nums{

    color: #0C5A9C;

}

.counter-center.dark:hover h6,

.counter-center.dark:hover .count_nums{

    color: #666666;

}



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

    .counter-wrap .col-xs-6{

        width: 100%;

    }

}

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

    .floated-counter [class*="col-"]{

        width: 100%;

    }

}



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

    /*  Counter ends */

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





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

    /*  CountDown Timer */

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

 #countdown-bg {

   background: url(../images/countdown-bg.jpg) no-repeat;

   background-position: center center;

   -webkit-background-size: cover;

   background-size: cover;

   background-position: center center;

   width: 100%;

}

#countdown-cols{

   width: 100%;

   overflow: hidden;

}

#countdown-cols .center-block{

   height: 100% !important;

   min-height: 100% !important;

   background:#000;

}

#countdown-cols .countdown-photo {

   background: url(../images/countdown-col.jpg) no-repeat;

   background-position: center center;

   -webkit-background-size: cover;

   background-size: cover;

   background-position: center center;

   min-height: 100% !important;

   height: 100%;

   position: relative;

}

.logo-coming {

	display: inline-block;

	width: 160px;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	position: absolute;

}

.logo-coming > img{

	display: block;

	width: 100%;

}

.our-countdown {

	text-align: center;

}

.our-countdown .dsCountDown{

   background: transparent;

}

.our-countdown .dsCountDown {

	background: transparent;

	border: none;

}

.our-countdown .dsCountDown .ds-element {

	border: none;

	padding-right: 1.5rem;

	margin-right: 1.5rem;

}

.our-countdown .ds-element-title {

	font-size: 1rem;

	text-transform: capitalize;

   font-family: 'Open Sans';

}

.our-countdown .ds-element-value {

	font-size: 3.5rem;

	text-transform: capitalize;

	text-shadow: none;

	font-family: 'PT Serif', serif;

	font-weight: bold;

}

.our-countdown.whitecolor .ds-element-title,

.our-countdown.whitecolor .ds-element-value {

   color: #fff;

}



/*News Letter */

.newsletter-simple  .footer_email {

    display: inline-table;

	background: #fff;

	-webkit-box-shadow: none;

	box-shadow: none;

	padding-right: 5px;

}

.newsletter-simple .footer_email .form-group{

   margin-bottom: 0;

}

.newsletter-simple .footer_email input.email {

	border: none;

	background: #fff;

	-webkit-border-radius: 0;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #414141;

	font-size: 12px;

	height: 38px;

	max-width: 520px;

	left: 0;

	top: 0;

	padding: 12px;

	display: table-cell;

}

.newsletter-simple .footer_email .btn-newes {

	background: #0C5A9C;

	border: none;

	-webkit-border-radius: 0;

	border-radius: 0;

	color: #fff;

	display: table-cell;

	font-size: 10px;

	height: 38px;

	padding: 5px 1.5rem;

	text-align: center;

	text-transform: uppercase;

	top: 0;

   -webkit-transform: scaleY(1.2);

	-ms-transform: scaleY(1.2);

	-o-transform: scaleY(1.2);

	transform: scaleY(1.2);

}

.newsletter-simple .footer_email .btn-newes span{

   -webkit-transform: scaleY(1);

   -ms-transform: scaleY(1);

   -o-transform: scaleY(1);

   transform: scaleY(1);

}

.newsletter-simple .footer_email .btn-newes:hover,

.newsletter-simple .footer_email .btn-newes:focus{

   background: #fff;

   color: #414141;

}



/*Newsletter with background*/

.bgnewsletter {

   background: url(../images/single-portfolio9.jpg) no-repeat;

   background-position: center center;

   -webkit-background-size: cover;

   background-size: cover;

   background-position: center center;

   background-attachment: fixed;

}

.bgnewsletter .widget_search .input-group {

   width: 90% !important;

   margin: 0 auto;

   left: 57%;

   -webkit-transform: translateX(-50%);

   -ms-transform: translateX(-50%);

   -o-transform: translateX(-50%);

   transform: translateX(-50%);

}

.bgnewsletter .widget_search .form-control {

   width: 60%;

   height: 46px;

}

.bgnewsletter .widget_search .input-group-addon {

   height: 46px;

   background-color: #0C5A9C;

   position: relative;

   top: 0;

   width: 50px;

   border: none;

   display: table;

}



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

   .our-countdown .dsCountDown{

      padding: 5px;

   }

    .our-countdown .dsCountDown .ds-element{

        padding-right: 0.8rem;

        margin-right: 0.8rem;

    }

   .newsletter-simple .footer_email input.email{

      max-width: 240px;

   }

}





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

    /*  CountDown Timer ends */

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





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

    /* Pricing Grey Style & white */

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

.pricing-grey{

    width: 100%;

    position: relative;

}

.pricing-grey::before{

    content: "";

    display: block;

    height: 200px;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    background: #edf2f4;

}

.price-table, .price-table *{

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.price-table{

    padding: 0 0 3rem 0;

}

.pricing-stars .price-table{

    padding: 6.25rem 2.5rem;

}

.pricing-stars.fill .price-table{

    padding: 6.25rem 1.5rem;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #fff;

}

.pricing-stars.fill .price-table:first-child,

.pricing-stars.fill .price-table:last-child{

    opacity: 0.55;

    background: transparent;

}



.price-table h1 {

  font-weight: bold;

  line-height: 1;

}

.pricing-stars .price-table h1{

    font-size: 4rem;

}

.pricing-stars .stars{

    font-size: 50px;

}

.price-table .price-plan{

    padding: 3.375rem 0.5rem 3rem 0.5rem;

    height: 200px;

}

.pricing-stars.fill .price-table .price-plan{

   height: auto;

   padding-bottom: 0;

}

.price-table .price-plan,

.pricing-grey .price-table:nth-child(2) .price-plan{

    background: #edf2f4;

}

.pricing-grey .price-table:nth-child(3) .price-plan{

    background: #f6f9fa;

}

.pricing-stars .stars,

.pricing-white .price-plan,

.pricing-stars .price-plan{

   color: #414141;

}

.pricing-white .price-plan,

.pricing-stars .price-plan{

    background: transparent;

    text-align: center;

}



.price-plan .ammount i {

  font-size: 1.5rem;

  margin-right: 5px;

  margin-top: -1rem;

  vertical-align: middle;

}

.price-plan .ammount .dur{

    font-size: 0.875rem;

    vertical-align: top;

    margin-left: 5px;

}

.price-plan .ammount *, .price-table ul,

.price-table ul li > span{

    display: inline-block;

}

.price-table ul {

  text-align: left;

}

.price-table ul li {

    margin-top: 1.375rem;

}

.pricing-white  .price-table ul li{

    color: #414141;

}

.price-table ul li > span::before{

    content: "\f00c";

    font-family: FontAwesome;

    color: #979797;

    margin-right: 10px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

}

.pricing-white .price-table.active ul li > span::before,

.pricing-white .price-table:hover ul li > span::before{

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.price-table .button{

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translate3d(0,-15px,0);

    transform: translate3d(0,-15px,0);

}

.price-table.active, .price-table:hover,

.pricing-stars.fill .price-table{

    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);

    box-shadow: 0 0 30px rgba(0, 0, 0, .15);

}

.pricing-grey .price-table.active .price-plan{

    background: #0C5A9C;

    color: #fff;

}

.pricing-white .price-table.active,

.pricing-stars .price-table.active{

    background: #fff;

}

.pricing-stars.fill .price-table.active{

    background: #0C5A9C;

    -webkit-transform: scaleY(1.02);

    -ms-transform: scaleY(1.02);

    -o-transform: scaleY(1.02);

    transform: scaleY(1.02);

}

.pricing-white .price-table.active .price-plan,

.pricing-stars .price-table.active .price-plan,

.pricing-stars  .price-table.active .stars{

    color: #0C5A9C;

}

.pricing-stars.fill .price-table.active .price-plan,

.pricing-stars.fill  .price-table.active .stars,

.pricing-stars.fill .price-table.active *{

    color: #fff;

}



.price-table.active ul li{

    color: #414141;

}

.price-table.active .button,

.price-table:hover .button{

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.pricing-stars h5{

    font-weight: bold;

}

.pricing-stars.fill .col-md-2{

    width: 20%;

}



.pricing_btn{

   cursor: pointer;

}



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

   .pricing-stars.fill .price-table{

      padding: 2rem 1rem;

   }

    .pricing-white .price-table .price-plan{

        height: auto;

        padding-bottom: 1.5rem;

    }

}

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

    .pricing-stars.fill .col-md-2{

        width: 100%;

    }

}



/*to filter tables pricings*/

.pricings {

	display: none;

   -webkit-transition: all .3s ease;

   -o-transition: all .3s ease;

   transition: all .3s ease;

}

.pricings.active {

	display: block;

}



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

    /* Pricing ends */

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





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

   /* Portfolio grids */

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



/*Filters */

.cbp-l-filters,

.cbp-l-filters .cbp-filter-item {

   display: inline-block;

}

.cbp-l-filters .cbp-filter-item {

	cursor: pointer;

    margin: 0 1rem;

}

.cbp-l-filters .cbp-filter-item:first-child{

   margin-left: 0;

}

.cbp-l-filters .cbp-filter-item:last-child{

   margin-right: 0;

}

.cbp-l-filters .cbp-filter-item-active {

	cursor: default;

}

.cbp-l-filters .cbp-filter-item span {

	color: #414141;

	display: inline-block;

	font-size: 1rem;

	font-weight: bold;

	text-transform: capitalize;

	position: relative;

	padding-bottom: 8px;

}

.cbp-l-filters .cbp-filter-item span::after{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 3px;

	background: #0C5A9C;

	-webkit-transform: scale3d(0, 1, 1);

	transform: scale3d(0, 1, 1);

}

.cbp-l-filters.dark .cbp-filter-item span::after {

   background: #414141;

}

.cbp-l-filters .cbp-filter-item span:hover::after,

.cbp-l-filters .cbp-filter-item-active span::after{

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);

}







.load-more, .overlay{

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

/*(masonry) */

.overlay{

    background: rgba(239,35,60,.95);

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    visibility: hidden;

    opacity: 0;

    padding: 2.5rem 1.875rem;

    -webkit-transform: translate(-30px, 10px);

    -ms-transform: translate(-30px, 10px);

    -o-transform: translate(-30px, 10px);

    transform: translate(-30px, 10px);

}

.cbp-item .overlay{

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

}

.cbp-item .overlay.light,

.overlay.light{

   background: rgba(255,255,255,.85);

   left: 10px; bottom: 10px;

   right: 10px; top: 10px;

}

.cbp-item:hover .overlay{

    opacity: 1;

    visibility: visible;

   -webkit-transform: translate(0, 0);

   -ms-transform: translate(0, 0);

   -o-transform: translate(0, 0);

   transform: translate(0, 0);

}

.overlay ul{

   opacity: 0;

   -webkit-transform: scale(0.7);

   -ms-transform: scale(0.7);

   -o-transform: scale(0.7);

   transform: scale(0.7);

   -webkit-transition-delay: .2s;

   -o-transition-delay: .2s;

   transition-delay: .2s;

   -webkit-transition-duration: .3s;

   -o-transition-duration: .3s;

   transition-duration: .3s;

}

.cbp-item:hover .overlay ul{

   opacity: 1;

   -webkit-transform: scale(1);

   -ms-transform: scale(1);

   -o-transform: scale(1);

   transform: scale(1);

}

.overlay.light .social li a:hover,

.overlay.light .social li a:focus{

   background: #414141;

   border: 1px solid #414141;

   color: #fff;

}

#nospace-grid h3{

    font-weight: bold;

    font-size: 2.25rem;

}

.overlay h3{

    font-weight: bold;

}

.cbp-l-loadMore-button{

    text-align: left;

}

/*load more*/

.load-more, .loadmore-dark,

.cbp-l-loadMore-button .cbp-l-loadMore-link,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link{

    width: 100%;

    padding-bottom: 1.875rem;

    padding-top: 1.875rem;

    color: #fff;

    display: block;

    position: relative;

    font-family: 'Open Sans';

    margin-top: -1px;

    font-size: 1rem;

    line-height: 1;

    border: none;

}

.loadmore-dark,

.cbp-l-loadMore-button .cbp-l-loadMore-link,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link {

     background: #0C5A9C;

    font-weight: bold;

}

.load-more > i, .loadmore-dark > i,

.cbp-l-loadMore-button .cbp-l-loadMore-link i,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link i{

	margin-left: 10px;

	font-size: 24px;

	vertical-align: middle;

    color: inherit;

}

.float >i, .cbp-l-loadMore-link.float i{

    position: absolute;

    top: 50%; left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.load-more:hover, .load-more:focus,

.loadmore-dark:hover, .loadmore-dark:focus,

.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,

.cbp-l-loadMore-button .cbp-l-loadMore-link:focus,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link:focus{

    color: #fff;

}



/*portfolio Single full page*/

.single-items{

   position: relative;

   width: 100%;

   overflow: hidden;

}

.item-one{

   background: url(../images/single-portfolio1.jpg) no-repeat;

}

.item-two{

   background: url(../images/single-portfolio2.jpg) no-repeat;

}

.item-three{

   background: url(../images/single-portfolio3.jpg) no-repeat;

}

.item-four{

   background: url(../images/single-portfolio4.jpg) no-repeat;

}

.item-five{

   background: url(../images/single-portfolio5.jpg) no-repeat;

}

.item-six{

   background: url(../images/single-portfolio6.jpg) no-repeat;

}

.item-seven{

   background: url(../images/single-portfolio7.jpg) no-repeat;

}

.item-eight{

   background: url(../images/single-portfolio8.jpg) no-repeat;

}

.item-nine{

   background: url(../images/single-portfolio9.jpg) no-repeat;

}

.single-items{

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

   background-attachment: fixed;

   padding: 18rem 0;

}

.single-items .item-titles h3 {

   font-size: 2.5rem;

   font-weight: 100;

}

.single-items .whitecolor h3{

   text-shadow: 0px 2px 2px rgba(0,0,0,.7);

}

.single-items .darkcolor h3{

   text-shadow: 0px 1px 1px rgba(0,0,0,.5);

}

.single-items .item-titles h3 strong{}

.single-items .item-titles p {

	font-size: 1.125rem;

}

.single-items .item-titles li a {

	height: 44px;

	line-height: 42px;

	width: 44px;

	font-size: 20px;

}

.single-items .item-titles .button:hover,

.single-items .item-titles .button:hover {

   background: #0C5A9C;

   border: 2px solid #0C5A9C;

   color: #fff;

}



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

    #nospace-grid h3{

        font-size: 1.875rem;

    }

    .overlay p{

        font-size: 15px;

    }

}

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

    #nospace-grid h3{

        font-size: 1.5rem;

    }

    .overlay p{

        font-size: 14px;

    }

   .single-items{

      padding: 15rem 0;

   }

}



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

    #nospace-grid h3{

        font-size: 1.375rem;

    }

   .overlay{

      padding: 1rem .5rem;

   }

    .overlay p{

        font-size: 13px;

    }

   .single-items{

      padding: 12rem 0;

   }

}

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

   .single-items{

      padding: 8rem 0;

      background-position: 50% 50%;

   }

   .overlay ul{

      margin-bottom: 20px;

   }

   .overlay p{

      display: none;

   }

}

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

   /* Portfolio grid ends */

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





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

    /*Services*/

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

.section-wrapper{

    background: url(../images/bg-hallf-section.jpg) no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    width: 100%;

    overflow: hidden;

}

/*floated services icon on left side*/

.floated-service{

    display: table;

}

.floated-service i, .floated-service .cell{

    display: table-cell;

}

.floated-service i {

  color: #414141;

  font-size: 28px;

  padding-right: 1.25rem;

  vertical-align: top;

  width: 46px;

}

.floated-service h4{

    font-size: 1.25rem;

}

.floated-service:hover h4,

.floated-service:hover i,

.floated-service:hover .underlined{

    color: #0C5A9C;

}

.floated-service:hover .underlined::after{

    background: #0C5A9C;

}



/*service left bg image with text*/

.services-wrapper{

    overflow: hidden;

}

.service-central{

    text-align: center;

    max-width: 360px;

   display: inline-block;

}

.service-central > span{

    display: inline-block;

    height: 66px;

    width: 66px;

    text-align: center;

    font-size: 28px;

    line-height: 65px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background-image: -webkit-gradient(linear, right top, left bottom, from(#ee233c), to(#6755a3));

    background-image: -webkit-linear-gradient(top right, #ee233c 0%, #6755a3 100%);

    background-image: -o-linear-gradient(top right, #ee233c 0%, #6755a3 100%);

    background-image: linear-gradient(to bottom left, #ee233c 0%, #6755a3 100%);

    position: relative;

}

.service-central > span::after {

  background: #fff;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  bottom: 2px;

  content: "";

  left: 2px;

  position: absolute;

  right: 2px;

  top: 2px;

}

.service-central > span > i {

   position: relative;

   z-index: 1;

   background-image: -webkit-gradient(linear, right top, left bottom, from(#ee233c), to(#6755a3));

   background-image: -webkit-linear-gradient(top right, #ee233c 0%, #6755a3 100%);

   background-image: -o-linear-gradient(top right, #ee233c 0%, #6755a3 100%);

   background-image: linear-gradient(to bottom left, #ee233c 0%, #6755a3 100%);

   -webkit-background-clip: text;

   background-clip: text;

   -webkit-text-fill-color: transparent;

   -moz-text-fill-color: transparent;

   text-fill-color: transparent;

}

.service-central h4{

    font-size: 1.25rem;

}

.service-central:hover .underlined{

    color: #0C5A9C;

}

.service-central:hover .underlined::after{

    background: #0C5A9C;

}

.services-wrapper .image .service-overlaped {

  left: 0;

  padding-left: 1rem;

  padding-right: 1rem;

  position: absolute;

  right: 0;

  top: 0;

}



/*underlined title services*/

.icon_box{

	position:relative;

	padding:0 1.875rem;

    text-align: center;

}

.icon_box i{

  display: inline-block;

  font-size:50px;

  margin-bottom:20px;

  position:relative;

}

.icon_box h4{

    font-weight: bold;

}

.icon_box hr {

	width: 45px;

	height: 3px;

	background: #414141;

	margin: 0 auto 20px;

	border: none;

}

.icon_box.dark hr{

   background: #979797;

}

.icon_box:hover i,  .icon_box:hover h4{

	color:#0C5A9C;

}

.icon_box.dark:hover i,  .icon_box.dark:hover h4{

	color:#414141;

}



.icon_box:hover hr{

    width: 60px;

}



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

        /*Services ends*/

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





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

    /* logos / Partners */

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

/*centered item*/

#logos-centered .item{

   text-align: center;

}

#logos-centered .logo-item {

	position: relative;

	max-width: 220px;

	overflow: hidden;

	display: inline-block;

}

#logos-centered .logo-item > img {

	width: 98%;

	display: inline-block;

}



/*colored logos with gradient bg & white transparent logos*/

.gradient-bg{

    background:-webkit-gradient(linear, left top, left bottom, from(#c6e0e4) , to(#fff) );

    background:-webkit-linear-gradient(top, #c6e0e4 , #fff );

    background:-o-linear-gradient(top, #c6e0e4 , #fff );

    background:-webkit-gradient(linear, left top, left bottom, from(#c6e0e4) , to(#fff) );

    background:-webkit-linear-gradient(top, #c6e0e4 , #fff );

    background:linear-gradient(180deg, #c6e0e4 , #fff );

}



/*dark bg on white logos*/

.logo-white{

    background: url(../images/bg-logos-white.jpg) no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    width: 100%;

}

#logo-arrow .logo-item ,

#logo-transparent .logo-item{

  position: relative;

  height: 100px;

}

#logo-arrow .logo-item > img,

#logo-transparent .logo-item > img{

    display: inline-block;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}



/*white transparent logo slides*/

#logo-transparent .logo-item > img{

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}

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

    /* logos / Partners ends */

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





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

    /* Testminials slider */

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

#testimonial-single{

    background: url(../images/bg-testimonial-single.jpg) no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    width: 100%;

    padding-bottom: 6.25rem;

    position: relative;

}

#testimonial-single::before{

    content: "";

    height: 60%;

    width: 100%;

    position: absolute;

    left: 0; right: 0;

    top: 0;

    background: rgba(239,35,60,.85);

}

#testimonial-single blockquote{

    font-size: 1.5rem;

    padding: 0;

    border: none;

    font-weight: normal;

    position: relative;

    font-style: italic;

}

#testimonial-single blockquote::before,

#testimonial-single blockquote::after {

  font-family: FontAwesome;

  font-size: 12px;

  display: inline-block;

}

#testimonial-single blockquote::before{

    content: "\f10d";

    margin-right: 10px;

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    transform: translateY(-15px);

}

#testimonial-single blockquote::after{

    content: "\f10e";

    margin-left: 10px;

    -webkit-transform: translateY(5px);

    -ms-transform: translateY(5px);

    -o-transform: translateY(5px);

    transform: translateY(5px);

}

.single-testi {

    text-align: center;

}

.single-testi h3{

    font-weight: bold;

}

.single-testi h3{

    color: #251b1b;

}

.single-testi > img{

    -webkit-border-radius: 50%;

    border-radius: 50%;

    height: 180px;

    width: 180px !important;

    display: inline-block !important;

}



  /*Testimonial thumbnails*/

.feedback-thumbs{

    border-bottom: 5px solid #dedede;

}

.feedback-thumbs .item{

    padding-bottom: 20px;

    position: relative;

}

.feedback-thumbs .item,

.feedback-text  .item{

   text-align: center;

}

.feedback-thumbs .item::before{

    content: "";

    height: 7px;

    width: 0;

    background: #0C5A9C;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-border-radius: 2px;

    border-radius: 2px;

}

.feedback-thumbs .current .item::before{

    width: 100px;

}

.feedback-thumbs .item > img{

    height: 100px;

    width: 100px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    -webkit-transform: scale(0.75);

    -ms-transform: scale(0.75);

    -o-transform: scale(0.75);

    transform: scale(0.75);

    cursor: pointer;

    display: inline-block;

}

.feedback-thumbs .current .item > img{

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    cursor: default;

}

.feedback-text p{

    font-style: italic;

}

.feedback-text h4{

    font-weight: bold;

    font-size: 1.25rem;

}



/*testimonial image */

#bg-testimonial{

    background: url(../images/bg-testimonial.jpg) no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    width: 100%;

}

#owl-thumbs.owl-dots{

   margin-top: 0;

}

#owl-thumbs.owl-dots .owl-dot {

	background: transparent;

	color: transparent;

	display: inline-block;

	height: 110px;

	margin: 0 15px;

	position: relative;

	width: 110px;

	z-index: 1;

	cursor: pointer;

}

#owl-thumbs.owl-dots .owl-dot::after{

    display: none;

}

#owl-thumbs.owl-dots .owl-dot > img{

    width: 100%;

    -webkit-border-radius: 50%;

	border-radius: 50%;

    opacity: 0.25;

    -webkit-transform: scale(0.75);

    -ms-transform: scale(0.75);

    -o-transform: scale(0.75);

    transform: scale(0.75);

}

#owl-thumbs.owl-dots .owl-dot.active > img{

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.testimonial-text  .item {

  text-align: center;

}

.testimonial-text  .item  h6{

    font-size: 0.875rem;

    font-style: italic;

    margin-top: 5px;

}

.testimonial-text .owl-theme {

  position: relative;

}

.testimonial-text  .item p,

.testimonial-text .owl-nav .owl-prev,

.testimonial-text .owl-nav .owl-next{

    color: #414141;

}

.testimonial-text .owl-nav .owl-prev,

.testimonial-text .owl-nav .owl-next {

  width: 34px;

  height: 34px;

  font-size: 20px;

  line-height: 34px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #141414;

  background: transparent;

}

.testimonial-text .owl-nav .owl-prev:hover,

.testimonial-text .owl-nav .owl-prev:focus,

.testimonial-text .owl-nav .owl-next:hover,

.testimonial-text .owl-nav .owl-next:focus{

    background: #fff;

    border: 1px solid #fff;

}



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

    .feedback-thumbs .current .item::before{

        width: 80px;

    }

    .feedback-thumbs .item > img,

    #owl-thumbs.owl-dots .owl-dot{

        height: 80px;

        width: 80px;

    }

}

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

    .feedback-thumbs .current .item::before{

        width: 60px;

    }

    .feedback-thumbs .item > img,

    #owl-thumbs.owl-dots .owl-dot{

        height: 60px;

        width: 60px;

    }

}



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

    /* Testminials ends */

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





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

    /* Our Blog */

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

/*sidebar*/

/*search form*/

.widget_search .input-group{

   width: 260px;

}

.widget_search .form-control{

   width: 214px;

}

.widget_search .form-control,

.widget_search .input-group-addon{

   -webkit-border-radius: 0;

   border-radius: 0;

   border-color: #d6d5d5;

   -webkit-box-shadow: none;

   box-shadow: none;

   display: table-cell;

}

.widget_search .input-group-addon {

	height: 35px;

	background-color: #414141;

	color: #fff;

	position: relative;

	top: -1px; left: -5px;

	width: 40px;

}

.widget_search .form-control:focus{

   -webkit-box-shadow: none;

   box-shadow: none;

   border: 1px solid #414141;

}

.widget .media-body > a {

	color: #414141;

	font-size: 14px;

}

.widget h4, .widget .media-body > a{

    font-weight: bold;

}



/*Categories*/

.category li {

    border-bottom: 1px solid #e8ecf0;

    display: block;

    margin-bottom: 10px;

    padding-bottom: 10px;

    font-size: 14px;

}

.category li a > span{

    float: right;

}

.category li a:hover, .category li a:focus,

.widget .media-body > a:hover, .widget .media-body > a:focus{

    color: #0C5A9C;

}



/*Tags*/

ul.web_tags li{

    display: inline-block;

}

ul.web_tags li a {

    background: #414141;

    color: #fff;

    display: block;

    font-size: 0.75rem;

    font-weight: 500;

    line-height: 8px;

    margin: 2px 17px 8px 1px;

    padding: 6px 25px 6px 15px;

    position: relative;

    -webkit-border-bottom-left-radius: 2px;

    border-bottom-left-radius: 2px;

    -webkit-border-top-left-radius: 2px;

    border-top-left-radius: 2px;

    height: 20px;

}

ul.web_tags li a::before {

    background-color: inherit;

    height: 10px;

    right: -5px;

    top: 5px;

    -webkit-transform: skew(-45deg, 45deg);

    -ms-transform: skew(-45deg, 45deg);

    -o-transform: skew(-45deg, 45deg);

    transform: skew(-45deg, 45deg);

    width: 10px;

    z-index: -1;

}

ul.web_tags li a::before,

ul.web_tags li a::after{

   content: "";

   position: absolute;

}

ul.web_tags li a::after {

    background: #ffffff ;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    height: 6px;

    margin-top: -3px;

    right: 0;

    top: 50%;

    width: 6px;

}



/*tweets*/

.tweet_box {

	margin-bottom: 30px;

}

.tweet_box .twee_inner {

	background: #c4f0ff;

	padding: 15px;

	position: relative;

	margin-bottom: 20px;

}

.tweet_box  a{

    color: #414141;

}

.tweet_box .twittername{

    display: inline-block;

    font-weight: 600;

    font-size: 14px;

}

.tweet_box .twee_inner:after{

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	left: 0px;

	bottom: -20px;

	border: 22px solid;

	border-color: transparent transparent transparent #c4f0ff;

}



/*Pagination*/

ul.pagination li {

    display: inline-block;

}

ul.pagination li a {

    height: 32px;

    line-height: 30px;

    width: 32px;

    font-size: 14px;

    font-weight: 600;

    border: 1px solid #414141;

    -webkit-border-radius: 50% !important;

    border-radius: 50% !important;

    display: block;

    padding: 0;

    text-align: center;

    color: #fff;

    background: #414141;

}

ul.pagination li a:hover,

ul.pagination li a:focus,

ul.pagination li.active a,

ul.pagination li.active a:hover,

ul.pagination li.active a:focus {

    background: #0C5A9C;

    border: 1px solid #0C5A9C;

    color: #fff;

}

/*blog deatils*/

.blog-detail h4{

    font-weight: bold;

    text-transform: capitalize;

}

/*next prev buttons post*/

.postanchor{

    border-top: 1px solid #d6d5d5;

    border-bottom: 1px solid #d6d5d5;

    position: relative;

    padding-top: 20px;

}

.postanchor .previous > a,

.postanchor .nextpost > a {

	color: #414141;

	font-weight: bold;

	text-transform: capitalize;

}

.postanchor .share {

	color: #ffffff;

	cursor: pointer;

	display: inline-block;

	height: 35px;

	left: 50%;

	line-height: 38px;

	margin-left: -17px;

	margin-top: -17px;

	text-align: center;

	top: 50%;

	width: 35px;

	z-index: 1;

}

.postanchor .share, .share_purpose{

    position: absolute;

    background: #414141;

}

.share_purpose {

	left: 50%;

	bottom: -20px;

    padding: 6px 12px;

	display: none;

	-webkit-transform: translatex(-50%);

	-ms-transform: translatex(-50%);

	-o-transform: translatex(-50%);

	transform: translatex(-50%);

}

.share_purpose::before {

	background: #414141;

	content: "";

	display: block;

	height: 11px;

	left: 50%;

	margin-left: -5px;

	position: absolute;

	top: -6px;

	width: 12px;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}

.share_purpose ul.social li a {

	height: 24px;

	width: 24px;

	font-size: 11px;

	line-height: 23px;

}



/*Comment Profile*/

.eny_profile {

    border-bottom: 1px solid #e4e4e4;

    padding-bottom: 30px;

    position: relative;

}

.eny_profile .profile_photo{

    -webkit-border-radius:100%;

    border-radius:100%;

    height: 60px;

    width: 60px;

}

.eny_profile .profile_photo > img{

    -webkit-border-radius:100%;

    border-radius:100%;

}

.eny_profile .profile_text{

    padding-left: 20px;

}

.eny_profile .profile_photo,

.eny_profile .profile_text {

    display: table-cell;

    vertical-align: top;

}

.eny_profile .profile_text h6{

    font-weight: 600;

}

.eny_profile .profile_text p{

    font-size: 14px;

}



/*blog posts*/

.blogpost-wrapp, .blogpost, .blogbox{

    position: relative;

}

.blogpost > .row{

   margin-left: 0;

   margin-right: 0;

}

.blogpost:hover .image > img,

.blogbox:hover .image > img{

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.blogpost .blogpost-text *{

    width: 100%;

}

.blogpost-text {

	padding: 2.5rem 1.5rem;

}

.blogpost .blogpost-text {

	background: #f8f8f8;

	text-align: left;

}

.blogpost .blogpost-text h3{

    color: #414141;

    font-size: 1.75rem;

}

.blogpost .blogpost-text:hover h3{

    color: #0C5A9C;

}

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text,

.metabox-wrapp .metabox{

    background: #0C5A9C;

}

.metabox-wrapp.dark .metabox{

   background: #414141;

}

.metabox-wrapp.simple .metabox{

   background: transparent;

}

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text *,

.metabox-wrapp .metabox{

    color: #fff;

}

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text:hover h3{

   color: #414141;

}

.metabox-wrapp .metabox{

    font-size: 0.75rem;

    font-weight: 600;

    padding: 5px 1rem;

    display: inline-block;

    width: auto;

    -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);

    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);

}

.metabox-wrapp.simple .metabox {

	color: #979797;

	-webkit-box-shadow: none;

	box-shadow: none;

	padding: 0;

	margin: 0 5px;

}

.blogpost p > a,

.metabox-wrapp .metabox *,

.blogpost .blogpost-text i{

    width: auto !important;

}

.metabox-wrapp .metabox:first-child{

    margin-left: 0;

}

.metabox-wrapp .metabox:last-child{

    margin-right: 0;

}

.blogpost-wrapp .blogpost:nth-child(even) .metabox{

    background: #fff;

    color: #0C5A9C;

}

.metabox > i{

   color:inherit !important;

   font-size: 16px;

}



.blogpost .blogpost-text .postmail{

    font-size: 0.875rem;

}

.blogpost .video-btn{

    height: 58px;

    width: 58px;

    background: #ffffff;

    line-height: 58px;

    color: #414141;

}

.blogpost .video-btn:hover,

.blogpost .video-btn:focus{

    background: #0C5A9C;

    color: #fff !important;

}



/*blog boxs*/

.box-info{

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: left;

}

.box-info p{

    margin-left:1rem;

    margin-right:1rem;

}

.box-info .whitecolor:hover{

   color: #414141;

}

.box-info p.whitecolor:hover{

   color: #fff;

}

.box-info .blogpost.shadow .darkcolor:hover{

   color: #666666;

}

.shadow{

   -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

   box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

}







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

   .postanchor{

      padding-bottom: 20px;

      padding-top: 20px;

   }

   .postanchor p{

      display: none;

   }

}



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

    /* Our Blog ends */

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





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

    /* Map + Address 01 */

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

.map-bg{

    background: url(../images/map-bg.jpg) no-repeat;

    -webkit-background-size: contain;

    background-size: cover;

    background-position: center center;

    width: 100%;

    position: relative;

}

.map-bg #googleMap{

    -webkit-transform: translateY(75%);

    -ms-transform: translateY(75%);

    -o-transform: translateY(75%);

    transform: translateY(75%);

}

.contactwith .map-bg #googleMap{

   -webkit-transform: none;

   -ms-transform: none;

   -o-transform: none;

   transform: none;

}

.contactwith .address-bg{

      -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

      box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

      padding: 3rem 1.5rem;

   }

#googleMap, #map-dark{

    height: 620px;

    width: 100%;

}

.blocklayout #map-dark,

.contactwith .equalheight> #googleMap{

    min-height: 100%;

    width: 100%;

    height: 100%;

}

.contactwith #googleMap{

   height: 410px;

}

.address-bg{

    background: #fff;

    max-width: 570px;

    padding: 3.5rem 1rem 3.5rem 3.5rem;

   position: relative;

}

.address-bg .our-address{

   margin-bottom: 3px;

}

.address-bg h6{

    font-size: 12px;

    font-weight: bold;

}

.address-bg h2{

    font-size: 2.25rem;

}

.address-bg .social{

   -webkit-transform: translateY(-10px);

   -ms-transform: translateY(-10px);

   -o-transform: translateY(-10px);

   transform: translateY(-10px);

}

.our-address .swiper-button-prev,

.our-address .swiper-button-next {

	background: transparent;

	top: 2rem;

    font-size: 12px;

    width: auto;

}

.our-address .swiper-button-prev{

    right: 40px;

    left: auto;

}

.our-address .swiper-button-next{

    right: 20px;

}

.our-address .swiper-button-prev::before,

.our-address .swiper-button-next::before {

    font-family: FontAwesome;

    color: #979797;

}

.our-address .swiper-button-prev::before{

    content: "\f060";

}

.our-address .swiper-button-next::before{

    content: "\f061";

}

.our-address .swiper-button-prev::after {

	content: "|";

	padding: 0;

	display: inline-block;

    margin: 0 0px 0 10px;

    color: #979797;

}

.our-address .swiper-button-prev:hover::before,

.our-address .swiper-button-next:hover::before{

    color: #0C5A9C;

}



.center-block .our-address {

   width: 100%;

}

/*location bars*/

.location-box{

   display: table;

}

.location-cell{

   display: table-cell;

   vertical-align: middle;

}

.location-cell .icon {

   width: 60px;

   height: 60px;

   display: inline-block;

   text-align: center;

   line-height: 60px;

   font-size: 26px;

   color: #fff;

   background: #0C5A9C;

   margin-right: 10px;

}

.location-cell h4{

   font-weight: bold;

   margin-bottom: 3px;

}

.location-cell p{

   margin-bottom: 5px;

   font-size: 14px;

}



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

   .address-bg h2{

       font-size: 2rem;

   }

}

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

   .map-bg #googleMap {

     -webkit-transform: translateY(25%);

     -ms-transform: translateY(25%);

     -o-transform: translateY(25%);

     transform: translateY(25%);

     height: 320px;

   }

   .address-bg{

      -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

      box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

      padding: 3rem 1.5rem;

   }

   .contactwith .equalheight> #googleMap{

      height: 310px;

   }

}



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

    /* Map + Address 01 ends */

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





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

    /* Contact Form 01 */

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



#contact-form h3{

    font-weight: bold;

}

.contactus .form-control{

    border: none;

    border-bottom: 1px solid #d6d5d5;

    padding: 18px 0;

}

.contactus .form-control,

.getin_form .form-control{

   background: #fff;

   -webkit-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    height: 40px;

    color: #414141;

    font-size: 14px;

    position: relative;

    -webkit-transition: border .9s ease;

    -o-transition: border .9s ease;

    transition: border .9s ease;

}

.getin_form .form-control {

	border: 2px solid #d6d5d5;

	padding: 6px 12px;

    height: 50px;

}

textarea {

    min-height: 175px;

    resize: none;

}

button{

    border: none;

}

.contactus .form-control:focus{

    border-bottom: 1px solid #414141;

}

.getin_form .form-control:focus{

    border: 2px solid #a3a1a1;

}



/* Form general- */

::-webkit-input-placeholder, .form-control::-webkit-input-placeholder{

   color:#414141;

}

:-moz-placeholder, .form-control:-moz-placeholder{ /* Firefox 18- */

   color:#414141;

}

::-moz-placeholder, .form-control::-moz-placeholder{  /* Firefox 19+ */

   color:#414141;

}

:-ms-input-placeholder, .form-control:-ms-input-placeholder{

   color:#414141;

}

textarea::-webkit-input-placeholder,

textarea:-moz-placeholder,

textarea::-moz-placeholder,

textarea:-ms-input-placeholder {

   color:#414141;

	opacity:1;

}



/*Dark layout contact section*/

.find-us .ourlogo {

    max-width: 140px;

}

.find-us .ourlogo, .find-us .ourlogo > img{

   display: inline-block;

}

.find-us .ourlogo > img{

   width: 100%;

}

.find-us .addr {

    display: block;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 11px;

    color: #0C5A9C;

}



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

    /* Contact Form ends */

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





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

    /* Error */

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

#error .error,  .error h1 {

	position:relative;

}

.error h1,  .error h2 {

   font-weight: bold;

}

 .error h1 {

	color:#ebebeb;

	font-size:10rem;

    font-family: 'Open Sans';

}

.error h2 {

  color:#414141;

  font-size: 3.2rem;

  left: 50%;

  position: absolute;

  top: 50%;

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

#error p {

   margin-left: 10%;

   margin-right: 10%;

}



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

    /* Error ends */

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





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

    /* FAQ */

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

 .faq-search .widget_search .input-group {

    width: 90%;

    margin-left: auto;

    margin-right: auto;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    left: 55%;

}

.faq-search .widget_search .form-control {

	width: 60%;

}

.faq-search  .widget_search .input-group-addon {

   display: inherit;

}



/*Accordions*/

.accordion .panel-heading { padding: 0;}

.panel-default > .panel-heading {

	color: #414141;

	background-color: transparent;

	border-color: #d2d2d2;

}

.accordion .panel-title > a {

	display: block;

	padding: 1.25rem 15px;

	font-weight: 600;

}



.accordion .panel-title > a.accordion-toggle::before,

.accordion a[data-toggle="collapse"]::before  {

    content:"\f107";

    float: left;

    font-family:'FontAwesome';

	margin-right :1em;

}

.accordion .panel-title > a.accordion-toggle.collapsed::before,

.accordion a.collapsed[data-toggle="collapse"]::before  {

    content:"\f106";

}





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

    /* FAQ ends */

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





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

    /* Food & Resturant*/

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

.foodbox {

    position: relative;

}

.foodbox .foodbox-text{

   padding: 2rem 1rem;

   background: #f7f7f7;

}

.foodbox-text .price-item{

   font-weight: bold;

}

.foodbox:hover .foodbox-text h3 {

   color: #0C5A9C;

}



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

    /* Food & Resturant ends*/

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





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

  /* Constructions & Builders*/

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

.constructbox {

    position: relative;

}

.constructbox .constructbox-text{

   padding: 2rem 1rem;

   background: #f7f7f7;

}

.constructbox:hover .constructbox-text h3 {

   color: #0C5A9C;

}



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

 /*Constructions & Builders ends*/

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





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

    /* Footer*/

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

footer p {

    font-size: 1.125rem;

}





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

    /* Footer ends*/

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





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

    /* Copyright*/

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

.copyright {

    width: 100%;

}

.copyright ul li,

.copyright ul li a {

    display: inline-block;

}

.copyright ul li a {

    margin: 0 1.5rem;

    position: relative;

    overflow: hidden;

}

.copyright ul li:first-child a {

    margin-left: 0;

}

.copyright ul li a,

.copyright p {

    font-size: 10px;

    font-weight: 600;

}

.copyright ul li:first-child {

    margin-left: 0;

}

.copyright ul li:last-child {

    margin-right: 0;

}

.copyright ul li a:hover,

.copyright ul li a:focus {

    color: #0C5A9C;

}



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

    /* Copyright*/

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





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

    /*PreLoader*/

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

.loader {

  bottom: 0;

  height: 100%;

  left: 0;

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 1111;

  background:#fff;

  overflow-x:hidden;

}

.loader-block {

	position: relative;

	width: 100%;

}

.loader-inner {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



/*----Animated Bars-----*/

.spinner-eff {

    position: relative;

    width: 80px;

    height: 80px;

}

.spinner-eff.spinner-eff-4 {

    -webkit-animation: rotation 12.8s steps(1) 0s infinite;

    -o-animation: rotation 12.8s steps(1) 0s infinite;

    animation: rotation 12.8s steps(1) 0s infinite;

}



@-webkit-keyframes rotation {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    25% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

    50% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    75% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-o-keyframes rotation {

    0% {

        -webkit-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    25% {

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg);

    }

    50% {

        -webkit-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    75% {

        -webkit-transform: rotate(270deg);

        -o-transform: rotate(270deg);

        transform: rotate(270deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes rotation {

    0% {

        -webkit-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    25% {

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg);

    }

    50% {

        -webkit-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    75% {

        -webkit-transform: rotate(270deg);

        -o-transform: rotate(270deg);

        transform: rotate(270deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-webkit-keyframes bar-top {

    0% {

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    12.5% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    87.5% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    100% {

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

    }

}

@-o-keyframes bar-top {

    0% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    12.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    87.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    100% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

}

@keyframes bar-top {

    0% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    12.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    87.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    100% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

}

@-webkit-keyframes bar-right {

    0% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    12.5% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    25% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    75% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    87.5% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    100% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

}

@-o-keyframes bar-right {

    0% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    12.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    25% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    75% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    87.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    100% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

}

@keyframes bar-right {

    0% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    12.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    25% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    75% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    87.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    100% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

}

@-webkit-keyframes bar-bottom {

    0% {

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    25% {

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    37.5% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    62.5% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    75% {

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    100% {

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

    }

}

@-o-keyframes bar-bottom {

    0% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    25% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    37.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    62.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    75% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    100% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

}

@keyframes bar-bottom {

    0% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    25% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    37.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    62.5% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    75% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

    100% {

        -webkit-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        transform: scale(0, 1);

    }

}

@-webkit-keyframes bar-left {

    0% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    37.5% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    50% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    62.5% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    100% {

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

}

@-o-keyframes bar-left {

    0% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    37.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    50% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    62.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    100% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

}

@keyframes bar-left {

    0% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    37.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    50% {

        -webkit-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    62.5% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    100% {

        -webkit-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        transform: scale(1, 0);

    }

}



.spinner-eff.spinner-eff-4 .bar {

    background-color: #0C5A9C;

}

.spinner-eff.spinner-eff-4 .bar-top,

.spinner-eff.spinner-eff-4 .bar-right,

.spinner-eff.spinner-eff-4 .bar-bottom,

.spinner-eff.spinner-eff-4 .bar-left{

    position: absolute;

}

.spinner-eff.spinner-eff-4 .bar-top {

    width: 100%;

    height: 7px;

    top: 0; left: 0;

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    -o-transform-origin: left top;

    transform-origin: left top;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-animation: bar-top 3.2s linear 0s infinite;

    -o-animation: bar-top 3.2s linear 0s infinite;

    animation: bar-top 3.2s linear 0s infinite;

}

.spinner-eff.spinner-eff-4 .bar-right {

    width: 7px;

    height: 100%;

    top: 0; right: 0;

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    -o-transform-origin: left top;

    transform-origin: left top;

    -webkit-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-animation: bar-right 3.2s linear 0s infinite;

    -o-animation: bar-right 3.2s linear 0s infinite;

    animation: bar-right 3.2s linear 0s infinite;

}

.spinner-eff.spinner-eff-4 .bar-bottom {

    width: 100%;

    height: 7px;

    right: 0; bottom: 0;

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    -o-transform-origin: right top;

    transform-origin: right top;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-animation: bar-bottom 3.2s linear 0s infinite;

    -o-animation: bar-bottom 3.2s linear 0s infinite;

    animation: bar-bottom 3.2s linear 0s infinite;

}

.spinner-eff.spinner-eff-4 .bar-left {

    width: 7px;

    height: 100%;

    left: 0; bottom: 0;

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-animation: bar-left 3.2s linear 0s infinite;

    -o-animation: bar-left 3.2s linear 0s infinite;

    animation: bar-left 3.2s linear 0s infinite;

}

/*----Animated Bars ends-----*/





/*----- Spinner Dark -----*/

.spinner {

  width: 80px;

  height: 80px;

}

.container1 > div, .container2 > div, .container3 > div {

  width: 16px;

  height: 16px;

 border: 5px solid #000;

  background-color: #fff;



  -webkit-border-radius: 100%;



  border-radius: 100%;

  position: absolute;

  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;

  -o-animation: bouncedelay 1.2s infinite ease-in-out;

  animation: bouncedelay 1.2s infinite ease-in-out;

  /* Prevent first frame from flickering when animation starts */

  -webkit-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

}



.spinner .spinner-container {

  position: absolute;

  width: 100%;

  height: 100%;

}

.container2 {

  -webkit-transform: rotateZ(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}

.circle1 {

	top: 0;

	left: 0;

}

.circle2 {

	top: 0;

	right: 0;

}

.circle3 {

	right: 0;

	bottom: 0;

}

.circle4 {

	left: 0;

	bottom: 0;

}

.container2 .circle1 {

  -webkit-animation-delay: -1.1s;

  -o-animation-delay: -1.1s;

  animation-delay: -1.1s;

}

.container2 .circle1,

.container2 .circle2,

.container2 .circle3,

.container2 .circle4{

  border-color: #0C5A9C;

}



.multicolor .container2 .circle1{

  border-color: #0C5A9C;

}

.multicolor .container2 .circle2{

  border-color: #0C5A9C;

}

.multicolor .container2 .circle3{

  border-color: #0C5A9C;

}



.multicolor .container2 .circle4{

  border-color: #0C5A9C;

}



.container1 .circle2 {

  -webkit-animation-delay: -0.9s;

  -o-animation-delay: -0.9s;

  animation-delay: -0.9s;

}

.container2 .circle2 {

  -webkit-animation-delay: -0.8s;

  -o-animation-delay: -0.8s;

  animation-delay: -0.8s;

}

.container1 .circle3 {

  -webkit-animation-delay: -0.6s;

  -o-animation-delay: -0.6s;

  animation-delay: -0.6s;

}



.container2 .circle3 {

  -webkit-animation-delay: -0.5s;

  -o-animation-delay: -0.5s;

  animation-delay: -0.5s;

}

.container1 .circle4 {

  -webkit-animation-delay: -0.3s;

  -o-animation-delay: -0.3s;

  animation-delay: -0.3s;

}

.container2 .circle4 {

  -webkit-animation-delay: -0.2s;

  -o-animation-delay: -0.2s;

  animation-delay: -0.2s;

}





@-webkit-keyframes bouncedelay {

  0%, 80%, 100% { -webkit-transform: scale(0.4) }

  40% { -webkit-transform: scale(1.0) }

}



@-o-keyframes bouncedelay {

  0%, 80%, 100% {

    -o-transform: scale(0.0);

    transform: scale(0.0);

    -webkit-transform: scale(0.25);

  } 40% {

    -o-transform: scale(1.0);

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

  }

}



@keyframes bouncedelay {

  0%, 80%, 100% {

    -o-transform: scale(0.0);

    transform: scale(0.0);

    -webkit-transform: scale(0.25);

  } 40% {

    -o-transform: scale(1.0);

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

  }

}

/*----- Spinner Dark ends -----*/





/*----- Loading Dots -----*/

[role="cssload-progressbar"] {

	position: relative;

	width: 45px;

	height: 45px;

	background-color: rgb(239,35,59);

	margin: 97px auto;

}

[role="cssload-progressbar"]::before, [role="cssload-progressbar"]::after {

	display: block;

	position: absolute;

	content: '';

}

[role="cssload-progressbar"]::before {

	top: 3px;

	left: 3px;

	z-index: 2;

	width: 39px;

	height: 39px;

	background-image: radial-gradient(center, ellipse, rgba(0, 0, 0, 0) 8px, rgb(255, 255, 255) 9px);

	background-image: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0) 8px, rgb(255, 255, 255) 9px);

	background-image: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0) 8px, rgb(255, 255, 255) 9px);

	background-image: -moz-radial-gradient(center, ellipse, rgba(0, 0, 0, 0) 8px, rgb(255, 255, 255) 9px);

	-webkit-background-size: 19px 19px;

	background-size: 19px 19px;

	animation: cssload-hypercube infinite linear forwards 4.6s;

	-o-animation: cssload-hypercube infinite linear forwards 4.6s;

	-ms-animation: cssload-hypercube infinite linear forwards 4.6s;

	-webkit-animation: cssload-hypercube infinite linear forwards 4.6s;

	-moz-animation: cssload-hypercube infinite linear forwards 4.6s;

	box-shadow: 0 0 0 29px rgb(255, 255, 255);

	-o-box-shadow: 0 0 0 29px rgb(255, 255, 255);

	-ms-box-shadow: 0 0 0 29px rgb(255, 255, 255);

	-webkit-box-shadow: 0 0 0 29px rgb(255, 255, 255);

	-moz-box-shadow: 0 0 0 29px rgb(255, 255, 255);

}

[role="cssload-progressbar"]::after {

	top: 29px;

	left: 15px;

	z-index: 1;

	width: 16px;

	height: 16px;

	background-color: rgb(65,65,65);

	border-radius: 100%;

		-o-border-radius: 100%;

		-ms-border-radius: 100%;

		-webkit-border-radius: 100%;

		-moz-border-radius: 100%;

	transform: rotate(15deg);

		-o-transform: rotate(15deg);

		-ms-transform: rotate(15deg);

		-webkit-transform: rotate(15deg);

		-moz-transform: rotate(15deg);

	transform-origin: 50% -16px;

		-o-transform-origin: 50% -16px;

		-ms-transform-origin: 50% -16px;

		-webkit-transform-origin: 50% -16px;

		-moz-transform-origin: 50% -16px;

	animation: cssload-hyperball infinite reverse ease-in-out 1.15s;

		-o-animation: cssload-hyperball infinite reverse ease-in-out 1.15s;

		-ms-animation: cssload-hyperball infinite reverse ease-in-out 1.15s;

		-webkit-animation: cssload-hyperball infinite reverse ease-in-out 1.15s;

		-moz-animation: cssload-hyperball infinite reverse ease-in-out 1.15s;

}

@keyframes cssload-hypercube {

	100% {

		-webkit-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}



@-o-keyframes cssload-hypercube {

	100% {

		-o-transform: rotate(360deg);

	}

}



@-webkit-keyframes cssload-hypercube {

	100% {

		-webkit-transform: rotate(360deg);

	}

}



@keyframes cssload-hyperball {

	50% {

		-webkit-transform: rotate(-15deg);

		-o-transform: rotate(-15deg);

		transform: rotate(-15deg);

	}

}



@-o-keyframes cssload-hyperball {

	50% {

		-o-transform: rotate(-15deg);

	}

}



@-webkit-keyframes cssload-hyperball {

	50% {

		-webkit-transform: rotate(-15deg);

	}

}

/*----- Loading Dots Ends -----*/





/*----- BOX Spiners -----*/

.boxSpin{

  background-color: #0C5A9C;

  width: 40px;

  height: 40px;



  border: 5px solid #0C5A9C;

  -webkit-box-shadow: 10px 0px #0C5A9C, 10px 0px #0C5A9C;

  box-shadow: 10px 0px #0C5A9C, 10px 0px #0C5A9C;

  -webkit-animation: shadowSpin 1s ease-in-out infinite;

  -o-animation: shadowSpin 1s ease-in-out infinite;

  animation: shadowSpin 1s ease-in-out infinite;

}

@-webkit-keyframes boxSpin{

  0%{

    -webkit-transform: translate(-10px, 0px);

    transform: translate(-10px, 0px);

  }

  25%{

    -webkit-transform: translate(10px, 10px);

    transform: translate(10px, 10px);

  }

  50%{

    -webkit-transform: translate(10px, -10px);

    transform: translate(10px, -10px);

  }

  75%{

    -webkit-transform: translate(-10px, -10px);

    transform: translate(-10px, -10px);

  }

  100%{

    -webkit-transform: translate(-10px, 10px);

    transform: translate(-10px, 10px);

  }

}

@-o-keyframes boxSpin{

  0%{

    -o-transform: translate(-10px, 0px);

    transform: translate(-10px, 0px);

  }

  25%{

    -o-transform: translate(10px, 10px);

    transform: translate(10px, 10px);

  }

  50%{

    -o-transform: translate(10px, -10px);

    transform: translate(10px, -10px);

  }

  75%{

    -o-transform: translate(-10px, -10px);

    transform: translate(-10px, -10px);

  }

  100%{

    -o-transform: translate(-10px, 10px);

    transform: translate(-10px, 10px);

  }

}

@keyframes boxSpin{

  0%{

    -webkit-transform: translate(-10px, 0px);

    -o-transform: translate(-10px, 0px);

    transform: translate(-10px, 0px);

  }

  25%{

    -webkit-transform: translate(10px, 10px);

    -o-transform: translate(10px, 10px);

    transform: translate(10px, 10px);

  }

  50%{

    -webkit-transform: translate(10px, -10px);

    -o-transform: translate(10px, -10px);

    transform: translate(10px, -10px);

  }

  75%{

    -webkit-transform: translate(-10px, -10px);

    -o-transform: translate(-10px, -10px);

    transform: translate(-10px, -10px);

  }

  100%{

    -webkit-transform: translate(-10px, 10px);

    -o-transform: translate(-10px, 10px);

    transform: translate(-10px, 10px);

  }

}

@-webkit-keyframes shadowSpin{

  0%{

    -webkit-box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

    box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

  }

  25%{

    -webkit-box-shadow: 10px 10px #0C5A9C, -10px -10px #0C5A9C;

    box-shadow: 10px 10px #0C5A9C, -10px -10px #0C5A9C;

  }

  50%{

    -webkit-box-shadow: -10px 10px #0C5A9C, 10px -10px #0C5A9C;

    box-shadow: -10px 10px #0C5A9C, 10px -10px #0C5A9C;

  }

  75%{

    -webkit-box-shadow: -10px -10px #0C5A9C, 10px 10px #0C5A9C;

    box-shadow: -10px -10px #0C5A9C, 10px 10px #0C5A9C;

  }

  100%{

    -webkit-box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

    box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

  }

}

@-o-keyframes shadowSpin{

  0%{

    box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

  }

  25%{

    box-shadow: 10px 10px #0C5A9C, -10px -10px #0C5A9C;

  }

  50%{

    box-shadow: -10px 10px #0C5A9C, 10px -10px #0C5A9C;

  }

  75%{

    box-shadow: -10px -10px #0C5A9C, 10px 10px #0C5A9C;

  }

  100%{

    box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

  }

}

@keyframes shadowSpin{

  0%{

    -webkit-box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

    box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

  }

  25%{

    -webkit-box-shadow: 10px 10px #0C5A9C, -10px -10px #0C5A9C;

    box-shadow: 10px 10px #0C5A9C, -10px -10px #0C5A9C;

  }

  50%{

    -webkit-box-shadow: -10px 10px #0C5A9C, 10px -10px #0C5A9C;

    box-shadow: -10px 10px #0C5A9C, 10px -10px #0C5A9C;

  }

  75%{

    -webkit-box-shadow: -10px -10px #0C5A9C, 10px 10px #0C5A9C;

    box-shadow: -10px -10px #0C5A9C, 10px 10px #0C5A9C;

  }

  100%{

    -webkit-box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

    box-shadow: 10px -10px #0C5A9C, -10px 10px #0C5A9C;

  }

}

/*----- BOX Spiners Ends -----*/





/* ----- Diamond Loading ------*/

.diamond-wrap {

  width: 120px;

  height: 30px;

}

.diamond-wrap .diamond {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0 auto;

  width: 30px;

  height: 30px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  background: #0C5A9C;

  -webkit-transform: translateX(0) rotate(45deg) scale(0);

          -ms-transform: translateX(0) rotate(45deg) scale(0);

          -o-transform: translateX(0) rotate(45deg) scale(0);

          transform: translateX(0) rotate(45deg) scale(0);

  -webkit-animation: diamonds 1500ms linear infinite;

          -o-animation: diamonds 1500ms linear infinite;

          animation: diamonds 1500ms linear infinite;

}

.diamond-wrap .diamond:nth-child(1) {

  -webkit-animation-delay: -1000ms;

          -o-animation-delay: -1000ms;

          animation-delay: -1000ms;

}

.diamond-wrap .diamond:nth-child(2) {

  -webkit-animation-delay: -2000ms;

          -o-animation-delay: -2000ms;

          animation-delay: -2000ms;

}

.diamond-wrap .diamond:nth-child(3) {

  -webkit-animation-delay: -3000ms;

          -o-animation-delay: -3000ms;

          animation-delay: -3000ms;

}

.diamond-wrap .diamond:nth-child(4) {

  -webkit-animation-delay: -4000ms;

          -o-animation-delay: -4000ms;

          animation-delay: -4000ms;

}



@-webkit-keyframes diamonds {

  50% {

    -webkit-transform: translateX(-50px) rotate(45deg) scale(1);

            transform: translateX(-50px) rotate(45deg) scale(1);

  }

  100% {

    -webkit-transform: translateX(-100px) rotate(45deg) scale(0);

            transform: translateX(-100px) rotate(45deg) scale(0);

  }

}



@-o-keyframes diamonds {

  50% {

    -webkit-transform: translateX(-50px) rotate(45deg) scale(1);

            -o-transform: translateX(-50px) rotate(45deg) scale(1);

            transform: translateX(-50px) rotate(45deg) scale(1);

  }

  100% {

    -webkit-transform: translateX(-100px) rotate(45deg) scale(0);

            -o-transform: translateX(-100px) rotate(45deg) scale(0);

            transform: translateX(-100px) rotate(45deg) scale(0);

  }

}



@keyframes diamonds {

  50% {

    -webkit-transform: translateX(-50px) rotate(45deg) scale(1);

            -o-transform: translateX(-50px) rotate(45deg) scale(1);

            transform: translateX(-50px) rotate(45deg) scale(1);

  }

  100% {

    -webkit-transform: translateX(-100px) rotate(45deg) scale(0);

            -o-transform: translateX(-100px) rotate(45deg) scale(0);

            transform: translateX(-100px) rotate(45deg) scale(0);

  }

}

/* ----- Diamond Loading ends ------*/





/* ------Cubes Loading -----*/

.thecube {

  width: 60px;

  height: 60px;

  position: relative;

  -webkit-transform: rotateZ(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}

.thecube .cube {

  position: relative;

  -webkit-transform: rotateZ(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}

.thecube .cube {

  float: left;

  width: 50%;

  height: 50%;

  position: relative;

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.thecube .cube:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #0C5A9C;

  -webkit-animation: foldthecube 2.4s infinite linear both;

  -o-animation: foldthecube 2.4s infinite linear both;

  animation: foldthecube 2.4s infinite linear both;

  -webkit-transform-origin: 100% 100%;

  -ms-transform-origin: 100% 100%;

  -o-transform-origin: 100% 100%;

  transform-origin: 100% 100%;

}

.thecube .c2 {

  -webkit-transform: scale(1.1) rotateZ(90deg);

  -ms-transform: scale(1.1) rotate(90deg);

  -o-transform: scale(1.1) rotateZ(90deg);

  transform: scale(1.1) rotateZ(90deg);

}

.thecube .c3 {

  -webkit-transform: scale(1.1) rotateZ(180deg);

  -ms-transform: scale(1.1) rotate(180deg);

  -o-transform: scale(1.1) rotateZ(180deg);

  transform: scale(1.1) rotateZ(180deg);

}

.thecube .c4 {

  -webkit-transform: scale(1.1) rotateZ(270deg);

  -ms-transform: scale(1.1) rotate(270deg);

  -o-transform: scale(1.1) rotateZ(270deg);

  transform: scale(1.1) rotateZ(270deg);

}

.thecube .c2:before {

  -webkit-animation-delay: 0.3s;

  -o-animation-delay: 0.3s;

  animation-delay: 0.3s;

}

.thecube .c3:before {

  -webkit-animation-delay: 0.6s;

  -o-animation-delay: 0.6s;

  animation-delay: 0.6s;

}

.thecube .c4:before {

  -webkit-animation-delay: 0.9s;

  -o-animation-delay: 0.9s;

  animation-delay: 0.9s;

}

@-webkit-keyframes foldthecube {

  0%, 10% {

    -webkit-transform: perspective(140px) rotateX(-180deg);

    transform: perspective(140px) rotateX(-180deg);

    opacity: 0;

  }

  25%,

        75% {

    -webkit-transform: perspective(140px) rotateX(0deg);

    transform: perspective(140px) rotateX(0deg);

    opacity: 1;

  }

  90%,

        100% {

    -webkit-transform: perspective(140px) rotateY(180deg);

    transform: perspective(140px) rotateY(180deg);

    opacity: 0;

  }

}

@-o-keyframes foldthecube {

  0%, 10% {

    -webkit-transform: perspective(140px) rotateX(-180deg);

    transform: perspective(140px) rotateX(-180deg);

    opacity: 0;

  }

  25%,

        75% {

    -webkit-transform: perspective(140px) rotateX(0deg);

    transform: perspective(140px) rotateX(0deg);

    opacity: 1;

  }

  90%,

        100% {

    -webkit-transform: perspective(140px) rotateY(180deg);

    transform: perspective(140px) rotateY(180deg);

    opacity: 0;

  }

}

@keyframes foldthecube {

  0%, 10% {

    -webkit-transform: perspective(140px) rotateX(-180deg);

    transform: perspective(140px) rotateX(-180deg);

    opacity: 0;

  }

  25%,

        75% {

    -webkit-transform: perspective(140px) rotateX(0deg);

    transform: perspective(140px) rotateX(0deg);

    opacity: 1;

  }

  90%,

        100% {

    -webkit-transform: perspective(140px) rotateY(180deg);

    transform: perspective(140px) rotateY(180deg);

    opacity: 0;

  }

}

/*---- Cubes Loading ends -----*/









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

      /*Loader ends*/

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







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

    html {

        font-size: 15px;

    }

    .container-padding {

        padding-left: 4.625rem;

        padding-right: 4.625rem;

    }

}

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

    html {

        font-size: 14px;

    }

     .container-padding {

        padding-left: 3.5rem;

        padding-right: 3.5rem;

    }

}

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

    h1 {

        font-size: 2.75rem

    }

    h2 {

        font-size: 2.5rem;

    }

    h3 {

        font-size: 1.375rem;

    }

   h1, h2, h3, h4, h5, h6{

      line-height: normal;

   }

   .container {

       width: 1000px;

       max-width: 100%;

   }

}



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

    html {

        font-size: 13px;

    }

    .container-padding {

        padding-left: 2.5rem;

        padding-right: 2.5rem;

    }

    .heading-title {

        font-size: 12px;

    }

   /*buttons*/

   .button {

       font-size: 11px;

       padding: 1.125rem 2.5rem;

   }



    /*Copyright*/

    .copyright ul li a {

        margin: 0 0.5rem;

    }

    .copyright ul li a, .copyright p {

        font-size: 9px;

    }



}

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

   /*Navigation*/

    #navigation{

       background: rgba(0,0,0,.55);

       padding: 0;

    }

   #navigation.lighttransparent,

   #navigation.lightheader{

       background: rgba(255,255,255,1);;

    }

    .navbar-header {

        float: none;

    }

    .navbar-toggle {

        display: block;

    }



    /*sidenav*/

      #sidemenu .navbar-default.sidebar-nav {

         display: block;

         width: 100%;

         position: relative;

         top: 0;

         z-index: 1;

         height: auto;

         padding: 0 15px;

         border-right: none;

      }



   /*Logo in center mode*/

    .logo-center {

       float: left;

       left: auto;

       position: relative;

       top: auto;

       -ms-transform: none;

       -o-transform: none;

       -webkit-transform: none;

       transform: none;

    }

    /*sidenav logo*/

   .navbar-default.sidebar-nav .navbar-brand{

      width: 94px;

   }

   .navbar-default.sidebar-nav .navbar-brand {

      margin: 14px 0;

   }

    .navbar-collapse {

      border-top: none;

      -webkit-box-shadow: none;

      box-shadow: none;

    }

    .navbar-collapse.collapse {

      display: none!important;

    }

    .navbar-collapse.in {

      display: block!important;

      width: 100%;

    }

	.navbar-default.sidebar-nav .navbar-collapse.collapse{

		display: block !important;

	}

   .navbar-left-1, .navbar-right-1 {

       display: block;

       float: none;

       width: 100%;

       padding: 0;

   }

    .navbar-collapse.in.navbar-right,

    .navbar-nav,.navbar-right {

        float: none!important;

    }

    .navbar-nav {

        margin: 7.5px -15px;

        width: 100%;

    }

    .navbar-nav>li {

      float: none;

    }

   .navbar-default .navbar-nav > li > a {

      padding: 10px 0;

   }

   .navbar-default .navbar-nav > li > a::before {

      bottom: 5px;

   }

   .dark .navbar-toggle,

   .navbar-default .navbar-nav li.dropdown > .dropdown-toggle::after {

      display: none;

   }

   .navbar-nav > li > .dropdown-menu {

      overflow-y: auto;

      width: 100%;

      position: relative;

   }

   .navbar-nav > li > .halfmenu-content{

      -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

      -o-transform: translateX(0);

      transform: translateX(0);

   }

   .wrapper.wrapperleft{

      padding-left: 0;

   }

   .navbar-default.sidebar-nav .widget,

   .navbar-default.sidebar-nav .social_simple {

      display: none;

   }



}



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

    html {

        font-size: 12px;

    }

    .container-padding {

        padding-left: 15px;

        padding-right: 15px;

    }



   /*buttons*/

   .button {

       padding: 1rem 2rem;

   }



   /*Navigation*/

    .dark #navigation .navbar-toggle,

    .dark #navigation.fixed .navbar-toggle, ul.top-right {

        display: none;

    }

    .full-screen h2 {

        font-size: 2.2rem;

    }

    .caption-video .video-btn {

        margin-bottom: -40px;

    }

    .caption-video h2.bottom35 {

        margin-bottom: 25px;

    }

}



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

    .heading-title {

        font-size: 10px;

    }

    .full-screen h2 {

        font-size: 2rem;

    }

   #error p {

      margin-left: 5%;

      margin-right: 5%;

   }

}