/*

	Theme Name:Libris 

	Theme URI: 

	Description: This css file is for template layout alignments

	Version: 1.0

	Author: 

	Author URI: 

	Tags:

	



	---------------------------

	MAIN TEMPLATE STYLES

	---------------------------

	

	TABLE OF CONTENTS

	---------------------------

	 01. Global Content Styles

	 02. Header Content Styles

		 i. Side Sliding Menu

     03. Banner Content Styles

	 04. Content Area Styles

	 05. Inner Content Styles

	     i.    Design-2-Styles   <-- page-3 -->

	     ii.   Design-3-Styles   <-- page-4 -->

		 iii.  Design-4-Styles   <-- page-5 -->

		 iv.   Design-5-Styles   <-- page-6 -->

		  v.   Design-6-Styles   <-- page-7 -->

		 vi.   Design-7-Styles   <-- page-8 -->

		 vii.  Design-8-Styles   <-- page-9 -->

		 viii. Design-9-Styles   <-- page-10-->

		 

	 06. Footer Content Styles

	     i.   footer-pink-sec

		 ii.  footer-yellow-sec

		 iii. footer-green-sec

	 07. Media Query

*/

/* ====================================================== */

/* Fonts                                                  */

/* ====================================================== */

@font-face {
	font-family: 'SignaColumnBlack';
	src: url('fonts/SignaColumnBlack.eot');
	src: url('fonts/SignaColumnBlack.eot') format('embedded-opentype'), url('fonts/SignaColumnBlack.woff2') format('woff2'), url('fonts/SignaColumnBlack.woff') format('woff'), url('fonts/SignaColumnBlack.ttf') format('truetype'), url('fonts/SignaColumnBlack.svg#SignaColumnBlack') format('svg');
}
@font-face {
	font-family: 'SignaColumnBold';
	src: url('fonts/SignaColumnBold.eot');
	src: url('fonts/SignaColumnBold.eot') format('embedded-opentype'), url('fonts/SignaColumnBold.woff2') format('woff2'), url('fonts/SignaColumnBold.woff') format('woff'), url('fonts/SignaColumnBold.ttf') format('truetype'), url('fonts/SignaColumnBold.svg#SignaColumnBold') format('svg');
}
@font-face {
	font-family: 'SignaColumnLight';
	src: url('fonts/SignaColumnLight.eot');
	src: url('fonts/SignaColumnLight.eot') format('embedded-opentype'), url('fonts/SignaColumnLight.woff2') format('woff2'), url('fonts/SignaColumnLight.woff') format('woff'), url('fonts/SignaColumnLight.ttf') format('truetype'), url('fonts/SignaColumnLight.svg#SignaColumnLight') format('svg');
}
@font-face {
	font-family: 'SignaColumnBook';
	src: url('fonts/SignaColumnBook.eot');
	src: url('fonts/SignaColumnBook.eot') format('embedded-opentype'), url('fonts/SignaColumnBook.woff2') format('woff2'), url('fonts/SignaColumnBook.woff') format('woff'), url('fonts/SignaColumnBook.ttf') format('truetype'), url('fonts/SignaColumnBook.svg#SignaColumnBook') format('svg');
}
@font-face {
	font-family: 'avenirlight';
	src: url('fonts/avenirlight.eot');
	src: url('fonts/avenirlight.eot') format('embedded-opentype'), url('fonts/avenirlight.woff2') format('woff2'), url('fonts/avenirlight.woff') format('woff'), url('fonts/avenirlight.ttf') format('truetype'), url('fonts/avenirlight.svg#avenirlight') format('svg');
}
/* ==================================================== */

/* 01. Global Content Styles                            */

/* ==================================================== */







html, body {
	font-family: arial;
	width: 100%;
	height: 100%;
	line-height: 24px;
	font-size: 16px;
	color: #666666;
	background-color: #2D2D2C;
}
/* Text Styling */



a, a:hover, a:active, a:visited, a:link {
	outline: none;
	color: #2f7abb;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
}
/* Headings */

html, body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	color: #222;
	font-size: 14px;
	-webkit-text-size-adjust: 100%; /* 2 */
	-o-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
 [hidden] {
 display: none;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
/* Text Styling */

a {
	outline: none;
	text-shadow: none;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
}
a:hover, a:focus {
	outline: none;
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
}
a, a:hover, a:active, a:visited, a:link {
	outline: none;
}
b, strong {
	font-weight: bold;
}
/* Headings */



h1 {
	font-family: 'Open sans', sans-serif;
	font-size: 24px;
	color: #FFDD00;
	font-weight: bold;
	line-height: 51px!important;
	text-align: left;
	padding: 0;
	margin: 0 0 30px;
}
h2, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: left;
}
/*hr {

	width: 100px;

	height: 5px;

	color: #333333;

	color: transparent;

	background: rgba(204,204,204,0.5);

	text-align: center;

	margin: 10px auto 0;

}*/

hr {
	width: 100%;
	height: 1px;
	color: #000;
	background: #000;
	text-align: center;
	margin: 50px auto 30px;
	clear: both;
}
p {
	font-family: Verdana, sans-serif;
	color: #666666;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	margin-top: 0;
	text-align: left;
}
ul, ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
#main_div {
	width: 100%;
	height: 100%;
	margin: auto;
}
img {
	max-width: 100%;
}
.container {
	padding: 0 0 0 0;
	width: 100%;
	max-width: 980px;
	height: auto;
}
.center {
	height: auto;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
}
.white-area-div {
	background: rgba(255,255,255,0.85);
	width: 100%;
	height: 100%;
	margin: 0px auto;
}
.rowdiv {
	width: 100%;
	height: auto;
	float: left;
}
.row-div {
	width: 100%;
	border: none;
	float: left;
}
.halfdiv {
	width: 50%;
	height: auto;
	float: left;
}
/* ==================================================== */

/* 02. Header Content Styles                        */

/* ==================================================== */

.top-sec {
	width: 100%;
	height: auto;
	min-height: 100px;
	float: left;
}
.top-1-sec {
	width: 100%;
	height: auto;
	min-height: 60px;
	float: left;
}
.top-sec img {
	width: 100%;
}
.top-sec .col-md-4 {
	padding: 0px 0px;
}
.top-sec .col-md-5 {
	max-width: 394px;
}
.top-sec .col-md-3 {
	padding: 0px 0px;
	float: right;
	max-width: 235px;
	max-height: 180px;
	overflow: hidden;
}
.top-sec .col-md-3 .thumb {
	-webkit-box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 0.99);
	transform: scale(1.0, 1.0);
	transition: all 0.3s ease-in 0s;
}
.top-sec .col-md-3 .thumb:hover {
	transform: scale(1.02, 1.02);
	transition: all 0.3s ease-in 0s;
}
.top-sec .logo {
	width: auto;
	max-width: 350px;
	padding: 0px !important;
	background: #000;
	height: auto;
	max-height: 200px;
}
.top-sec .logo p {
	font-family: 'SignaColumnlight', sans-serif;
	color: #fff;
	padding: 0px 10% 8%;
	margin: 0px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}
.top-sec .logo span {
	color: #ffdd00;
	font-family: "SignaColumnBlack", sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
	text-align: right;
}
.top-sec h1 {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	margin: 0px;
	font-size: 10px;
	line-height: 18px;
}
.top-sec a {
	color: #FFDD00;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec a:hover {
	color: #fff;
}
.top-sec .col-md-5 h1 {
	font-family: 'SignaColumnBold', sans-serif;
	color: #FFDD00;
	text-align: center !important;
	margin: 0px;
	font-size: 38px;
	line-height: 66px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 h1:hover {
	color: #fff;
	transition: all 0.3s ease-in 0s;
}
.top-sec .col-md-5 .light {
	font-family: 'SignaColumnlight', sans-serif;
	color: #FFDD00;
	text-align: center !important;
	margin: 0px;
	font-size: 36px;
	line-height: 48px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light:hover {
	color: #fff;
	transition: all 0.3s ease-in 0s;
}
.top-sec .col-md-5 p {
	color: #ffdd00;
	float: right;
	font-family: "SignaColumnBlack", sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin: 0 10%;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
	max-width: 200px;
	text-align: right;
}
/*..............    i. Side Sliding Menu    ................*/

#navbar {
	width: 100%;
	float: left;
	text-align: right;
	z-index: 100;
	position: relative;
	top: 0px;
}
#navbar-inner {
	width: 100%;
	float: left;
	text-align: right;
	z-index: 101;
	position: relative;
	top: 45px;
}
.menu {
	position: absolute;
	height: auto;
	top: 0;
	display: block;
	min-height: 370px;
	right: 0px;
	padding-bottom: 30px;
	z-index: 5;
	width: 240px;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Verdana, sans-serif;
}
.menu * {
	-webkit-backface-visibility: hidden !important;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden !important;
}
#menuTrigger:checked ~ .menu {
	pointer-events: auto;
}
#menuTrigger:checked ~ .menu h3 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
#menuTrigger:checked ~ .menu .links li {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
#menuTrigger:checked ~ .menu .links li:nth-child(1) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#menuTrigger:checked ~ .menu .links li:nth-child(2) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#menuTrigger:checked ~ .menu .links li:nth-child(3) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#menuTrigger:checked ~ .menu .links li:nth-child(4) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#menuTrigger:checked ~ .menu .links li:nth-child(5) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#menuTrigger:checked ~ .menu .links li:nth-child(6) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(7) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(8) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(9) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(10) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(11) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(12) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
#menuTrigger:checked ~ .menu .links li:nth-child(13) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 6;
}
.menu .links {
	position: relative;
	list-style: none;
	display: block;
	color: black;
	margin: 76px 0 0 0;
	padding: 0 0px 20px;
}
.menu .links li {
	font-size: 14px;
	text-align: left;
	margin: 0;
	font-weight: 600;
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}
.menu .links li li {
	color: currentColor;
	display: block;
	padding: 6px 0px 6px 30px;
	text-decoration: none;
}
.menu .links li a {
	color: transparent;
	display: block;
	padding: 6px 0px 6px 30px;
	text-decoration: none;
	text-shadow: none!important;
}
/*.menu .links li :hover {

	background-color: rgba(0, 0, 0, 1);
  color:#fff;
 background-color: rgba(0, 0, 0, 0) !important;
   color:transparent !important;
}*/
.menu .links li a:hover {
	color: transparent !important;
}
.menu .links li:nth-child(1) {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.menu .links li:nth-child(2) {
	-webkit-transform: translate3d(-200%, 0, 0);
	transform: translate3d(-200%, 0, 0);
}
.menu .links li:nth-child(3) {
	-webkit-transform: translate3d(-300%, 0, 0);
	transform: translate3d(-300%, 0, 0);
}
.menu .links li:nth-child(4) {
	-webkit-transform: translate3d(-400%, 0, 0);
	transform: translate3d(-400%, 0, 0);
}
.menu .links li:nth-child(5) {
	-webkit-transform: translate3d(-500%, 0, 0);
	transform: translate3d(-500%, 0, 0);
}
.menu .links li:nth-child(6) {
	-webkit-transform: translate3d(-600%, 0, 0);
	transform: translate3d(-600%, 0, 0);
}
.menu .links li:nth-child(7) {
	-webkit-transform: translate3d(-700%, 0, 0);
	transform: translate3d(-700%, 0, 0);
}
.menu .links li:nth-child(8) {
	-webkit-transform: translate3d(-800%, 0, 0);
	transform: translate3d(-800%, 0, 0);
}
.menu .links li:nth-child(9) {
	-webkit-transform: translate3d(-500%, 0, 0);
	transform: translate3d(-900%, 0, 0);
}
.menu .links li:nth-child(10) {
	-webkit-transform: translate3d(-600%, 0, 0);
	transform: translate3d(-1000%, 0, 0);
}
.menu .links li:nth-child(11) {
	-webkit-transform: translate3d(-700%, 0, 0);
	transform: translate3d(-1100%, 0, 0);
}
.menu .links li:nth-child(12) {
	-webkit-transform: translate3d(-800%, 0, 0);
	transform: translate3d(-1200%, 0, 0);
}
.menu .links li:nth-child(13) {
	-webkit-transform: translate3d(-800%, 0, 0);
	transform: translate3d(-1300%, 0, 0);
}
.menu .trigger {
	position: absolute;
	z-index: 0;
	top: 10px;
	right: 20px;
	height: 40px;
	width: 40px;
	/*border-radius: 100%;*/

	cursor: pointer;
	pointer-events: auto;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition-property: -webkit-transform, box-shadow;
	transition-property: transform, box-shadow;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	box-shadow: 0 0 0 0px #fff;
}
.menu .trigger::after {
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 28px;
	transform: translate3d(0px, 0px, 0px);
	transition: box-shadow 0.2s ease-in-out 0.4s;
	display: block !important;
	width: 100%;
}
.menu .trigger .menu-main-nav-container::after {
	display: none;
}
.menu .trigger:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: inherit;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: box-shadow 0.2s 0.4s ease-in-out;
	transition: box-shadow 0.2s 0.4s ease-in-out;/*box-shadow: 0 0 0 28px #424242 inset, 0 0 0 28px #FF5722 inset;*/
}
#menuTrigger:checked ~ .menu .trigger {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	box-shadow: 0 0 0 370px #transparent;
}
#menuTrigger:checked ~ .menu .links {
	background: #fff;
	-webkit-box-shadow: 1px 0 5px 0 rgba(50, 50, 50, 0.8);
	-moz-box-shadow: 1px 0 5px 0 rgba(50, 50, 50, 0.8);
	box-shadow: 1px 0 5px 0 rgba(50, 50, 50, 0.8);
	margin: 75px 0 0 5px;
}
#menuTrigger:checked ~ .menu .links li a {
	color: #000;
}
#menuTrigger:checked ~ .menu .links li a:hover {
	color: #fff !important;
	background: #000 !important;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#menuTrigger:checked ~ .menu .links li:hover {
	background-color: rgba(0, 0, 0, 1);
	color: #fff;
}
}
#menuTrigger:checked ~ .menu .trigger:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;/* box-shadow: 0 0 0 0 #424242 inset, 0 0 0 28px #FF5722 inset;*/
}
#menuTrigger:checked ~ .menu .trigger .line:nth-child(1) {
	-webkit-transform: translateY(0) translate3d(-50%, -50%, 0);
	transform: translateY(0) translate3d(-50%, -50%, 0);
}
#menuTrigger:checked ~ .menu .trigger .line:nth-child(3) {
	-webkit-transform: translateY(0) translate3d(-50%, -50%, 0);
	transform: translateY(0) translate3d(-50%, -50%, 0);
}
.menu .trigger .line {
	position: absolute;
	top: 80%;
	left: 50%;
	font-size: 40px;
	color: #8d949a !important;
	height: 40px;
	width: 40px;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}
.menu .trigger .line:nth-child(2) {
	-webkit-transform: translateY(-5px) translate3d(-50%, -50%, 0);
	transform: translateY(-5px) translate3d(-50%, -50%, 0);
}
.menu .trigger .line:nth-child(3) {
	-webkit-transform: translateY(5px) translate3d(-50%, -50%, 0);
	transform: translateY(5px) translate3d(-50%, -50%, 0);
}
#menuTrigger {
	position: fixed;
	top: 0;
	display: block;
	right: -20px;
	float: right;
}
/* ==================================================== */

/* 03. Banner Content Styles                            */

/* ==================================================== */

.banner-sec {
	width: 100%;
	min-height: 140px;
	background: url(../images/bnr-text.png) repeat-y;
	margin: 20px 0px;
	float: left;
	padding: 5px 0px;
}
.banner-sec .col-md-5 {
	width: 50%;
	max-width: 50%;
	float: left;
	border-right: 1px solid #ffde23;
}
.banner-sec .col-md-7 {
	width: 50%;
	max-width: 50%;
	float: left;
	padding-left: 80px;
	padding-right: 5px;
}
.banner-sec h1 {
	font-family: 'SignaColumnBold', sans-serif;
	color: #FFDD00;
	margin: 0px;
	cursor: pointer;
	font-size: 90px;
	text-align: left;
	line-height: 120px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.banner-sec h1 a {
	color: #FFDD00;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.banner-sec h1 a:hover {
	color: #fff;
	transition: all 0.3s ease-in 0s;
}
.banner-sec h2 {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	margin: 0px;
	cursor: pointer;
	font-size: 48px;
	line-height: 68px;
	text-shadow: 4px 2px 1px rgba(0, 0, 0, 0.8);
}
.banner-sec h2 a {
	color: #FFDD00;
	text-shadow: 4px 2px 1px rgba(0, 0, 0, 0.8);
}
.banner-sec h2 a:hover {
	color: #fff;
	transition: all 0.3s ease-in 0s;
}
.blink_me a {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
 @-moz-keyframes blinker {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.0;
}
 100% {
opacity: 1.0;
}
}
 @-webkit-keyframes blinker {
 0% {
color:#FFDD00;
}
 50% {
color: #ffffff;
}
 100% {
color:#FFDD00;
}
}
 @keyframes blinker {
 0% {
color:#FFDD00;
}
 50% {
color: #ffffff;
}
 100% {
color:#FFDD00;
}
}
/* ==================================================== */

/* 04. Content Area Styles                            */

/* ==================================================== */

.content-sec {
	width: 100%;
	float: left;
	margin: 20px 0px 10px
}
.content-sec .text-box {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 205px;
	max-width: 340px;
	margin: 0px 0px 20px;
	padding: 10px 15px;
}
.content-sec .text-box-middle {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 205px;
	max-width: 280px;
	padding: 15px 15px 10px;
	margin: 0 10px 10px;
}
.content-sec h1 {
	font-family: 'SignaColumnlight', sans-serif;
	color: #FFDD00;
	margin: -5px 0px 0px;
	font-size: 27px;
	line-height: 40px;
	text-align: left;
	cursor: pointer;
}
.content-sec h1 a {
	color: #FFDD00;
}
.content-sec h1 a:hover {
	color: #fff;
	transform: scale(1.02);
	transition: all 0.3s ease-in 0s;
}
.content-sec p {
	font-family: 'SignaColumnlight', sans-serif;
	color: #fff;
	margin: 0px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}
.content-sec span {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	margin: 0px;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	padding: 0px;
	cursor: pointer;
}
.content-sec span a {
	color: #FFDD00;
}
.content-sec span a:hover {
	color: #fff;
}
.content-sec-middle span-ilosanoma {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	margin: 0px;
	font-size: 13px;
	line-height: 16px;
	text-align: right;
	padding: 0px;
	cursor: pointer;
}
.content-sec-middle span-ilosanoma a {
	color: #FFDD00 !important;
}
.content-sec-middle span-ilosanoma a:hover {
	color: #fff;
}
.content-sec ul {
	display: inline-block;
	list-style-type: disc !important;
	font-size: 13px;
	margin: 0px;
	line-height: 16px !important;
}
.content-sec li {
	list-style-type: disc !important;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	margin: 0px 0 0px 0px;
	line-height: 16px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.content-sec lifirst-child {
	list-style: none !important;
	display: inline-block;
}
.content-sec li:before {
	content: "\2022";
	display: inline-block;
	position: relative;
}
/*..............    banner-bottom-sec    ................*/

.banner-bottom-sec {
	width: 100%;
	height: auto;
	float: left;
	max-height: 280px;
	overflow: hidden;
}
.banner-bottom-inner {
	width: 100%;
	min-height: 260px;
	background: url(../images/bnr-text-1.png) repeat-y;
	margin: 0px 0px;
	float: left;
}
.banner-bottom-sec .thumb {
	max-width: 455px;
	float: right;
	padding: 0px !important;
	height: 100%;
	background: #333333;
}
.banner-bottom-sec .caption-area {
	width: 750px;
	float: right;
	z-index: 10;
	top: -260px;
	position: relative;
}
.banner-bottom-sec h1 {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	font-size: 60px;
	line-height: 74px !important;
	text-align: left;
	cursor: pointer;
	 text-shadow: -2px 0 7px rgba(0, 0, 0, 0.85);
}
.banner-bottom-sec h1 a {
	color: #FFDD00;
	 text-shadow: -2px 0 7px rgba(0, 0, 0, 0.85);
}
.banner-bottom-sec h1 a:hover {
	color: #fff;
	transform: scale(1.02);
	transition: all 0.3s ease-in 0s;
}
.banner-bottom-sec p {
	font-family: 'SignaColumnBold', sans-serif;
	color: #fff;
	max-width: 250px;
	margin: 0px;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	text-shadow: 2px 2px 5px rgba(48, 48, 48, 0.8);
}
.banner-bottom-sec span-idea a {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	max-width: 200px;
	margin: 0px;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	float: right;
	text-shadow: 2px 2px 4px rgba(48, 48, 48, 0.8);
	cursor: pointer;
}
.banner-bottom-sec span-idea a {
	color: #FFDD00;
}
.banner-bottom-sec span-idea a:hover {
	color: #fff;
}
.banner-bottom-sec span {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	max-width: 200px;
	margin: 0px;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	float: right;
	cursor: pointer;
}
.banner-bottom-sec span a {
	color: #FFDD00;
}
.banner-bottom-sec span a:hover {
	color: #fff;
}


/* ==================================================== */

/* 05. Features Content Styles                          */

/* ==================================================== */

.content-sec-middle {
	width: 100%;
	float: left;
	height: 180px;
	margin: 10px 0px 20px;
	overflow: hidden;
}
.content-sec-middle .container {
	max-height: 160px;
}
.content-sec-middle .text-box {
	background: rgba(0, 0, 0, 0.77);
	margin: 0px auto 0px;
	height: 165px;
	width: 620px;
	padding: 0px 0px 0px;
	top: -50px;
	z-index: 7;
	position: relative;
}
.content-sec-middle .text-box .text-area {
	min-height: 159px;
	width: 73%;
	cursor: pointer;
	max-width: 615px;
	padding: 50px 10px 10px;
	float: right;
}
.content-sec-middle .text-box .text-area p a {
color: #fff;
}
.content-sec-middle .text-box .box-thumb {
	height: 100%;
	width: 50%;
	max-width: 165px;
	float: left;
	transform: scale(1.0, 1.0);
	transition: all 0.3s ease-in 0s;
}
.content-sec-middle .text-box .box-thumb:hover {
	transform: scale(1.02, 1.02);
	transition: all 0.3s ease-in 0s;
}
.content-sec-middle h1 {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	width: 55%;
	font-weight: normal;
	margin: 8px 0px 0px;
	z-index: 20;
	position: relative;
	font-size: 44px;
	line-height: 40px !important;
	text-align: right;
	cursor: pointer;
	text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
}
.content-sec-middle h1 a {
	color: #FFDD00;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}
.content-sec-middle h1 a:hover {
	transform: scale(1.02);
	transition: all 0.3s ease-in 0s;
	color: #fff;
}
.content-sec-middle h3 {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #fff;
	margin: 10px 0px 0px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
}
.content-sec-middle p {
	font-family: 'SignaColumnlight', sans-serif;
	color: #fff;
	margin: 0px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
}
.content-sec-middle span {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	max-width: 200px;
	margin: 0px;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	float: left;
}
.content-sec-middle span a {
	color: #FFDD00;
}
.content-sec-middle span a:hover {
	color: #fff;
}
/*..............    content-bottom-sec    ................*/

.content-sec-bottom {
	width: 100%;
	float: left;
	height: auto;
	height: 185px;
	margin: 0px 0px 30px;
	overflow: hidden;
}
.content-sec-bottom .col-md-5 {
	padding: 0px;
	width: 450px;
	float: left;
}
.content-sec-bottom .col-md-7 {
	padding: 0px;
	max-width: 520px;
	float: right;
}
.content-sec-bottom .text-box {
	height: auto;
	background: rgba(0, 0, 0, 0.77);
	max-width: 450px;
	float: left;
	width: 100%;
	margin: 0px auto 20px;
	min-height: 183px;
	z-index: 21;
	overflow: hidden;
	top: -90px;
	position: relative;
}
.content-sec-bottom .text-box .text-area {
	height: auto;
	width: 33%;
	max-width: 160px;
	padding: 10px;
	float: left;
}
.content-sec-bottom .text-box .box-img {
	background: #1C1C1B;
	height: 100%;
	width: 65%;
	cursor: pointer;
	min-width: 290px;
	transform: scale(1.0, 1.0);
	float: left;
	transition: all 0.3s ease-in 0s;
}
.content-sec-bottom .text-box .box-img:hover {
	transform: scale(1.02, 1.02);
	transition: all 0.3s ease-in 0s;
}
.content-sec-bottom h1 {
	font-family: 'SignaColumnBold', sans-serif;
	color: #FFDD00;
	width: 55%;
	font-weight: normal;
	margin: 0px;
	z-index: 22;
	position: relative;
	font-size: 48px;
	line-height: 90px !important;
	text-align: left;
	padding-left: 30px;
	cursor: pointer;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}
.content-sec-bottom h1 a {
	color: #FFDD00;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}
.content-sec-bottom h1 a:hover {
	transform: scale(1.02);
	transition: all 0.3s ease-in 0s;
	color: #fff;
}
.content-sec-bottom h3 {
	font-family: 'SignaColumnBold', sans-serif;
	color: #FFDD00;
	margin: 0;
	cursor: pointer;
	font-size: 60px;
	line-height: 75px;
	text-align: left;
}
.content-sec-bottom h3 a {
	color: #FFDD00;
}
.content-sec-bottom h3 a:hover {
	transform: scale(1.02);
	transition: all 0.3s ease-in 0s;
	color: #fff;
}
.content-sec-bottom p {
	font-family: 'SignaColumnlight', sans-serif;
	color: #fff;
	margin: 0px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
}
.content-sec-bottom span {
	font-family: 'SignaColumnBlack', sans-serif;
	color: #FFDD00;
	max-width: 200px;
	margin: 5px 0 0px;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
}
.content-sec-bottom span a {
	color: #FFDD00;
}
.content-sec-bottom span a:hover {
	color: #FFF;
}
.content-sec-bottom .text-box-1 {
	min-height: 185px !important;
	background: rgba(0, 0, 0, 0.77);
	width: 100%;
	float: left;
	margin: 0px;
}
.content-sec-bottom .text-box-1 .text-area {
	min-height: 185px;
	width: 305px;
	padding: 20px;
	float: left;
	margin: 0px;
}
.content-sec-bottom .text-box-1 .box-thumb {
	float: right;
	cursor: pointer;
	min-width: 214px;
	transform: scale(1.0, 1.0);
	transition: all 0.3s ease-in 0s;
}
.content-sec-bottom .text-box-1 .box-thumb:hover {
	transform: scale(1.02, 1.02);
	transition: all 0.3s ease-in 0s;
}
.arrow-right {
	position: relative;
	z-index: 701;
	right: -70px;
	float: right;
	top: -200px;
}
.arrow-left {
	position: relative;
	z-index: 702;
	left: -70px;
	float: left;
	top: -200px;
}
/* ==================================================== */

/* 05. Inner Content Styles                   */

/* ==================================================== */



.inner-sec {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 0 px;
}
.inner-sec .row-div {
	width: 100%;
	padding: 0px 90px 0px;
}
.inner-sec .row-div:first-child {
	width: 100%;
	padding: 70px 45px 0px;
}
.inner-sec .row-div-myynti {
	width: 100%;
	padding: 0px 90px 0px;
}
.inner-sec .row-div-myynti:first-child {
	width: 100%;
	padding: 70px 45px 0px;
}
.inner-sec .row-div-aineisto {
	width: 100%;
	padding: 0px 90px 60px;
}
.inner-sec .row-div-aineisto:first-child {
	width: 100%;
	padding: 70px 45px 0px;
}
.inner-sec .row-div:last-child {
	width: 100%;
	padding: 0px 90px 100px;
}
.inner-sec h1 {
	font-family: 'SignaColumnBook', sans-serif;
	background: #FFDD00;
	text-align: left;
	font-size: 38px;
	width: 100%;
	color: #000;
	padding: 5px 90px;
	font-weight: normal;
}
.inner-sec h2 {
	font-family: 'SignaColumnBook', sans-serif;
	text-align: left;
	font-size: 30px;
	width: 100%;
	color: #000;
	margin: 40px 0px 20px;
	font-weight: normal;
}
.inner-sec p {
	font-family: Verdana, sans-serif;
	color: #000;
	margin: 0px 0px 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
/*..............    i.    Design-2-Styles   <-- page-3 -->     ................*/

.design-2-sec {
	width: 100%;
	height: auto;
}
.design-2-sec .sml {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
}
.design-2-sec .sml a, .design-2-sec .sml a:hover, .design-2-sec .sml a:focus {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
	color: #000;
}
.design-2-sec .content-area ul {
	width: 100%;
	height: auto;
	float: left;
	display: inline-block;
}
.design-2-sec .content-area li {
	width: 50%;
	max-width: 470px;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0 0 20px 0px;
}
.design-2-sec .content-area .content-sec {
	width: 100%;
	height: 320px;
	max-width: 370px;
	float: left;
}
.design-2-sec .thumb-sec {
	width: 68%;
	max-width: 260px;
	float: left;
	height: auto;
	max-height: 260px;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
}
.design-2-sec .text-sec {
	width: 180px;
	height: 180px;
	text-align: center !important;
	border-radius: 100%;
	background: #ffde23;
	color: #000;
	position: relative;
	bottom: 130px;
	float: right;
	z-index: 60;
	padding: 60px 5px 0px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	vertical-align: middle !important;
}
.design-2-sec .text-sec span {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #000;
}
.design-2-sec .text-sec h1 {
	font-family: 'SignaColumnblack', sans-serif;
	font-size: 14px;
	line-height: 17px !important;
	text-align: center !important;
	margin: 0px !important;
	padding: 0px !important;
}
.design-2-sec .text-sec h1 a:hover {
	color: #000;
	transform: none;
}
.design-2-sec .text-sec p {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
	line-height: 17px;
	margin: 0px !important;
	padding: 0px !important;
	text-align: center !important;
}
/*..............    ii.   Design-3-Styles   <-- page-4 -->     ................*/

.design-3-sec {
	width: 100%;
	height: auto;
}
.design-3-sec h1 {
	margin: 0 0 10px;
}
.design-3-sec h2 {
	font-family: 'SignaColumnlight', sans-serif;
	text-align: left;
	font-size: 36px;
	line-height: 44px;
	width: 100%;
	color: #fff;
	margin: 8px 0px;
	font-weight: normal;
}
.pink-bg {
	background: #ec008c;
	padding: 0px 90px;
	float: left;
	width: 100%;
}
.blue-bg {
	background: #00aeef;
	padding: 0px 90px;
	float: left;
	width: 100%;
}
.green-bg {
	background: #40ae49;
	padding: 0px 90px;
	float: left;
	width: 100%;
}
.bg-pink {
	background: url(../images/pink.jpg) repeat-x;
	width: 100%;
	float: left;
	padding-left: 90px;
}
.bg-pink h2 {
	background: ##ED008C;
	text-align: left;
	font-size: 36px;
	line-height: 44px;
	color: #fff;
	margin: 8px 0px;
	font-weight: normal;
}
.tilitoimisto {
	padding-left: 90px;
	font-weight: bold;
	margin-bottom: 50px;
}
.tilitoimisto p {

	color: #2a8732;
	font-weight: bold;
}
.design-3-sec .sml {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
}
.design-3-sec .sml a, .design-3-sec .sml a:hover, .design-3-sec .sml a:focus {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
	color: #000;
}
.design-3-sec .blue-area ul {
	width: 100%;
	height: auto;
	float: left;
	display: inline-block;
}
.design-3-sec .blue-area li {
	width: 33.3%;
	max-width: 300px;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0 0 20px 0px;
}
.design-3-sec .blue-area .text-sec {
	width: 180px;
	height: 180px;
	text-align: center !important;
	border-radius: 100%;
	background: #00aeef;
	color: #fff;
	position: relative;
	bottom: 60px;
	float: right;
	z-index: 60;
	padding: 60px 5px 0px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	vertical-align: middle !important;
}
.design-3-sec .text-sec a {
	color: #fff;
}
.design-3-sec .pink-area ul {
	width: 100%;
	height: auto;
	float: left;
	display: inline-block;
}
.design-3-sec .pink-area li {
	width: 33.3%;
	max-width: 300px;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0 0 20px 0px;
}
.design-3-sec .pink-area .text-sec {
	width: 180px;
	height: 180px;
	text-align: center !important;
	border-radius: 100%;
	background: #ec008c;
	color: #fff;
	position: relative;
	bottom: 60px;
	float: right;
	z-index: 60;
	padding: 60px 5px 0px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	vertical-align: middle !important;
}
.design-3-sec .text {
	margin: 20px 0px 0px !important;
	float: left;
}
.design-3-sec .text p {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 17px;
	margin: 0px 0px 0px !important;
	padding: 0px !important;
	text-align: left !important;
}
.design-3-sec .text p a, .design-3-sec .text p a:hover, .design-3-sec .text p a:focus {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 17px;
	margin: 0px 0px 0px !important;
	padding: 0px !important;
	text-align: left !important;
}
.design-3-sec .green-area ul {
	width: auto;
	height: auto;
	float: left;
	display: inline-block;
}
.design-3-sec .green-area li {
	width: 300px;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0px 0px 20px 0px;
}
.design-3-sec .green-area .text-sec {
	width: 180px;
	height: 180px;
	text-align: center !important;
	border-radius: 100%;
	background: #40ae49;
	color: #fff;
	position: relative;
	bottom: 60px;
	float: right;
	z-index: 60;
	padding: 60px 5px 0px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	vertical-align: middle !important;
}
.design-3-sec .col-md-5 {
	padding: 0px 0px 0px 0px;
	width: 40%;
	float: left;
}
.design-3-sec .col-md-7 {
	padding: 0px 0px 0px 0px;
	width: 60%;
	float: left;
}
.design-3-sec .bg-pink li {
	width: 300px;
	height: auto;
	float: left;
	margin: 0px;
	display: inline-block;
	padding: 0px 0px 20px 0px;
}
.design-3-sec .bg-pink .text-sec {
	width: 180px;
	height: 180px;
	text-align: center !important;
	border-radius: 100%;
	background: #ec008c;
	color: #fff;
	position: relative;
	bottom: 60px;
	float: right;
	z-index: 60;
	padding: 60px 5px 0px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	vertical-align: middle !important;
}
.design-3-sec .bg-pink .content-sec {
	width: 100%;
	height: 370px;
	max-width: 260px;
	float: left;
	padding: 0px;
	margin: 20px 0 0;
}
.design-3-sec .bg-pink .thumb-sec {
	max-width: 260px;
	float: left;
	height: auto;
	max-height: 260px;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
}
.design-3-sec .content-sec {
	width: 100%;
	height: 370px;
	max-width: 260px;
	float: left;
}
.design-3-sec .thumb-sec {
	width: 90%;
	max-width: 260px;
	float: left;
	height: auto;
	max-height: 260px;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
}
.design-3-sec .text-sec span {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}
.design-3-sec .text-sec h1 {
	font-family: 'SignaColumnblack', sans-serif;
	font-size: 14px;
	color: #fff;
	background: none;
	line-height: 17px !important;
	text-align: center !important;
	margin: 0px !important;
	padding: 0px !important;
}
.design-3-sec .text-sec h1 a:hover {
	color: #fff;
	transform: none;
}
.design-3-sec .text-sec p {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 17px;
	margin: 0px !important;
	padding: 0px !important;
	text-align: center !important;
}
/*..............    iii.  Design-4-Styles   <-- page-5 -->     ................*/

.design-4-sec {
	width: 100%;
	height: auto;
}
/* .design-4-sec p {

	padding: 50px 90px 0px;

	margin: 0px;

}

.design-4-sec .row-div p {

	padding: 0px 0px 20px;

} */

.pink, .pink a {
	color: #E5007D !important;
}
.linkit-yellow-sec {
	background: #FFDD00;
	padding: 50px 0 0;
}
.linkit-yellow-sec h1 {
	font-family: 'SignaColumnBold', sans-serif;
	text-align: left;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	padding: 0px;
}
.linkit-yellow-sec p {
	padding: 0px 0px 20px !important;
	margin: 0px;
	font-family: Verdana, sans-serif;
	font-size: 15px;
}
.linkit-yellow-sec ul {
	list-style: none;
	display: block;
}
.linkit-yellow-sec li {
	padding: 0px 0px 15px;
	font-family: Verdana, sans-serif;
	color: #000;
	display: block;
	font-size: 15px;
	line-height: 20px;
	text-align: left;
}
.linkit-yellow-sec li a {
	color: #000;
	text-decoration: underline;
}
/*..............    iv.   Design-5-Styles   <-- page-6 -->     ................*/

.design-5-sec {
	width: 100%;
	height: auto;
}
.design-5-sec form {
	padding: 60px 0;
}
.design-5-sec .bottom-sec {
	border-top: 1px solid #cac9c9;
}
.design-5-sec .bottom-sec h4 {
	font-family: 'SignaColumnBold', sans-serif;
	text-align: right;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	padding: 0px;
}
.design-5-sec .bottom-sec h1 {
	font-family: 'SignaColumnBold', sans-serif;
	color: #FFDD00;
	text-align: right !important;
	margin: 0px;
	background: none;
	font-size: 140px;
	line-height: 140px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
/*

.design-5-sec form .row {

	width: 100%;

	max-width: 470px;

	height: auto;

	margin: 0 0 10px;

	padding: 0 0 0 0;

}

.design-5-sec .field-text {

	font-family: Verdana;

	text-align: left;

	font-size: 14px;

	line-height: 13px;

	color: #000;

	font-weight: normal;

	padding: 0px;

	width: 120px;

	float: left;

}



/*.design-5-sec .field-text-box-full {

	width: 265px;

	border: 1px solid #cac9c9;

	height: auto;

	padding: 3px 15px;

	color: #000;

	transition: all 0.3s ease-in 0s;

}

.design-5-sec .field-text-box-full:hover {

	background: #ffde23;

}

.design-5-sec .field-text-box-full:focus , .design-5-sec .field-text-box-full:active {

	background: #ffde23;

}

.design-5-sec .field-text-box-sml {

	width: 160px;

	border: 1px solid #cac9c9;

	height: auto;

	padding: 3px 15px;

	color: #000;

	transition: all 0.3s ease-in 0s;

}

.design-5-sec .field-text-box-sml:hover {

	background: #ffde23;

}

.design-5-sec .field-text-box-sml:focus , .design-5-sec .field-text-box-sml:active {

	background: #ffde23;

}

.design-5-sec .radio-box {

	width: 260px;

	height: auto;

	float: left;

}



input[type=radio].round-checkbox {

	position: absolute;

	z-index: -1000;

	left: -1000px;

	overflow: hidden;

	clip: rect(0 0 0 0);

	height: 1px;

	width: 1px;

	margin: -1px;

	padding: 0;

	border: 0;

	text-decoration: none;

	font-weight: normal;

	font-style: normal;

}



/*input[type=checkbox] , input[type=radio].round-checkbox {

	position: absolute;

	z-index: -1000;

	left: -1000px;

	overflow: hidden;

	clip: rect(0 0 0 0);

	height: 1px;

	width: 1px;

	margin: -1px;

	padding: 0;

	border: 0;

}

input[type=checkbox].round-checkbox + label.round-label {

	padding-left: 32px;

	font-size: 14px;

	line-height: 13px;

	margin-left: 10px;

	color: #000;

	height: 20px;

	display: inline-block;

	line-height: 20px;

	background-repeat: no-repeat;

	background-position: 0 0;

	vertical-align: middle;

	cursor: pointer;

}

input[type=checkbox].round-checkbox:checked + label.round-label {

	background-position: 0 -20px;

}

label.round-label {

	background-image: url(../images/round.png);

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.design-5-sec .submit-btn {

	width: 100px;

	border: 1px solid #cac9c9;

	height: auto;

	padding: 3px 15px;

	color: #000;

	transition: all 0.3s ease-in 0s;

	font-family: Verdana;

	text-align: center;

	background: #ffde23;

	font-size: 14px;

	border-radius: 5px;

	line-height: 13px;

	color: #000;

}

.design-5-sec .submit-btn:hover {

	color: #333;

}

*/







.required-field {
	color: #E5007D !important;
}
.wpcf7-text, .wpcf7-textarea {
	transition: all 0.3s ease-in 0s;
	padding: 5px;
}
.wpcf7-text:hover, .wpcf7-textarea:hover {
	background: #ffde23;
}
.wpcf7-text:focus, .wpcf7-text:active {
	background: #ffde23;
}
.btn {
	background: #FFDD00;
	background-image: -webkit-linear-gradient(top, #FFDD00, #FFDD00);
	background-image: -moz-linear-gradient(top, #FFDD00, #FFDD00);
	background-image: -ms-linear-gradient(top, #FFDD00, #FFDD00);
	background-image: -o-linear-gradient(top, #FFDD00, #FFDD00);
	background-image: linear-gradient(to bottom, #FFDD00, #FFDD00);
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	color: #000;
	font-size: 16px;
	padding: 8px 25px;
	border: solid #ffc533 2px;
	text-decoration: none;
}
.btn:hover {
	background: #000000;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	color: #fff;
	border: solid #000 2px;
	text-decoration: none;
}
/*..............     v.   Design-6-Styles   <-- page-7 -->     ................*/

.design-6-sec {
	width: 100%;
	height: auto;
}
.design-6-sec .thumb {
	width: 100%;
	height: auto;
	margin: 5% auto 4%;
	display: block;
}
.design-6-sec .thumb img {
	margin: 0 auto;
	display: block;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
}
.design-6-sec h1 {
	font-family: 'SignaColumnBook', sans-serif;
	background: #ec008c !important;
	text-align: left;
	font-size: 38px;
	width: 100%;
	color: #fff !important;
	padding: 5px 90px;
	font-weight: normal;
}
.design-6-sec h3 {
	font-family: 'SignaColumnBook', sans-serif;
	text-align: left;
	font-size: 24px;
	line-height: 28px;
	text-decoration: underline;
	color: #E5007D!important;
	font-weight: normal;
	padding: 20px 0 0;
	margin: 0px;
}
.design-6-sec p {
	padding: 50px 40px 20px;
	margin: 0px;
}
.design-6-sec .row-div p {
	padding: 0px 0px 20px;
}
.design-6-sec .footer-sec {
	width: 100%;
	min-height: 55px;
	background: #ec008c;
	float: left;
	padding: 15px 0 10px;
}
/*..............     vi.  Design-7-Styles   <-- page-8 -->     ................*/

.design-7-sec {
	width: 100%;
	height: auto;
}
.design-7-sec .thumb {
	width: 100%;
	float: left;
	height: auto;
	margin: 5% auto 4%;
	display: block;
}
.design-7-sec .thumb img {
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
}
.design-7-sec span {
	font-family: 'SignaColumnBold', sans-serif;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	color: #000!important;
	font-weight: bold !important;
	padding: 0 0;
	margin: 0px;
}
.design-7-sec .row-div p:last-child {
	padding-bottom: 40px;
}
/*..............     vii.  Design-8-Styles   <-- page-9 -->     ................*/

.design-8-sec {
	width: 100%;
	height: auto;
}
.design-8-sec h1 {
	font-family: 'SignaColumnBook', sans-serif;
	background: #88bd40 !important;
	text-align: left;
	font-size: 38px;
	width: 100%;
	color: #fff !important;
	padding: 5px 90px;
	font-weight: normal;
}
.design-8-sec .col-md-5 {
	padding: 40px 0px 0px 60px!important;
	width: 40%;
	float: left;
}
.design-8-sec .col-md-7 {
	padding: 0px !important;
	width: 60%;
	float: right;
}
.design-8-sec .text-box-grn {
	background: #89bd40;
	width: auto;
	max-width: 520px !important;
	margin: 40px 0px;
	float: right;
	padding: 5% 15%;
}
.design-8-sec .text-box-grn h3 {
	font-family: 'SignaColumnBold', sans-serif;
	text-align: left;
	line-height: 36px;
	font-size: 30px;
	width: 100%;
	color: #fff !important;
}
.design-8-sec .text-box-grn p {
	font-family: 'SignaColumnlight', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 30px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: left !important;
}
/*..............     viii. Design-9-Styles   <-- page-10-->     ................*/

.design-9-sec {
	width: 100%;
	height: auto;
}
.design-9-sec .content-area-box {
	width: auto;
	max-width: 600px;
	float: left;
}
.design-9-sec .content-area-box h3 {
	font-family: 'SignaColumnbold', sans-serif;
	font-size: 18px;
	color: #000;
	line-height: 26px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: left !important;
}
.design-9-sec .content-area-box p {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 26px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: left !important;
}
.design-9-sec .col-md-5 {
	width: 35%;
	float: right;
	margin: 30px 0 0;
}
.design-9-sec .col-md-5 img {
	-webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.75);
}
.design-9-sec .col-md-7 {
	width: 64%;
	float: left;
	margin: 30px 0 0;
}
/* ==================================================== */

/* 06. Footer Content Styles                            */

/* ==================================================== */

.footer-sec {
	width: 100%;
	min-height: 55px;
	background: #000;
	float: left;
	padding: 15px 0 10px;
}
.footer-sec p {
	font-family: 'SignaColumnBook', sans-serif;
	color: #FFDD00;
	margin: 0px;
	float: right;
	font-size: 12.5px;
	line-height: 16px;
	text-align: right;
}
.footer-sec .social-icon ul {
	list-style: none;
	max-width: 160px;
	float: left;
	line-height: 54px;
	z-index: 100;
}
.footer-sec .social-icon li {
	display: inline-block;
	color: #fff !important;
	font-size: 25px;
	line-height: 25px;
	text-align: center !important;
	margin-left: 5px;
	height: 23px;
	width: 28px;
	border-radius: 2px;
}
.footer-sec .social-icon li a {
	color: #fff !important;
}
.footer-sec .social-icon li a:hover {
	opacity: 0.8;
}
.footer-sec i {
	color: #fff !important;
}
.footer-sec .fb {
	background: #3d63ae !important;
	font-size: 18px !important;
}
.footer-sec .twr {
	background: #3394c6 !important;
	font-size: 18px !important;
}
.footer-sec .copyright {
	display: table-cell;
	vertical-align: bottom !important;
}
.footer-sec .copyright ul {
	list-style-type: disc !important;
	color: #FFDD00;
	width: auto;
	float: right;
	margin: 0px;
	font-size: 12.5px;
	line-height: 54px;
	float: right;
	padding: 0 4px !important;
}
.footer-sec .copyright li {
	list-style-type: disc !important;
	display: inline-block;
	font-family: 'SignaColumnBook', sans-serif;
	color: #FFDD00;
	margin-right: 5px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
	padding: 0px !important;
}
.footer-sec .copyright li a {
	color: #FFDD00;
	font-family: 'SignaColumnBold', sans-serif;
}
.footer-sec .copyright li:first-child {
	list-style: none !important;
	display: inline-block;
}
.footer-sec .copyright li:before {
	content: "\2022";
	display: inline-block;
	position: relative;
	left: -3px;
}
.footer-sec .col-md-6 {
	width: 50%;
	float: left;
}
.footer-sec .col-md-5 {
	width: 50%;
	float: left;
}
.footer-sec .col-md-3 {
	width: 20%;
	float: left;
}
.footer-sec .col-md-4 {
	width: 30%;
	float: left;
}
/*..............   i.   footer-pink-sec      ................*/



.footer-pink-sec {
	width: 100%;
	min-height: 55px;
	background: #ec008c;
	float: left;
	padding: 15px 0 10px;
}
.footer-pink-sec p {
	font-family: 'SignaColumnBook', sans-serif;
	color: #FFF;
	margin: 0px;
	float: right;
	font-size: 12.5px;
	line-height: 16px;
	text-align: right;
}
.footer-pink-sec .social-icon ul {
	list-style: none;
	max-width: 160px;
	float: left;
	line-height: 54px;
	z-index: 100;
}
.footer-pink-sec .social-icon li {
	display: inline-block;
	color: #fff !important;
	font-size: 25px;
	line-height: 25px;
	text-align: center !important;
	margin-left: 5px;
	height: 23px;
	width: 28px;
	border-radius: 2px;
}
.footer-pink-sec .social-icon li a {
	color: #fff !important;
}
.footer-pink-sec .social-icon li a:hover {
	opacity: 0.8;
}
.footer-pink-sec i {
	color: #fff !important;
}
.footer-pink-sec .fb {
	background: #3d63ae !important;
	font-size: 18px !important;
}
.footer-pink-sec .twr {
	background: #3394c6 !important;
	font-size: 18px !important;
}
.footer-pink-sec .copyright {
	display: table-cell;
	vertical-align: bottom !important;
}
.footer-pink-sec .copyright ul {
	list-style-type: disc !important;
	color: #FFF;
	width: auto;
	float: right;
	margin: 0px;
	font-size: 12.5px;
	line-height: 54px;
	float: right;
	padding: 0 4px !important;
}
.footer-pink-sec .copyright li {
	list-style-type: disc !important;
	display: inline-block;
	font-family: 'SignaColumnBook', sans-serif;
	color: #FFF;
	margin-right: 5px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
	padding: 0px !important;
}
.footer-pink-sec .copyright li a {
	color: #fff;
	font-family: 'SignaColumnBold', sans-serif;
}
.footer-pink-sec .copyright li:first-child {
	list-style: none !important;
	display: inline-block;
}
.footer-pink-sec .copyright li:before {
	content: "\2022";
	display: inline-block;
	position: relative;
	left: -3px;
}
.footer-pink-sec .col-md-6 {
	width: 50%;
	float: left;
}
.footer-pink-sec .col-md-5 {
	width: 50%;
	float: left;
}
.footer-pink-sec .col-md-3 {
	width: 20%;
	float: left;
}
.footer-pink-sec .col-md-4 {
	width: 30%;
	float: left;
}
/*..............   ii.  footer-Yellow-sec      ................*/



.footer-yellow-sec {
	width: 100%;
	min-height: 55px;
	background: #ffde23;
	float: left;
	padding: 15px 0 10px;
}
.footer-yellow-sec p {
	font-family: 'SignaColumnBook', sans-serif;
	color: #000;
	margin: 0px;
	float: right;
	font-size: 12.5px;
	line-height: 16px;
	text-align: right;
}
.footer-yellow-sec .social-icon ul {
	list-style: none;
	max-width: 160px;
	float: left;
	line-height: 54px;
	z-index: 100;
}
.footer-yellow-sec .social-icon li {
	display: inline-block;
	color: #fff !important;
	font-size: 25px;
	line-height: 25px;
	text-align: center !important;
	margin-left: 5px;
	height: 23px;
	width: 28px;
	border-radius: 2px;
}
.footer-yellow-sec .social-icon li a {
	color: #fff !important;
}
.footer-yellow-sec .social-icon li a:hover {
	opacity: 0.8;
}
.footer-yellow-sec i {
	color: #fff !important;
}
.footer-yellow-sec .fb {
	background: #3d63ae !important;
	font-size: 18px !important;
}
.footer-yellow-sec .twr {
	background: #3394c6 !important;
	font-size: 18px !important;
}
.footer-yellow-sec .copyright {
	display: table-cell;
	vertical-align: bottom !important;
}
.footer-yellow-sec .copyright ul {
	list-style-type: disc !important;
	color: #000;
	width: auto;
	float: right;
	margin: 0px;
	font-size: 12.5px;
	line-height: 54px;
	float: right;
	padding: 0 4px !important;
}
.footer-yellow-sec .copyright li {
	list-style-type: disc !important;
	display: inline-block;
	font-family: 'SignaColumnBook', sans-serif;
	color: #000;
	margin-right: 5px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
	padding: 0px !important;
}
.footer-yellow-sec .copyright li a {
	color: #000;
	font-family: 'SignaColumnBold', sans-serif;
}
.footer-yellow-sec .copyright li:first-child {
	list-style: none !important;
	display: inline-block;
}
.footer-yellow-sec .copyright li:before {
	content: "\2022";
	display: inline-block;
	position: relative;
	left: -3px;
}
.footer-yellow-sec .col-md-6 {
	width: 50%;
	float: left;
}
.footer-yellow-sec .col-md-5 {
	width: 50%;
	float: left;
}
.footer-yellow-sec .col-md-3 {
	width: 20%;
	float: left;
}
.footer-yellow-sec .col-md-4 {
	width: 30%;
	float: left;
}
/*..............   iii. footer-green-sec      ................*/



.footer-green-sec {
	width: 100%;
	min-height: 55px;
	background: #88bd40;
	float: left;
	padding: 15px 0 10px;
}
.footer-green-sec p {
	font-family: 'SignaColumnBook', sans-serif;
	color: #FFF;
	margin: 0px;
	float: right;
	font-size: 12.5px;
	line-height: 16px;
	text-align: right;
}
.footer-green-sec .social-icon ul {
	list-style: none;
	max-width: 160px;
	float: left;
	line-height: 54px;
	z-index: 100;
}
.footer-green-sec .social-icon li {
	display: inline-block;
	color: #fff !important;
	font-size: 25px;
	line-height: 25px;
	text-align: center !important;
	margin-left: 5px;
	height: 23px;
	width: 28px;
	border-radius: 2px;
}
.footer-green-sec .social-icon li a {
	color: #fff !important;
}
.footer-green-sec .social-icon li a:hover {
	opacity: 0.8;
}
.footer-green-sec i {
	color: #fff !important;
}
.footer-green-sec .fb {
	background: #3d63ae !important;
	font-size: 18px !important;
}
.footer-green-sec .twr {
	background: #3394c6 !important;
	font-size: 18px !important;
}
.footer-green-sec .copyright {
	display: table-cell;
	vertical-align: bottom !important;
}
.footer-green-sec .copyright ul {
	list-style-type: disc !important;
	color: #FFF;
	width: auto;
	float: right;
	margin: 0px;
	font-size: 12.5px;
	line-height: 54px;
	float: right;
	padding: 0 4px !important;
}
.footer-green-sec .copyright li {
	list-style-type: disc !important;
	display: inline-block;
	font-family: 'SignaColumnBook', sans-serif;
	color: #FFF;
	margin-right: 5px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
	padding: 0px !important;
}
.footer-green-sec .copyright li a {
	color: #fff;
	font-family: 'SignaColumnBold', sans-serif;
}
.footer-green-sec .copyright li:first-child {
	list-style: none !important;
	display: inline-block;
}
.footer-green-sec .copyright li:before {
	content: "\2022";
	display: inline-block;
	position: relative;
	left: -3px;
}
.footer-green-sec .col-md-6 {
	width: 50%;
	float: left;
}
.footer-green-sec .col-md-5 {
	width: 50%;
	float: left;
}
.footer-green-sec .col-md-3 {
	width: 20%;
	float: left;
}
.footer-green-sec .col-md-4 {
	width: 30%;
	float: left;
}
/* ====================== Contact 7 Customization ======================= */



input[type=radio] {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
input[type=radio] + .wpcf7-list-item-label {
	padding-left: 32px;
	font-size: 14px;
	line-height: 13px;
	margin-left: 10px;
	color: #000;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
}
input[type=radio]:checked + .wpcf7-list-item-label {
	background-position: 0 -20px;
}
.wpcf7-list-item-label {
	background-image: url(../images/round.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wpcf7-form p {
	margin-bottom: 10px;
}
.wpcf7-form p:before, .wpcf7-form p:after {
	display: table;
	content: " ";
}
.wpcf7-form p:after {
	clear: both;
}
.wpcf7-form p br {
	display: none;
}
.wpcf7-form-control-wrap, .wpcf7-form-control-wrap {
	float: right;
	width: 68%;
}
.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap input[type=text] {
	width: 100%;
	border: 1px solid #cac9c9;
	height: auto;
	padding: 5px 15px;
	color: #000;
	transition: all 0.3s ease-in 0s;
}
.wpcf7-form-control-wrap select {
	width: 70%;
}
.wpcf7-form-control-wrap textarea {
	height: 120px;
}
.btn {
	margin-left: 32%;
}
#wpcf7-f192-p185-o2 .one_half_last {
	width: 100%;
}
#wpcf7-f192-p185-o2 h2 {
	margin-top: 0;
}
#wpcf7-f192-p185-o2 .one_half_last h2 {
	font-size: 18px;
	margin-bottom: 3px;
}
/* #wpcf7-f192-p185-o2 .one_half_last p.big {

	padding:0 0 0 0;

	margin:0 0 0 0;

	color:#000000;

	font-family:"SignaColumnBook",sans-serif;

	background:#ffdd00;

	padding:0 90px;

	text-align:left;

	font-size:40px;

	width:100%;

	text-shadow:none!important;

}

#wpcf7-f192-p185-o2 .one_half_last p.big a {

	padding:0 0 0 0;

	margin:0 0 0 0;

	color:#000000;

	font-family:"SignaColumnBook",sans-serif;

	font-size:40px;

	text-shadow:none!important;

	line-height:50px!important;

}*/

.big a {
	font-family: 'SignaColumnBold', sans-serif;
	color: #FFDD00;
	margin: 0px;
	cursor: pointer;
	font-size: 60px;
	text-align: left;
	line-height: 120px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
div.wpcf7-mail-sent-ok {
	border: none;
	margin-right: 0;
	color: green;
}
div.wpcf7-validation-errors {
	border: none;
	color: #FF0000;
}
/*#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left, #menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left:hover, #menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left:focus {

    background:  none;

    color: hsl(164, 28%, 44%);

    cursor: pointer;

    display: inline-table;

    font-size: 30px;

    height: 34px;

    left: 0;

    margin: 0;

    padding: 2px 0 0 2px;

    position: absolute;

    text-decoration: none;

    top: 10px;

    width: 39px;

    z-index: 1500;

}

#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span:first-child {

    top: 8px;

    transform: rotate(0deg);

}

#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span {

    background: hsl(208, 6%, 58%) none repeat scroll 0 0 !important;

    display: block;

    height: 4px;

    left: 8px;

    margin: 0;

    padding: 0;

    position: absolute;

    transition: all 0.5s ease 0s;

    width: 25px;

}

#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span:nth-child(2) {

    opacity: 1;

    top: 16px;

}

#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span:last-child {

    top: 24px;

    transform: rotate(0deg);

}

*/#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span:first-child {
	left: 5px;
	top: 16px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 40px;
}
#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span:nth-child(2) {
	left: 3px;
	opacity: 0 !important;
	top: 15px;
	width: 40px;
}
#menuTrigger:checked ~ .menu .trigger .line a.sb-toggle-left span:last-child {
	left: 5px;
	top: 16px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 40px;
}
 @media screen and (min-width:0\0) {

/*.sb-toggle-left, .sb-toggle-left:hover,  .sb-toggle-left:focus {
	left: -15px !important;
	top: 0px !important;
}*/

}
.sb-toggle-left, .sb-toggle-left:hover, .sb-toggle-left:focus {
	background: none;
	color: hsl(164, 28%, 44%);
	cursor: pointer;
	display: inline-table;
	font-size: 30px;
	height: 34px;
	left: 0px;
	margin: 0;
	padding: 2px 0 0 2px;
	position: absolute;
	text-decoration: none;
	top: 10px;
	width: 41px;
	z-index: 1500;
}
.sb-toggle-left span:first-child {
	top: 8px;
	transform: rotate(0deg);
}
.sb-toggle-left span {
	background: hsl(208, 6%, 58%) none repeat scroll 0 0 !important;
	display: block;
	height: 5px;
	left: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 40px;
}
.sb-toggle-left span:nth-child(2) {
	opacity: 1;
	top: 18px;
}
.sb-toggle-left span:last-child {
	top: 28px;
	transform: rotate(0deg);
}

/*.sb-toggle-left.active span:first-child {

    left: 5px;

    top: 16px;

    transform: rotate(45deg);

    width: 30px;

}

.sb-toggle-left.active span:nth-child(2) {

    left: 3px;

    opacity: 0;

    top: 15px;

    width: 30px;

}

.sb-toggle-left.active span:last-child {

    left: 5px;

    top: 16px;

    transform: rotate(-45deg);

    width: 30px;

}

*/









/* ==================================================== */

/* 07. Media Query                                      */

/* ==================================================== */

 @media (max-width: 1125px) {
.arrow-right {
	position: relative;
	z-index: 701;
	right: 0px;
	float: right;
	top: -90px;
}
.arrow-left {
	position: relative;
	z-index: 702;
	left: 0px;
	float: left;
	top: -90px;
}
}
 @media (max-width: 998px) { /* This media query is written for Ipad and tablets */
.top-sec .col-md-4 {
	padding: 0px 0px;
	max-width: 30%;
	width: 30%;
	float: left;
}
.top-sec .col-md-5 {
	max-width: 40%;
	width: 40%;
	float: left;
}
.top-sec .col-md-3 {
	padding: 0px 0px;
	float: left;
	float: right;
	max-width: 25%;
	width: 25%;
}
.top-sec .col-md-3 img {
	float: right;
}
.content-sec .text-box {
	max-width: 34%;
	width: 34% !important;
	float: left;
	height: 100% !important;
}
.content-sec .text-box-middle {
	max-width: 30%;
	margin: 0 1%;
	width: 30% !important;
	float: left;
	height: 100% !important;
}
.content-sec .col-md-4 {
	max-width: 100%;
	width: 33%;
	float: left;
	height: 100% !important;
}
.content-sec .row-div {
	height: 240px !important;
	margin-bottom: 10px;
}
.content-sec-bottom {
	height: 190px;
}
.content-sec-bottom p {
	font-family: 'SignaColumnlight', sans-serif;
	color: #fff;
	margin: 0px;
	font-size: 12.5px;
	line-height: 16px;
	text-align: left;
}
.banner-sec h2 {
	font-size: 46px;
}
}
 @media (max-width: 960px) {
.banner-sec h1 {
	font-size: 70px !important;
	line-height: 120px !important;
}
.content-sec h1 {
	font-size: 30px;
}
.content-sec-bottom .col-md-5 {
	width: 43%;
	float: left;
}
.content-sec-bottom .col-md-7 {
	width: 56%;
	float: right;
}
.content-sec-bottom .text-box {
	width: 100%;
	max-height: auto;
}
.content-sec-bottom .text-box .box-img {
	min-width: 100px;
	width: 55%;
}
.content-sec-bottom .text-box .text-area {
	width: 43%;
	max-width: 43%;
}
.content-sec-bottom h1 {
	font-size: 40px;
	margin: 0;
	padding-left: 20px;
}
.content-sec-bottom .text-box-1 .text-area {
	width: 55%;
	padding: 15px;
}
.content-sec-bottom .rowdiv {
	height: 200px !important;
	margin-bottom: 10px;
}
.content-sec-bottom h3 {
	font-size: 50px;
	line-height: 50px;
}
.content-sec-bottom .text-box-1 .box-thumb {
	min-width: 100px;
	width: 40%;
}
}
 @media (max-width: 940px) {
.design-2-sec .text-sec {
	bottom: 30%;
	height: 160px;
	left: -10%;
	padding: 50px 0 0;
	width: 160px;
	z-index: 60;
}
.design-5-sec .bottom-sec h1 {
	font-size: 120px;
	line-height: 130px !important;
}
.design-5-sec .field-text {
	width: 80% !important;
}
.banner-sec h2 {
	font-size: 42px;
}
}
 @media (max-width:890px) {
.top-sec .col-md-5 h1 {
	font-size: 36px;
	line-height: 70px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 32px;
}
.top-sec .col-md-5 p {
	margin: 0 5%;
}
.banner-sec {
	min-height: auto;
}
.banner-sec h1 {
	font-size: 72px;
	line-height: 100px !important;
}
.content-sec-bottom h1 {
	font-size: 35px;
	padding-left: 10px;
}
.content-sec-bottom h3 {
	font-size: 41px;
}
.content-sec-bottom .text-box-1 .text-area {
	width: 57%;
}
.design-3-sec .bg-pink li {
	width: 100%;
}
.design-3-sec .bg-pink .content-sec {
	max-width: 90% !important;
	width: 100%;
}
.design-3-sec .bg-pink .thumb-sec {
	width: 100%;
}
.design-3-sec .content-sec {
	height: 375px;
}
.footer-sec .col-md-5, .footer-pink-sec .col-md-5, .footer-green-sec .col-md-5, .footer-yellow-sec .col-md-5 {
	width: 53%;
	float: left;
}
.footer-sec .col-md-3, .footer-pink-sec .col-md-3, .footer-green-sec .col-md-3, .footer-yellow-sec .col-md-3 {
	width: 23%;
	float: left;
}
.footer-sec .col-md-4, .footer-pink-sec .col-md-4, .footer-green-sec .col-md-4, .footer-yellow-sec .col-md-4 {
	width: 24%;
	float: left;
}
.big a {
	font-size: 50px;
}
}
 @media (max-width:860px) {
.banner-sec h2 {
	font-size: 38px;
	line-height: 46px;
}
.design-5-sec .bottom-sec h1 {
	font-size: 110px;
	line-height: 130px !important;
}
.big a {
	font-size: 40px;
}
.content-sec-bottom p {
	font-size: 12.8px;
}
}
 @media (max-width:800px) {
.banner-sec h1 {
	font-size: 68px;
}
.content-sec h1 {
	font-size: 26px;
}
.content-sec-bottom h1 {
	font-size: 35px;
	padding-left: 10px;
}
.content-sec-bottom .text-box-1 .text-area {
	width: 55%;
}
.content-sec-bottom .text-box-1 .box-thumb {
	min-width: 100px;
	width: 43%;
}
.content-sec-bottom .text-box .text-area {
	max-width: 55%;
	width: 55%;
}
.content-sec-bottom .text-box .box-img {
	width: 40%;
}
.design-3-sec .content-sec {
	height: 365px;
}
.design-3-sec .green-area .content-sec {
	height: 380px;
}
.design-3-sec .green-area li {
	width: 55%!important;
}
.design-3-sec .green-area .content-sec {
	max-width: 90% !important;
	width: 100%;
}
.design-3-sec .green-area .thumb-sec {
	width: 100%;
}
.top-sec .col-md-5 h1 {
	font-size: 34px;
	line-height: 70px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 30px;
}
.top-sec .col-md-5 p {
	margin: 0 5%;
}
.btn {
	padding: 8px 15px;
}
.banner-sec h1 {
	font-size: 64px !important;
	line-height: 90px !important;
}
.banner-sec h2 {
	font-size: 34px;
}
.content-sec-middle span {
	float: none;
}
.content-sec-bottom h1 {
	font-size: 24px;
}
.content-sec-bottom h3 {
	font-size: 30px;
}
}
 @media (max-width: 768px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */
.top-sec {
	min-height: 80px;
	width: 100%;
}
.top-sec .col-md-5 h1 {
	font-size: 32px;
}
.menu .trigger .line {
	font-size: 34px;
}
.content-sec-bottom .text-box-1 {
	min-height: 198px !important;
}
.content-sec-bottom h1 {
	font-size: 30px;
	padding-left: 10px;
}
.design-2-sec .text-sec h1 , .design-3-sec .text-sec h1 {
    font-size: 15px !important;
    line-height: 22px !important;
    padding: 0 5px !important;
}

.content-sec h1 {
	font-size: 21px !important;
}
.content-sec .row-div {
    height: 250px !important;
    margin-bottom: 10px;
}
.design-2-sec .content-area li {
	height: 340px;
	width: 50%;
}
.design-2-sec .text-sec {
	bottom: 30%;
	height: 160px;
	left: -6%;
	width: 160px;
}
.design-8-sec .text-box-grn {
	margin: 30px 0;
	padding: 5% 10%;
}
.design-8-sec .col-md-5 {
	padding: 8% 15px 0 !important;
}
.design-3-sec .content-sec {
	height: 340px;
}
.banner-sec h1 {
	font-size: 62px !important;
}
}
 @media (max-width: 767px) {
.banner-sec h1 {
	font-size: 56px !important;
}
.content-sec-middle .text-box {
	width: 96%;
}
.content-sec-middle h1 {
	width: 48%;
	font-size: 40px;
}
.content-sec-middle h3 {
	margin: 5px 0px;
}
.content-sec-middle {
	height: auto;
	min-height: 160px;
}
.content-sec-middle .text-box .text-area {
	width: 73%;
}
.content-sec-bottom {
	height: auto !important;
}
.content-sec-bottom .col-md-5 {
	float: left;
	padding: 0px 15px;
	width: 100%;
	height: 200px;
	overflow: hidden !important;
}
.content-sec-bottom .text-box {
	max-width: 100%;
}
.content-sec-bottom .text-box .box-img {
	width: 50%;
	background: none;
}
.content-sec-bottom .text-box .text-area {
	max-width: 48%;
	width: 48%;
	padding: 5% 3%;
}
.content-sec-bottom .col-md-7 {
	float: left;
	padding: 0px 15px;
	width: 100%;
	max-width: 100%;
}
.content-sec-bottom h1 {
	font-size: 36px;
	padding-left: 10px;
}
.content-sec-bottom .text-box-1 .box-thumb {
	min-width: 100px;
	width: 35%;
}
.content-sec-bottom .text-box-1 .text-area {
	width: 64%;
}
.content-sec-bottom .text-box-1 .box-thumb img {
	float: right;
}
.content-sec-bottom .text-box-1 {
	max-width: 100%;
	width: 100%;
	min-height: auto !important;
}
.content-sec-bottom .rowdiv {
	height: 100% !important;
	margin-bottom: 10px;
}
.content-sec .text-box {
	max-width: 100%;
	width: 100% !important;
	float: left;
	height: auto !important;
}
.content-sec .text-box-middle {
	max-width: 100%;
	margin: 15px !important;
	width: 100% !important;
	height: auto !important;
}
.content-sec .col-md-4 {
	max-width: 96%;
	padding: 15px;
	margin: 2% !important;
	width: 100% !important;
	height: auto !important;
}
.content-sec .row-div {
	height: auto !important;
	margin-bottom: 10px;
}
.inner-sec .row-div {
	width: 100%;
	padding: 0px 5% 0px;
}
.inner-sec .row-div:first-child {
	width: 100%;
	padding: 70px 5% 0px;
}
.inner-sec .row-div:last-child {
	padding: 0 5% 70px;
	width: 100%;
}
.inner-sec h1 {
	text-align: left;
	font-size: 40px;
	width: 100%;
	color: #000;
	padding: 0px 5%;
	font-weight: normal;
}
.linkit-yellow-sec {
	padding: 50px 0 10px;
}
.design-4-sec p {
	padding: 6% 5% 10px;
}
.linkit-yellow-sec h1 {
	font-family: 'SignaColumnBold', sans-serif;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	padding: 0px !important;
}
.pink-bg {
	padding: 0px 5%;
}
.blue-bg {
	padding: 0px 5%;
}
.green-bg {
	background: #40ae49;
	padding: 0px 20px;
	float: left;
	width: 100%;
}
.bg-pink {
	padding-left: 40px;
}
.design-5-sec .halfdiv {
	width: 100%;
}
.design-5-sec form .row {
	max-width: 100% !important;
}
.design-5-sec .field-text {
	width: 160px !important;
}
.footer-sec .col-md-5, .footer-pink-sec .col-md-5, .footer-green-sec .col-md-5, .footer-yellow-sec .col-md-5 {
	width: 100%;
	float: left;
}
.footer-sec .col-md-3, .footer-pink-sec .col-md-3, .footer-green-sec .col-md-3, .footer-yellow-sec .col-md-3 {
	width: 50%;
	float: left;
}
.footer-sec .col-md-4, .footer-pink-sec .col-md-4, .footer-green-sec .col-md-4, .footer-yellow-sec .col-md-4 {
	width: 50%;
	float: left;
}
.footer-sec .col-md-6 {
	width: 100%;
	float: left;
}
.footer-sec .copyright ul, .footer-pink-sec .copyright ul, .footer-green-sec .copyright ul, .footer-yellow-sec .copyright ul {
	float: left;
	font-size: 12.5px;
	line-height: 20px;
	list-style-type: disc !important;
	margin: 10px 0 0;
	padding: 0 4px !important;
	width: auto;
}
}
 @media (max-width: 750px) {
.sml {
	display: block;
	line-height: 30px;
}
.top-sec .col-md-5 h1 {
	font-size: 32px;
	line-height: 50px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 28px;
}
.top-sec .col-md-5 p {
	margin: 0 5%;
}
}
 @media (max-width: 700px) {
.top-sec .col-md-5 h1 {
	font-size: 30px;
	line-height: 50px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 27px;
}
.top-sec .col-md-5 p {
	margin: 0 5%;
}
.design-5-sec .bottom-sec h1 {
	font-size: 100px;
	line-height: 100px !important;
}
}
 @media (max-width: 680px) {
.top-sec .col-md-5 h1 {
	font-size: 28px;
	line-height: 50px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 25px;
}
.banner-bottom-sec h1 {
	font-size: 46px;
	line-height: 46px !important;
}
.banner-bottom-sec .thumb {
	max-width: 65%;
}
.banner-bottom-inner {
	min-height: auto !important;
	width: 96%;
	margin: 0px 2%;
}
.banner-bottom-sec .caption-area {
	float: left;
	position: relative;
	top: -235px;
	padding: 0 3% 0 0 5%;
	width: 70%;
	z-index: 10;
}
.banner-sec h1 {
	font-size: 50px !important;
}
.banner-sec h2 {
	font-size: 32px;
}
.inner-sec h1 {
	font-size: 36px;
}
.inner-sec h2 {
	font-size: 24px;
}
.design-8-sec .text-box-grn {
	margin: 30px 0;
	padding: 5% 8%;
}
.design-8-sec .col-md-5 {
	padding: 10% 15px 0 !important;
}
.design-3-sec .col-md-5 {
	width: 1000%;
}
.design-3-sec .col-md-7 {
	width: 100%;
}
.design-3-sec .bg-pink .content-sec {
	width: 100%;
	max-width: 285px !important;
}
.green-bg {
	padding: 0 40px;
	width: 100%;
}
.design-3-sec .green-area li {
	padding-left: 40px !important;
}
.design-5-sec .bottom-sec h4 {
	text-align: center;
}
.big a {
	font-size: 30px;
}
}
 @media (max-width: 640px) {
.top-sec .col-md-5 h1 {
	font-size: 27px;
	line-height: 50px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 24px;
}
.banner-bottom-sec h1 {
	font-size: 46px;
	line-height: 46px !important;
}
.banner-bottom-sec .thumb {
	max-width: 65%;
}
.banner-bottom-inner {
	min-height: auto !important;
}
.banner-bottom-sec .caption-area {
	float: left;
	position: relative;
	top: -220px;
	width: 70%;
	z-index: 10;
}
.banner-bottom-sec .container {
	max-height: 240px;
	overflow: hidden;
}
.content-sec-bottom span {
	float: right;
}
.content-sec-middle .container {
	min-height: 200px !important;
}

.content-sec-middle .text-box .box-thumb {
	background: none;
}
.content-sec-middle span a {
	float: left;
}
.content-sec-bottom span {
	float: none;
}
.design-2-sec .content-area li {
	height: 300px;
	width: 50%;
}
.design-3-sec .blue-area li {
	width: 100%;
}
.design-3-sec .pink-area li {
	width: 100%;
}
.design-3-sec .content-sec {
	height: 380px;
}
.content-sec-middle .text-box .box-thumb {
	padding: 35px 0 0;
}
.btn {
	padding: 8px 10px;
}
.banner-bottom-sec p {
    max-width: 340px;
}
.content-sec-middle .text-box {
	min-height:200px;
}

.content-sec-middle .text-box .text-area {
    width:72%;padding: 55px 10px 10px;
}
}
 @media (max-width:600px) {
.top-sec .col-md-5 h1 {
	font-size: 25px;
	line-height: 50px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 20px;
}
.content-sec-middle span a {
	float: none;
}
.banner-bottom-sec h1 {
	font-size: 42px;
	line-height: 60px !important;
}
.banner-bottom-sec .thumb {
	max-width: 70%;
}
.banner-bottom-inner {
	min-height: auto !important;
}
.banner-bottom-sec .caption-area {
	float: left;
	position: relative;
	top: -220px;
	width: 70%;
	z-index: 10;
}
.banner-sec h2 {
	font-size: 30px;
	line-height: 34px;
}
.banner-sec h1 {
	font-size: 44px !important;
	line-height: 74px !important;
}
.banner-bottom-sec p {
	font-size: 12px;
	line-height: 20px;
	max-width: 350px;
}
.content-sec-middle .text-box {
    min-height: 207px;
}
.content-sec-middle .text-box .text-area {
    width:71% !important;
}
.design-8-sec .col-md-5 {
	width: 100%;
	float: left;
	padding: 0px 5%;
}
/*.design-8-sec .col-md-5 img { margin:0px auto; display:block;}*/

.design-8-sec .col-md-7 {
	width: 100%;
	float: left;
}
.design-8-sec .text-box-grn {
	margin: 30px 0;
	width: 100%;
	max-width: 100% !important;
	float: left;
	padding: 5%;
}
.design-9-sec .col-md-5 {
	width: 100%;
	float: left;
	margin: 20px 0 0;
	padding: 0px;
}
/*.design-9-sec .col-md-5 img { width:auto; margin:0px auto; display:block;}*/

.design-9-sec .col-md-7 {
	width: 100%;
	float: left;
	margin: 20px 0 0;
	padding: 0px;
}
.green-bg {
	padding: 0 5% !important;
	width: 100%;
}
.bg-pink {
	padding-left: 5% !important;
	width: 100% !important;
}
.design-3-sec .green-area li {
	padding-left: 5% !important;
	width: auto!important;
}
.design-3-sec .green-area .content-sec {
	max-width: 280px !important;
	width: 100%;
}
.design-3-sec .col-md-5 {
	width: 100%;
	float: left;
	padding: 0px;
}
.design-5-sec .bottom-sec h1 {
	font-size: 90px;
	line-height: 100px !important;
}
.top-sec .col-md-4 {
	padding: 0px 0px;
	max-width: 100%;
	width: 100%;
	float: left;
}
.top-sec .logo {
	max-width: 100%;
	margin: 0px auto 20px!important;
	display: block;
}
.top-sec .logo p {
	font-size: 14px;
}
.top-sec .col-md-5 {
	max-width: 100%;
	width: 100%;
	float: left;
}
.top-sec .col-md-5 h1 {
	font-size: 36px;
	line-height: 46px !important;
	text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.85);
}
.top-sec .col-md-5 .light {
	font-size: 30px;
}
.top-sec .col-md-5 p {
	margin: 0 20% !important;
}
.top-sec img {
	width: auto;
	margin: 0px auto !important;
	display: block;
	float: none;
}
.top-sec .col-md-3 {
	padding: 20px 0px 0px;
	float: left;
	max-width: 100%;
	width: 100%;
}
.top-sec .col-md-3 img {
	width: 60%;
	margin: 0px auto !important;
	display: block;
	float: none;
}
.top-sec .col-md-5 p {
	margin: 0 10%;
}
.content-sec-middle .text-box .box-thumb {
	padding: 42px 0 0;
}
}
 @media (max-width: 580px) {
.banner-sec {
	width: 96%;
	margin: 20px 2% !important;
}
.banner-sec .col-md-5 {
	float: left;
	padding: 15px;
	border: none;
	width: 100%;
	max-width: 100%;
}
.banner-sec .col-md-7 {
	float: left;
	padding: 0px 15px 20px;
	border: none;
	width: 100%;
	max-width: 100%;
}
.banner-sec h1 {
	text-align: center;
	font-size: 42px;
	line-height: 46px !important;
}
.banner-sec h2 {
	text-align: center;
}
.design-2-sec .text-sec {
   padding: 40px 0 0;
}

.design-2-sec .text-sec h1 {
    font-size: 14px;
    line-height: 20px !important;
    padding: 0 6px !important;
}
.design-2-sec .content-area li {
	height: 360px;
	max-width: 100%;
	width: 100%;
	margin: 0px auto;
	display: block;
}
.design-2-sec .text-sec {
	bottom: 130px;
	height: 170px;
	left: 0;
	width: 170px;
}
.content-sec-middle .text-box .box-thumb {
	padding-top: 47px; width: 29% !important;
}
.big a {
	font-size: 30px;
}
input[type="radio"] + .wpcf7-list-item-label {
	font-size: 12px;
}
.btn {
	padding: 8px 5px;
	font-size: 14px;
}
.design-3-sec .text {
	float: left;
	margin: 0px;
	width: 100%;
	padding: 0 0 0 70px!important;
}
}
 @media (max-width: 560px) {
.content-sec p {
	font-size: 14px;
}
.content-sec li {
	font-size: 14px;
}
.banner-bottom-sec p {
	font-size: 13px;
    max-width: 400px !important;
}
.content-sec-middle p {
	font-size: 14px !important;
}
.content-sec-middle .text-box .box-thumb {
	padding-top: 52px;
}
.content-sec-bottom p {
	font-size: 14px;
}
.top-sec .logo p {
	font-size: 13px;
}
.big a {
	font-size: 30px;
}
.banner-bottom-sec .caption-area {
    float: left;
    padding: 0 1% 0 5%;}
}
 @media (max-width: 540px) {
.banner-bottom-sec h1 {
	font-size: 38px;
	line-height: 70px !important;
}
.content-sec-middle h1 {
	font-size: 34px;
	width: 57%;
}
.banner-bottom-sec .container {
	max-height: 200px;
	overflow: hidden;
}
.design-5-sec .bottom-sec h1 {
	font-size: 80px;
	line-height: 100px !important;
}
.content-sec-middle .text-box .box-thumb {
	padding-top: 58px;
}
.banner-bottom-sec .caption-area {
    float: left;
    padding: 0 0% 0 3%;}
}
 @media (max-width: 520px) {
.banner-bottom-sec h1 {
	font-size: 36px;
	line-height: 40px !important;
}
.content-sec-middle h1 {
	font-size: 32px;
	width: 57%;
}
.banner-bottom-sec .container {
	max-height: 190px;
	overflow: hidden;
}
.banner-bottom-sec .caption-area {
	top: -180px;
}
.inner-sec h1 {
	font-size: 34px;
}
.inner-sec h2 {
	font-size: 20px;
}
.inner-sec p {
	font-size: 14px;
	line-height: 18px;
}
.design-6-sec p {
	font-size: 14px;
	line-height: 18px;
	padding: 2% 5%;
}
.top-sec .logo p {
	font-size: 14px;
}
.big a {
	font-size: 50px !important;
	line-height: 100px !important;
}
}
 @media (max-width: 500px) {
.btn {
	font-size: 16px;
	padding: 8px 25px;
}
}
 @media (max-width: 480px) { /* This media query is written for Mobile only */
.banner-bottom-sec h1 {
	font-size: 44px;
	line-height: 40px !important;
}
.content-sec-middle h1 {
	font-size: 28px;
	width: 100%;
	text-align: center;
}
.content-sec-middle .container {
	min-height: 370px !important;
}
.content-sec-bottom h1 {
	font-size: 32px;
	padding-left: 15px;
}
.content-sec-bottom h3 {
	font-size: 36px;
}
.content-sec-middle .text-box {
	width: 94%;
}
.content-sec-middle {
    margin: 10px 0 !important;}

.content-sec-middle .text-box .box-thumb {
	width: 100% !important;
	padding-top: 0px;
	overflow: hidden;
	max-width:100% !important;
}
.content-sec-middle .text-box .box-thumb img {
	width: 37%;
	margin: 0px auto !important;
	display: block;
}
.content-sec-middle .text-box .text-area {
	padding: 20px 15px;
	width: 100% !important;
}
.content-sec-middle .text-box {
	min-height: 390px !important;
}
.design-2-sec .text-sec {
    padding: 45px 0 0;
}
.text-box .box-thumb {
	float: left;
	height: 160px !important;
	margin: 45px 0 0;
	max-width: 100%;
	width: 100%;
}
.content-sec-bottom .text-box .box-img {
	width: 100%;
	margin: 20px 0 0;
}
.content-sec-bottom .text-box .box-img img {
	width: auto;
	margin: 0px auto !important;
	display: block;
}
.content-sec-bottom .col-md-5 {
	height: 330px;
	overflow: hidden !important;
}
.content-sec-bottom .text-box .text-area {
	max-width: 100%;
	padding: 5% 3%;
	width: 100%;
}
.content-sec-bottom h1 {
	width: 100%;
	text-align: center;
}
.design-5-sec .bottom-sec h1 {
	font-size: 70px;
	line-height: 100px !important;
	text-align: left !important;
}
.wpcf7-form-control-wrap, .wpcf7-form-control-wrap {
	width: 100%;
}
.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap input[type=text] {
	width: 100%;
}
.wpcf7-form-control-wrap select {
	width: 100%;
}
.big a {
	font-size: 70px !important;
}
.btn {
	margin-left: 0;
}
.banner-bottom-sec p {
	max-width: 370px !important;
}

.banner-bottom-sec {
    position: relative !important;
}

.banner-bottom-sec .caption-area {
	width: 80% !important;top: 0 !important;position:absolute !important;
}
.banner-bottom-sec .thumb {
	max-width: 80%;
}
.banner-bottom-sec p{ line-height:16px;}
/*#wpcf7-f192-p185-o2 .one_half_last p.big {

	padding:0 40px;

	text-align:center;

}

#wpcf7-f192-p185-o2 .one_half_last p.big a {

	font-size:28px;

}*/





 @media (max-width: 440px) {
 .top-sec .col-md-5 p {
 margin: 0 15% !important;
}
 .content-sec-bottom .text-box-1 .text-area {
 width: 100%;
}
 .content-sec-bottom .text-box-1 .box-thumb {
 min-width: 100px;
 display: none;
 width: 100%;
}
 .content-sec-bottom .text-box-1 .box-thumb img {
 width: auto;
 margin: 0px auto !important;
 display: block;
 float: none;
}
 .content-sec-middle .text-box .box-thumb img {
 width:40%;
 margin: 0px auto !important;
 display: block;
}
.design-2-sec .text-sec h1 {
    font-size: 16px !important;
    line-height: 32px !important;
    padding: 0 6px !important;
}
.design-3-sec .text-sec h1 {font-size: 16px !important;
    line-height: 32px !important;
    padding: 0 6px !important;}
	
 .banner-bottom-sec p {
 line-height: 15px;
}
 .banner-bottom-inner {
 min-height: auto !important;
width:100% !important;
float:left !important;
}
 .banner-bottom-sec .thumb {
 max-width: 85% !important;
float:right;
}
 .banner-bottom-sec .caption-area {

width:100% !important;
float:left !important;

}
 .banner-bottom-sec h1 {
 font-size:38px; padding:5px 0px !important;
}
.content-sec-middle .text-box {
    min-height: 400px !important;
}
.content-sec-middle {
    margin: 10px 0px 20px !important; height:390px !important;
}
 .inner-sec h1 {
 font-size: 30px;
}
 .design-2-sec .content-area li {
 height: 330px;
 overflow: hidden;
 width: 100%;
}
 .design-2-sec .text-sec {
 bottom: 151px;
 left: -15px;
}
 .design-3-sec .text {
 float: left;
 margin: 0 !important;
 padding: 0 0 0 70px;
 width: 100% !important;
}
 .design-5-sec .field-text-box {
 max-width: 100%;
 width: 100%;
}
 .design-5-sec .field-text-box-full {
 max-width: 100%;
 width: 100%;
}
 .design-5-sec .field-text-box-sml {
 max-width: 100%;
 width: 100%;
}
 .design-5-sec form .row {
 margin: 0 0 20px;
}
 .big a {
 font-size: 64px !important;
}

}
 @media (max-width: 414px) { /* This media query is written for iPhone 6 Plus */
.design-2-sec .content-area li {
	height: 316px;
}
.design-5-sec .bottom-sec h1 {
	font-size: 60px;
	line-height: 80px !important;
	text-align: left !important;
}
.big a {
	font-size: 60px !important;
	line-height: 90px !important;
}
.content-sec-middle .text-box .box-thumb img {
	width: 41%;
	margin: 0px auto !important;
	display: block;
}

}
 @media (max-width: 412px) {
.banner-bottom-sec .caption-area {
	top: 0px;
}	 
	 
}
 @media (max-width: 380px) {
.top-sec .logo p {
	font-size: 12.6px;
}
.inner-sec h1 {
	font-size: 28px;
	line-height: 40px !important;
}
.design-2-sec .content-area li {
	height: 300px;
}
.design-2-sec .text-sec {
	bottom: 144px;
	left: -12px;
}
.top-sec .col-md-5 p {
	margin: 0 13% !important;
}
.design-5-sec .bottom-sec h1 {
	font-size: 50px;
	line-height: 80px !important;
	text-align: left !important;
}
.big a {
	font-size: 56px !important;
	line-height: 80px !important;
}
.content-sec-middle .text-box .box-thumb img {
	width: 46%;
	margin: 0px auto !important;
	display: block;
}
.banner-bottom-sec .caption-area {
	top:0px;
}
}
 @media (max-width: 360px) {
.top-sec .logo p {
	font-size: 12px;
}
.big a {
	font-size: 50px !important;
	line-height: 70px !important;
}
.content-sec-middle .text-box .box-thumb img {
	width: 48%;
	margin: 0px auto !important;
	display: block;
}
.banner-bottom-sec .caption-area {
	top: 0px !important;
}
.banner-bottom-sec .thumb {
	float: right;
	max-width: 80% !important;
}
.banner-bottom-sec p {
	max-width: 180px;
	font-size: 13px;
}
.banner-bottom-sec {
    float: left;
    height: 160px !important;}
}
 @media (max-width: 359px) {
.banner-bottom-sec .caption-area {
	top: 0px;
}


.banner-bottom-sec p {
    font-size: 12px;
    max-width: 180px;
}
}
 @media (max-width: 340px) { /* This media query is written for Mobile only */
.banner-bottom-sec h1 {
	font-size: 36px;
	line-height: 40px !important;
}
.top-sec .logo p {
	font-size: 12px;
}
.top-sec .col-md-5 p {
	margin: 0 10% !important;
}
.banner-bottom-sec .thumb {
	max-width: 74%;
}
.inner-sec h1 {
	font-size: 26px;
}
.design-2-sec .content-area li {
	height: 280px;
}
.design-2-sec .text-sec {
	bottom: 135px;
	left: -12px;
}
.content-sec-middle .text-box .box-thumb img {
	width: 50%;
	margin: 0px auto !important;
	display: block;
}
.banner-bottom-sec .caption-area {
	top: 0px !important;
}

}