/*
Theme Name: Our Own System Inc
Theme URI: http://components.underscores.me/
Author: Custom Virtual Solutions
Author URI: https://customvs.com/
Description: A custom wordpress theme for Our Own System Inc
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scwd
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Our Own System Inc is created by the theme generator at http://components.underscores.me/, (C) 2015-2016 Automattic, Inc.
Components is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Exo:400,700|Montserrat:400,700|Titillium+Web:400,600,700');

html { font-size: 16px; /* 1em */ }
body { font-family: "Montserrat", sans-serif; min-width: 1200px;}
a, a:visited { color: #2980B9;
  -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	   -o-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out; }
a:hover { color: #19B798; text-decoration: none!important; }

.h1, .h2, .h3, h1, h2, h3, h4, h5 { margin-top: 0; font-family: 'Titillium Web';}

.font-weight-bold { font-weight: 700;}

/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site { margin: 0 auto; max-width: 100%; }

.full { width: 100%; }
.main { /*max-width: 1920px;*/ }
.container, .container-fluid { max-width: 1200px; }
.entry-content {margin: 0;}
.so-panel, .panel-grid {margin-bottom: 0!important;}
.hentry {margin-bottom: 0;}
.alignCenter {text-align: center!important}
.grecaptcha-badge {z-index: 99999;}
/*forms*/
.ctc-form {margin: 0 auto;text-align: center;}
/*.ctc-form label {font-size: 14px; font-family: "Raleway"; font-style: italic; color: #fff; text-align: left; font-weight: 400;}*/
.ctc-form input:not([type="checkbox"]),.ctc-form textarea {font-family:Arial;font-size: 16px;color:#000;height:45px;display: block;width: 100%;border:1px solid #ddd;padding: 5px 10px;box-sizing: border-box; border-radius: 3px;}
.ctc-form textarea {height: 120px!important; padding-top:10px;}
.ctc-form input[type="submit"]{color: #fff; font-size: 15px; font-weight: 700; max-width: 160px; margin: 15px auto 0; background: #6A1DDC; transition: all ease 0.5s; border: 1px solid #6A1DDC;}
.ctc-form input[type="submit"]:hover {background: transparent; color: #6A1DDC; box-shadow: 0px 0px 10px #6A1DDC;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha div {margin: 0 auto;}
.ctc-form p {margin: 0;}
.ctc-form label {width: 100%;}
.ctc-hide {display: none;}
::-webkit-input-placeholder {font-weight: 400;}
::-moz-placeholder {font-weight: 400;}
:-ms-input-placeholder {font-weight: 400;}
:-moz-placeholder {font-weight: 400;}
.inConBox {max-width: 550px; margin: 0 auto;}
ul .menu-item {display: inline-block!important; width: auto!important;}
ul#wprmenu_menu_ul .menu-item {width: 100%!important; display: block!important;}
#wprmenu_bar {width: 100%!important;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {background: #320E69;}
	.custom-logo { max-width: 465px; width: 100%;}

.site-title {font-size: 2.5em; /*40px*/ }
.site-description { font-size: 1.125em; /*18px*/ font-weight: 400; margin: 10px 0; }
.site-header .hd-right {margin: 0;color: #fff; float: right; padding-top: 50px;font-weight: 500; max-width: 300px; text-align: center;}
.site-header .hd-right p {margin: 5px 0;}
.site-header .hd-right p a {color: #fff; transition: all ease 0.5s;}
.site-header .hd-right p a:hover {color: #6A1DDC;}
.site-header .hd-right p i {padding-right: 10px;}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Menu
--------------------------------------------------------------*/
.skip-link.screen-reader-text { padding: 0; }


/* Sub Menu */
.main-navigation ul ul { border-radius: 0 0 3px 3px; top: 100%; }
/*.main-navigation .sub-menu a { width: 260px; }
.main-navigation .sub-menu li { border-top: 1px solid #ccc; }
.main-navigation .sub-menu li:last-child a:hover { border-radius: 0 0 3px 3px; } */
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation {clear: both; color: #fff; display: block; width: 100%; text-align: center;}
.main-navigation, .main-navigation ul li > ul, .main-navigation ul li:hover > ul {}
.main-navigation ul { list-style: none; margin: 10px 0; padding-left: 0; }
.main-navigation li { float: none; display: inline-block;vertical-align: middle; position: relative; }
.main-navigation a {color: #fff;font-size: 0.665em;font-weight: 700;display: inline-block;padding: 0px 10px; border-right: 1px solid #6A1DDC;}
.main-navigation li:first-of-type a {border-left: 1px solid #6A1DDC;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {color:#6A1DDC;font-weight: 700;}

/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
#banner {position: relative; background: #320E69; }
#banner .bnContainer {max-width: 1440px; position: relative; z-index: 10; margin: 0 auto; padding-bottom: 5px}
#banner .img-banner {right: 120px; position: absolute;}
#banner .img-banner img {width: 100%; min-width: 1400px;}
#banner .in {color: #fff; padding: 395px 0 65px 40px; position: relative; z-index: 999; text-align: left;}
#banner .in p.top {font-family: 'Exo', sans-serif;font-weight:700;font-size: 40px; padding: 0; margin: 0;}
#banner .in p.bottom {font-family: 'Exo', sans-serif;font-weight:700;font-size: 25px; padding: 0; margin: 0;}
#banner .button{font-family: 'Montserrat', sans-serif; letter-spacing: 3px; font-weight: 400;border-color: #D53D30;color: #fff;background-color: #D53D30;padding: 21px 15px; width: 291px; z-index: 999; position: relative;}
#banner .button a {color: #fff;}
.bn-left {position: absolute; top: 120px; left: 50px; transition: all ease 0.5s;}
.bn-left .social-navigation li {display: block!important;margin: 20px 0;}
.bn-left .social-navigation li a {color: #fff; transition: all ease 0.5s; text-shadow: 0px 0px 10px #320E69;}
.bn-left .social-navigation li a:hover {color: #6A1DDC;}

#botBanner {margin-top: -95px; position: relative; background: url(assets/images/bnCnBg.jpg) no-repeat center center; background-size: cover;}
.bnImages {text-align: right; margin-right: -230px;}
.bnImages img {display: inline-block; padding: 10px; position: relative; z-index: 11;}
.bannerContent {padding-top: 0; padding-bottom: 115px; color: #fff;}
.bannerContent h2 {font-family: 'Titillium Web', sans-serif;font-weight: 700; font-size:40px; line-height: 1.2; float: left; text-align: right; }
.bannerContent p {font-family: 'Montserrat', sans-serif;font-weight: 400; font-size: 16px;line-height: 160%;}
.bannerContent a {display: block; padding-top: 39px;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 16px; color: #fff; display: block; letter-spacing:4px;}

/*--------------------------------------------------------------
# Primary / Content Area
--------------------------------------------------------------*/
.content-area {  }
.site-content .container-fluid { padding-left: 0; padding-right: 0; }

/*content*/
#content {background:transparent url(assets/images/cn-bg.jpg) no-repeat top center ; background-size: 100% 100%; position: relative;}
#content .btn img {padding-left: 20px;}
#content .image img{box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);}
#content .econ {float: left; padding-top: 40px;padding-bottom: 55px;}
#content .econ h2 {text-align: center; font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 40px; color: #1B1B1B;}
#content .econ p {font-family: 'Montserrat', sans-serif;font-weight: 500;line-height: 160%;color: #666;font-size: 16px;text-align: left;}
#content .econ a {margin-right: 64%;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size:16px;color:#1A1A1A;letter-spacing:4px;}
#content .econ .image {margin-top: -200px;}
#content .emp {position: relative; margin: 20px 0 40px;}
#content .emp-msg {background: #320E69;color: #fff;position: absolute; left: 40px;bottom: -10px;text-align: left;padding: 50px 18px 10px;}
#content .emp-msg h2 {font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 40px; color: #fff;}
#content .emp-msg p {max-width: 625px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif;font-weight: 400;line-height: 160%;color: #fff;font-size: 16px;}
#content .emp-msg a {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 16px;color: #fff;}
#content .emp-msg a img {width: auto;}
/*#content .dev img {background:  url(../images/common/cn-bg.jpg) no-repeat right 204px top 120px; padding-right: 17%; }*/
/*#content .dev img {padding-right: 17%; transition: all ease 0.5s;}*/
#content .dev-msg {padding-top: 80px;}
#content .dev-msg h2 {font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 40px; color: #5E503F;}
#content .dev-msg p {max-width: 535px; font-family: 'Montserrat', sans-serif;font-weight: 500;line-height: 160%;color: #666;font-size: 15px;}
#content .dev-msg a {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 16px;color: #1A1A1A;}
#content .dev .image {margin-bottom: -100px;}
.division-header h2, .state-header h2 {font-family: 'Titillium Web'; font-weight: 700; font-size: 35px; color: #1B1B1B;}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
#about{background: url(assets/images/cn-bg2a.jpg) no-repeat top left; background-size: cover; min-height: 810px;margin-top: -50px; padding: 180px 0 60px;}
#about .abt {color: #fff; padding-bottom: 28px; text-align: center;}
#about .abt h2{font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 40px;color:#fff;}
#about .abt p{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #ccc;font-size: 14px;}
#about a img {padding-left: 20px; }
#about .abt-cn {color: #fff;}
#about .abt-cn h3{font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 25px; color: #fff; margin-top: 10px;}
#about .abt-cn p{font-family: 'Montserrat', sans-serif;font-weight: 500;color: #fff;font-size: 15px; min-height: 135px;}
#about .abt-cn a{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #fff;font-size: 16px;}
#about .abt-cn a img {width: auto;}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
#contact {background: url(assets/images/cn-bg.jpg) no-repeat top center;  background-size: 100% auto; padding: 30px 0;}
#contact h2 {font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 40px;color: #5E503F;}
#contact img { width: 80%; max-width: 300px; margin: 0 auto 20px; }
.conBox {text-align: center; max-width: 600px; margin: -180px auto 0; padding: 20px 30px; background: #fff; box-shadow: 0px 0px 10px #000;}
.conBox .g-recaptcha div{margin: 0 auto;}


/*--------------------------------------------------------------
# Map
--------------------------------------------------------------*/
#map {border-top: 10px solid #6A1DDC;}
#map iframe{border:0; display: block; padding:0; margin: 0;}

/*--------------------------------------------------------------
# Secondary / Sidebar
--------------------------------------------------------------*/
.secondary { font-size: 16px; line-height: 1.6; padding: 40px 0;}
#secondary .widget ul{list-style-type: disc; margin:0 auto; padding-left: 40px; box-sizing: border-box;}
#secondary .widget ul li{border:0;}
#secondary .widget h3{font-weight: 700;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {background: #320E69;padding: 26px 0; color: #fff; border-top: #6A1DDC 10px solid; text-align: center;}
.site-footer a {color: #fff; transition: all ease 0.5s;}
.site-footer a:hover {color:#6A1DDC;}
.ftInfo {margin-top: 20px;}
.ftInfo i {padding-right: 10px; font-size: 25px}
.ftInfo .social-navigation li a {font-size: 13px;}
.ftInfo .ftAddress a{font-size: 13px; margin-left: 10px;}
/* Footer Navigation */
.footer-navigation {clear: both; color: #fff; display: block; width: 100%; text-align: center;}
.footer-navigation ul { list-style: none; margin: 10px 0; padding-left: 0; }
.footer-navigation li { float: none; display: inline-block;vertical-align: middle; position: relative; }
.footer-navigation a {color: #fff;font-size: 0.65em;font-weight: 700;display: inline-block;padding: 0px 8px; border-right: 1px solid #fff;}
.footer-navigation li:first-of-type a {border-left: 1px solid #fff;}
.footer-navigation a:hover, .footer-navigation .current-menu-item > a, .footer-navigation .current-menu-ancestor > a {color:#6A1DDC; font-weight: 700;}

/* Site Info */
.site-info {color: #fff; font-size: 0.875em; font-weight: 300; padding: 10px 0;  }
.site-info p {margin-bottom: 0;}
.site-info .copy{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #fff; font-size: 14px;}
.site-info .silver{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #fff; font-size: 14px;}
.site-info .silver img {display: inline-block;vertical-align: middle;max-width: 50px}

/*--------------------------------------------------------------
# Inner Pages
--------------------------------------------------------------*/
#content.blog {background: none;}
#secondary {padding-left: 40px;}
.blg-single {padding: 25px 0; border-bottom: 1px solid #6A1DDC;}
.blg-date {width: 120px; padding: 5px 10px; box-sizing: border-box; background: #6A1DDC; color: #FFF; margin-bottom: 20px;}
.blg-title a {color: #6A1DDC;}
.inner #content {background: #fff; text-align: left; min-height: 400px; padding: 40px 0;}
.inner #content .entry-title {text-align: center; font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 35px; color: #1B1B1B; padding-bottom: 20px; background: url(assets/images/line.jpg)no-repeat center bottom;}
.inner #content h1 {line-height: 120%; margin-bottom: 20px;}
.inner #content h1 span {display: block; font-size: 28px;}
.text-primary {color: #6A1DDC!important;}

.inner .topImg img {margin-bottom: 20px;}
.inContentBox {max-width: 95%; margin: 0 2.5%;}
.inEmp p {text-align: justify;}
/*.inDonBot {text-align: right; margin-top: 30px;}
.inDonBot ul {text-align: left;}*/
.inDonBot h2 {text-align: center;}
.inGreeting h5 {font-size: 22px; font-weight: 700;}
.inGreeting p {text-indent: 50px;}

/*gallery*/
.ngg-galleryoverview {text-align: center;}
.ngg-gallery-thumbnail-box {float: none!important; display: inline-block; vertical-align: top;}

/*testimonials*/
.wpcr3_in_content .wpcr3_dotline {display: none!important;}
.wpcr3_review {padding: 20px 10px; box-shadow: 0px 0px 10px grey; border-top: 5px solid #238C00; margin: 15px auto 20px;}
.wpcr3_review blockquote {border-left: none;}
.wpcr3_review .wpcr3_content {padding-bottom: 10px!important;}

.page-id-9 .content-area h4 {color: #320E69; font-weight: 700;}
#accordions-222 .accordion-content {color: #fff!important;background: #320e69!important;}

.cta { display: none;}

/*post page */
.blog h2{background: url(assets/images/line.jpg)no-repeat left bottom; padding: 0 0 20px;}
.blog h2 a{color: #000;}
.blog h2 a:hover{color: #6A1DDC;}

/* dropdown */
.main-navigation ul li > ul {margin: 0; background: #6A1DDC; padding-bottom: 5px;}
.main-navigation ul li > ul li a {color: #FFF !important; border: none !important;}
.main-navigation ul li > ul li a:hover {color: #FFF !important;}


/*modification codes*/
#front_page_h1{font-family: 'Titillium Web', sans-serif; font-size: 40px; color: #fff; text-align: center; /*margin-bottom: -30px;*/ font-weight: 700;}


@media screen and (max-width: 1200px){html {overflow-x: auto;}}

@media screen and (max-width: 1024px){
	html {overflow-x: hidden;}
	body {min-width: 320px;}

	.site-header .hd-right {padding-top: 20px;}
	.main-navigation a {padding: 0 5px; font-size: 0.58em;}

	#front_page_h1 {margin-bottom: 0;}

	#banner .container-fluid {padding: 0;}
	#banner .img-banner {position: static; width: 100%;}
	#banner .img-banner img {min-width: auto;}
	#banner .in {padding: 10px 0; text-align: center;}
	#banner .button {margin: 0 auto;}
	.bn-left {top: 5%; left: 10px;}

	#botBanner {margin-top: 0px; padding-top: 20px;}
	.bnImages {margin: 0; text-align: center;}
	.bannerContent {padding: 10px 10px 75px !important; box-sizing: border-box;}
	.bannerContent h2 {font-size: 35px;}
   	.so-widget-sow-image-default-2ec334f0a340 .sow-image-container {justify-content: center !important;}

	.ftInfo div {width: 100%;}
	.footer-navigation a {padding: 0 4px; font-size: 0.58em;}
}

@media screen and (max-width: 780px){
	#wprmenu_bar .menu_title a {color: #fff!important;}
	.hdTop {padding: 10px 0;}
	.hd-left, .hd-right {float: none!important; width: 100%; text-align: center;}
	.hd-left {margin: 0 auto;}
	.hd-right {margin: 0 auto!important;}
	.wpr_submit {top: 45%!important;}

	.bannerContent, .bannerContent h2 {text-align: center;}
	.bannerContent a {padding-top: 0px;}

	#content .econ {padding: 20px 0;}
	#content .econ a {margin: 0 auto}
	#content .econ .image {margin-top: -70px;}
	#content .econ .image img {margin: 0 auto;}
	#content .econBox {background: rgba(255,255,255,0.4); text-align: center;}
	#content .econBox p {color: #000; text-align: center;}
	#content .emp {margin: 0;}
	#content .emp-msg {position: static; text-align: center;}
	#content .dev-msg {background: rgba(255,255,255,0.4); text-align: center; padding: 20px 0; margin-top: 15px;}
	#content .dev-msg p {color: #000; max-width: 100%;}
	#content .dev .image .sow-image-container {text-align: center;}

	#about {text-align: center;}
	#about .abt-cn p {min-height: auto;}
	#about .sow-image-container img {margin: 0 auto;}

	.conBox {margin: -80px auto 0;}

	.inDon .sow-image-container img{margin: 0 auto;}

	.inGreeting .alignright {float: none; margin: 0 auto;}
	.inGreeting .noIndent {text-align: center!important; text-indent: 0px!important;}


	.cta{background: #6A1DDC url("assets/images/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top: 2px solid #320e69 ;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}
}

@media screen and (max-width: 677px){
	.inEmp .alignCenter img {margin: 5px auto; width: 100%; max-width: 320px; display: block;}
}

@media screen and (max-width: 600px){
	.bn-left {position: static; margin-top: 10px; text-align: center;}
	.bn-left .social-navigation ul {margin-bottom: 0px;}
	.bn-left .social-navigation li {display: inline-block!important; margin: 5px;}
	.bannerContent h2 {font-size: 30px;}
	#banner .in p.top {font-size: 35px;}
	#banner .in p.bottom {font-size: 21px;}
}

@media screen and (max-width: 480px){
	#map iframe {height: 250px;}
	#banner .in p.top {font-size: 29px; line-height: 1;}
	#banner .in p.bottom {font-size: 14px; padding-bottom: 10px;}

	.inner h2 {font-size: 25px;}
	.inGreeting h5 {font-size: 18px;}
}

@media screen and (max-width: 400px){
	.conBox {padding: 20px 10px}
	.conBox .ctc-form .g-recaptcha div {transform: scale(0.9);}
	.bannerContent h2 {font-size: 23px;}
	.inner #content h1, #contact h2, #about .abt h2, #content .dev-msg h2, #content .econ h2, #content .emp-msg h2 {font-size: 34px;}
}

@media screen and (max-width: 320px){
	html{overflow-x: auto;}
	.conBox .ctc-form .g-recaptcha {margin-left: -15px;}
}