/*
Theme Name: Highland Theme
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800');
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-family: 'Open Sans', sans-serif; color: #515151; font-size: 13px; margin: 0; padding: 0; }
h1 { font-family: 'Montserrat', sans-serif; }
img { max-width: 100%; }
li, ul { margin: 0; padding: 0; list-style: none; }
a { color: #515151; text-decoration: none; }
.full-width { width: 100%; float: left; }
.container { max-width: 1170px; margin: 0 auto; z-index:5;}
.header-top { background: #f7f7f7; position: relative; }
/*.header-top::after { background: #004281; position: absolute; right: 0; content: ""; height: 42px; width: 22%; }*/
.header-top .left-area ul li { font-size: 13px; font-family: 'Montserrat', sans-serif; float: left; margin-right: 20px; font-weight: 400; }
.header-top .left-area ul li i { margin-right: 10px; }
.header-top .left-area { width: 60%; float: left; padding: 12px 15px; }
.header-top .right-area { width: 40%; float: right; background: url(images/arrow.png) 0 1px no-repeat #004281; padding: 12px 15px; text-align: center; }
.header-top .right-area ul li { display: inline-block; color: #fff; font-size: 13px; font-family: 'Montserrat', sans-serif; padding: 0 8px; font-weight: 400; line-height: 13px; }
.header-top .right-area ul li:first-child { border-right: solid 1px #fff; }
.header-top .right-area ul li a { color: #fff; }
.header-top .right-area ul li a:hover { color: #6CF; }
.header { padding: 20px 15px; position: relative; }
.header .logo { float: left; width: 187px; }
.header .menu-area { float: right; width: 60%; text-align: right; padding-top: 22px; }
.header .menu-area ul li { display: inline-block; margin-left: 15px; }
.header .menu-area ul li a { font-size: 13px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; font-weight: 600; }
.header .menu-area ul li a:hover { color: #004281; }
.secondary-blue{position: absolute; right: 0; display: inline-block; height: 42px; background-color: #004281; width: calc( 0.5 * ( 100% - 1170px));}
.newsMenu {float:right; padding-top: 15px;}
.newsMenu a{color: #004281; font-size: 2.2em; margin-right: 30px; font-weight: bold;}
.newsMenu a:hover{color:lightblue}
.banner ul li { width: 100%; float: left; }
.banner ul li.right .slider-text { right: inherit; left: 0; }
.banner ul li .slider-text { position: absolute; top: 0; bottom: 0; right: 0; width: 37.5%; background: #20486e; padding: 0% 5%; text-align: center; display: flex; flex-wrap: wrap; align-content: center; }
.banner ul li .slider-text p { color: #ffffff; font-size: 2vw; font-weight: 600; margin: 0px; }
.banner ul li .slider-text .text {
	flex: 0 0 100%;
}
#owl-demo .item img { display: block; width: 100%; height: auto; }
.main-area { padding: 50px 0 10px; }
.who-we-are { text-align: center; background: #fff; padding: 0 15px; }
.who-we-are h1 { margin: 0; font-size: 30px; text-transform: uppercase; color: #004281; font-weight: 400; margin-bottom: 14px; }
.who-we-are h6, .who-we-are p { margin: 0; font-size: 18px; color: #515151; font-weight: 700; }
.who-we-are > p { font-weight: 300; line-height: 28px; letter-spacing: 0.5px; padding: 0 122px; }
.our-service { padding: 26px 0; }
.our-service ul li { width: 100%; border: solid 1px #dddddd; float: left; padding: 44px 30px; text-align: center; border-radius: 5px; min-height: 433px; }
.our-service ul li:nth-child(2) { margin: 0 2.4%; }
.our-service ul li .image { width: 100%; float: left; text-align: center; padding-bottom: 32px; position: relative; }
.our-service ul li .image:after { position: absolute; left: 50%; bottom: -3px; width: 30px; height: 2px; background: #dddddd; transform: translate(-50%, 0); content: ""; }
.our-service ul li .image span { width: 100px; height: 100px; display: inline-block; border: solid 1px #dddddd; border-radius: 100px; }
.our-service ul li .image span i { line-height: 100px; font-size: 30px; }
.our-service ul li h3 { font-size: 18px; color: #515151; text-transform: uppercase; font-weight: 600; font-family: 'Montserrat', sans-serif; width: 100%; float: left; margin: 31px 0 17px; }
.our-service ul li p { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; }
.our-service ul li:hover { border: solid 1px #999999; }
.our-service ul li:hover i { color: #004281; }
.our-service ul li:hover h3 { color: #004281; }
.request-call { padding: 60px 15px; background: #f7f7f7; }
.request-call .call-area { padding-left: 340px; background: url(images/telephone.png) 0 center no-repeat; }
.request-call .call-area h3 { font-size: 16px; color: #999999; font-weight: 600; text-transform: uppercase; margin: 0; letter-spacing: 1px; position: relative; }
.request-call .call-area h3::after { width: 146px; height: 1px; background: #999; content: ""; left: 211px; top: 10px; position: absolute; }
.request-call .call-area h1 { color: #004281; font-size: 30px; text-transform: uppercase; margin: 7px 0; font-weight: 500; }
.request-call .call-area p { font-size: 14px; color: #515151; margin-top: 20px; }
.request-call .call-area .form-area { margin-top: 46px; }
.request-call .call-area .form-area ul li { width: 31%; float: left; margin-right: 2%; height: 52px; margin-bottom: 21px; }
.request-call .call-area .form-area input, .request-call .call-area .form-area textarea { width: 100%; height: 50px; border: solid 1px #dddddd; border-radius: 5px; padding: 15px; font-size: 14px; color: #999999; font-family: 'Open Sans', sans-serif; }

.request-call .call-area .form-area button[type="submit"] { height: 50px; border-radius: 5px; background: #004281; text-align: center; font-size: 14px; color: #999999; font-family: 'Open Sans', sans-serif; padding: 15px; width: 66%; float: left; color: #fff; border: none; cursor: pointer; }
.footer-area { background: #004281; }
.footer-area .col-sm-4 { width: 25%; float: left; padding: 53px 20px; }
.footer-area .col-sm-4 .address, .footer-area .col-sm-4 .logo { width: 100%; float: left; }
.footer-area .col-sm-4 .address { padding: 25px 0; color: #fff; }
.footer-area .col-sm-4 .address a { color: #fff; }
.footer-area .col-sm-4 .address i { margin-right: 5px; }
.footer-area .col-sm-4 h3 { font-size: 18px; color: #ffffff; font-weight: 400; margin: 0; text-transform: uppercase; font-family: 'Montserrat', sans-serif; border-bottom: solid 2px #dddddd; margin-bottom: 25px; padding-bottom: 14px; }
.footer-area .col-sm-4 ul li { width: 100%; float: left; padding: 18px 0; border-bottom: solid 1px #657584; }
.footer-area .col-sm-4 ul li:first-child { padding-top: 0px; }
.footer-area .col-sm-4 ul li a { font-size: 14px; color: #ffffff; }
.footer-area .col-sm-4 ul li a i { margin-right: 18px; }
.footer-area .post-area .post { width: 100%; border-bottom: solid 1px #657584; padding: 15px 0; }
.footer-area .post-area .post:nth-child(1) { padding-top: 0px; }
.footer-area .post-area .post .date { width: 41px; height: 41px; background: #fff; border-radius: 5px; margin-right: 7px; float: left; text-align: center; font-size: 18px; font-weight: 600; padding-top: 3px; color: #004281; line-height: 18px; }
.footer-area .post-area .post .date span { width: 100%; float: left; font-size: 13px; font-weight: 400; }
.footer-area .post-area .post .text { padding-left: 56px; color: #fff; font-weight: 600; }
.footer-area .post-area .post p { margin-top: 0px; }
.footer-area .post-area .post p a { color: #fff; }
.footer-area .post-area .post p.time { margin-bottom: 0; }
.footer-area .col-sm-4.post-area h3 { margin-bottom: 10px; }
.copyright { padding: 28px 15px; background: #003160; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }
.copyright p { margin: 0; font-size: 12px; color: #fff; width: 50%; float: left; }
.social { width: 50%; float: right; text-align: right; }
.social ul li { width: 26px; height: 26px; border: solid 1px #fff; border-radius: 5px; text-align: center; line-height: 24px; display: inline-block; }
.social ul li a { display: inline-block; }
.social ul li a i { font-size: 12px; color: #fff; }
.social ul li:hover { background: #fff; }
.social ul li:hover a i { color: #004281; }
.owl-nav { display: none; }
.owl-dots { margin-top: 30px; }
.owl-theme .owl-dots .owl-dot span { border: solid 2px #dddddd; width: 9px; height: 9px; margin: 3px; background: #dddddd; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: none; border-color: #004281; }
.slider .owl-dots { display: none; }
.pull-right.menu { display: none; float: right; }
.pull-right.menu img { width: 52px; margin-top: 7px; }
.menu-area.open { display: block; position: absolute; top: 80px; background: rgba(32,72,110,0.8); width: 100%; padding: 15px; left: 0; right: 15px; }
.menu-area.open ul li { width: 100%; float: left; text-align: left; margin-bottom: 5px; padding-left: 0px; padding-bottom: 5px; border-bottom: solid 1px #375b7d; }
.menu-area.open ul li a { display: block; }
/*---Inner Page---*/
.content-area { width: 100%; float: left; padding-bottom: 30px; }
.content-area .site-main { max-width: 1170px; width: 100%; margin: 0 auto; }
.content-area .site-main header.entry-header h1 { margin: 25px 0; font-size: 30px; text-transform: uppercase; color: #004281; font-weight: 400; }
.content-area .entry-content p { font-size: 13px; line-height: 25px; font-family: 'Open Sans', sans-serif; }
.left-area-content { width: 70%; float: left; }
.main-sidebar { width: 25%; float: right; padding-top: 10px; }
#comments.comments-area, .navigation.post-navigation, .single footer.entry-footer { display: none; }
.full-width {
	width: 100%;
	float: left;
}
.experinces {
	padding-bottom: 50px;
	padding-top: 50px;
}
.experinces .container {
	max-width: 1381px;
}
.experinces .right-area {
	width: 23%;	
	float: left;
}
.experinces .left-area {
	width:75%;
	float: right;
}
.experinces .left-area h3 {
	margin: 0;
	font-size: 30px;
	font-weight: 600;
	color: #004281;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 14px;
}
.blog-list-view {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	background: #f1f1f1;
}
.blog-list-view .blog-image {
	width: 270px;
	height: 270px;
	float: left;
}
.blog-inner {
	background: #f1f1f1;
	display: block;
	margin-right: 12px;
	padding: 15px 15px 15px 290px;
	min-height: 270px;
}
.blog-inner h1 {
	font-weight: normal;
	font-size:18px;
	text-transform: uppercase;
	color: #000;
	text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
	margin-bottom: 0px;
}
.blog-inner h1 a {
	color: #1e274a;
}
.blog-inner .date-time-area {
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.blog-inner .date-time-area .date {
	color: #252525;
	font-size: 14px;
	background: url(images/calendar.png) 0 6px no-repeat;
	background-size: 14px auto;
	padding: 5px 0 5px 21px;
	
}
.blog-inner p {
	color: #252525;
	line-height: 22px;
	font-size: 14px;
	margin: 3px 0 10px 0;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	float: left;
}
.blog-inner .read_more{
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.blog-inner .read_more a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: 800;
	margin-bottom: 10px;
}
.cannlogo-area {
	text-align: center;
	width: 100%;
	float: left;
}
.banner-add {
	width: 100%;
	float: left;
}
.banner-add .heading-blue {
	width: 100%;
	float: left;
	background: #18244b;
	padding: 13px 10px 16px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: 800;
	text-transform: uppercase;
}
.banner-add img {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.banner-add .heading-blue a {
	color: #fff;
}
.form-area {
	width: 100%;
	float: left;
	background: #f1f1f1;
	padding: 20px;
	margin-top: 50px;
	font-size: 15px;
}
.right-area h1 {
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 16px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 800;
	color:#515151;
}
.experinces .right-area .form-area ul li {
	width: 100%;
	float: left;
}
.experinces .right-area .form-area ul li input[type="email"], .experinces .right-area .form-area ul li input[type="text"] {
	width: 100%;
	float: left;
	height: 55px;
	background: #ffffff;
	font-size: 14px;
	color: #182a33;
	font-family: 'Montserrat', sans-serif;
	border: none;
	padding: 0 15px;
	margin-bottom: 12px;
	font-weight: 600;
}
.experinces .right-area .checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.experinces .right-area .checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: 0;
}
.experinces .right-area .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #fff;
	border-radius: 6px;
}
.experinces .right-area .checkmark::after {
	content: "";
	position: absolute;
	display: none;
}
.experinces .right-area .checkbox .checkmark::after {
	left: 0;
	top: 0;
	width: 23px;
	height: 25px;
	background: url(images/checked.jpg) 0 0 no-repeat;
	background-size: 22px;
	border-radius: 7px;
}
.experinces .right-area .form-area ul li button[type="submit"] {
	background:#004281;
	color: #fff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	border: none;
	float: left;
	width: 100%;
	line-height: 22px;
	font-size: 24px;
	padding: 15px 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
}
.experinces .right-area .button-area {
	width: 100%;
	float: left;
}
.experinces .right-area .calltext {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color:#999;
	line-height: normal;
}
.experinces .right-area #SOIBTN_CannAmericaBrandsCorp {
	width: 100%;
	float: left;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	padding: 14px 0 !important;
}
.single .entry-content p {
	font-size: 15px;
	line-height: 26px;
}
 @media screen and (max-width:1600px) {
.header-top::after { width: 14%; }
.who-we-are > p { padding: 0; }
}
@media screen and (max-width:1200px) {
.header-top .left-area { width: 100%; }
.header-top .right-area, .header-top::after { display: none; }
.header .menu-area { width: 73%; }
.request-call .call-area { padding-top: 260px; padding-left: inherit; background: url(images/telephone.png) center top no-repeat; }
.footer-area .col-sm-4 { width: 50%; }
}
@media screen and (max-width:767px) {
.request-call .call-area .form-area ul li { width: 100%; margin-right: 0px; margin-bottom: 15px; }
.hidemobile { display: none; }
.request-call .call-area .form-area input[type="submit"] { width: 100%; }
.footer-area .col-sm-4 { width: 100%; padding: 25px 20px; }
.footer-area .col-sm-4:first-child { text-align: center; }
.pull-right.menu { display: block; }
.menu-area { display: none; }
.menu-area.open { width: 100%; z-index: 999; top: 104px; }
.menu-area.open ul li { margin-left: 0px; border-bottom: solid 1px #375b7d; }
.menu-area.open ul li a { color: #fff; }
.header-top .left-area { padding: 0px; text-align: center; }
.header-top .left-area ul li { padding: 12px; background: #20486e; text-indent: -5000px; margin: 0; width: 40px; display: inline-block; float: none; text-align: center; }
.header-top .left-area ul li a { display: block; }
.header-top .left-area ul li i { text-indent: 0px !important; color: #fff; margin: 0 2px; float: left; }
.banner ul li .slider-text p { font-size: 2.5vw; }
.request-call .call-area h3::after { display: none; }
.blog-list-view .blog-image {
	width: 100%;
	height: auto;
	float: left;
}	
.blog-inner {
	background: #f1f1f1;
	display: block;
	margin-right:0px;
	padding: 15px;
	min-height: auto;
	width: 100%;
	float: left;
}
	.blog-list-view .blog-image img, .experinces .left-area {
	width: 100%;
}
	.experinces .left-area h3{ padding:0 15px;}
	.experinces .right-area { display:none;}
}
.blueTopBorder{background: #004281; width: 100%; height: 10px;}