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


 - COLOR CSS

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


a,
.color-primary,
.text-primary,
.list-mark-1 li:before,
.list-mark-2 li:before,
.list-mark-3 li:before,
.blockquote-1:before,
.pager li > a:hover,
.pager li > a:hover .icon,
.accordion .btn-collapse.collapsed .icon:before,
.btn-w-ic .icon,
.btn-link .icon,
.copyright__link:hover,
.b-advantages-1:hover .b-advantages-1__icon,
.b-contacts-2__icon,
.b-progress-list_mod-b .b-progress-list__percent,
.widget-list__link:hover,
.widget-list__item:hover:before,
.b-banners-1_mod-a .btn .icon,
.widget-searce .form-sidebar__emphasis,
.b-post-full .post-tags__icon,
.b-contacts-3__title,
.b-pricing__icon .icon,
.navbar .navbar-nav > li > a:hover,
[off-canvas] li:hover a,
.footer-list .footer-list__link:hover,
.footer-list .footer-list__item:hover:before {color: #2a289d;}


.bg-primary,
.btn-effect:after,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a,
.pagination > .active > span,
.pagination > li > a:hover,
.pagination > li > a:focus,
.dropcap_primary:first-letter,
.tooltip-1 .tooltip-inner,
.btn-primary,
.forms__label-check-1:after,
.forms__label-radio-1:before,
.forms__label-radio-2:after,
.ui-decor-1,
.panel-heading .btn-collapse,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.b-history__date:before,
.b-advantages-3:hover .b-advantages-3__icon,
.b-advantages-5:hover .b-advantages-5__icon,
.b-banners-1__decor,
.list-tags__link:hover,
.b-post-full .entry-footer__link,
.b-pricing:hover,
.b-pricing_mod-b .btn,
.b-branches:hover .b-branches__icon {background-color: #2a289d;}


.pagination > .active > a,
.pagination > .active > span,
.pagination a:hover,
.pagination span:hover,
.pagination a:focus,
.pagination span:focus,
.progress_border_primary,
.forms__label-radio-1:before,
.progress_border-1,
.btn-default,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.b-pricing_mod-b .btn,
.b-branches:hover .b-branches__icon {border-color: #2a289d;}

.tooltip-1.top .tooltip-arrow,
.tooltip-1.top-left .tooltip-arrow,
.tooltip-1.top-right .tooltip-arrow {border-top-color: #2a289d;}

.tooltip-1.right .tooltip-arrow {border-right-color: #2a289d;}

.tooltip-1.left .tooltip-arrow,
.border-left_primary:before,
.b-blockquote-1 {border-left-color: #2a289d;}

.tooltip-1.bottom .tooltip-arrow,
.tooltip-1.bottom-left .tooltip-arrow,
.tooltip-1.bottom-right .tooltip-arrow,
.table_primary > thead > tr > th,
.collapse.in,
.ui-title-block__emphasis,
.table-type-2 > thead > tr > th,
.b-progress-list__wrap {border-bottom-color: #2a289d;}

.b-banners-1__decor {box-shadow: 100px 0 0 0 #2a289d, -100px 0 0 0 #2a289d;}




.color-secondary {color: #7d7d7d;}

.bg-secondary,
.tooltip-2 .tooltip-inner,
.forms__label-check-2:after {background-color: #7d7d7d;}

.tooltip-2.top .tooltip-arrow,
.tooltip-2.top-left .tooltip-arrow,
.tooltip-2.top-right .tooltip-arrow {border-top-color: #7d7d7d;}

.tooltip-2.right .tooltip-arrow {border-right-color: #7d7d7d;}

.tooltip-2.left .tooltip-arrow {border-left-color: #7d7d7d;}

.tooltip-2.bottom .tooltip-arrow,
.tooltip-2.bottom-left .tooltip-arrow,
.tooltip-2.bottom-right .tooltip-arrow {border-bottom-color: #7d7d7d;}

.dropcap_secondary:first-letter {border-color: #7d7d7d;}


.bg-primary1{background-color: #6c6c6d;}
.bg-primary2{background-color: #232F54;}
.bg-primary3{background-color: #fff;}
.bg-primary4{background-color: #f6f6f6;}
.bg-primary5{background-color: #eee;padding:25px;}

.bl{border:0.1px solid #eee;}
.ma{margin-left:-15px;}
.mar{margin-right:-14px;}


.sp{margin-top:20px;}
.sp1{margin-top:-20px;}
.sp2{margin-top:-50px;}
.sp3{margin-top:0px;}
.sp4{margin-top:-10px;}
.sp5{margin-top:27px;}
.sp6{margin-top:40px;}
.sp7{margin-right:20px;}



/* contact page styling */
.cont-p p{padding-left:30px;margin-bottom:-5px;}
.cont-p h3{
	color:#3870E6;
	font-family: Montserrat;
	font-size: 24px;
	line-height: 1.72;
	margin:25px 0 0px -15px;
	}
.cont-p i{margin-right:15px;}
.cont-p a{color:grey;}
.cont-p a:hover{color:#3AB9ED;}

/* contact page styling */


.fulim img{
	padding-bottom:10px;
	width:100%;
	max-height:320px;
}
.ce{text-align:center;}

.bluu{
	color:#3870E6!important
}

.tablink {
  background-color: #eee;
  color: #6c6c6d;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  font-size: 16px; 
  font-weight:800;
  border:1px solid #eee;
  width: 18%;
}

.tablink:hover {
  background-color:#6c6c6d;
  color:#eee;
}

/* Style the tab content */
.tabcontent {
  color: white;
  display: none;
  padding:60px 50px 10px;  
  border:1px solid #eee;
}
.tabcontent h5{font-size:16px;font-weight:700;line-height:1.5;}
.tabcontent li{font-size:13px;font-weight:600;}
#London {background-color:#fff;}
#Paris {background-color:#fff;}
#Tokyo {background-color:#fff;}
#Oslo {background-color:#fff;}

.idea img{
	width:30px;
	margin-right:5px;
}


#myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
video{
	width:100%;
}
#myBtn {
  border: none;
  background: transparent;
  cursor: pointer;
	font: 700 14px Montserrat;
	text-transform: uppercase;
}
#myBtn:hover {
  background-color:#3870E6;
  color: #fff;
}
#myBtn:focus {
  outline:none;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding: 20%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: rgba(255,255,255,0.8);
  border-radius:15px;
  margin: auto;
  padding: 0;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #fff;
  border-radius:15px 15px 0 0;
  color: #3870E6;
}
.modal-header h4{
	color: #3870E6;
	font-family: Montserrat;
	text-align:center;
  border:none;
}
.modal-body {
	padding: 2px 16px;
	font: 700 15px Montserrat;
	padding:10px 30px;
	}
.modal-body a {	color:#2a289d;	}
.modal-body a:hover {	color:#000;	}

.modal-footer {
  padding: 1px 16px;
  background-color: transparent;
  border-radius:0 0 15px 15px;
  border:none;
}