/*
Theme Name: Esicon Integrated Services Limited
Author: Jonathan C 
Author URI: http://Futureviewtechnology.com/
Company url: http://layerfiveltd.com
*/


*{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}
img{
	border:none;
}
#top{
	width:100% !important;
	background:#fafafa;
}
#wrapper-top{
	width:87%;
	height:auto;
	margin:0 auto;
}
#ribbon{
	border-bottom:1px double #c7c7c7;
}
#ribon-line{
	
}
#top-social img{
	margin-top:12px;
}
#top-social, #top-add, #top-tel, #top-e, #top-time{
	height:40px;
	border-right:1px solid #dddddd;
}
#top-add span{
	display:block;
	background:url(images/location-top.jpg) no-repeat top left;
	height:15px;
	margin-top:12px;
}
#top-tel span{
	display:block;
	background:url(images/tel-top.jpg) no-repeat top right;
	height:15px;
	margin-top:12px;
}
#top-e span{
	display:block;
	background:url(images/email-add.jpg) no-repeat top right;
	height:15px;
	margin-top:12px;
}
#top-time span{
	margin-left:10px;
	display:block;
	background:url(images/open-time.jpg) no-repeat top right;
	height:15px;
	margin-top:12px;
}
#top-add p{
	padding-top:11px;
	font-family:Arial;
	font-size:12px;
	color:#5e5e5e;
	font-weight:normal;	
}
#top-tel p, #top-e p, #top-time p{
	display:block;
	font-family:Arial;
	font-size:12px;
	color:#5e5e5e;    
	margin-top: 11px;
	font-weight:normal;	
}
#logo-nav{
	height:110px;
}
#logo-nav h1{
	font-family:Arial;
	font-size:xx-small;
	text-indent:-99999px;		
}
#main-nav{
	margin-top:50px;	
}
/****************************Nav menu Css****************8/
/********** Start RESET **********/


a {
    text-decoration: underline;
    color: #000;
}
a:hover {
    text-decoration: none;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
sup, sub {
    font-size: 75%;
    line-height: 0;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
pre {
    display: block;
    overflow: auto;
}
code {
    font-family: 'Courier New', Courier, monospace;
}
ul, ol {
    list-style: none;
}
table {
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: hide;
}
img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
input, textarea {
    -webkit-appearance: none;
}
button, input, select, textarea {
    vertical-align: baseline;
*vertical-align: middle;
    -webkit-border-radius: 0;
}
button, input {
    line-height: normal;
*overflow: visible;
}
table button, table input {
*overflow: auto;
}
button, input[type='button'], input[type='reset'], input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration {
display: none;
}
input[type='search'] {
    -webkit-appearance: textfield;
}
input[type='radio'] {
    -webkit-appearance: radio;
}
input[type='checkbox'] {
    -webkit-appearance: checkbox;
}
input::-ms-clear {
display: none;
}
input[type='password']::-ms-reveal {
display: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix {
    zoom: 1;
}
*:first-child+html .clearfix {
    zoom: 1;
}
.cleaner {
    height: 0;
    line-height: 0;
    clear: both;
}

/********** End RESET **********/

a {
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
a, a:hover {
    text-decoration: none;
}
#cssmenu {
	z-index:10000000;
    width: 60em; /* 1000 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -30em; /* 30 480 */
}
#cssmenu > a {
    display: none;
}
#cssmenu li {
    position: relative;
}
#cssmenu li a {
    color: #224687;
    display: block;
}
#cssmenu li a:active {
    background-color: #2dbff4 !important;
	color:#fff !important;
}
#cssmenu span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #727376;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}
/* first level */

            #cssmenu > ul {
    height: 3.75em; /* 60 */
  
}
#cssmenu > ul > li {
	margin: 5px 20px;
    height: 100%;
    float: left;
}
#cssmenu > ul > li > a {
    height: 100%;
    font-size: 15px; /* 24 */
    line-height: 28px; /* 60 (24) */
    text-align: center;
	font-weight: bold;
	padding:15px 15px;
}
#cssmenu > ul > li:not( :last-child ) > a {
  /*  border-right: 1px solid #cc470d;*/
}
#cssmenu > ul > li:hover > a, #cssmenu > ul:not( :hover ) > li.active > a {
   
	color:#2dbff4;
}
/* second level */

                #cssmenu li ul {
    background-color: #fff;
    display: none;
    position: absolute;
    top: 100%;
	width: 250px;
}
#cssmenu li:hover ul {
    display: block;
    left: 0;
    right: 0;
}
#cssmenu li:not( :first-child ):hover ul {
    left: -1px;
}
#cssmenu li ul a {
    font-size: 15px; /* 20 */
	font-family:Arial, sans-serif;
    border-top: 1px solid #979797;
	font-weight:bold;
    padding: 10px 20px; /* 15 (20) */
}
#cssmenu li ul li a:hover, #cssmenu li ul:not( :hover ) li.active a {
    color: #00afef;
}
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#cssmenu {
    width: 100%;
    position: static;
    margin: 0;
}
}
 @media only screen and ( max-width: 40em ) /* 640 */ {
html {
    font-size: 75%; /* 12 */
}
#cssmenu {
    position: relative;
    top: auto;
    left: auto;
}
#cssmenu > a {
    width: 3.125em; /* 50 */
    height: 3.125em; /* 50 */
    text-align: left;
    text-indent: -9999px;
    background-color: #224687;
    position: relative;
}
#cssmenu > a:before, #cssmenu > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
    content: '';
}
#cssmenu > a:after {
    top: 60%;
}
#cssmenu:not( :target ) > a:first-of-type, #cssmenu:target > a:last-of-type {
    display: block;
}
/* first level */

            #cssmenu > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
}
#cssmenu:target > ul {
    display: block;
}
#cssmenu > ul > li {
    width: 100%;
    float: none;
}
#cssmenu > ul > li > a {
    height: auto;
    text-align: left;
    padding: 0 0.833em; /* 20 (24) */
}
#cssmenu > ul > li:not( :last-child ) > a {
    border-right: none;
    border-bottom: 1px solid #979797;
}
/* second level */

                #cssmenu li ul {
    position: static;
    padding: 1.25em; /* 20 */
    padding-top: 0;
}
}
/************Main Home Slider***********************************/
#slider{
	width:100% !important;
	height:480px;
}
.slider-ul{
	list-style:none;	
	
}
.slider-ul li{	
	font-family:"Open Sans";
	font-size:14px;
	color:#fff;
	margin:12px 0;
	background:url(images/slider-bullet.png) no-repeat center left;
	padding-left:20px;	
}

.button_3d {
    position: relative;
    text-decoration: none !important;
    border: none;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: none !important;
    outline: none !important;
}

.button_3d span {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    background: #dac725;
    color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.button_3d.white span{
    background: #fff;
    color: #4c4c4b;
}

.button_3d span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px 20px;
    background: #999;
    color: #4c4c4b;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.button_3d.white span::before{
    background: #c0af1a;
    color: #fff;
}

.button_3d:hover span,
.button_3d:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.button_3d:hover span::before,
.button_3d:focus span::before {
    background: #fff;
    color: #4c4c4b;
}

.button_3d.white:hover span::before,
.button_3d.white:focus span::before {
    background: #dac725;
    color: #fff;
}

/************services*****************/
#services{
	width:100%;
	background:#fff;

}
#service-wrapper{
	width:90%;
	margin:0 auto;
	padding:80px 0;	
}

.serve-box{
	Background:#224687;
	height:298px;
	padding:10px;	
}
.serve-box:hover{
	background:#00afef;
}
.serve-box img{
	padding-top:23px;
	margin-left:40%;
	padding-bottom:10px;
	border-bottom:solid 1px #fff;
}
.serve-box h1{
	color:#f2f1f1;
	font-family:"Open Sans", Roboto;
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
}
.serve-box h1 a{
	color:#f2f1f1;
	text-decoration:none;	
}
.serve-box h1 a:hover{
	text-decoration:underline;	
}
.serve-box p{
	color:#f2f1f1;
	font-size:14px;
	font-family:"Open Sans", Roboto;
	font-weight:normal;
	text-align:center;
}
/*************************Project Styles ***************************/
#gallery-wrapper img{
	margin:0 auto;
}
.policy-thumb{
	color:#224687;
	font-family:"Open Sans", Roboto;
	font-size:18px;
	font-weight:normal;
	text-transform:capitalize;
	text-align:left;
}
#gallery-wrapper span{
	font-family:"Open Sans", Roboto;
	font-size:14px;
	display:block;
	border-radius:12px;
	background:#224687;
	color:#fff;
	width:100px;
	line-height:35px;
	text-align:center;
	
}
#gallery-wrapper span a{
	text-decoration:none;
	color:#fff;
}
#gallery-wrapper span:hover{
	color:#fff;	
	background:#00afef;
}
#gallery{
	width:100%;
}
#gallery-strip{
	height:147px;
	background:#f9f9f9;
}
#gallery-strip h1{
	color:#4c7cbe;
	font-size:48px;
	text-align:center;
	font-family:Ubuntu, "Ubuntu Light", "Ubuntu Condensed";
	font-weight:normal;
	text-transform:capitalize;
	padding-top:10px;
}
#gallery-strip span{
	color:#6f6f6f;
	letter-spacing:2px;
	font-size:13px;
	display:block;
	text-align:center;
	font-family:Ubuntu, "Ubuntu Light", "Ubuntu Condensed";
	font-weight:normal;
	text-transform:uppercase;
	
}
#gallery-strip span a{
	color:#4c7cbe;
	text-decoration:none;
	
}
#gallery-strip span a:hover{
	text-decoration:underline;
}
#gallery-wrapper{
	margin:0 auto;
	width:90%;
	padding:30px 0;
}
.margin-top{
	margin-top:10px;
}

/***************Inner Page**********************/
#pgbreadcrumb{
	background:#00afef url(images/pattern_grid_dark.png) repeat top left;
	height:100px;	
}
#pgbreadcrum-wrapper{
	width:90%;
	margin:0 auto;	
}
#pgbreadcrum-wrapper h1{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#373737;	
}
#pgbreadcrum-wrapper h1 span{
	padding-top:10px;
	border-top:5px solid #e6f7fd;
}
#pgbreadcrum-wrapper ul{
	list-style:none;
}
#pgbreadcrum-wrapper ul li{
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;	
	display:inline-block;
	padding-right:5px;
}
#pgbreadcrum-wrapper ul li:hover{
	color:#fff;
}
#pgbreadcrum-wrapper ul li a{
	color:#373737;
	
}
#pgbreadcrum-wrapper ul li a:hover{
	text-decoration:underline;	
	color:#fff;
}
#intouch{
	margin-top:40px;
	width:120px;
	border:3px solid #fff;
	padding:5px 10px;
	
}
#intouch span{
	color:#fff;
	background:url(images/span-arrow.png) no-repeat center right;
	padding-right:15px;
}
#intouch span a{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;	
}
#intouch span a:hover{
	color:#fff;
}
#page-content-wrapper{
	width:90%;
	margin:0 auto;
	padding:30px 0;
}
#main-content h1, #sidebar h1, #sidebar-contact h1{
	padding-top:20px;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#373737;	
}
#main-content h1 span{
	border-top:4px #19b6f1 solid;
	padding-top:10px;
	
}
#main-content p{
	color:#777777;
	font-family:Roboto;
	font-size:14px;
	text-align:left;
	font-weight:normal;
}
#main-content ul li{
	background:url(images/slider-bullet.png) no-repeat center left;
	color:#777777;
	font-family:Roboto;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	padding:5px 0 5px 20px;
}
#sidebar-contact{
	padding:10px 15px;
	margin-top:20px;
	border:#d5d5d5 solid 4px;
	
}
#sidebar-contact h2{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
	color:#373737;
	margin-left:20px;
}
#sidebar{
	background:url(images/pattern_2.png) repeat top left;
	padding:10px 15px;
	margin-top:20px;
}
#sidebar h1{
	margin-left:15%;
}
#pgbreadcrum-wrapper h1:before{	
	content:"";
	Background:#e6f7fd;
   display: block;
   padding-top:5px;
   width: 50px;
   height: 4px;    
   margin: 0 0 10px;
}
#sidebar h1:before, #main-content h1:before, #sidebar-contact h1:before{
	content:"";
	Background:#19b6f1;
   display: block;
   padding-top:5px;
   width: 55px;
   height: 2px;    
   margin: 0 0 10px;
	
}
#sidebar ul{
	margin-left:15%;	
}
#sidebar ul li{
	color:#333333;
	margin:20px 0;
	font-size:16px;
	font-family:Roboto;
	text-transform:capitalize;
	font-weight:normal;
	padding-top:10px;
}
 #sidebar-contact ul li{
	 padding-left:30px;
	color:#333333;
	margin:5px 0;
	font-size:14px;
	font-family:Roboto;
	text-transform:capitalize;
	font-weight:normal;
	padding-top:10px;
}
#sidebar ul li a{
	color:#333333;
	font-size:16px;
	font-family:Roboto;
	text-transform:capitalize;
	font-weight:normal;
	text-decoration:none;
}
#sidebar ul li a:hover{
	color:#19b6f1;
	background:url(images/play-button.png) no-repeat center left;
	padding-left:15px;
}
.location-ico{
	Line-height:20px;
	background:url(images/location.png) no-repeat center left;
}
.tel{
	Line-height:20px;
	background:url(images/call-answer.png) no-repeat center left;
	
}
.email-ico{
	Line-height:20px;
	background:url(images/close-envelope.png) no-repeat center left;
	
}
.webmail{
	Line-height:20px;
	background:url(images/earth-globe.png) no-repeat center left;
	
}
/**************End of Inner page Style**************/
/**************contact Form********************/
.input-group {
    margin: 0 0 30px 0;
    width: 100%;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.form-control{
    font-size: 13px;
    color: #777777;
    background: #efefef;
    border: 3px solid #efefef;
    box-shadow: none !important;
    outline: none !important;
    padding: 12px 13px;
    height: 44px;
    transition: none;
}

.form-control:active,
.form-control:focus{
    border-color: #cbcbcb;
    background: #fff;
}
.button.wpcf7-submit {
    padding: 14px 45px 13px;
    text-transform: uppercase;
}
.button:hover,
.button:active,
.form-submit .submit:hover,
.form-submit .submit:active
{
    background: #777;
    color: #fff;
}
.button, .form-submit .submit, .button:focus, .form-submit .submit:focus {
    text-decoration: none !important;
    border: none;
    background:#19b6f1;
    color: #fff;
    font-size: 13px;
    padding: 11px 22px 10px;
    font-weight: 900;
    display: inline-block;
    box-shadow: none !important;
    outline: none !important;
}
#bottom{
	border-top:#2c95ff 3px solid;
	background:#132338;
}
#bottom-wrapper{
	width:90%;
	margin:0 auto;
	padding:30px 0;	
}
#quick-links h1, #footer-contact h1, #facebook-pg h1, #subscribe h1, #footer-social h1{
	color:#fff;
	font-family:Ubuntu, "Ubuntu Light", "Ubuntu Condensed";
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}
#footer-social{
	margin-top:20px;
}
#quick-links ul, #footer-contact ul{
	list-style:none;
}
#footer-contact ul li, #subscribe p{
	color:#fff;
	font-family:"Humanst521 BT", "Open Sans";
	font-size:14px;
	padding:10px 0;
	font-weight:lighter;
	
}
#footer-contact ul li a{
	color:#75a925;
	font-weight:lighter;
	
}
#footer-contact ul li a:hover{
	text-decoration:underline;
}
#quick-links ul li{
	color:#75a925;
	font-family:"Humanst521 BT", "Open Sans";
	font-size:16px;
	padding:10px 0;
	
}
#quick-links ul li a{
	text-decoration:none;
	color:#75a925;
	letter-spacing:1px;
}
#quick-links ul li a:hover{
	color:#00afef;
	text-decoration:underline;
}
#footer-contact h2{
	color:#fff;
	font-family:Ubuntu, "Ubuntu Light", "Ubuntu Condensed";
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
.underline-contact{
	border-bottom:1px solid #2c5fa2;	
}
.subscribe{
	background:#fff;
	font-family:"Humanst521 BT", "Open Sans";
	font-size:14px;
	color:#cbcbcb;
	float:left;
	padding:0 10px;
	height:40px;
	width:214px;
	border:none;
}
.sub-btn{
	border:none;
	width:41px;
	height:45px;
	background:url(images/submit-sub.jpg) no-repeat top left;
	float:left;
	
}
.footer-txt{
	display:block;
	padding-top:30px;
	color:#cbcbcb;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.footer-txt a{
	Text-decoration:none;
	color:#75a925;
}
.footer-txt a:hover{
	text-decoration:underline;
}
.ls-slide .button_3d span, .ls-slide .button_3d span::before {
    padding: 15px 40px;
.button_3d {
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}
.button_3d white{
	    position: relative;
    display: inline-block;
    padding: 12px 20px;
    background: #dac725;
    color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}