html, body, .perspective{
	width:100%;
	height:100%;
}

.perspective{
	background:#aaa;
	position:relative;
}

.cont{
	background:#fff;
	min-height:100%;
	position:relative;
	outline:1px solid rgba(0,0,0,0);
	z-index:10;
}

.cont::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0px;
	opacity:0;
	background:rgba(0,0,0,0.2);
	transition:opacity 0.4s, height 0s 0.4s;
}

.wrapper{
	position:relative;
}
.perspective.modalview{
	position:fixed;
	perspective:1500px;
}

.modalview .cont{
	position:absolute;
	overflow:hidden;
	width:98%;
	height:100%;
	cursor:pointer;
	backface-visibility:hidden;
}

.modalview .wrapper{
	-webkit-transform:translateZ(-1px);
}

.animate .cont::after{
	opacity:1;
	height:101%;
	transition:opacity 0.3s;
}

.showMenuButton-two{
	width:24px;
	height:30px;
	position:fixed;
	display:block;
	cursor:pointer;
	overflow:hidden;
	float:right;
	margin-left:35px;
	top:20px;
	right:4%;
	z-index:99;
}
.header-appear .showMenuButton-two{
	top:15px;
}

.showMenuButton-two span.hamburger, .showMenuButton-two span.hamburger:after, .showMenuButton-two span.hamburger:before{
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#000000;
	position:absolute;
	top:50%;
	margin-top:-1.5px;
	right:0;
	transform:rotate(0deg);
	transition:all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.05s ease 0.27s;
	transition-timing-function:cubic-bezier(0.600, 0.000, 0.200, 1.000);
}
.showMenuButton-two span.hamburger:before{
	margin-top:-7px;
	top:0;
	width:80%;
}
.showMenuButton-two span.hamburger:after{
	margin-top:7px;
	top:0;
	width:50%;
}

.showMenuButton-two:hover span:before, .showMenuButton-two:hover span:after{
	width:100%;
}

.outer-nav{
	position:absolute;
	height:auto;
	font-size:2em;
}

.outer-nav.vertical{
	top:50%;
	transform:translateY(-50%);
	transform-style:preserve-3d;
}

.outer-nav.right{
	right:25%;
}

.outer-nav.top{
	top:25%;
}

.outer-nav.bottom{
	bottom:25%;
}

.outer-nav a{
	display:inline-block;
	white-space:nowrap;
	font-weight:300;
	margin:0 0 30px 0;
	color:#fff;
	transition:color 0.3s;
	transform-style:preserve-3d;
}

.outer-nav a:hover{
	color:#ffdccd;
}

.outer-nav.vertical a{
	display:block;
}

.outer-nav a::before{
	display:inline-block;
	font-family:'FontAwesome';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	margin-right:15px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	backface-visibility:hidden;
}

.icon-home::before{ content:"\f015" }
.icon-about::before{ content:"\f007" }
.icon-advertiser::before{ content:"\f1ad" }
.icon-camera::before{ content:"\f03d" }
.icon-blog::before{ content:"\f0a1" }
.icon-paperplane::before{ content:"\f1d8" }
.effect-moveleft{
	background:#17acc6;
}

.effect-moveleft .cont{
	transition:transform 0.4s;
	transform-origin:50% 50%;
}

.effect-moveleft .cont::after{
	background:rgba(255,255,255,0.6);
}

.effect-moveleft.animate .cont{
	transform:translateX(-50%) rotateY(45deg) translateZ(-50px);
}
.outer-nav{
	list-style-type:none !important;
	text-decoration:none !important;
}

.effect-moveleft .outer-nav li{
	text-decoration:none;
	display:block;
}

.effect-moveleft .outer-nav a{
	color:#fff !important;
	opacity:0;
	transform:translateX(100px) translateZ(-1000px);
	transition:transform 0.4s, opacity 0.4s;
}

.effect-moveleft .outer-nav li a:hover{
	transform:translateX(-20px) !important;
	transition:.4s !important;
}

.effect-moveleft.animate .outer-nav a{
	opacity:1;
	transform:translateX(0) translateZ(0);
}

.effect-moveleft.animate .outer-nav a:nth-child(2){
	transition-delay:0.04s;
}

.effect-moveleft.animate .outer-nav a:nth-child(3){
	transition-delay:0.08s;
}

.effect-moveleft.animate .outer-nav a:nth-child(4){
	transition-delay:0.12s;
}

.effect-moveleft.animate .outer-nav a:nth-child(5){
	transition-delay:0.16s;
}

.effect-moveleft.animate .outer-nav a:nth-child(6){
	transition-delay:0.2s;
}

.effect-moveleft.animate .outer-nav a:nth-child(7){
	transition-delay:0.24s;
}
.outer-nav a:hover,.outer-nav a:focus, .outer-nav a:active{
	color:#fff !important;
}
@media screen and (max-width: 77em){
	
	.outer-nav.top{
		top:15%;
	}

	.outer-nav.bottom{
		bottom:15%;
	}
}

@media screen and (max-width: 36.625em), screen and (max-height: 41.75em){

	.outer-nav.top{
		top:5%;
	}

	.outer-nav.bottom{
		bottom:5%;
	}

}

@media screen and (max-width: 31em), screen and (max-height: 36.2em){
	
	.outer-nav.vertical{
		font-size:1.2em;
		width:6.8em;
	}

	.outer-nav.right{
		right:auto;
		left:0;
	}
	.modalview .outer-nav.right{
		right:auto;
		left:50%;
	}
}

@media screen and (max-height: 31.6em){
	.outer-nav a{
		margin-bottom:20px;
	}
}
h1, h2, h3, h4, h5, h6{margin:0 0 25px; padding:0; letter-spacing:0; font-weight:400;}
h1{font-size:70px; line-height:70px;}
h2{font-size:55px; line-height:60px}
h3{font-size:48px; line-height:54px}
h4{font-size:40px; line-height:46px}
h5{font-size:32px; line-height:40px}
h6{font-size:25px; line-height:30px}


body{ font-family:'Open Sans', sans-serif;  font-size:16px; color:#5d5d5d; font-weight:100;line-height:24px;overflow-x:hidden;}
a:hover, a:active{color:#f1f1f1; text-decoration:none;}
a:focus, a:active, button:focus, button:active, .btn.active:focus, .btn:active:focus, .btn:focus{outline:none;text-decoration:none}
img{width:100%; height:auto; max-width:100%; border-style:none;}
video{ background-size:cover; display:table-cell; vertical-align:middle; width:100%; }
input, textarea, select{ border:1px solid #d1d1d1; font-size:14px;  padding:8px 15px; width:100%; margin:0 0 20px 0; max-width:100%; resize:none;}
input[type="submit"]{ width:auto}
input[type="button"], input[type="text"], input[type="search"], textarea, input[type="submit"]{ -webkit-appearance:none; outline:none;}
input:focus, textarea:focus{ border-color:#585858; outline:none; }
input[type="button"]:focus{ outline:none; }
select::-ms-expand{ display:none;}
.alt-font strong{font-weight:700 }
ul, ol{list-style-position:outside; margin-bottom:25px;list-style-type:none !important;}
*{transition-timing-function:ease-in-out; -ms-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -o-transition-timing-function:ease-in-out; transition-duration:.2s; -ms-transition-duration:.2s; -moz-transition-duration:.2s; -webkit-transition-duration:.2s; -o-transition-duration:.2s;}
*:hover{transition-timing-function:ease-in-out; -ms-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -o-transition-timing-function:ease-in-out; transition-duration:.2s; -ms-transition-duration:.2s; -moz-transition-duration:.2s; -webkit-transition-duration:.2s; -o-transition-duration:.2s; }
::-moz-selection{ color:#000; background:#dbdbdb; }
::selection{ color:#000; background:#dbdbdb; }
::-moz-selection{ color:#000; background:#dbdbdb; }
::-webkit-input-placeholder{ color:#6f6f6f; text-overflow:ellipsis;}
::-moz-placeholder{ color:#6f6f6f; text-overflow:ellipsis; opacity:1;}
.text-white{color:#FFF}
.text-extra-dark-gray{color:#232323}
.text-dark-gray{color:#494949 }
.text-extra-medium-gray{color:#757575}
.text-medium-gray{color:#939393}
.text-blue{color:#01A6EE}
.text-extra-small{font-size:13px; line-height:14px}
.text-small{font-size:14px; line-height:20px}
.text-medium{font-size:16px; line-height:23px; font-weight:400;}
.text-large{font-size:18px; line-height:26px; font-weight:400;}
.text-extra-large{font-size:20px; line-height:26px;}
.text-double-large{font-size:26px; line-height:32px}
.font-weight-300{font-weight:300}
.font-weight-400{font-weight:400}
.font-weight-500{font-weight:500}
.font-weight-600{font-weight:600}
.font-weight-700{font-weight:700}

.bg-transparent{background-color:transparent;}
.bg-white{background-color:#fff;}
.bg-black{background-color:#000;}
.bg-light-gray{background-color:#f9f9f9;}
section{padding:40px 0; overflow:hidden;}

.btn{display:inline-block; border:2px solid transparent; letter-spacing:.5px; line-height:inherit; border-radius:0; text-transform:capitalize; width:auto; font-family:'Raleway', sans-serif; font-weight:500; transition-duration:0.3s; transition:all 0.3s !important; transition-timing-function:ease-in-out}
.btn i{margin-left:6px; vertical-align:middle; position:relative; top:-1px}

.no-margin{margin:0 !important}
.no-margin-bottom{margin-bottom:0 !important}
.margin-20px-top{margin-top:20px}
.margin-30px-top{margin-top:30px}
.margin-35px-top{margin-top:35px}
.margin-60px-top{margin-top:60px}
.margin-5px-bottom{margin-bottom:5px}
.margin-10px-bottom{margin-bottom:10px}
.margin-15px-bottom{margin-bottom:15px}
.margin-20px-bottom{margin-bottom:20px}
.margin-25px-bottom{margin-bottom:25px}
.margin-30px-bottom{margin-bottom:30px}
.margin-40px-bottom{margin-bottom:40px}
.margin-45px-bottom{margin-bottom:45px}
.margin-50px-bottom{margin-bottom:50px}

.no-padding{padding:0 !important}
.no-padding-left{padding-left:0 !important}
.padding-5px-top{padding-top:5px;}
.padding-10px-top{padding-top:10px;}
.padding-5px-bottom{padding-bottom:5px;}
.padding-30px-bottom{padding-bottom:30px;}
.padding-5px-right{padding-right:5px;}
.padding-5px-left{padding-left:5px;}
.padding-25px-left{padding-left:25px;}
.padding-30px-tb{padding-top:30px; padding-bottom:30px;}
.padding-40px-tb{padding-top:40px; padding-bottom:40px;}
.padding-15px-lr{padding-left:15px; padding-right:15px;}
.padding-20px-lr{padding-left:20px; padding-right:20px;}

.display-block{display:block !important}
.display-inline-block{display:inline-block !important}
.float-right{float:right !important}
.position-relative{position:relative !important;}
.position-absolute{position:absolute !important;}
.width-100{width:100%;}
.width-auto{width:auto}
@keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;}}
header .logo .logo-dark, header .logo .logo-light{visibility:hidden; opacity:0; width:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
header .logo .logo-dark.default, header .logo .logo-light.default{visibility:visible; opacity:1; width:auto; transition-duration:0.5s;  -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
 header.sticky nav.header-light .logo .logo-dark{visibility:visible;  opacity:1; width:auto; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
 header.sticky nav.header-light .logo .logo-light{visibility:hidden; opacity:0; width:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
header a.logo{display:inline-block; vertical-align:middle;line-height:0}
header a.logo img{max-height:35px; max-width:100px;vertical-align:sub;}
header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover{color:rgb(23, 172, 198); background:transparent !important;
}

 header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a{color:#01A6EE; background:transparent !important;}

 header.header-appear nav.bootsnav.header-light .navbar-nav > li > a.active, header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active{color:#01A6EE;
}

 header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a{color:rgb(23, 172, 198)
}

header{width:100%; z-index:99;}
header nav .row{ align-items:center; display:-ms-flex; display:-moz-flex; display:flex; height:auto; padding:0;}
header nav .row > div:first-child{ flex:1 1 auto;}
header nav.navbar{border-radius:0; padding:0; }
header nav.navbar-default, nav.navbar.bootsnav{border-bottom:0;}
header nav{width:100%; top:0px; z-index:99; margin-bottom:0; display:table; }
header nav .navbar-nav > li > a{font-size:12px; font-weight:800; margin:0 20px; padding:5px 0px 5px; text-transform:uppercase; letter-spacing:0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a{background:transparent;}
header nav .navbar-nav > li:last-child a{ margin-right:0;}
 .navbar-fixed-top{z-index:99}
.header nav .navbar-nav.text-normal > li > a{font-weight:600; font-size:12px }
.navbar-nav > li{ position:inherit;}
.navbar-nav > li.dropdown > .fa{ display:none}
.navbar-nav > li ul{ margin:0; padding:0;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a{ padding:20px 0 20px; }
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light{background-color:#ffffff; box-shadow:0 5px 10px -10px rgba(0, 0, 0, 0.71)
}
nav.navbar.navbar-default ul.nav > li > a{padding:26px 0; background:transparent; border-color:transparent; font-weight:600;color:#232323;}
nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after{content:""; vertical-align:middle; position:relative; top:-1px; margin-top:0; }
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child{border-bottom:0; border-bottom:0;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover{color:#fff; background:transparent; left:5px; }
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a{ color:#fff;}
.navbar-default ul li li.dropdown ul{display:none}
.navbar-default ul li li.dropdown.on > ul{display:block; position:absolute; left:100%; margin-top:0; padding:0; top:0;}
.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul{display:block; position:absolute; left:100%; margin-top:0; padding:0; top:0;}
.navbar-default ul li li.dropdown ul.dropdown-menu{position:absolute; left:100%; margin-top:0; padding:0; top:0; box-shadow:none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li{padding:0;}
.dropdown-menu .dropdown a{position:relative}
.scroll-top-arrow, .scroll-top-arrow:focus{font-size:30px; line-height:45px; color:#fff; background:#01A6EE; display:none; height:50px; width:50px; padding:0; position:fixed; right:30px; text-align:center; text-decoration:none; top:90%; z-index:10006; border-radius:100%;}
.scroll-top-arrow:hover{background:#01A6EE; opacity:.8; color:#fff !important; border-color:#01A6EE;}
.scroll-top-arrow i{line-height:45px;  position:relative;}


@media (min-width: 992px){
}
@media (max-width: 1199px){
    section{padding:90px 0}
    h1, h2, h3, h4, h5, h6{margin:0 0 22px; padding:0; letter-spacing:0; font-weight:400;}
    h1{font-size:65px; line-height:65px;}
    h2{font-size:50px; line-height:55px}
    h3{font-size:42px; line-height:48px}
    h4{font-size:35px; line-height:41px}
    h5{font-size:27px; line-height:32px}
    h6{font-size:22px; line-height:27px}
    header nav .navbar-nav > li > a{ margin:0 18px;}
    header nav.nav-box-width{ padding:0;}
    .text-extra-large{ font-size:18px; line-height:24px;}
    nav.navbar.bootsnav li.dropdown ul li ul li:last-child{border-bottom:none;}
}

@media (max-width: 991px){
    h1, h2, h3, h4, h5, h6{margin:0 0 18px; padding:0; letter-spacing:0; font-weight:400;}
    h1{font-size:57px; line-height:58px;}
    h2{font-size:43px; line-height:48px}
    h3{font-size:36px; line-height:41px}
    h4{font-size:30px; line-height:35px}
    h5{font-size:24px; line-height:30px}
    h6{font-size:22px; line-height:26px}
    p{ margin:0 0 20px; }
    section{padding:40px 0;}
    header *{ transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration:0s; -moz-transition-duration:0s; -webkit-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; }
    .dropdown-menu{ box-shadow:none; border:none; border-top:1px solid rgba(255, 255, 255, 0.06);}
    .navbar-collapse{left:0; padding:0; position:absolute; top:100%; width:100%;}
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu{ padding:10px 15px 0 !important; margin:0; float:left; top:0 !important; }
    nav.navbar.bootsnav .navbar-nav{ margin:0; padding:0; background-color:rgba(255, 255, 255, 0.95); }
    nav.navbar.bootsnav .navbar-nav li{ display:block; clear:both; border-bottom:1px solid rgba(255, 255, 255, 0.06); border-top:0; }
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a,header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a{ margin:0; padding:9px 15px 8px; color:#000000; display:block; line-height:normal;}
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a,header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a{ color:#000000; }
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu  li a{ padding-left:0; padding-right:0;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{color:#939393; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li:hover > a{color:#fff;}
    .navbar-nav > li.dropdown > .fa{ display:block; position:absolute; right:0px; top:0; color:#fff; font-size:16px; cursor:pointer; padding:9px 15px 8px}
     nav.navbar.bootsnav .navbar-nav > li.dropdown.on > ul{ display:block !important; opacity:1 !important}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ border:0; padding:10px 0}
    nav .accordion-menu{padding:26px 15px 26px 15px;}
    .sticky nav .accordion-menu{padding:26px 15px 26px 15px;}
    .navbar-nav li{position:relative}
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{ border:0;}
     header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover{color:rgba(255,255,255,0.6)}
    nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover{ left:0;}
    header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, .dropdown-menu,  header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a{color:rgba(255,255,255,0.6);}
    .sm-margin-60px-bottom{margin-bottom:60px !important;}
    .sm-no-padding-right{padding-right:0 !important}
    .sm-padding-40px-tb{padding-top:40px !important; padding-bottom:40px !important;}
    .sm-padding-15px-lr{padding-right:15px !important; padding-left:15px !important;}
    .sm-width-100{width:100%;}
    .scroll-top-arrow{display:none !important; opacity:0 !important}

}

@media (max-width: 767px){
    body{ font-size:15px; line-height:20px}
    .text-small{ font-size:15px; line-height:20px}
    .text-medium{  font-size:15px;  }

    h1, h2, h3, h4, h5, h6{margin:0 0 17px; padding:0; letter-spacing:0; font-weight:400;}
    h1{font-size:37px; line-height:42px;}
    h2{font-size:30px; line-height:36px}
    h3{font-size:28px; line-height:35px}
    h4{font-size:26px; line-height:30px}
    h5{font-size:24px; line-height:28px}
    h6{font-size:20px; line-height:23px}
    .xs-text-center{text-align:center;}
    .xs-margin-15px-top{margin-top:15px !important;}
    .xs-margin-15px-bottom{margin-bottom:15px !important;}
    .xs-margin-25px-bottom{margin-bottom:25px !important;}
    .xs-margin-30px-bottom{margin-bottom:30px !important;}
    .xs-margin-40px-bottom{margin-bottom:40px !important;}
    .xs-no-padding-right{padding-right:0 !important}
    .xs-padding-80px-bottom{padding-bottom:80px !important;}
    .xs-width-100{width:100%;}
    section{padding:50px 0;}
}

@media screen and (max-height: 320px){
    nav.navbar.bootsnav.no-full .navbar-collapse{max-height:240px;}
}
.alt-font{
  font-family:'Raleway', sans-serif;
}

.progress{
  height:3px;
  overflow:visible;
}

.blog-item,
.blog-image{
  position:relative;
  margin:0 auto;
}

.blog-item .line-height{
  line-height:24px;
}

.blog-item .padding-20px-lr{
  padding-left:20px !important;
  padding-right:20px !important;
}

.map{
  height:650px;
  width:95%;
  margin:0 auto;
}

.footer-nav{
  width:100%;
  position:relative;
  text-align:center;
}

.footer-nav a{
  margin:5px;
}

footer a:hover,
footer a:active,
footer a:focus{
  text-decoration:none;
  color:#fff;
}

canvas{
  display:block;
  vertical-align:bottom;
}

canvas{
  display:block;
  vertical-align:bottom;
}

.menu_bars{
  position:fixed;
  width:20px;
  border-radius:4px;
  cursor:pointer;
  display:table;
  z-index:9999;
  transition:all linear 300ms;
  right:4%;
  padding:11px 10px;
  top:9px;
  color:#FFF;
}

.menu_bars span{
  background:#fff;
  display:block;
  width:21px;
  height:2px;
  margin:4px 0;
  transition:all linear 300ms;
  border-radius:20px;
}

.header-appear .menu_bars span{
  background:#0b0b0b;
}

.pushmenu-right{
  right:-270px;
}

.pushmenu-right.pushmenu-open{
  right:0;
  box-shadow:3px 0 3px 3px #1d1d1d;
}

.pushmenu-right{
  right:-300px;
}

.side-nav .menu_bars.active.right{
  background:none;
}

.menu_bars.active.right{
  padding:15px;
  top:25px !important;
  z-index:9999;
}

.side-nav .menu_bars.active.right span{
  width:24px;
  height:2px;
  background:#cb342b;
}

.side-nav .menu_bars.active.right span .t2{
  margin:4px;
}

.side-nav .menu_bars span.t2{
  margin:3px 0;
}

.menu_bars.active span.t2{
  opacity:0;
  transform:rotate(-45deg);
}

.left-logo .navbar-brand{
  position:fixed;
  top:0;
  left:0;
  width:140px;
  min-height:20px;
  height:auto;
  z-index:99;
  margin-top:20px;
  margin-left:40px;
}

.left-logo .menu_bars{
  top:25px;
}

.left-logo .display_none{
  transform:scale(0) !important;
}

.other .showMenuButton-two span.hamburger,
.other .showMenuButton-two span.hamburger:after,
.other .showMenuButton-two span.hamburger:before{
  background:#fff;
}

.other .header-appear .showMenuButton-two span.hamburger,
.other .header-appear .showMenuButton-two span.hamburger:after,
.other .header-appear .showMenuButton-two span.hamburger:before{
  background:#0b0b0b;
}

.other .showMenuButton-two{
  top:15px;
}

.other a:hover,
.other a:active,
.other a:focus{
  color:#17acc6;
  text-decoration:none;
}

.blog-author .author-img img{
  width:50px;
  border-radius:50px;
}

.blog-author .author-name{
  padding-left:0.875rem;
}

.blog-author .author-img,
.blog-author .author-name{
  display:table-cell;
  vertical-align:middle;
  padding-bottom:1rem;
}

.medium-input{
  padding:12px 20px;
  font-size:14px;
  line-height:normal;
  border-radius:30px;
}

.btn-blog-icon{
  right:7px;
  top:3px;
}

.contributor img{
  width:100%;
  max-width:80px;
  margin:2px auto;
  overflow:hidden;
  border-radius:50px;
  display:inline-block;
}

.blog-list-style li{
  border-bottom:1px solid #bfbfbf;
  padding-bottom:4px;
  margin-bottom:20px;
}

.blog-list-image{
  width:100%;
  overflow:hidden;
}

.blog-list-image img{
  transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -webkit-transition:all 0.8s ease-in-out;
}

.blog-post-list:hover .blog-list-image img{
  transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -webkit-transition:all 0.8s ease-in-out;
  transform:scale(1.1);
}

.tag-cloud a{
  padding:6px 11px;
  margin:0 8px 8px 0;
  display:inline-block;
  color:#fff;
  background:#414141;
  line-height:18px;
}

.tag-cloud a:hover{
  color:#fff;
  background:#17acc6;
}

.blog-pagination a{
  width:40px;
  height:30px;
  line-height:30px;
  display:inline-block;
  text-align:center;
  color:#929292;
  border:1px solid #bebebe;
  border-radius:50px;
  margin:0 3px;
}

.blog-pagination a:hover{
  color:#fff;
  background:#cb342b;
  border:1px solid #cb342b;
}

.blog-pagination a.active{
  color:#fff;
  background:#17acc6;
  border:1px solid #17acc6;
}

.no-border{
  border:0px !important;
}

.contributor-toltip{
  position:relative;
  display:inline-block;
  opacity:1;
}

.contributor-toltip .tooltiptext{
  visibility:hidden;
  width:120px;
  background-color:black;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:5px 0;
  position:absolute;
  z-index:1;
  bottom:95px;
  left:50%;
  margin-left:-60px;
  transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
  -webkit-transition:all 0.1s ease-in-out;
}

.contributor-toltip .tooltiptext::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:black transparent transparent transparent;
}

.contributor-toltip:hover .tooltiptext{
  visibility:visible;
  transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
  -webkit-transition:all 0.1s ease-in-out;
}

.other footer a:hover,
.other footer a:active,
.other footer a:focus{
  color:#fff;
}

.nav_line ul.nav > li > a{
  color:#fff !important;
}

.header-appear .nav_line ul.nav > li > a{
  color:#232323 !important;
}

.nav_line ul.nav > li.active > a:before{
  transform:scaleX(1);
  visibility:visible;
  opacity:1;
}

.nav_line ul.nav > li > a:before{
  position:absolute;
  content:'';
  width:100%;
  display:table;
  height:4px;
  border-radius:5px;
  bottom:21px;
  transition:all 300ms linear;
  transform:scaleX(0);
  background:#17acc6 !important;
  visibility:hidden;
  opacity:0;
}

.header-appear .nav_line ul.nav > li > a:before{
  bottom:16px;
}

#loader{
  position:fixed;
  height:100%;
  width:100%;
  z-index:99999;
  display:none;
}

.loader{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:50px;
  height:10px;
  z-index:99999;
  background:#01A6EE;
  border-radius:5px;
  animation:load 1.8s ease-in-out infinite;
}

.loader:before,
.loader:after{
  position:absolute;
  display:block;
  content:"";
  animation:load 1.8s ease-in-out infinite;
  height:10px;
  border-radius:5px;
}

.loader:before{
  top:-20px;
  left:10px;
  width:40px;
  background:#82B440;
}

.loader:after{
  bottom:-20px;
  width:35px;
  background:#EC6D48;
}

@keyframes load{
  0%{
    transform:translateX(40px);
  }
  50%{
    transform:translateX(-30px);
  }
  100%{
    transform:translateX(40px);
  }
}

.bg{
  background-size:cover;
  background:no-repeat;
  background-position:center center;
}

.blog-cover{
  background:url(../images/blog-cover1.jpg);
}

@media screen and (max-width: 991px){
  .menu_bars{
    top:2px;
  }
  header nav.nav-box-width{
    padding:15px 0 !important;
  }
  .showMenuButton-two{
    top:12px !important;
  }
  .left-logo .menu_bars{
    top:10px;
  }
  .left-logo .navbar-brand{
    margin-top:6px;
    margin-left:10px;
  }
  .menu_bars{
    right:25px;
  }
}

@media screen and (max-width: 768px){
  .map{
    width:100%;
    float:none;
    height:300px;
  }
  .showMenuButton-two{
    top:9px !important;
  }
  .blog-post-list .metas{
    margin-bottom:5px;
  }
}
body{
  font-family:'Roboto', sans-serif;
}

.alt-font{
  font-family:'Roboto', sans-serif;
}

.btn{
  font-family:'Roboto', sans-serif;
}

header nav .navbar-nav>li>a{
  font-size:14px;
}

.navbar-nav>li{
  position:relative;
}

.dropdown-submenu{
  position:relative;
}

.dropdown-submenu a::after{
  transform:rotate(-90deg);
  position:absolute;
  right:6px;
  top:.8em;
}

.dropdown-submenu .dropdown-menu{
  top:0;
  left:100%;
  margin-left:.1rem;
  margin-right:.1rem;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover{
  color:#17ACC6;
}

header nav.navbar .navbar-nav>li>a:hover,
nav.navbar.bootsnav ul.nav>li>a:hover{
  color:#01A6EE;
}

header a.logo img{
  max-width:200px;
}

.other a:hover,
.other a:active,
.other a:focus{
  color:#20A7EE;
}

.blog-pagination a.active{
  background:#20A7EE;
  border:1px solid #20A7EE;
}

.blog-pagination a:hover{
  background:#929292;
  border:1px solid #929292;
  color:#FFF;
}

.tag-cloud a:hover{
  color:#FFF;
  background:#929292;
}
/*




*/