.social-icons {
    margin: 2% auto 0;
}
.social-icons  a span {
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/social-icons.png) no-repeat 0px 0px;
}
.social-icons  span.facebook {
	background-position:0px 0px;
}
.social-icons span.twitter {
	background-position:-40px 0px;
}
.social-icons span.linkedin {
	background-position:-80px 0px;
}
.social-icons span.googleplus {
	background-position:-120px 0px;
}
/*-- /banner --*/
/*-- About me --*/
.about-me {
	padding:0;
	margin:0 auto;
}
.about-me h3 {
	color:#A1B3A4;
	font-size:30px;
	font-family: 'Cinzel', serif;
	line-height:25px;
	font-weight:bold;
	padding: 67px 0 55px;
}
img.img-responsive {
    margin: auto;
}
.mydetails , .myskills {
	background-color: #fff;
}
.mydetails {
	padding:6.3em 0;
}
.mydetails h3 {
	color:#000;
	padding: 1em 0;
	font-family: 'Cinzel', serif;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
}
.mydetails p {
	font-size:20px;
	line-height:25px;
	font-weight:400;
}
.mydetails .social-icons {
	padding: 1.3em 0 0;
	margin:0;
}
.mydetails .social-icons  a span {
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/social-icons.png) no-repeat 0px 0px;
}
.mydetails .social-icons  span.facebook {
	background-position:0px 0px;
}
.mydetails .social-icons span.twitter {
	background-position:-40px 0px;
}
.mydetails .social-icons span.linkedin {
	background-position:-80px 0px;
}
.mydetails .social-icons span.googleplus {
	background-position:-120px 0px;
}
.myskills {
	padding:2em 0;
}
.myskills h3 {
	color:#000;
	padding:25px;
	font-family: 'Cinzel', serif;
	font-size:25px;
	line-height:25px;
	font-weight:bold;
}
.myskills p {	
	padding:25px 37px;
	font-size:17px;
	line-height:25px;
	font-weight:400;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 10px;
	border-top:none;
}
.skill-info {
	padding:1em;
}
.skill-info h4 {
	margin-left:6%;
	font-family: 'Cinzel', serif;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
}
.skill-info p {
	padding:0;
}
span.longline1 {
	width:267px;
	height:2px;
	display:inline-block;
	background-color:#A1B3A4;
	margin-top: 3%;
}
span.shortline1 {
	width:33px;
	height:2px;
	display:inline-block;
	background-color:#fff;
	margin-top: 3%;
}
span.longline2 {
	width:270px;
	height:2px;
	display:inline-block;
	background-color:#A1B3A4;
	margin-top: 3%;
}
span.shortline2 {
	width:30px;
	height:2px;
	display:inline-block;
	background-color:#fff;
	margin-top: 3%;
}
span.longline3 {
	width:285px;
	height:2px;
	display:inline-block;
	background-color:#A1B3A4;
	margin-top: 3%;
}
span.shortline3 {
	width:15px;
	height:2px;
	display:inline-block;
	background-color:#fff;
	margin-top: 3%;
}
span.longline4 {
	width:276px;
	height:2px;
	display:inline-block;
	background-color:#A1B3A4;
	margin-top: 3%;
}
span.shortline4 {
	width:24px;
	height:2px;
	display:inline-block;
	background-color:#fff;
	margin-top: 3%;
}
span.longline5 {
	width:288px;
	height:2px;
	display:inline-block;
	background-color:#A1B3A4;
	margin-top: 3%;
}
span.shortline5 {
	width:12px;
	height:2px;
	display:inline-block;
	background-color:#fff;
	margin-top: 3%;
}
/*-- /About me--*/
/*-- Portfolio --*/
.myportfolio {
	padding:0;
	margin:0 auto;
}
.myportfolio h3 {
	color:#A1B3A4;
	font-size:30px;
	font-family: 'Cinzel', serif;
	line-height:25px;
	font-weight:bold;
	padding: 85px 0 20px;
}
.myportfolio p {
	padding: 5px 0 15px;
	font-size:17px;
	line-height:25px;
	font-weight:400;
}
/*-- /Portfolio --*/
/*-- Gallery --*/
.mygallery {
	padding:0;
	margin:0 auto;
}
.mygallery h3 {
	color:#A1B3A4;
	font-size:30px;
	font-family: 'Cinzel', serif;
	line-height:25px;
	font-weight:bold;
	padding: 50px 0 40px;
}
.mygallery img.img-responsive{
    height: 282px;
	margin-bottom:5px;
	opacity:0.67;
	display:inline-block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.mygallery img.img-responsive:hover {
	opacity:1;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*-- /Gallery --*/
/*-- Footer --*/
.contact-me {
	padding:0;
	position:relative;
	margin:0 auto;
}
.contact-me h3 {
	color:#A1B3A4;
	font-size:30px;
	font-family: 'Cinzel', serif;
	line-height:25px;
	font-weight:bold;
	padding: 80px 0 20px;
}
.contact-me p {
	padding:5px 0 60px;
	font-size:17px;
	line-height:25px;
	font-weight:400;
}
input#name {
	outline:none;
	height:50px;
    padding:10px;
	border-radius:0px;
	border-left: none;
    border-top: none;
    border-right: none;
	border-bottom:2px solid black;
}
input#email {
	outline:none;
    margin: 4% auto;
	padding:10px;
	height:50px;
	border-radius:0px;
	border-left: none;
    border-top: none;
    border-right: none;
	border-bottom:2px solid black;
}
textarea.form-control {
    height: 140px;
	outline:none;
	border-radius:0px;
	border-left: none;
    border-top: none;
    border-right: none;
	border-bottom:2px solid black;
}
.form-control:focus {
    border-color:transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:none; 
}
.contact-me button.btn.btn-default.btn-lg {
	background-color:#A1B3A4;
	border-color:#A1B3A4;
	color: #fff;
	outline:none;
	border-radius:0px;
	margin: 3% auto 0;
	padding: 15px 35px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.contact-me button.btn.btn-default.btn-lg:hover {
	background-color:#000;
	color:#fff;
}
.contact-info h4 {
	font-family: 'Cinzel', serif;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
}
.contact-info p {
    padding: 15px 0;
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
	color:#000;
}
.footer-info i{
	color:#A1B3A4;
	font-size: 30px;
    margin: 25px 20px 10px 25px;
    display: inline-block;
}
p.p1{
	padding:0;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	    margin: -50px 0 0;
	font-size:16px;
	font-weight: 500;
}
p.p2 {
	padding:0;
	display:block;
	color: #000;
	vertical-align: middle;
	font-weight: 500;
	font-size:16px;
	margin: -27px 0 0 80px;
}
p.p1 a {
	text-decoration:none;
	color:#000;
}
p.p1 a:hover {
	color:#A1B3A4;
}
p.p2 a {
	text-decoration:none;
	color:#000;
}
p.p2 a:hover {
	color:#A1B3A4;
}
.contact-info h5 {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
	padding: 2em 0 0 .3em;
}
hr{
	border-top:1px solid #BDB8B8;
	margin-top:45px;
}
.copyright p a{
	text-decoration:none;
	color:#8C8C8C;
}
.copyright p{
	color:#8C8C8C;
	padding: 5px 0 17px;
	font-weight:400;
	font-size:15px;
}
footer span.glyphicon.glyphicon-chevron-up {
	margin: 0 0 0 50%;
	color:red;
}
/*-- /Footer --*/
/*-- sliding --*/
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
/*-- /sliding --*/
/*---- responsive-design -----*/
@media (max-width: 1600px) {
	.banner {
	min-height:795px;	
	}
	.banner .rslides {
	height:795px;
	}
	.banner-info {
	margin: 250px 0 0 390px;
	}
}

@media (max-width: 1366px) {
	.banner-info {
    margin: 235px 0 0 350px;
}
}

@media (max-width: 1280px) {
	.banner-info {
    margin: 235px 0 0 320px;
}
}

@media (max-width: 1080px) {
	.grid figure, .grid .placeholder {
    width: 295px;
    height: 295px;
}
	.grid figure {
    margin: 10px;
}
	.banner-info h3 {
	font-size:40px;
}
	.banner-info p {
	font-size:25px;
}
	span.line1 , span.line2 {
	width:400px;
}
	.banner-info {
    margin: 235px 0 0 262px;
}
	.banner-info p {
	font-size:25px;
	padding:4px;
}
}

@media (max-width: 1024px) {
	.banner {
    min-height: 675px;
}
	.banner .rslides {
    height: 675px;
}
	.banner-info {
    margin: 180px 0 0 262px;
}
}

@media (max-width: 991px) {
	.grid figure, .grid .placeholder {
    width: 280px;
    height: 280px;
}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -100px;
}
	.navbar-nav {
    margin-right: -20%;
    margin-left: 18%;
}
	.mydetails {
    padding: 3em 0;
}
	.mydetails .social-icons {
    padding: 1.2em 0 0;
}
	.contact-info {
    margin-top: 30px;
}
}

@media (max-width: 900px) {
	.grid figure, .grid .placeholder {
    width: 260px;
    height: 260px;
}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -45px;
}
	.navbar-nav {
    margin-right: -12%;
    margin-left: 12%;
}
	.fader .slider {
	right:4%;
}
	.mygallery img.img-rounded {
    height: 250px;
}
}

@media (max-width: 800px) {
	.banner {
    min-height: 600px;
}
	.banner .rslides {
    height: 600px;
}
	.banner-info {
    margin: 180px 0 0 205px;
}
	.grid figure, .grid .placeholder {
    width: 230px;
    height: 230px;
}
	.grid figure {
    margin: 5px;
}
	.navbar-nav {
    margin-right: 0%;
    margin-left: 0%;
}
	.fader .slider {
	right:2%;
}
	span.line1 , span.line2 {
	width:327px;
}
	.banner-info p {
	font-size:23px;
}
}

@media (max-width: 768px) {
	.banner-info {
    margin: 180px 0 0 200px;
}
	.mygallery img.img-responsive {
    height: 245px;
}
	.mygallery h3 {
	padding: 60px 0 40px;
}
	.contact-info h4 {
	padding-bottom:20px;
}
	.contact-me p {
    padding: 5px 0 30px;
}
	.myskills {
    padding: 0em 0 2em;
}
	.fader .slider {
	right:1%;
}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -30px;
}
	.navbar-inverse .navbar-brand {
	font-size:2em;
}
}

@media (max-width: 736px) {
	.mygallery img.img-responsive {
    height: 220px;
}
	.about-me h3.text-center {
	padding: 65px 0 40px;	
}
	.about-me .myskills h3.text-center {
	padding:20px 0 10px;	
}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 5px;
}
	.navbar-nav { 

	text-align:center;
}
	.banner {
	min-height:360px;
}
	.banner .rslides {
    height: 360px;
}
	.banner-info {
    margin: 46px 0 0 192px;
}
	span.line1 , span.line2 {
	width:300px;
}
	.banner-info p {
	font-size:21px;
}
}

@media (max-width: 667px) {
	.banner-info {
    margin: 30px 0 0 177px;
}
	.banner-info h3 {
	font-size:35px;
}
	.banner-info p {
	font-size:19px;
}
	span.line1 , span.line2 {
	width:272px;
}
	.content-img {
    height: 385px;
}
}

@media (max-width: 640px) {
	.banner-info {
    margin: 45px 0 0 165px;
}
	.banner-info h3 {
	padding:60px 0 10px;		
}
	.banner-info p {
	font-size:17px;
}
	span.line1 , span.line2 {
	width:242px;
}	
	.content-img {
    height: 374px;
}
	.myportfolio p.content-text {
	padding:0 50px 100px;	
}	
}

@media (max-width: 600px){
	.content-img {
    height: 350px;
}
	.close-content {
	top:-17px;
}
	.banner-info {
    margin: 60px 0 0 155px;
}
}

@media (max-width: 568px){
	.banner {
    min-height: 265px;
}
	.banner .rslides {
    height: 265px;
}
	.banner-info {
    margin: 20px 0 0 140px;
}
	.content-img {
    height: 332px;
}
	.myportfolio p.content-text {
    padding: 0 35px 70px;
}
}

@media (max-width: 480px){
	.banner-info h3 {
	font-size:25px;
}	
	.banner-info {
    margin: 20px 0 0 97px;
}
	.content-img {
    height: 278px;
}
.about-me h3.text-center {
    padding: 35px 0;
	font-size:25px;
}
.mydetails h3 {
	font-size:18px;	
}
.mydetails p {
    font-size: 16px;
}
.about-me .myskills h3.text-center {
    padding: 0px 0 0px;
	font-size:22px;
}
.myskills p {
	font-size:15px;
}
.myportfolio h3 {
	font-size:25px;
	padding:40px 0 20px;
}
.myportfolio p {
	font-size:15px;
}
.mygallery h3 {
    padding: 50px 0 40px;
	font-size:25px;
}
.contact-me h3 {
	font-size:25px;
	padding:40px 0 15px;
}
.contact-me p {
	font-size:15px;
}
.contact-info p {
	font-size:15px;
}
.navbar-inverse .navbar-brand {
    font-size: 26px;
}
}

@media (max-width: 414px){
	.banner-info {
    margin: 20px 0 0 65px;
}
	.mygallery img.img-responsive {
    height: 185px;
}
	.myportfolio h3.content-text {
	font-size:25px;
}
	.myportfolio p.content-text {
	font-size:15px;
}
	.contact-info h5 {
	padding:5px 0 10px;
}
	hr {
	margin-top:0;
}
	input#name,input#email {
	height:45px;
} 
}

@media (max-width: 384px) {
	.banner-info {
    margin: 20px 0 0 45px;
}
	.about-me h3.text-center {
		font-size:23px;
	}
	.about-me .myskills h3.text-center {
		font-size:20px;
	}
	p.skill-text {
    padding: 15px 25px 25px;
}
	.myportfolio h3 {
    font-size: 23px;
    padding: 35px 0 15px;
}
	.mygallery h3 {
    padding: 40px 0;
    font-size: 23px;
}
	.contact-me h3 {
    font-size: 23px;
    padding: 35px 0 15px;
}
	.mygallery img.img-responsive {
    height: 170px;
}
	.content-img {
    height: 220px;
}
	.myskills p {
	font-size:15px;
}
	p.skill-text {
    padding: 25px;
}
	.contact-me p {
	font-size:15px;
}
	.contact-info p {
	font-size:15px;
}
	.myportfolio h3.content-text {
    font-size: 22px;
}
}

@media (max-width: 375px) {
	.mygallery img.img-responsive {
    height: 165px;
}
	.myportfolio p{
	font-size:15px;
}	
	.myportfolio h3.content-text {
	font-size:20px;
}	
	.content-img {
    height: 215px;
}
	.myportfolio p.content-text {
    padding: 0 20px 70px;
}
}

@media (max-width: 320px) {
	.banner-info {
    margin: 20px 0 0 0px;
}
	.contact-info p {
	padding-bottom:5px;
}
	input#name {
	margin-top:10px;
}
	.contact-info h5 {
	padding-top:1em;
}
	hr {
	margin-top:20px;	
}
	.about-me .myskills h3.text-center {
    padding: 10px 0 10px;
}
	.contact-me button.btn.btn-default.btn-lg {
	padding:10px 25px;
}
	.myportfolio p {
    padding: 0px 0 0px;
}
	.mygallery img.img-responsive {
    height: 145px;
}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -13px;
}
	.content-img {
    height: 183px;
}
	p.skill-text {
    padding: 20px;
}
	.contact-me p {
    font-size: 14px;
    padding-bottom: 10px;
}
}

@media (min-width: 1200px)
.container {
    width: 1180px;
}
/*********************
THEME COLOR - DEFAULT
*********************/
a {
  color: #343a3d; }
  a:active, a:hover, a:focus {
    color: #428de4; }

.c-theme-link:focus, .c-theme-link:active, .c-theme-link:hover {
  color: #428de4 !important; }
  .c-theme-link:focus > i, .c-theme-link:active > i, .c-theme-link:hover > i {
    color: #428de4 !important; }

.c-theme-link.c-active {
  color: #428de4 !important; }
  .c-theme-link.c-active > i {
    color: #428de4 !important; }

.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn) {
  color: #428de4 !important; }

.c-theme-nav li:focus > .c-quick-sidebar-toggler > .c-line, .c-theme-nav li:active > .c-quick-sidebar-toggler > .c-line, .c-theme-nav li:hover > .c-quick-sidebar-toggler > .c-line {
  background: #428de4 !important; }

.c-theme-nav li.c-active {
  color: #428de4 !important; }
  .c-theme-nav li.c-active > a:not(.btn) {
    color: #428de4 !important; }
  .c-theme-nav li.c-active > .c-quick-sidebar-toggler > .c-line {
    background: #428de4 !important; }

.c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li:hover > a {
  color: #428de4 !important; }

.c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li.active {
  border-bottom: 1px solid #428de4 !important; }
  .c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li.active > a {
    color: #428de4 !important; }

.c-theme-nav.nav.nav-tabs > li:hover > a {
  color: #428de4 !important; }

.c-theme-nav.nav.nav-tabs > li.active {
  border-bottom: 1px solid #428de4 !important; }
  .c-theme-nav.nav.nav-tabs > li.active > a {
    color: #428de4 !important; }

.c-theme-ul > li:focus > a:not(.btn), .c-theme-ul > li:active > a:not(.btn), .c-theme-ul > li:hover > a:not(.btn) {
  color: #428de4 !important; }
  .c-theme-ul > li:focus > a:not(.btn) > i, .c-theme-ul > li:active > a:not(.btn) > i, .c-theme-ul > li:hover > a:not(.btn) > i {
    color: #428de4 !important; }

.c-theme-ul > li:focus > button > .c-line, .c-theme-ul > li:active > button > .c-line, .c-theme-ul > li:hover > button > .c-line {
  background: #428de4 !important; }

.c-theme-ul > li.active, .c-theme-ul > li.c-active {
  color: #428de4 !important; }
  .c-theme-ul > li.active > a:not(.btn), .c-theme-ul > li.c-active > a:not(.btn) {
    color: #428de4 !important; }
    .c-theme-ul > li.active > a:not(.btn) > i, .c-theme-ul > li.c-active > a:not(.btn) > i {
      color: #428de4 !important; }

.c-theme-ul-bg > li {
  color: #ffffff;
  background: #428de4 !important; }

.c-theme-font,
.c-theme-color {
  color: #428de4 !important; }
  .c-theme-font > i,
  .c-theme-color > i {
    color: #428de4 !important; }

.c-theme-font-hover:hover {
  color: #428de4 !important; }

.c-theme-bg {
  background-color: #428de4 !important; }
  .c-theme-bg.c-theme-darken {
    background-color: #1e73d5 !important; }

.c-theme-bg-after:after {
  background-color: #428de4 !important; }

.c-theme-bg-before:before {
  background-color: #428de4 !important; }

.c-theme-border-after:after {
  border-color: #428de4 !important; }

.c-theme-border-before:before {
  border-color: #428de4 !important; }

.c-theme-bg-on-hover:hover {
  background-color: #428de4 !important; }

.c-theme-border {
  border-color: #428de4 !important; }

.c-theme-on-hover:hover {
  color: #428de4 !important; }

.c-theme-bg-parent-hover:hover .c-theme-bg-on-parent-hover {
  background-color: #428de4 !important; }

.c-theme-border {
  border-color: #428de4; }

.c-theme-border-top {
  border-top-color: #428de4; }

.c-theme-border-bottom {
  border-bottom-color: #428de4 !important; }

.c-theme-border-left {
  border-left-color: #428de4; }

.c-theme-border-right {
  border-right-color: #428de4; }

.c-content-iconlist-1.c-theme > li:hover i {
  color: #fff;
  background: #428de4; }

.c-content-ver-nav .c-menu.c-theme > li:before {
  color: #428de4; }

.c-content-ver-nav .c-menu.c-theme.c-arrow-dot > li:before {
  background: #428de4; }

.c-content-pagination.c-theme > li:hover > a {
  border-color: #428de4;
  background: #428de4;
  color: #fff; }
  .c-content-pagination.c-theme > li:hover > a > i {
    color: #fff; }

.c-content-pagination.c-theme > li.c-active > span,
.c-content-pagination.c-theme > li.c-active > a {
  border-color: #428de4;
  background: #428de4;
  color: #fff; }
  .c-content-pagination.c-theme > li.c-active > span > i,
  .c-content-pagination.c-theme > li.c-active > a > i {
    color: #fff; }

.c-theme-btn.btn {
  color: #ffffff;
  background: #428de4;
  border-color: #428de4; }
  .c-theme-btn.btn.btn-no-focus:focus, .c-theme-btn.btn.btn-no-focus.focus {
    color: #ffffff;
    background: #428de4;
    border-color: #428de4; }
  .c-theme-btn.btn.btn-no-focus:hover, .c-theme-btn.btn:hover, .c-theme-btn.btn.btn-no-focus:active, .c-theme-btn.btn:active, .c-theme-btn.btn.active,
  .open > .c-theme-btn.btn.dropdown-toggle {
    color: #ffffff;
    background: #2078de;
    border-color: #2078de; }
  .c-theme-btn.btn:active, .c-theme-btn.btn.active,
  .open > .c-theme-btn.btn.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.btn.disabled, .c-theme-btn.btn.disabled:hover, .c-theme-btn.btn.disabled:not(.btn-no-focus):focus, .c-theme-btn.btn.disabled:not(.btn-no-focus).focus, .c-theme-btn.btn.disabled:active, .c-theme-btn.btn.disabled.active, .c-theme-btn.btn[disabled], .c-theme-btn.btn[disabled]:hover, .c-theme-btn.btn[disabled]:not(.btn-no-focus):focus, .c-theme-btn.btn[disabled]:not(.btn-no-focus).focus, .c-theme-btn.btn[disabled]:active, .c-theme-btn.btn[disabled].active,
  fieldset[disabled] .c-theme-btn.btn,
  fieldset[disabled] .c-theme-btn.btn:hover,
  fieldset[disabled] .c-theme-btn.btn:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.btn:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.btn:active,
  fieldset[disabled] .c-theme-btn.btn.active {
    background: #428de4;
    border-color: #428de4; }
  .c-theme-btn.btn .badge {
    color: #428de4;
    background: #ffffff; }

.c-theme-btn.c-btn-border-1x {
  border-color: #428de4;
  border-width: 1px;
  color: #428de4;
  background: none;
  border-color: #428de4; }
  .c-theme-btn.c-btn-border-1x.btn-no-focus:focus, .c-theme-btn.c-btn-border-1x.btn-no-focus.focus {
    color: #428de4;
    background: none;
    border-color: #428de4; }
  .c-theme-btn.c-btn-border-1x.btn-no-focus:hover, .c-theme-btn.c-btn-border-1x:hover, .c-theme-btn.c-btn-border-1x.btn-no-focus:active, .c-theme-btn.c-btn-border-1x:active, .c-theme-btn.c-btn-border-1x.active,
  .open > .c-theme-btn.c-btn-border-1x.dropdown-toggle {
    color: #ffffff;
    background: #428de4;
    border-color: #428de4; }
  .c-theme-btn.c-btn-border-1x:active, .c-theme-btn.c-btn-border-1x.active,
  .open > .c-theme-btn.c-btn-border-1x.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.c-btn-border-1x.disabled, .c-theme-btn.c-btn-border-1x.disabled:hover, .c-theme-btn.c-btn-border-1x.disabled:not(.btn-no-focus):focus, .c-theme-btn.c-btn-border-1x.disabled:not(.btn-no-focus).focus, .c-theme-btn.c-btn-border-1x.disabled:active, .c-theme-btn.c-btn-border-1x.disabled.active, .c-theme-btn.c-btn-border-1x[disabled], .c-theme-btn.c-btn-border-1x[disabled]:hover, .c-theme-btn.c-btn-border-1x[disabled]:not(.btn-no-focus):focus, .c-theme-btn.c-btn-border-1x[disabled]:not(.btn-no-focus).focus, .c-theme-btn.c-btn-border-1x[disabled]:active, .c-theme-btn.c-btn-border-1x[disabled].active,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:hover,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:active,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x.active {
    background: none;
    border-color: #428de4; }
  .c-theme-btn.c-btn-border-1x .badge {
    color: none;
    background: #428de4; }

.c-theme-btn.c-btn-border-2x {
  border-color: #428de4;
  border-width: 2px;
  color: #428de4;
  background: none;
  border-color: #428de4; }
  .c-theme-btn.c-btn-border-2x.btn-no-focus:focus, .c-theme-btn.c-btn-border-2x.btn-no-focus.focus {
    color: #428de4;
    background: none;
    border-color: #428de4; }
  .c-theme-btn.c-btn-border-2x.btn-no-focus:hover, .c-theme-btn.c-btn-border-2x:hover, .c-theme-btn.c-btn-border-2x.btn-no-focus:active, .c-theme-btn.c-btn-border-2x:active, .c-theme-btn.c-btn-border-2x.active,
  .open > .c-theme-btn.c-btn-border-2x.dropdown-toggle {
    color: #ffffff;
    background: #428de4;
    border-color: #428de4; }
  .c-theme-btn.c-btn-border-2x:active, .c-theme-btn.c-btn-border-2x.active,
  .open > .c-theme-btn.c-btn-border-2x.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.c-btn-border-2x.disabled, .c-theme-btn.c-btn-border-2x.disabled:hover, .c-theme-btn.c-btn-border-2x.disabled:not(.btn-no-focus):focus, .c-theme-btn.c-btn-border-2x.disabled:not(.btn-no-focus).focus, .c-theme-btn.c-btn-border-2x.disabled:active, .c-theme-btn.c-btn-border-2x.disabled.active, .c-theme-btn.c-btn-border-2x[disabled], .c-theme-btn.c-btn-border-2x[disabled]:hover, .c-theme-btn.c-btn-border-2x[disabled]:not(.btn-no-focus):focus, .c-theme-btn.c-btn-border-2x[disabled]:not(.btn-no-focus).focus, .c-theme-btn.c-btn-border-2x[disabled]:active, .c-theme-btn.c-btn-border-2x[disabled].active,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:hover,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:active,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x.active {
    background: none;
    border-color: #428de4; }
  .c-theme-btn.c-btn-border-2x .badge {
    color: none;
    background: #428de4; }

.c-theme.form-control:focus, .c-theme.form-control:active, .c-theme.form-control.active {
  border-color: #428de4 !important; }

.c-content-line-icon.c-theme {
  background-image: url(../../../../base/img/content/line-icons/default.png); }

.c-content-list-1.c-theme.c-separator-dot > li:before,
.c-content-list-1.c-theme > li:before {
  background: #428de4; }

.c-content-tab-1.c-theme .nav > li:hover > a, .c-content-tab-1.c-theme .nav > li:focus > a, .c-content-tab-1.c-theme .nav > li:active > a, .c-content-tab-1.c-theme .nav > li.active > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:hover > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:focus > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:active > a,
.c-content-tab-1.c-theme .nav.nav-justified > li.active > a {
  border-bottom-color: #428de4; }

.c-content-tab-2.c-theme > ul > li.active > a > .c-title, .c-content-tab-2.c-theme > ul > li:hover > a > .c-title {
  color: #428de4; }

.c-content-tab-2.c-theme > ul > li.active > a > .c-content-line-icon, .c-content-tab-2.c-theme > ul > li:hover > a > .c-content-line-icon {
  background-image: url(../../../../base/img/content/line-icons/default.png); }

.c-content-tab-5.c-theme .c-nav-tab > li.active > a,
.c-content-tab-5.c-theme .c-nav-tab > li a:hover {
  color: #fff;
  background-color: #428de4; }

.c-content-tab-5.c-theme .c-nav-tab.c-arrow a:hover:after {
  border-left-color: #428de4; }

.c-content-tab-5.c-theme .c-nav-tab.c-arrow .active > a:after {
  border-left-color: #428de4; }

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a {
  background-color: #428de4; }
  .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #ffffff; }
    .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:focus {
      background-color: #428de4; }

.c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body {
  background-color: #428de4; }

.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link:hover > a, .c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.c-active > a, .c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.active > a {
  background: rgba(66, 141, 228, 0.9); }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu li.c-active > a {
  transition: all 0.2s;
  color: #428de4; }
  .c-layout-sidebar-menu.c-theme .c-sidebar-menu li.c-active > a > .c-arrow {
    color: #428de4; }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu li .c-dropdown-menu > li:hover > a {
  color: #428de4; }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu.c-option-2 > li.c-active > a {
  transition: all 0.2s;
  color: #ffffff;
  background-color: #428de4; }
  .c-layout-sidebar-menu.c-theme .c-sidebar-menu.c-option-2 > li.c-active > a > .c-arrow {
    color: #ffffff; }

.c-content-title-4.c-theme .c-line-strike:before {
  border-top: 1px solid #428de4; }

.owl-carousel.c-theme .owl-controls .owl-dot {
  background: #e1e1e1; }
  .owl-carousel.c-theme .owl-controls .owl-dot:hover {
    background: #fff; }
  .owl-carousel.c-theme .owl-controls .owl-dot.active {
    background: #428de4; }

.cbp-l-filters-button .cbp-filter-counter,
.cbp-l-filters-buttonCenter .cbp-filter-counter {
  background-color: #428de4; }
  .cbp-l-filters-button .cbp-filter-counter:before,
  .cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    border-top: 4px solid #428de4; }

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
  color: #428de4; }

.cbp-l-filters-alignCenter .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-counter {
  background: none repeat scroll 0 0 #428de4; }
  .cbp-l-filters-alignCenter .cbp-filter-counter:before,
  .cbp-l-filters-text .cbp-filter-counter:before {
    border-top: 4px solid #428de4; }

.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
  border-bottom-color: #428de4; }

.cbp-l-project-desc-title:before,
.cbp-l-project-details-title:before {
  background: #428de4; }

.tp-bullets.round.c-theme .bullet {
  margin-right: 5px; }
  .tp-bullets.round.c-theme .bullet.selected {
    background: #428de4; }

.tp-banner-container.c-theme .tparrows.circle {
  background-image: url(../../../../base/img/content/line-icons/default.png); }