@charset "utf-8";



@import url("fontawesome-4.5.0.min.css");

@import url("custom.css");



/* Rows

--------------------------------------------------------------------------------------------------------------- */

.row0, .row0 a{}

.row1, .row1 a{}

.row2, .row2 a{}

.row3, .row3 a{}

.row4, .row4 a{}

.row5, .row5 a{}





/* Top Bar

--------------------------------------------------------------------------------------------------------------- */

#topbar{padding:10px 0; font-size:12px;}

em{ color: #fca70e;}

#topbar .fl_left{margin-top:4px; font-size:18px;}

#topbar .fl_left .inline > li i{margin:0 5px 0 0; line-height:normal;}





/* Header

--------------------------------------------------------------------------------------------------------------- */

#header{padding:30px 0;}



#header #logo{margin-top:8px; font-variant:small-caps;}

#header #logo h1{margin:0; padding:0; font-size:26px;}



#header #quickinfo{font-size:.8rem; text-transform:uppercase;}

#header #quickinfo li{margin-right:50px;}

#header #quickinfo li:last-child{margin-right:0;}

#header #quickinfo strong{display:block; margin:0 0 -5px 0; padding:0; font-size:.9rem;}

#header #quickinfo br{display:none;}





/* Page Intro

--------------------------------------------------------------------------------------------------------------- */

#pageintro{padding:180px 0;}



#pageintro li article > div *{margin:0;}

#pageintro li article > div:first-child *{margin:20px 0 0 0;}



#pageintro li .roman-numeral{display:none; font-size:3rem; font-style:normal; line-height:1;}

#pageintro li p:first-of-type{}

#pageintro li .heading{}

#pageintro li p:nth-of-type(2){margin-top:30px; line-height:2rem;}

#pageintro li p:last-of-type{margin-top:40px;}





/* Content Area

--------------------------------------------------------------------------------------------------------------- */

.container{padding:0px 0;}



/* Content */

.container .content{}



.services{}

.services li{}

.services li:nth-child(-n+3){margin-bottom:50px;}

.services li:last-child{margin-bottom:0;}/* Used for mobile devices when elements stack */

.services article{display:block; position:relative; min-height:80px; padding:0 0 0 40px;}

.services article *{margin:0;}

.services article i{display:block; position:absolute; top:0; left:0; font-size:24px;}

.services article .heading{margin-bottom:10px; font-size:1.2rem; text-transform:uppercase;}

.services article p{margin-bottom:10px;}



.elements{margin-bottom:50px;}

.elements li{}

.elements li:nth-child(-n+3){}

.elements li:last-child{margin-bottom:0;}/* Used for mobile devices when elements stack */

.elements figure{display:block; position:relative; width:100%; max-width:320px; height:100%; margin:0 auto;}

.elements figure figcaption{display:block; width:100%; text-align:center;}

.elements figure:hover figcaption{opacity:1;}

.elements figure figcaption a{display:block; padding:10px; font-weight:700; text-transform:uppercase;}



/* Comments */

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}

#comments li{margin:0 0 10px 0; padding:15px;}

#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}

#comments address{font-weight:bold;}

#comments time{font-size:smaller;}

#comments .comcont{display:block; margin:0; padding:0;}

#comments .comcont p{margin:10px 5px 10px 0; padding:0;}



#comments form{display:block; width:100%;}

#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}

#comments textarea{overflow:auto;}

#comments div{margin-bottom:15px;}

#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}



/* Sidebar */

.container .sidebar{}



.sidebar .sdb_holder{margin-bottom:50px;}

.sidebar .sdb_holder:last-child{margin-bottom:0;}





/* Coloured Boxes

--------------------------------------------------------------------------------------------------------------- */

.clrbox{display:table;}



.clrbox *{margin:0;}

.clrbox li{display:table-cell; width:33.33333333333333%;}

.clrbox article{padding:15%;}

.clrbox .heading, .clrbox p:first-of-type{margin-bottom:30px;}

.clrbox .btn{}





/* Footer

--------------------------------------------------------------------------------------------------------------- */

#footer{padding:40px 0;}



#footer .title{margin:0 0 10px 0; padding:0; font-size:1.2rem; text-transform:uppercase;}



#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid;}

#footer .linklist li:last-child{margin:0; padding:0; border:none;}

#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}

#footer .linklist li, #footer .linklist li::after{clear:both;}



#footer .contact{}

#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}

#footer .contact li *{margin:0; padding:0; line-height:1.6;}

#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}



#footer input, #footer button{border:1px solid;}

#footer input{display:block; width:100%; padding:8px;}

#footer button{padding:8px 18px 10px; text-transform:uppercase; font-weight:700; cursor:pointer;}





/* Copyright

--------------------------------------------------------------------------------------------------------------- */

#copyright{padding:30px 0; border-top:1px solid;}

#copyright *{margin:0; padding:0;}





/* Transition Fade

--------------------------------------------------------------------------------------------------------------- */

*, *::before, *::after{transition:all .3s ease-in-out;}

#mainav form *{transition:none !important;}





/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */





/* Navigation

--------------------------------------------------------------------------------------------------------------- */

nav ul, nav ol{margin:0; padding:0; list-style:none;}



#mainav, #breadcrumb, .sidebar nav{line-height:normal;}

#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}



/* Top Navigation */

#mainav{}

#mainav ul{}

#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left;}

#mainav ul ul ul{left:160px; top:0;}

#mainav li{display:block; position:relative; float:left; margin:0; padding:0; text-transform: capitalize; font-size:medium;}

#mainav li:last-child{margin-right:0;}

#mainav li li{width:100%; margin:0; text-transform:none;}



#mainav li a{display:block; padding:20px; }

#mainav li li a{border-width:0 0 1px 0;}

#mainav li li:first-child a, #mainav li li:last-child a{border-width:0 0 1px 0;}

#mainav .drop{padding-left:25px;}

#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}

#mainav .drop:after, #mainav li li .drop:after{content:"\f0d7";}

#mainav .drop:after{top:25px; left:15px;}

#mainav li li .drop:after{top:15px; left:5px;}

#mainav ul ul{visibility:hidden; opacity:0;}

#mainav ul li:hover > ul{visibility:visible; opacity:1;}



#mainav form{display:none; margin:0; padding:20px 0;}

#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none; border:none;}

#mainav form select{width:100%; padding:5px;}

#mainav form select option{margin:5px; padding:0;}



/* Breadcrumb */

#breadcrumb{padding:80px 0 20px;}

#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}

#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}

#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}

#breadcrumb li a::after{top:3px; right:0; content:"\f101";}

#breadcrumb li:last-child a{margin:0; padding:0;}

#breadcrumb li:last-child a::after{display:none;}



/* Sidebar Navigation */

.sidebar nav{display:block; width:100%;}

.sidebar nav li{margin:0 0 3px 0; padding:0;}

.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}

.sidebar nav a::after{top:9px; left:5px; content:"\f101";}

.sidebar nav ul ul a{padding-left:35px;}

.sidebar nav ul ul a::after{left:25px;}

.sidebar nav ul ul ul a{padding-left:55px;}

.sidebar nav ul ul ul a::after{left:45px;}



/* Pagination */

.pagination{display:block; width:100%; clear:both;}

.pagination li{display:inline-block; margin:0 2px 0 0;}

.pagination li:last-child{margin-right:0;}

.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}



/* Back to Top */

#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}

#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}

#backtotop.visible{visibility:visible; opacity:.5;}

#backtotop:hover{opacity:1;}





/* Tables

--------------------------------------------------------------------------------------------------------------- */

table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}

table, th{table-layout:auto;}

table{width:100%; margin-bottom:15px;}

th, td{padding:5px 8px;}

td{border-width:0 1px;}





/* Gallery

--------------------------------------------------------------------------------------------------------------- */

#gallery{display:block; width:100%; margin-bottom:50px;}

#gallery figure figcaption{display:block; width:100%; clear:both;}

#gallery li{margin-bottom:30px;}





/* Font Awesome Social Icons

--------------------------------------------------------------------------------------------------------------- */

.faico{margin:0; padding:0; list-style:none;}

.faico li{display:inline-block; float:left; margin:0 5px 0 0; padding:0; line-height:normal;}

.faico li:last-child{margin-right:0;}



.faico a{display:block; width:30px; height:30px; line-height:30px; font-size:14px; text-align:center; border-radius:50%;}

.faico a{color:inherit; background-color:#DADADA;}



.faico a:hover{color:#FFFFFF;}

.faicon-dribble:hover{background-color:#EA4C89;}

.faicon-facebook:hover{background-color:#3B5998;}

.faicon-google-plus:hover{background-color:#DB4A39;}

.faicon-linkedin:hover{background-color:#0E76A8;}

.faicon-pinterest:hover{background-color:#C8232C;}

.faicon-rss:hover{background-color:#EE802F;}

.faicon-twitter:hover{background-color:#00ACEE;}





/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */





/* Colours

--------------------------------------------------------------------------------------------------------------- */

body{color:#888888; background-color:#EEEEEE;}

a{color:#34495e;}

a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */

hr, .borderedbox{border-color:#D7D7D7;}

label span{color:#FF0000; background-color:inherit;}

input:focus, textarea:focus, *:required:focus{border-color:#E9365A;}

.overlay{color:#FFFFFF; background-color:inherit;}

.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}

.overlay.coloured::after{color:#292B2C; background-color:rgba(233,54,90,.5);/* #E9365A */}



.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#E9365A; border-color:#E9365A;}

.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}





/* Rows */

.row0{color:#0e0b0b; background-color:#EEEEEE;}

.row1{color:#888888; background-color:#FFFFFF;}

.row2{color:#FFFFFF; background-color:#e74c3c;}

.row3{color:#34495e; background-color:#f5f5f5;}

.row4{color:#888888; background-color:#2c3e50;}

.row5, .row5 a{color:#000; background-color:#EEEEEE;}





/* Flexslider Overrides */

.flex-control-paging li a{background-color:rgba(233,54,90,1);/* #E9365A */ border-color:rgba(233,54,90,0);/* #E9365A */}

.flex-control-paging li a.flex-active{background-color:rgba(233,54,90,0);/* #E9365A */ border-color:rgba(233,54,90,1);/* #E9365A */}





/* Header */

#header #logo *{color:inherit;}





/* Content Area */

.elements figure figcaption{color:#888888; background:#FFFFFF;}

.elements figure figcaption a{color:inherit; background:inherit;}

.elements figure:hover figcaption a{color:#FFFFFF; background:#E9365A;}





/* Coloured Boxes */

.clrbox{color:#FFFFFF;}

.clrbox li:nth-of-type(1){background-color:rgba(24,24,24,.8); /* #181818 */}

.clrbox li:nth-of-type(2){background-color:rgba(24,24,24,.6); /* #181818 */}

.clrbox li:nth-of-type(3){background-color:rgba(24,24,24,.4); /* #181818 */}





/* Footer */

#footer .title{color:#333333;}

#footer .linklist li{border-color:#DADADA;}



#footer input, #footer button{border-color:transparent;}

#footer input{color:#333333; background-color:#DADADA;}

#footer input:focus{border-color:#E9365A;}

#footer button{color:#FFFFFF; background-color:#E9365A;}





/* Copyright */

#copyright{border-color:#DADADA;}





/* Navigation */



#mainav li a{color:inherit; background-color:inherit;}

#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#CAE984;; background-color:inherit;}

#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}

#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#E9365A;}

#mainav form select{color:#FFFFFF; background-color:#225f2d;}



#breadcrumb a{color:inherit; background-color:inherit;}

#breadcrumb li:last-child a{color:#E9365A;}



.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}

.container .sidebar nav a:hover{color:#E9365A;}



.pagination a, .pagination strong{border-color:#D7D7D7;}

.pagination .current *{color:#FFFFFF; background-color:#E9365A;}



#backtotop{color:#FFFFFF; background-color:#18D22E;}





/* Tables + Comments */

table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}

#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#E9365A;}

th{color:#FFFFFF; background-color:#2faa82;}

tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#A7D1BA;}

tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}

table a, #comments a{background-color:inherit;}





/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */





/* Media Queries

--------------------------------------------------------------------------------------------------------------- */

@-ms-viewport{width:device-width;}





/* Max Wrapper Width - Laptop, Desktop etc.

--------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:978px){

	.hoc{max-width:1120px;}

}





/* Mobile Devices

--------------------------------------------------------------------------------------------------------------- */

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

	.hoc{max-width:90%;}



	#topbar{}



	#header{}



	#mainav{}

	#mainav ul{display:none;}

	#mainav form{display:block;}



	#breadcrumb{}



	.container{}

	#comments input[type="reset"]{margin-top:10px;}

	.pagination li{display:inline-block; margin:0 5px 5px 0;}



	#footer{}



	#copyright{}

	#copyright p:first-of-type{margin-bottom:10px;}

}





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

	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}

	.fl_left, .fl_right{display:block; float:none;}

	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}



	#topbar{padding:10px 0 15px; text-align:center;}

	#topbar *{margin:0;}

	#topbar .fl_left ul{margin:0 0 10px 0; line-height:normal;}

	#topbar .fl_left ul li{display:inline-block; margin-right:20px;}

	#topbar .fl_left ul li:last-child{margin-right:0;}

	#topbar .faico li{float:none;}



	#header{text-align:center;}

	#header #logo{margin:0 0 30px 0;}



	.clrbox, .clrbox li{display:block; width:100%;}



	#footer{padding-bottom:30px;}/* Not necessary, but looks better */

}





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

	#topbar .fl_left ul li{display:block; margin:5px 0 0 0;}

	#topbar .fl_left ul li:first-child{margin:0;}

	.photo_1_of_3{

	width: 100% !important;

	padding:1.5%; 

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.photo_1_of_3  img {

	max-width:100% !important;

	display:block;

	padding: 3px;

	background: #FFF;

	box-shadow: 1px 4px 8px 2px #aaaaaa;

}

}







/* Other

--------------------------------------------------------------------------------------------------------------- */

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

	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}

	.scrollable table{margin:0; padding:0; white-space:nowrap;}



	.inline li{display:block; margin-bottom:10px;}

	.pushright li{margin-right:0;}



	.font-x2{font-size:1.4rem;}

	.font-x3{font-size:1.6rem;}



	#header #quickinfo li{display:block; margin-right:0;}

}



.wrapper_row6{

	padding:30px 0;

}

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.photo_1_of_3:first-child { 

	margin-left: 0; 

} 

.photo_1_of_3{

	width: 32.2%;

	padding:1.5%; 

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.photo_1_of_3  img {

	max-width:100%;

	display:block;

	padding: 3px;

	background: #FFF;

	box-shadow: 1px 4px 8px 2px #aaaaaa;

}

.photo_1_of_3  h3{

	font-size: 1.2em; 

	margin:10px 0;

	color:#3c5677; font-weight:700;

	font-family: 'bonvenocflight';

	text-transform: uppercase;

}

.photo_1_of_3  p  {

	font-size: 0.85em;

	color: #888;

	line-height: 1.8em;

}







.photo_1_of_4:first-child { 

	margin-left: 0; 

} 

.photo_1_of_4{

	width: 23.5%;

	padding:1.5%; 

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.photo_1_of_4  img {

	max-width:100%;

	display:block;

	padding: 3px;

	background: #FFF;

	box-shadow: 1px 4px 8px 2px #aaaaaa;

}

.photo_1_of_4  h3{

	font-size: 1.2em; 

	margin:10px 0;

	color:#3c5677; font-weight:700;

	font-family: 'bonvenocflight';

	text-transform: uppercase;

}

.photo_1_of_4  p  {

	font-size: 0.85em;

	color: #888;

	line-height: 1.8em;

}

.read_more{

	margin-top:10px;

}

.read_more a{

  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa1951), color-stop(100%, #EEEEEE));

  background: -webkit-linear-gradient(top, #fa1951, #EEEEEE);

  background: -moz-linear-gradient(top, #fa1951, #EEEEEE);

  background: -o-linear-gradient(top, #fa1951, #EEEEEE);

  background: linear-gradient(top, #fa1951, #EEEEEE);

  background-color: #000000;

  border-color:#000000;

  color: white;

  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);

  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);

   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);

   border: 1px solid #5a8200;

   display:inline-block;

   padding:10px 20px;

   font-family: 'ambleregular';

   font-weight: 300;

   font-size: 14px;

}

.read_more a:hover{

  background-color: #181e1e;

  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #EEEEEE), color-stop(100%, #181e1e));

  background: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE);

  background: -moz-linear-gradient(top, #EEEEEE, #EEEEEE);

  background: -o-linear-gradient(top, #EEEEEE, #EEEEEE);

  background: linear-gradient(top, #EEEEEE, #EEEEEE);

}

.read_more a:active{

  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;

  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;

  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;

  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);

  background: #000000;

  color: #000000;

}

/*==========Profile Page==============*/

.one-forth{ width:25%; margin-left:15px; float:left;}

.three-forth{ width:60%; float:left;}

.three-forth h1{ text-align:center;}

.box{ width:100%; padding:10px; border:1px #0C3 solid;}

.box2{ width:100%;;}

.top-mrg-20{ margin-top:20px;}



.prefancy {

    padding-left: 20px;

    /* padding-right: 20px; */

    overflow: hidden;

}

.fancy {

    line-height: 1.5;

    text-align: center;

}



.fancy span {

    display: inline-block;

    position: relative;

    line-height: 1.5em;

    letter-spacing: 1px;

	font-size:25px;

    font-weight: normal;

    text-transform: none;

}



.fancy span:before {

    right: 100%;

    margin-right: 15px;

}

.fancy span:before, .fancy span:after {

    content: "";

    position: absolute;

    height: 5px;

    border-bottom: 1px solid rgba(0, 128, 0, 0.3);

    border-top: 1px solid rgba(0, 128, 0, 0.3);

    top: 17px;

    width: 500px;

}



.fancy span:after {

    left: 100%;

    margin-left: 15px;

}



.fancy span:before, .fancy span:after {

    content: "";

    position: absolute;

    height: 5px;

    border-bottom: 1px solid rgba(0, 128, 0, 0.3);

    border-top: 1px solid rgba(0, 128, 0, 0.3);

    top: 17px;

    width: 500px;

}



dl { width: 250px; float:left; }

dt { float: left; width: 100px; overflow: hidden; white-space: nowrap }

dd { float: left; width: 100px; overflow: hidden }



dt:after { content: "......................................................................................." }



input[type=text], select {

    width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

}



textarea,select {

      width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

}





input[type=submit] {

    width: 100%;

    background-color: #4CAF50;

    color: white;

    padding: 14px 20px;

    margin: 8px 0;

    border: none;

    border-radius: 4px;

    cursor: pointer;

}



input[type=submit]:hover {

    background-color: #45a049;

}

.fa{ width:25px; font-size:20px;}



.footer-strip{ padding:10px 0 10px 0;font-size:16px; text-align:center; background:#093; color:#fff;}

.nav-left{ float:left;}

.nav-right{ float:right;}

.strip{font-size:16px;

    background: #2ecc71;

    min-height: 70px;

    text-align: center;

    color: #fff;

    padding: 24px;}
	
	<!-- footer responsive-->

.city_kyrds {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.city_kyrds a {
	color: #FF0;
}


.taextbanner {
	font-size: 1.5em;
	padding: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E00067;
	background-color: #FFF;
}
.square {
	border: 3px solid #E00067;
	text-align: center;
	width: 20%;
	height: 10%;
	display: inline-block;
	margin: 15px 25px 10px 25px;
}
@media (max-width:767px){
	.taextbanner {
		
	}
.square {
	border: 3px solid #E00067;
	text-align: center;
	width: 41%;
	height: 10%;
	margin: 15px 10px;
	
}

}