@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');

body {
font-weight:400!important;
font-size: 16px!important;
line-height: 30px!important;
color: #888888;
}
.sp-contact-info {float:left!important;}
ul.social-icons{ float:right!important;}
.sp-contact-info a {color: #fff;font-size: 15px;font-family: "Montserrat",sans-serif;transition: all 0.2s ease 0s;}
.sp-contact-info a:hover, .sp-contact-info:hover i {color: #fff;}
.sp-contact-info i {color: #fff;}
ul.social-icons > li a { color: #fff!important; font-size: 16px;}
#sp-header .logo { height: 70px !important;}
#sp-header .logo img {height:54px;}
#sp-header { height: 70px !important;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height:70px!important;}
#offcanvas-toggler {line-height:67px!important;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
padding: 0 15px;
text-transform: uppercase;
color: #333;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color:#2a80b9!important;font-weight:500!important;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
font-size: 14px!important;
font-weight: 500!important;
}

#sp-top-bar.top-transparent {
background: transparent;
border-bottom: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
height: 46px;
left: 0;
position: absolute;
top: 5px;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 99;
}



/**/
.kakon01 .sppb-btn-secondary {
border-radius: 2px;
font-family: Montserrat,sans-serif;
font-size: 14px;
padding: 14px 30px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
background:#fff;
border:2px solid #fff;
color:#333333;
}
.kakon01 .sppb-btn-secondary:hover, .kakon01 .sppb-btn-dark:hover {
transition: all 0.3s ease 0s;
background:transparent;
border:2px solid #fff;
color:#fff;
}
.kakon01 .sppb-btn-dark {
border-radius: 2px;
font-family: Montserrat,sans-serif;
font-size: 14px;
padding: 14px 30px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
background:#23527c;
border:2px solid #23527c;
color:#fff;
}

.kakon02 .sppb-addon-title {text-transform: uppercase;}

.kakon02 .sppb-addon-title:after {
background: #a8a8a8 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
content:" ";
}
.sppb-addon-title {
animation-name: zoomIn;
animation-duration: 1s;
animation-fill-mode: both;
}

.kakon03 {
border-bottom: 1px solid #e8e8e9;
border-right: 1px solid #e8e8e9;
padding: 40px 20px;
transition: all 0.4s ease 0s;
text-align: center;
}
.kakon03 .sppb-addon-text {}
.kakon03 .sppb-addon-content {}

.kakon03:hover {box-shadow:0 3px 45px 0 rgba(0, 0, 0, 0.2);z-index:999; }
.kakon03.radius100 .sppb-icon .sppb-icon-container  {border-radius:100%;}

/**/

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
color: #fff;
font-family: "Montserrat",sans-serif;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 2px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {  background: #2a80b9!important;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
background: #333;
border-radius: 2px;
color: #fff;
-webkit-transition: 300ms;
transition: 300ms;
font-family: Montserrat;
text-transform: uppercase;
padding: 10px 15px !important;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
padding: 5px 10px 5px 8px;
font-size: 10px;
height: 50px !important;
color: #fff;
border-radius: 100px;
text-decoration: none;
width: 50px;
transition: all 400ms;
line-height: 35px;
margin: 3px;
}
.sp-simpleportfolio-tags {display:none;}

.sp-simpleportfolio .sp-simpleportfolio-description > h2 {
font-family: "Montserrat",sans-serif;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 2px;
color:#333;
}
.sp-simpleportfolio .sp-simpleportfolio-meta h4 {color:#333;font-family: "Montserrat",sans-serif;}
/**/

.kakon04 {
border: 1px solid #e8e8e9;
margin-bottom:20px;
transition: 300ms;
}
.kakon04:hover {background:#2a80b9;transition: 300ms;}
.kakon04:hover .sppb-addon-title, .kakon04:hover .sppb-addon-text {color:#fff!important;transition: 300ms;}
.kakon04 .sppb-addon-title {text-transform: uppercase;transition: 300ms;}
.kakon04 .sppb-addon-text {padding:10px 20px 20px 20px;transition: 300ms;}
.kakon04:hover .sppb-icon-container {
color:#2a80b9!important;
background:#fff!important;
transition: 300ms;
}
@media (min-width: 280px) {
.kakon04 .sppb-addon-title {
text-transform: uppercase;
margin-top:-32px;
padding-left:70px;
}
}
/**/

.playbtn .sppb-modal-selector span{border-radius:100px; width:100px; height:100px;line-height: 120px!important;}

/**/
.team .single_team {border: 1px solid #eee;transition: all 0.3s ease 0s;}
.team .single_team:hover {box-shadow: 0px 8px 24px rgba(0,0,0,0.25);}
.team .single_team img{padding-top: 0px;}
.team .img_wrap{position:relative;}
.team .social_link{
height: 100%;
position: absolute;
text-align: center;
top: 0;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 100%;
z-index: 1;
background: rgba(0,0,0,0.5);
opacity: 0;
}
.team .img_wrap:hover .social_link{opacity: 1;visibility: visible;}
.social_table{display: table;height: 100%;width: 100%;}
.team .social_table ul {
list-style: none;
display: table-cell;
list-style: outside none none;
padding: 0;
vertical-align: bottom;
padding-bottom: 30px;
}
.team .social_table ul a{
background: #2a80b9 ;
border: 1px solid #2a80b9;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
transition: all 0.5s ease 0s;
width: 40px;
border-radius: 50%;
}
.team .social_table ul a:hover{
background: #fff none repeat scroll 0 0;
color: #2a80b9;
border-color: #fff;
}
.team .team_title{background: #2a80b9;padding: 20px 0 5px 0;}
.team .team_title h3{
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 0;
text-transform: uppercase;
text-align: center;
}
.team .team_title p{color:#fff;text-align: center;}

/**/
.single_testimonial .owl-item {
background: #fff;
border: 1px solid #eee;
padding:40px 30px 80px 30px;
text-align:center;
}

.single_testimonial h4 {
letter-spacing: 1px;
margin-top: 0;
text-align:center;
}
.single_testimonial i {
color: #ffc207;
margin-bottom: 20px;
margin-top: 10px;
}
.single_testimonial img {
border: 4px solid #eee;
border-radius: 500px;
display: block;
height: 100px;
margin: auto auto 15px;
width: 100px;
}
.single_testimonial h3 {
font-size: 16px;
margin-bottom: 0;
text-transform: uppercase;
text-align:center;
position: absolute;
bottom: 30px;
left: 40%;
font-family: "Montserrat",sans-serif;
color: #333;
font-weight: 400;
}
/**/
.pricing-table {
border: 1px solid #eee;
display: block;
text-align: center;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricing-table:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
box-shadow: 0px 8px 24px rgba(0,0,0,0.25);
}
.ccr-price-title {
background: #2a80b9 none repeat scroll 0 0;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 20px;
height: 120px;
padding: 20px 0 10px;
text-align: center;
text-transform: uppercase;
}
.ccr-price {
margin-bottom: 30px;
}
.ccr-price-value {
border: 4px solid #f7f7f7;
border-radius: 100%;
box-shadow: 0 5px 13px -4px #585858 inset;
font-family: montserrat,sans-serif;
color: #fff;
font-size: 44px;
height: 120px;
line-height: 102px;
margin-left: auto;
margin-right: auto;
margin-top: -60px;
text-align: center;
text-shadow: 1px 1px 0 #fff;
transition: all 0.4s ease 0s;
width: 120px;
background: #2a80b9; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a80b9), color-stop(40%,#2a80b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2a80b9 0%,#2a80b9 40%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-linear-gradient(top, #2a80b9 0%, #2a80b9 40%);
background: linear-gradient(to bottom, #2a80b9 0%,#2a80b9 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a80b9', endColorstr='#2a80b9',GradientType=0 ); /* IE6-9 */
}
.ccr-price-list li {
border-top: 1px dashed #eaeaea;
color: #333;
font-family: lora,sans-serif;
font-size: 16px;
line-height: 50px;
list-style: outside none none;
position: relative;
text-align: center;
transition: all 0.3s ease 0s;
}
.ccr-price-list li:hover { background-color: rgba(0, 0, 0, 0.03) }
.pricing-table button {
font-family: montserrat,sans-serif;
margin: 20px 0;
padding: 9px 30px;
}
.btn-price-bg  {
background: #2a80b9;
border: medium none;
border-radius: 70px;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 14px;
padding: 14px 30px !important;
font-weight: 500;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-price-bg:hover {
background: #333;
color: #fff;
}
/**/
.signup_form input {
background:#fff!important;
border-color: -moz-use-text-color -moz-use-text-color #fff!important;
border-radius: 0!important;
border-style: none none solid!important;
border-width: 0 0 1px!important;
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2)!important;
color: #333!important;
height: 50px!important;
margin-bottom: 40px;
}
.signup_form input:focus{box-shadow: 0 3px 45px 0 rgba(0, 0, 0, 0.2);}
.signup_form button {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 9px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
display:block;
margin:auto;
}
.signup_form button:hover {
background: #333;
color: #fff;
}
/**/

.contact input {
background: rgba(0, 0, 0, 0.4)!important;
border: 0 solid #eee!important;
border-radius: 0!important;
box-shadow: none;
color: #fff!important;
height: 50px!important;
padding-left: 10px;
transition: all 0.2s ease 0s;
}
.contact textarea {
background: rgba(0, 0, 0, 0.4)!important;
border: 0 solid #eee!important;
border-radius: 0!important;
box-shadow: none;
color: #fff!important;
height: 150px!important;
padding-left: 10px;
transition: all 0.2s ease 0s;
}
.contact .sppb-btn {
background: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 30px;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-family: montserrat,sans-serif;
font-size: 14px!important;
padding: 12px 27px!important;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.contact .sppb-btn:hover {
transition: all 0.2s ease 0s;
background:#2a80b9;
border: 1px solid #2a80b9;
}
/**/
.sp-copyright {
text-align: left !important;
line-height: 45px;
float: left !important;
}

.footer_social {float: right; }
.footer_social ul {
list-style: outside none none;
margin: 5px 0 0 0!important;
padding: 0;
}

.footer_social ul li { display: inline!important; }
.footer_social ul li a {
background: #2c2c31 none repeat scroll 0 0;
border: 1px solid #2c2c31;
border-radius: 4px;
color: #fff;
display: inline!important;
font-size: 14px;
height: 40px!important;
margin: 4px;
padding: 10px!important;
text-align: center;
transition: all 0.2s ease 0s;
width: 40px!important;
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
background: #5D82D1!important;
border: 1px solid #5D82D1;
}
.f_twitter:hover {
background: #40BFF5!important;
box-shadow: 0 0 0 0px #40BFF5;
border: 1px solid #40BFF5;
}
.f_google:hover {
background: #EB5E4C!important;
box-shadow: 0 0 0 0px #EB5E4C;
border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
background: #238CC8!important;
box-shadow: 0 0 0 0px #238CC8;
border: 1px solid #238CC8;
}
.f_youtube:hover {
background: #CC181E!important;
box-shadow: 0 0 0 0px #CC181E;
border: 1px solid #CC181E;
}
.f_skype:hover {
background: #00AFF0!important;
box-shadow: 0 0 0 0px #00AFF0;
border: 1px solid #00AFF0;
}
/**/

#sp-footer2 .sp-module ul > li {border-bottom: 0px solid #ccc;}
#sp-footer2 .sp-module ul > li > a::before {content:" ";}


.team .social_table li {
display: inline;
}