@import url("960.css");
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*
Theme Name: Shape
Theme URI: http://textuar.com/
Author: textuar
Author URI: http://disayana.com/
Description: Theme made for textuar.
License: GNU General Public License
License URI: license.txt
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-backgroud, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready
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.

*/


/* =Reset
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
	font-family: segoe UI, sans-serif;
	font-size: 1em;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

h1 {
	color: #b5121b;
}
/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #6b6252;	
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

body {
	background: #e9e0d1;
	font-family: "Open Sans", sans-serif;
}

/* Headings */

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1em;
}

ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
}
blockquote {
	font-style: italic;
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #dfd6c7;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.12em 1.5em 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	background: rgba( 255, 255, 255, 0.3 );
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	background: #fff;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a,
a:visited {
	color: #000;
	text-decoration: none;
	
}
a:hover,
a:focus,
a:active {
	color: #777;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.site-title,
.entry-title,
.page-title,
.entry-content,
.entry-summary,
.widget-title,
.comments-title,
.comment .reply,
.comment-meta,
.comment-author,
#reply-title {
	font-family: segoe UI,sans-serif ;
}


/* =Structure
----------------------------------------------- */

#main,
.main-navigation,
.site-title,
.site-description {
    margin: 0 auto;
	max-width: 1050px;
}
#main {
	clear: both;
    overflow: hidden;
}
#primary {
	float: left;
	margin: 0 -27% 0 0;
	padding: 2em;
	width: 90%;
}
#content {
	margin: 0 27% 0 0;
}
#secondary,
#tertiary {
	background: #f6f6f6;
   	float: right;
   	margin: 1em 1em;
    padding: 2em 2em 0;
    position: relative;
    width: 20%;
}

#secondary {
	border: 1px solid #cacaca;
}

#tertiary {
	padding-top: 0;
}
.site-footer {
	clear: both;
	width: 100%;
}

/* =Site Header
----------------------------------------------- */

.site-header hgroup {
	background: #33605a;
	padding: 1.5em 2em;
}
.site-title {
	font-size: 45px;
	font-size: 4.5rem;
}
.site-description {
	font-size: 13px;
	font-size: 1.3rem;	
}
.site-title a,
.site-description {
	color: #e9e0d1;
}



/* =Content
----------------------------------------------- */

.site-main {
}
.sticky {
}
.hentry {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 1.5em;
	padding-bottom: 1.5em;
}
.entry-title,
.page-title {
	font-size: 32px;
    font-size: 3rem;
	margin: 0 0 0.2em;
}
.entry-title a {
	text-decoration: none;
	color: #b5121b;

@import url(
	'https: //fonts.googleapis.com/css?family=Open+Sans');
	font-family: 'Open Sans', sans-serif;
}
body.search .page-title,
body.archive .page-title {
  	font-size: 16px;
  	font-size: 1.6rem;
    margin-bottom: 1em;
}
.entry-meta {
	clear: both;
	font-size: 12px;
	font-size: 1.2rem;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.entry-content table,
.comment-content table {
	border: 1px solid #d9d9d9;
	border-left-width: 0;
	margin: 0 -0.083em 2.083em 0;
	text-align: left;
	width: 100%;
}
.entry-content tr th,
.entry-content thead th,
.comment-content tr th,
.comment-content thead th {
	border-left: 1px solid #d9d9d9;
	font-weight: bold;
	padding: 0.5em 	1.25em;
}
.entry-content tr td,
.comment-content tr td {
	border: 1px solid #d9d9d9;
  	border-width: 1px 0 0 1px;
	padding: 0.5em 	1.25em;
}
.entry-content tr.odd td,
.comment-content tr.odd td {
	background: #dfd6c7;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Aside Post Format
----------------------------------------------- */

.format-aside .entry-content {
	border-left: 4px solid rgba( 0, 0, 0, 0.1 );
	padding-left: 1em;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.widget-img,
img[class*="align"],
img[class*="wp-image-"],
.wp-caption img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
.widget img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
#content .gallery {
	margin-bottom: 1.5em;
}
.wp-caption-text,
.gallery-caption {
	font-size: 12px;
	font-size: 1.2rem;
}
#content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
#content .gallery dd {
	margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

#comments {
	clear: both;
}
.bypostauthor {
}
.comments-title,
#reply-title {
	font-size: 20px;
	font-size: 2rem;
}
.commentlist li {
	list-style: none;
}
.commentlist,
.children {
	list-style: none;
	margin: 0;
}
.children {
	margin: 0 0 0 6%;
}
.commentlist li.comment,
.commentlist li.pingback {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.2 );
	padding-left: 2.5em;
}
.commentlist .children li,
.commentlist li:last-of-type {
	border: none;
}
article.comment,
li.pingback {
	overflow: hidden;
	padding: 2.5em 0 0.7em;
    position: relative;
}
.children article.comment,
.children li.pingback {
	padding-top: 1.0em;
}
.comment .avatar {
	float: left;
	margin-right: 1.25em;
}
.comment-author {
	font-size: 14px;
	font-size: 1.4rem;
}
.comment-meta {
	font-size: 12px;
	font-size: 1.2rem;
}
.comment-content{
	font-size: 13px;
	font-size: 1.3rem;
	margin: 1em 0 0 4.5em;
}
.comment .reply {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
}
li.pingback {
	font-weight: bold;
}
li.pingback a {
	font-weight: normal;
}

/* Comment Form */
.comment-notes,
#commentform .form-allowed-tags,
p.nocomments,
p.logged-in-as,
#commentform label {
	font-size: 13px;
	font-size: 1.3rem;
}
.required {
	color: #880000;
}
#commentform label {
	font-weight: bold;
	padding: 1em 0;
}
#commentform input[type="text"] {
	margin-left: 0.5em;
}
#commentform #comment {
	margin-top: 0.6em;
}
#commentform .form-allowed-tags,
#commentform .form-allowed-tags code {
	font-size: 11px;
	font-size: 1.1rem;
}
p.nocomments {
	margin: 2.5em;
}


/* =Widgets
----------------------------------------------- */

.widget {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 0 0 1.5em;
}
.widget-title {
	color: #b5121b;
	font-size: 20px;
	font-size: 2rem;
	font-family: 'Open Sans', sans-serif;
}

/* Search widget */
#searchsubmit {
	display: none;
}


/* =Site Footer
----------------------------------------------- */

.site-info {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 1.5em 0;
	text-align: center;
}


/* =Responsive Structures
----------------------------------------------- */

@media only screen and (max-width: 800px) {

	#main {
		overflow: visible;
	}
	#content,
	#primary,
	#secondary,
	#tertiary {
		background: none;
		float: none;
		margin: 0;
		padding: 0;
	}
	#primary,
	#secondary,
	#tertiary {
		width: 100%;
	}
	.site-header hgroup,
	#main {
		padding: 0.8em;
	}
}


/* =IE Styles
----------------------------------------------- */

#ie8 .site-header img,
#ie8 .entry-content img,
#ie8 img.size-full,
#ie8 .entry-thumbnail img,
#ie8 .widget img,
#ie8 .wp-caption img {
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/**custom**/



}

#house {
	background: #fff url('https://textuar.com/themes/copy-please/images/dddd.gif') top left repeat-x;
}

#other {
	background: #fff url('https://textuar.com/themes/copy-please/images/te.png') top left repeat-x;
}

.logo  {
	background-image: url('https://textuar.com/themes/copy-please/images/logo.png');
	width: 253px;
	height: 152px;
	text-indent: -9999px;
	margin-top: 0;
	background-repeat: no-repeat;
}

.logo {
	float: left;
	width: 237px;
}

.nav {
	float: left;
	width:595px;
	height: 144px;
		
	margin-left: 120px;

}



.header-wrapper {
	width: 100%;
	height: 590px;
	padding: 0;
	margin: 0;
	margin: 0 auto;

}

.middle-part {
	width:100%;
	min-height:750px;
	background:url('https://textuar.com/themes/copy-please/images/bgd.png') bottom center no-repeat;
}

/** for other pages**/

.header-wrapper2 {
	width: 100%;
	height:220px;
	padding: 0;
	margin: 0;

}

.header {

	color: #777;
	width:100%;
	min-height:550px;
	margin:0 auto;
}

.help-line {
	color: #fff;
}
.header-home {

	color: #fff;
	width:100%;
	min-height:550px;
	background:url('https://textuar.com/themes/copy-please/images/bg4.png') bottom center no-repeat;

}

.header-heading {
	font-family: Berlin Sans FB Demi;
}

/**CIRCLES**/
.circles {
}

.circle {
	float: left;
	width: 249px;
	height: 227px;
	padding-right: 0;
}

.circles img {
	
}


.circle1 {
	background-image: url('https://textuar.com/themes/copy-please/images/c1.png');
	background-repeat: no-repeat;
	width: 239px;
	height: 227px;
		margin-top: 20px;
		-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}

.circle1:hover {
	background-image: url('https://textuar.com/themes/copy-please/images/c1a.png');
	width: 239px;
		height: 227px;
	margin-top: 10px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}

.circle2 {
	background-image: url('https://textuar.com/themes/copy-please/images/c2.png');
	background-repeat: no-repeat;
	width: 229px;
	height: 218px;
		margin-top: 20px;
		-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.circle2:hover {
	background-image: url('https://textuar.com/themes/copy-please/images/c2a.png');
	width: 229px;
		height: 218px;
	margin-top: 10px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.circle3 {
	background-image: url('https://textuar.com/themes/copy-please/images/c3.png');
	width: 219px;
	height: 218px;
	margin-top: 20px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.circle3:hover {
	background-image: url('https://textuar.com/themes/copy-please/images/c3a.png');
	padding-bottom: 5px;
	margin-top: 10px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.circle4 {
	background-image: url('https://textuar.com/themes/copy-please/images/c4.png');
	width: 219px;
	height: 218px;
	margin-top: 20px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.circle4:hover {
	background-image: url('https://textuar.com/themes/copy-please/images/c4a.png');
	padding-bottom: 5px;
	margin-top: 10px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.bgm {
	position: absolute;
	top: 340px;
}

.nav {
	float: left;	
width: 595px;
height: 144px;
margin-left: 120px;
}

#nav {
	margin: 40px 0;
}


img.homeic {
}





/* featured work */

#featured-work-banner {
	margin:0 0 30px 0;
}

.featured-work, .featured-work-large {
	margin-top:0;	
	background:#eee;
	width:284px;
	padding:8px;
	margin-left:20px;
	border-bottom:1px solid #DDDDDD;
	float: left;
}

.featured-work-large
{
	background:#eee;
	padding:8px;
	width:604px;
	margin-left:10px;
	margin-bottom: 20px;
}
.featured-work
{margin-bottom:20px;
}

/* .featured-work img, .featured-work-large img {
	display:block;
	width:284px;
	background:#eee;
}

.featured-work-large img {
	width:604px;
}

.featured-work a:hover img, .featured-work-large a:hover img {
	background:#B5121B;
}
*/

/* .site-main {
	max-width: 960px;
	margin: auto;
} */

.featured-work h3, .featured-work-large h3 {
	margin:20px 10px 10px;
	color:#535353;
	font-size:16px;
	line-height:40px;
}

.featured-work h3
{
	margin:10px 10px 5px 10px;
}
.featured-work h3 a, .featured-work-large h3 a {
	display:block;
	color:#535353;
	padding-right:36px;
}

.featured-work h3 a:hover, .featured-work-large h3 a:hover {
	color:#b5121b;
	background-position:bottom right;
}

.featured-work p, .featured-work-large p {
	margin:10px;
	color:#535353;
	font-size:13px;
}

.featured-work img, .featured-work-large img {
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.featured-work img:hover, .featured-work-large img:hover {
	opacity: 0.8;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.clearfix {
	clear: both;
}

.footer {
	background-image: url('https://textuar.com/themes/copy-please/images/bg2.png');
	height: 180px;
}

.button {
	cursor:pointer;
	color:#eee;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	padding:9px 0;
	width:78px;
	border:none;
	border:1px solid #00b6f3;
	background:#00b6f3;
	/* CSS3 gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#00b6f3), to(#0098ca));
	background: -moz-linear-gradient(top, #00b6f3, #0098ca);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b6f3', endColorstr='#0098ca');
	/* CSS3 border radius */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	/* CSS3 box shadow */
	-moz-box-shadow: 0 0 2px 1px #222;
	-webkit-box-shadow: 0 0 2px 1px #222;
	box-shadow: 0 0 2px 1px #222;
}

.join {
	float:left;
	color:#ddd;
	font-size:12px;
	width:190px;
	padding:10px;
	margin-right:10px;
	border:none;
	background:#666666;
	/* CSS3 border radius */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.helpline {
    color:#fff;
    width: 660px;
    height: 20px;
    /* margin-left: 480px; */
    /* padding-top: 35px; */
    font-family: arial,sans-serif;
    font-size: 14px;
}

.helpline .img {
	padding-top: -50px;
}

.header-heading {
	float: left;
	width:960px;
	height: 150px;
	font-size: 48px;
	text-shadow: 1px 1px 5px #000;
}

.headimg {
	width: 280px;
	float: left;
}

.header-heading-line {
	float: left;
	width:680px;
	height: 150px;
	font-size: 48px;
	text-shadow: 1px 1px 5px #000;
}

.red {
	color: #b5121b;
}

.h1red {
	color: #b5121b;
}

.strip {
	background-image: url('https://textuar.com/themes/copy-please/images/heading-bg.png');
	height:45px;
	margin-bottom: 20px;
	border-radius: 5px;
	clear: both;
}

.strip span {
	padding-top: 0px;
}

.h3 {
	font-size: 18px;
	font-weight: bold;
float: left;
color: #eee;
margin-left: 15px;
margin-top: 8px;
padding-left: 15px;
background: url('https://textuar.com/themes/copy-please/images/ha.png') center left no-repeat;
}

.view-more {
	display: block;
top: 0;
margin-left: 860px;
line-height: 40px;
color: #eee;
font-size: 16px;
}


.text-slider {
	margin-bottom: 10px;
	margin-top: 20px;
}

.text-slider h3 {
	color: #555;
	font-size: 40px;
	margin-bottom: 9px;
}

.text-slider p {
	color: #555;
	font-size: 22px;
}

#sliderId {
	text-align: center;
}

.featured p {
	font-size: 15px;
}

.social-links {
	float: left;
	width: 500px;
	margin-top: 20px;
}

.newsletter a:hover {
	opacity: 0.8;
}

.newsletter {
	float: left;
	width: 300px;
	margin-left: 160px;
	margin-top: 20px;
}

.footer {
	color: #fff;
}


/*copy*/
.circle a {
	display:block;
	width:249px;
	height:195px; /* height -top padding value below */
	padding:40px 0 0;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:26px;
}

.circle a#circle-a {
	background:url("images/ic1.gif") bottom center no-repeat;	
}

.circle a#circle-b {
	background:url("images/ic4.gif") bottom center no-repeat;	
}

.circle a#circle-c {
	background:url("images/ic3.gif") bottom center no-repeat;	
}

.circle a#circle-d {
	background:url("images/ic5.png") bottom center no-repeat;	
}

.circle a span {
	display:block;
	font-style:italic;
	color:#b2b2b2;
	font-size:14px;
	line-height:30px;
}

.circle a:hover span {
	color:#eee;	
}


.flt-btn {
	position: fixed;
	right: -20px;
	top: 250px;
}

.footer .social-links a {
	color: #f7f7f7;
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px;
	text-decoration: none;
}

.footer .social-links a:hover {
	color: #f6f6f6;
}


/** csutom headings **/

.bigheading {
	font-size: 24px;
	color: #777;
}

#other {
	
}

#other p {
	line-height: 20px;
	padding: 1px;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
}

#other h2 {
	font-weight: normal;
}


/** breadcumbs **/
.bread {
	display: block;
top: 0;
float: right;
line-height: 28px;
color: #eee;
font-size: 12px;
padding: 0 10px 0 10px;

position:relative;
	top:10px;
	right:10px;
	height:26px;
	border-top:1px solid #1a1a1a;
	border-left:1px solid #222;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	background:#3a3a3a;
	/* CSS3 gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e2e2e), to(#3a3a3a));
	background: -moz-linear-gradient(top, #2e2e2e, #3a3a3a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#3a3a3a');
	/* CSS3 border radius
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	 */
	/* CSS3 box shadow */
	-moz-box-shadow: inset 0 0 3px #000;
	-webkit-box-shadow: inset 0 0 3px #000;
	box-shadow: inner 0 0 3px #000;
}

.bread span {
	font-size: 12px;
	padding-top: 0;
}

.bread a {
	color: #fff;
}

.bread a:hover {
	color: #e6e6e6;
}




#menu {

margin: 0 auto; background-color: #000; 
 background-image: url('https://textuar.com/themes/copy-please/images/nav.png');
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 letter-spacing:-0.5px;
  font-size:13px;
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #202020;
 
    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width: 600px; height:48px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #000;

    

}  

#menu ul li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    
    border-left:none;
   
}

#menu ul li:first-child:hover {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    
    border-left:none;

   
}


#menu ul li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    
    border-right:none;


}


#menu ul{list-style-type:none;
	border-radius: 5px;
	
	    z-index:9999;

}  
#menu ul li{float: left; position: relative;
border-right:1px solid #5d5d5d; border-left:1px solid #929292; border-bottom:1px solid #575757; border-top:1px solid #797979;
}  
#menu ul li:hover{
    background-color:#383838; /* Fallback */
}  
#menu ul li a{color: #fff; padding: 10px 15px 10px 15px; line-height:25px; display: block; text-decoration:none; text-transform: uppercase;}  
#menu ul li a:hover{background-color: #b5121b;}  
#menu ul li ul li{float: none; position: relative;}  
#menu ul li ul{position: absolute; top:45px; left:0; display: none; background-color: #777; width:200px; border: none;}  
#menu ul li:hover > ul{display: block;}  
#menu ul li ul li a{whitewhite-space: nowrap; line-height:25px; padding: 5px 12px; }  
#menu ul li ul li ul{position: absolute; top:0; left:199px; display: none; background-color: #777; width:200px; border: none;}  


 
 .home {
 	    /* width: 62px; */
 	    /* background-color: #777; */
 }


 li.home:hover {
/*  	    width: 62px;
  */ }
 

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#menu ul li:first-child a img {
   vertical-align:middle; margin-top:-5px; margin-left:2px;
}


#menu ul li.item1,
#menu ul li.item2,
#menu ul li.item3,
#menu ul li.item4,
#menu ul li.item5,
 {
	text-align: center;
}

#menu ul li.item1 {
	width: 95px;
}

#menu ul li.item2 {
	width: 92px;
}

#menu ul li.item3 {
	width: 125px;
}

#menu ul li.item4 {
	width: 95px;
}

#menu ul li.item5 {
	width: 120px;
}
 
.footer h4 {
	padding-bottom: 21px;
}



/* responsive design */

/* hide for show for classes */
.hide-for-mob-only {
	display: block;
}
.show-for-mob-only {
	display: none;
}

@media only screen and (max-width: 767px) {
	.hide-for-mob-only {
		display: none;
    }
    .show-for-mob-only {
    	display: block;
    }
}

/* desktop */

.nav {
  display: block;
}

.navmob {
  display: none;
}

.social-home {
	position: absolute;
	top: 25%;
	padding-left: 5px;
}

.social-home ul li {
	padding-bottom: 18px;
}

.social-home2 {
	float: right;
}

.social-home2 ul li:first-child {
	margin-right: 10px;
} 

.social-home2 ul li:nth-child(3) {
	margin-right: 10px;
} 

.social-home2 ul li:nth-child(2) {
	margin-right: -10px !important;
} 

.strip {
	margin-bottom: 10px;
}

.featured-work-main h1.red {
	display: inline-block;
}

/*fb iframe */ .fb_iframe_widget iframe {
	margin-top: -5px !important;
}

.fb_iframe_widget_fluid {
	z-index: -99 !important;
}

.social-home2 ul li {
	display: inline;
}

.social-home2.hide-for-mob-only {
	margin-bottom: 5px;
	width: 100%;
}

.social-home2.hide-for-mob-only ul {
	float: right;
}

.headimg {
	margin-top: 50px;
}

.show-for-tab-only {
	display: none;
}

/* mobile */

@media only screen and (max-width: 767px) {

	.show-for-tab-only {
	display: none;
}

	.social-home2.show-for-mob-only {
		width: 100%;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.ccm-layout-row {
		width: 100%;
	}

	.ccm-layout-4-col-2 {
		width: 100% !important;
	}

	.ccm-layout-4-col-1 {
		width: 100% !important;
	}

	.ccm-layout-table p span , .ccm-layout-col-2 p span {
		font-size: 16px !important;
	}

	table.formBlockSurveyTable label {
		font-size: 14px;
	}

	.social-home {
		display: none;
	}
  
  .nav {
  display: none;
    }

    .navmob {
  display: block;
    }

    body {
      min-width: 100% !important;
    }

    .container_16 {
      width: 100% !important;
    }

    .social-links {
      width: 100%;
    }


    .helpline {
      width: 100%;
      margin-left: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
    }

    .navmob {
      width: 100%;
      margin-left: 0;
      margin-top: 105px;
    }

    .newsletter {
	float: left;
	width: 100%;
	margin-left: 0;
	margin-top: 20px;
	}

	.flt-btn {
		display: none;
	}

	.bread {
		width: 99%;
		float: left;
		top: 0;
		right: 0;
		padding: 4px 0 6px 0;
		border-right: 0;
		border-left: 0;
		border-top: 0;
		border-bottom: 0;
		padding-left: 1%;
		z-index: -1;
	}

	img.ccm-image-block {
		/* width: 70%;
		height: 70%;
		margin-left: 20%; */
	}

	.ccm-block-styles {
		width: 100%;
	}

	.h3 {
		font-size: 1em;
	}

	body#other h1 {
		font-size: 1.5em;
		padding: 8px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
    
    .container_12 p {
    	padding-left: 10px !important;
    	padding-right: 10px !important;
    }

    .container_12 h2 {
    	padding-left: 10px !important;
    	padding-right: 10px !important;
    }

    .container_12 p {
    	padding-left: 10px !important;
    	padding-right: 10px !important;
    }

    .container_16 h4 {
    	padding-left: 10px !important;
    	padding-right: 10px !important;
    }

    .footer {
    	height: 100%;
    }

    .social-links h4 , .newsletter h4 {
    	text-align: center;
    }

    .strip {
    	background-image: none;
    }

    .strip .h3 {
    	background-image: url(images/heading-bg.png);
    	min-height: 45px;
    	margin: 0;
    	padding: 0;
    	width: 100%;
    }

    .strip p {
    	margin-bottom: 0;
    }

    .header {
    	min-height: 220px;
    }

    .header-wrapper2 {
    	height: 192px;
    }

    .featured-work-large {
    	width: 90%;
    }

    .featured-work {
    	width: 90%;
    }

    .header-home {
		color: #fff;
		width: 100%;
		min-height: 550px;
		background: url(images/bg4m.png) bottom center no-repeat;
		background-position: 0% 80%;
		background-size: contain;
	}

    .header-heading {
     	width: 100%;
    }

    .header-heading-line {
    	width: 100%;
    }

    .unoSlider, .unoSlider ul, .unoSlider .sliderView {
    	width: 100% !important;
    }

    .headimg {
    	display: none;
    }

    .header-heading-line {
    	background-image: none;
    	text-indent: 0;
    }

    .header-heading-line p {
    	font-size: 30px;
font-family: 'Segoe UI', sans-serif;
text-align: center;
padding-top: 10px;
    }

    .social-home2 {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
}

.social-home2 ul li:first-child {
	margin-right: 0;
} 

.social-home2 ul li:nth-child(3) {
	margin-right: 0;
} 

.social-home2 ul li:nth-child(2) {
	margin-right: -10px !important;
} 

.show-for-mob-only.social-home2 {
	float: left;
}
.show-for-mob-only.social-home2 ul li:nth-child(2) {
	margin-right: 0 !important;
} 

.show-for-mob-only.social-home2 ul li {
	margin-right: 0;
} 

.bigheading {
	font-size: 18px;
}

.circle1 {
  background-image: url(images/c1.png);
  background-repeat: no-repeat;
  width: 158px;
  height: 150px;
  margin-top: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-size: 100%;
  float: left;
}

.circle1:hover {
  background-image: url(images/c1.png);
  background-repeat: no-repeat;
  width: 158px;
  height: 150px;
  margin-top: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-size: 100%;
  float: left;
}

.circle a {
  display: block;
  width: 160px;
  height: 120px;
  padding: 32px 0 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
}

.circle a#circle-b , .circle a#circle-a, .circle a#circle-c, .circle a#circle-d {
	background-size: 25%;
}

.circle a span {
	font-size: 11px;
}

.circle1:hover , .circle2:hover , .circle3:hover , .circle4:hover {

}

.text-slider {
  margin-bottom: 10px;
  margin-top: 115px;
}

.text-slider h3 {
	font-size: 20px;
}

.text-slider p {
	font-size: 14px;
	margin-bottom: 0;
}

.unoSlider ul {
	min-height: 95px !important;
}

#house {
	  background: #fff url(images/dddd2.png) top left repeat-x;
}

.header-home {
	background-position: 0% 100%;
}

.strip .h3 {
	text-align: center;
	min-height: 40px;
	padding-top: 10px;
}

.social-home2.show-for-mob-only ul {
	width: 100%;
	display: inline-block;
}

.social-home2.show-for-mob-only ul li {
	width: 15%;
	display: inline-block;
}


.social-home2.show-for-mob-only ul li:nth-child(2) {
	width: 36%;
	display: inline-block;
}

.social-home2.show-for-mob-only ul li:nth-child(3) {
	width: 22%;
	display: inline-block;
}

.social-home2.show-for-mob-only ul li:nth-child(4) {
	width: 12%;
	display: inline-block;
}

.widget-area {
	width: 98% !important;
	padding: 10px 0 10px 10px !important;
}

.widget-area ul {
	margin-left: 15px;
}


body ul#sharebarx li:first-child {
	width: 0% !important;
}

body ul#sharebarx li:nth-child(2) {
	width: 28% !important;
}

body ul#sharebarx li .st_email {
	margin: 0 !important;
}

}

/**/


.cd-dropdown-wrapper {
  display: inline-block;
  position: absolute;
  height: 40px;
  margin: 30px 0 0 5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  left: 5%;
}

.cd-dropdown-trigger {
  display: block;
  position: relative;
  padding: 0 36px 0 20px;
  line-height: 40px;
  background-color: #c00909;
  color: #ffffff;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 1em !important;
  color: #ffffff !important;
  font-weight: bold !important;
}
.no-touch .cd-dropdown-trigger:hover {
  background-color: #171b46;
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
  /* this is the arrow inside the dropdown trigger*/
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 9px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, -moz-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
  right: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-dropdown-trigger::after {
  right: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-trigger {
    font-size: 1.5rem;
  }
  .cd-dropdown-trigger.dropdown-is-active {
    background-color: #494848;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
  }
  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
    background-color: #47975f;
  }
  .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
    /* transform the arrow into a 'X' */
    width: 14px;
  }
  .cd-dropdown-trigger.dropdown-is-active::before {
    /* transform the arrow into a 'X' */
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-dropdown-trigger.dropdown-is-active::after {
    /* transform the arrow into a 'X' */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  height: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 50px;
    line-height: 50px;
  }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0 20px;
}

.cd-dropdown {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #070707;
  color: #ffffff;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
  /* dropdown title - mobile version only */
  position: relative;
  z-index: 1;
  color: #c0c0c0;
  background-color: #000000;
  border-bottom: 1px solid #242323;
}
.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown .cd-close {
    top: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown {
    position: absolute;
    top: calc(100% - 2px);
    /* reset style*/
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: #ffffff;
    color: #111433;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  }
  .open-to-left .cd-dropdown {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    right: 0;
    left: auto;
  }
  .cd-dropdown h2, .cd-dropdown .cd-close {
    /* on desktop - hide title and 'X' */
    display: none;
  }
  .cd-dropdown.dropdown-is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
    z-index: 999;
  }
}

.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  padding-top: 50px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  display: block;
  color: #ffffff;
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-width: 1px;
  border-color: #050505;
  border-style: solid;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0b0e23;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  text-transform: uppercase;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
  z-index: 999;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 60px;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 0;
    overflow: visible;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    color: #111433;
    height: 40px;
    line-height: 40px;
    font-size: 0.9em;
    border-color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
  }

    .cd-dropdown-content a:hover, .cd-dropdown-content ul a:hover {
    	color: red;
    }
  .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
    background-color: transparent;
    color: #b3b3b3;
    border-top: 1px solid #ebebeb;
  }
  .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 1px;
  }
  .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* reset mobile style */
    opacity: 1;
  }
}

.cd-dropdown-content .see-all a {
  /* different style for the See all links */
  color: red;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
  padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  padding-left: 75px;
  position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
  color: #111433;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
  background-image: url("../img/nucleo-icon-1.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
  background-image: url("../img/nucleo-icon-2.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
  background-image: url("../img/nucleo-icon-3.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
  background-image: url("../img/nucleo-icon-4.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
  background-image: url("../img/nucleo-icon-5.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
  background-image: url("../img/nucleo-icon-6.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
  background-image: url("../img/nucleo-icon-7.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
  background-image: url("../img/nucleo-icon-8.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
  background-image: url("../img/nucleo-icon-9.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
  background-image: url("../img/nucleo-icon-10.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
  background-image: url("../img/nucleo-icon-11.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
  background-image: url("../img/nucleo-icon-12.svg");
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-content {
    /* reset mobile style */
    position: static;
    height: auto;
    width: 280px;
  }
  .cd-dropdown-content > li:last-of-type a {
    border-bottom: none;
  }
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    color: red;
  }
  .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    left: 100%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  }
  .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    left: auto;
    right: 100%;
  }
  .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-in 0.2s;
    -moz-animation: cd-fade-in 0.2s;
    animation: cd-fade-in 0.2s;
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-out 0.2s;
    -moz-animation: cd-fade-out 0.2s;
    animation: cd-fade-out 0.2s;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    position: absolute;
    bottom: 20px;
    height: 45px;
    text-align: center;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
    margin: 0;
    height: 100%;
    line-height: 45px;
    background: #ebebeb;
    pointer-events: auto;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
    color: #ffffff;
    background-color: #111433;
  }
  .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
    border: none;
  }
  .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    padding: 20px 30px 20px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    width: calc(100% - 60px);
  }
  .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
    width: 50%;
    float: left;
  }
  .cd-dropdown-content .cd-secondary-dropdown {
    overflow: hidden;
    width: 550px;
    padding-bottom: 65px;
  }
  .cd-dropdown-content .cd-secondary-dropdown::before {
    /* this is the separation line in the middle of the .cd-secondary-dropdown element */
    position: absolute;
    content: '';
    top: 290px;
    left: 15px;
    height: 1px;
    width: 520px;
    background-color: #ebebeb;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > a {
    color: red;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    pointer-events: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
    /* hide the arrow */
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown > li {
    margin: 20px 0;
    border-right-width: 1px;
    border-color: #ebebeb;
    border-style: solid;
    padding: 0 30px;
    height: 250px;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
    border-right-width: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul {
    /* reset mobile style */
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    position: relative;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown a {
    line-height: 25px;
    height: 25px;
    font-size: 1.3rem;
    padding-left: 0;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
    color: red;
  }
  .cd-dropdown-content .cd-secondary-dropdown ul {
    padding-bottom: 25px;
    overflow: hidden;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a {
    padding-left: 20px;
    color: transparent;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
    color: transparent;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
    left: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown .see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .cd-dropdown-content .cd-dropdown-gallery {
    width: 600px;
    padding-bottom: 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding: 0;
    height: auto;
    line-height: normal;
    color: red;
    margin-bottom: 2em;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
  .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
    margin-bottom: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery img {
    position: static;
    height: auto;
    width: 100%;
    margin: 0 0 0.6em;
  }
  .cd-dropdown-content .cd-dropdown-icons {
    width: 600px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
    background: #ebebeb;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    color: red;
    font-weight: bold;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    display: block;
    font-size: 1.2rem;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    left: 25px;
  }
  .cd-dropdown-content > .has-children > ul {
    visibility: hidden;
  }
  .cd-dropdown-content > .has-children > ul.is-active {
    /* when hover over .cd-dropdown-content items - show subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
    /* if .cd-secondary-dropdown is visible - show also subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children > a.is-active {
    /* hover effect for .cd-dropdown-content items with subnavigation */
    box-shadow: inset 2px 0 0 red;
    color: red;
  }
  .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
    background: red;
  }
  .open-to-left .cd-dropdown-content > .has-children > a.is-active {
    box-shadow: inset -2px 0 0 red;
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
.cd-search input[type="search"] {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #242643;
  color: #ffffff;
  border: none;
  border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]::-moz-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:-moz-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:-ms-input-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:focus {
  background: #ffffff;
  color: #111433;
  outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
@media only screen and (min-width: 1024px) {
  .cd-search input[type="search"] {
    background-color: #ebebeb;
  }
  .cd-search input[type="search"]::-webkit-input-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]::-moz-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]:-moz-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]:-ms-input-placeholder {
    color: #b3b3b3;
  }
}

.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #b3b3b3;
  }
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

@media only screen and (min-width: 1024px) {
  .open-to-left .cd-dropdown-content > .has-children > a {
    padding-left: 40px;
    padding-right: 20px;
  }
  .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
    right: auto;
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
  }
}
.cd-dropdown-content .go-back a {
  padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
/*   background-color: #e6e6e6;
   */ /*  min-height: calc(100vh - 100px); */
  padding: 2em 5%;
  line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}


/**/
.header-heading-line {
	display: none;
}

.fixed .cd-dropdown-wrapper {
    position: absolute;
    left: 5%;
    margin-top: 50px;
}

#other .helpline {
	margin-top: 50px;
	color: #ffffff;
}

#other .cd-dropdown-wrapper {
	margin-top: 50px;
}

#other .logo {
	margin-top: 10px;
}

.fixed .helpline {
	color: #ffffff;
}
/**/


@media only screen and (max-width: 767px) {
	.cd-dropdown-wrapper {
    margin: 0 auto;
    width: 80%;
    padding-left: 10%;
    top: 80px;
}

.logo {
    height: 100px;
    float: none;
    margin: 0 auto;
}

.cd-dropdown-wrapper {
    margin: 0 auto;
    width: 80%;
    padding-left: 10%;
    top: 80px;
    float: none;
    display: block;
    left: 0;
}

.iis-caption {
    position: absolute;
    left: 5%;
    top: 20%;
    max-width: 90%;
    z-index: 10;
    /* background: #000; */
    padding: 5px 15px;
    border-radius: 10px;
    font: 14px/1.6em "Roboto Slab", serif;
    font-family: 'Roboto Slab', serif;
    color: #151515;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
}

.me1, .me2, .me3, .me4 {
    font-size: 0.9em;
    width: 100%;
    text-align: center;
    margin-left: 0;
    left: 0;
    line-height: 1.2 !important;
}

h2.me2 {
    margin-left: 0;
    line-height: 1.2;
    font-size: 0.9em;


}

h2.me3 {
    color: #FFEB3B;
    font-size: 0.9em;
    line-height: 1.2;
}

h2.me4 {
    font-size: 0.9em;
}

}

.dother .featured-work-main li:before {
    font-family: 'FontAwesome';
    content: none !important;
    margin: 0 5px 0 -30px;
    color: #888;
    margin-right: 12px;
}

.social-links {
	float: left;
	width: 30%;
	margin-top: 20px;
	margin-right: 3%;
}

.newsletter a:hover {
	opacity: 0.8;
}

.newsletter {
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-top: 20px;
	margin-right: 2%;
}

.footer {
	color: #fff;
	float: left;
	width: 100%;
	padding-top: 50px;
	/* text-align: center; */
}


.get_in_touch_btn {
    border: 1px solid #666;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 15px 40px;
    /* position: relative; */
    margin-bottom: 10px;
    margin: 0 auto;
    width: 150px;
    text-align: center;
}


.copyscape {
    width: 30%;
    float: left;
}

.newsletter span:last-child {
    text-align: center;
    font-size: 0.9em;
    display: block;
    margin-top: 10px;
}

.newsletter h4 {
    text-align: center;
}

.newsletter a {
    margin-left: 7px;
}

span.get_in_touch_btn:hover {
    background: #000000;
}

.strhalf {
    width: 50%;
    float: left;
}

a {}

.strhalf a {
    display: block;
    margin-bottom: 8px;
}

.copyscape img {
    display: block;
    /* margin-top: 25%; */
    margin: 0 auto;
    margin-top: 15%;
}

@media only screen and (max-width: 767px) {
	.newsletter a {
    margin-left: 0px;
}

.copyscape {
	display: none;
}
}

.footer {
    color: #fff;
    float: left;
    width: 100%;
    padding-top: 50px;
    /* text-align: center; */
}

.footer {
    background-image: url(images/bg2.png);
    min-height: 250px;
    padding-bottom: 40px;
}

.newsletter span:last-child {
    text-align: center;
    font-size: 0.9em;
    display: block;
    margin-top: 10px;

}

.footer , .footer a {
	font-family: 'Open Sans', sans-serif;
}

.helpline {
	width: 368px;
	height: 20px;
	/* margin-left: 360px; */
	margin-top: 25px;
	font-family: 'Open sans', arial,sans-serif;
	font-size: 15px;
	/* float: left; */
	position: absolute;
	right: 4%;
	text-align: left;
	color: #c00909;
	font-weight: bold;
}

#other .logo {
    margin-top: 10px;
}

.logo {
    float: left;
    width: 237px;
    /* margin-top: 30px; */
    /* margin-right: 24px; */
    margin: 30px auto;
    float: none;
}

/**/

/**/
@media only screen and (max-width: 767px) {

.social-links {
    width: 100%;
    line-height: 2;
}

.newsletter {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}

.newsletter a {
    margin-left: 2%;
}

.newsletter span:last-child {
    text-align: center;
    font-size: 0.9em;
    display: block;
    margin-top: 10px;
}

.footer {
    color: #fff;
    float: left;
    width: 90%;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}

.helpline {
display: none;
}


}

.social-links h4, .newsletter h4 {
    text-align: center;
    font-weight: bold;
}


.post.type-post a, .post.type-post a:visited {
    color: #000FF3;
    text-decoration: none;
}

.post.type-post em {
    font-style: italic;
}

#other .post.type-post p {
text-align: justify;
color: #171717;
}

#other .post.type-post b, #other .post.type-post strong {
    font-weight: bold;
    color: #000000;
}

#other .post.type-post ul li , #other .post.type-post ol li{
    color: #000000;
}

#other .post.type-post ul, #other .post.type-post ol {
padding-left: 20px;
padding-bottom: 10px;
}