/* Enter Your Custom CSS Here */

.top-nav {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.dashicons, .dashicons-before:before {
    width: 40px !important;
    height: 40px !important;
    font-size: 40px !important;
    line-height: 20px !important;
    margin-right: 6px !important;
}

.header-top .navbar-nav > li > a {
    font-family: Montserrat !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 20px !important;
    color: #fff !important;
}

.social-links li a {
    color: #ffffff !important;
    width: 45px !important;
    height: 45px !important;
    background-color: transparent !important;
    border: 2px solid;
    display: block !important;
    text-align: center !important;
    font-size: 26px !important;
    margin: 0 0px 0px 0 !important;
    margin-top: 3px !important;
}

.header-extras {
    float: right !important;
    margin-top: 10px !important;
    margin-left: -75px !important;
}

.header-extras li {
    margin-left: 30px !important;
    height: 70px !important;
}

.header-extras li i {
    margin-top: 8px !important;
    font-size: 50px !important;
}

.header-extras li .he-text {
    float: left !important;
    padding-left: 10px !important;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    text-align: left !important;
}

.header-extras li .he-text strong {color: #999 !important;}

.header-top .navbar-nav > li > a:hover {color: #f2f3f7 !important;}
.header-top.custom .social-links li a {color: #fff !important;}

img#logo.img-responsive {margin-top:60px !important;}

.logo a:hover, .logo img:hover {opacity: 1 !important;}

.main-navigation .navbar-nav > li > a {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 20px !important;
}

.fixed-header-on .custom.main-navigation.fixed {
    background-color: #222222 !important;
}

/*div.he-text img {
  width: 768px !important;
  height: 90px !important;
  margin-top: -20px !important;
}*/

.triangle {
    width: 0px !important;
    height: 0px !important;
    border-style: solid !important;
    border-width: 0 50px 50px 0 !important;
    width: 50px !important;
    display: inline !important;
    border-color: transparent #f2f3f7 transparent transparent !important;
    position: relative !important;
}

img.hdr-fb-btn {
  float: none !important;
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.triangle i {
    color: #dbc693 !important;
    font-size: 20px !important;
}

.list-triangle li {
    font-family: Lato !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    line-height: 32px !important;
}

.list-triangle li i {
    color: #17299c !important;
    top: 14px !important;
}

.divider.divider-border i {
    line-height: 38px !important;
    background-color: transparent !important;
    border: 1px solid #222 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    color: #17299c !important;
}

.tp-bannertimer {background-color: transparent !important;}

.feature-box .fbox-desc h2 {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    color: #222 !important;
}

.page-id-8 .feature-box .fbox-desc h2 {
    font-family: Montserrat !important;
    font-weight: 500 !important;
    font-size: 28px !important;
    color: #dbc693 !important;
}

.feature-box span.subtitle {font-size: 18px !important;}

.feature-box .fbox-desc .btn {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    background-color: #17299c !important;
    border-color: #17299c !important;
    color: #fff !important;
    padding: 8px !important;
    border-radius: 0px !important;
}
 
.feature-box .fbox-desc .btn:hover {
    background-color: #222222 !important;
    border-color: #222222 !important;
    color: #fff !important;
}

.dark-translucent-bg:after {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.btn.btn-lg {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    background-color: #17299c !important;
    border-color: #fff !important;
    color: #fff !important;
    padding: 12px !important;
}

.btn.btn-lg:hover {
    background-color: #222222 !important;
    border-color: #fff !important;
    color: #ffffff !important;
}

.btn.btn-sm {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    background-color: #dbc693 !important;
    border-color: #fff !important;
    color: #fff !important;
}

.btn.btn-sm:hover {
    background-color: #17299c !important;
    border-color: #fff !important;
    color: #ffffff !important;
}

.btn i {font-size: 22px !important;}

.form {margin-top: -50px !important;}

.form-wrapper.contact-form input[type=submit] {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    background-color: #dbc693 !important;
    border-color: #dbc693 !important;
    color: #fff !important;
}

.form-wrapper.contact-form input[type=submit]:hover {
    background-color: #17299c !important;
    border-color: #17299c !important;
    color: #ffffff !important;
}

input[type=submit] {border-radius: 0px !important;}

.owl-item .caption {display: none !important;}
.mfp-title {display: none !important;}
.mask-wrapper:hover .mask .triangle {display: none !important;}

.testimonials blockquote p {font-size: 20px !important;}

.clients-grid li a {opacity: 1 !important;}

.social-links.large li a {
    font-size: 32px !important;
    width: 65px !important;
    height: 65px !important;
    margin: 0 10px 10px 0 !important;
    color: #dbc693 !important;
}

.social-links.large li a:hover {
  background-color: #17299c !important;
  border-color: #17299c !important;
  color: #fff !important;
}

.wrap-forms label {font-size: 18px !important;}
.wrap-forms input {font-size: 18px !important;}
.wrap-forms select {font-size: 18px !important;}
.wrap-forms textarea {font-size: 18px !important; resize:none !important;}

.custom-footer .footer h2 {
  color: #222222 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.footer {font-size: 18px !important;}

.footer .heading {margin-top: 10px !important;}

.footer h2 {font-size: 22px !important;}

.footer .info li {
    padding-bottom: 10px !important;
    font-size: 18px !important;
}

.footer .btn i {font-size: 14px !important;}

.subfooter {
    background-color: #17299c !important;
    padding: 20px 0 !important;
    font-size: 18px !important;
    text-transform: none !important;
    font-family: Lato !important;
}

.custom-footer .footer-content .nav-pills > li > a, .custom-footer .footer-content .nav-pills > li.active {border:none !important;}

.footer-content .nav-pills > li > a {
    color: #17299c !important;
    padding: 7px 5px 7px 0px !important;
}

.nav-pills.nav-stacked > li > a:after {display:none !important;}

ul#menu-footer-menu.nav-pills.nav-stacked .dashicons, .dashicons-before:before {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    line-height: 20px !important;
    margin-right: 0px !important;
    margin-top: 3px !important;
    color: #222222 !important;
}

.footer strong {color:#222222 !important;}

.footer .info li {
    margin-left: -25px !important;
}

.footer .info i {
    padding-right: 10px !important;
    color: #222222 !important;
    font-size: 22px !important;
}

.footer #menu-footer-menu i {color: #222222 !important;}

.footer .social-links li a {
  margin: 5px !important;
  color: #17299c !important;
}

.footer .social-links li a:hover {
  background-color: #222222 !important;
  border-color: #fff !important;
  color: #fff !important;
}

.footer-left a, .footer-right a {
  color: #999999 !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

.scrollToTop {
  background-color: #17299c !important;
  border: 2px solid #fff !important;
}

.scrollToTop i {
    line-height: 42px !important;
    font-size: 40px !important;
}

/**---------------- Begin Responsive Contact Form ----------------**/

#responsive-form {
	max-width:650px !important;
	margin:0 auto !important;
    width:100% !important;
}
.form-row {
	width: 100% !important;
}
.column-half, .column-full {
	float: left !important;
	position: relative !important;
	padding: 0.65rem !important;
	width:100% !important;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.clearfix:after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

.wpcf7 span.wpcf7-form-control-wrap {width: 100% !important;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
	width: 100% !important;
   	padding: 8px !important;
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
    font-size: 18px !important;
    font-family: Lato !important;
    font-weight: 400 !important;
    color: #211e1f !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.wpcf7 input[type="text"]:focus {
	background: #fff !important;
}
.wpcf7-submit {
	float: right !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
	background: #17299c !important;
    font-size: 20px !important;
    font-family: Montserrat !important;
    font-weight: 700 !important;
	color: #fff !important;
	text-transform: uppercase !important;
	border: 1px solid #fff !important;
	padding: 8px 20px !important;
	cursor: pointer !important;
    text-shadow: 1px 1px 5px #000 !important;
}
.wpcf7-submit:hover {
	background: #222222 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.contact-submit-btn {
  float:none !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  position: relative !important;
}

.captcha {
  float:none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}

input[type="text"], input[type="email"], input[type="password"], textarea {background-color: #fff !important;}

.custom-textarea {resize:none !important;}
.message-textarea {height:200px !important;}

span.wpcf7-not-valid-tip {
	text-shadow: none !important;
	font-size: 16px !important;
	color: #fff !important;
	background: red !important;
	padding: 5px !important;
}
div.wpcf7-validation-errors {
	text-shadow: none !important;
	border-color: red !important;
	background: red !important;
	padding: 5px !important;
	color: #fff !important;
	text-align: center !important;
	margin: 0 !important;
    font-family: Lato !important;
	font-size: 18px !important;
}
div.wpcf7-mail-sent-ok {
	text-align: center !important;
	text-shadow: none !important;
	padding: 5px !important;
    font-family: Lato !important;
	font-size: 18px !important;
	background: green !important;
	border-color: green !important;
	color: #fff !important;
	margin: 0 !important;
}

@media only screen and (min-width: 48em) {
	.column-half{width: 50% !important;}
}

/**---------------- End Responsive Contact Form ----------------**/

.nks_cc_trigger_tabs .fa {border: 1px solid #fff !important;}
.nks_cc_trigger_tabs {z-index: 999 !important;}
.nks_cc_trigger_tabs .nks-tab:after {
    font-family: Montserrat !important;
    font-weight: 400 !important;
    font-size: 18px !important;
  	color: #fff !important;
    border: 1px solid #fff !important;
}

/* Mobile Responsive CSS */

@media only screen and (max-width: 991px) and (orientation:portrait) {
   header.header .logo img {margin-bottom: 100px !important;}
   div.he-text img {margin-top: 20px !important;}
  .header-extras {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .header-extras li {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    height: auto !important;
    width: 100% !important;
  }
  .header-extras li i {
    float: none !important;
    display: block !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .header-top .navbar-nav > li > a {padding: 10px 15px !important;}
  .free-estimate-btn {display: none !important;}
  .header-extras li .he-text {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-size: 19px !important;
  }
.cta-block {background-size: cover !important;}
div#features-default-carousel.carousel-clients.features-item img.img-responsive {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
.footer img.image.wp-image-1452.attachment-full.size-full {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .footer-right {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .scrollToTop i {
    line-height: 35px !important;
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 991px) and (orientation:landscape) {
  header.header .logo img {margin-bottom: 100px !important;}
   div.he-text img {margin-top: 20px !important;}
  .header-extras {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .header-extras li {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    height: auto !important;
    width: 100% !important;
  }
  .header-extras li i {
    float: none !important;
    display: block !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .header-top .navbar-nav > li > a {padding: 10px 15px !important;}
  .free-estimate-btn {display: none !important;}
  .header-extras li .he-text {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-size: 26px !important;
  }
.cta-block {background-size: cover !important;}
div#features-default-carousel.carousel-clients.features-item img.img-responsive {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
.footer img.image.wp-image-1452.attachment-full.size-full {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .footer-right {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .scrollToTop i {
    line-height: 35px !important;
    font-size: 30px !important;
  }
}

@media only screen and (min-width: 991px) {
  header.has-extra .logo a {height: auto !important;}
}

@media only screen and (max-width: 1199px) {
  .tp-caption:not(.fullgradient_overlay) {margin-left: 0px !important;}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.top-nav {margin-top:10px !important;}
.header-top .navbar-nav > li > a {font-size: 18px !important;}
.header-top .social-links {margin-right: 0px !important;}
.header-extras li .he-text {
    font-size: 19px !important;
    line-height: 28px !important;
  }
.free-estimate-btn {display:none !important;}
}

@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
.top-nav {margin-top:10px !important;}
.header-top .navbar-nav > li > a {font-size: 18px !important;}
.header-top .social-links {margin-right: 0px !important;}
.header-extras li .he-text {
    font-size: 19px !important;
    line-height: 28px !important;
  }
.free-estimate-btn {display:none !important;}
}