html
{overflow-x: hidden;}

.loader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;

  animation: spin 1s linear infinite;
}

 @keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 



/* Google Fonts: Roboto [http://www.google.com/fonts/specimen/Roboto] */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300);

html{
scroll-behavior:smooth;
}

@page {
    margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #212327;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}


.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 



.bar
{
	background:#fcaf17;
}

@font-face {
  font-family: HelveticaNeue;
  src: url('fonts/HelveticaNeueBook15.woff');
  font-weight: bold;
}

@font-face {
  font-family: HelveticaNeue;
  src: url('fonts/HelveticaNeueLTCom-Cn.woff');
  font-weight: bold;
}
@font-face {
  font-family: PTRoot;
  src: url('fonts/PTRootUIRegular.woff');
  font-weight: bold;
}

@font-face {
  font-family: PTRootUIBold;
  src: url('fonts/PTRootUIBold.woff');
  font-weight: bold;
}

@font-face {
  font-family: PTRootUIMedium;
  src: url('fonts/PTRootUIMedium.woff');
  font-weight: bold;
}


@font-face {
  font-family: AdelleBook;
  src: url('fonts/AdelleBook.woff');
  font-weight: bold;
}




body {
	background-color:#fff;color:#565656;font-size: 17px;    font-family: 'PTRoot','Open Sans';
	}

h1, h2, h3, h4, h5, h6{font-family: 'HelveticaNeue'; }
a {color: #fcaf17;text-decoration:none;}
a:hover {color: #000 !important;text-decoration:underline;}

@media (min-width:90%) {.container {width: 90% !important; max-width: 95% !important;}}



/*by Rizwan */

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.tn-left a
{
	font-size:15px;
	font-weight:400;
}

.btn-register
{
	
	color: #fff !important;
	background:#fcaf17;
}
.btn-login
{	
	color: #000 !important;
	background:#f4efe9;
	border: 1px solid #bfbfbf !important;
}
header
{
	border-bottom: 1px solid #ece6de;
}
.home-feature
{
background: #f7f8fa;
    color: #000;
    
    border-top: 1px solid #eaeaea;
    padding: 25px 10px 0px 1px;
	border-bottom: 1px solid #e8e8e8;

}

.sticky {
 

}

.jumbotron {
    margin-top: 35px;
}

.space-pt_40
{
	margin-top:40px;
}
.space-pt_20
{
	margin-top:20px;
}
.padding_btm_40
{
	padding-bottom:40px;
}


 /* Blue box */
/* -------- */
.blue-box {padding:15px 0; background-color:#DAE5F7; border-radius:4px; }
.blue-box-social-btn {width:160px; padding:48px 0; } /* Contact page view - large social button with blue background */

.text-white {color:#F8F8F8; }
.text-orange {color:#F97307; }
.text-green {color:#69C043; }

 /* Special font */
/* ------------ */
p.header {font-size:34px;font-family: 'HelveticaNeue';font-weight:100;text-transform: uppercase;}
p.header strong {font-weight:300; }
p.header .btn {margin-left:40px; }
p.header-small {font-size:26px; line-height:1.42857; }
p.header-tiny {font-size:22px; line-height:1.42857; opacity:0.75; }

.float-inside:before, 
.float-inside:after {clear:both; content:""; display:table; }

ul.list-special {margin-left:60px; margin-top:20px; line-height:3; }
ul.list-special li {color:#8B8B8B; }

/*.bg-dark-img {background-image:url('../img/bg_dark.gif'); background-size:cover; }  */

.content {padding: 55px 0;}
.content-dark {background-color:#36404B; color:#F8F8F8; text-align:center; }

.content-regular-page {color:#8B8B8B; }
.content-regular-page h2, 
.content-regular-page h3 {color:#565656; text-transform:uppercase; }
.content-regular-page h2 {font-size:22px; }
.content-regular-page h3 {font-size:18px; }
.content-regular-page p,
.content-regular-page ul, 
.content-regular-page ol {margin-bottom:35px; }
.content-regular-page > *:first-child {margin-top:0; } /* first element in center content text */

 /* Video: item, list, grid */
/* ----------------------- */
.video-prev {display:block; position:relative; width:100%; height:100%; margin:20px 0; background-color:#36404B; background-size:cover; border-radius:6px; }
.video-prev * {border-radius:6px; }
.video-prev i.fa-play {width:98px;line-height:84px;padding-left:8px;font-size:50px;color: #ffffff;border: 7px solid #ffffff;text-align:center;border-radius:49px;position:absolute;left:50%;margin-left:-49px;top:50%;margin-top:-49px;z-index:999;opacity:0.85;}
.video-prev:hover i.fa-play {color: #046ac1;border-color: #046ac1;opacity:1;}
.video-prev .overlay {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(138,165,193, 0); transition:background-color 0.2s ease-out 0s; }
.video-prev:hover .overlay {
    background-color: rgba(138,165,193, 0.25); 
}
.video-prev embed, .video-prev iframe, .video-prev object, .video-prev video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0;
}
.video-prev-small {
    height:175px; 
}

/* Videos - list */
.videos-list { }
.videos-list .video-item {
    border: 1px solid #dae5f7;
    padding: 10px;
    margin: 40px 10px 0px 10px;
    border-radius: 5px;
 } /* list - item */
.video-title {margin-bottom:20px; font-size:18px; color:#003267; text-transform:uppercase; }
.video-title a {color:inherit; text-decoration:none; }
.video-title a:hover {color:#F97307; }
.video-params {line-height:1.42857; }
.video-params div[class^="col-md"] {padding-bottom:10px; font-size:14px; }
.video-params b {color:#8B8B8B; font-weight:normal; }
.video-params a {color:#565656; }
.video-params a:hover {color:#F97307; }
.videos-list-grid { } 
.video-description {color:#8B8B8B; }
.videos-list-list { }
.videos-list-list .video-description {min-height: 60px;}

/* Videos - film view */
.video-film { }
.video-film .video-content {color:#8B8B8B; }
.video-film .video-params {line-height:inherit; }
.video-film .related { }
.video-film .related h2 {font-size:18px; color:#565656; text-transform:uppercase; }
.video-social > .row {position:relative; left:17px; } /* social plugins - Video view */
.video-social > .row > div[class^="col-md"] {height:22px; }

 /* Blog: item, list */
/* ---------------- */
.blog { }
.blog article.blog-item {margin-bottom:60px; } /* item in blog list */
.blog article.blog-item:last-of-type {margin-bottom:40px; }
.blog article.blog-item h2.blog-title {margin-top:0; margin-bottom:30px; font-size:24px; }
.blog article .blog-img img {width:617px; }
.blog article .blog-params {margin:25px 0; padding:10px 20px; font-size:14px; }
.blog article .blog-params span + span {margin-left:15px; } /* item */
.blog article .blog-params a {color:#565656; }
.blog article .blog-link-more {margin:25px 0; }
.blog article .blog-content {color:#8B8B8B; }
.blog article .blog-content h2 {font-size:18px; font-weight:bold; }
.blog article .blog-content h3 {font-size:16px; font-weight:bold; }

.blog aside { } /* sidebar */
.blog aside .widget {margin-bottom:40px; clear:both; }
.blog aside h2 {font-size:24px; margin-bottom:30px; margin-top:0; }
.blog aside .gallery {width:110%; }
.blog aside .gallery a img {width:88px; height:88px; margin:0 15px 15px 0; float:left; }
.blog aside .gallery a:hover img {opacity:0.8; transition:opacity 0.25s ease 0s }
.blog aside .twitter { }
.blog aside .twitter .twitter-item {margin-bottom:30px; color:#8B8B8B; }
.blog aside .twitter .twitter-item .author {font-weight:bold; color:#565656; }
.blog aside .twitter .twitter-item .author .btn {margin-right:8px; }
.blog aside .twitter .twitter-item a {color:#22BBFB; }
.blog aside .twitter .twitter-item time {font-size:14px; color:#565656; }
.blog aside .category { }
.blog aside .category ul {padding:0; list-style:none; }
.blog aside .category ul a { margin-left:-25px; color:#8B8B8B; transition:all 0.25s ease 0s; }
.blog aside .category ul a:hover {margin-left:0; color:#65BE3E; text-decoration:none; }
.blog aside .category ul a .fa {width:25px; opacity:0; transition:opacity 0.1s ease 0s; }
.blog aside .category ul a:hover .fa {opacity:1; transition:opacity 0.25s ease 0.15s; }
.blog aside .posts { }
.blog aside .posts ul {padding:0; list-style:none; }
.blog aside .posts ul a {display:block; margin-bottom:10px; color:#8B8B8B; line-height:2; border-radius:4px; transition:all 0.25s ease 0s; }
.blog aside .posts ul a:hover {padding-left:10px; text-decoration:none; background-color:#DAE5F7; }
.blog aside .posts ul a h3 {margin:0; font-size:16px; font-weight:bold; line-height:2; color:#565656; }

.blog-social {padding:20px 35px; line-height:1.42857; font-size:14px; }
.blog-social > .row > div[class^="col-md"] {height:22px; }

form.search-blog {position:relative; }
form.search-blog a i.fa {position:absolute; right:13px; top:11px; font-size:22px; color:#C9C9C9; }
form.search-blog a:hover i.fa {color:#F97307; }

.author-box {margin:40px 0; padding:25px 35px 15px; } 
.author-box h2 {margin-top:0; margin-bottom:20px; color:#565656; font-size:22px; font-weight:normal; }
.author-box img {width:100%; margin-top:8px; }


.comments h2 {margin-bottom:35px; color:#565656; font-size:22px; font-weight:normal; }
.comments img.user-img {width:100px; }
.comments time {color:#A9A9A9; font-size:14px; }
.comments p {color:#8B8B8B; }
.comments .media > .pull-left {margin-right:20px; }
.comments .media .media img.user-img {width:75px; } 

 /* Buttons */
/* ------- */
.btn {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;border-radius: 0;border-width:0;transition:all 0.25s ease 0s;padding: 10px 20px;}
.btn + .btn {margin-left:10px; }
.btn-theme {padding:16px 38px; box-shadow:0 -4px 0 rgba(0, 0, 0, 0.16) inset; } /* theme custom style */
.btn-default {background-color:#FFF; border-color:#CCC; color:#333; }
.btn-orange {background-color:#F97307; color:#F8F8F8; }
.btn-orange:hover, .btn-orange:focus {background-color:#C95E08; color:#F8F8F8; }
.btn-green {background-color:#65BE3E; color:#F8F8F8; }
.btn-green:hover, .btn-green:focus {background-color:#498E2B; color:#F8F8F8; }
.btn-lightblue {background-color:#DAE5F7; color:#565656; }
.btn-lightblue:hover, .btn-lightblue:focus {background-color:#6E7D8D; color:#F8F8F8; }
.btn-gray, .btn-social.btn-gray, 
.btn-social.btn-disable, .btn-social.btn-disable:hover, .btn-social.btn-disable:focus {background-color:#C9C9C9; color:#F8F8F8; }
.btn-social.btn-disable {cursor:default; }
.btn-gray:hover, .btn-social.btn-gray:hover 
.btn-gray:focus, .btn-social.btn-gray:focus {background-color:#A9A9A9; color:#F8F8F8; }
.btn-red {background-color:#F55B50; color:#F8F8F8; }
.btn-red:hover, .btn-red:focus {background-color:#CE4C43; color:#F8F8F8; }
.btn > .fa {margin-right:6px; } /* icon */
.btn > small {margin-left:10px; font-size:inherit; font-weight:normal; }
.buttons {margin-top:70px; }
.button-full > .btn {width:100%; padding-left:0; padding-right:0; } /* 1 button, full width */
.buttons-margin-horizontal {margin-top:30px; margin-bottom:30px; }
.btn-social, .btn-social:hover, .btn-social:focus {
	width: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    background-color: #36404B;
    color: #F8F8F8;
    font-size: 20px;
	box-shadow:0 -2px 0 rgba(0, 0, 0, 0.16) inset; }
.btn-social .fa {margin:0; }
.btn-social-circle,
.btn-social-circle:hover, .btn-social-circle:focus {width:72px; line-height:72px; font-size:42px; border-radius:36px; }
.btn-lg {padding:12px 20px; font-size:14px; line-height:1.5;  } /* button next to field - the same height */
.btn-social.btn-lg {width:46px; padding:0; font-size:22px; line-height:46px; box-shadow:0 -3px 0 rgba(0, 0, 0, 0.16) inset; } /* social button height = filed text height */
.btn-social.btn-tiny-size {width:20px; line-height:20px; font-size:12px; }
.btn-tiny-size + .btn-tiny-size {margin-left:6px; }
.btn-social.btn-large-size {width:64px; line-height:64px; font-size:36px; box-shadow:0 -3px 0 rgba(0, 0, 0, 0.16) inset; }
.navbar-btn {padding:6px 20px; border-radius:20px; font-weight:normal; text-transform:none; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.16) inset } /* Sign in/up & sort video list */
.navbar-toggle {background-color:#F4F4F4; }
.navbar-toggle .icon-bar {background-color:#565656; }

/* Social element background color */
.social-facebook {background-color:#3B5998; }
.social-facebook:hover {background-color:#324B80; }
.social-youtube {background-color:#CC181E; }
.social-youtube:hover {background-color:#AB1419; }
.social-twitter {background-color:#29C8FC; }
.social-twitter:hover {background-color:#22A8D3; }
.social-gplus {background-color:#D5422D; }
.social-gplus:hover {background-color:#B33726; }
.social-dribbble {background-color:#F5A1FC; }
.social-dribbble:hover {background-color:#CE87D3; }
.social-linkedin {background-color:#0073B2; }
.social-linkedin:hover {background-color:#006195; }
.social-tumblr {background-color:#529ECC; }
.social-tumblr:hover {background-color:#4585AB; }

.social-whatsapp {background-color:#25D366; }
.social-whatsapp:hover {background-color:#25D366; }


/* Social element text color */
.social-facebook-text {color:#3B5998; }
.social-facebook-text:hover {color:#324B80; }
.social-youtube-text {color:#CC181E; }
.social-youtube-text:hover {color:#AB1419; }
.social-twitter-text {color:#29C8FC; }
.social-twitter-text:hover {color:#22A8D3; }
.social-gplus-text {color:#D5422D; }
.social-gplus-text:hover {color:#B33726; }
.social-dribbble-text {color:#F5A1FC; }
.social-dribbble-text:hover {color:#CE87D3; }
.social-linkedin-text {color:#0073B2; }
.social-linkedin-text:hover {color:#006195; }
.social-tumblr-text {color:#529ECC; }
.social-tumblr-text:hover {color:#4585AB; }

 /* Forms */
/* ----- */
form {position:relative; }
.form-curtain {display:block; padding-top:65px; color:#36404B; text-decoration:none; font-size:28px; position:absolute; top:0;right:0;bottom:0;left:0; z-index:1; text-align:center; line-height:1.42857; transition: all 0.25s ease 0s; }
.form-curtain:hover {text-decoration:none; }
.form-curtain div {padding-top:20px; text-transform:uppercase; }
.form-curtain small {font-size:14px; opacity:0.6; }
.title-form {margin-bottom:10px; font-size:25px; color:#65BE3E;  }
label {font-weight:normal; }
.form-control {font-size:14px; border-color:#D2D2D2; }
.form-control:focus {border-color:#F97307; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(249, 115, 7, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(249, 115, 7, 0.6); }
.form-control:-moz-placeholder {color:#BBB;}
.form-control::-moz-placeholder {color:#BBB; opacity:1; }
.form-control:-ms-input-placeholder {color:#BBB; }
.form-control::-webkit-input-placeholder {color:#BBB; }
.input-lg {font-size:14px; }
.checkbox-inline {font-size:14px; line-height:1.42857; }
.radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline {margin-left:0; margin-right:20px; }
form .btn-social {margin-left:12px; }
form .btn-social:first-child {margin-left:0; }
input[type="file"].input-lg {padding:0; } /* nicer in FF */
.contact-form textarea {height: 242px; }

 /* Pagination */
/* ---------- */
.pagination {font-size:14px; }
.pagination > li {display:inline-block; margin-right:5px; }
.pagination > li > a, .pagination > li > span {border:0; background-color:#DAE4F7; color:#565656; border-radius:4px; }
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {background-color:#F97307; color:#F8F8F8; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {background-color:#F97307; color:#F8F8F8; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {background-color:#DAE4F7; color:#565656; opacity:0.5; }

 /* HEADER */
/* ------ */
header.main {padding-top:18px;background-color:#36404B;}
header.main .navbar {margin-bottom: 20px;}
header.main nav .navbar-brand {padding:0; } /* Logo */
header.main nav .menu-main {position:relative; top:14px; font-size:14px; }
header.main nav .menu-main ul li a {color:#97A5B5; }
header.main nav .menu-main ul li.active a,
header.main nav .menu-main ul li a:hover,
header.main nav .menu-main ul li a:focus {color:#F8F8F8; background-color: transparent; }
header.main nav .menu-main ul li.active a span {padding-bottom:1px; border-bottom:2px solid #F97307; }
header.main nav .menu-main ul li.open {background-color:#5C6976; }
header.main nav .menu-main ul li.open > a {color:#F8F8F8; background-color:#5C6976; }
header.main nav .menu-main ul li ul.dropdown-menu {background-color:#6E7D8D; border-color:#5C6976; left:0; right:auto; }
header.main nav .menu-main ul li ul.dropdown-menu li a {color:#F8F8F8; }
header.main nav .menu-main ul li ul.dropdown-menu li a:hover {background-color:rgba(255,255,255, 0.1); }
header.main nav .navbar-btn {margin-left:20px; } /* Sign in/up */
header.main nav .btn-default {background-color:#6E7D8D; border-color:#6E7D8D; color:#F8F8F8; }
header.main nav .btn-default:hover {background-color:#5C6976; }

/* HEADER (Home 1) */
header.main.home-1 {height:712px; position:relative; }
header.main.home-1 .container {height:100%; position:relative; } 
header.main.home-1 .header {margin-top:115px; }
header.main.home-1 .screens {height:390px; width:100%; margin:0; position:absolute; left:0; bottom:0; overflow:hidden; }
header.main.home-1 .screens p {position:relative; }
header.main.home-1 .screens img {position:absolute; bottom:0; } /*display:none; */

 /* Page header: Title + Breadcrumbs */
/* -------------------------------- */
.page-header {
	
	line-height: 2.0em;
	margin:0;padding: 8px 0; #f9f9f9;border-bottom: 1px solid #e4e4e4;border-top: 1px solid #f1f1f1;
	
	background-color: #f6f2ed;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom-width: 0px;
	
    background-size: cover;
    background-image: url(../img/title-bar-bg.jpg);
	
}


.content-bg2
{
background: url(../img/content-bg2.png) top 140px left no-repeat,-webkit-linear-gradient(top, #fff 0, #f7eeee  100%);
}
.content-bg3
{
background: url(../img/content-bg3.png) top 140px left no-repeat,-webkit-linear-gradient(top, #fff 0, #f5f5f5  100%);
}

.content-bg4
{
background: url(../img/content-bg3.png) top 140px left no-repeat,-webkit-linear-gradient(top, #fff 0, #fff  100%);
}

.pattern-bg1
{
background: rgba(255, 255,255, 0) url(../img/pattern/pattern2.jpg) top 0px right no-repeat;
}

.content-bg5
{
background: url(../img/content-bg3.png) top 140px left no-repeat,-webkit-linear-gradient(top, #fbfbfb  0, #fff  90%);
}



.courseInfo
{
text-align:center;
border-bottom:1px solid #efefef;
padding:7px;


}
.courseInfo li
{
	list-style: none;
    display: inline-block;
    padding: 10px;
    font-size: 17px;
	margin-bottom: 0px;
}

.courseInfo a
{
	font-weight:400;
	color:#2A73CC;
}

.page-header h1 {margin:0; font-size:24px; line-height:28px; color:#565656; } /* Main Title */
.page-header .breadcrumb {margin:5px 0px; padding:0; font-size:12px; line-height:10px; background-color:transparent; }
.page-header .breadcrumb li {color:#8B8B8B; }
.page-header .breadcrumb li a {color:#8B8B8B; }
.page-header .breadcrumb li.active {font-weight:bold; color:#565656; }

 /* Powered by */
/* ---------- */
section.poweredby {background-color:#DAE5F7; }
section.poweredby .container {position:relative; padding-top:10px; text-align:center; }
section.poweredby a {top:10px; }
section.poweredby figcaption {position:absolute; left:0; bottom:8px; font-size:10px; color:#897777; }

 /* Menu Left */
/* --------- */
nav.menu-left { }
nav.menu-left ul {margin-right:20px; }
nav.menu-left ul li {font-size:14px; text-transform:uppercase; }
nav.menu-left ul li + li {margin-top:26px; }
nav.menu-left ul li a {padding-top:6px; padding-bottom:6px; color:#565656; background-color:#DAE5F7; border-top-right-radius:0; border-bottom-right-radius:0; }
nav.menu-left ul li a:before {border-bottom:20px solid rgba(0,0,0,0); border-left:20px solid #DAE5F7; border-top:20px solid rgba(0, 0, 0, 0); content:""; height:0; position:absolute; right:-20px; top:0; width:0; }
nav.menu-left ul li.active a,
nav.menu-left ul li.active a:hover,
nav.menu-left ul li a:hover,
nav.menu-left ul li a:focus {color:#F4F4F4; background-color:#F97307; }
nav.menu-left ul li.active a:before,
nav.menu-left ul li a:hover:before {border-left-color:#F97307; }

 /* Video list - change view: list/grid */
/* ----------------------------------- */
.list-view-change {font-size:14px; }
.list-view-change a {display:inline-block; margin-left:15px; padding:6px 0; line-height:1.42857; text-decoration:none; color:#36404B; }
.list-view-change a:hover {color:#F97307; }
.list-view-change a.active {font-weight:bold; }

 /* Video list - filter buttons */
/* --------------------------- */
.filter .navbar-btn {margin-top:0; margin-bottom:0; }
.filter .navbar-btn + .btn {margin-left: 15px; }

/* Social widget (Home 1) */
.widget-social {position:relative; }
.widget-social .btn-social {position: relative; background-color: #36404B; margin-left:0; margin-right:30px; }
.widget-social .btn-social.social-facebook:hover {background-color:#3B5998; }
.widget-social .btn-social.social-youtube:hover {background-color:#CC181E; }
.widget-social .btn-social.social-twitter:hover {background-color:#29C8FC; }
.widget-social .btn-social.social-gplus:hover {background-color:#D5422D; }
.widget-social .btn-social.social-dribbble:hover {background-color:#F5A1FC; }
.widget-social .btn-social.social-linkedin:hover {background-color:#0073B2; }
.widget-social .btn-social.social-tumblr:hover {background-color:#529ECC; }
.widget-social .btn-social .click-number {display:block; width:30px; line-height:30px; position:absolute; top:-10px; right:-10px; text-align:center; background-color:#65BE3E; color:#F4F4F4; font-size:14px; border-radius:15px }
.widget-social i.fa.fa-circle {position:absolute; color:#CFCECE; }
.widget-social i.fa.fa-circle.fa-lg {left:160px; top:154px; }
.widget-social i.fa.fa-circle.fa-2x {left:112px; top:128px; }
.widget-social i.fa.fa-circle.fa-3x {left:65px; top:85px; }
.widget-social .text {position:absolute; left:205px; top:160px; font-size:85%; }
.widget-social .text i.fa {margin-right:6px; }

 /* Slider (Plugin: Carousel [Bootstrap], Home 2) - full width */
/* ---------------------------------------------------------- */
#carousel-full .carousel-inner > .item {height:594px; }
#carousel-full .carousel-inner > .item > img,  .slider-full-width .carousel-inner > .item > a > img {min-width:100%; min-height:594px; }
#carousel-full .carousel-caption {top:100px; text-align:left; }

 /* Slider (Plugin: Carousel [Bootstrap], Home 3) - with animation */
/* -------------------------------------------------------------- */
#carousel-anim .carousel-indicators {bottom:-3px; }
#carousel-anim .carousel-inner > .item {height:490px; }
#carousel-anim .carousel-control.left, #carousel-anim .carousel-control.right {background:transparent; }
#carousel-anim .carousel-caption {top:50px; text-align:left; }
#carousel-anim img {transition:1s; transition-delay:1s; }
#carousel-anim img.active {transition-delay:0s; }
#carousel-anim img.carousel-img-mobile {margin:425px 40px 0 0;  }
#carousel-anim img.carousel-img-mobile.active {margin-top:-27px; }
#carousel-anim img.carousel-img-monit {margin:420px -30px 0 0; }
#carousel-anim img.carousel-img-monit.active {margin-top:17px; }

 /* Profil create stage - dotted */
/* ---------------------------- */
.profil-create-stage { }
.profil-create-stage div[class^="col-md"] {padding-left:0; padding-right:0; text-align:center; color:#CFCECE; font-size:14px; text-transform:uppercase; font-weight:bold; }
.profil-create-stage span {display:block; margin:10px 0; }
.profil-create-stage a {display:block; color:#CFCECE; text-decoration:none; }
.profil-create-stage .stage-dot {height:38px; background:url('../img/profil_create_stage.png') center top; }
.profil-create-stage .stage-first .stage-dot {background-position:center -76px; }
.profil-create-stage .stage-last .stage-dot {background-position:center -152px; }
.profil-create-stage .active > *,
.profil-create-stage a:hover {color:#65BE3E; }
.profil-create-stage .active .stage-dot,
.profil-create-stage a:hover .stage-dot {background-position:center -38px; }
.profil-create-stage .stage-first.active .stage-dot,
.profil-create-stage .stage-first a:hover .stage-dot {background-position:center -114px; }
.profil-create-stage .stage-last.active .stage-dot,
.profil-create-stage .stage-last a:hover .stage-dot {background-position:center -190px; }

 /* Profil Create Stage - toggle text */
/* --------------------------------- */
#create-stage-toggle { }
#create-stage-toggle a {outline:none; }

 /* Plugin: Easy pie chart */
/* ---------------------- */
.pie-chart { }
.pie-chart .chart {position:relative; display:inline-block; width:185px; height:185px; margin:30px 0; text-align:center; }
.pie-chart .chart canvas {position:absolute; top:0; left:0; }
.pie-chart .percent {display:inline-block; margin-left:24px; font-size:50px; line-height:185px; z-index:2; }
.pie-chart .percent:after {content:'%'; position:relative; top:-16px; font-size:0.6em; }
.pie-chart p {font-size:20px; }

 /* Multi boxes in row with title (with icon) */
/* ----------------------------------------- */
.multi-box-row { }
.multi-box-row div[class^="col-md"] {margin-bottom:30px; }
.multi-box-row div[class^="col-md"] h3 {font-size:22px; line-height:1.9; text-transform:uppercase; }
.multi-box-row div[class^="col-md"] h3 i.fa {margin-right:30px; }
.multi-box-row div[class^="col-md"] p {color:#8B8B8B; }

 /* Categories boxes in row with ico & title */
/* ---------------------------------------- */
.category-box-row { }
.category-box-row div[class^="col-md"] {margin-bottom:30px; }
.category-box-row a {display:block; padding:50px 0; text-align:center; background-color:#DAE5F7; color:#36404B; text-decoration:none; border-radius:4px; transition: all 0.25s ease 0s; }
.category-box-row a:hover {color:#F97307; }
.category-box-row a h2 {margin:30px 0 0; font-size:20px; text-transform:uppercase; }
.category-box-row-hidden {display:none; }

 /*  Our Team  */
/* ---------- */
.our-team { }
.our-team .our-team-item {width:213px; }
.our-team figure {text-align:center; }
.our-team figure > img {width:213px; height:213px; }
.our-team figure > figcaption {margin:20px 0; font-size:20px; }
.our-team figure > figcaption > em {display:block; font-size:14px; opacity:0.6; }
.our-team .popover {font-size:14px; }

 /* Testimonial */
/* ----------- */
.testimonial { }
.testimonial .face {height:195px; margin:50px 0; } /* 3 x 65px (img height) */
.testimonial .face a {width:65px; height:65px; display:inline-block; position:relative; float:left; }
.testimonial .face a span {background-color:#36404B; position:absolute; top:0;right:0;bottom:0;left:0; opacity:0.6; transition: all 0.25s ease 0s;} /* color filter */
.testimonial .face a:hover span, .testimonial .face a.active span {background-color:#65BE3E; } 
.testimonial .face a img {width:65px; height:65px; }
.testimonial .quote {margin:50px 0; }
.testimonial .quote blockquote {border:0; }
.testimonial .quote blockquote cite {color:#989898; font-size:14px; }
.testimonial .quote blockquote cite span {opacity:0.6; }

 /* Reel - number rotator */
/* --------------------- */
.number-rotator {margin:100px 0 70px; }
.number-rotator div[class^="col-md"] {}
.number-rotator div[class^="col-md"] .number {display:inline-block; width:148px; height:131px; line-height:120px; font-size:105px; font-weight:bold; color:#F8F8F8; background:url('../img/number_carts.png'); position:relative; }
.number-rotator div[class^="col-md"] .number .separator {width:100%; height:16px; background:url('../img/number_carts_sep.png') center no-repeat; position:absolute; top:53px; left:0; }
.number-rotator div[class^="col-md"] p {margin:35px 0; font-size:20px; }

 /* Client logos */
/* ------------ */
.client-logos { }
.client-logos div[class^="col-md"] {margin-top:35px; margin-bottom:15px; }
.client-logos a {display:inline-block; position:relative; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); } /* vertical center */
.client-logos a img {opacity:0.8; }
.client-logos a img.color {position:absolute; left:0; top:0; opacity:0; transition-duration:0.25s; }
.client-logos a:hover img.color {opacity:1; }

.content.home-1 { }
.content.home-1 > section {margin-bottom:120px; }
.content.home-1 > section:last-of-type {margin-bottom:0; }
.content.home-1 > section > figure {text-align: center; }
.content.home-1 h3 {margin-top:0; margin-bottom:20px; }
.content.home-1 p {margin-bottom:30px; color:#8B8B8B; }
.content.home-1 a.link-more, .contenta.home-1 a.link-more:hover, .contenta.home-1 a.link-more:focus {color:#565656; text-decoration:none; font-weight:bold; }
.content.home-1 a.link-more i.fa {margin-left:6px; color:#CFCECE; }
.content.home-1 a.link-more:hover, .contenta.home-1 a.link-more:focus, .content.home-1 a.link-more:hover i.fa, .content.home-1 a.link-more:focus i.fa {color:#F97307; }

 /* Choose plan */
/* ----------- */
.plan-boxes { }
.plan-boxes .thumbnail {background-color:#DAE4F7; border-width:0; }
.plan-boxes .thumbnail header {padding:26px 0; height:155px; border-radius:4px 4px 0 0; position:relative; }
.plan-boxes .thumbnail header h3 {margin-top:0; margin-bottom:30px; text-transform:uppercase; }
.plan-boxes .thumbnail header .price-circle {position:relative; width:145px; height:145px; padding:4px; border:3px solid #36404B; background-color:#F4F4F4; border-radius:73px; }
.plan-boxes .thumbnail header .price-circle .price-value {display:block; padding-top:20px; font-size:40px; line-height:70px; }
.plan-boxes .thumbnail header .price-circle .price-circle-bg {display:block; height:100%; color:#F4F4F4; background-color:#36404B; border-radius:73px; }
.plan-boxes .thumbnail header .price-circle small {display:inline-block; font-size:12px; padding:6px; border-top:1px solid #F4F4F4; } 
.plan-boxes .thumbnail header .price-circle.price-circle-green {border-color:#65BE3E; }
.plan-boxes .thumbnail header .price-circle.price-circle-green .price-circle-bg {background-color:#65BE3E; }
.plan-boxes .thumbnail header .price-circle.price-circle-orange {border-color:#F97307; }
.plan-boxes .thumbnail header .price-circle.price-circle-orange .price-circle-bg {background-color:#F97307; }
.plan-boxes .thumbnail ul {padding-left:0; margin-top:90px; list-style:none; }
.plan-boxes .thumbnail ul li {padding:14px; }
.plan-boxes .thumbnail ul li.button {margin-top:12px; }
.plan-boxes .thumbnail ul li:nth-child(odd) {background-color:#F6F6F6; }

 /* Iframe - Google Map */
/* ------------------- */
iframe.map {width:100%; height:420px; border:0; overflow:hidden; }

 /* FOOTER */
/* ------ */
footer.main {color:#D0D0D0; background-color:#1a1a1a; }
footer.main section.widgets {padding:50px 0; font-size:85%; }
footer.main h4 {font-size:16px; margin-bottom:15px; color:#F4F4F4; text-transform:uppercase; }
footer.main a {color:inherit; }
footer.main a:hover {color:#F8F8F8; text-decoration:none; }
/* Footer: Quick links */
footer.main .footer-qlink ul {margin:0; padding:0; list-style:none; }
footer.main .footer-qlink ul li {border-top:0px solid #616B75; padding:5px 0; }
footer.main .footer-qlink ul li:first-child {border-top:0; padding-top:0; }
/* Footer: Blog */
footer.main .footer-blog > ul > li {margin-top:25px; }
footer.main .footer-blog img {width:64px; height:64px; }
footer.main .footer-blog h5 {font-size:inherit; font-weight:bold; }
footer.main .footer-blog p {margin:0; }
footer.main .footer-blog .footer {font-style:italic; font-size:12px; opacity:0.6; }
/* Footer: Social */
footer.main .footer-social a.btn-social {float:left; margin:0 12px 12px 0; color:#F8F8F8; }
footer.main section.copyright {padding: 20px 0 10px 0px; font-size:75%; background-color:#000000; }





.spinner{
    width: 80px;
    height: 80px;
    
    border: 2px solid #f3f3f3;
    border-top:3px solid #f25a41;
    border-radius: 100%;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}

#overlay{
  height:100%;
  width:100%;
  background:rgba(255, 255,255, 0.8);
  position:fixed;
  left:0;
  top:0;
 }
}


.animate{
  margin: 10px 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  animation: animtext 2s steps(80, end); 
   transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);
}
@keyframes animtext { 
  from {
      width: 0;
     transition: all 2s ease-in-out;
  } 
}



.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
	margin-right: 70px;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 40px;
    height: 40px;
    line-height: 38px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-radius: 23px;
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
	margin-bottom: 1px;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/*
Free App template for Bootstrap 3
Code snippet by maridlcrmn for Bootsnipp.com
Follow me on Twitter @maridlcrmn
Image credits: unsplash.com
Image placeholders: placemi.com
*/


.mt-100 {
    margin-top: 100px; 
}
.mb-100 {
    margin-bottom: 100px;
}

.icon {
   
}


.btn-circle {
    border-radius: 20px;
}

.input-group input {
    border: 0;
    box-shadow: none;
    padding-right: 30px;
}
.input-group input:focus,
.input-group input:active {
    outline: 0;
    box-shadow: none;
}
.input-group-btn:last-child>.btn {
    z-index: 2;
    margin-left: -18px;   
    border-radius: 20px;
}

.phone {
    position: relative;
    max-width: 263px;
    margin: 0 auto;
    padding: 65px 15px 55px;
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #222;
    box-shadow: 20px 20px 40px #887;
}

@media all and (max-width: 1050px) {
    .home-bg {
       
		background: #f4efe9 !important;
    }
}